diff --git a/Gruntfile.js b/Gruntfile.js
index bba6006..6f1584b 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -40,11 +40,17 @@ module.exports = function(grunt) {
                     "./src/amd-footer.js",
                 ]
             }
+        },
+        exec: {
+            dr: {
+              command: "node node_modules/dr.js/dr dr.json"
+            }
         }
     });
 
     grunt.loadNpmTasks("grunt-contrib-concat");
     grunt.loadNpmTasks("grunt-contrib-uglify");
+    grunt.loadNpmTasks("grunt-exec");
 
-    grunt.registerTask("default", ["concat", "uglify"]);
+    grunt.registerTask("default", ["concat", "uglify", "exec"]);
 };
\ No newline at end of file
diff --git a/NOTICE b/NOTICE
index c9036ab..91db1bc 100644
--- a/NOTICE
+++ b/NOTICE
@@ -1,7 +1,7 @@
-Savage is licensed under the Apache license version 2.0, January 2004  (see LICENSE file).
+Snap.svg is licensed under the Apache license version 2.0, January 2004  (see LICENSE file).
 
-Savage uses the following third party libraries that may have licenses 
-differing from that of Savage itself. You can find the libraries and their
+Snap.svg uses the following third party libraries that may have licenses 
+differing from that of Snap.svg itself. You can find the libraries and their
 respective licenses below.
 
  - eve ./node_modules/eve
diff --git a/README.md b/README.md
index 4b4aec0..7c43551 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-savage
+Snap.svg
 ======
 
 JavaScript library for SVG.
@@ -7,9 +7,9 @@ API Reference is in `dist/reference.html`
 
 ### Building
 
-Savage uses [Grunt](http://gruntjs.com/) to build
+Snap.svg uses [Grunt](http://gruntjs.com/) to build
 
-* Open the terminal from the Savage directory
+* Open the terminal from the Snap.svg directory
 
         cd savage
 
@@ -22,14 +22,8 @@ Savage uses [Grunt](http://gruntjs.com/) to build
         npm install
 
 
-_*Savage uses Grunt 0.4.0. You might want to [read](http://gruntjs.com/getting-started) more on their website if you haven’t upgraded since a lot has changed._
+_*Snap.svg uses Grunt 0.4.0. You might want to [read](http://gruntjs.com/getting-started) more on their website if you haven’t upgraded since a lot has changed._
 
 * Type `grunt` in the command line to build the files.
 * The results will be built into the release folder.
-* Alternatively type `grunt watch` to have the build run automatically when you make changes to source files.
-
-* For documentation generation use this command
-
-        cd node_modules/dr.js/; node dr ../../dr.json; cd ../../
-
-_It’s ugly at the moment. Somebody should port it to grunt. May be even me :)_
+* Alternatively type `grunt watch` to have the build run automatically when you make changes to source files.
\ No newline at end of file
diff --git a/demojs.html b/demojs.html
index e687dc6..205142a 100644
--- a/demojs.html
+++ b/demojs.html
@@ -15,97 +15,97 @@
  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.">
-        <title>Savage</title>
+        <title>Snap</title>
         <style media="screen">
         body {
             background: #030 url("bg.png");
         }
         </style>
-        <script src="dist/savage-min.js"></script>
+        <script src="dist/snap.svg-min.js"></script>
         <script>
         window.onload = function () {
-            1;
-            var s = Savage("100%", 600);
+            1
+            var s = Snap("100%", 600);
             
-            2;
-            var c = s.circle(100, 100, 50);
-            
-            3;
-            c.attr({
-                fill: "#bada55",
-                stroke: "#000",
-                "stroke-width": 5
-            });
-            
-            4;
-            var c2 = s.circle(70, 100, 40);
-            var g = s.group(c2, s.circle(130, 100, 40));
-            g.attr({
-                fill: "#fff"
-            });
-            
-            5;
-            c.attr({
-                mask: g
-            });
-            
-            6;
-            c2.animate({r: 25}, 1000);
-            
-            7;
-            g.select("circle:nth-child(2)").animate({r: 25}, 1000);
-            
-            8;
-            var p = s.path("M10-5-10,15M15,0,0,15M0-5-20,15").attr({
-                    fill: "none",
-                    stroke: "#bada55",
-                    strokeWidth: 5
-                }).pattern(0, 0, 10, 10);
-            c.attr({
-                fill: p
-            });
-            
-            9;
-            g.attr({
-                fill: Savage(document.getElementById("pattern"))
-            });
-            
-            10;
-            g.attr({fill: "r()#fff-#000"});
-            
-            11;
-            g.attr({fill: "R(100, 100, 50)#fff-#000"});
-            
-            12;
-            p.select("path").animate({stroke: "#f00"}, 1000);
-            
-            13;
-            Savage.load("demo-card.svg", function (f) {
-                f.select("path[fill='#D40000']").attr({fill: "#bada55"});
-                g = s.group(f.selectAll("path"));
-                s.append(g);
-            
-                14;
-                g.attr({
-                    transform: "r45t100,0s.5"
-                });
-            
-                15;
-                console.log(g.attr("transform"));
-            
-                16;
-                g.drag();
-            });
-            
-            17;
-            s.text(200, 100, "SAVAGE");
-            
-            18;
-            var t = s.text(200, 120, ["S","A","V","A","G","E"]);
-            t.selectAll("tspan:nth-child(odd)").attr({
-                fill: "#900",
-                "font-size": "20px"
-            });
+            // 2
+            // var c = s.circle(100, 100, 50);
+            // 
+            // 3
+            // c.attr({
+            //     fill: "#bada55",
+            //     stroke: "#000",
+            //     "stroke-width": 5
+            // });
+            // 
+            // 4
+            // var c2 = s.circle(70, 100, 40);
+            // var g = s.group(c2, s.circle(130, 100, 40));
+            // g.attr({
+            //     fill: "#fff"
+            // });
+            // 
+            // 5
+            // c.attr({
+            //     mask: g
+            // });
+            // 
+            // 6
+            // c2.animate({r: 25}, 1000);
+            // 
+            // 7
+            // g.select("circle:nth-child(2)").animate({r: 25}, 1000);
+            // 
+            // 8
+            // var p = s.path("M10-5-10,15M15,0,0,15M0-5-20,15").attr({
+            //         fill: "none",
+            //         stroke: "#bada55",
+            //         strokeWidth: 5
+            //     }).pattern(0, 0, 10, 10);
+            // c.attr({
+            //     fill: p
+            // });
+            // 
+            // 9
+            // g.attr({
+            //     fill: Snap(document.getElementById("pattern"))
+            // });
+            // 
+            // 10
+            // g.attr({fill: "r()#fff-#000"});
+            // 
+            // 11
+            // g.attr({fill: "R(100, 100, 50)#fff-#000"});
+            // 
+            // 12
+            // p.select("path").animate({stroke: "#f00"}, 1000);
+            // 
+            // 13
+            // Snap.load("demo-card.svg", function (f) {
+            //     f.select("path[fill='#D40000']").attr({fill: "#bada55"});
+            //     g = s.group(f.selectAll("path"));
+            //     s.append(g);
+            // 
+            //     14
+            //     g.attr({
+            //         transform: "r45t100,0s.5"
+            //     });
+            //                 
+            //     15
+            //     console.log(g.attr("transform"));
+            //                 
+            //     16
+            //     g.drag();
+            // });
+            // 
+            // 17
+            // s.text(200, 100, "Snap.SVG");
+            // 
+            // 18
+            // var t = s.text(200, 120, ["S","n","a","p",".","S","V","G"]);
+            // t.selectAll("tspan:nth-child(odd)").attr({
+            //     fill: "#900",
+            //     "font-size": "20px"
+            // });
         };
         </script>
     </head>
diff --git a/demojs2.html b/demojs2.html
index aa397f9..5a73fcc 100644
--- a/demojs2.html
+++ b/demojs2.html
@@ -15,22 +15,22 @@
  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.">
-        <title>Savage</title>
+        <title>Snap</title>
         <style media="screen">
         body {
             background: #2c4e6b;
         }
         </style>
-        <script src="dist/savage-min.js"></script>
+        <script src="dist/snap.svg-min.js"></script>
         <script>
         window.onload = function () {
             1;
-            var g = Savage("100%", "100%");
+            var g = Snap("100%", "100%");
             g.attr({
                 viewBox: [0, 0, 800, 600]
             });
             
-            Savage.load("map.svg", function (f) {
+            Snap.load("map.svg", function (f) {
                 function getShift(dot) {
                     pln.attr({
                         transform: "t" + (dot.x) + "," + (dot.y) + "r" + (dot.alpha - 90)
@@ -83,7 +83,7 @@
                     click.attr({
                         display: "none"
                     });
-                    Savage.animate(0, pth.getTotalLength(), function (l) {
+                    Snap.animate(0, pth.getTotalLength(), function (l) {
                         var dot = pth.getPointAtLength(l);
                         flight.attr({
                             d: pth.getSubpath(0, l)
diff --git a/dist/css/topcoat-desktop-light.css b/dist/css/topcoat-desktop-light.css
index 1e221af..6735055 100644
--- a/dist/css/topcoat-desktop-light.css
+++ b/dist/css/topcoat-desktop-light.css
@@ -19,7 +19,7 @@
 .button-bar {
   display: table;
   table-layout: fixed;
-  white-space: no-wrap;
+  white-space: nowrap;
   margin: 0;
   padding: 0;
 }
@@ -30,7 +30,7 @@
   border-radius: 0;
 }
 
-.button_bar__item > input {
+.button-bar__item > input {
   position: absolute;
   overflow: hidden;
   padding: 0;
@@ -278,7 +278,7 @@
 .topcoat-button-bar {
   display: table;
   table-layout: fixed;
-  white-space: no-wrap;
+  white-space: nowrap;
   margin: 0;
   padding: 0;
 }
@@ -290,7 +290,7 @@
   border-radius: 0;
 }
 
-.button_bar__item > input,
+.button-bar__item > input,
 .topcoat-button-bar__item > input {
   position: absolute;
   overflow: hidden;
@@ -1799,6 +1799,140 @@ input[type="checkbox"]:focus + .topcoat-checkbox__checkmark:before {
   color: #000;
 }
 
+/*
+Copyright 2012 Adobe Systems Inc.;
+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.
+*/
+
+/**
+*
+* Copyright 2012 Adobe Systems Inc.;
+*
+* 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.
+*
+*/
+
+.notification {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  border: none;
+  cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  text-decoration: none;
+}
+
+/*
+Copyright 2012 Adobe Systems Inc.;
+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.
+*/
+
+/**
+*
+* Copyright 2012 Adobe Systems Inc.;
+*
+* 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.
+*
+*/
+
+.notification,
+.topcoat-notification {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  border: none;
+  cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  text-decoration: none;
+}
+
+/* topdoc
+  name: Notification
+  description: Notification badge
+  markup:
+    <span class="topcoat-notification">1</span>
+  tags:
+    - desktop
+    - light
+    - mobile
+    - notification
+*/
+
+.topcoat-notification {
+  padding: 0.15em 0.5em 0.2em;
+  border-radius: 2px;
+  background-color: #ec514e;
+  color: #fff;
+}
+
 /**
 *
 * Copyright 2012 Adobe Systems Inc.;
@@ -2098,6 +2232,193 @@ input[type="radio"]:focus + .topcoat-radio-button__checkmark:before {
   box-shadow: 0 0 0 2px #6fb5f1;
 }
 
+/*
+Copyright 2012 Adobe Systems Inc.;
+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.
+*/
+
+/*
+Copyright 2012 Adobe Systems Inc.;
+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.
+*/
+
+.range {
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  border: none;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+  vertical-align: top;
+  outline: none;
+  -webkit-appearance: none;
+}
+
+.range__thumb {
+  cursor: pointer;
+}
+
+.range__thumb--webkit {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+
+.range:disabled {
+  opacity: 0.3;
+  cursor: default;
+  pointer-events: none;
+}
+
+/*
+Copyright 2012 Adobe Systems Inc.;
+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.
+*/
+
+/*
+Copyright 2012 Adobe Systems Inc.;
+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.
+*/
+
+.range,
+.topcoat-range {
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  border: none;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+  vertical-align: top;
+  outline: none;
+  -webkit-appearance: none;
+}
+
+.range__thumb,
+.topcoat-range::-moz-range-thumb {
+  cursor: pointer;
+}
+
+.range__thumb--webkit,
+.topcoat-range::-webkit-slider-thumb {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+
+.range:disabled,
+.topcoat-range:disabled {
+  opacity: 0.3;
+  cursor: default;
+  pointer-events: none;
+}
+
+/* topdoc
+  name: Range
+  description: Range input
+  modifiers:
+    :active: Active state
+    :disabled: Disabled state
+    :hover: Hover state
+    :focus: Focused
+  markup:
+    <input type="range" class="topcoat-range">
+    <input type="range" class="topcoat-range" disabled>
+  examples:
+    mobile range: http://codepen.io/Topcoat/pen/BskEn
+  tags:
+    - desktop
+    - mobile
+    - range
+*/
+
+.topcoat-range {
+  border-radius: 6px;
+  border: 1px solid #a5a8a8;
+  background-color: #d3d7d7;
+  height: 1rem;
+  border-radius: 30px;
+}
+
+.topcoat-range::-moz-range-track {
+  border-radius: 6px;
+  border: 1px solid #a5a8a8;
+  background-color: #d3d7d7;
+  height: 1rem;
+  border-radius: 30px;
+}
+
+.topcoat-range::-webkit-slider-thumb {
+  height: 3rem;
+  width: 2rem;
+  background-color: #e5e9e8;
+  border: 1px solid #a5a8a8;
+  border-radius: 6px;
+  box-shadow: inset 0 1px #fff;
+}
+
+.topcoat-range::-moz-range-thumb {
+  height: 3rem;
+  width: 2rem;
+  background-color: #e5e9e8;
+  border: 1px solid #a5a8a8;
+  border-radius: 6px;
+  box-shadow: inset 0 1px #fff;
+}
+
+.topcoat-range:focus::-webkit-slider-thumb {
+  border: 1px solid #0940fd;
+  box-shadow: 0 0 0 2px #6fb5f1;
+}
+
+.topcoat-range:focus::-moz-range-thumb {
+  border: 1px solid #0940fd;
+  box-shadow: 0 0 0 2px #6fb5f1;
+}
+
 /**
 *
 * Copyright 2012 Adobe Systems Inc.;
@@ -2372,6 +2693,459 @@ input[type="search"]::-webkit-search-cancel-button {
 *
 */
 
+.switch {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+}
+
+.switch__input {
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  opacity: 0.001;
+  z-index: 1;
+  vertical-align: top;
+  outline: none;
+}
+
+.switch__toggle {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  border: none;
+  cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.switch__toggle:before,
+.switch__toggle:after {
+  content: '';
+  position: absolute;
+  z-index: -1;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+}
+
+.switch--disabled {
+  opacity: 0.3;
+  cursor: default;
+  pointer-events: none;
+}
+
+/**
+*
+* Copyright 2012 Adobe Systems Inc.;
+*
+* 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.
+*
+*/
+
+/**
+*
+* Copyright 2012 Adobe Systems Inc.;
+*
+* 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.
+*
+*/
+
+.switch,
+.topcoat-switch {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+}
+
+.switch__input,
+.topcoat-switch__input {
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  opacity: 0.001;
+  z-index: 1;
+  vertical-align: top;
+  outline: none;
+}
+
+.switch__toggle,
+.topcoat-switch__toggle {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  border: none;
+  cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.switch__toggle:before,
+.switch__toggle:after,
+.topcoat-switch__toggle:before,
+.topcoat-switch__toggle:after {
+  content: '';
+  position: absolute;
+  z-index: -1;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+}
+
+.switch--disabled,
+.topcoat-switch__input:disabled + .topcoat-switch__toggle {
+  opacity: 0.3;
+  cursor: default;
+  pointer-events: none;
+}
+
+/* topdoc
+  name: Switch
+  description: Default skin for Topcoat switch
+  modifiers:
+    :focus: Focus state
+    :disabled: Disabled state
+  markup:
+    <label class="topcoat-switch">
+      <input type="checkbox" class="topcoat-switch__input">
+      <div class="topcoat-switch__toggle"></div>
+    </label>
+    <br>
+    <br>
+    <label class="topcoat-switch">
+      <input type="checkbox" class="topcoat-switch__input" checked>
+      <div class="topcoat-switch__toggle"></div>
+    </label>
+    <br>
+    <br>
+    <label class="topcoat-switch">
+      <input type="checkbox" class="topcoat-switch__input" disabled>
+      <div class="topcoat-switch__toggle"></div>
+    </label>
+  examples:
+    mobile switch: http://codepen.io/Topcoat/pen/upxds
+  tags:
+    - desktop
+    - light
+    - mobile
+    - switch
+*/
+
+.topcoat-switch {
+  font-size: 16px;
+  padding: 0 1.25rem;
+  border-radius: 6px;
+  border: 1px solid #a5a8a8;
+  overflow: hidden;
+  width: 6rem;
+}
+
+.topcoat-switch__toggle:before,
+.topcoat-switch__toggle:after {
+  top: -1px;
+  width: 5rem;
+}
+
+.topcoat-switch__toggle:before {
+  content: 'ON';
+  color: #0083e8;
+  background-color: #e0f0fa;
+  right: 1rem;
+  padding-left: 1.5rem;
+}
+
+.topcoat-switch__toggle {
+  line-height: 3rem;
+  height: 3rem;
+  width: 2rem;
+  border-radius: 6px;
+  color: #454545;
+  text-shadow: 0 1px #fff;
+  background-color: #e5e9e8;
+  border: 1px solid #a5a8a8;
+  margin-left: -1.3rem;
+  margin-bottom: -1px;
+  margin-top: -1px;
+  box-shadow: inset 0 1px #fff;
+  -webkit-transition: margin-left 0.05s ease-in-out;
+  transition: margin-left 0.05s ease-in-out;
+}
+
+.topcoat-switch__toggle:after {
+  content: 'OFF';
+  background-color: #d3d7d7;
+  left: 1rem;
+  padding-left: 2rem;
+}
+
+.topcoat-switch__input:checked + .topcoat-switch__toggle {
+  margin-left: 2.7rem;
+}
+
+.topcoat-switch__input:focus + .topcoat-switch__toggle {
+  border: 1px solid #0940fd;
+  box-shadow: 0 0 0 2px #6fb5f1;
+}
+
+.topcoat-switch__input:disabled + .topcoat-switch__toggle:after,
+.topcoat-switch__input:disabled + .topcoat-switch__toggle:before {
+  background: transparent;
+}
+
+/**
+*
+* Copyright 2012 Adobe Systems Inc.;
+*
+* 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.
+*
+*/
+
+/**
+*
+* Copyright 2012 Adobe Systems Inc.;
+*
+* 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.
+*
+*/
+
+.button,
+.topcoat-tab-bar__button {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-clip: padding-box;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  border: none;
+  cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  text-decoration: none;
+}
+
+.button--quiet {
+  background: transparent;
+  border: 1px solid transparent;
+  box-shadow: none;
+}
+
+.button--disabled,
+.topcoat-tab-bar__button:disabled {
+  opacity: 0.3;
+  cursor: default;
+  pointer-events: none;
+}
+
+.button-bar,
+.topcoat-tab-bar {
+  display: table;
+  table-layout: fixed;
+  white-space: nowrap;
+  margin: 0;
+  padding: 0;
+}
+
+.button-bar__item,
+.topcoat-tab-bar__item {
+  display: table-cell;
+  width: auto;
+  border-radius: 0;
+}
+
+.button-bar__item > input,
+.topcoat-tab-bar__item > input {
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  opacity: 0.001;
+  z-index: 1;
+  vertical-align: top;
+  outline: none;
+}
+
+.button-bar__button {
+  border-radius: inherit;
+}
+
+.button-bar__item:disabled {
+  opacity: 0.3;
+  cursor: default;
+  pointer-events: none;
+}
+
+/* topdoc
+  name: Tab Bar
+  description: Component of tab buttons
+  modifiers:
+    :disabled: Disabled state
+  markup:
+    <div class="topcoat-tab-bar">
+      <label class="topcoat-tab-bar__item">
+        <input type="radio" name="tab-bar">
+        <button class="topcoat-tab-bar__button">One</button>
+      </label>
+      <label class="topcoat-tab-bar__item">
+        <input type="radio" name="tab-bar">
+        <button class="topcoat-tab-bar__button">Two</button>
+      </label>
+      <label class="topcoat-tab-bar__item">
+        <input type="radio" name="tab-bar">
+        <button class="topcoat-tab-bar__button">Three</button>
+      </label>
+    </div>
+  examples:
+    mobile tab bar: http://codepen.io/Topcoat/pen/rJICF
+  tags:
+    - desktop
+    - light
+    - dark
+    - mobile
+    - tab
+    - group
+    - bar
+*/
+
+.topcoat-tab-bar__button {
+  padding: 0 1.25rem;
+  height: 3rem;
+  line-height: 3rem;
+  letter-spacing: 1px;
+  color: #454545;
+  text-shadow: 0 1px #fff;
+  vertical-align: top;
+  background-color: #e5e9e8;
+  box-shadow: inset 0 1px #fff;
+  border-top: 1px solid #a5a8a8;
+}
+
+.topcoat-tab-bar__button:active,
+.topcoat-tab-bar__button--large:active,
+:checked + .topcoat-tab-bar__button {
+  color: #0083e8;
+  background-color: #e0f0fa;
+  box-shadow: inset 0 0 2px #c0ced8;
+}
+
+.topcoat-tab-bar__button:focus,
+.topcoat-tab-bar__button--large:focus {
+  z-index: 1;
+}
+
+/**
+*
+* Copyright 2012 Adobe Systems Inc.;
+*
+* 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.
+*
+*/
+
+/**
+*
+* Copyright 2012 Adobe Systems Inc.;
+*
+* 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.
+*
+*/
+
 .input,
 .topcoat-text-input,
 .topcoat-text-input--large {
@@ -2399,11 +3173,18 @@ input[type="search"]::-webkit-search-cancel-button {
 /* topdoc
   name: Text input
   description: Topdoc text input
+  modifiers:
+    :disabled: Disabled state
+    :focus: Focused
+    :invalid: Hover state
   markup:
     <input type="text" class="topcoat-text-input" placeholder="text" value="">
     <br>
     <br>
     <input type="text" class="topcoat-text-input" placeholder="text" value="" disabled>
+    <br>
+    <br>
+    <input type="text" class="topcoat-text-input" placeholder="text" value="fail" pattern="not-fail">
   tags:
     - desktop
     - mobile
@@ -2445,16 +3226,25 @@ input[type="search"]::-webkit-search-cancel-button {
   color: #000;
 }
 
+.topcoat-text-input:invalid {
+  border: 1px solid #d83b75;
+}
+
 /* topdoc
   name: Large Text Input
   description: A bigger input, still for text.
   modifiers:
     :disabled: Disabled state
+    :focus: Focused
+    :invalid: Hover state
   markup:
     <input type="text" class="topcoat-text-input--large" value="" placeholder="text">
     <br>
     <br>
     <input type="text" class="topcoat-text-input--large" value="" placeholder="text" disabled>
+    <br>
+    <br>
+    <input type="text" class="topcoat-text-input--large" placeholder="text" value="fail" pattern="not-fail">
   tags:
     - desktop
     - light
@@ -2485,6 +3275,10 @@ input[type="search"]::-webkit-search-cancel-button {
   color: #000;
 }
 
+.topcoat-text-input--large:invalid {
+  border: 1px solid #d83b75;
+}
+
 /**
 *
 * Copyright 2012 Adobe Systems Inc.;
@@ -2720,7 +3514,6 @@ body {
   color: #000;
   font: 16px "Source Sans", helvetica, arial, sans-serif;
   font-weight: 200;
-  text-rendering: optimizeLegibility;
 }
 
 :focus {
@@ -2792,6 +3585,8 @@ body {
   overflow: hidden;
 }
 
+/* This file should include color and image variables corresponding to the dark theme */
+
 /* Call To Action */
 
 /* Icons */
@@ -2814,6 +3609,10 @@ body {
 
 /* Radio Button */
 
+/* Tab bar */
+
+/* Switch */
+
 /* Icon Button */
 
 /* Navigation bar */
@@ -2828,8 +3627,14 @@ body {
 
 /* Radio */
 
+/* Range input */
+
 /* Search Input */
 
+/* Switch */
+
+/* This file should include color and image variables corresponding to the light theme */
+
 /* Call To Action */
 
 /* Icons */
@@ -2840,7 +3645,7 @@ body {
 
 /* List */
 
-/*Overlay*/
+/* Overlay */
 
 /* Progress bar */
 
@@ -2848,6 +3653,12 @@ body {
 
 /* Range input */
 
+/* Radio Button */
+
+/* Tab bar */
+
+/* Switch */
+
 /* Containers */
 
 /* Icon Button */
@@ -2868,6 +3679,8 @@ body {
 
 /* Search Input */
 
+/* Switch */
+
 /* Text Input */
 
 /* Radio input */
@@ -2880,4 +3693,8 @@ body {
 
 /* Progress bar progress */
 
-/* Search input */
\ No newline at end of file
+/* Search input */
+
+/* Switch */
+
+/* Notification */
\ No newline at end of file
diff --git a/dist/reference.html b/dist/reference.html
index c3a6f14..b6e49b8 100644
--- a/dist/reference.html
+++ b/dist/reference.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <title>Savage API Reference</title>
+    <title>Snap.svg API Reference</title>
     <meta name="viewport" content="user-scalable=no,initial-scale = 1.0,maximum-scale = 1.0">
     <link rel="stylesheet" href="fonts/stylesheet.css"><link rel="stylesheet" href="css/topcoat-desktop-light.css">
     <link rel="stylesheet" href="css/main.css">
@@ -18,14 +18,14 @@
           <div class="combo">
               <input type="search" id="dr-filter" value="" placeholder="search" class="topcoat-search-input">
           </div>
-          <div id="pageNav"><ol id="dr-toc"><li class="dr-lvl0"><a href="#Element" class="{clas}"><span>Element</span></a></li><li class="dr-lvl1"><a href="#Element.add" class="dr-method"><span>Element.add()</span></a></li><li class="dr-lvl1"><a href="#Element.after" class="dr-method"><span>Element.after()</span></a></li><li class="dr-lvl1"><a href="#Element.animate" class="dr-method"><span>Element.animate()</span></a></li><li class="dr-lvl1"><a href="#Element.append" class="dr-method"><span>Element.append()</span></a></li><li class="dr-lvl1"><a href="#Element.asPX" class="dr-method"><span>Element.asPX()</span></a></li><li class="dr-lvl1"><a href="#Element.attr" class="dr-method"><span>Element.attr()</span></a></li><li class="dr-lvl1"><a href="#Element.before" class="dr-method"><span>Element.before()</span></a></li><li class="dr-lvl1"><a href="#Element.click" class="dr-method"><span>Element.click()</span></a></li><li class="dr-lvl1"><a href="#Element.clone" class="dr-method"><span>Element.clone()</span></a></li><li class="dr-lvl1"><a href="#Element.data" class="dr-method"><span>Element.data()</span></a></li><li class="dr-lvl1"><a href="#Element.dblclick" class="dr-method"><span>Element.dblclick()</span></a></li><li class="dr-lvl1"><a href="#Element.drag" class="dr-method"><span>Element.drag()</span></a></li><li class="dr-lvl1"><a href="#Element.getBBox" class="dr-method"><span>Element.getBBox()</span></a></li><li class="dr-lvl1"><a href="#Element.getPointAtLength" class="dr-method"><span>Element.getPointAtLength()</span></a></li><li class="dr-lvl1"><a href="#Element.getSubpath" class="dr-method"><span>Element.getSubpath()</span></a></li><li class="dr-lvl1"><a href="#Element.getTotalLength" class="dr-method"><span>Element.getTotalLength()</span></a></li><li class="dr-lvl1"><a href="#Element.hover" class="dr-method"><span>Element.hover()</span></a></li><li class="dr-lvl1"><a href="#Element.inAnim" class="dr-method"><span>Element.inAnim()</span></a></li><li class="dr-lvl1"><a href="#Element.innerSVG" class="dr-method"><span>Element.innerSVG()</span></a></li><li class="dr-lvl1"><a href="#Element.insertAfter" class="dr-method"><span>Element.insertAfter()</span></a></li><li class="dr-lvl1"><a href="#Element.insertBefore" class="dr-method"><span>Element.insertBefore()</span></a></li><li class="dr-lvl1"><a href="#Element.marker" class="dr-method"><span>Element.marker()</span></a></li><li class="dr-lvl1"><a href="#Element.mousedown" class="dr-method"><span>Element.mousedown()</span></a></li><li class="dr-lvl1"><a href="#Element.mousemove" class="dr-method"><span>Element.mousemove()</span></a></li><li class="dr-lvl1"><a href="#Element.mouseout" class="dr-method"><span>Element.mouseout()</span></a></li><li class="dr-lvl1"><a href="#Element.mouseover" class="dr-method"><span>Element.mouseover()</span></a></li><li class="dr-lvl1"><a href="#Element.mouseup" class="dr-method"><span>Element.mouseup()</span></a></li><li class="dr-lvl1"><a href="#Element.parent" class="dr-method"><span>Element.parent()</span></a></li><li class="dr-lvl1"><a href="#Element.pattern" class="dr-method"><span>Element.pattern()</span></a></li><li class="dr-lvl1"><a href="#Element.prepend" class="dr-method"><span>Element.prepend()</span></a></li><li class="dr-lvl1"><a href="#Element.remove" class="dr-method"><span>Element.remove()</span></a></li><li class="dr-lvl1"><a href="#Element.removeData" class="dr-method"><span>Element.removeData()</span></a></li><li class="dr-lvl1"><a href="#Element.select" class="dr-method"><span>Element.select()</span></a></li><li class="dr-lvl1"><a href="#Element.selectAll" class="dr-method"><span>Element.selectAll()</span></a></li><li class="dr-lvl1"><a href="#Element.stop" class="dr-method"><span>Element.stop()</span></a></li><li class="dr-lvl1"><a href="#Element.toDefs" class="dr-method"><span>Element.toDefs()</span></a></li><li class="dr-lvl1"><a href="#Element.toString" class="dr-method"><span>Element.toString()</span></a></li><li class="dr-lvl1"><a href="#Element.touchcancel" class="dr-method"><span>Element.touchcancel()</span></a></li><li class="dr-lvl1"><a href="#Element.touchend" class="dr-method"><span>Element.touchend()</span></a></li><li class="dr-lvl1"><a href="#Element.touchmove" class="dr-method"><span>Element.touchmove()</span></a></li><li class="dr-lvl1"><a href="#Element.touchstart" class="dr-method"><span>Element.touchstart()</span></a></li><li class="dr-lvl1"><a href="#Element.transform" class="dr-method"><span>Element.transform()</span></a></li><li class="dr-lvl1"><a href="#Element.unclick" class="dr-method"><span>Element.unclick()</span></a></li><li class="dr-lvl1"><a href="#Element.undblclick" class="dr-method"><span>Element.undblclick()</span></a></li><li class="dr-lvl1"><a href="#Element.undrag" class="dr-method"><span>Element.undrag()</span></a></li><li class="dr-lvl1"><a href="#Element.unhover" class="dr-method"><span>Element.unhover()</span></a></li><li class="dr-lvl1"><a href="#Element.unmousedown" class="dr-method"><span>Element.unmousedown()</span></a></li><li class="dr-lvl1"><a href="#Element.unmousemove" class="dr-method"><span>Element.unmousemove()</span></a></li><li class="dr-lvl1"><a href="#Element.unmouseout" class="dr-method"><span>Element.unmouseout()</span></a></li><li class="dr-lvl1"><a href="#Element.unmouseover" class="dr-method"><span>Element.unmouseover()</span></a></li><li class="dr-lvl1"><a href="#Element.unmouseup" class="dr-method"><span>Element.unmouseup()</span></a></li><li class="dr-lvl1"><a href="#Element.untouchcancel" class="dr-method"><span>Element.untouchcancel()</span></a></li><li class="dr-lvl1"><a href="#Element.untouchend" class="dr-method"><span>Element.untouchend()</span></a></li><li class="dr-lvl1"><a href="#Element.untouchmove" class="dr-method"><span>Element.untouchmove()</span></a></li><li class="dr-lvl1"><a href="#Element.untouchstart" class="dr-method"><span>Element.untouchstart()</span></a></li><li class="dr-lvl1"><a href="#Element.use" class="dr-method"><span>Element.use()</span></a></li><li class="dr-lvl0"><a href="#Fragment" class="{clas}"><span>Fragment</span></a></li><li class="dr-lvl1"><a href="#Fragment.select" class="dr-method"><span>Fragment.select()</span></a></li><li class="dr-lvl1"><a href="#Fragment.selectAll" class="dr-method"><span>Fragment.selectAll()</span></a></li><li class="dr-lvl0"><a href="#Matrix" class="{clas}"><span>Matrix</span></a></li><li class="dr-lvl1"><a href="#Matrix.add" class="dr-method"><span>Matrix.add()</span></a></li><li class="dr-lvl1"><a href="#Matrix.clone" class="dr-method"><span>Matrix.clone()</span></a></li><li class="dr-lvl1"><a href="#Matrix.invert" class="dr-method"><span>Matrix.invert()</span></a></li><li class="dr-lvl1"><a href="#Matrix.rotate" class="dr-method"><span>Matrix.rotate()</span></a></li><li class="dr-lvl1"><a href="#Matrix.scale" class="dr-method"><span>Matrix.scale()</span></a></li><li class="dr-lvl1"><a href="#Matrix.split" class="dr-method"><span>Matrix.split()</span></a></li><li class="dr-lvl1"><a href="#Matrix.toTransformString" class="dr-method"><span>Matrix.toTransformString()</span></a></li><li class="dr-lvl1"><a href="#Matrix.translate" class="dr-method"><span>Matrix.translate()</span></a></li><li class="dr-lvl1"><a href="#Matrix.x" class="dr-method"><span>Matrix.x()</span></a></li><li class="dr-lvl1"><a href="#Matrix.y" class="dr-method"><span>Matrix.y()</span></a></li><li class="dr-lvl0"><a href="#Paper" class="{clas}"><span>Paper</span></a></li><li class="dr-lvl1"><a href="#Paper.circle" class="dr-method"><span>Paper.circle()</span></a></li><li class="dr-lvl1"><a href="#Paper.el" class="dr-method"><span>Paper.el()</span></a></li><li class="dr-lvl1"><a href="#Paper.ellipse" class="dr-method"><span>Paper.ellipse()</span></a></li><li class="dr-lvl1"><a href="#Paper.filter" class="dr-method"><span>Paper.filter()</span></a></li><li class="dr-lvl1"><a href="#Paper.g" class="dr-method"><span>Paper.g()</span></a></li><li class="dr-lvl1"><a href="#Paper.gradient" class="dr-method"><span>Paper.gradient()</span></a></li><li class="dr-lvl1"><a href="#Paper.group" class="dr-method"><span>Paper.group()</span></a></li><li class="dr-lvl1"><a href="#Paper.image" class="dr-method"><span>Paper.image()</span></a></li><li class="dr-lvl1"><a href="#Paper.line" class="dr-method"><span>Paper.line()</span></a></li><li class="dr-lvl1"><a href="#Paper.path" class="dr-method"><span>Paper.path()</span></a></li><li class="dr-lvl1"><a href="#Paper.polygon" class="dr-method"><span>Paper.polygon()</span></a></li><li class="dr-lvl1"><a href="#Paper.polyline" class="dr-method"><span>Paper.polyline()</span></a></li><li class="dr-lvl1"><a href="#Paper.rect" class="dr-method"><span>Paper.rect()</span></a></li><li class="dr-lvl1"><a href="#Paper.text" class="dr-method"><span>Paper.text()</span></a></li><li class="dr-lvl1"><a href="#Paper.toString" class="dr-method"><span>Paper.toString()</span></a></li><li class="dr-lvl0"><a href="#Savage" class="dr-method"><span>Savage()</span></a></li><li class="dr-lvl1"><a href="#Savage.Matrix" class="dr-method"><span>Savage.Matrix()</span></a></li><li class="dr-lvl1"><a href="#Savage.ajax" class="dr-method"><span>Savage.ajax()</span></a></li><li class="dr-lvl1"><a href="#Savage.angle" class="dr-method"><span>Savage.angle()</span></a></li><li class="dr-lvl1"><a href="#Savage.animate" class="dr-method"><span>Savage.animate()</span></a></li><li class="dr-lvl1"><a href="#Savage.animation" class="dr-method"><span>Savage.animation()</span></a></li><li class="dr-lvl1"><a href="#Savage.color" class="dr-method"><span>Savage.color()</span></a></li><li class="dr-lvl1"><a href="#Savage.deg" class="dr-method"><span>Savage.deg()</span></a></li><li class="dr-lvl1"><a href="#Savage.filter" class="{clas}"><span>Savage.filter</span></a></li><li class="dr-lvl2"><a href="#Savage.filter.blur" class="dr-method"><span>Savage.filter.blur()</span></a></li><li class="dr-lvl2"><a href="#Savage.filter.brightness" class="dr-method"><span>Savage.filter.brightness()</span></a></li><li class="dr-lvl2"><a href="#Savage.filter.contrast" class="dr-method"><span>Savage.filter.contrast()</span></a></li><li class="dr-lvl2"><a href="#Savage.filter.grayscale" class="dr-method"><span>Savage.filter.grayscale()</span></a></li><li class="dr-lvl2"><a href="#Savage.filter.hueRotate" class="dr-method"><span>Savage.filter.hueRotate()</span></a></li><li class="dr-lvl2"><a href="#Savage.filter.invert" class="dr-method"><span>Savage.filter.invert()</span></a></li><li class="dr-lvl2"><a href="#Savage.filter.saturate" class="dr-method"><span>Savage.filter.saturate()</span></a></li><li class="dr-lvl2"><a href="#Savage.filter.sepia" class="dr-method"><span>Savage.filter.sepia()</span></a></li><li class="dr-lvl2"><a href="#Savage.filter.shadow" class="dr-method"><span>Savage.filter.shadow()</span></a></li><li class="dr-lvl1"><a href="#Savage.format" class="dr-method"><span>Savage.format()</span></a></li><li class="dr-lvl1"><a href="#Savage.fragment" class="dr-method"><span>Savage.fragment()</span></a></li><li class="dr-lvl1"><a href="#Savage.getRGB" class="dr-method"><span>Savage.getRGB()</span></a></li><li class="dr-lvl1"><a href="#Savage.hsb" class="dr-method"><span>Savage.hsb()</span></a></li><li class="dr-lvl1"><a href="#Savage.hsb2rgb" class="dr-method"><span>Savage.hsb2rgb()</span></a></li><li class="dr-lvl1"><a href="#Savage.hsl" class="dr-method"><span>Savage.hsl()</span></a></li><li class="dr-lvl1"><a href="#Savage.hsl2rgb" class="dr-method"><span>Savage.hsl2rgb()</span></a></li><li class="dr-lvl1"><a href="#Savage.is" class="dr-method"><span>Savage.is()</span></a></li><li class="dr-lvl1"><a href="#Savage.load" class="dr-method"><span>Savage.load()</span></a></li><li class="dr-lvl1"><a href="#Savage.parse" class="dr-method"><span>Savage.parse()</span></a></li><li class="dr-lvl1"><a href="#Savage.parsePathString" class="dr-method"><span>Savage.parsePathString()</span></a></li><li class="dr-lvl1"><a href="#Savage.parseTransformString" class="dr-method"><span>Savage.parseTransformString()</span></a></li><li class="dr-lvl1"><a href="#Savage.path" class="{clas}"><span>Savage.path</span></a></li><li class="dr-lvl2"><a href="#Savage.path.bezierBBox" class="dr-method"><span>Savage.path.bezierBBox()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.findDotsAtSegment" class="dr-method"><span>Savage.path.findDotsAtSegment()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.getBBox" class="dr-method"><span>Savage.path.getBBox()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.getPointAtLength" class="dr-method"><span>Savage.path.getPointAtLength()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.getSubpath" class="dr-method"><span>Savage.path.getSubpath()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.getTotalLength" class="dr-method"><span>Savage.path.getTotalLength()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.intersection" class="dr-method"><span>Savage.path.intersection()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.isBBoxIntersect" class="dr-method"><span>Savage.path.isBBoxIntersect()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.isPointInside" class="dr-method"><span>Savage.path.isPointInside()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.isPointInsideBBox" class="dr-method"><span>Savage.path.isPointInsideBBox()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.map" class="dr-method"><span>Savage.path.map()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.toAbsolute" class="dr-method"><span>Savage.path.toAbsolute()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.toCubic" class="dr-method"><span>Savage.path.toCubic()</span></a></li><li class="dr-lvl2"><a href="#Savage.path.toRelative" class="dr-method"><span>Savage.path.toRelative()</span></a></li><li class="dr-lvl1"><a href="#Savage.rad" class="dr-method"><span>Savage.rad()</span></a></li><li class="dr-lvl1"><a href="#Savage.rgb" class="dr-method"><span>Savage.rgb()</span></a></li><li class="dr-lvl1"><a href="#Savage.rgb2hsb" class="dr-method"><span>Savage.rgb2hsb()</span></a></li><li class="dr-lvl1"><a href="#Savage.rgb2hsl" class="dr-method"><span>Savage.rgb2hsl()</span></a></li><li class="dr-lvl1"><a href="#Savage.select" class="dr-method"><span>Savage.select()</span></a></li><li class="dr-lvl1"><a href="#Savage.selectAll" class="dr-method"><span>Savage.selectAll()</span></a></li><li class="dr-lvl1"><a href="#Savage.snapTo" class="dr-method"><span>Savage.snapTo()</span></a></li><li class="dr-lvl0"><a href="#Set" class="{clas}"><span>Set</span></a></li><li class="dr-lvl1"><a href="#Set.clear" class="dr-method"><span>Set.clear()</span></a></li><li class="dr-lvl1"><a href="#Set.exclude" class="dr-method"><span>Set.exclude()</span></a></li><li class="dr-lvl1"><a href="#Set.forEach" class="dr-method"><span>Set.forEach()</span></a></li><li class="dr-lvl1"><a href="#Set.pop" class="dr-method"><span>Set.pop()</span></a></li><li class="dr-lvl1"><a href="#Set.push" class="dr-method"><span>Set.push()</span></a></li><li class="dr-lvl1"><a href="#Set.splice" class="dr-method"><span>Set.splice()</span></a></li><li class="dr-lvl0"><a href="#mina" class="dr-method"><span>mina()</span></a></li><li class="dr-lvl1"><a href="#mina.backin" class="dr-method"><span>mina.backin()</span></a></li><li class="dr-lvl1"><a href="#mina.backout" class="dr-method"><span>mina.backout()</span></a></li><li class="dr-lvl1"><a href="#mina.bounce" class="dr-method"><span>mina.bounce()</span></a></li><li class="dr-lvl1"><a href="#mina.easein" class="dr-method"><span>mina.easein()</span></a></li><li class="dr-lvl1"><a href="#mina.easeinout" class="dr-method"><span>mina.easeinout()</span></a></li><li class="dr-lvl1"><a href="#mina.easeout" class="dr-method"><span>mina.easeout()</span></a></li><li class="dr-lvl1"><a href="#mina.elastic" class="dr-method"><span>mina.elastic()</span></a></li><li class="dr-lvl1"><a href="#mina.getById" class="dr-method"><span>mina.getById()</span></a></li><li class="dr-lvl1"><a href="#mina.linear" class="dr-method"><span>mina.linear()</span></a></li><li class="dr-lvl1"><a href="#mina.time" class="dr-method"><span>mina.time()</span></a></li></ol></div>
+          <div id="pageNav"><ol id="dr-toc"><li class="dr-lvl0"><a href="#Element" class="{clas}"><span>Element</span></a></li><li class="dr-lvl1"><a href="#Element.add" class="dr-method"><span>Element.add()</span></a></li><li class="dr-lvl1"><a href="#Element.after" class="dr-method"><span>Element.after()</span></a></li><li class="dr-lvl1"><a href="#Element.animate" class="dr-method"><span>Element.animate()</span></a></li><li class="dr-lvl1"><a href="#Element.append" class="dr-method"><span>Element.append()</span></a></li><li class="dr-lvl1"><a href="#Element.asPX" class="dr-method"><span>Element.asPX()</span></a></li><li class="dr-lvl1"><a href="#Element.attr" class="dr-method"><span>Element.attr()</span></a></li><li class="dr-lvl1"><a href="#Element.before" class="dr-method"><span>Element.before()</span></a></li><li class="dr-lvl1"><a href="#Element.click" class="dr-method"><span>Element.click()</span></a></li><li class="dr-lvl1"><a href="#Element.clone" class="dr-method"><span>Element.clone()</span></a></li><li class="dr-lvl1"><a href="#Element.data" class="dr-method"><span>Element.data()</span></a></li><li class="dr-lvl1"><a href="#Element.dblclick" class="dr-method"><span>Element.dblclick()</span></a></li><li class="dr-lvl1"><a href="#Element.drag" class="dr-method"><span>Element.drag()</span></a></li><li class="dr-lvl1"><a href="#Element.getBBox" class="dr-method"><span>Element.getBBox()</span></a></li><li class="dr-lvl1"><a href="#Element.getPointAtLength" class="dr-method"><span>Element.getPointAtLength()</span></a></li><li class="dr-lvl1"><a href="#Element.getSubpath" class="dr-method"><span>Element.getSubpath()</span></a></li><li class="dr-lvl1"><a href="#Element.getTotalLength" class="dr-method"><span>Element.getTotalLength()</span></a></li><li class="dr-lvl1"><a href="#Element.hover" class="dr-method"><span>Element.hover()</span></a></li><li class="dr-lvl1"><a href="#Element.inAnim" class="dr-method"><span>Element.inAnim()</span></a></li><li class="dr-lvl1"><a href="#Element.innerSVG" class="dr-method"><span>Element.innerSVG()</span></a></li><li class="dr-lvl1"><a href="#Element.insertAfter" class="dr-method"><span>Element.insertAfter()</span></a></li><li class="dr-lvl1"><a href="#Element.insertBefore" class="dr-method"><span>Element.insertBefore()</span></a></li><li class="dr-lvl1"><a href="#Element.marker" class="dr-method"><span>Element.marker()</span></a></li><li class="dr-lvl1"><a href="#Element.mousedown" class="dr-method"><span>Element.mousedown()</span></a></li><li class="dr-lvl1"><a href="#Element.mousemove" class="dr-method"><span>Element.mousemove()</span></a></li><li class="dr-lvl1"><a href="#Element.mouseout" class="dr-method"><span>Element.mouseout()</span></a></li><li class="dr-lvl1"><a href="#Element.mouseover" class="dr-method"><span>Element.mouseover()</span></a></li><li class="dr-lvl1"><a href="#Element.mouseup" class="dr-method"><span>Element.mouseup()</span></a></li><li class="dr-lvl1"><a href="#Element.parent" class="dr-method"><span>Element.parent()</span></a></li><li class="dr-lvl1"><a href="#Element.pattern" class="dr-method"><span>Element.pattern()</span></a></li><li class="dr-lvl1"><a href="#Element.prepend" class="dr-method"><span>Element.prepend()</span></a></li><li class="dr-lvl1"><a href="#Element.remove" class="dr-method"><span>Element.remove()</span></a></li><li class="dr-lvl1"><a href="#Element.removeData" class="dr-method"><span>Element.removeData()</span></a></li><li class="dr-lvl1"><a href="#Element.select" class="dr-method"><span>Element.select()</span></a></li><li class="dr-lvl1"><a href="#Element.selectAll" class="dr-method"><span>Element.selectAll()</span></a></li><li class="dr-lvl1"><a href="#Element.stop" class="dr-method"><span>Element.stop()</span></a></li><li class="dr-lvl1"><a href="#Element.toDefs" class="dr-method"><span>Element.toDefs()</span></a></li><li class="dr-lvl1"><a href="#Element.toString" class="dr-method"><span>Element.toString()</span></a></li><li class="dr-lvl1"><a href="#Element.touchcancel" class="dr-method"><span>Element.touchcancel()</span></a></li><li class="dr-lvl1"><a href="#Element.touchend" class="dr-method"><span>Element.touchend()</span></a></li><li class="dr-lvl1"><a href="#Element.touchmove" class="dr-method"><span>Element.touchmove()</span></a></li><li class="dr-lvl1"><a href="#Element.touchstart" class="dr-method"><span>Element.touchstart()</span></a></li><li class="dr-lvl1"><a href="#Element.transform" class="dr-method"><span>Element.transform()</span></a></li><li class="dr-lvl1"><a href="#Element.unclick" class="dr-method"><span>Element.unclick()</span></a></li><li class="dr-lvl1"><a href="#Element.undblclick" class="dr-method"><span>Element.undblclick()</span></a></li><li class="dr-lvl1"><a href="#Element.undrag" class="dr-method"><span>Element.undrag()</span></a></li><li class="dr-lvl1"><a href="#Element.unhover" class="dr-method"><span>Element.unhover()</span></a></li><li class="dr-lvl1"><a href="#Element.unmousedown" class="dr-method"><span>Element.unmousedown()</span></a></li><li class="dr-lvl1"><a href="#Element.unmousemove" class="dr-method"><span>Element.unmousemove()</span></a></li><li class="dr-lvl1"><a href="#Element.unmouseout" class="dr-method"><span>Element.unmouseout()</span></a></li><li class="dr-lvl1"><a href="#Element.unmouseover" class="dr-method"><span>Element.unmouseover()</span></a></li><li class="dr-lvl1"><a href="#Element.unmouseup" class="dr-method"><span>Element.unmouseup()</span></a></li><li class="dr-lvl1"><a href="#Element.untouchcancel" class="dr-method"><span>Element.untouchcancel()</span></a></li><li class="dr-lvl1"><a href="#Element.untouchend" class="dr-method"><span>Element.untouchend()</span></a></li><li class="dr-lvl1"><a href="#Element.untouchmove" class="dr-method"><span>Element.untouchmove()</span></a></li><li class="dr-lvl1"><a href="#Element.untouchstart" class="dr-method"><span>Element.untouchstart()</span></a></li><li class="dr-lvl1"><a href="#Element.use" class="dr-method"><span>Element.use()</span></a></li><li class="dr-lvl0"><a href="#Fragment" class="{clas}"><span>Fragment</span></a></li><li class="dr-lvl1"><a href="#Fragment.select" class="dr-method"><span>Fragment.select()</span></a></li><li class="dr-lvl1"><a href="#Fragment.selectAll" class="dr-method"><span>Fragment.selectAll()</span></a></li><li class="dr-lvl0"><a href="#Matrix" class="{clas}"><span>Matrix</span></a></li><li class="dr-lvl1"><a href="#Matrix.add" class="dr-method"><span>Matrix.add()</span></a></li><li class="dr-lvl1"><a href="#Matrix.clone" class="dr-method"><span>Matrix.clone()</span></a></li><li class="dr-lvl1"><a href="#Matrix.invert" class="dr-method"><span>Matrix.invert()</span></a></li><li class="dr-lvl1"><a href="#Matrix.rotate" class="dr-method"><span>Matrix.rotate()</span></a></li><li class="dr-lvl1"><a href="#Matrix.scale" class="dr-method"><span>Matrix.scale()</span></a></li><li class="dr-lvl1"><a href="#Matrix.split" class="dr-method"><span>Matrix.split()</span></a></li><li class="dr-lvl1"><a href="#Matrix.toTransformString" class="dr-method"><span>Matrix.toTransformString()</span></a></li><li class="dr-lvl1"><a href="#Matrix.translate" class="dr-method"><span>Matrix.translate()</span></a></li><li class="dr-lvl1"><a href="#Matrix.x" class="dr-method"><span>Matrix.x()</span></a></li><li class="dr-lvl1"><a href="#Matrix.y" class="dr-method"><span>Matrix.y()</span></a></li><li class="dr-lvl0"><a href="#Paper" class="{clas}"><span>Paper</span></a></li><li class="dr-lvl1"><a href="#Paper.circle" class="dr-method"><span>Paper.circle()</span></a></li><li class="dr-lvl1"><a href="#Paper.el" class="dr-method"><span>Paper.el()</span></a></li><li class="dr-lvl1"><a href="#Paper.ellipse" class="dr-method"><span>Paper.ellipse()</span></a></li><li class="dr-lvl1"><a href="#Paper.filter" class="dr-method"><span>Paper.filter()</span></a></li><li class="dr-lvl1"><a href="#Paper.g" class="dr-method"><span>Paper.g()</span></a></li><li class="dr-lvl1"><a href="#Paper.gradient" class="dr-method"><span>Paper.gradient()</span></a></li><li class="dr-lvl1"><a href="#Paper.group" class="dr-method"><span>Paper.group()</span></a></li><li class="dr-lvl1"><a href="#Paper.image" class="dr-method"><span>Paper.image()</span></a></li><li class="dr-lvl1"><a href="#Paper.line" class="dr-method"><span>Paper.line()</span></a></li><li class="dr-lvl1"><a href="#Paper.path" class="dr-method"><span>Paper.path()</span></a></li><li class="dr-lvl1"><a href="#Paper.polygon" class="dr-method"><span>Paper.polygon()</span></a></li><li class="dr-lvl1"><a href="#Paper.polyline" class="dr-method"><span>Paper.polyline()</span></a></li><li class="dr-lvl1"><a href="#Paper.rect" class="dr-method"><span>Paper.rect()</span></a></li><li class="dr-lvl1"><a href="#Paper.text" class="dr-method"><span>Paper.text()</span></a></li><li class="dr-lvl1"><a href="#Paper.toString" class="dr-method"><span>Paper.toString()</span></a></li><li class="dr-lvl0"><a href="#Set" class="{clas}"><span>Set</span></a></li><li class="dr-lvl1"><a href="#Set.clear" class="dr-method"><span>Set.clear()</span></a></li><li class="dr-lvl1"><a href="#Set.exclude" class="dr-method"><span>Set.exclude()</span></a></li><li class="dr-lvl1"><a href="#Set.forEach" class="dr-method"><span>Set.forEach()</span></a></li><li class="dr-lvl1"><a href="#Set.pop" class="dr-method"><span>Set.pop()</span></a></li><li class="dr-lvl1"><a href="#Set.push" class="dr-method"><span>Set.push()</span></a></li><li class="dr-lvl1"><a href="#Set.splice" class="dr-method"><span>Set.splice()</span></a></li><li class="dr-lvl0"><a href="#Snap" class="{clas}"><span>Snap</span></a></li><li class="dr-lvl1"><a href="#Snap.Matrix" class="dr-method"><span>Snap.Matrix()</span></a></li><li class="dr-lvl1"><a href="#Snap.ajax" class="dr-method"><span>Snap.ajax()</span></a></li><li class="dr-lvl1"><a href="#Snap.angle" class="dr-method"><span>Snap.angle()</span></a></li><li class="dr-lvl1"><a href="#Snap.animate" class="dr-method"><span>Snap.animate()</span></a></li><li class="dr-lvl1"><a href="#Snap.animation" class="dr-method"><span>Snap.animation()</span></a></li><li class="dr-lvl1"><a href="#Snap.color" class="dr-method"><span>Snap.color()</span></a></li><li class="dr-lvl1"><a href="#Snap.deg" class="dr-method"><span>Snap.deg()</span></a></li><li class="dr-lvl1"><a href="#Snap.filter" class="{clas}"><span>Snap.filter</span></a></li><li class="dr-lvl2"><a href="#Snap.filter.blur" class="dr-method"><span>Snap.filter.blur()</span></a></li><li class="dr-lvl2"><a href="#Snap.filter.brightness" class="dr-method"><span>Snap.filter.brightness()</span></a></li><li class="dr-lvl2"><a href="#Snap.filter.contrast" class="dr-method"><span>Snap.filter.contrast()</span></a></li><li class="dr-lvl2"><a href="#Snap.filter.grayscale" class="dr-method"><span>Snap.filter.grayscale()</span></a></li><li class="dr-lvl2"><a href="#Snap.filter.hueRotate" class="dr-method"><span>Snap.filter.hueRotate()</span></a></li><li class="dr-lvl2"><a href="#Snap.filter.invert" class="dr-method"><span>Snap.filter.invert()</span></a></li><li class="dr-lvl2"><a href="#Snap.filter.saturate" class="dr-method"><span>Snap.filter.saturate()</span></a></li><li class="dr-lvl2"><a href="#Snap.filter.sepia" class="dr-method"><span>Snap.filter.sepia()</span></a></li><li class="dr-lvl2"><a href="#Snap.filter.shadow" class="dr-method"><span>Snap.filter.shadow()</span></a></li><li class="dr-lvl1"><a href="#Snap.format" class="dr-method"><span>Snap.format()</span></a></li><li class="dr-lvl1"><a href="#Snap.fragment" class="dr-method"><span>Snap.fragment()</span></a></li><li class="dr-lvl1"><a href="#Snap.getRGB" class="dr-method"><span>Snap.getRGB()</span></a></li><li class="dr-lvl1"><a href="#Snap.hsb" class="dr-method"><span>Snap.hsb()</span></a></li><li class="dr-lvl1"><a href="#Snap.hsb2rgb" class="dr-method"><span>Snap.hsb2rgb()</span></a></li><li class="dr-lvl1"><a href="#Snap.hsl" class="dr-method"><span>Snap.hsl()</span></a></li><li class="dr-lvl1"><a href="#Snap.hsl2rgb" class="dr-method"><span>Snap.hsl2rgb()</span></a></li><li class="dr-lvl1"><a href="#Snap.is" class="dr-method"><span>Snap.is()</span></a></li><li class="dr-lvl1"><a href="#Snap.load" class="dr-method"><span>Snap.load()</span></a></li><li class="dr-lvl1"><a href="#Snap.parse" class="dr-method"><span>Snap.parse()</span></a></li><li class="dr-lvl1"><a href="#Snap.parsePathString" class="dr-method"><span>Snap.parsePathString()</span></a></li><li class="dr-lvl1"><a href="#Snap.parseTransformString" class="dr-method"><span>Snap.parseTransformString()</span></a></li><li class="dr-lvl1"><a href="#Snap.path" class="{clas}"><span>Snap.path</span></a></li><li class="dr-lvl2"><a href="#Snap.path.bezierBBox" class="dr-method"><span>Snap.path.bezierBBox()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.findDotsAtSegment" class="dr-method"><span>Snap.path.findDotsAtSegment()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.getBBox" class="dr-method"><span>Snap.path.getBBox()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.getPointAtLength" class="dr-method"><span>Snap.path.getPointAtLength()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.getSubpath" class="dr-method"><span>Snap.path.getSubpath()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.getTotalLength" class="dr-method"><span>Snap.path.getTotalLength()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.intersection" class="dr-method"><span>Snap.path.intersection()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.isBBoxIntersect" class="dr-method"><span>Snap.path.isBBoxIntersect()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.isPointInside" class="dr-method"><span>Snap.path.isPointInside()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.isPointInsideBBox" class="dr-method"><span>Snap.path.isPointInsideBBox()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.map" class="dr-method"><span>Snap.path.map()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.toAbsolute" class="dr-method"><span>Snap.path.toAbsolute()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.toCubic" class="dr-method"><span>Snap.path.toCubic()</span></a></li><li class="dr-lvl2"><a href="#Snap.path.toRelative" class="dr-method"><span>Snap.path.toRelative()</span></a></li><li class="dr-lvl1"><a href="#Snap.rad" class="dr-method"><span>Snap.rad()</span></a></li><li class="dr-lvl1"><a href="#Snap.rgb" class="dr-method"><span>Snap.rgb()</span></a></li><li class="dr-lvl1"><a href="#Snap.rgb2hsb" class="dr-method"><span>Snap.rgb2hsb()</span></a></li><li class="dr-lvl1"><a href="#Snap.rgb2hsl" class="dr-method"><span>Snap.rgb2hsl()</span></a></li><li class="dr-lvl1"><a href="#Snap.select" class="dr-method"><span>Snap.select()</span></a></li><li class="dr-lvl1"><a href="#Snap.selectAll" class="dr-method"><span>Snap.selectAll()</span></a></li><li class="dr-lvl1"><a href="#Snap.snapTo" class="dr-method"><span>Snap.snapTo()</span></a></li><li class="dr-lvl0"><a href="#mina" class="dr-method"><span>mina()</span></a></li><li class="dr-lvl1"><a href="#mina.backin" class="dr-method"><span>mina.backin()</span></a></li><li class="dr-lvl1"><a href="#mina.backout" class="dr-method"><span>mina.backout()</span></a></li><li class="dr-lvl1"><a href="#mina.bounce" class="dr-method"><span>mina.bounce()</span></a></li><li class="dr-lvl1"><a href="#mina.easein" class="dr-method"><span>mina.easein()</span></a></li><li class="dr-lvl1"><a href="#mina.easeinout" class="dr-method"><span>mina.easeinout()</span></a></li><li class="dr-lvl1"><a href="#mina.easeout" class="dr-method"><span>mina.easeout()</span></a></li><li class="dr-lvl1"><a href="#mina.elastic" class="dr-method"><span>mina.elastic()</span></a></li><li class="dr-lvl1"><a href="#mina.getById" class="dr-method"><span>mina.getById()</span></a></li><li class="dr-lvl1"><a href="#mina.linear" class="dr-method"><span>mina.linear()</span></a></li><li class="dr-lvl1"><a href="#mina.time" class="dr-method"><span>mina.time()</span></a></li></ol></div>
         </div>
       </div>
       <div id="site">
         <header id="main-header">
           <div class="max-width">
             <hgroup>
-              <h1>Savage</h1>
+              <h1>Snap.svg</h1>
               <p>API Reference</p>
             </hgroup>
           </div>
@@ -539,7 +539,7 @@ If key is not provided, removes all the data of the element.
 </p>
 <div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">tstr</span>
 <span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">transform string in Savage or SVG format</span></li>
+<span class="dr-description">transform string in Snap or SVG format</span></li>
 </ol></div>
 <p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-Element">Element</em> <span class="dr-description"></span></p>
 <p>or
@@ -1075,8 +1075,8 @@ var c = paper.rect(40, 40, 50, 50, 10);
 <span class="dr-description">The text string to draw or array of &lt;tspan&gt;s</span></li>
 </ol></div>
 <p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">Element object with type “text”</span></p>
-<h3>Usage</h3><section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">var t1 = paper.text(50, 50, "Savage");
-var t2 = paper.text(50, 50, ["S","a","v","a","g","e"]);
+<h3>Usage</h3><section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">var t1 = paper.text(50, 50, "Snap");
+var t2 = paper.text(50, 50, ["S","n","a","p"]);
 </code></pre></section>
 </div></section></article><article id="Paper.toString" class="Paper-toString-section"><header><h3 id="Paper.toString" class="dr-method">Paper.toString()<a href="#Paper.toString" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2911 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2911">&#x27ad;</a></h3></header>
 <section><div class="extra" id="Paper.toString-extra"></div><div class="dr-method"><p>Returns SVG code of the element. Equivalent to <code>outerHTML</code> in HTML context.
@@ -1085,778 +1085,6 @@ var t2 = paper.text(50, 50, ["S","a","v","a","g","e"]);
 </div><div class="dr-method"><p>Returns SVG code of the <a href="#Paper" class="dr-link">Paper</a>.
 </p>
 <p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">SVG code of the <a href="#Paper" class="dr-link">Paper</a>.</span></p>
-</div></section></article><article id="Savage" class="Savage-section"><header><h2 id="Savage" class="undefined">Savage<a href="#Savage" title="Link to this section" class="dr-hash">&#x2693;</a></h2></header>
-<section><div class="extra" id="Savage-extra"></div></section></article><article id="Savage.Matrix" class="Savage-Matrix-section"><header><h3 id="Savage.Matrix" class="dr-method">Savage.Matrix(…)<a href="#Savage.Matrix" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 611 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L611">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.Matrix-extra"></div><div class="dr-method"><p>Utility method
-Returns matrix based on given parameters.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">a</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">&#160;</span></li>
-<li class="topcoat-list__item"><span class="dr-param">b</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">&#160;</span></li>
-<li class="topcoat-list__item"><span class="dr-param">c</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">&#160;</span></li>
-<li class="topcoat-list__item"><span class="dr-param">d</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">&#160;</span></li>
-<li class="topcoat-list__item"><span class="dr-param">e</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">&#160;</span></li>
-<li class="topcoat-list__item"><span class="dr-param">f</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">&#160;</span></li>
-</ol></div>
-<p>or
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">svgMatrix</span>
-<span class="dr-type"><em class="dr-type-SVGMatrix">SVGMatrix</em></span>
-<span class="dr-description">&#160;</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description"><a href="#Matrix" class="dr-link">Matrix</a></span></p>
-</div></section></article><article id="Savage.ajax" class="Savage-ajax-section"><header><h3 id="Savage.ajax" class="dr-method">Savage.ajax(…)<a href="#Savage.ajax" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2943 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2943">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.ajax-extra"></div><div class="dr-method"><p>Simple implementation of Ajax.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">url</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">URL</span></li>
-<li class="topcoat-list__item"><span class="dr-param">postData</span>
-<span class="dr-type"><em class="dr-type-object">object</em> <em class="dr-type-string">string</em></span>
-<span class="dr-description">data for post request</span></li>
-<li class="topcoat-list__item"><span class="dr-param">callback</span>
-<span class="dr-type"><em class="dr-type-function">function</em></span>
-<span class="dr-description">callback</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">scope</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-object">object</em></span>
-<span class="dr-description">scope of callback</span></li>
-</ol></div>
-<p>or
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">url</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">URL</span></li>
-<li class="topcoat-list__item"><span class="dr-param">callback</span>
-<span class="dr-type"><em class="dr-type-function">function</em></span>
-<span class="dr-description">callback</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">scope</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-object">object</em></span>
-<span class="dr-description">scope of callback</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-XMLHttpRequest">XMLHttpRequest</em> <span class="dr-description">XMLHttpRequest (just in case)</span></p>
-</div></section></article><article id="Savage.angle" class="Savage-angle-section"><header><h3 id="Savage.angle" class="dr-method">Savage.angle(x1, y1, x2, y2, [x3], [y3])<a href="#Savage.angle" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 305 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L305">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.angle-extra"></div><div class="dr-method"><p>Returns angle between two or three points.
-</p>
-<h3>Parameters</h3><div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">x1</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x coord of first point</span></li>
-<li class="topcoat-list__item"><span class="dr-param">y1</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y coord of first point</span></li>
-<li class="topcoat-list__item"><span class="dr-param">x2</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x coord of second point</span></li>
-<li class="topcoat-list__item"><span class="dr-param">y2</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y coord of second point</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">x3</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x coord of third point</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">y3</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y coord of third point</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-number">number</em> <span class="dr-description">angle in degrees.</span></p>
-</div></section></article><article id="Savage.animate" class="Savage-animate-section"><header><h3 id="Savage.animate" class="dr-method">Savage.animate(from, to, setter, ms, [easing], [callback])<a href="#Savage.animate" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2070 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2070">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.animate-extra"></div><div class="dr-method"><p>Runs generic animation of one number into another with a caring function.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">from</span>
-<span class="dr-type"><em class="dr-type-number">number</em> <em class="dr-type-array">array</em></span>
-<span class="dr-description">number or array of numbers</span></li>
-<li class="topcoat-list__item"><span class="dr-param">to</span>
-<span class="dr-type"><em class="dr-type-number">number</em> <em class="dr-type-array">array</em></span>
-<span class="dr-description">number or array of numbers</span></li>
-<li class="topcoat-list__item"><span class="dr-param">setter</span>
-<span class="dr-type"><em class="dr-type-function">function</em></span>
-<span class="dr-description">caring function that will take one number argument</span></li>
-<li class="topcoat-list__item"><span class="dr-param">ms</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">duration</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">easing</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-function">function</em></span>
-<span class="dr-description">easing function from <a href="#mina" class="dr-link">mina</a> or custom</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">callback</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-function">function</em></span>
-<span class="dr-description">&#160;</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">animation object in <a href="#mina" class="dr-link">mina</a> format</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">id</span><span class="dr-type"><em class="dr-type-string">string</em></span><span class="dr-json-description">animation id, consider it read-only,</span>
-<li><span class="dr-json-key">duration</span><span class="dr-type"><em class="dr-type-function">function</em></span><span class="dr-json-description">gets or sets the duration of the animation,</span>
-<li><span class="dr-json-key">easing</span><span class="dr-type"><em class="dr-type-function">function</em></span><span class="dr-json-description">easing,</span>
-<li><span class="dr-json-key">speed</span><span class="dr-type"><em class="dr-type-function">function</em></span><span class="dr-json-description">gets or sets the speed of the animation,</span>
-<li><span class="dr-json-key">status</span><span class="dr-type"><em class="dr-type-function">function</em></span><span class="dr-json-description">gets or sets the status of the animation,</span>
-<li><span class="dr-json-key">stop</span><span class="dr-type"><em class="dr-type-function">function</em></span><span class="dr-json-description">stops the animation</span>
-</ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.animation" class="Savage-animation-section"><header><h3 id="Savage.animation" class="dr-method">Savage.animation(attr, ms, [easing], [callback])<a href="#Savage.animation" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2012 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2012">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.animation-extra"></div><div class="dr-method"><p>Creates animation object.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">attr</span>
-<span class="dr-type"><em class="dr-type-object">object</em></span>
-<span class="dr-description">attributes of final destination</span></li>
-<li class="topcoat-list__item"><span class="dr-param">ms</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">animation duration</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">easing</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-function">function</em></span>
-<span class="dr-description">one of easing functions of <a href="#mina" class="dr-link">mina</a> or custom one</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">callback</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-function">function</em></span>
-<span class="dr-description">callback</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">animation object</span></p>
-</div></section></article><article id="Savage.color" class="Savage-color-section"><header><h3 id="Savage.color" class="dr-method">Savage.color(clr)<a href="#Savage.color" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 847 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L847">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.color-extra"></div><div class="dr-method"><p>Parses the color string and returns object with all values for the given color.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">clr</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">color string in one of the supported formats (see <a href="#Savage.getRGB" class="dr-link">Savage.getRGB</a>)</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">Combined RGB &amp; HSB object in format:</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">r</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">red,</span>
-<li><span class="dr-json-key">g</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">green,</span>
-<li><span class="dr-json-key">b</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">blue,</span>
-<li><span class="dr-json-key">hex</span><span class="dr-type"><em class="dr-type-string">string</em></span><span class="dr-json-description">color in HTML/CSS format: #••••••,</span>
-<li><span class="dr-json-key">error</span><span class="dr-type"><em class="dr-type-boolean">boolean</em></span><span class="dr-json-description"><code>true</code> if string cant be parsed,</span>
-<li><span class="dr-json-key">h</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">hue,</span>
-<li><span class="dr-json-key">s</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">saturation,</span>
-<li><span class="dr-json-key">v</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">value (brightness),</span>
-<li><span class="dr-json-key">l</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">lightness</span>
-</ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.deg" class="Savage-deg-section"><header><h3 id="Savage.deg" class="dr-method">Savage.deg(deg)<a href="#Savage.deg" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 290 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L290">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.deg-extra"></div><div class="dr-method"><p>Transform angle to degrees
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">deg</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">angle in radians</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-number">number</em> <span class="dr-description">angle in degrees.</span></p>
-</div></section></article><article id="Savage.filter" class="Savage-filter-section"><header><h3 id="Savage.filter" class="undefined">Savage.filter<a href="#Savage.filter" title="Link to this section" class="dr-hash">&#x2693;</a></h3></header>
-<section><div class="extra" id="Savage.filter-extra"></div></section></article><article id="Savage.filter.blur" class="Savage-filter-blur-section"><header><h4 id="Savage.filter.blur" class="dr-method">Savage.filter.blur(x, [y])<a href="#Savage.filter.blur" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 96 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L96">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.filter.blur-extra"></div><div class="dr-method"><p>Returns string of the blur filter.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">x</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">amount of horisontal blur in px.</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">y</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">amount of vertical blur in px.</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
-<h3>Usage</h3><section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">var f = paper.filter(Savage.filter.blur(5, 10)),
-    c = paper.circle(10, 10, 10).attr({
-        filter: f
-    });
-</code></pre></section>
-</div></section></article><article id="Savage.filter.brightness" class="Savage-filter-brightness-section"><header><h4 id="Savage.filter.brightness" class="dr-method">Savage.filter.brightness(amount)<a href="#Savage.filter.brightness" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 275 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L275">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.filter.brightness-extra"></div><div class="dr-method"><p>Returns string of the brightness filter.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
-</div></section></article><article id="Savage.filter.contrast" class="Savage-filter-contrast-section"><header><h4 id="Savage.filter.contrast" class="dr-method">Savage.filter.contrast(amount)<a href="#Savage.filter.contrast" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 295 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L295">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.filter.contrast-extra"></div><div class="dr-method"><p>Returns string of the contrast filter.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
-</div></section></article><article id="Savage.filter.grayscale" class="Savage-filter-grayscale-section"><header><h4 id="Savage.filter.grayscale" class="dr-method">Savage.filter.grayscale(amount)<a href="#Savage.filter.grayscale" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 161 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L161">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.filter.grayscale-extra"></div><div class="dr-method"><p>Returns string of the grayscale filter.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
-</div></section></article><article id="Savage.filter.hueRotate" class="Savage-filter-hueRotate-section"><header><h4 id="Savage.filter.hueRotate" class="dr-method">Savage.filter.hueRotate(angle)<a href="#Savage.filter.hueRotate" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 236 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L236">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.filter.hueRotate-extra"></div><div class="dr-method"><p>Returns string of the hue-rotate filter.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">angle</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">angle of rotation.</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
-</div></section></article><article id="Savage.filter.invert" class="Savage-filter-invert-section"><header><h4 id="Savage.filter.invert" class="dr-method">Savage.filter.invert(amount)<a href="#Savage.filter.invert" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 254 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L254">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.filter.invert-extra"></div><div class="dr-method"><p>Returns string of the invert filter.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
-</div></section></article><article id="Savage.filter.saturate" class="Savage-filter-saturate-section"><header><h4 id="Savage.filter.saturate" class="dr-method">Savage.filter.saturate(amount)<a href="#Savage.filter.saturate" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 216 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L216">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.filter.saturate-extra"></div><div class="dr-method"><p>Returns string of the saturate filter.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
-</div></section></article><article id="Savage.filter.sepia" class="Savage-filter-sepia-section"><header><h4 id="Savage.filter.sepia" class="dr-method">Savage.filter.sepia(amount)<a href="#Savage.filter.sepia" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 188 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L188">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.filter.sepia-extra"></div><div class="dr-method"><p>Returns string of the sepia filter.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
-</div></section></article><article id="Savage.filter.shadow" class="Savage-filter-shadow-section"><header><h4 id="Savage.filter.shadow" class="dr-method">Savage.filter.shadow(dx, dy, [blur], [color])<a href="#Savage.filter.shadow" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 125 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L125">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.filter.shadow-extra"></div><div class="dr-method"><p>Returns string of the shadow filter.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">dx</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">horisontal shift of the shadow in px.</span></li>
-<li class="topcoat-list__item"><span class="dr-param">dy</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">vertical shift of the shadow in px.</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">blur</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">amount of blur.</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">color</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">color of the shadow.</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
-<h3>Usage</h3><section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">var f = paper.filter(Savage.filter.shadow(0, 2, 3)),
-    c = paper.circle(10, 10, 10).attr({
-        filter: f
-    });
-</code></pre></section>
-</div></section></article><article id="Savage.format" class="Savage-format-section"><header><h3 id="Savage.format" class="dr-method">Savage.format(token, json)<a href="#Savage.format" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 173 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L173">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.format-extra"></div><div class="dr-method"><p>Replaces construction of type “<code>{&lt;name&gt;}</code>” to the corresponding argument.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">token</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">string to format</span></li>
-<li class="topcoat-list__item"><span class="dr-param">json</span>
-<span class="dr-type"><em class="dr-type-object">object</em></span>
-<span class="dr-description">object which properties will be used as a replacement</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">formated string</span></p>
-<h3>Usage</h3><section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">// this will draw a rectangular shape equivalent to "M10,20h40v50h-40z"
-paper.path(Savage.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
-    x: 10,
-    y: 20,
-    dim: {
-        width: 40,
-        height: 50,
-        "negative width": -40
-    }
-}));
-</code></pre></section>
-</div></section></article><article id="Savage.fragment" class="Savage-fragment-section"><header><h3 id="Savage.fragment" class="dr-method">Savage.fragment(varargs)<a href="#Savage.fragment" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2312 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2312">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.fragment-extra"></div><div class="dr-method"><p>Creates DOM fragment from given list of elements or strings
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">varargs</span>
-<span class="dr-type"><em class="dr-type-…">…</em></span>
-<span class="dr-description">SVG string</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-Fragment">Fragment</em> <span class="dr-description">the <a href="#Fragment" class="dr-link">Fragment</a></span></p>
-</div></section></article><article id="Savage.getRGB" class="Savage-getRGB-section"><header><h3 id="Savage.getRGB" class="dr-method">Savage.getRGB(colour)<a href="#Savage.getRGB" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 646 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L646">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.getRGB-extra"></div><div class="dr-method"><p>Parses colour string as RGB object
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">colour</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">colour string in one of formats:</span></li>
-</ol></div>
-<ul>
-    <li>Colour name (“<code>red</code>”, “<code>green</code>”, “<code>cornflowerblue</code>”, etc)</li>
-    <li>#••• — shortened HTML colour: (“<code>#000</code>”, “<code>#fc0</code>”, etc)</li>
-    <li>#•••••• — full length HTML colour: (“<code>#000000</code>”, “<code>#bd2300</code>”)</li>
-    <li>rgb(•••, •••, •••) — red, green and blue channels values: (“<code>rgb(200,&nbsp;100,&nbsp;0)</code>”)</li>
-    <li>rgba(•••, •••, •••, •••) — also with opacity</li>
-    <li>rgb(•••%, •••%, •••%) — same as above, but in %: (“<code>rgb(100%,&nbsp;175%,&nbsp;0%)</code>”)</li>
-    <li>rgba(•••%, •••%, •••%, •••%) — also with opacity</li>
-    <li>hsb(•••, •••, •••) — hue, saturation and brightness values: (“<code>hsb(0.5,&nbsp;0.25,&nbsp;1)</code>”)</li>
-    <li>hsba(•••, •••, •••, •••) — also with opacity</li>
-    <li>hsb(•••%, •••%, •••%) — same as above, but in %</li>
-    <li>hsba(•••%, •••%, •••%, •••%) — also with opacity</li>
-    <li>hsl(•••, •••, •••) — hue, saturation and luminosity values: (“<code>hsb(0.5,&nbsp;0.25,&nbsp;0.5)</code>”)</li>
-    <li>hsla(•••, •••, •••, •••) — also with opacity</li>
-    <li>hsl(•••%, •••%, •••%) — same as above, but in %</li>
-    <li>hsla(•••%, •••%, •••%, •••%) — also with opacity</li>
-</ul>
-<p>Note that <code>%</code> can be used any time: <code>rgb(20%, 255, 50%)</code>.
-</p>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">RGB object in format:</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">r</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">red,</span>
-<li><span class="dr-json-key">g</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">green,</span>
-<li><span class="dr-json-key">b</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">blue</span>
-<li><span class="dr-json-key">hex</span><span class="dr-type"><em class="dr-type-string">string</em></span><span class="dr-json-description">color in HTML/CSS format: #••••••,</span>
-<li><span class="dr-json-key">error</span><span class="dr-type"><em class="dr-type-boolean">boolean</em></span><span class="dr-json-description">true if string cant be parsed</span>
-</ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.hsb" class="Savage-hsb-section"><header><h3 id="Savage.hsb" class="dr-method">Savage.hsb(h, s, b)<a href="#Savage.hsb" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 734 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L734">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.hsb-extra"></div><div class="dr-method"><p>Converts HSB values to hex representation of the colour.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">h</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">hue</span></li>
-<li class="topcoat-list__item"><span class="dr-param">s</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">saturation</span></li>
-<li class="topcoat-list__item"><span class="dr-param">b</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">value or brightness</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">hex representation of the colour.</span></p>
-</div></section></article><article id="Savage.hsb2rgb" class="Savage-hsb2rgb-section"><header><h3 id="Savage.hsb2rgb" class="dr-method">Savage.hsb2rgb(h, s, v)<a href="#Savage.hsb2rgb" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 899 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L899">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.hsb2rgb-extra"></div><div class="dr-method"><p>Converts HSB values to RGB object.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">h</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">hue</span></li>
-<li class="topcoat-list__item"><span class="dr-param">s</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">saturation</span></li>
-<li class="topcoat-list__item"><span class="dr-param">v</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">value or brightness</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">RGB object in format:</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">r</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">red,</span>
-<li><span class="dr-json-key">g</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">green,</span>
-<li><span class="dr-json-key">b</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">blue,</span>
-<li><span class="dr-json-key">hex</span><span class="dr-type"><em class="dr-type-string">string</em></span><span class="dr-json-description">color in HTML/CSS format: #••••••</span>
-</ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.hsl" class="Savage-hsl-section"><header><h3 id="Savage.hsl" class="dr-method">Savage.hsl(h, s, l)<a href="#Savage.hsl" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 747 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L747">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.hsl-extra"></div><div class="dr-method"><p>Converts HSL values to hex representation of the colour.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">h</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">hue</span></li>
-<li class="topcoat-list__item"><span class="dr-param">s</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">saturation</span></li>
-<li class="topcoat-list__item"><span class="dr-param">l</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">luminosity</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">hex representation of the colour.</span></p>
-</div></section></article><article id="Savage.hsl2rgb" class="Savage-hsl2rgb-section"><header><h3 id="Savage.hsl2rgb" class="dr-method">Savage.hsl2rgb(h, s, l)<a href="#Savage.hsl2rgb" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 935 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L935">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.hsl2rgb-extra"></div><div class="dr-method"><p>Converts HSL values to RGB object.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">h</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">hue</span></li>
-<li class="topcoat-list__item"><span class="dr-param">s</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">saturation</span></li>
-<li class="topcoat-list__item"><span class="dr-param">l</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">luminosity</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">RGB object in format:</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">r</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">red,</span>
-<li><span class="dr-json-key">g</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">green,</span>
-<li><span class="dr-json-key">b</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">blue,</span>
-<li><span class="dr-json-key">hex</span><span class="dr-type"><em class="dr-type-string">string</em></span><span class="dr-json-description">color in HTML/CSS format: #••••••</span>
-</ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.is" class="Savage-is-section"><header><h3 id="Savage.is" class="dr-method">Savage.is(o, type)<a href="#Savage.is" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 315 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L315">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.is-extra"></div><div class="dr-method"><p>Handfull replacement for <code>typeof</code> operator.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">o</span>
-<span class="dr-type"><em class="dr-type-…">…</em></span>
-<span class="dr-description">any object or primitive</span></li>
-<li class="topcoat-list__item"><span class="dr-param">type</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">name of the type, i.e. “string”, “function”, “number”, etc.</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-boolean">boolean</em> <span class="dr-description">is given value is of given type</span></p>
-</div></section></article><article id="Savage.load" class="Savage-load-section"><header><h3 id="Savage.load" class="dr-method">Savage.load(url, callback, [scope])<a href="#Savage.load" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2989 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2989">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.load-extra"></div><div class="dr-method"><p>Loads external SVG file as a <a href="#Fragment" class="dr-link">Fragment</a>. For more advanced AJAX see <a href="#Savage.ajax" class="dr-link">Savage.ajax</a>.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">url</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">URL</span></li>
-<li class="topcoat-list__item"><span class="dr-param">callback</span>
-<span class="dr-type"><em class="dr-type-function">function</em></span>
-<span class="dr-description">callback</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">scope</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-object">object</em></span>
-<span class="dr-description">scope of callback</span></li>
-</ol></div>
-</div></section></article><article id="Savage.parse" class="Savage-parse-section"><header><h3 id="Savage.parse" class="dr-method">Savage.parse(svg)<a href="#Savage.parse" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2264 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2264">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.parse-extra"></div><div class="dr-method"><p>Parses SVG fragment and converts it into <a href="#Fragment" class="dr-link">Fragment</a>.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">svg</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">SVG string</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-Fragment">Fragment</em> <span class="dr-description">the fragment</span></p>
-</div></section></article><article id="Savage.parsePathString" class="Savage-parsePathString-section"><header><h3 id="Savage.parsePathString" class="dr-method">Savage.parsePathString(pathString)<a href="#Savage.parsePathString" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1040 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1040">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.parsePathString-extra"></div><div class="dr-method"><p>Utility method
-Parses given path string into an array of arrays of path segments.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">pathString</span>
-<span class="dr-type"><em class="dr-type-string">string</em> <em class="dr-type-array">array</em></span>
-<span class="dr-description">path string or array of segments (in the last case it will be returned straight away)</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">array of segments.</span></p>
-</div></section></article><article id="Savage.parseTransformString" class="Savage-parseTransformString-section"><header><h3 id="Savage.parseTransformString" class="dr-method">Savage.parseTransformString(TString)<a href="#Savage.parseTransformString" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1093 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1093">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.parseTransformString-extra"></div><div class="dr-method"><p>Utility method
-Parses given path string into an array of transformations.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">TString</span>
-<span class="dr-type"><em class="dr-type-string">string</em> <em class="dr-type-array">array</em></span>
-<span class="dr-description">transform string or array of transformations (in the last case it will be returned straight away)</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">array of transformations.</span></p>
-</div></section></article><article id="Savage.path" class="Savage-path-section"><header><h3 id="Savage.path" class="undefined">Savage.path<a href="#Savage.path" title="Link to this section" class="dr-hash">&#x2693;</a></h3></header>
-<section><div class="extra" id="Savage.path-extra"></div></section></article><article id="Savage.path.bezierBBox" class="Savage-path-bezierBBox-section"><header><h4 id="Savage.path.bezierBBox" class="dr-method">Savage.path.bezierBBox(…)<a href="#Savage.path.bezierBBox" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1206 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1206">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.bezierBBox-extra"></div><div class="dr-method"><p>Utility method
-Return bounding box of a given cubic bezier curve
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">p1x</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x of the first point of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">p1y</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y of the first point of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">c1x</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x of the first anchor of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">c1y</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y of the first anchor of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">c2x</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x of the second anchor of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">c2y</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y of the second anchor of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">p2x</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x of the second point of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">p2y</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y of the second point of the curve</span></li>
-</ol></div>
-<p>or
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">bez</span>
-<span class="dr-type"><em class="dr-type-array">array</em></span>
-<span class="dr-description">array of six points for bezier curve</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">point information in format:</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li>    min: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the left point</span>
-<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the top point</span>
-</ol></li><li>    }</li><li>    max: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the right point</span>
-<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the bottom point</span>
-</ol></li><li>    }</li></ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.path.findDotsAtSegment" class="Savage-path-findDotsAtSegment-section"><header><h4 id="Savage.path.findDotsAtSegment" class="dr-method">Savage.path.findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t)<a href="#Savage.path.findDotsAtSegment" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1176 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1176">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.findDotsAtSegment-extra"></div><div class="dr-method"><p>Utility method
-Find dot coordinates on the given cubic bezier curve at the given t.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">p1x</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x of the first point of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">p1y</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y of the first point of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">c1x</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x of the first anchor of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">c1y</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y of the first anchor of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">c2x</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x of the second anchor of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">c2y</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y of the second anchor of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">p2x</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x of the second point of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">p2y</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y of the second point of the curve</span></li>
-<li class="topcoat-list__item"><span class="dr-param">t</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">position on the curve (0..1)</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">point information in format:</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the point</span>
-<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the point</span>
-<li>    m: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the left anchor</span>
-<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the left anchor</span>
-</ol></li><li>    }</li><li>    n: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the right anchor</span>
-<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the right anchor</span>
-</ol></li><li>    }</li><li>    start: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the start of the curve</span>
-<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the start of the curve</span>
-</ol></li><li>    }</li><li>    end: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the end of the curve</span>
-<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the end of the curve</span>
-</ol></li><li>    }</li><li><span class="dr-json-key">alpha:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">angle of the curve derivative at the point</span>
-</ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.path.getBBox" class="Savage-path-getBBox-section"><header><h4 id="Savage.path.getBBox" class="dr-method">Savage.path.getBBox(path)<a href="#Savage.path.getBBox" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1288 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1288">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.getBBox-extra"></div><div class="dr-method"><p>Utility method
-Return bounding box of a given path
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">path string</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">bounding box</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the left top point of the box</span>
-<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the left top point of the box</span>
-<li><span class="dr-json-key">x2:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the right bottom point of the box</span>
-<li><span class="dr-json-key">y2:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the right bottom point of the box</span>
-<li><span class="dr-json-key">width:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">width of the box</span>
-<li><span class="dr-json-key">height:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">height of the box</span>
-</ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.path.getPointAtLength" class="Savage-path-getPointAtLength-section"><header><h4 id="Savage.path.getPointAtLength" class="dr-method">Savage.path.getPointAtLength(path, length)<a href="#Savage.path.getPointAtLength" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1072 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1072">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.getPointAtLength-extra"></div><div class="dr-method"><p>Return coordinates of the point located at the given length on the given path.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">SVG path string</span></li>
-<li class="topcoat-list__item"><span class="dr-param">length</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">&#160;</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">representation of the point:</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate</span>
-<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate</span>
-<li><span class="dr-json-key">alpha:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">angle of derivative</span>
-</ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.path.getSubpath" class="Savage-path-getSubpath-section"><header><h4 id="Savage.path.getSubpath" class="dr-method">Savage.path.getSubpath(path, from, to)<a href="#Savage.path.getSubpath" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1085 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1085">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.getSubpath-extra"></div><div class="dr-method"><p>Return subpath of a given path from given length to given length.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">SVG path string</span></li>
-<li class="topcoat-list__item"><span class="dr-param">from</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">position of the start of the segment</span></li>
-<li class="topcoat-list__item"><span class="dr-param">to</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">position of the end of the segment</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">pathstring for the segment</span></p>
-</div></section></article><article id="Savage.path.getTotalLength" class="Savage-path-getTotalLength-section"><header><h4 id="Savage.path.getTotalLength" class="dr-method">Savage.path.getTotalLength(path)<a href="#Savage.path.getTotalLength" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1055 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1055">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.getTotalLength-extra"></div><div class="dr-method"><p>Returns length of the given path in pixels.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">SVG path string.</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-number">number</em> <span class="dr-description">length.</span></p>
-</div></section></article><article id="Savage.path.intersection" class="Savage-path-intersection-section"><header><h4 id="Savage.path.intersection" class="dr-method">Savage.path.intersection(path1, path2)<a href="#Savage.path.intersection" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1255 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1255">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.intersection-extra"></div><div class="dr-method"><p>Utility method
-Finds intersections of two paths
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path1</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">path string</span></li>
-<li class="topcoat-list__item"><span class="dr-param">path2</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">path string</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">dots of intersection</span></p>
-<ol class="dr-json"><li>[<li>    {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the point</span>
-<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the point</span>
-<li><span class="dr-json-key">t1:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">t value for segment of path1</span>
-<li><span class="dr-json-key">t2:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">t value for segment of path2</span>
-<li><span class="dr-json-key">segment1:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">order number for segment of path1</span>
-<li><span class="dr-json-key">segment2:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">order number for segment of path2</span>
-<li><span class="dr-json-key">bez1:</span><span class="dr-type"><em class="dr-type-array">array</em></span><span class="dr-json-description">eight coordinates representing beziér curve for the segment of path1</span>
-<li><span class="dr-json-key">bez2:</span><span class="dr-type"><em class="dr-type-array">array</em></span><span class="dr-json-description">eight coordinates representing beziér curve for the segment of path2</span>
-</ol></li><li>    }</li><li>]</ol>
-</div></section></article><article id="Savage.path.isBBoxIntersect" class="Savage-path-isBBoxIntersect-section"><header><h4 id="Savage.path.isBBoxIntersect" class="dr-method">Savage.path.isBBoxIntersect(bbox1, bbox2)<a href="#Savage.path.isBBoxIntersect" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1231 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1231">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.isBBoxIntersect-extra"></div><div class="dr-method"><p>Utility method
-Returns <code>true</code> if two bounding boxes intersect
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">bbox1</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">first bounding box</span></li>
-<li class="topcoat-list__item"><span class="dr-param">bbox2</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">second bounding box</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-boolean">boolean</em> <span class="dr-description"><code>true</code> if they intersect</span></p>
-</div></section></article><article id="Savage.path.isPointInside" class="Savage-path-isPointInside-section"><header><h4 id="Savage.path.isPointInside" class="dr-method">Savage.path.isPointInside(path, x, y)<a href="#Savage.path.isPointInside" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1269 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1269">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.isPointInside-extra"></div><div class="dr-method"><p>Utility method
-Returns <code>true</code> if given point is inside a given closed path.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">path string</span></li>
-<li class="topcoat-list__item"><span class="dr-param">x</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">x of the point</span></li>
-<li class="topcoat-list__item"><span class="dr-param">y</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">y of the point</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-boolean">boolean</em> <span class="dr-description">true, if point is inside the path</span></p>
-</div></section></article><article id="Savage.path.isPointInsideBBox" class="Savage-path-isPointInsideBBox-section"><header><h4 id="Savage.path.isPointInsideBBox" class="dr-method">Savage.path.isPointInsideBBox(bbox, x, y)<a href="#Savage.path.isPointInsideBBox" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1219 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1219">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.isPointInsideBBox-extra"></div><div class="dr-method"><p>Utility method
-Returns <code>true</code> if given point is inside bounding box.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">bbox</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">bounding box</span></li>
-<li class="topcoat-list__item"><span class="dr-param">x</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">x coordinate of the point</span></li>
-<li class="topcoat-list__item"><span class="dr-param">y</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">y coordinate of the point</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-boolean">boolean</em> <span class="dr-description"><code>true</code> if point inside</span></p>
-</div></section></article><article id="Savage.path.map" class="Savage-path-map-section"><header><h4 id="Savage.path.map" class="dr-method">Savage.path.map(path, matrix)<a href="#Savage.path.map" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1332 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1332">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.map-extra"></div><div class="dr-method"><p>Transform the path string with given matrix.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">path string</span></li>
-<li class="topcoat-list__item"><span class="dr-param">matrix</span>
-<span class="dr-type"><em class="dr-type-object">object</em></span>
-<span class="dr-description">see <a href="#Matrix" class="dr-link">Matrix</a></span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">transformed path string</span></p>
-</div></section></article><article id="Savage.path.toAbsolute" class="Savage-path-toAbsolute-section"><header><h4 id="Savage.path.toAbsolute" class="dr-method">Savage.path.toAbsolute(path)<a href="#Savage.path.toAbsolute" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1311 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1311">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.toAbsolute-extra"></div><div class="dr-method"><p>Utility method
-Converts path coordinates into absolute values.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">path string</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">path string</span></p>
-</div></section></article><article id="Savage.path.toCubic" class="Savage-path-toCubic-section"><header><h4 id="Savage.path.toCubic" class="dr-method">Savage.path.toCubic(pathString)<a href="#Savage.path.toCubic" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1322 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1322">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.toCubic-extra"></div><div class="dr-method"><p>Utility method
-Converts path to a new path where all segments are cubic bezier curves.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">pathString</span>
-<span class="dr-type"><em class="dr-type-string">string</em> <em class="dr-type-array">array</em></span>
-<span class="dr-description">path string or array of segments</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">array of segments.</span></p>
-</div></section></article><article id="Savage.path.toRelative" class="Savage-path-toRelative-section"><header><h4 id="Savage.path.toRelative" class="dr-method">Savage.path.toRelative(path)<a href="#Savage.path.toRelative" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1300 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1300">&#x27ad;</a></h4></header>
-<section><div class="extra" id="Savage.path.toRelative-extra"></div><div class="dr-method"><p>Utility method
-Converts path coordinates into relative values.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">path string</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">path string</span></p>
-</div></section></article><article id="Savage.rad" class="Savage-rad-section"><header><h3 id="Savage.rad" class="dr-method">Savage.rad(deg)<a href="#Savage.rad" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 281 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L281">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.rad-extra"></div><div class="dr-method"><p>Transform angle to radians
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">deg</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">angle in degrees</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-number">number</em> <span class="dr-description">angle in radians.</span></p>
-</div></section></article><article id="Savage.rgb" class="Savage-rgb-section"><header><h3 id="Savage.rgb" class="dr-method">Savage.rgb(r, g, b)<a href="#Savage.rgb" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 760 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L760">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.rgb-extra"></div><div class="dr-method"><p>Converts RGB values to hex representation of the colour.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">r</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">red</span></li>
-<li class="topcoat-list__item"><span class="dr-param">g</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">green</span></li>
-<li class="topcoat-list__item"><span class="dr-param">b</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">blue</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">hex representation of the colour.</span></p>
-</div></section></article><article id="Savage.rgb2hsb" class="Savage-rgb2hsb-section"><header><h3 id="Savage.rgb2hsb" class="dr-method">Savage.rgb2hsb(r, g, b)<a href="#Savage.rgb2hsb" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 974 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L974">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.rgb2hsb-extra"></div><div class="dr-method"><p>Converts RGB values to HSB object.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">r</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">red</span></li>
-<li class="topcoat-list__item"><span class="dr-param">g</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">green</span></li>
-<li class="topcoat-list__item"><span class="dr-param">b</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">blue</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">HSB object in format:</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">h</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">hue</span>
-<li><span class="dr-json-key">s</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">saturation</span>
-<li><span class="dr-json-key">b</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">brightness</span>
-</ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.rgb2hsl" class="Savage-rgb2hsl-section"><header><h3 id="Savage.rgb2hsl" class="dr-method">Savage.rgb2hsl(r, g, b)<a href="#Savage.rgb2hsl" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1007 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1007">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.rgb2hsl-extra"></div><div class="dr-method"><p>Converts RGB values to HSL object.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">r</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">red</span></li>
-<li class="topcoat-list__item"><span class="dr-param">g</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">green</span></li>
-<li class="topcoat-list__item"><span class="dr-param">b</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">blue</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">HSL object in format:</span></p>
-<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">h</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">hue</span>
-<li><span class="dr-json-key">s</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">saturation</span>
-<li><span class="dr-json-key">l</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">luminosity</span>
-</ol></li><li>}</li></ol>
-</div></section></article><article id="Savage.select" class="Savage-select-section"><header><h3 id="Savage.select" class="dr-method">Savage.select(query)<a href="#Savage.select" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1359 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1359">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.select-extra"></div><div class="dr-method"><p>Wraps DOM element specified by CSS selector as <a href="#Element" class="dr-link">Element</a>
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">query</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">CSS selector of the element</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-Element">Element</em> <span class="dr-description"></span></p>
-</div></section></article><article id="Savage.selectAll" class="Savage-selectAll-section"><header><h3 id="Savage.selectAll" class="dr-method">Savage.selectAll(query)<a href="#Savage.selectAll" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1370 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1370">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.selectAll-extra"></div><div class="dr-method"><p>Wraps DOM elements specified by CSS selector as set or array of <a href="#Element" class="dr-link">Element</a>
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">query</span>
-<span class="dr-type"><em class="dr-type-string">string</em></span>
-<span class="dr-description">CSS selector of the element</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-Element">Element</em> <span class="dr-description"></span></p>
-</div></section></article><article id="Savage.snapTo" class="Savage-snapTo-section"><header><h3 id="Savage.snapTo" class="dr-method">Savage.snapTo(values, value, [tolerance])<a href="#Savage.snapTo" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 326 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L326">&#x27ad;</a></h3></header>
-<section><div class="extra" id="Savage.snapTo-extra"></div><div class="dr-method"><p>Snaps given value to given grid.
-</p>
-<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">values</span>
-<span class="dr-type"><em class="dr-type-array">array</em> <em class="dr-type-number">number</em></span>
-<span class="dr-description">given array of values or step of the grid</span></li>
-<li class="topcoat-list__item"><span class="dr-param">value</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">value to adjust</span></li>
-<li class="topcoat-list__item"><span class="dr-param optional">tolerance</span>
-<span class="dr-optional">optional</span>
-<span class="dr-type"><em class="dr-type-number">number</em></span>
-<span class="dr-description">tolerance for snapping. Default is <code>10</code>.</span></li>
-</ol></div>
-<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-number">number</em> <span class="dr-description">adjusted value.</span></p>
 </div></section></article><article id="Set" class="Set-section"><header><h2 id="Set" class="undefined">Set<a href="#Set" title="Link to this section" class="dr-hash">&#x2693;</a></h2></header>
 <section><div class="extra" id="Set-extra"></div></section></article><article id="Set.clear" class="Set-clear-section"><header><h3 id="Set.clear" class="dr-method">Set.clear()<a href="#Set.clear" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 96 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/set.js#L96">&#x27ad;</a></h3></header>
 <section><div class="extra" id="Set.clear-extra"></div><div class="dr-method"><p>Removeds all elements from the set
@@ -1905,6 +1133,778 @@ Converts path coordinates into relative values.
 <span class="dr-description">elements to insert</span></li>
 </ol></div>
 <p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">set elements that were deleted</span></p>
+</div></section></article><article id="Snap" class="Snap-section"><header><h2 id="Snap" class="undefined">Snap<a href="#Snap" title="Link to this section" class="dr-hash">&#x2693;</a></h2></header>
+<section><div class="extra" id="Snap-extra"></div></section></article><article id="Snap.Matrix" class="Snap-Matrix-section"><header><h3 id="Snap.Matrix" class="dr-method">Snap.Matrix(…)<a href="#Snap.Matrix" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 611 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L611">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.Matrix-extra"></div><div class="dr-method"><p>Utility method
+Returns matrix based on given parameters.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">a</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">&#160;</span></li>
+<li class="topcoat-list__item"><span class="dr-param">b</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">&#160;</span></li>
+<li class="topcoat-list__item"><span class="dr-param">c</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">&#160;</span></li>
+<li class="topcoat-list__item"><span class="dr-param">d</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">&#160;</span></li>
+<li class="topcoat-list__item"><span class="dr-param">e</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">&#160;</span></li>
+<li class="topcoat-list__item"><span class="dr-param">f</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">&#160;</span></li>
+</ol></div>
+<p>or
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">svgMatrix</span>
+<span class="dr-type"><em class="dr-type-SVGMatrix">SVGMatrix</em></span>
+<span class="dr-description">&#160;</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description"><a href="#Matrix" class="dr-link">Matrix</a></span></p>
+</div></section></article><article id="Snap.ajax" class="Snap-ajax-section"><header><h3 id="Snap.ajax" class="dr-method">Snap.ajax(…)<a href="#Snap.ajax" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2943 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2943">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.ajax-extra"></div><div class="dr-method"><p>Simple implementation of Ajax.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">url</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">URL</span></li>
+<li class="topcoat-list__item"><span class="dr-param">postData</span>
+<span class="dr-type"><em class="dr-type-object">object</em> <em class="dr-type-string">string</em></span>
+<span class="dr-description">data for post request</span></li>
+<li class="topcoat-list__item"><span class="dr-param">callback</span>
+<span class="dr-type"><em class="dr-type-function">function</em></span>
+<span class="dr-description">callback</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">scope</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-object">object</em></span>
+<span class="dr-description">scope of callback</span></li>
+</ol></div>
+<p>or
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">url</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">URL</span></li>
+<li class="topcoat-list__item"><span class="dr-param">callback</span>
+<span class="dr-type"><em class="dr-type-function">function</em></span>
+<span class="dr-description">callback</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">scope</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-object">object</em></span>
+<span class="dr-description">scope of callback</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-XMLHttpRequest">XMLHttpRequest</em> <span class="dr-description">XMLHttpRequest (just in case)</span></p>
+</div></section></article><article id="Snap.angle" class="Snap-angle-section"><header><h3 id="Snap.angle" class="dr-method">Snap.angle(x1, y1, x2, y2, [x3], [y3])<a href="#Snap.angle" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 305 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L305">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.angle-extra"></div><div class="dr-method"><p>Returns angle between two or three points.
+</p>
+<h3>Parameters</h3><div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">x1</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x coord of first point</span></li>
+<li class="topcoat-list__item"><span class="dr-param">y1</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y coord of first point</span></li>
+<li class="topcoat-list__item"><span class="dr-param">x2</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x coord of second point</span></li>
+<li class="topcoat-list__item"><span class="dr-param">y2</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y coord of second point</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">x3</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x coord of third point</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">y3</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y coord of third point</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-number">number</em> <span class="dr-description">angle in degrees.</span></p>
+</div></section></article><article id="Snap.animate" class="Snap-animate-section"><header><h3 id="Snap.animate" class="dr-method">Snap.animate(from, to, setter, ms, [easing], [callback])<a href="#Snap.animate" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2070 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2070">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.animate-extra"></div><div class="dr-method"><p>Runs generic animation of one number into another with a caring function.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">from</span>
+<span class="dr-type"><em class="dr-type-number">number</em> <em class="dr-type-array">array</em></span>
+<span class="dr-description">number or array of numbers</span></li>
+<li class="topcoat-list__item"><span class="dr-param">to</span>
+<span class="dr-type"><em class="dr-type-number">number</em> <em class="dr-type-array">array</em></span>
+<span class="dr-description">number or array of numbers</span></li>
+<li class="topcoat-list__item"><span class="dr-param">setter</span>
+<span class="dr-type"><em class="dr-type-function">function</em></span>
+<span class="dr-description">caring function that will take one number argument</span></li>
+<li class="topcoat-list__item"><span class="dr-param">ms</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">duration</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">easing</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-function">function</em></span>
+<span class="dr-description">easing function from <a href="#mina" class="dr-link">mina</a> or custom</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">callback</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-function">function</em></span>
+<span class="dr-description">&#160;</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">animation object in <a href="#mina" class="dr-link">mina</a> format</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">id</span><span class="dr-type"><em class="dr-type-string">string</em></span><span class="dr-json-description">animation id, consider it read-only,</span>
+<li><span class="dr-json-key">duration</span><span class="dr-type"><em class="dr-type-function">function</em></span><span class="dr-json-description">gets or sets the duration of the animation,</span>
+<li><span class="dr-json-key">easing</span><span class="dr-type"><em class="dr-type-function">function</em></span><span class="dr-json-description">easing,</span>
+<li><span class="dr-json-key">speed</span><span class="dr-type"><em class="dr-type-function">function</em></span><span class="dr-json-description">gets or sets the speed of the animation,</span>
+<li><span class="dr-json-key">status</span><span class="dr-type"><em class="dr-type-function">function</em></span><span class="dr-json-description">gets or sets the status of the animation,</span>
+<li><span class="dr-json-key">stop</span><span class="dr-type"><em class="dr-type-function">function</em></span><span class="dr-json-description">stops the animation</span>
+</ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.animation" class="Snap-animation-section"><header><h3 id="Snap.animation" class="dr-method">Snap.animation(attr, ms, [easing], [callback])<a href="#Snap.animation" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2012 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2012">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.animation-extra"></div><div class="dr-method"><p>Creates animation object.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">attr</span>
+<span class="dr-type"><em class="dr-type-object">object</em></span>
+<span class="dr-description">attributes of final destination</span></li>
+<li class="topcoat-list__item"><span class="dr-param">ms</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">animation duration</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">easing</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-function">function</em></span>
+<span class="dr-description">one of easing functions of <a href="#mina" class="dr-link">mina</a> or custom one</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">callback</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-function">function</em></span>
+<span class="dr-description">callback</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">animation object</span></p>
+</div></section></article><article id="Snap.color" class="Snap-color-section"><header><h3 id="Snap.color" class="dr-method">Snap.color(clr)<a href="#Snap.color" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 847 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L847">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.color-extra"></div><div class="dr-method"><p>Parses the color string and returns object with all values for the given color.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">clr</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">color string in one of the supported formats (see <a href="#Snap.getRGB" class="dr-link">Snap.getRGB</a>)</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">Combined RGB &amp; HSB object in format:</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">r</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">red,</span>
+<li><span class="dr-json-key">g</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">green,</span>
+<li><span class="dr-json-key">b</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">blue,</span>
+<li><span class="dr-json-key">hex</span><span class="dr-type"><em class="dr-type-string">string</em></span><span class="dr-json-description">color in HTML/CSS format: #••••••,</span>
+<li><span class="dr-json-key">error</span><span class="dr-type"><em class="dr-type-boolean">boolean</em></span><span class="dr-json-description"><code>true</code> if string cant be parsed,</span>
+<li><span class="dr-json-key">h</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">hue,</span>
+<li><span class="dr-json-key">s</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">saturation,</span>
+<li><span class="dr-json-key">v</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">value (brightness),</span>
+<li><span class="dr-json-key">l</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">lightness</span>
+</ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.deg" class="Snap-deg-section"><header><h3 id="Snap.deg" class="dr-method">Snap.deg(deg)<a href="#Snap.deg" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 290 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L290">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.deg-extra"></div><div class="dr-method"><p>Transform angle to degrees
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">deg</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">angle in radians</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-number">number</em> <span class="dr-description">angle in degrees.</span></p>
+</div></section></article><article id="Snap.filter" class="Snap-filter-section"><header><h3 id="Snap.filter" class="undefined">Snap.filter<a href="#Snap.filter" title="Link to this section" class="dr-hash">&#x2693;</a></h3></header>
+<section><div class="extra" id="Snap.filter-extra"></div></section></article><article id="Snap.filter.blur" class="Snap-filter-blur-section"><header><h4 id="Snap.filter.blur" class="dr-method">Snap.filter.blur(x, [y])<a href="#Snap.filter.blur" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 100 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L100">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.filter.blur-extra"></div><div class="dr-method"><p>Returns string of the blur filter.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">x</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">amount of horisontal blur in px.</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">y</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">amount of vertical blur in px.</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
+<h3>Usage</h3><section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">var f = paper.filter(Snap.filter.blur(5, 10)),
+    c = paper.circle(10, 10, 10).attr({
+        filter: f
+    });
+</code></pre></section>
+</div></section></article><article id="Snap.filter.brightness" class="Snap-filter-brightness-section"><header><h4 id="Snap.filter.brightness" class="dr-method">Snap.filter.brightness(amount)<a href="#Snap.filter.brightness" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 279 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L279">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.filter.brightness-extra"></div><div class="dr-method"><p>Returns string of the brightness filter.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
+</div></section></article><article id="Snap.filter.contrast" class="Snap-filter-contrast-section"><header><h4 id="Snap.filter.contrast" class="dr-method">Snap.filter.contrast(amount)<a href="#Snap.filter.contrast" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 299 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L299">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.filter.contrast-extra"></div><div class="dr-method"><p>Returns string of the contrast filter.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
+</div></section></article><article id="Snap.filter.grayscale" class="Snap-filter-grayscale-section"><header><h4 id="Snap.filter.grayscale" class="dr-method">Snap.filter.grayscale(amount)<a href="#Snap.filter.grayscale" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 165 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L165">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.filter.grayscale-extra"></div><div class="dr-method"><p>Returns string of the grayscale filter.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
+</div></section></article><article id="Snap.filter.hueRotate" class="Snap-filter-hueRotate-section"><header><h4 id="Snap.filter.hueRotate" class="dr-method">Snap.filter.hueRotate(angle)<a href="#Snap.filter.hueRotate" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 240 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L240">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.filter.hueRotate-extra"></div><div class="dr-method"><p>Returns string of the hue-rotate filter.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">angle</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">angle of rotation.</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
+</div></section></article><article id="Snap.filter.invert" class="Snap-filter-invert-section"><header><h4 id="Snap.filter.invert" class="dr-method">Snap.filter.invert(amount)<a href="#Snap.filter.invert" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 258 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L258">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.filter.invert-extra"></div><div class="dr-method"><p>Returns string of the invert filter.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
+</div></section></article><article id="Snap.filter.saturate" class="Snap-filter-saturate-section"><header><h4 id="Snap.filter.saturate" class="dr-method">Snap.filter.saturate(amount)<a href="#Snap.filter.saturate" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 220 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L220">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.filter.saturate-extra"></div><div class="dr-method"><p>Returns string of the saturate filter.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
+</div></section></article><article id="Snap.filter.sepia" class="Snap-filter-sepia-section"><header><h4 id="Snap.filter.sepia" class="dr-method">Snap.filter.sepia(amount)<a href="#Snap.filter.sepia" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 192 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L192">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.filter.sepia-extra"></div><div class="dr-method"><p>Returns string of the sepia filter.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">amount</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">amount of filter (<code>0..1</code>).</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
+</div></section></article><article id="Snap.filter.shadow" class="Snap-filter-shadow-section"><header><h4 id="Snap.filter.shadow" class="dr-method">Snap.filter.shadow(dx, dy, [blur], [color])<a href="#Snap.filter.shadow" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 129 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/filter.js#L129">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.filter.shadow-extra"></div><div class="dr-method"><p>Returns string of the shadow filter.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">dx</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">horisontal shift of the shadow in px.</span></li>
+<li class="topcoat-list__item"><span class="dr-param">dy</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">vertical shift of the shadow in px.</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">blur</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">amount of blur.</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">color</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">color of the shadow.</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">filter representation</span></p>
+<h3>Usage</h3><section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">var f = paper.filter(Snap.filter.shadow(0, 2, 3)),
+    c = paper.circle(10, 10, 10).attr({
+        filter: f
+    });
+</code></pre></section>
+</div></section></article><article id="Snap.format" class="Snap-format-section"><header><h3 id="Snap.format" class="dr-method">Snap.format(token, json)<a href="#Snap.format" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 173 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L173">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.format-extra"></div><div class="dr-method"><p>Replaces construction of type “<code>{&lt;name&gt;}</code>” to the corresponding argument.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">token</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">string to format</span></li>
+<li class="topcoat-list__item"><span class="dr-param">json</span>
+<span class="dr-type"><em class="dr-type-object">object</em></span>
+<span class="dr-description">object which properties will be used as a replacement</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">formated string</span></p>
+<h3>Usage</h3><section class="code"><pre class="javascript code"><code data-language="javascript" class="language-javascript">// this will draw a rectangular shape equivalent to "M10,20h40v50h-40z"
+paper.path(Snap.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
+    x: 10,
+    y: 20,
+    dim: {
+        width: 40,
+        height: 50,
+        "negative width": -40
+    }
+}));
+</code></pre></section>
+</div></section></article><article id="Snap.fragment" class="Snap-fragment-section"><header><h3 id="Snap.fragment" class="dr-method">Snap.fragment(varargs)<a href="#Snap.fragment" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2312 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2312">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.fragment-extra"></div><div class="dr-method"><p>Creates DOM fragment from given list of elements or strings
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">varargs</span>
+<span class="dr-type"><em class="dr-type-…">…</em></span>
+<span class="dr-description">SVG string</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-Fragment">Fragment</em> <span class="dr-description">the <a href="#Fragment" class="dr-link">Fragment</a></span></p>
+</div></section></article><article id="Snap.getRGB" class="Snap-getRGB-section"><header><h3 id="Snap.getRGB" class="dr-method">Snap.getRGB(colour)<a href="#Snap.getRGB" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 646 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L646">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.getRGB-extra"></div><div class="dr-method"><p>Parses colour string as RGB object
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">colour</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">colour string in one of formats:</span></li>
+</ol></div>
+<ul>
+    <li>Colour name (“<code>red</code>”, “<code>green</code>”, “<code>cornflowerblue</code>”, etc)</li>
+    <li>#••• — shortened HTML colour: (“<code>#000</code>”, “<code>#fc0</code>”, etc)</li>
+    <li>#•••••• — full length HTML colour: (“<code>#000000</code>”, “<code>#bd2300</code>”)</li>
+    <li>rgb(•••, •••, •••) — red, green and blue channels values: (“<code>rgb(200,&nbsp;100,&nbsp;0)</code>”)</li>
+    <li>rgba(•••, •••, •••, •••) — also with opacity</li>
+    <li>rgb(•••%, •••%, •••%) — same as above, but in %: (“<code>rgb(100%,&nbsp;175%,&nbsp;0%)</code>”)</li>
+    <li>rgba(•••%, •••%, •••%, •••%) — also with opacity</li>
+    <li>hsb(•••, •••, •••) — hue, saturation and brightness values: (“<code>hsb(0.5,&nbsp;0.25,&nbsp;1)</code>”)</li>
+    <li>hsba(•••, •••, •••, •••) — also with opacity</li>
+    <li>hsb(•••%, •••%, •••%) — same as above, but in %</li>
+    <li>hsba(•••%, •••%, •••%, •••%) — also with opacity</li>
+    <li>hsl(•••, •••, •••) — hue, saturation and luminosity values: (“<code>hsb(0.5,&nbsp;0.25,&nbsp;0.5)</code>”)</li>
+    <li>hsla(•••, •••, •••, •••) — also with opacity</li>
+    <li>hsl(•••%, •••%, •••%) — same as above, but in %</li>
+    <li>hsla(•••%, •••%, •••%, •••%) — also with opacity</li>
+</ul>
+<p>Note that <code>%</code> can be used any time: <code>rgb(20%, 255, 50%)</code>.
+</p>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">RGB object in format:</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">r</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">red,</span>
+<li><span class="dr-json-key">g</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">green,</span>
+<li><span class="dr-json-key">b</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">blue</span>
+<li><span class="dr-json-key">hex</span><span class="dr-type"><em class="dr-type-string">string</em></span><span class="dr-json-description">color in HTML/CSS format: #••••••,</span>
+<li><span class="dr-json-key">error</span><span class="dr-type"><em class="dr-type-boolean">boolean</em></span><span class="dr-json-description">true if string cant be parsed</span>
+</ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.hsb" class="Snap-hsb-section"><header><h3 id="Snap.hsb" class="dr-method">Snap.hsb(h, s, b)<a href="#Snap.hsb" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 734 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L734">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.hsb-extra"></div><div class="dr-method"><p>Converts HSB values to hex representation of the colour.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">h</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">hue</span></li>
+<li class="topcoat-list__item"><span class="dr-param">s</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">saturation</span></li>
+<li class="topcoat-list__item"><span class="dr-param">b</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">value or brightness</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">hex representation of the colour.</span></p>
+</div></section></article><article id="Snap.hsb2rgb" class="Snap-hsb2rgb-section"><header><h3 id="Snap.hsb2rgb" class="dr-method">Snap.hsb2rgb(h, s, v)<a href="#Snap.hsb2rgb" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 899 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L899">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.hsb2rgb-extra"></div><div class="dr-method"><p>Converts HSB values to RGB object.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">h</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">hue</span></li>
+<li class="topcoat-list__item"><span class="dr-param">s</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">saturation</span></li>
+<li class="topcoat-list__item"><span class="dr-param">v</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">value or brightness</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">RGB object in format:</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">r</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">red,</span>
+<li><span class="dr-json-key">g</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">green,</span>
+<li><span class="dr-json-key">b</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">blue,</span>
+<li><span class="dr-json-key">hex</span><span class="dr-type"><em class="dr-type-string">string</em></span><span class="dr-json-description">color in HTML/CSS format: #••••••</span>
+</ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.hsl" class="Snap-hsl-section"><header><h3 id="Snap.hsl" class="dr-method">Snap.hsl(h, s, l)<a href="#Snap.hsl" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 747 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L747">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.hsl-extra"></div><div class="dr-method"><p>Converts HSL values to hex representation of the colour.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">h</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">hue</span></li>
+<li class="topcoat-list__item"><span class="dr-param">s</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">saturation</span></li>
+<li class="topcoat-list__item"><span class="dr-param">l</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">luminosity</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">hex representation of the colour.</span></p>
+</div></section></article><article id="Snap.hsl2rgb" class="Snap-hsl2rgb-section"><header><h3 id="Snap.hsl2rgb" class="dr-method">Snap.hsl2rgb(h, s, l)<a href="#Snap.hsl2rgb" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 935 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L935">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.hsl2rgb-extra"></div><div class="dr-method"><p>Converts HSL values to RGB object.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">h</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">hue</span></li>
+<li class="topcoat-list__item"><span class="dr-param">s</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">saturation</span></li>
+<li class="topcoat-list__item"><span class="dr-param">l</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">luminosity</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">RGB object in format:</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">r</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">red,</span>
+<li><span class="dr-json-key">g</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">green,</span>
+<li><span class="dr-json-key">b</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">blue,</span>
+<li><span class="dr-json-key">hex</span><span class="dr-type"><em class="dr-type-string">string</em></span><span class="dr-json-description">color in HTML/CSS format: #••••••</span>
+</ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.is" class="Snap-is-section"><header><h3 id="Snap.is" class="dr-method">Snap.is(o, type)<a href="#Snap.is" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 315 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L315">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.is-extra"></div><div class="dr-method"><p>Handfull replacement for <code>typeof</code> operator.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">o</span>
+<span class="dr-type"><em class="dr-type-…">…</em></span>
+<span class="dr-description">any object or primitive</span></li>
+<li class="topcoat-list__item"><span class="dr-param">type</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">name of the type, i.e. “string”, “function”, “number”, etc.</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-boolean">boolean</em> <span class="dr-description">is given value is of given type</span></p>
+</div></section></article><article id="Snap.load" class="Snap-load-section"><header><h3 id="Snap.load" class="dr-method">Snap.load(url, callback, [scope])<a href="#Snap.load" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2989 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2989">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.load-extra"></div><div class="dr-method"><p>Loads external SVG file as a <a href="#Fragment" class="dr-link">Fragment</a>. For more advanced AJAX see <a href="#Snap.ajax" class="dr-link">Snap.ajax</a>.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">url</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">URL</span></li>
+<li class="topcoat-list__item"><span class="dr-param">callback</span>
+<span class="dr-type"><em class="dr-type-function">function</em></span>
+<span class="dr-description">callback</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">scope</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-object">object</em></span>
+<span class="dr-description">scope of callback</span></li>
+</ol></div>
+</div></section></article><article id="Snap.parse" class="Snap-parse-section"><header><h3 id="Snap.parse" class="dr-method">Snap.parse(svg)<a href="#Snap.parse" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 2264 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L2264">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.parse-extra"></div><div class="dr-method"><p>Parses SVG fragment and converts it into <a href="#Fragment" class="dr-link">Fragment</a>.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">svg</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">SVG string</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-Fragment">Fragment</em> <span class="dr-description">the fragment</span></p>
+</div></section></article><article id="Snap.parsePathString" class="Snap-parsePathString-section"><header><h3 id="Snap.parsePathString" class="dr-method">Snap.parsePathString(pathString)<a href="#Snap.parsePathString" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1040 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1040">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.parsePathString-extra"></div><div class="dr-method"><p>Utility method
+Parses given path string into an array of arrays of path segments.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">pathString</span>
+<span class="dr-type"><em class="dr-type-string">string</em> <em class="dr-type-array">array</em></span>
+<span class="dr-description">path string or array of segments (in the last case it will be returned straight away)</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">array of segments.</span></p>
+</div></section></article><article id="Snap.parseTransformString" class="Snap-parseTransformString-section"><header><h3 id="Snap.parseTransformString" class="dr-method">Snap.parseTransformString(TString)<a href="#Snap.parseTransformString" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1093 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1093">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.parseTransformString-extra"></div><div class="dr-method"><p>Utility method
+Parses given path string into an array of transformations.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">TString</span>
+<span class="dr-type"><em class="dr-type-string">string</em> <em class="dr-type-array">array</em></span>
+<span class="dr-description">transform string or array of transformations (in the last case it will be returned straight away)</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">array of transformations.</span></p>
+</div></section></article><article id="Snap.path" class="Snap-path-section"><header><h3 id="Snap.path" class="undefined">Snap.path<a href="#Snap.path" title="Link to this section" class="dr-hash">&#x2693;</a></h3></header>
+<section><div class="extra" id="Snap.path-extra"></div></section></article><article id="Snap.path.bezierBBox" class="Snap-path-bezierBBox-section"><header><h4 id="Snap.path.bezierBBox" class="dr-method">Snap.path.bezierBBox(…)<a href="#Snap.path.bezierBBox" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1206 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1206">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.bezierBBox-extra"></div><div class="dr-method"><p>Utility method
+Return bounding box of a given cubic bezier curve
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">p1x</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x of the first point of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">p1y</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y of the first point of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">c1x</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x of the first anchor of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">c1y</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y of the first anchor of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">c2x</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x of the second anchor of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">c2y</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y of the second anchor of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">p2x</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x of the second point of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">p2y</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y of the second point of the curve</span></li>
+</ol></div>
+<p>or
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">bez</span>
+<span class="dr-type"><em class="dr-type-array">array</em></span>
+<span class="dr-description">array of six points for bezier curve</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">point information in format:</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li>    min: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the left point</span>
+<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the top point</span>
+</ol></li><li>    }</li><li>    max: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the right point</span>
+<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the bottom point</span>
+</ol></li><li>    }</li></ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.path.findDotsAtSegment" class="Snap-path-findDotsAtSegment-section"><header><h4 id="Snap.path.findDotsAtSegment" class="dr-method">Snap.path.findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t)<a href="#Snap.path.findDotsAtSegment" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1176 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1176">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.findDotsAtSegment-extra"></div><div class="dr-method"><p>Utility method
+Find dot coordinates on the given cubic bezier curve at the given t.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">p1x</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x of the first point of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">p1y</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y of the first point of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">c1x</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x of the first anchor of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">c1y</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y of the first anchor of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">c2x</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x of the second anchor of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">c2y</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y of the second anchor of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">p2x</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x of the second point of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">p2y</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y of the second point of the curve</span></li>
+<li class="topcoat-list__item"><span class="dr-param">t</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">position on the curve (0..1)</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">point information in format:</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the point</span>
+<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the point</span>
+<li>    m: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the left anchor</span>
+<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the left anchor</span>
+</ol></li><li>    }</li><li>    n: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the right anchor</span>
+<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the right anchor</span>
+</ol></li><li>    }</li><li>    start: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the start of the curve</span>
+<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the start of the curve</span>
+</ol></li><li>    }</li><li>    end: {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the end of the curve</span>
+<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the end of the curve</span>
+</ol></li><li>    }</li><li><span class="dr-json-key">alpha:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">angle of the curve derivative at the point</span>
+</ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.path.getBBox" class="Snap-path-getBBox-section"><header><h4 id="Snap.path.getBBox" class="dr-method">Snap.path.getBBox(path)<a href="#Snap.path.getBBox" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1288 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1288">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.getBBox-extra"></div><div class="dr-method"><p>Utility method
+Return bounding box of a given path
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">path string</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">bounding box</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the left top point of the box</span>
+<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the left top point of the box</span>
+<li><span class="dr-json-key">x2:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the right bottom point of the box</span>
+<li><span class="dr-json-key">y2:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the right bottom point of the box</span>
+<li><span class="dr-json-key">width:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">width of the box</span>
+<li><span class="dr-json-key">height:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">height of the box</span>
+</ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.path.getPointAtLength" class="Snap-path-getPointAtLength-section"><header><h4 id="Snap.path.getPointAtLength" class="dr-method">Snap.path.getPointAtLength(path, length)<a href="#Snap.path.getPointAtLength" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1072 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1072">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.getPointAtLength-extra"></div><div class="dr-method"><p>Return coordinates of the point located at the given length on the given path.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">SVG path string</span></li>
+<li class="topcoat-list__item"><span class="dr-param">length</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">&#160;</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">representation of the point:</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate</span>
+<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate</span>
+<li><span class="dr-json-key">alpha:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">angle of derivative</span>
+</ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.path.getSubpath" class="Snap-path-getSubpath-section"><header><h4 id="Snap.path.getSubpath" class="dr-method">Snap.path.getSubpath(path, from, to)<a href="#Snap.path.getSubpath" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1085 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1085">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.getSubpath-extra"></div><div class="dr-method"><p>Return subpath of a given path from given length to given length.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">SVG path string</span></li>
+<li class="topcoat-list__item"><span class="dr-param">from</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">position of the start of the segment</span></li>
+<li class="topcoat-list__item"><span class="dr-param">to</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">position of the end of the segment</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">pathstring for the segment</span></p>
+</div></section></article><article id="Snap.path.getTotalLength" class="Snap-path-getTotalLength-section"><header><h4 id="Snap.path.getTotalLength" class="dr-method">Snap.path.getTotalLength(path)<a href="#Snap.path.getTotalLength" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1055 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1055">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.getTotalLength-extra"></div><div class="dr-method"><p>Returns length of the given path in pixels.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">SVG path string.</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-number">number</em> <span class="dr-description">length.</span></p>
+</div></section></article><article id="Snap.path.intersection" class="Snap-path-intersection-section"><header><h4 id="Snap.path.intersection" class="dr-method">Snap.path.intersection(path1, path2)<a href="#Snap.path.intersection" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1255 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1255">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.intersection-extra"></div><div class="dr-method"><p>Utility method
+Finds intersections of two paths
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path1</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">path string</span></li>
+<li class="topcoat-list__item"><span class="dr-param">path2</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">path string</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">dots of intersection</span></p>
+<ol class="dr-json"><li>[<li>    {<ol class="dr-json"><li><span class="dr-json-key">x:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">x coordinate of the point</span>
+<li><span class="dr-json-key">y:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">y coordinate of the point</span>
+<li><span class="dr-json-key">t1:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">t value for segment of path1</span>
+<li><span class="dr-json-key">t2:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">t value for segment of path2</span>
+<li><span class="dr-json-key">segment1:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">order number for segment of path1</span>
+<li><span class="dr-json-key">segment2:</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">order number for segment of path2</span>
+<li><span class="dr-json-key">bez1:</span><span class="dr-type"><em class="dr-type-array">array</em></span><span class="dr-json-description">eight coordinates representing beziér curve for the segment of path1</span>
+<li><span class="dr-json-key">bez2:</span><span class="dr-type"><em class="dr-type-array">array</em></span><span class="dr-json-description">eight coordinates representing beziér curve for the segment of path2</span>
+</ol></li><li>    }</li><li>]</ol>
+</div></section></article><article id="Snap.path.isBBoxIntersect" class="Snap-path-isBBoxIntersect-section"><header><h4 id="Snap.path.isBBoxIntersect" class="dr-method">Snap.path.isBBoxIntersect(bbox1, bbox2)<a href="#Snap.path.isBBoxIntersect" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1231 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1231">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.isBBoxIntersect-extra"></div><div class="dr-method"><p>Utility method
+Returns <code>true</code> if two bounding boxes intersect
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">bbox1</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">first bounding box</span></li>
+<li class="topcoat-list__item"><span class="dr-param">bbox2</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">second bounding box</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-boolean">boolean</em> <span class="dr-description"><code>true</code> if they intersect</span></p>
+</div></section></article><article id="Snap.path.isPointInside" class="Snap-path-isPointInside-section"><header><h4 id="Snap.path.isPointInside" class="dr-method">Snap.path.isPointInside(path, x, y)<a href="#Snap.path.isPointInside" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1269 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1269">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.isPointInside-extra"></div><div class="dr-method"><p>Utility method
+Returns <code>true</code> if given point is inside a given closed path.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">path string</span></li>
+<li class="topcoat-list__item"><span class="dr-param">x</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">x of the point</span></li>
+<li class="topcoat-list__item"><span class="dr-param">y</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">y of the point</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-boolean">boolean</em> <span class="dr-description">true, if point is inside the path</span></p>
+</div></section></article><article id="Snap.path.isPointInsideBBox" class="Snap-path-isPointInsideBBox-section"><header><h4 id="Snap.path.isPointInsideBBox" class="dr-method">Snap.path.isPointInsideBBox(bbox, x, y)<a href="#Snap.path.isPointInsideBBox" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1219 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1219">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.isPointInsideBBox-extra"></div><div class="dr-method"><p>Utility method
+Returns <code>true</code> if given point is inside bounding box.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">bbox</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">bounding box</span></li>
+<li class="topcoat-list__item"><span class="dr-param">x</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">x coordinate of the point</span></li>
+<li class="topcoat-list__item"><span class="dr-param">y</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">y coordinate of the point</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-boolean">boolean</em> <span class="dr-description"><code>true</code> if point inside</span></p>
+</div></section></article><article id="Snap.path.map" class="Snap-path-map-section"><header><h4 id="Snap.path.map" class="dr-method">Snap.path.map(path, matrix)<a href="#Snap.path.map" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1332 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1332">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.map-extra"></div><div class="dr-method"><p>Transform the path string with given matrix.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">path string</span></li>
+<li class="topcoat-list__item"><span class="dr-param">matrix</span>
+<span class="dr-type"><em class="dr-type-object">object</em></span>
+<span class="dr-description">see <a href="#Matrix" class="dr-link">Matrix</a></span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">transformed path string</span></p>
+</div></section></article><article id="Snap.path.toAbsolute" class="Snap-path-toAbsolute-section"><header><h4 id="Snap.path.toAbsolute" class="dr-method">Snap.path.toAbsolute(path)<a href="#Snap.path.toAbsolute" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1311 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1311">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.toAbsolute-extra"></div><div class="dr-method"><p>Utility method
+Converts path coordinates into absolute values.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">path string</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">path string</span></p>
+</div></section></article><article id="Snap.path.toCubic" class="Snap-path-toCubic-section"><header><h4 id="Snap.path.toCubic" class="dr-method">Snap.path.toCubic(pathString)<a href="#Snap.path.toCubic" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1322 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1322">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.toCubic-extra"></div><div class="dr-method"><p>Utility method
+Converts path to a new path where all segments are cubic bezier curves.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">pathString</span>
+<span class="dr-type"><em class="dr-type-string">string</em> <em class="dr-type-array">array</em></span>
+<span class="dr-description">path string or array of segments</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">array of segments.</span></p>
+</div></section></article><article id="Snap.path.toRelative" class="Snap-path-toRelative-section"><header><h4 id="Snap.path.toRelative" class="dr-method">Snap.path.toRelative(path)<a href="#Snap.path.toRelative" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1300 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/path.js#L1300">&#x27ad;</a></h4></header>
+<section><div class="extra" id="Snap.path.toRelative-extra"></div><div class="dr-method"><p>Utility method
+Converts path coordinates into relative values.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">path</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">path string</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-array">array</em> <span class="dr-description">path string</span></p>
+</div></section></article><article id="Snap.rad" class="Snap-rad-section"><header><h3 id="Snap.rad" class="dr-method">Snap.rad(deg)<a href="#Snap.rad" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 281 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L281">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.rad-extra"></div><div class="dr-method"><p>Transform angle to radians
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">deg</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">angle in degrees</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-number">number</em> <span class="dr-description">angle in radians.</span></p>
+</div></section></article><article id="Snap.rgb" class="Snap-rgb-section"><header><h3 id="Snap.rgb" class="dr-method">Snap.rgb(r, g, b)<a href="#Snap.rgb" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 760 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L760">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.rgb-extra"></div><div class="dr-method"><p>Converts RGB values to hex representation of the colour.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">r</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">red</span></li>
+<li class="topcoat-list__item"><span class="dr-param">g</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">green</span></li>
+<li class="topcoat-list__item"><span class="dr-param">b</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">blue</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-string">string</em> <span class="dr-description">hex representation of the colour.</span></p>
+</div></section></article><article id="Snap.rgb2hsb" class="Snap-rgb2hsb-section"><header><h3 id="Snap.rgb2hsb" class="dr-method">Snap.rgb2hsb(r, g, b)<a href="#Snap.rgb2hsb" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 974 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L974">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.rgb2hsb-extra"></div><div class="dr-method"><p>Converts RGB values to HSB object.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">r</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">red</span></li>
+<li class="topcoat-list__item"><span class="dr-param">g</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">green</span></li>
+<li class="topcoat-list__item"><span class="dr-param">b</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">blue</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">HSB object in format:</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">h</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">hue</span>
+<li><span class="dr-json-key">s</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">saturation</span>
+<li><span class="dr-json-key">b</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">brightness</span>
+</ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.rgb2hsl" class="Snap-rgb2hsl-section"><header><h3 id="Snap.rgb2hsl" class="dr-method">Snap.rgb2hsl(r, g, b)<a href="#Snap.rgb2hsl" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1007 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1007">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.rgb2hsl-extra"></div><div class="dr-method"><p>Converts RGB values to HSL object.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">r</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">red</span></li>
+<li class="topcoat-list__item"><span class="dr-param">g</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">green</span></li>
+<li class="topcoat-list__item"><span class="dr-param">b</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">blue</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-object">object</em> <span class="dr-description">HSL object in format:</span></p>
+<ol class="dr-json"><li>{<ol class="dr-json"><li><span class="dr-json-key">h</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">hue</span>
+<li><span class="dr-json-key">s</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">saturation</span>
+<li><span class="dr-json-key">l</span><span class="dr-type"><em class="dr-type-number">number</em></span><span class="dr-json-description">luminosity</span>
+</ol></li><li>}</li></ol>
+</div></section></article><article id="Snap.select" class="Snap-select-section"><header><h3 id="Snap.select" class="dr-method">Snap.select(query)<a href="#Snap.select" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1359 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1359">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.select-extra"></div><div class="dr-method"><p>Wraps DOM element specified by CSS selector as <a href="#Element" class="dr-link">Element</a>
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">query</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">CSS selector of the element</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-Element">Element</em> <span class="dr-description"></span></p>
+</div></section></article><article id="Snap.selectAll" class="Snap-selectAll-section"><header><h3 id="Snap.selectAll" class="dr-method">Snap.selectAll(query)<a href="#Snap.selectAll" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 1370 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L1370">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.selectAll-extra"></div><div class="dr-method"><p>Wraps DOM elements specified by CSS selector as set or array of <a href="#Element" class="dr-link">Element</a>
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">query</span>
+<span class="dr-type"><em class="dr-type-string">string</em></span>
+<span class="dr-description">CSS selector of the element</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-Element">Element</em> <span class="dr-description"></span></p>
+</div></section></article><article id="Snap.snapTo" class="Snap-snapTo-section"><header><h3 id="Snap.snapTo" class="dr-method">Snap.snapTo(values, value, [tolerance])<a href="#Snap.snapTo" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 326 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/svg.js#L326">&#x27ad;</a></h3></header>
+<section><div class="extra" id="Snap.snapTo-extra"></div><div class="dr-method"><p>Snaps given value to given grid.
+</p>
+<div class="topcoat-list__container"><h3 class="topcoat-list__header">Parameters</h3><ol class="topcoat-list"><li class="topcoat-list__item"><span class="dr-param">values</span>
+<span class="dr-type"><em class="dr-type-array">array</em> <em class="dr-type-number">number</em></span>
+<span class="dr-description">given array of values or step of the grid</span></li>
+<li class="topcoat-list__item"><span class="dr-param">value</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">value to adjust</span></li>
+<li class="topcoat-list__item"><span class="dr-param optional">tolerance</span>
+<span class="dr-optional">optional</span>
+<span class="dr-type"><em class="dr-type-number">number</em></span>
+<span class="dr-description">tolerance for snapping. Default is <code>10</code>.</span></li>
+</ol></div>
+<p class="dr-returns"><strong class="dr-title">Returns:</strong> <em class="dr-type-number">number</em> <span class="dr-description">adjusted value.</span></p>
 </div></section></article><article id="mina" class="mina-section"><header><h2 id="mina" class="dr-method">mina(a, A, b, B, get, set, [easing])<a href="#mina" title="Link to this section" class="dr-hash">&#x2693;</a><a class="dr-sourceline" title="Go to line 156 in the source" href="https://github.com/adobe-webplatform/savage/blob/master/src/mina.js#L156">&#x27ad;</a></h2></header>
 <section><div class="extra" id="mina-extra"></div><div class="dr-method"><p>Generic animation of numbers.
 </p>
@@ -2032,7 +2032,7 @@ Converts path coordinates into relative values.
     </div>
     <script src="//use.edgefonts.net/source-sans-pro:n3,n4,n6;source-code-pro:n3.js"></script>
     <script src="js/prism.js"></script>
-<script src="savage-min.js"></script>
+<script src="snap.svg-min.js"></script>
 <script src="reference.js"></script>
 <script>!function(e){if(e){for(var t=function(e,t){var n=t.toUpperCase().split(""),r=n.shift(),a=RegExp("^["+r.toLowerCase()+r+"][a-z]*"+n.join("[a-z]*")+"[a-z]*$")
 return!!(e+"").match(a)},n=function(e,n){e+="",n+=""
diff --git a/dist/savage-min.js b/dist/savage-min.js
deleted file mode 100644
index b5c45fb..0000000
--- a/dist/savage-min.js
+++ /dev/null
@@ -1,34 +0,0 @@
-//   .--.--.
-//  /  /    '.
-// |  :  /`. /
-// ;  |  |--`                 .---.              ,----._,.
-// |  :  ;_      ,--.--.    /.  ./|   ,--.--.   /   /  ' /   ,---.
-//  \  \    `.  /       \ .-' . ' |  /       \ |   :     |  /     \
-//   `----.   \.--.  .-. /___/ \: | .--.  .-. ||   | .\  . /    /  |
-//   __ \  \  | \__\/: . .   \  ' .  \__\/: . ..   ; ';  |.    ' / |
-//  /  /`--'  / ," .--.; |\   \   '  ," .--.; |'   .   . |'   ;   /|
-// '--'.     / /  /  ,.  | \   \    /  /  ,.  | `---`-'| |'   |  / |
-//   `--'---' ;  :   .'   \ \   \ |;  :   .'   \.'__/\_: ||   :    |
-//            |  ,     .-./  '---" |  ,     .-./|   :    : \   \  /
-//             `--`---'             `--`---'     \   \  /   `----'
-//                                                `--`-'
-// Savage 0.0.1
-// 
-// Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
-// 
-// 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.
-// 
-// build: 2013-09-19
-!function(a){var b,c,d="0.4.2",e="hasOwnProperty",f=/[\.\/]/,g="*",h=function(){},i=function(a,b){return a-b},j={n:{}},k=function(a,d){a=String(a);var e,f=c,g=Array.prototype.slice.call(arguments,2),h=k.listeners(a),j=0,l=[],m={},n=[],o=b;b=a,c=0;for(var p=0,q=h.length;q>p;p++)"zIndex"in h[p]&&(l.push(h[p].zIndex),h[p].zIndex<0&&(m[h[p].zIndex]=h[p]));for(l.sort(i);l[j]<0;)if(e=m[l[j++]],n.push(e.apply(d,g)),c)return c=f,n;for(p=0;q>p;p++)if(e=h[p],"zIndex"in e)if(e.zIndex==l[j]){if(n.push(e.apply(d,g)),c)break;do if(j++,e=m[l[j]],e&&n.push(e.apply(d,g)),c)break;while(e)}else m[e.zIndex]=e;else if(n.push(e.apply(d,g)),c)break;return c=f,b=o,n.length?n:null};k._events=j,k.listeners=function(a){var b,c,d,e,h,i,k,l,m=a.split(f),n=j,o=[n],p=[];for(e=0,h=m.length;h>e;e++){for(l=[],i=0,k=o.length;k>i;i++)for(n=o[i].n,c=[n[m[e]],n[g]],d=2;d--;)b=c[d],b&&(l.push(b),p=p.concat(b.f||[]));o=l}return p},k.on=function(a,b){if(a=String(a),"function"!=typeof b)return function(){};for(var c=a.split(f),d=j,e=0,g=c.length;g>e;e++)d=d.n,d=d.hasOwnProperty(c[e])&&d[c[e]]||(d[c[e]]={n:{}});for(d.f=d.f||[],e=0,g=d.f.length;g>e;e++)if(d.f[e]==b)return h;return d.f.push(b),function(a){+a==+a&&(b.zIndex=+a)}},k.f=function(a){var b=[].slice.call(arguments,1);return function(){k.apply(null,[a,null].concat(b).concat([].slice.call(arguments,0)))}},k.stop=function(){c=1},k.nt=function(a){return a?new RegExp("(?:\\.|\\/|^)"+a+"(?:\\.|\\/|$)").test(b):b},k.nts=function(){return b.split(f)},k.off=k.unbind=function(a,b){if(!a)return k._events=j={n:{}},void 0;var c,d,h,i,l,m,n,o=a.split(f),p=[j];for(i=0,l=o.length;l>i;i++)for(m=0;m<p.length;m+=h.length-2){if(h=[m,1],c=p[m].n,o[i]!=g)c[o[i]]&&h.push(c[o[i]]);else for(d in c)c[e](d)&&h.push(c[d]);p.splice.apply(p,h)}for(i=0,l=p.length;l>i;i++)for(c=p[i];c.n;){if(b){if(c.f){for(m=0,n=c.f.length;n>m;m++)if(c.f[m]==b){c.f.splice(m,1);break}!c.f.length&&delete c.f}for(d in c.n)if(c.n[e](d)&&c.n[d].f){var q=c.n[d].f;for(m=0,n=q.length;n>m;m++)if(q[m]==b){q.splice(m,1);break}!q.length&&delete c.n[d].f}}else{delete c.f;for(d in c.n)c.n[e](d)&&c.n[d].f&&delete c.n[d].f}c=c.n}},k.once=function(a,b){var c=function(){return k.unbind(a,c),b.apply(this,arguments)};return k.on(a,c)},k.version=d,k.toString=function(){return"You are running Eve "+d},"undefined"!=typeof module&&module.exports?module.exports=k:"undefined"!=typeof define?define("eve",[],function(){return k}):a.eve=k}(this);var mina=function(a){var b={},c=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){setTimeout(a,16)},d=Array.isArray||function(a){return a instanceof Array||"[object Array]"==Object.prototype.toString.call(a)},e=0,f="M"+(+new Date).toString(36),g=function(){return f+(e++).toString(36)},h=function(){return+new Date},i=function(a){var b=this;if(null==a)return b.s;var c=b.s-a;b.b+=b.dur*c,b.B+=b.dur*c,b.s=a},j=function(a){var b=this;return null==a?b.spd:(b.spd=a,void 0)},k=function(a){var b=this;return null==a?b.dur:(b.s=b.s*a/b.dur,b.dur=a,void 0)},l=function(){var c=this;delete b[c.id],a("mina.stop."+c.id,c)},m=function(){var a=this;a.pdif||(delete b[a.id],a.pdif=a.get()-a.b)},n=function(){var a=this;a.pdif&&(a.b=a.get()-a.pdif,delete a.pdif,b[a.id]=a)},o=function(){var e=0;for(var f in b)if(b.hasOwnProperty(f)){var g,h=b[f],i=h.get();if(e++,h.s=(i-h.b)/(h.dur/h.spd),h.s>=1&&(delete b[f],h.s=1,e--),d(h.start)){g=[];for(var j=0,k=h.start.length;k>j;j++)g[j]=h.start[j]+(h.end[j]-h.start[j])*h.easing(h.s)}else g=h.start+(h.end-h.start)*h.easing(h.s);h.set(g),1==h.s&&a("mina.finish."+h.id,h)}e&&c(o)},p=function(a,d,e,f,h,q,r){var s={id:g(),start:a,end:d,b:e,s:0,dur:f-e,spd:1,get:h,set:q,easing:r||p.linear,status:i,speed:j,duration:k,stop:l,pause:m,resume:n};b[s.id]=s;var t,u=0;for(t in b)if(b.hasOwnProperty(t)&&(u++,2==u))break;return 1==u&&c(o),s};return p.time=h,p.getById=function(a){return b[a]||null},p.linear=function(a){return a},p.easeout=function(a){return Math.pow(a,1.7)},p.easein=function(a){return Math.pow(a,.48)},p.easeinout=function(a){if(1==a)return 1;if(0==a)return 0;var b=.48-a/1.04,c=Math.sqrt(.1734+b*b),d=c-b,e=Math.pow(Math.abs(d),1/3)*(0>d?-1:1),f=-c-b,g=Math.pow(Math.abs(f),1/3)*(0>f?-1:1),h=e+g+.5;return 3*(1-h)*h*h+h*h*h},p.backin=function(a){if(1==a)return 1;var b=1.70158;return a*a*((b+1)*a-b)},p.backout=function(a){if(0==a)return 0;a-=1;var b=1.70158;return a*a*((b+1)*a+b)+1},p.elastic=function(a){return a==!!a?a:Math.pow(2,-10*a)*Math.sin((a-.075)*2*Math.PI/.3)+1},p.bounce=function(a){var b,c=7.5625,d=2.75;return 1/d>a?b=c*a*a:2/d>a?(a-=1.5/d,b=c*a*a+.75):2.5/d>a?(a-=2.25/d,b=c*a*a+.9375):(a-=2.625/d,b=c*a*a+.984375),b},p}("undefined"==typeof eve?function(){}:eve);!function(){function a(a){a=a||Object(a);for(var c,d,e=1,g=a.length+1,h=b(a,0);g>e;e++)c=d,d=h,h=b(a,e),this.raw+=d,f.call(this,d,h,c);return this._beforeEnd=function(){f.call(this,"","",d)},this}function b(a,b){return a&&(a.charAt?a.charAt(b):a[b])}function c(a,b){this.events=this.events||{},this.events[a]=this.events[a]||[],this.events[a].push(b)}function d(a,b,c){"function"==typeof eve&&eve("elemental."+a+(b?"."+b:""),null,b,c||"",this.raw);for(var d=this.events&&this.events[a],e=d&&d.length;e--;)try{this.events[a][e](b,c||"",this.raw)}catch(f){}this.raw=""}function e(){f.call(this,"eof"),this.event("eof")}function f(a,b,c){"\n"==a&&this.event("newline"),l[this.mode].call(this,a,b,c)}function g(b,f){var g=function(a){g.parse(a)};return g.mode="text",g.type=String(b||"html").toLowerCase(),g.textchunk="",g.raw="",g.parse=a,g.on=c,g.event=d,g.end=e,f&&(h=f),g}var h={lt:60,"lt;":60,"AMP;":38,AMP:38,"GT;":62,GT:62,"QUOT;":34,QUOT:34,"apos;":39,"bull;":8226,"bullet;":8226,"copy;":169,copy:169,"deg;":176,deg:176},i=/[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u2028\u2029\u202f\u205f\u3000]/,j=function(a){var b;return"#"==a.charAt()&&(b="x"==a.charAt(1).toLowerCase()?parseInt(a.substring(2),16):parseInt(a.substring(1),10)),b=h[a],b?String.fromCharCode(b):"&"+a},k=function(){for(var a in this.attr)this.attr.hasOwnProperty(a)&&this.event("attr",a,{value:this.attr[a],tagname:this.tagname,attr:this.attr})},l={text:function(a){switch(a){case"<":case"eof":this.nodename="",this.attr={},this.mode="tag name start",this.raw=this.raw.slice(0,-1),this.textchunk&&this.event("text",this.textchunk),this.raw+=a,this.textchunk="";break;case"&":this.mode="entity",this.entity="";break;default:this.textchunk+=a}},entity:function(a){i.test(a)?(this.textchunk+=j(this.entity),this.mode="text"):";"==a?(this.textchunk+=j(this.entity+a),this.mode="text"):this.entity+=a},special:function(a,b,c){return"!"==c&&"-"==a&&"-"==b?(this.mode="comment start",void 0):"[CDATA"==this.textchunk&&"["==a?(this.mode="cdata",this.textchunk="",void 0):">"==a||"eof"==a?(this.event("special",this.textchunk),this.mode="text",this.textchunk="",void 0):(this.textchunk+=a,void 0)},cdata:function(a,b,c){return"]"==c&&"]"==a&&">"==b?(this.mode="cdata end",this.textchunk=this.textchunk.slice(0,-1),void 0):("eof"==a&&l["cdata end"].call(this),this.textchunk+=a,void 0)},"cdata end":function(){this.event("cdata",this.textchunk),this.textchunk="",this.mode="text"},"comment start":function(a,b){">"==b||"eof"==a?(this.event("comment",""),this.mode="skip"):this.mode="comment"},skip:function(){this.mode="text"},comment:function(a,b,c){"-"==a&&"-"==c&&">"==b?(this.mode="comment end",this.textchunk=this.textchunk.slice(0,-1)):"eof"==a?this.event("comment",this.textchunk):this.textchunk+=a},"comment end":function(){this.event("comment",this.textchunk),this.textchunk="",this.mode="text"},declaration:function(a,b){return"?"==a&&">"==b?(this.mode="declaration end",void 0):("eof"==a&&this.event("comment",this.textchunk),this.textchunk+=a,void 0)},"declaration end":function(){this.event("comment",this.textchunk),this.textchunk="",this.mode="text"},"tag name start":function(a,b,c){if("eof"==a)return this.event("text","<"),void 0;if(!i.test(a)){if(this.mode="tag name","/"==a)return this.mode="close tag name start",void 0;if("!"==a)return this.mode="special",this.textchunk="",void 0;if("?"==a)return this.mode="declaration",void 0;l[this.mode].call(this,a,b,c)}},"close tag name start":function(a,b,c){i.test(a)||(this.mode="close tag name",this.tagname="",this.nodename="",l[this.mode].call(this,a,b,c))},"close tag name":function(a){if(i.test(a))this.tagname=this.nodename;else switch(a){case">":this.event("/tag",this.tagname||this.nodename),this.mode="text";break;default:!this.tagname&&(this.nodename+=a)}},"tag name":function(a,b){if(i.test(a))this.tagname=this.nodename,this.nodename="",this.mode="attr start";else switch(a){case">":this.event("tag",this.nodename),this.mode="text";break;case"/":this.raw+=b,this.event("tag",this.nodename),this.event("/tag",this.nodename),this.mode="skip";break;default:this.nodename+=a}},"attr start":function(a,b,c){i.test(a)||(this.mode="attr",this.nodename="",l[this.mode].call(this,a,b,c))},attr:function(a){if(i.test(a)||"="==a)this.attr[this.nodename]="",this.mode="attr value start";else switch(a){case">":"/"==this.nodename?(delete this.attr["/"],this.event("tag",this.tagname,this.attr),k.call(this),this.event("/tag",this.tagname,!0)):(this.nodename&&(this.attr[this.nodename]=""),this.event("tag",this.tagname,this.attr),k.call(this)),this.mode="text";break;default:this.nodename+=a}},"attr value start":function(a,b,c){if(!i.test(a)){if(this.mode="attr value",this.quote=!1,"'"==a||'"'==a)return this.quote=a,void 0;l[this.mode].call(this,a,b,c)}},"attr value":function(a,b,c){if(i.test(a)&&!this.quote)this.mode="attr start";else if(">"!=a||this.quote)switch(a){case'"':case"'":this.quote==a&&"\\"!=c&&(this.mode="attr start");break;default:this.attr[this.nodename]+=a}else this.event("tag",this.tagname,this.attr),this.mode="text"}};g.version="0.2.4",("undefined"==typeof exports?this:exports).elemental=g}();var Savage=function(){function a(a,b){if(a){if(a.tagName)return v(a);if(a instanceof q)return a;if(null==b)return a=E.doc.querySelector(a),v(a)}return a=null==a?"100%":a,b=null==b?"100%":b,new u(a,b)}function b(a,c){if(c){if("string"==typeof a&&(a=b(a)),"string"==typeof c)return"xlink:"==c.substring(0,6)?a.getAttributeNS(cb,c.substring(6)):a.getAttribute(c);for(var d in c)if(c[F](d)){var e=G(c[d]);e?"xlink:"==d.substring(0,6)?a.setAttributeNS(cb,d.substring(6),e):a.setAttribute(d,e):a.removeAttribute(d)}}else a=E.doc.createElementNS("http://www.w3.org/2000/svg",a);return a}function c(a,b){return b=G.prototype.toLowerCase.call(b),"finite"==b?!S[F](+a):"array"==b&&(a instanceof Array||Array.isArray&&Array.isArray(a))?!0:"null"==b&&null===a||b==typeof a&&null!==a||"object"==b&&a===Object(a)||Q.call(a).slice(8,-1).toLowerCase()==b}function d(a){if("function"==typeof a||Object(a)!==a)return a;var b=new a.constructor;for(var c in a)a[F](c)&&(b[c]=d(a[c]));return b}function e(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return a.push(a.splice(c,1)[0])}function f(a,b,c){function d(){var f=Array.prototype.slice.call(arguments,0),g=f.join("␀"),h=d.cache=d.cache||{},i=d.count=d.count||[];return h[F](g)?(e(i,g),c?c(h[g]):h[g]):(i.length>=1e3&&delete h[i.shift()],i.push(g),h[g]=a.apply(b,f),c?c(h[g]):h[g])}return d}function g(a,b,c,d,e,f){if(null==e){var h=a-c,i=b-d;return h||i?(180+180*J.atan2(-i,-h)/N+360)%360:0}return g(a,b,e,f)-g(c,d,e,f)}function h(a){return a%360*N/180}function i(a){return 180*a/N%360}function j(){return this.x+P+this.y+P+this.width+" × "+this.height}function k(a,b,c,d,e,f){return null==b&&"[object SVGMatrix]"==Q.call(a)?(this.a=a.a,this.b=a.b,this.c=a.c,this.d=a.d,this.e=a.e,this.f=a.f,void 0):(null!=a?(this.a=+a,this.b=+b,this.c=+c,this.d=+d,this.e=+e,this.f=+f):(this.a=1,this.b=0,this.c=0,this.d=1,this.e=0,this.f=0),void 0)}function l(a){var b=[];return a=a.replace(/(?:^|\s)(\w+)\(([^)]+)\)/g,function(a,c,d){return d=d.split(/\s*,\s*/),"rotate"==c&&1==d.length&&d.push(0,0),"scale"==c&&(2==d.length&&d.push(0,0),1==d.length&&d.push(d[0],0,0)),"skewX"==c?b.push(["m",1,0,J.tan(h(d[0])),1,0,0]):"skewY"==c?b.push(["m",1,J.tan(h(d[0])),0,1,0,0]):b.push([c.charAt(0)].concat(d)),a}),b}function m(a,b){if(null==b){var c=!0;if(b="linearGradient"==a.type||"radialGradient"==a.type?a.node.getAttribute("gradientTransform"):"pattern"==a.type?a.node.getAttribute("patternTransform"):a.node.getAttribute("transform"),!b)return new k;b=l(b)}else b=mb.test(b)?G(b).replace(/\.{3}|\u2026/g,a._.transform||O):l(b);var d=lb(b),e=0,f=0,g=0,h=1,i=1,j=a._,m=new k;if(j.transform=d||[],d){for(var n=0,o=d.length;o>n;n++){var p,q,r,s,t,u=d[n],v=u.length,w=G(u[0]).toLowerCase(),x=u[0]!=w,y=x?m.invert():0;"t"==w&&3==v?x?(p=y.x(0,0),q=y.y(0,0),r=y.x(u[1],u[2]),s=y.y(u[1],u[2]),m.translate(r-p,s-q)):m.translate(u[1],u[2]):"r"==w?2==v?(t=t||a.getBBox(1),m.rotate(u[1],t.x+t.width/2,t.y+t.height/2),e+=u[1]):4==v&&(x?(r=y.x(u[2],u[3]),s=y.y(u[2],u[3]),m.rotate(u[1],r,s)):m.rotate(u[1],u[2],u[3]),e+=u[1]):"s"==w?2==v||3==v?(t=t||a.getBBox(1),m.scale(u[1],u[v-1],t.x+t.width/2,t.y+t.height/2),h*=u[1],i*=u[v-1]):5==v&&(x?(r=y.x(u[3],u[4]),s=y.y(u[3],u[4]),m.scale(u[1],u[2],r,s)):m.scale(u[1],u[2],u[3],u[4]),h*=u[1],i*=u[2]):"m"==w&&7==v&&m.add(u[1],u[2],u[3],u[4],u[5],u[6])}if(c)return m;j.dirtyT=1,a.matrix=m}a.matrix=m,j.sx=h,j.sy=i,j.deg=e,j.dx=f=m.e,j.dy=g=m.f,1==h&&1==i&&!e&&j.bbox?(j.bbox.x+=+f,j.bbox.y+=+g):j.dirtyT=1}function n(b){if(a._.someDefs)return a._.someDefs;var c=b.paper||b.node.parentNode&&a(b.node.parentNode)||a.select("svg")||a(0,0),d=c.select("defs").node;return d||(d=t("defs",c.node).node),a._.someDefs=d,d}function o(a,c,d){function e(a){return null==a?O:a==+a?a:(b(j,{width:a}),j.getBBox().width)}function f(a){return null==a?O:a==+a?a:(b(j,{height:a}),j.getBBox().height)}function g(b,e){null==c?i[b]=e(a.attr(b)):b==c&&(i=e(null==d?a.attr(b):d))}var h=n(a),i={},j=h.querySelector(".svg---mgr");switch(j||(j=b("rect"),b(j,{width:10,height:10,"class":"svg---mgr"}),h.appendChild(j)),a.type){case"rect":g("rx",e),g("ry",f);case"image":g("width",e),g("height",f);case"text":g("x",e),g("y",f);break;case"circle":g("cx",e),g("cy",f),g("r",e);break;case"ellipse":g("cx",e),g("cy",f),g("rx",e),g("ry",f);break;case"line":g("x1",e),g("x2",e),g("y1",f),g("y2",f);break;case"marker":g("refX",e),g("markerWidth",e),g("refY",f),g("markerHeight",f);break;case"radialGradient":g("fx",e),g("fy",f);break;case"tspan":g("dx",e),g("dy",f);break;default:i=null}return i}function p(a){c(a,"array")||(a=Array.prototype.slice.call(arguments,0));for(var b=0,d=0,e=this.node;this[b];)delete this[b++];for(b=0;b<a.length;b++)"set"==a[b].type?a[b].forEach(function(a){e.appendChild(a.node)}):e.appendChild(a[b].node);var f=e.childNodes;for(b=0;b<f.length;b++)f[b].savage&&(this[d++]=db[f[b].savage])}function q(a){if(a.savage in db)return db[a.savage];var b,c=this.id=bb();try{b=a.ownerSVGElement}catch(d){}if(this.node=a,b&&(this.paper=new u(b)),this.type=a.tagName,this.anims={},this._={transform:[],sx:1,sy:1,deg:0,dx:0,dy:0,dirty:1},a.savage=c,db[c]=this,"g"==this.type){this.add=p;for(var e in u.prototype)u.prototype[F](e)&&(this[e]=u.prototype[e])}}function r(a){for(var b,c=0,d=a.length;d>c;c++)if(b=b||a[c])return b}function s(a){this.node=a}function t(a,c){var d=b(a);c.appendChild(d);var e=v(d);return e.type=a,e}function u(a,c){var d,e,f,g=u.prototype;if(a&&"svg"==a.tagName){if(a.savage in db)return db[a.savage];d=new q(a),e=a.getElementsByTagName("desc")[0],f=a.getElementsByTagName("defs")[0],e||(e=b("desc"),e.appendChild(E.doc.createTextNode("Created with Savage")),d.node.appendChild(e)),f||(f=b("defs"),d.node.appendChild(f)),d.defs=f;for(var h in g)g[F](h)&&(d[h]=g[h]);d.paper=d.root=d}else d=t("svg",E.doc.body),b(d.node,{height:c,version:1.1,width:a,xmlns:"http://www.w3.org/2000/svg"});return d}function v(a){return a?a instanceof q||a instanceof s?a:"svg"==a.tagName?new u(a):new q(a):a}function w(){return this.selectAll("stop")}function x(c,d){var e=b("stop"),f={offset:+d+"%"};return c=a.color(c),f["stop-color"]=c.hex,c.opacity<1&&(f["stop-opacity"]=c.opacity),b(e,f),this.node.appendChild(e),this}function y(){if("linearGradient"==this.type){var c=b(this.node,"x1")||0,d=b(this.node,"x2")||1,e=b(this.node,"y1")||0,f=b(this.node,"y2")||0;return a._.box(c,e,J.abs(d-c),J.abs(f-e))}var g=this.node.cx||.5,h=this.node.cy||.5,i=this.node.r||0;return a._.box(g-i,h-i,2*i,2*i)}function z(a,c){function d(a,b){for(var c=(b-i)/(a-j),d=j;a>d;d++)g[d].offset=+(+i+c*(d-j)).toFixed(2);j=a,i=b}var e,f=r(eve("savage.util.grad.parse",null,c));if(!f)return null;f.params.unshift(a),e="l"==f.type.toLowerCase()?A.apply(0,f.params):B.apply(0,f.params),f.type!=f.type.toLowerCase()&&b(e.node,{gradientUnits:"userSpaceOnUse"});var g=f.stops,h=g.length,i=0,j=0;h--;for(var k=0;h>k;k++)"offset"in g[k]&&d(k,g[k].offset);for(g[h].offset=g[h].offset||100,d(h,g[h].offset),k=0;h>=k;k++){var l=g[k];e.addStop(l.color,l.offset)}return e}function A(a,c,d,e,f){var g=t("linearGradient",a);return g.stops=w,g.addStop=x,g.getBBox=y,null!=c&&b(g.node,{x1:c,y1:d,x2:e,y2:f}),g}function B(a,c,d,e,f,g){var h=t("radialGradient",a);return h.stops=w,h.addStop=x,h.getBBox=y,null!=c&&b(h.node,{cx:c,cy:d,r:e}),null!=f&&null!=g&&b(h.node,{fx:f,fy:g}),h}function C(c){return function(d){if(eve.stop(),d instanceof s&&1==d.node.childNodes.length&&("radialGradient"==d.node.firstChild.tagName||"linearGradient"==d.node.firstChild.tagName||"pattern"==d.node.firstChild.tagName)&&(d=d.node.firstChild,n(this).appendChild(d),d=v(d)),d instanceof q)if("radialGradient"==d.type||"linearGradient"==d.type||"pattern"==d.type){d.node.id||b(d.node,{id:d.id});var e="url(#"+d.node.id+")"}else e=d.attr(c);else if(e=a.color(d),e.error){var f=z(n(this),d);f?(f.node.id||b(f.node,{id:f.id}),e="url(#"+f.node.id+")"):e=d}else e=G(e);var g={};g[c]=e,b(this.node,g),this.node.style[c]=O}}function D(a){for(var b=[],c=a.childNodes,d=0,e=c.length;e>d;d++){var f=c[d];3==f.nodeType&&b.push(f.nodeValue),"tspan"==f.tagName&&(1==f.childNodes.length&&3==f.firstChild.nodeType?b.push(f.firstChild.nodeValue):b.push(D(f)))}return b}a.version="0.0.1",a.toString=function(){return"Savage v"+this.version},a._={};var E={win:window,doc:window.document};a._.glob=E;var F="hasOwnProperty",G=String,H=parseFloat,I=parseInt,J=Math,K=J.max,L=J.min,M=J.abs,N=(J.pow,J.PI),O=(J.round,""),P=" ",Q=Object.prototype.toString,R=/^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+%?)?)\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?%?)\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?%?)\s*\))\s*$/i,S={NaN:1,Infinity:1,"-Infinity":1},T=/^url\(#?([^)]+)\)$/,U="	\n\f\r   ᠎             　\u2028\u2029",V=new RegExp("[,"+U+"]+"),W=(new RegExp("["+U+"]","g"),new RegExp("["+U+"]*,["+U+"]*")),X={hs:1,rg:1},Y=new RegExp("([a-z])["+U+",]*((-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?["+U+"]*,?["+U+"]*)+)","ig"),Z=new RegExp("([rstm])["+U+",]*((-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?["+U+"]*,?["+U+"]*)+)","ig"),$=new RegExp("(-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?)["+U+"]*,?["+U+"]*","ig"),_=0,ab="S"+(+new Date).toString(36),bb=function(){return ab+(_++).toString(36)},cb="http://www.w3.org/1999/xlink",db={};a._.$=b,a._.id=bb,a.format=function(){var a=/\{([^\}]+)\}/g,b=/(?:(?:^|\.)(.+?)(?=\[|\.|$|\()|\[('|")(.+?)\2\])(\(\))?/g,c=function(a,c,d){var e=d;return c.replace(b,function(a,b,c,d,f){b=b||d,e&&(b in e&&(e=e[b]),"function"==typeof e&&f&&(e=e()))}),e=(null==e||e==d?a:e)+""};return function(b,d){return G(b).replace(a,function(a,b){return c(a,b,d)})}}();var eb=function(){function a(){this.parentNode.removeChild(this)}return function(b,c){var d=E.doc.createElement("img"),e=E.doc.body;d.style.cssText="position:absolute;left:-9999em;top:-9999em",d.onload=function(){c.call(d),d.onload=d.onerror=null,e.removeChild(d)},d.onerror=a,e.appendChild(d),d.src=b}}();a._.clone=d,a._.cacher=f,a.rad=h,a.deg=i,a.angle=g,a.is=c,a.snapTo=function(a,b,d){if(d=c(d,"finite")?d:10,c(a,"array")){for(var e=a.length;e--;)if(M(a[e]-b)<=d)return a[e]}else{a=+a;var f=b%a;if(d>f)return b-f;if(f>a-d)return b-f+a}return b},function(a){function b(a){return a[0]*a[0]+a[1]*a[1]}function c(a){var c=J.sqrt(b(a));a[0]&&(a[0]/=c),a[1]&&(a[1]/=c)}a.add=function(a,b,c,d,e,f){var g,h,i,j,l=[[],[],[]],m=[[this.a,this.c,this.e],[this.b,this.d,this.f],[0,0,1]],n=[[a,c,e],[b,d,f],[0,0,1]];for(a&&a instanceof k&&(n=[[a.a,a.c,a.e],[a.b,a.d,a.f],[0,0,1]]),g=0;3>g;g++)for(h=0;3>h;h++){for(j=0,i=0;3>i;i++)j+=m[g][i]*n[i][h];l[g][h]=j}return this.a=l[0][0],this.b=l[1][0],this.c=l[0][1],this.d=l[1][1],this.e=l[0][2],this.f=l[1][2],this},a.invert=function(){var a=this,b=a.a*a.d-a.b*a.c;return new k(a.d/b,-a.b/b,-a.c/b,a.a/b,(a.c*a.f-a.d*a.e)/b,(a.b*a.e-a.a*a.f)/b)},a.clone=function(){return new k(this.a,this.b,this.c,this.d,this.e,this.f)},a.translate=function(a,b){return this.add(1,0,0,1,a,b)},a.scale=function(a,b,c,d){return null==b&&(b=a),(c||d)&&this.add(1,0,0,1,c,d),this.add(a,0,0,b,0,0),(c||d)&&this.add(1,0,0,1,-c,-d),this},a.rotate=function(a,b,c){a=h(a),b=b||0,c=c||0;var d=+J.cos(a).toFixed(9),e=+J.sin(a).toFixed(9);return this.add(d,e,-e,d,b,c),this.add(1,0,0,1,-b,-c)},a.x=function(a,b){return a*this.a+b*this.c+this.e},a.y=function(a,b){return a*this.b+b*this.d+this.f},a.get=function(a){return+this[G.fromCharCode(97+a)].toFixed(4)},a.toString=function(){return"matrix("+[this.get(0),this.get(1),this.get(2),this.get(3),this.get(4),this.get(5)].join()+")"},a.offset=function(){return[this.e.toFixed(4),this.f.toFixed(4)]},a.split=function(){var a={};a.dx=this.e,a.dy=this.f;var d=[[this.a,this.c],[this.b,this.d]];a.scalex=J.sqrt(b(d[0])),c(d[0]),a.shear=d[0][0]*d[1][0]+d[0][1]*d[1][1],d[1]=[d[1][0]-d[0][0]*a.shear,d[1][1]-d[0][1]*a.shear],a.scaley=J.sqrt(b(d[1])),c(d[1]),a.shear/=a.scaley;var e=-d[0][1],f=d[1][1];return 0>f?(a.rotate=i(J.acos(f)),0>e&&(a.rotate=360-a.rotate)):a.rotate=i(J.asin(e)),a.isSimple=!(+a.shear.toFixed(9)||a.scalex.toFixed(9)!=a.scaley.toFixed(9)&&a.rotate),a.isSuperSimple=!+a.shear.toFixed(9)&&a.scalex.toFixed(9)==a.scaley.toFixed(9)&&!a.rotate,a.noRotation=!+a.shear.toFixed(9)&&!a.rotate,a},a.toTransformString=function(a){var b=a||this.split();return b.isSimple?(b.scalex=+b.scalex.toFixed(4),b.scaley=+b.scaley.toFixed(4),b.rotate=+b.rotate.toFixed(4),(b.dx||b.dy?"t"+[+b.dx.toFixed(4),+b.dy.toFixed(4)]:O)+(1!=b.scalex||1!=b.scaley?"s"+[b.scalex,b.scaley,0,0]:O)+(b.rotate?"r"+[+b.rotate.toFixed(4),0,0]:O)):"m"+[this.get(0),this.get(1),this.get(2),this.get(3),this.get(4),this.get(5)]}}(k.prototype),a.Matrix=k,a.getRGB=f(function(b){if(!b||(b=G(b)).indexOf("-")+1)return{r:-1,g:-1,b:-1,hex:"none",error:1,toString:ib};if("none"==b)return{r:-1,g:-1,b:-1,hex:"none",toString:ib};if(!(X[F](b.toLowerCase().substring(0,2))||"#"==b.charAt())&&(b=fb(b)),!b)return{r:-1,g:-1,b:-1,hex:"none",error:1,toString:ib};var d,e,f,g,h,i,j=b.match(R);return j?(j[2]&&(f=I(j[2].substring(5),16),e=I(j[2].substring(3,5),16),d=I(j[2].substring(1,3),16)),j[3]&&(f=I((h=j[3].charAt(3))+h,16),e=I((h=j[3].charAt(2))+h,16),d=I((h=j[3].charAt(1))+h,16)),j[4]&&(i=j[4].split(W),d=H(i[0]),"%"==i[0].slice(-1)&&(d*=2.55),e=H(i[1]),"%"==i[1].slice(-1)&&(e*=2.55),f=H(i[2]),"%"==i[2].slice(-1)&&(f*=2.55),"rgba"==j[1].toLowerCase().slice(0,4)&&(g=H(i[3])),i[3]&&"%"==i[3].slice(-1)&&(g/=100)),j[5]?(i=j[5].split(W),d=H(i[0]),"%"==i[0].slice(-1)&&(d/=100),e=H(i[1]),"%"==i[1].slice(-1)&&(e/=100),f=H(i[2]),"%"==i[2].slice(-1)&&(f/=100),("deg"==i[0].slice(-3)||"°"==i[0].slice(-1))&&(d/=360),"hsba"==j[1].toLowerCase().slice(0,4)&&(g=H(i[3])),i[3]&&"%"==i[3].slice(-1)&&(g/=100),a.hsb2rgb(d,e,f,g)):j[6]?(i=j[6].split(W),d=H(i[0]),"%"==i[0].slice(-1)&&(d/=100),e=H(i[1]),"%"==i[1].slice(-1)&&(e/=100),f=H(i[2]),"%"==i[2].slice(-1)&&(f/=100),("deg"==i[0].slice(-3)||"°"==i[0].slice(-1))&&(d/=360),"hsla"==j[1].toLowerCase().slice(0,4)&&(g=H(i[3])),i[3]&&"%"==i[3].slice(-1)&&(g/=100),a.hsl2rgb(d,e,f,g)):(d=L(J.round(d),255),e=L(J.round(e),255),f=L(J.round(f),255),g=L(K(g,0),1),j={r:d,g:e,b:f,toString:ib},j.hex="#"+(16777216|f|e<<8|d<<16).toString(16).slice(1),j.opacity=c(g,"finite")?g:1,j)):{r:-1,g:-1,b:-1,hex:"none",error:1,toString:ib}},a),a.hsb=f(function(b,c,d){return a.hsb2rgb(b,c,d).hex}),a.hsl=f(function(b,c,d){return a.hsl2rgb(b,c,d).hex}),a.rgb=f(function(a,b,d,e){if(c(e,"finite")){var f=J.round;return"rgba("+[f(a),f(b),f(d),+e.toFixed(2)]+")"}return"#"+(16777216|d|b<<8|a<<16).toString(16).slice(1)});var fb=function(a){var b=E.doc.getElementsByTagName("head")[0],c="rgb(255, 0, 0)";return fb=f(function(a){if("red"==a.toLowerCase())return c;b.style.color=c,b.style.color=a;var d=E.doc.defaultView.getComputedStyle(b,O).getPropertyValue("color");return d==c?null:d}),fb(a)},gb=function(){return"hsb("+[this.h,this.s,this.b]+")"},hb=function(){return"hsl("+[this.h,this.s,this.l]+")"},ib=function(){return 1==this.opacity||null==this.opacity?this.hex:"rgba("+[this.r,this.g,this.b,this.opacity]+")"},jb=function(b,d,e){if(null==d&&c(b,"object")&&"r"in b&&"g"in b&&"b"in b&&(e=b.b,d=b.g,b=b.r),null==d&&c(b,string)){var f=a.getRGB(b);b=f.r,d=f.g,e=f.b}return(b>1||d>1||e>1)&&(b/=255,d/=255,e/=255),[b,d,e]},kb=function(b,d,e,f){b=J.round(255*b),d=J.round(255*d),e=J.round(255*e);var g={r:b,g:d,b:e,opacity:c(f,"finite")?f:1,hex:a.rgb(b,d,e),toString:ib};return c(f,"finite")&&(g.opacity=f),g};a.color=function(b){var d;return c(b,"object")&&"h"in b&&"s"in b&&"b"in b?(d=a.hsb2rgb(b),b.r=d.r,b.g=d.g,b.b=d.b,b.opacity=1,b.hex=d.hex):c(b,"object")&&"h"in b&&"s"in b&&"l"in b?(d=a.hsl2rgb(b),b.r=d.r,b.g=d.g,b.b=d.b,b.opacity=1,b.hex=d.hex):(c(b,"string")&&(b=a.getRGB(b)),c(b,"object")&&"r"in b&&"g"in b&&"b"in b&&!("error"in b)?(d=a.rgb2hsl(b),b.h=d.h,b.s=d.s,b.l=d.l,d=a.rgb2hsb(b),b.v=d.b):(b={hex:"none"},b.r=b.g=b.b=b.h=b.s=b.v=b.l=-1,b.error=1)),b.toString=ib,b},a.hsb2rgb=function(a,b,d,e){c(a,"object")&&"h"in a&&"s"in a&&"b"in a&&(d=a.b,b=a.s,a=a.h,e=a.o),a*=360;var f,g,h,i,j;return a=a%360/60,j=d*b,i=j*(1-M(a%2-1)),f=g=h=d-j,a=~~a,f+=[j,i,0,0,i,j][a],g+=[i,j,j,i,0,0][a],h+=[0,0,i,j,j,i][a],kb(f,g,h,e)},a.hsl2rgb=function(a,b,d,e){c(a,"object")&&"h"in a&&"s"in a&&"l"in a&&(d=a.l,b=a.s,a=a.h),(a>1||b>1||d>1)&&(a/=360,b/=100,d/=100),a*=360;var f,g,h,i,j;return a=a%360/60,j=2*b*(.5>d?d:1-d),i=j*(1-M(a%2-1)),f=g=h=d-j/2,a=~~a,f+=[j,i,0,0,i,j][a],g+=[i,j,j,i,0,0][a],h+=[0,0,i,j,j,i][a],kb(f,g,h,e)},a.rgb2hsb=function(a,b,c){c=jb(a,b,c),a=c[0],b=c[1],c=c[2];var d,e,f,g;return f=K(a,b,c),g=f-L(a,b,c),d=0==g?null:f==a?(b-c)/g:f==b?(c-a)/g+2:(a-b)/g+4,d=60*((d+360)%6)/360,e=0==g?0:g/f,{h:d,s:e,b:f,toString:gb}},a.rgb2hsl=function(a,b,c){c=jb(a,b,c),a=c[0],b=c[1],c=c[2];var d,e,f,g,h,i;return g=K(a,b,c),h=L(a,b,c),i=g-h,d=0==i?null:g==a?(b-c)/i:g==b?(c-a)/i+2:(a-b)/i+4,d=60*((d+360)%6)/360,f=(g+h)/2,e=0==i?0:.5>f?i/(2*f):i/(2-2*f),{h:d,s:e,l:f,toString:hb}},a.parsePathString=function(b){if(!b)return null;var d=a.path(b);if(d.arr)return a.path.clone(d.arr);var e={a:7,c:6,o:2,h:1,l:2,m:2,r:4,q:4,s:4,t:2,v:1,u:3,z:0},f=[];return c(b,"array")&&c(b[0],"array")&&(f=a.path.clone(b)),f.length||G(b).replace(Y,function(a,b,c){var d=[],g=b.toLowerCase();if(c.replace($,function(a,b){b&&d.push(+b)}),"m"==g&&d.length>2&&(f.push([b].concat(d.splice(0,2))),g="l",b="m"==b?"l":"L"),"o"==g&&1==d.length&&f.push([b,d[0]]),"r"==g)f.push([b].concat(d));else for(;d.length>=e[g]&&(f.push([b].concat(d.splice(0,e[g]))),e[g]););}),f.toString=a.path.toString,d.arr=a.path.clone(f),f};var lb=a.parseTransformString=function(b){if(!b)return null;var d=[];return c(b,"array")&&c(b[0],"array")&&(d=a.path.clone(b)),d.length||G(b).replace(Z,function(a,b,c){var e=[];b.toLowerCase(),c.replace($,function(a,b){b&&e.push(+b)}),d.push([b].concat(e))}),d.toString=a.path.toString,d},mb=new RegExp("^[a-z]["+U+"]*-?\\.?\\d");a._unit2px=o,a._.getSomeDefs=n,a.select=function(a){return v(E.doc.querySelector(a))},a.selectAll=function(b){for(var c=E.doc.querySelectorAll(b),d=(a.set||Array)(),e=0;e<c.length;e++)d.push(v(c[e]));return d},function(d){function e(a){function c(a,c){var d=b(a.node,c);d=d&&d.match(g),d=d&&d[2],d&&"#"==d.charAt()&&(d=d.substring(1),d&&(i[d]=(i[d]||[]).concat(function(d){var e={};e[c]="url(#"+d+")",b(a.node,e)})))}function d(a){var c=b(a.node,"xlink:href");c&&"#"==c.charAt()&&(c=c.substring(1),c&&(i[c]=(i[c]||[]).concat(function(b){a.attr("xlink:href","#"+b)})))}for(var e,f=a.selectAll("*"),g=/^\s*url\(("|'|)(.*)\1\)\s*$/,h=[],i={},j=0,k=f.length;k>j;j++){e=f[j],c(e,"fill"),c(e,"stroke"),c(e,"filter"),c(e,"mask"),c(e,"clip-path"),d(e);var l=b(e.node,"id");l&&(b(e.node,{id:e.id}),h.push({old:l,id:e.id}))}for(j=0,k=h.length;k>j;j++){var m=i[h[j].old];if(m)for(var n=0,o=m.length;o>n;n++)m[n](h[j].id)}}function f(a,b,c){return function(d){var e=d.slice(a,b);return 1==e.length&&(e=e[0]),c?c(e):e}}function g(a){return function(){var b=a?"<"+this.type:"",c=this.node.attributes,d=this.node.childNodes;if(a)for(var e=0,f=c.length;f>e;e++)b+=" "+c[e].name+'="'+c[e].value.replace(/"/g,'\\"')+'"';if(d.length){for(a&&(b+=">"),e=0,f=d.length;f>e;e++)3==d[e].nodeType?b+=d[e].nodeValue:1==d[e].nodeType&&(b+=v(d[e]).toString());a&&(b+="</"+this.type+">")}else a&&(b+="/>");return b}}d.attr=function(a,b){var d=this;if(d.node,!a)return d;if(c(a,"string")){if(!(arguments.length>1))return r(eve("savage.util.getattr."+a,d));var e={};e[a]=b,a=e}for(var f in a)a[F](f)&&eve("savage.util.attr."+f,d,a[f]);return d},d.getBBox=function(b){var c=this;if("use"==c.type&&(c=c.original),c.removed)return{};var d=c._;return b?((d.dirty||!d.bboxwt)&&(c.realPath=a.path.get[c.type](c),d.bboxwt=a.path.getBBox(c.realPath),d.bboxwt.toString=j,d.dirty=0),a._.box(d.bboxwt)):((d.dirty||d.dirtyT||!d.bbox)&&((d.dirty||!c.realPath)&&(d.bboxwt=0,c.realPath=a.path.get[c.type](c)),d.bbox=a.path.getBBox(a.path.map(c.realPath,c.matrix)),d.bbox.toString=j,d.dirty=d.dirtyT=0),a._.box(d.bbox))};var h=function(){return this.local};d.transform=function(a){var c=this._;if(null==a){var d=new k(this.node.getCTM()),e=m(this);return{string:G(c.transform)||"",globalMatrix:d,localMatrix:e,diffMatrix:d.clone().add(e.invert()),global:d.toTransformString(),local:e.toTransformString(),toString:h}}return a instanceof k&&(a=a.toTransformString()),m(this,a),this.node&&("linearGradient"==this.type||"radialGradient"==this.type?b(this.node,{gradientTransform:this.matrix}):"pattern"==this.type?b(this.node,{patternTransform:this.matrix}):b(this.node,{transform:this.matrix})),this},d.parent=function(){return v(this.node.parentNode)},d.append=d.add=function(a){if("set"==a.type){var b=this;return a.forEach(function(a){b.append(a)}),this}return a=v(a),this.node.appendChild(a.node),a.paper=this.paper,this},d.prepend=function(a){return a=v(a),this.node.insertBefore(a.node,this.node.firstChild),a.paper=this.paper,this},d.before=function(a){return a=v(a),this.node.parentNode.insertBefore(a.node,this.node),a.paper=this.paper,this},d.after=function(a){return a=v(a),this.node.parentNode.insertBefore(a.node,this.node.nextSibling),a.paper=this.paper,this},d.insertBefore=function(a){return a=v(a),a.node.parentNode.insertBefore(this.node,a.node),this.paper=a.paper,this},d.insertAfter=function(a){return a=v(a),a.node.parentNode.insertBefore(this.node,a.node.nextSibling),this.paper=a.paper,this},d.remove=function(){return this.node.parentNode&&this.node.parentNode.removeChild(this.node),delete this.paper,this.removed=!0,this},d.select=function(a){return v(this.node.querySelector(a))},d.selectAll=function(b){for(var c=this.node.querySelectorAll(b),d=(a.set||Array)(),e=0;e<c.length;e++)d.push(v(c[e]));return d},d.asPX=function(a,b){return null==b&&(b=this.attr(a)),o(this,a,b)},d.use=function(){var a,c=this.node.id;return c||(c=this.id,b(this.node,{id:c})),a="linearGradient"==this.type||"radialGradient"==this.type||"pattern"==this.type?t(this.type,this.node.parentNode):t("use",this.node.parentNode),b(a.node,{"xlink:href":"#"+c}),a.original=this,a},d.clone=function(){var a=v(this.node.cloneNode(!0));return b(a.node,"id")&&b(a.node,{id:a.id}),e(a),a.insertAfter(this),a
-},d.toDefs=function(){var a=n(this);return a.appendChild(this.node),this},d.pattern=function(a,c,d,e){var f=t("pattern",n(this));return null==a&&(a=this.getBBox()),a&&"x"in a&&(c=a.y,d=a.width,e=a.height,a=a.x),b(f.node,{x:a,y:c,width:d,height:e,patternUnits:"userSpaceOnUse",id:f.id,viewBox:[a,c,d,e].join(" ")}),f.node.appendChild(this.node),f},d.marker=function(a,c,d,e,f,g){var h=t("marker",n(this));return null==a&&(a=this.getBBox()),a&&"x"in a&&(c=a.y,d=a.width,e=a.height,f=a.refX||a.cx,g=a.refY||a.cy,a=a.x),b(h.node,{viewBox:[a,c,d,e].join(P),markerWidth:d,markerHeight:e,orient:"auto",refX:f||0,refY:g||0,id:h.id}),h.node.appendChild(this.node),h};var i=function(a,b,c,d){"function"!=typeof c||c.length||(d=c,c=mina.linear),this.attr=a,this.dur=b,c&&(this.easing=c),d&&(this.callback=d)};a.animation=function(a,b,c,d){return new i(a,b,c,d)},d.inAnim=function(){var a=this,b=[];for(var c in a.anims)a.anims[F](c)&&function(a){b.push({anim:new i(a._attrs,a.dur,a.easing,a._callback),curStatus:a.status(),status:function(b){return a.status(b)},stop:function(){a.stop()}})}(a.anims[c]);return b},a.animate=function(a,b,c,d,e,f){"function"!=typeof e||e.length||(f=e,e=mina.linear);var g=mina.time(),h=mina(a,b,g,g+d,mina.time,c,e);return f&&eve.once("mina.finish."+h.id,f),h},d.stop=function(){for(var a=this.inAnim(),b=0,c=a.length;c>b;b++)a[b].stop();return this},d.animate=function(a,b,d,e){"function"!=typeof d||d.length||(e=d,d=mina.linear),a instanceof i&&(e=a.callback,d=a.easing,b=d.dur,a=a.attr);var g,h,j,k,l=[],m=[],n={},o=this;for(var p in a)if(a[F](p)){o.equal?(k=o.equal(p,G(a[p])),g=k.from,h=k.to,j=k.f):(g=+o.attr(p),h=+a[p]);var q=c(g,"array")?g.length:1;n[p]=f(l.length,l.length+q,j),l=l.concat(g),m=m.concat(h)}var r=mina.time(),s=mina(l,m,r,r+b,mina.time,function(a){var b={};for(var c in n)n[F](c)&&(b[c]=n[c](a));o.attr(b)},d);return o.anims[s.id]=s,s._attrs=a,s._callback=e,eve.once("mina.finish."+s.id,function(){delete o.anims[s.id],e&&e.call(o)}),eve.once("mina.stop."+s.id,function(){delete o.anims[s.id]}),o};var l={};d.data=function(b,c){var d=l[this.id]=l[this.id]||{};if(1==arguments.length){if(a.is(b,"object")){for(var e in b)b[F](e)&&this.data(e,b[e]);return this}return eve("savage.data.get."+this.id,this,d[b],b),d[b]}return d[b]=c,eve("savage.data.set."+this.id,this,c,b),this},d.removeData=function(a){return null==a?l[this.id]={}:l[this.id]&&delete l[this.id][a],this},d.toString=g(1),d.innerSVG=g()}(q.prototype),a.parse=function(a){var c=E.doc.createDocumentFragment(),d=c;return eve.on("elemental.tag",function(a,c){var e=b(a);c&&b(e,c),d.appendChild(e),d=e}),eve.on("elemental.text",function(a){d.appendChild(E.doc.createTextNode(a))}),eve.on("elemental./tag",function(){d=d.parentNode}),eve.on("elemental.eof",function(){eve.off("elemental.*"),eve("savage.parsed",c)}),elemental().parse(a).end(),new s(c)},s.prototype.select=q.prototype.select,s.prototype.selectAll=q.prototype.selectAll,a.fragment=function(){for(var b=Array.prototype.slice.call(arguments,0),c=E.doc.createDocumentFragment(),d=0,e=b.length;e>d;d++){var f=b[d];f.node&&f.node.nodeType&&c.appendChild(f.node),f.nodeType&&c.appendChild(f),"string"==typeof f&&c.appendChild(a.parse(f).node)}return new s(c)},function(a){a.el=function(a,b){return t(a,this.node).attr(b)},a.rect=function(a,b,d,e,f,g){var h=t("rect",this.node);return null==g&&(g=f),c(a,"object")&&"x"in a?h.attr(a):null!=a&&(h.attr({x:a,y:b,width:d,height:e}),null!=f&&h.attr({rx:f,ry:g})),h},a.circle=function(a,b,d){var e=t("circle",this.node);return c(a,"object")&&"cx"in a?e.attr(a):null!=a&&e.attr({cx:a,cy:b,r:d}),e},a.image=function(a,d,e,f,g){var h=t("image",this.node);if(c(a,"object")&&"src"in a)h.attr(a);else if(null!=a){var i={"xlink:href":a,preserveAspectRatio:"none"};null!=d&&null!=e&&(i.x=d,i.y=e),null!=f&&null!=g?(i.width=f,i.height=g):eb(a,function(){b(h.node,{width:this.offsetWidth,height:this.offsetHeight})}),b(h.node,i)}return h},a.ellipse=function(a,b,d,e){var f=t("ellipse",this.node);return c(a,"object")&&"cx"in a?f.attr(a):null!=a&&f.attr({cx:a,cy:b,rx:d,ry:e}),f},a.path=function(a){var b=t("path",this.node);return c(a,"object")&&!c(a,"array")?b.attr(a):a&&b.attr({d:a}),b},a.group=a.g=function(b){var c=t("g",this.node);c.add=p;for(var d in a)a[F](d)&&(c[d]=a[d]);return 1==arguments.length&&b&&!b.type?c.attr(b):arguments.length&&c.add(Array.prototype.slice.call(arguments,0)),c},a.text=function(a,b,d){var e=t("text",this.node);return c(a,"object")?e.attr(a):null!=a&&e.attr({x:a,y:b,text:d||""}),e},a.line=function(a,b,d,e){var f=t("line",this.node);return c(a,"object")?f.attr(a):null!=a&&f.attr({x1:a,x2:d,y1:b,y2:e}),f},a.polyline=function(a){arguments.length>1&&(a=Array.prototype.slice.call(arguments,0));var b=t("polyline",this.node);return c(a,"object")&&!c(a,"array")?b.attr(a):null!=a&&b.attr({points:a}),b},a.polygon=function(a){arguments.length>1&&(a=Array.prototype.slice.call(arguments,0));var b=t("polygon",this.node);return c(a,"object")&&!c(a,"array")?b.attr(a):null!=a&&b.attr({points:a}),b},function(){a.gradient=function(a){return z(this.defs,a)},a.gradientLinear=function(a,b,c,d){return A(this.defs,a,b,c,d)},a.gradientRadial=function(a,b,c,d,e){return B(this.defs,a,b,c,d,e)},a.toString=function(){var a,c=E.doc.createDocumentFragment(),d=E.doc.createElement("div"),e=this.node.cloneNode(!0);return c.appendChild(d),d.appendChild(e),b(e,{xmlns:"http://www.w3.org/2000/svg"}),a=d.innerHTML,c.removeChild(c.firstChild),a}}()}(u.prototype),a.ajax=function(a,b,d,e){var f=new XMLHttpRequest,g=bb();if(f){if(c(b,"function"))e=d,d=b,b=null;else if(c(b,"object")){var h=[];for(var i in b)b.hasOwnProperty(i)&&h.push(encodeURIComponent(i)+"="+encodeURIComponent(b[i]));b=h.join("&")}return f.open(b?"POST":"GET",a,!0),f.setRequestHeader("X-Requested-With","XMLHttpRequest"),b&&f.setRequestHeader("Content-type","application/x-www-form-urlencoded"),d&&(eve.once("savage.ajax."+g+".0",d),eve.once("savage.ajax."+g+".200",d),eve.once("savage.ajax."+g+".304",d)),f.onreadystatechange=function(){4==f.readyState&&eve("savage.ajax."+g+"."+f.status,e,f)},4==f.readyState?f:(f.send(b),f)}},a.load=function(b,c,d){a.ajax(b,function(b){var e=a.parse(b.responseText);d?c.call(d,e):c(e)})},eve.on("savage.util.attr.mask",function(a){if(a instanceof q||a instanceof s){if(eve.stop(),a instanceof s&&1==a.node.childNodes.length&&(a=a.node.firstChild,n(this).appendChild(a),a=v(a)),"mask"==a.type)var c=a;else c=t("mask",n(this)),c.node.appendChild(a.node),!c.node.id&&b(c.node,{id:c.id});b(this.node,{mask:"url(#"+c.id+")"})}}),function(a){eve.on("savage.util.attr.clip",a),eve.on("savage.util.attr.clip-path",a),eve.on("savage.util.attr.clipPath",a)}(function(a){if(a instanceof q||a instanceof s){if(eve.stop(),"clipPath"==a.type)var c=a;else c=t("clipPath",n(this)),c.node.appendChild(a.node),!c.node.id&&b(c.node,{id:c.id});b(this.node,{"clip-path":"url(#"+c.id+")"})}}),eve.on("savage.util.attr.fill",C("fill")),eve.on("savage.util.attr.stroke",C("stroke"));var nb=/^([lr])(?:\(([^)]*)\))?(.*)$/i;eve.on("savage.util.grad.parse",function(a){a=G(a);var b=a.match(nb);if(!b)return null;var c=b[1],d=b[2],e=b[3];return d=d.split(/\s*,\s*/).map(function(a){return+a==a?+a:a}),1==d.length&&0==d[0]&&(d=[]),e=e.split("-"),e=e.map(function(a){a=a.split(":");var b={color:a[0]};return a[1]&&(b.offset=a[1]),b}),{type:c,params:d,stops:e}}),eve.on("savage.util.attr.d",function(d){eve.stop(),c(d,"array")&&c(d[0],"array")&&(d=a.path.toString.call(d)),d=G(d),d.match(/[ruo]/i)&&(d=a.path.toAbsolute(d)),b(this.node,{d:d})})(-1),eve.on("savage.util.attr.#text",function(a){eve.stop(),a=G(a);for(var b=E.doc.createTextNode(a);this.node.firstChild;)this.node.removeChild(this.node.firstChild);this.node.appendChild(b)})(-1),eve.on("savage.util.attr.path",function(a){eve.stop(),this.attr({d:a})})(-1),eve.on("savage.util.attr.viewBox",function(a){var d;d=c(a,"object")&&"x"in a?[a.x,a.y,a.width,a.height].join(" "):c(a,"array")?a.join(" "):a,b(this.node,{viewBox:d}),eve.stop()})(-1),eve.on("savage.util.attr.transform",function(a){this.transform(a),eve.stop()})(-1),eve.on("savage.util.attr.r",function(a){"rect"==this.type&&(eve.stop(),b(this.node,{rx:a,ry:a}))})(-1),eve.on("savage.util.attr.text",function(a){if("text"==this.type){for(var d=this.node,e=function(a){var d=b("tspan");if(c(a,"array"))for(var f=0;f<a.length;f++)d.appendChild(e(a[f]));else d.appendChild(E.doc.createTextNode(a));return d.normalize&&d.normalize(),d};d.firstChild;)d.removeChild(d.firstChild);for(var f=e(a);f.firstChild;)d.appendChild(f.firstChild)}eve.stop()})(-1);var ob={rect:{x:0,y:0,width:0,height:0,rx:0,ry:0,"class":0},circle:{cx:0,cy:0,r:0,"class":0},ellipse:{cx:0,cy:0,rx:0,ry:0,"class":0},line:{x1:0,y1:0,x2:0,y2:0,"class":0},polyline:{points:"","class":0},polygon:{points:"","class":0},text:{x:0,y:0,dx:0,dy:0,rotate:0,textLength:0,lengthAdjust:0,"class":0},tspan:{x:0,y:0,dx:0,dy:0,rotate:0,textLength:0,lengthAdjust:0,"class":0},textPath:{"xlink:href":0,startOffset:0,method:0,spacing:0,"class":0},marker:{viewBox:0,preserveAspectRatio:0,refX:0,refY:0,markerUnits:0,markerWidth:0,markerHeight:0,orient:0,"class":0},use:{"class":0,externalResourcesRequired:0,x:0,y:0,width:0,height:0,"xlink:href":0},linearGradient:{x1:0,y1:0,x2:0,y2:0,gradientUnits:0,gradientTransform:0,spreadMethod:0,"xlink:href":0,"class":0},radialGradient:{cx:0,cy:0,r:0,fx:0,fy:0,gradientUnits:0,gradientTransform:0,spreadMethod:0,"xlink:href":0,"class":0},stop:{offset:0,"class":0},pattern:{viewBox:0,preserveAspectRatio:0,x:0,y:0,width:0,height:0,patternUnits:0,patternContentUnits:0,patternTransform:0,"xlink:href":0,"class":0},clipPath:{transform:0,clipPathUnits:0,"class":0},mask:{x:0,y:0,width:0,height:0,maskUnits:0,maskContentUnits:0,"class":0},image:{preserveAspectRatio:0,transform:0,x:0,y:0,width:0,height:0,"xlink:href":0,"class":0},path:{d:"","class":0},g:{"class":0},feDistantLight:{azimuth:0,elevation:0},fePointLight:{x:0,y:0,z:0},feSpotLight:{x:0,y:0,z:0,pointsAtX:0,pointsAtY:0,pointsAtZ:0,specularExponent:0,limitingConeAngle:0},feBlend:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,in2:0,mode:0},feColorMatrix:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,type:0,values:0},feComponentTransfer:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0},feComposite:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,in2:0,operator:0,k1:0,k2:0,k3:0,k4:0},feConvolveMatrix:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,order:0,kernelMatrix:0,divisor:0,bias:0,targetX:0,targetY:0,edgeMode:0,kernelUnitLength:0,preserveAlpha:0},feDiffuseLighting:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,surfaceScale:0,diffuseConstant:0,kernelUnitLength:0},feDisplacementMap:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,in2:0,scale:0,xChannelSelector:0,yChannelSelector:0},feFlood:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"flood-color":0,"flood-opacity":0},feGaussianBlur:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,stdDeviation:0},feImage:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,externalResourcesRequired:0,preserveAspectRatio:0,"xlink:href":0},feMerge:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0},feMergeNode:{"in":0},feMorphology:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,operator:0,radius:0},feOffset:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,dx:0,dy:0},feSpecularLighting:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,surfaceScale:0,specularConstant:0,specularExponent:0,kernelUnitLength:0},feTile:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0},feTurbulence:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,baseFrequency:0,numOctaves:0,seed:0,stitchTiles:0,type:0}};return ob.feFuncR=ob.feFuncG=ob.feFuncB=ob.feFuncA={type:0,tableValues:0,slope:0,intercept:0,amplitude:0,exponent:0,offset:0},eve.on("savage.util.attr",function(a){var b=eve.nt();b=b.substring(b.lastIndexOf(".")+1);var c=b.replace(/-(\w)/gi,function(a,b){return b.toUpperCase()});ob[F](this.type)&&ob[this.type][F](b)?null==a?this.node.removeAttribute(b):this.node.setAttribute(b,a):this.node.style[c]=null==a?O:a}),eve.on("savage.util.getattr.transform",function(){return eve.stop(),this.transform()})(-1),function(){function c(b){return function(){eve.stop();var c=E.doc.defaultView.getComputedStyle(this.node,null).getPropertyValue("marker-"+b);return"none"==c?c:a(E.doc.getElementById(c.match(T)[1]))}}function d(a){return function(c){eve.stop();var d="marker"+a.charAt(0).toUpperCase()+a.substring(1);if(""==c||!c)return this.node.style[d]="none",void 0;if("marker"==c.type){var e=c.node.id;return e||b(c.node,{id:c.id}),this.node.style[d]="url(#"+e+")",void 0}}}eve.on("savage.util.getattr.marker-end",c("end"))(-1),eve.on("savage.util.getattr.markerEnd",c("end"))(-1),eve.on("savage.util.getattr.marker-start",c("start"))(-1),eve.on("savage.util.getattr.markerStart",c("start"))(-1),eve.on("savage.util.getattr.marker-mid",c("mid"))(-1),eve.on("savage.util.getattr.markerMid",c("mid"))(-1),eve.on("savage.util.attr.marker-end",d("end"))(-1),eve.on("savage.util.attr.markerEnd",d("end"))(-1),eve.on("savage.util.attr.marker-start",d("start"))(-1),eve.on("savage.util.attr.markerStart",d("start"))(-1),eve.on("savage.util.attr.marker-mid",d("mid"))(-1),eve.on("savage.util.attr.markerMid",d("mid"))(-1)}(),eve.on("savage.util.getattr.r",function(){return"rect"==this.type&&b(this.node,"rx")==b(this.node,"ry")?(eve.stop(),b(this.node,"rx")):void 0})(-1),eve.on("savage.util.getattr.text",function(){if("text"==this.type||"tspan"==this.type){eve.stop();var a=D(this.node);return 1==a.length?a[0]:a}})(-1),eve.on("savage.util.getattr.#text",function(){return this.node.textContent})(-1),eve.on("savage.util.getattr.viewBox",function(){eve.stop();var c=b(this.node,"viewBox").split(V);return a._.box(+c[0],+c[1],+c[2],+c[3])})(-1),eve.on("savage.util.getattr.points",function(){var a=b(this.node,"points");return eve.stop(),a.split(V)}),eve.on("savage.util.getattr.path",function(){var a=b(this.node,"d");return eve.stop(),a}),eve.on("savage.util.getattr",function(){var a=eve.nt();a=a.substring(a.lastIndexOf(".")+1);var b=a.replace(/-(\w)/gi,function(a,b){return b.toUpperCase()});return ob[F](this.type)&&ob[this.type][F](a)?this.node.getAttribute(a):E.doc.defaultView.getComputedStyle(this.node,null).getPropertyValue(b)}),a.plugin=function(b){b(a,q,u,E)},a}();Savage.plugin(function(a,b){function c(a){var b=c.ps=c.ps||{};return b[a]?b[a].sleep=100:b[a]={sleep:100},setTimeout(function(){for(var c in b)b[L](c)&&c!=a&&(b[c].sleep--,!b[c].sleep&&delete b[c])}),b[a]}function d(a,b,c,d){return null==a&&(a=b=c=d=0),null==b&&(b=a.y,c=a.width,d=a.height,a=a.x),{x:a,y:b,width:c,w:c,height:d,h:d,x2:a+c,y2:b+d,cx:a+c/2,cy:b+d/2,r1:O.min(c,d)/2,r2:O.max(c,d)/2,r0:O.sqrt(c*c+d*d)/2,path:w(a,b,c,d),vb:[a,b,c,d].join(" ")}}function e(){return this.join(",").replace(M,"$1")}function f(a){var b=K(a);return b.toString=e,b}function g(a,b,c,d,e,f,g,h,j){return null==j?n(a,b,c,d,e,f,g,h):i(a,b,c,d,e,f,g,h,o(a,b,c,d,e,f,g,h,j))}function h(c,d){function e(a){return+(+a).toFixed(3)}return a._.cacher(function(a,f,h){a instanceof b&&(a=a.attr("d")),a=F(a);for(var j,k,l,m,n,o="",p={},q=0,r=0,s=a.length;s>r;r++){if(l=a[r],"M"==l[0])j=+l[1],k=+l[2];else{if(m=g(j,k,l[1],l[2],l[3],l[4],l[5],l[6]),q+m>f){if(d&&!p.start){if(n=g(j,k,l[1],l[2],l[3],l[4],l[5],l[6],f-q),o+=["C"+e(n.start.x),e(n.start.y),e(n.m.x),e(n.m.y),e(n.x),e(n.y)],h)return o;p.start=o,o=["M"+e(n.x),e(n.y)+"C"+e(n.n.x),e(n.n.y),e(n.end.x),e(n.end.y),e(l[5]),e(l[6])].join(),q+=m,j=+l[5],k=+l[6];continue}if(!c&&!d)return n=g(j,k,l[1],l[2],l[3],l[4],l[5],l[6],f-q)}q+=m,j=+l[5],k=+l[6]}o+=l.shift()+l}return p.end=o,n=c?q:d?p:i(j,k,l[0],l[1],l[2],l[3],l[4],l[5],1)},null,a._.clone)}function i(a,b,c,d,e,f,g,h,i){var j=1-i,k=S(j,3),l=S(j,2),m=i*i,n=m*i,o=k*a+3*l*i*c+3*j*i*i*e+n*g,p=k*b+3*l*i*d+3*j*i*i*f+n*h,q=a+2*i*(c-a)+m*(e-2*c+a),r=b+2*i*(d-b)+m*(f-2*d+b),s=c+2*i*(e-c)+m*(g-2*e+c),t=d+2*i*(f-d)+m*(h-2*f+d),u=j*a+i*c,v=j*b+i*d,w=j*e+i*g,x=j*f+i*h,y=90-180*O.atan2(q-s,r-t)/P;return{x:o,y:p,m:{x:q,y:r},n:{x:s,y:t},start:{x:u,y:v},end:{x:w,y:x},alpha:y}}function j(b,c,e,f,g,h,i,j){a.is(b,"array")||(b=[b,c,e,f,g,h,i,j]);var k=E.apply(null,b);return d(k.min.x,k.min.y,k.max.x-k.min.x,k.max.y-k.min.y)}function k(a,b,c){return b>=a.x&&b<=a.x+a.width&&c>=a.y&&c<=a.y+a.height}function l(a,b){return a=d(a),b=d(b),k(b,a.x,a.y)||k(b,a.x2,a.y)||k(b,a.x,a.y2)||k(b,a.x2,a.y2)||k(a,b.x,b.y)||k(a,b.x2,b.y)||k(a,b.x,b.y2)||k(a,b.x2,b.y2)||(a.x<b.x2&&a.x>b.x||b.x<a.x2&&b.x>a.x)&&(a.y<b.y2&&a.y>b.y||b.y<a.y2&&b.y>a.y)}function m(a,b,c,d,e){var f=-3*b+9*c-9*d+3*e,g=a*f+6*b-12*c+6*d;return a*g-3*b+3*c}function n(a,b,c,d,e,f,g,h,i){null==i&&(i=1),i=i>1?1:0>i?0:i;for(var j=i/2,k=12,l=[-.1252,.1252,-.3678,.3678,-.5873,.5873,-.7699,.7699,-.9041,.9041,-.9816,.9816],n=[.2491,.2491,.2335,.2335,.2032,.2032,.1601,.1601,.1069,.1069,.0472,.0472],o=0,p=0;k>p;p++){var q=j*l[p]+j,r=m(q,a,c,e,g),s=m(q,b,d,f,h),t=r*r+s*s;o+=n[p]*O.sqrt(t)}return j*o}function o(a,b,c,d,e,f,g,h,i){if(!(0>i||n(a,b,c,d,e,f,g,h)<i)){var j,k=1,l=k/2,m=k-l,o=.01;for(j=n(a,b,c,d,e,f,g,h,m);T(j-i)>o;)l/=2,m+=(i>j?1:-1)*l,j=n(a,b,c,d,e,f,g,h,m);return m}}function p(a,b,c,d,e,f,g,h){if(!(R(a,c)<Q(e,g)||Q(a,c)>R(e,g)||R(b,d)<Q(f,h)||Q(b,d)>R(f,h))){var i=(a*d-b*c)*(e-g)-(a-c)*(e*h-f*g),j=(a*d-b*c)*(f-h)-(b-d)*(e*h-f*g),k=(a-c)*(f-h)-(b-d)*(e-g);if(k){var l=i/k,m=j/k,n=+l.toFixed(2),o=+m.toFixed(2);if(!(n<+Q(a,c).toFixed(2)||n>+R(a,c).toFixed(2)||n<+Q(e,g).toFixed(2)||n>+R(e,g).toFixed(2)||o<+Q(b,d).toFixed(2)||o>+R(b,d).toFixed(2)||o<+Q(f,h).toFixed(2)||o>+R(f,h).toFixed(2)))return{x:l,y:m}}}}function q(a,b,c){var d=j(a),e=j(b);if(!l(d,e))return c?0:[];for(var f=n.apply(0,a),g=n.apply(0,b),h=~~(f/5),k=~~(g/5),m=[],o=[],q={},r=c?0:[],s=0;h+1>s;s++){var t=i.apply(0,a.concat(s/h));m.push({x:t.x,y:t.y,t:s/h})}for(s=0;k+1>s;s++)t=i.apply(0,b.concat(s/k)),o.push({x:t.x,y:t.y,t:s/k});for(s=0;h>s;s++)for(var u=0;k>u;u++){var v=m[s],w=m[s+1],x=o[u],y=o[u+1],z=T(w.x-v.x)<.001?"y":"x",A=T(y.x-x.x)<.001?"y":"x",B=p(v.x,v.y,w.x,w.y,x.x,x.y,y.x,y.y);if(B){if(q[B.x.toFixed(4)]==B.y.toFixed(4))continue;q[B.x.toFixed(4)]=B.y.toFixed(4);var C=v.t+T((B[z]-v[z])/(w[z]-v[z]))*(w.t-v.t),D=x.t+T((B[A]-x[A])/(y[A]-x[A]))*(y.t-x.t);C>=0&&1>=C&&D>=0&&1>=D&&(c?r++:r.push({x:B.x,y:B.y,t1:C,t2:D}))}}return r}function r(a,b){return t(a,b)}function s(a,b){return t(a,b,1)}function t(a,b,c){a=F(a),b=F(b);for(var d,e,f,g,h,i,j,k,l,m,n=c?0:[],o=0,p=a.length;p>o;o++){var r=a[o];if("M"==r[0])d=h=r[1],e=i=r[2];else{"C"==r[0]?(l=[d,e].concat(r.slice(1)),d=l[6],e=l[7]):(l=[d,e,d,e,h,i,h,i],d=h,e=i);for(var s=0,t=b.length;t>s;s++){var u=b[s];if("M"==u[0])f=j=u[1],g=k=u[2];else{"C"==u[0]?(m=[f,g].concat(u.slice(1)),f=m[6],g=m[7]):(m=[f,g,f,g,j,k,j,k],f=j,g=k);var v=q(l,m,c);if(c)n+=v;else{for(var w=0,x=v.length;x>w;w++)v[w].segment1=o,v[w].segment2=s,v[w].bez1=l,v[w].bez2=m;n=n.concat(v)}}}}}return n}function u(a,b,c){var d=v(a);return k(d,b,c)&&1==t(a,[["M",b,c],["H",d.x2+10]],1)%2}function v(a){var b=c(a);if(b.bbox)return K(b.bbox);if(!a)return d();a=F(a);for(var e,f=0,g=0,h=[],i=[],j=0,k=a.length;k>j;j++)if(e=a[j],"M"==e[0])f=e[1],g=e[2],h.push(f),i.push(g);else{var l=E(f,g,e[1],e[2],e[3],e[4],e[5],e[6]);h=h.concat(l.min.x,l.max.x),i=i.concat(l.min.y,l.max.y),f=e[5],g=e[6]}var m=Q.apply(0,h),n=Q.apply(0,i),o=R.apply(0,h),p=R.apply(0,i),q=d(m,n,o-m,p-n);return b.bbox=K(q),q}function w(a,b,c,d,f){if(f)return[["M",a+f,b],["l",c-2*f,0],["a",f,f,0,0,1,f,f],["l",0,d-2*f],["a",f,f,0,0,1,-f,f],["l",2*f-c,0],["a",f,f,0,0,1,-f,-f],["l",0,2*f-d],["a",f,f,0,0,1,f,-f],["z"]];var g=[["M",a,b],["l",c,0],["l",0,d],["l",-c,0],["z"]];return g.toString=e,g}function x(a,b,c,d,f){if(null==f&&null==d&&(d=c),null!=f)var g=Math.PI/180,h=a+c*Math.cos(-d*g),i=a+c*Math.cos(-f*g),j=b+c*Math.sin(-d*g),k=b+c*Math.sin(-f*g),l=[["M",h,j],["A",c,c,0,+(f-d>180),0,i,k]];else l=[["M",a,b],["m",0,-d],["a",c,d,0,1,1,0,2*d],["a",c,d,0,1,1,0,-2*d],["z"]];return l.toString=e,l}function y(b){var d=c(b),g=String.prototype.toLowerCase;if(d.rel)return f(d.rel);a.is(b,"array")&&a.is(b&&b[0],"array")||(b=a.parsePathString(b));var h=[],i=0,j=0,k=0,l=0,m=0;"M"==b[0][0]&&(i=b[0][1],j=b[0][2],k=i,l=j,m++,h.push(["M",i,j]));for(var n=m,o=b.length;o>n;n++){var p=h[n]=[],q=b[n];if(q[0]!=g.call(q[0]))switch(p[0]=g.call(q[0]),p[0]){case"a":p[1]=q[1],p[2]=q[2],p[3]=q[3],p[4]=q[4],p[5]=q[5],p[6]=+(q[6]-i).toFixed(3),p[7]=+(q[7]-j).toFixed(3);break;case"v":p[1]=+(q[1]-j).toFixed(3);break;case"m":k=q[1],l=q[2];default:for(var r=1,s=q.length;s>r;r++)p[r]=+(q[r]-(r%2?i:j)).toFixed(3)}else{p=h[n]=[],"m"==q[0]&&(k=q[1]+i,l=q[2]+j);for(var t=0,u=q.length;u>t;t++)h[n][t]=q[t]}var v=h[n].length;switch(h[n][0]){case"z":i=k,j=l;break;case"h":i+=+h[n][v-1];break;case"v":j+=+h[n][v-1];break;default:i+=+h[n][v-2],j+=+h[n][v-1]}}return h.toString=e,d.rel=f(h),h}function z(b){var d=c(b);if(d.abs)return f(d.abs);if(J(b,"array")&&J(b&&b[0],"array")||(b=a.parsePathString(b)),!b||!b.length)return[["M",0,0]];var g,h=[],i=0,j=0,k=0,l=0,m=0;"M"==b[0][0]&&(i=+b[0][1],j=+b[0][2],k=i,l=j,m++,h[0]=["M",i,j]);for(var n,o,p=3==b.length&&"M"==b[0][0]&&"R"==b[1][0].toUpperCase()&&"Z"==b[2][0].toUpperCase(),q=m,r=b.length;r>q;q++){if(h.push(n=[]),o=b[q],g=o[0],g!=g.toUpperCase())switch(n[0]=g.toUpperCase(),n[0]){case"A":n[1]=o[1],n[2]=o[2],n[3]=o[3],n[4]=o[4],n[5]=o[5],n[6]=+(o[6]+i),n[7]=+(o[7]+j);break;case"V":n[1]=+o[1]+j;break;case"H":n[1]=+o[1]+i;break;case"R":for(var s=[i,j].concat(o.slice(1)),t=2,u=s.length;u>t;t++)s[t]=+s[t]+i,s[++t]=+s[t]+j;h.pop(),h=h.concat(H(s,p));break;case"O":h.pop(),s=x(i,j,o[1],o[2]),s.push(s[0]),h=h.concat(s);break;case"U":h.pop(),h=h.concat(x(i,j,o[1],o[2],o[3])),n=["U"].concat(h[h.length-1].slice(-2));break;case"M":k=+o[1]+i,l=+o[2]+j;default:for(t=1,u=o.length;u>t;t++)n[t]=+o[t]+(t%2?i:j)}else if("R"==g)s=[i,j].concat(o.slice(1)),h.pop(),h=h.concat(H(s,p)),n=["R"].concat(o.slice(-2));else if("O"==g)h.pop(),s=x(i,j,o[1],o[2]),s.push(s[0]),h=h.concat(s);else if("U"==g)h.pop(),h=h.concat(x(i,j,o[1],o[2],o[3])),n=["U"].concat(h[h.length-1].slice(-2));else for(var v=0,w=o.length;w>v;v++)n[v]=o[v];if(g=g.toUpperCase(),"O"!=g)switch(n[0]){case"Z":i=k,j=l;break;case"H":i=n[1];break;case"V":j=n[1];break;case"M":k=n[n.length-2],l=n[n.length-1];default:i=n[n.length-2],j=n[n.length-1]}}return h.toString=e,d.abs=f(h),h}function A(a,b,c,d){return[a,b,c,d,c,d]}function B(a,b,c,d,e,f){var g=1/3,h=2/3;return[g*a+h*c,g*b+h*d,g*e+h*c,g*f+h*d,e,f]}function C(b,c,d,e,f,g,h,i,j,k){var l,m=120*P/180,n=P/180*(+f||0),o=[],p=a._.cacher(function(a,b,c){var d=a*O.cos(c)-b*O.sin(c),e=a*O.sin(c)+b*O.cos(c);return{x:d,y:e}});if(k)y=k[0],z=k[1],w=k[2],x=k[3];else{l=p(b,c,-n),b=l.x,c=l.y,l=p(i,j,-n),i=l.x,j=l.y;var q=(O.cos(P/180*f),O.sin(P/180*f),(b-i)/2),r=(c-j)/2,s=q*q/(d*d)+r*r/(e*e);s>1&&(s=O.sqrt(s),d=s*d,e=s*e);var t=d*d,u=e*e,v=(g==h?-1:1)*O.sqrt(T((t*u-t*r*r-u*q*q)/(t*r*r+u*q*q))),w=v*d*r/e+(b+i)/2,x=v*-e*q/d+(c+j)/2,y=O.asin(((c-x)/e).toFixed(9)),z=O.asin(((j-x)/e).toFixed(9));y=w>b?P-y:y,z=w>i?P-z:z,0>y&&(y=2*P+y),0>z&&(z=2*P+z),h&&y>z&&(y-=2*P),!h&&z>y&&(z-=2*P)}var A=z-y;if(T(A)>m){var B=z,D=i,E=j;z=y+m*(h&&z>y?1:-1),i=w+d*O.cos(z),j=x+e*O.sin(z),o=C(i,j,d,e,f,0,h,D,E,[z,B,w,x])}A=z-y;var F=O.cos(y),G=O.sin(y),H=O.cos(z),I=O.sin(z),J=O.tan(A/4),K=4/3*d*J,L=4/3*e*J,M=[b,c],N=[b+K*G,c-L*F],Q=[i+K*I,j-L*H],R=[i,j];if(N[0]=2*M[0]-N[0],N[1]=2*M[1]-N[1],k)return[N,Q,R].concat(o);o=[N,Q,R].concat(o).join().split(",");for(var S=[],U=0,V=o.length;V>U;U++)S[U]=U%2?p(o[U-1],o[U],n).y:p(o[U],o[U+1],n).x;return S}function D(a,b,c,d,e,f,g,h,i){var j=1-i;return{x:S(j,3)*a+3*S(j,2)*i*c+3*j*i*i*e+S(i,3)*g,y:S(j,3)*b+3*S(j,2)*i*d+3*j*i*i*f+S(i,3)*h}}function E(a,b,c,d,e,f,g,h){var i,j=e-2*c+a-(g-2*e+c),k=2*(c-a)-2*(e-c),l=a-c,m=(-k+O.sqrt(k*k-4*j*l))/2/j,n=(-k-O.sqrt(k*k-4*j*l))/2/j,o=[b,h],p=[a,g];return T(m)>"1e12"&&(m=.5),T(n)>"1e12"&&(n=.5),m>0&&1>m&&(i=D(a,b,c,d,e,f,g,h,m),p.push(i.x),o.push(i.y)),n>0&&1>n&&(i=D(a,b,c,d,e,f,g,h,n),p.push(i.x),o.push(i.y)),j=f-2*d+b-(h-2*f+d),k=2*(d-b)-2*(f-d),l=b-d,m=(-k+O.sqrt(k*k-4*j*l))/2/j,n=(-k-O.sqrt(k*k-4*j*l))/2/j,T(m)>"1e12"&&(m=.5),T(n)>"1e12"&&(n=.5),m>0&&1>m&&(i=D(a,b,c,d,e,f,g,h,m),p.push(i.x),o.push(i.y)),n>0&&1>n&&(i=D(a,b,c,d,e,f,g,h,n),p.push(i.x),o.push(i.y)),{min:{x:Q.apply(0,p),y:Q.apply(0,o)},max:{x:R.apply(0,p),y:R.apply(0,o)}}}function F(a,b){var d=!b&&c(a);if(!b&&d.curve)return f(d.curve);for(var e=z(a),g=b&&z(b),h={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},i={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},j=(function(a,b){var c,d;if(!a)return["C",b.x,b.y,b.x,b.y,b.x,b.y];switch(!(a[0]in{T:1,Q:1})&&(b.qx=b.qy=null),a[0]){case"M":b.X=a[1],b.Y=a[2];break;case"A":a=["C"].concat(C.apply(0,[b.x,b.y].concat(a.slice(1))));break;case"S":c=b.x+(b.x-(b.bx||b.x)),d=b.y+(b.y-(b.by||b.y)),a=["C",c,d].concat(a.slice(1));break;case"T":b.qx=b.x+(b.x-(b.qx||b.x)),b.qy=b.y+(b.y-(b.qy||b.y)),a=["C"].concat(B(b.x,b.y,b.qx,b.qy,a[1],a[2]));break;case"Q":b.qx=a[1],b.qy=a[2],a=["C"].concat(B(b.x,b.y,a[1],a[2],a[3],a[4]));break;case"L":a=["C"].concat(A(b.x,b.y,a[1],a[2]));break;case"H":a=["C"].concat(A(b.x,b.y,a[1],b.y));break;case"V":a=["C"].concat(A(b.x,b.y,b.x,a[1]));break;case"Z":a=["C"].concat(A(b.x,b.y,b.X,b.Y))}return a}),k=function(a,b){if(a[b].length>7){a[b].shift();for(var c=a[b];c.length;)a.splice(b++,0,["C"].concat(c.splice(0,6)));a.splice(b,1),n=R(e.length,g&&g.length||0)}},l=function(a,b,c,d,f){a&&b&&"M"==a[f][0]&&"M"!=b[f][0]&&(b.splice(f,0,["M",d.x,d.y]),c.bx=0,c.by=0,c.x=a[f][1],c.y=a[f][2],n=R(e.length,g&&g.length||0))},m=0,n=R(e.length,g&&g.length||0);n>m;m++){e[m]=j(e[m],h),k(e,m),g&&(g[m]=j(g[m],i)),g&&k(g,m),l(e,g,h,i,m),l(g,e,i,h,m);var o=e[m],p=g&&g[m],q=o.length,r=g&&p.length;h.x=o[q-2],h.y=o[q-1],h.bx=N(o[q-4])||h.x,h.by=N(o[q-3])||h.y,i.bx=g&&(N(p[r-4])||i.x),i.by=g&&(N(p[r-3])||i.y),i.x=g&&p[r-2],i.y=g&&p[r-1]}return g||(d.curve=f(e)),g?[e,g]:e}function G(a,b){if(!b)return a;var c,d,e,f,g,h,i;for(a=F(a),e=0,g=a.length;g>e;e++)for(i=a[e],f=1,h=i.length;h>f;f+=2)c=b.x(i[f],i[f+1]),d=b.y(i[f],i[f+1]),i[f]=c,i[f+1]=d;return a}function H(a,b){for(var c=[],d=0,e=a.length;e-2*!b>d;d+=2){var f=[{x:+a[d-2],y:+a[d-1]},{x:+a[d],y:+a[d+1]},{x:+a[d+2],y:+a[d+3]},{x:+a[d+4],y:+a[d+5]}];b?d?e-4==d?f[3]={x:+a[0],y:+a[1]}:e-2==d&&(f[2]={x:+a[0],y:+a[1]},f[3]={x:+a[2],y:+a[3]}):f[0]={x:+a[e-2],y:+a[e-1]}:e-4==d?f[3]=f[2]:d||(f[0]={x:+a[d],y:+a[d+1]}),c.push(["C",(-f[0].x+6*f[1].x+f[2].x)/6,(-f[0].y+6*f[1].y+f[2].y)/6,(f[1].x+6*f[2].x-f[3].x)/6,(f[1].y+6*f[2].y-f[3].y)/6,f[2].x,f[2].y])}return c}var I=b.prototype,J=a.is,K=a._.clone,L="hasOwnProperty",M=/,?([a-z]),?/gi,N=parseFloat,O=Math,P=O.PI,Q=O.min,R=O.max,S=O.pow,T=O.abs,U=h(1),V=h(),W=h(0,1),X=a._unit2px,Y={path:function(a){return a.attr("path")},circle:function(a){var b=X(a);return x(b.cx,b.cy,b.r)},ellipse:function(a){var b=X(a);return x(b.cx,b.cy,b.rx,b.ry)},rect:function(a){var b=X(a);return w(b.x,b.y,b.width,b.height,b.rx,b.ry)},image:function(a){var b=X(a);return w(b.x,b.y,b.width,b.height)},text:function(a){var b=a.node.getBBox();return w(b.x,b.y,b.width,b.height)},g:function(a){var b=a.node.getBBox();return w(b.x,b.y,b.width,b.height)},symbol:function(a){var b=a.getBBox();return w(b.x,b.y,b.width,b.height)}};a.path=c,a.path.getTotalLength=U,a.path.getPointAtLength=V,a.path.getSubpath=function(a,b,c){if(this.getTotalLength(a)-c<1e-6)return W(a,b).end;var d=W(a,c,1);return b?W(d,b).end:d},I.getTotalLength=function(){return this.node.getTotalLength?this.node.getTotalLength():void 0},I.getPointAtLength=function(a){return V(this.attr("d"),a)},I.getSubpath=function(b,c){return a.path.getSubpath(this.attr("d"),b,c)},a._.box=d,a.path.findDotsAtSegment=i,a.path.bezierBBox=j,a.path.isPointInsideBBox=k,a.path.isBBoxIntersect=l,a.path.intersection=r,a.path.intersectionNumber=s,a.path.isPointInside=u,a.path.getBBox=v,a.path.get=Y,a.path.toRelative=y,a.path.toAbsolute=z,a.path.toCubic=F,a.path.map=G,a.path.toString=e,a.path.clone=f}),Savage.plugin(function(a){var b=Math.max,c=Math.min,d=function(a){if(this.items=[],this.length=0,this.type="set",a)for(var b=0,c=a.length;c>b;b++)a[b]&&(this[this.items.length]=this.items[this.items.length]=a[b],this.length++)},e=d.prototype;e.push=function(){for(var a,b,c=0,d=arguments.length;d>c;c++)a=arguments[c],a&&(b=this.items.length,this[b]=this.items[b]=a,this.length++);return this},e.pop=function(){return this.length&&delete this[this.length--],this.items.pop()},e.forEach=function(a,b){for(var c=0,d=this.items.length;d>c;c++)if(a.call(b,this.items[c],c)===!1)return this;return this},e.attr=function(a){for(var b=0,c=this.items.length;c>b;b++)this.items[b].attr(a);return this},e.clear=function(){for(;this.length;)this.pop()},e.splice=function(a,e){a=0>a?b(this.length+a,0):a,e=b(0,c(this.length-a,e));var f,g=[],h=[],i=[];for(f=2;f<arguments.length;f++)i.push(arguments[f]);for(f=0;e>f;f++)h.push(this[a+f]);for(;f<this.length-a;f++)g.push(this[a+f]);var j=i.length;for(f=0;f<j+g.length;f++)this.items[a+f]=this[a+f]=j>f?i[f]:g[f-j];for(f=this.items.length=this.length-=e-j;this[f];)delete this[f++];return new d(h)},e.exclude=function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]==a)return this.splice(b,1),!0;return!1},e.insertAfter=function(a){for(var b=this.items.length;b--;)this.items[b].insertAfter(a);return this},e.getBBox=function(){for(var a=[],d=[],e=[],f=[],g=this.items.length;g--;)if(!this.items[g].removed){var h=this.items[g].getBBox();a.push(h.x),d.push(h.y),e.push(h.x+h.width),f.push(h.y+h.height)}return a=c.apply(0,a),d=c.apply(0,d),e=b.apply(0,e),f=b.apply(0,f),{x:a,y:d,x2:e,y2:f,width:e-a,height:f-d,cx:a+(e-a)/2,cy:d+(f-d)/2}},e.clone=function(a){a=new d;for(var b=0,c=this.items.length;c>b;b++)a.push(this.items[b].clone());return a},e.toString=function(){return"Savage‘s set"},e.type="set",a.set=function(){var a=new d;return arguments.length&&a.push.apply(a,Array.prototype.slice.call(arguments,0)),a}}),Savage.plugin(function(a,b){function c(a){var b=a[0];switch(b.toLowerCase()){case"t":return[b,0,0];case"m":return[b,1,0,0,1,0,0];case"r":return 4==a.length?[b,0,a[2],a[3]]:[b,0];case"s":return 5==a.length?[b,1,1,a[3],a[4]]:3==a.length?[b,1,1]:[b,1]}}function d(b,d){d=l(d).replace(/\.{3}|\u2026/g,b),b=a.parseTransformString(b)||[],d=a.parseTransformString(d)||[];for(var e,f,g,j,k=Math.max(b.length,d.length),m=[],n=[],o=0;k>o;o++){if(g=b[o]||c(d[o]),j=d[o]||c(g),g[0]!=j[0]||"r"==g[0].toLowerCase()&&(g[2]!=j[2]||g[3]!=j[3])||"s"==g[0].toLowerCase()&&(g[3]!=j[3]||g[4]!=j[4]))return;for(m[o]=[],n[o]=[],e=0,f=Math.max(g.length,j.length);f>e;e++)e in g&&(m[o][e]=g[e]),e in j&&(n[o][e]=j[e])}return{from:i(m),to:i(n),f:h(m)}}function e(a){return a}function f(a){return function(b){return+b.toFixed(3)+a}}function g(b){return a.rgb(b[0],b[1],b[2])}function h(a){var b,c,d,e,f,g,h=0,i=[];for(b=0,c=a.length;c>b;b++){for(f="[",g=['"'+a[b][0]+'"'],d=1,e=a[b].length;e>d;d++)g[d]="val["+h++ +"]";f+=g+"]",i[b]=f}return Function("val","return Savage.path.toString.call(["+i+"])")}function i(a){for(var b=[],c=0,d=a.length;d>c;c++)for(var e=1,f=a[c].length;f>e;e++)b.push(a[c][e]);return b}var j={},k=/[a-z]+$/i,l=String;j.stroke=j.fill="colour",b.prototype.equal=function(b,c){var m,n,o=l(this.attr(b)||"");if(o==+o&&c==+c)return{from:+o,to:+c,f:e};if("colour"==j[b])return m=a.color(o),n=a.color(c),{from:[m.r,m.g,m.b,m.opacity],to:[n.r,n.g,n.b,n.opacity],f:g};if("transform"==b||"gradientTransform"==b||"patternTransform"==b)return d(o,c);if("d"==b||"path"==b)return m=a.path.toCubic(o,c),{from:i(m[0]),to:i(m[1]),f:h(m[0])};var p=o.match(k),q=c.match(k);return p&&p==q?{from:parseFloat(o),to:parseFloat(c),f:f(p)}:{from:this.asPX(b),to:this.asPX(b,c),f:e}}}),Savage.plugin(function(a,b,c,d){for(var e=b.prototype,f="hasOwnProperty",g=("createTouch"in d.doc),h=["click","dblclick","mousedown","mousemove","mouseout","mouseover","mouseup","touchstart","touchmove","touchend","touchcancel"],i={mousedown:"touchstart",mousemove:"touchmove",mouseup:"touchend"},j=function(a){var b="y"==a?"scrollTop":"scrollLeft";
-return d.doc.documentElement[b]||d.doc.body[b]},k=function(){this.returnValue=!1},l=function(){return this.originalEvent.preventDefault()},m=function(){this.cancelBubble=!0},n=function(){return this.originalEvent.stopPropagation()},o=function(){return d.doc.addEventListener?function(a,b,c,d){var e=g&&i[b]?i[b]:b,h=function(e){var h=j("y"),k=j("x"),m=e.clientX+k,o=e.clientY+h;if(g&&i[f](b))for(var p=0,q=e.targetTouches&&e.targetTouches.length;q>p;p++)if(e.targetTouches[p].target==a){var r=e;e=e.targetTouches[p],e.originalEvent=r,e.preventDefault=l,e.stopPropagation=n;break}return c.call(d,e,m,o)};return a.addEventListener(e,h,!1),function(){return a.removeEventListener(e,h,!1),!0}}:d.doc.attachEvent?function(a,b,c,e){var f=function(a){a=a||d.win.event;var b=j("y"),f=j("x"),g=a.clientX+f,h=a.clientY+b;return a.preventDefault=a.preventDefault||k,a.stopPropagation=a.stopPropagation||m,c.call(e,a,g,h)};a.attachEvent("on"+b,f);var g=function(){return a.detachEvent("on"+b,f),!0};return g}:void 0}(),p=[],q=function(b){for(var c,d=b.clientX,e=b.clientY,f=j("y"),h=j("x"),i=p.length;i--;){if(c=p[i],g){for(var k,l=b.touches.length;l--;)if(k=b.touches[l],k.identifier==c.el._drag.id){d=k.clientX,e=k.clientY,(b.originalEvent?b.originalEvent:b).preventDefault();break}}else b.preventDefault();var m=c.el.node;a._.glob,m.nextSibling,m.parentNode,m.style.display,d+=h,e+=f,eve("savage.drag.move."+c.el.id,c.move_scope||c.el,d-c.el._drag.x,e-c.el._drag.y,d,e,b)}},r=function(b){a.unmousemove(q).unmouseup(r);for(var c,d=p.length;d--;)c=p[d],c.el._drag={},eve("savage.drag.end."+c.el.id,c.end_scope||c.start_scope||c.move_scope||c.el,b);p=[]},s=h.length;s--;)!function(b){a[b]=e[b]=function(c,e){return a.is(c,"function")&&(this.events=this.events||[],this.events.push({name:b,f:c,unbind:o(this.shape||this.node||d.doc,b,c,e||this)})),this},a["un"+b]=e["un"+b]=function(a){for(var c=this.events||[],d=c.length;d--;)if(c[d].name==b&&(c[d].f==a||!a))return c[d].unbind(),c.splice(d,1),!c.length&&delete this.events,this;return this}}(h[s]);e.hover=function(a,b,c,d){return this.mouseover(a,c).mouseout(b,d||c)},e.unhover=function(a,b){return this.unmouseover(a).unmouseout(b)};var t=[];e.drag=function(b,c,d,e,f,g){function h(h){(h.originalEvent||h).preventDefault();var i=j("y"),k=j("x");this._drag.x=h.clientX+k,this._drag.y=h.clientY+i,this._drag.id=h.identifier,!p.length&&a.mousemove(q).mouseup(r),p.push({el:this,move_scope:e,start_scope:f,end_scope:g}),c&&eve.on("savage.drag.start."+this.id,c),b&&eve.on("savage.drag.move."+this.id,b),d&&eve.on("savage.drag.end."+this.id,d),eve("savage.drag.start."+this.id,f||e||this,h.clientX+k,h.clientY+i,h)}if(!arguments.length){var i;return this.drag(function(a,b){this.attr({transform:i+(i?"T":"t")+[a,b]})},function(){i=this.transform().local})}return this._drag={},t.push({el:this,start:h}),this.mousedown(h),this},e.undrag=function(){for(var b=t.length;b--;)t[b].el==this&&(this.unmousedown(t[b].start),t.splice(b,1),eve.unbind("savage.drag.*."+this.id));return!t.length&&a.unmousemove(q).unmouseup(r),this}}),Savage.plugin(function(a,b,c){var d=(b.prototype,c.prototype),e=/^\s*url\((.+)\)/,f=String,g=a._.$;a.filter={},d.filter=function(c){var d=a.parse(f(c)),e=a._.id(),h=this.node.offsetWidth,i=this.node.offsetHeight,j=g("filter");return g(j,{id:e,filterUnits:"userSpaceOnUse",x:0,y:0,width:h,height:i}),j.appendChild(d.node),this.defs.appendChild(j),new b(j)},eve.on("savage.util.getattr.filter",function(){eve.stop();var b=g(this.node,"filter");if(b){var c=f(b).match(e);return c&&a.select(c[1])}}),eve.on("savage.util.attr.filter",function(a){if(a instanceof b&&"filter"==a.type){eve.stop();var c=a.node.id;c||(g(a.node,{id:a.id}),c=a.id),g(this.node,{filter:"url(#"+c+")"})}a&&"none"!=a||(eve.stop(),this.node.removeAttribute("filter"))}),a.filter.blur=function(b,c){null==b&&(b=2);var d=null==c?b:[b,c];return a.format('<feGaussianBlur stdDeviation="{def}"/>',{def:d})},a.filter.blur.toString=function(){return this()},a.filter.shadow=function(b,c,d,e){return e=e||"#000",null==d&&(d=4),"string"==typeof d&&(e=d,d=4),null==b&&(b=0,c=2),null==c&&(c=b),e=a.color(e),a.format('<feGaussianBlur in="SourceAlpha" stdDeviation="{blur}"/><feOffset dx="{dx}" dy="{dy}" result="offsetblur"/><feFlood flood-color="{color}"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>',{color:e,dx:b,dy:c,blur:d})},a.filter.shadow.toString=function(){return this()},a.filter.grayscale=function(b){return null==b&&(b=1),a.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {b} {h} 0 0 0 0 0 1 0"/>',{a:.2126+.7874*(1-b),b:.7152-.7152*(1-b),c:.0722-.0722*(1-b),d:.2126-.2126*(1-b),e:.7152+.2848*(1-b),f:.0722-.0722*(1-b),g:.2126-.2126*(1-b),h:.0722+.9278*(1-b)})},a.filter.grayscale.toString=function(){return this()},a.filter.sepia=function(b){return null==b&&(b=1),a.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {h} {i} 0 0 0 0 0 1 0"/>',{a:.393+.607*(1-b),b:.769-.769*(1-b),c:.189-.189*(1-b),d:.349-.349*(1-b),e:.686+.314*(1-b),f:.168-.168*(1-b),g:.272-.272*(1-b),h:.534-.534*(1-b),i:.131+.869*(1-b)})},a.filter.sepia.toString=function(){return this()},a.filter.saturate=function(b){return null==b&&(b=1),a.format('<feColorMatrix type="saturate" values="{amount}"/>',{amount:1-b})},a.filter.saturate.toString=function(){return this()},a.filter.hueRotate=function(b){return b=b||0,a.format('<feColorMatrix type="hueRotate" values="{angle}"/>',{angle:b})},a.filter.hueRotate.toString=function(){return this()},a.filter.invert=function(b){return null==b&&(b=1),a.format('<feComponentTransfer><feFuncR type="table" tableValues="{amount} {amount2}"/><feFuncG type="table" tableValues="{amount} {amount2}"/><feFuncB type="table" tableValues="{amount} {amount2}"/></feComponentTransfer>',{amount:b,amount2:1-b})},a.filter.invert.toString=function(){return this()},a.filter.brightness=function(b){return null==b&&(b=1),a.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}"/><feFuncG type="linear" slope="{amount}"/><feFuncB type="linear" slope="{amount}"/></feComponentTransfer>',{amount:b})},a.filter.brightness.toString=function(){return this()},a.filter.contrast=function(b){return null==b&&(b=1),a.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}" intercept="{amount2}"/><feFuncG type="linear" slope="{amount}" intercept="{amount2}"/><feFuncB type="linear" slope="{amount}" intercept="{amount2}"/></feComponentTransfer>',{amount:b,amount2:.5-b/2})},a.filter.contrast.toString=function(){return this()}});
\ No newline at end of file
diff --git a/dist/snap.svg-min.js b/dist/snap.svg-min.js
new file mode 100644
index 0000000..7031b85
--- /dev/null
+++ b/dist/snap.svg-min.js
@@ -0,0 +1,20 @@
+// Snap.svg 0.0.1
+// 
+// Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
+// 
+// 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.
+// 
+// build: 2013-09-25
+!function(a){var b,c,d="0.4.2",e="hasOwnProperty",f=/[\.\/]/,g="*",h=function(){},i=function(a,b){return a-b},j={n:{}},k=function(a,d){a=String(a);var e,f=c,g=Array.prototype.slice.call(arguments,2),h=k.listeners(a),j=0,l=[],m={},n=[],o=b;b=a,c=0;for(var p=0,q=h.length;q>p;p++)"zIndex"in h[p]&&(l.push(h[p].zIndex),h[p].zIndex<0&&(m[h[p].zIndex]=h[p]));for(l.sort(i);l[j]<0;)if(e=m[l[j++]],n.push(e.apply(d,g)),c)return c=f,n;for(p=0;q>p;p++)if(e=h[p],"zIndex"in e)if(e.zIndex==l[j]){if(n.push(e.apply(d,g)),c)break;do if(j++,e=m[l[j]],e&&n.push(e.apply(d,g)),c)break;while(e)}else m[e.zIndex]=e;else if(n.push(e.apply(d,g)),c)break;return c=f,b=o,n.length?n:null};k._events=j,k.listeners=function(a){var b,c,d,e,h,i,k,l,m=a.split(f),n=j,o=[n],p=[];for(e=0,h=m.length;h>e;e++){for(l=[],i=0,k=o.length;k>i;i++)for(n=o[i].n,c=[n[m[e]],n[g]],d=2;d--;)b=c[d],b&&(l.push(b),p=p.concat(b.f||[]));o=l}return p},k.on=function(a,b){if(a=String(a),"function"!=typeof b)return function(){};for(var c=a.split(f),d=j,e=0,g=c.length;g>e;e++)d=d.n,d=d.hasOwnProperty(c[e])&&d[c[e]]||(d[c[e]]={n:{}});for(d.f=d.f||[],e=0,g=d.f.length;g>e;e++)if(d.f[e]==b)return h;return d.f.push(b),function(a){+a==+a&&(b.zIndex=+a)}},k.f=function(a){var b=[].slice.call(arguments,1);return function(){k.apply(null,[a,null].concat(b).concat([].slice.call(arguments,0)))}},k.stop=function(){c=1},k.nt=function(a){return a?new RegExp("(?:\\.|\\/|^)"+a+"(?:\\.|\\/|$)").test(b):b},k.nts=function(){return b.split(f)},k.off=k.unbind=function(a,b){if(!a)return k._events=j={n:{}},void 0;var c,d,h,i,l,m,n,o=a.split(f),p=[j];for(i=0,l=o.length;l>i;i++)for(m=0;m<p.length;m+=h.length-2){if(h=[m,1],c=p[m].n,o[i]!=g)c[o[i]]&&h.push(c[o[i]]);else for(d in c)c[e](d)&&h.push(c[d]);p.splice.apply(p,h)}for(i=0,l=p.length;l>i;i++)for(c=p[i];c.n;){if(b){if(c.f){for(m=0,n=c.f.length;n>m;m++)if(c.f[m]==b){c.f.splice(m,1);break}!c.f.length&&delete c.f}for(d in c.n)if(c.n[e](d)&&c.n[d].f){var q=c.n[d].f;for(m=0,n=q.length;n>m;m++)if(q[m]==b){q.splice(m,1);break}!q.length&&delete c.n[d].f}}else{delete c.f;for(d in c.n)c.n[e](d)&&c.n[d].f&&delete c.n[d].f}c=c.n}},k.once=function(a,b){var c=function(){return k.unbind(a,c),b.apply(this,arguments)};return k.on(a,c)},k.version=d,k.toString=function(){return"You are running Eve "+d},"undefined"!=typeof module&&module.exports?module.exports=k:"undefined"!=typeof define?define("eve",[],function(){return k}):a.eve=k}(this),function(a,b){"function"==typeof define&&define.amd?define(["eve"],function(c){return b(a,c)}):b(a,a.eve)}(this,function(a,b){var c=function(b){var c={},d=a.requestAnimationFrame||a.webkitRequestAnimationFrame||a.mozRequestAnimationFrame||a.oRequestAnimationFrame||a.msRequestAnimationFrame||function(a){setTimeout(a,16)},e=Array.isArray||function(a){return a instanceof Array||"[object Array]"==Object.prototype.toString.call(a)},f=0,g="M"+(+new Date).toString(36),h=function(){return g+(f++).toString(36)},i=function(){return+new Date},j=function(a){var b=this;if(null==a)return b.s;var c=b.s-a;b.b+=b.dur*c,b.B+=b.dur*c,b.s=a},k=function(a){var b=this;return null==a?b.spd:(b.spd=a,void 0)},l=function(a){var b=this;return null==a?b.dur:(b.s=b.s*a/b.dur,b.dur=a,void 0)},m=function(){var a=this;delete c[a.id],b("mina.stop."+a.id,a)},n=function(){var a=this;a.pdif||(delete c[a.id],a.pdif=a.get()-a.b)},o=function(){var a=this;a.pdif&&(a.b=a.get()-a.pdif,delete a.pdif,c[a.id]=a)},p=function(){var a=0;for(var f in c)if(c.hasOwnProperty(f)){var g,h=c[f],i=h.get();if(a++,h.s=(i-h.b)/(h.dur/h.spd),h.s>=1&&(delete c[f],h.s=1,a--),e(h.start)){g=[];for(var j=0,k=h.start.length;k>j;j++)g[j]=h.start[j]+(h.end[j]-h.start[j])*h.easing(h.s)}else g=h.start+(h.end-h.start)*h.easing(h.s);h.set(g),1==h.s&&b("mina.finish."+h.id,h)}a&&d(p)},q=function(a,b,e,f,g,i,r){var s={id:h(),start:a,end:b,b:e,s:0,dur:f-e,spd:1,get:g,set:i,easing:r||q.linear,status:j,speed:k,duration:l,stop:m,pause:n,resume:o};c[s.id]=s;var t,u=0;for(t in c)if(c.hasOwnProperty(t)&&(u++,2==u))break;return 1==u&&d(p),s};return q.time=i,q.getById=function(a){return c[a]||null},q.linear=function(a){return a},q.easeout=function(a){return Math.pow(a,1.7)},q.easein=function(a){return Math.pow(a,.48)},q.easeinout=function(a){if(1==a)return 1;if(0==a)return 0;var b=.48-a/1.04,c=Math.sqrt(.1734+b*b),d=c-b,e=Math.pow(Math.abs(d),1/3)*(0>d?-1:1),f=-c-b,g=Math.pow(Math.abs(f),1/3)*(0>f?-1:1),h=e+g+.5;return 3*(1-h)*h*h+h*h*h},q.backin=function(a){if(1==a)return 1;var b=1.70158;return a*a*((b+1)*a-b)},q.backout=function(a){if(0==a)return 0;a-=1;var b=1.70158;return a*a*((b+1)*a+b)+1},q.elastic=function(a){return a==!!a?a:Math.pow(2,-10*a)*Math.sin((a-.075)*2*Math.PI/.3)+1},q.bounce=function(a){var b,c=7.5625,d=2.75;return 1/d>a?b=c*a*a:2/d>a?(a-=1.5/d,b=c*a*a+.75):2.5/d>a?(a-=2.25/d,b=c*a*a+.9375):(a-=2.625/d,b=c*a*a+.984375),b},a.mina=q,q}("undefined"==typeof b?function(){}:b);!function(){function a(a){a=a||Object(a);for(var b,d,e=1,f=a.length+1,h=c(a,0);f>e;e++)b=d,d=h,h=c(a,e),this.raw+=d,g.call(this,d,h,b);return this._beforeEnd=function(){g.call(this,"","",d)},this}function c(a,b){return a&&(a.charAt?a.charAt(b):a[b])}function d(a,b){this.events=this.events||{},this.events[a]=this.events[a]||[],this.events[a].push(b)}function e(a,c,d){"function"==typeof b&&b("elemental."+a+(c?"."+c:""),null,c,d||"",this.raw);for(var e=this.events&&this.events[a],f=e&&e.length;f--;)try{this.events[a][f](c,d||"",this.raw)}catch(g){}this.raw=""}function f(){g.call(this,"eof"),this.event("eof")}function g(a,b,c){"\n"==a&&this.event("newline"),m[this.mode].call(this,a,b,c)}function h(b,c){var g=function(a){g.parse(a)};return g.mode="text",g.type=String(b||"html").toLowerCase(),g.textchunk="",g.raw="",g.parse=a,g.on=d,g.event=e,g.end=f,c&&(i=c),g}var i={lt:60,"lt;":60,"AMP;":38,AMP:38,"GT;":62,GT:62,"QUOT;":34,QUOT:34,"apos;":39,"bull;":8226,"bullet;":8226,"copy;":169,copy:169,"deg;":176,deg:176},j=/[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u2028\u2029\u202f\u205f\u3000]/,k=function(a){var b;return"#"==a.charAt()&&(b="x"==a.charAt(1).toLowerCase()?parseInt(a.substring(2),16):parseInt(a.substring(1),10)),b=i[a],b?String.fromCharCode(b):"&"+a},l=function(){for(var a in this.attr)this.attr.hasOwnProperty(a)&&this.event("attr",a,{value:this.attr[a],tagname:this.tagname,attr:this.attr})},m={text:function(a){switch(a){case"<":case"eof":this.nodename="",this.attr={},this.mode="tag name start",this.raw=this.raw.slice(0,-1),this.textchunk&&this.event("text",this.textchunk),this.raw+=a,this.textchunk="";break;case"&":this.mode="entity",this.entity="";break;default:this.textchunk+=a}},entity:function(a){j.test(a)?(this.textchunk+=k(this.entity),this.mode="text"):";"==a?(this.textchunk+=k(this.entity+a),this.mode="text"):this.entity+=a},special:function(a,b,c){return"!"==c&&"-"==a&&"-"==b?(this.mode="comment start",void 0):"[CDATA"==this.textchunk&&"["==a?(this.mode="cdata",this.textchunk="",void 0):">"==a||"eof"==a?(this.event("special",this.textchunk),this.mode="text",this.textchunk="",void 0):(this.textchunk+=a,void 0)},cdata:function(a,b,c){return"]"==c&&"]"==a&&">"==b?(this.mode="cdata end",this.textchunk=this.textchunk.slice(0,-1),void 0):("eof"==a&&m["cdata end"].call(this),this.textchunk+=a,void 0)},"cdata end":function(){this.event("cdata",this.textchunk),this.textchunk="",this.mode="text"},"comment start":function(a,b){">"==b||"eof"==a?(this.event("comment",""),this.mode="skip"):this.mode="comment"},skip:function(){this.mode="text"},comment:function(a,b,c){"-"==a&&"-"==c&&">"==b?(this.mode="comment end",this.textchunk=this.textchunk.slice(0,-1)):"eof"==a?this.event("comment",this.textchunk):this.textchunk+=a},"comment end":function(){this.event("comment",this.textchunk),this.textchunk="",this.mode="text"},declaration:function(a,b){return"?"==a&&">"==b?(this.mode="declaration end",void 0):("eof"==a&&this.event("comment",this.textchunk),this.textchunk+=a,void 0)},"declaration end":function(){this.event("comment",this.textchunk),this.textchunk="",this.mode="text"},"tag name start":function(a,b,c){if("eof"==a)return this.event("text","<"),void 0;if(!j.test(a)){if(this.mode="tag name","/"==a)return this.mode="close tag name start",void 0;if("!"==a)return this.mode="special",this.textchunk="",void 0;if("?"==a)return this.mode="declaration",void 0;m[this.mode].call(this,a,b,c)}},"close tag name start":function(a,b,c){j.test(a)||(this.mode="close tag name",this.tagname="",this.nodename="",m[this.mode].call(this,a,b,c))},"close tag name":function(a){if(j.test(a))this.tagname=this.nodename;else switch(a){case">":this.event("/tag",this.tagname||this.nodename),this.mode="text";break;default:!this.tagname&&(this.nodename+=a)}},"tag name":function(a,b){if(j.test(a))this.tagname=this.nodename,this.nodename="",this.mode="attr start";else switch(a){case">":this.event("tag",this.nodename),this.mode="text";break;case"/":this.raw+=b,this.event("tag",this.nodename),this.event("/tag",this.nodename),this.mode="skip";break;default:this.nodename+=a}},"attr start":function(a,b,c){j.test(a)||(this.mode="attr",this.nodename="",m[this.mode].call(this,a,b,c))},attr:function(a){if(j.test(a)||"="==a)this.attr[this.nodename]="",this.mode="attr value start";else switch(a){case">":"/"==this.nodename?(delete this.attr["/"],this.event("tag",this.tagname,this.attr),l.call(this),this.event("/tag",this.tagname,!0)):(this.nodename&&(this.attr[this.nodename]=""),this.event("tag",this.tagname,this.attr),l.call(this)),this.mode="text";break;default:this.nodename+=a}},"attr value start":function(a,b,c){if(!j.test(a)){if(this.mode="attr value",this.quote=!1,"'"==a||'"'==a)return this.quote=a,void 0;m[this.mode].call(this,a,b,c)}},"attr value":function(a,b,c){if(j.test(a)&&!this.quote)this.mode="attr start";else if(">"!=a||this.quote)switch(a){case'"':case"'":this.quote==a&&"\\"!=c&&(this.mode="attr start");break;default:this.attr[this.nodename]+=a}else this.event("tag",this.tagname,this.attr),this.mode="text"}};h.version="0.2.4",("undefined"==typeof exports?this:exports).elemental=h}();var d=function(){function d(a,b){if(a){if(a.tagName)return y(a);if(a instanceof t)return a;if(null==b)return a=H.doc.querySelector(a),y(a)}return a=null==a?"100%":a,b=null==b?"100%":b,new x(a,b)}function e(a,b){if(b){if("string"==typeof a&&(a=e(a)),"string"==typeof b)return"xlink:"==b.substring(0,6)?a.getAttributeNS(fb,b.substring(6)):a.getAttribute(b);for(var c in b)if(b[I](c)){var d=J(b[c]);d?"xlink:"==c.substring(0,6)?a.setAttributeNS(fb,c.substring(6),d):a.setAttribute(c,d):a.removeAttribute(c)}}else a=H.doc.createElementNS("http://www.w3.org/2000/svg",a);return a}function f(a,b){return b=J.prototype.toLowerCase.call(b),"finite"==b?!V[I](+a):"array"==b&&(a instanceof Array||Array.isArray&&Array.isArray(a))?!0:"null"==b&&null===a||b==typeof a&&null!==a||"object"==b&&a===Object(a)||T.call(a).slice(8,-1).toLowerCase()==b}function g(a){if("function"==typeof a||Object(a)!==a)return a;var b=new a.constructor;for(var c in a)a[I](c)&&(b[c]=g(a[c]));return b}function h(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return a.push(a.splice(c,1)[0])}function i(a,b,c){function d(){var e=Array.prototype.slice.call(arguments,0),f=e.join("␀"),g=d.cache=d.cache||{},i=d.count=d.count||[];return g[I](f)?(h(i,f),c?c(g[f]):g[f]):(i.length>=1e3&&delete g[i.shift()],i.push(f),g[f]=a.apply(b,e),c?c(g[f]):g[f])}return d}function j(a,b,c,d,e,f){if(null==e){var g=a-c,h=b-d;return g||h?(180+180*M.atan2(-h,-g)/Q+360)%360:0}return j(a,b,e,f)-j(c,d,e,f)}function k(a){return a%360*Q/180}function l(a){return 180*a/Q%360}function m(){return this.x+S+this.y+S+this.width+" × "+this.height}function n(a,b,c,d,e,f){return null==b&&"[object SVGMatrix]"==T.call(a)?(this.a=a.a,this.b=a.b,this.c=a.c,this.d=a.d,this.e=a.e,this.f=a.f,void 0):(null!=a?(this.a=+a,this.b=+b,this.c=+c,this.d=+d,this.e=+e,this.f=+f):(this.a=1,this.b=0,this.c=0,this.d=1,this.e=0,this.f=0),void 0)}function o(a){var b=[];return a=a.replace(/(?:^|\s)(\w+)\(([^)]+)\)/g,function(a,c,d){return d=d.split(/\s*,\s*/),"rotate"==c&&1==d.length&&d.push(0,0),"scale"==c&&(2==d.length&&d.push(0,0),1==d.length&&d.push(d[0],0,0)),"skewX"==c?b.push(["m",1,0,M.tan(k(d[0])),1,0,0]):"skewY"==c?b.push(["m",1,M.tan(k(d[0])),0,1,0,0]):b.push([c.charAt(0)].concat(d)),a}),b}function p(a,b){if(null==b){var c=!0;if(b="linearGradient"==a.type||"radialGradient"==a.type?a.node.getAttribute("gradientTransform"):"pattern"==a.type?a.node.getAttribute("patternTransform"):a.node.getAttribute("transform"),!b)return new n;b=o(b)}else b=pb.test(b)?J(b).replace(/\.{3}|\u2026/g,a._.transform||R):o(b);var d=ob(b),e=0,f=0,g=0,h=1,i=1,j=a._,k=new n;if(j.transform=d||[],d){for(var l=0,m=d.length;m>l;l++){var p,q,r,s,t,u=d[l],v=u.length,w=J(u[0]).toLowerCase(),x=u[0]!=w,y=x?k.invert():0;"t"==w&&3==v?x?(p=y.x(0,0),q=y.y(0,0),r=y.x(u[1],u[2]),s=y.y(u[1],u[2]),k.translate(r-p,s-q)):k.translate(u[1],u[2]):"r"==w?2==v?(t=t||a.getBBox(1),k.rotate(u[1],t.x+t.width/2,t.y+t.height/2),e+=u[1]):4==v&&(x?(r=y.x(u[2],u[3]),s=y.y(u[2],u[3]),k.rotate(u[1],r,s)):k.rotate(u[1],u[2],u[3]),e+=u[1]):"s"==w?2==v||3==v?(t=t||a.getBBox(1),k.scale(u[1],u[v-1],t.x+t.width/2,t.y+t.height/2),h*=u[1],i*=u[v-1]):5==v&&(x?(r=y.x(u[3],u[4]),s=y.y(u[3],u[4]),k.scale(u[1],u[2],r,s)):k.scale(u[1],u[2],u[3],u[4]),h*=u[1],i*=u[2]):"m"==w&&7==v&&k.add(u[1],u[2],u[3],u[4],u[5],u[6])}if(c)return k;j.dirtyT=1,a.matrix=k}a.matrix=k,j.sx=h,j.sy=i,j.deg=e,j.dx=f=k.e,j.dy=g=k.f,1==h&&1==i&&!e&&j.bbox?(j.bbox.x+=+f,j.bbox.y+=+g):j.dirtyT=1}function q(a){if(d._.someDefs)return d._.someDefs;var b=a.paper||a.node.parentNode&&d(a.node.parentNode)||d.select("svg")||d(0,0),c=b.select("defs").node;return c||(c=w("defs",b.node).node),d._.someDefs=c,c}function r(a,b,c){function d(a){return null==a?R:a==+a?a:(e(j,{width:a}),j.getBBox().width)}function f(a){return null==a?R:a==+a?a:(e(j,{height:a}),j.getBBox().height)}function g(d,e){null==b?i[d]=e(a.attr(d)):d==b&&(i=e(null==c?a.attr(d):c))}var h=q(a),i={},j=h.querySelector(".svg---mgr");switch(j||(j=e("rect"),e(j,{width:10,height:10,"class":"svg---mgr"}),h.appendChild(j)),a.type){case"rect":g("rx",d),g("ry",f);case"image":g("width",d),g("height",f);case"text":g("x",d),g("y",f);break;case"circle":g("cx",d),g("cy",f),g("r",d);break;case"ellipse":g("cx",d),g("cy",f),g("rx",d),g("ry",f);break;case"line":g("x1",d),g("x2",d),g("y1",f),g("y2",f);break;case"marker":g("refX",d),g("markerWidth",d),g("refY",f),g("markerHeight",f);break;case"radialGradient":g("fx",d),g("fy",f);break;case"tspan":g("dx",d),g("dy",f);break;default:i=null}return i}function s(a){f(a,"array")||(a=Array.prototype.slice.call(arguments,0));for(var b=0,c=0,d=this.node;this[b];)delete this[b++];for(b=0;b<a.length;b++)"set"==a[b].type?a[b].forEach(function(a){d.appendChild(a.node)}):d.appendChild(a[b].node);var e=d.childNodes;for(b=0;b<e.length;b++)e[b].snap&&(this[c++]=gb[e[b].snap])}function t(a){if(a.snap in gb)return gb[a.snap];var b,c=this.id=eb();try{b=a.ownerSVGElement}catch(d){}if(this.node=a,b&&(this.paper=new x(b)),this.type=a.tagName,this.anims={},this._={transform:[],sx:1,sy:1,deg:0,dx:0,dy:0,dirty:1},a.snap=c,gb[c]=this,"g"==this.type){this.add=s;for(var e in x.prototype)x.prototype[I](e)&&(this[e]=x.prototype[e])}}function u(a){for(var b,c=0,d=a.length;d>c;c++)if(b=b||a[c])return b}function v(a){this.node=a}function w(a,b){var c=e(a);b.appendChild(c);var d=y(c);return d.type=a,d}function x(a,b){var c,d,f,g=x.prototype;if(a&&"svg"==a.tagName){if(a.snap in gb)return gb[a.snap];c=new t(a),d=a.getElementsByTagName("desc")[0],f=a.getElementsByTagName("defs")[0],d||(d=e("desc"),d.appendChild(H.doc.createTextNode("Created with Snap")),c.node.appendChild(d)),f||(f=e("defs"),c.node.appendChild(f)),c.defs=f;for(var h in g)g[I](h)&&(c[h]=g[h]);c.paper=c.root=c}else c=w("svg",H.doc.body),e(c.node,{height:b,version:1.1,width:a,xmlns:"http://www.w3.org/2000/svg"});return c}function y(a){return a?a instanceof t||a instanceof v?a:"svg"==a.tagName?new x(a):new t(a):a}function z(){return this.selectAll("stop")}function A(a,b){var c=e("stop"),f={offset:+b+"%"};return a=d.color(a),f["stop-color"]=a.hex,a.opacity<1&&(f["stop-opacity"]=a.opacity),e(c,f),this.node.appendChild(c),this}function B(){if("linearGradient"==this.type){var a=e(this.node,"x1")||0,b=e(this.node,"x2")||1,c=e(this.node,"y1")||0,f=e(this.node,"y2")||0;return d._.box(a,c,M.abs(b-a),M.abs(f-c))}var g=this.node.cx||.5,h=this.node.cy||.5,i=this.node.r||0;return d._.box(g-i,h-i,2*i,2*i)}function C(a,c){function d(a,b){for(var c=(b-j)/(a-k),d=k;a>d;d++)h[d].offset=+(+j+c*(d-k)).toFixed(2);k=a,j=b}var f,g=u(b("snap.util.grad.parse",null,c));if(!g)return null;g.params.unshift(a),f="l"==g.type.toLowerCase()?D.apply(0,g.params):E.apply(0,g.params),g.type!=g.type.toLowerCase()&&e(f.node,{gradientUnits:"userSpaceOnUse"});var h=g.stops,i=h.length,j=0,k=0;i--;for(var l=0;i>l;l++)"offset"in h[l]&&d(l,h[l].offset);for(h[i].offset=h[i].offset||100,d(i,h[i].offset),l=0;i>=l;l++){var m=h[l];f.addStop(m.color,m.offset)}return f}function D(a,b,c,d,f){var g=w("linearGradient",a);return g.stops=z,g.addStop=A,g.getBBox=B,null!=b&&e(g.node,{x1:b,y1:c,x2:d,y2:f}),g}function E(a,b,c,d,f,g){var h=w("radialGradient",a);return h.stops=z,h.addStop=A,h.getBBox=B,null!=b&&e(h.node,{cx:b,cy:c,r:d}),null!=f&&null!=g&&e(h.node,{fx:f,fy:g}),h}function F(a){return function(c){if(b.stop(),c instanceof v&&1==c.node.childNodes.length&&("radialGradient"==c.node.firstChild.tagName||"linearGradient"==c.node.firstChild.tagName||"pattern"==c.node.firstChild.tagName)&&(c=c.node.firstChild,q(this).appendChild(c),c=y(c)),c instanceof t)if("radialGradient"==c.type||"linearGradient"==c.type||"pattern"==c.type){c.node.id||e(c.node,{id:c.id});var f="url(#"+c.node.id+")"}else f=c.attr(a);else if(f=d.color(c),f.error){var g=C(q(this),c);g?(g.node.id||e(g.node,{id:g.id}),f="url(#"+g.node.id+")"):f=c}else f=J(f);var h={};h[a]=f,e(this.node,h),this.node.style[a]=R}}function G(a){for(var b=[],c=a.childNodes,d=0,e=c.length;e>d;d++){var f=c[d];3==f.nodeType&&b.push(f.nodeValue),"tspan"==f.tagName&&(1==f.childNodes.length&&3==f.firstChild.nodeType?b.push(f.firstChild.nodeValue):b.push(G(f)))}return b}d.version="0.0.1",d.toString=function(){return"Snap v"+this.version},d._={};var H={win:a,doc:a.document};d._.glob=H;var I="hasOwnProperty",J=String,K=parseFloat,L=parseInt,M=Math,N=M.max,O=M.min,P=M.abs,Q=(M.pow,M.PI),R=(M.round,""),S=" ",T=Object.prototype.toString,U=/^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+%?)?)\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?%?)\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?%?)\s*\))\s*$/i,V={NaN:1,Infinity:1,"-Infinity":1},W=/^url\(#?([^)]+)\)$/,X="	\n\f\r   ᠎             　\u2028\u2029",Y=new RegExp("[,"+X+"]+"),Z=(new RegExp("["+X+"]","g"),new RegExp("["+X+"]*,["+X+"]*")),$={hs:1,rg:1},_=new RegExp("([a-z])["+X+",]*((-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?["+X+"]*,?["+X+"]*)+)","ig"),ab=new RegExp("([rstm])["+X+",]*((-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?["+X+"]*,?["+X+"]*)+)","ig"),bb=new RegExp("(-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?)["+X+"]*,?["+X+"]*","ig"),cb=0,db="S"+(+new Date).toString(36),eb=function(){return db+(cb++).toString(36)},fb="http://www.w3.org/1999/xlink",gb={};d._.$=e,d._.id=eb,d.format=function(){var a=/\{([^\}]+)\}/g,b=/(?:(?:^|\.)(.+?)(?=\[|\.|$|\()|\[('|")(.+?)\2\])(\(\))?/g,c=function(a,c,d){var e=d;return c.replace(b,function(a,b,c,d,f){b=b||d,e&&(b in e&&(e=e[b]),"function"==typeof e&&f&&(e=e()))}),e=(null==e||e==d?a:e)+""};return function(b,d){return J(b).replace(a,function(a,b){return c(a,b,d)})}}();var hb=function(){function a(){this.parentNode.removeChild(this)}return function(b,c){var d=H.doc.createElement("img"),e=H.doc.body;d.style.cssText="position:absolute;left:-9999em;top:-9999em",d.onload=function(){c.call(d),d.onload=d.onerror=null,e.removeChild(d)},d.onerror=a,e.appendChild(d),d.src=b}}();d._.clone=g,d._.cacher=i,d.rad=k,d.deg=l,d.angle=j,d.is=f,d.snapTo=function(a,b,c){if(c=f(c,"finite")?c:10,f(a,"array")){for(var d=a.length;d--;)if(P(a[d]-b)<=c)return a[d]}else{a=+a;var e=b%a;if(c>e)return b-e;if(e>a-c)return b-e+a}return b},function(a){function b(a){return a[0]*a[0]+a[1]*a[1]}function c(a){var c=M.sqrt(b(a));a[0]&&(a[0]/=c),a[1]&&(a[1]/=c)}a.add=function(a,b,c,d,e,f){var g,h,i,j,k=[[],[],[]],l=[[this.a,this.c,this.e],[this.b,this.d,this.f],[0,0,1]],m=[[a,c,e],[b,d,f],[0,0,1]];for(a&&a instanceof n&&(m=[[a.a,a.c,a.e],[a.b,a.d,a.f],[0,0,1]]),g=0;3>g;g++)for(h=0;3>h;h++){for(j=0,i=0;3>i;i++)j+=l[g][i]*m[i][h];k[g][h]=j}return this.a=k[0][0],this.b=k[1][0],this.c=k[0][1],this.d=k[1][1],this.e=k[0][2],this.f=k[1][2],this},a.invert=function(){var a=this,b=a.a*a.d-a.b*a.c;return new n(a.d/b,-a.b/b,-a.c/b,a.a/b,(a.c*a.f-a.d*a.e)/b,(a.b*a.e-a.a*a.f)/b)},a.clone=function(){return new n(this.a,this.b,this.c,this.d,this.e,this.f)},a.translate=function(a,b){return this.add(1,0,0,1,a,b)},a.scale=function(a,b,c,d){return null==b&&(b=a),(c||d)&&this.add(1,0,0,1,c,d),this.add(a,0,0,b,0,0),(c||d)&&this.add(1,0,0,1,-c,-d),this},a.rotate=function(a,b,c){a=k(a),b=b||0,c=c||0;var d=+M.cos(a).toFixed(9),e=+M.sin(a).toFixed(9);return this.add(d,e,-e,d,b,c),this.add(1,0,0,1,-b,-c)},a.x=function(a,b){return a*this.a+b*this.c+this.e},a.y=function(a,b){return a*this.b+b*this.d+this.f},a.get=function(a){return+this[J.fromCharCode(97+a)].toFixed(4)},a.toString=function(){return"matrix("+[this.get(0),this.get(1),this.get(2),this.get(3),this.get(4),this.get(5)].join()+")"},a.offset=function(){return[this.e.toFixed(4),this.f.toFixed(4)]},a.split=function(){var a={};a.dx=this.e,a.dy=this.f;var d=[[this.a,this.c],[this.b,this.d]];a.scalex=M.sqrt(b(d[0])),c(d[0]),a.shear=d[0][0]*d[1][0]+d[0][1]*d[1][1],d[1]=[d[1][0]-d[0][0]*a.shear,d[1][1]-d[0][1]*a.shear],a.scaley=M.sqrt(b(d[1])),c(d[1]),a.shear/=a.scaley;var e=-d[0][1],f=d[1][1];return 0>f?(a.rotate=l(M.acos(f)),0>e&&(a.rotate=360-a.rotate)):a.rotate=l(M.asin(e)),a.isSimple=!(+a.shear.toFixed(9)||a.scalex.toFixed(9)!=a.scaley.toFixed(9)&&a.rotate),a.isSuperSimple=!+a.shear.toFixed(9)&&a.scalex.toFixed(9)==a.scaley.toFixed(9)&&!a.rotate,a.noRotation=!+a.shear.toFixed(9)&&!a.rotate,a},a.toTransformString=function(a){var b=a||this.split();return b.isSimple?(b.scalex=+b.scalex.toFixed(4),b.scaley=+b.scaley.toFixed(4),b.rotate=+b.rotate.toFixed(4),(b.dx||b.dy?"t"+[+b.dx.toFixed(4),+b.dy.toFixed(4)]:R)+(1!=b.scalex||1!=b.scaley?"s"+[b.scalex,b.scaley,0,0]:R)+(b.rotate?"r"+[+b.rotate.toFixed(4),0,0]:R)):"m"+[this.get(0),this.get(1),this.get(2),this.get(3),this.get(4),this.get(5)]}}(n.prototype),d.Matrix=n,d.getRGB=i(function(a){if(!a||(a=J(a)).indexOf("-")+1)return{r:-1,g:-1,b:-1,hex:"none",error:1,toString:lb};if("none"==a)return{r:-1,g:-1,b:-1,hex:"none",toString:lb};if(!($[I](a.toLowerCase().substring(0,2))||"#"==a.charAt())&&(a=ib(a)),!a)return{r:-1,g:-1,b:-1,hex:"none",error:1,toString:lb};var b,c,e,g,h,i,j=a.match(U);return j?(j[2]&&(e=L(j[2].substring(5),16),c=L(j[2].substring(3,5),16),b=L(j[2].substring(1,3),16)),j[3]&&(e=L((h=j[3].charAt(3))+h,16),c=L((h=j[3].charAt(2))+h,16),b=L((h=j[3].charAt(1))+h,16)),j[4]&&(i=j[4].split(Z),b=K(i[0]),"%"==i[0].slice(-1)&&(b*=2.55),c=K(i[1]),"%"==i[1].slice(-1)&&(c*=2.55),e=K(i[2]),"%"==i[2].slice(-1)&&(e*=2.55),"rgba"==j[1].toLowerCase().slice(0,4)&&(g=K(i[3])),i[3]&&"%"==i[3].slice(-1)&&(g/=100)),j[5]?(i=j[5].split(Z),b=K(i[0]),"%"==i[0].slice(-1)&&(b/=100),c=K(i[1]),"%"==i[1].slice(-1)&&(c/=100),e=K(i[2]),"%"==i[2].slice(-1)&&(e/=100),("deg"==i[0].slice(-3)||"°"==i[0].slice(-1))&&(b/=360),"hsba"==j[1].toLowerCase().slice(0,4)&&(g=K(i[3])),i[3]&&"%"==i[3].slice(-1)&&(g/=100),d.hsb2rgb(b,c,e,g)):j[6]?(i=j[6].split(Z),b=K(i[0]),"%"==i[0].slice(-1)&&(b/=100),c=K(i[1]),"%"==i[1].slice(-1)&&(c/=100),e=K(i[2]),"%"==i[2].slice(-1)&&(e/=100),("deg"==i[0].slice(-3)||"°"==i[0].slice(-1))&&(b/=360),"hsla"==j[1].toLowerCase().slice(0,4)&&(g=K(i[3])),i[3]&&"%"==i[3].slice(-1)&&(g/=100),d.hsl2rgb(b,c,e,g)):(b=O(M.round(b),255),c=O(M.round(c),255),e=O(M.round(e),255),g=O(N(g,0),1),j={r:b,g:c,b:e,toString:lb},j.hex="#"+(16777216|e|c<<8|b<<16).toString(16).slice(1),j.opacity=f(g,"finite")?g:1,j)):{r:-1,g:-1,b:-1,hex:"none",error:1,toString:lb}},d),d.hsb=i(function(a,b,c){return d.hsb2rgb(a,b,c).hex}),d.hsl=i(function(a,b,c){return d.hsl2rgb(a,b,c).hex}),d.rgb=i(function(a,b,c,d){if(f(d,"finite")){var e=M.round;return"rgba("+[e(a),e(b),e(c),+d.toFixed(2)]+")"}return"#"+(16777216|c|b<<8|a<<16).toString(16).slice(1)});var ib=function(a){var b=H.doc.getElementsByTagName("head")[0],c="rgb(255, 0, 0)";return ib=i(function(a){if("red"==a.toLowerCase())return c;b.style.color=c,b.style.color=a;var d=H.doc.defaultView.getComputedStyle(b,R).getPropertyValue("color");return d==c?null:d}),ib(a)},jb=function(){return"hsb("+[this.h,this.s,this.b]+")"},kb=function(){return"hsl("+[this.h,this.s,this.l]+")"},lb=function(){return 1==this.opacity||null==this.opacity?this.hex:"rgba("+[this.r,this.g,this.b,this.opacity]+")"},mb=function(a,b,c){if(null==b&&f(a,"object")&&"r"in a&&"g"in a&&"b"in a&&(c=a.b,b=a.g,a=a.r),null==b&&f(a,string)){var e=d.getRGB(a);a=e.r,b=e.g,c=e.b}return(a>1||b>1||c>1)&&(a/=255,b/=255,c/=255),[a,b,c]},nb=function(a,b,c,e){a=M.round(255*a),b=M.round(255*b),c=M.round(255*c);var g={r:a,g:b,b:c,opacity:f(e,"finite")?e:1,hex:d.rgb(a,b,c),toString:lb};return f(e,"finite")&&(g.opacity=e),g};d.color=function(a){var b;return f(a,"object")&&"h"in a&&"s"in a&&"b"in a?(b=d.hsb2rgb(a),a.r=b.r,a.g=b.g,a.b=b.b,a.opacity=1,a.hex=b.hex):f(a,"object")&&"h"in a&&"s"in a&&"l"in a?(b=d.hsl2rgb(a),a.r=b.r,a.g=b.g,a.b=b.b,a.opacity=1,a.hex=b.hex):(f(a,"string")&&(a=d.getRGB(a)),f(a,"object")&&"r"in a&&"g"in a&&"b"in a&&!("error"in a)?(b=d.rgb2hsl(a),a.h=b.h,a.s=b.s,a.l=b.l,b=d.rgb2hsb(a),a.v=b.b):(a={hex:"none"},a.r=a.g=a.b=a.h=a.s=a.v=a.l=-1,a.error=1)),a.toString=lb,a},d.hsb2rgb=function(a,b,c,d){f(a,"object")&&"h"in a&&"s"in a&&"b"in a&&(c=a.b,b=a.s,a=a.h,d=a.o),a*=360;var e,g,h,i,j;return a=a%360/60,j=c*b,i=j*(1-P(a%2-1)),e=g=h=c-j,a=~~a,e+=[j,i,0,0,i,j][a],g+=[i,j,j,i,0,0][a],h+=[0,0,i,j,j,i][a],nb(e,g,h,d)},d.hsl2rgb=function(a,b,c,d){f(a,"object")&&"h"in a&&"s"in a&&"l"in a&&(c=a.l,b=a.s,a=a.h),(a>1||b>1||c>1)&&(a/=360,b/=100,c/=100),a*=360;var e,g,h,i,j;return a=a%360/60,j=2*b*(.5>c?c:1-c),i=j*(1-P(a%2-1)),e=g=h=c-j/2,a=~~a,e+=[j,i,0,0,i,j][a],g+=[i,j,j,i,0,0][a],h+=[0,0,i,j,j,i][a],nb(e,g,h,d)},d.rgb2hsb=function(a,b,c){c=mb(a,b,c),a=c[0],b=c[1],c=c[2];var d,e,f,g;return f=N(a,b,c),g=f-O(a,b,c),d=0==g?null:f==a?(b-c)/g:f==b?(c-a)/g+2:(a-b)/g+4,d=60*((d+360)%6)/360,e=0==g?0:g/f,{h:d,s:e,b:f,toString:jb}},d.rgb2hsl=function(a,b,c){c=mb(a,b,c),a=c[0],b=c[1],c=c[2];var d,e,f,g,h,i;return g=N(a,b,c),h=O(a,b,c),i=g-h,d=0==i?null:g==a?(b-c)/i:g==b?(c-a)/i+2:(a-b)/i+4,d=60*((d+360)%6)/360,f=(g+h)/2,e=0==i?0:.5>f?i/(2*f):i/(2-2*f),{h:d,s:e,l:f,toString:kb}},d.parsePathString=function(a){if(!a)return null;var b=d.path(a);if(b.arr)return d.path.clone(b.arr);var c={a:7,c:6,o:2,h:1,l:2,m:2,r:4,q:4,s:4,t:2,v:1,u:3,z:0},e=[];return f(a,"array")&&f(a[0],"array")&&(e=d.path.clone(a)),e.length||J(a).replace(_,function(a,b,d){var f=[],g=b.toLowerCase();if(d.replace(bb,function(a,b){b&&f.push(+b)}),"m"==g&&f.length>2&&(e.push([b].concat(f.splice(0,2))),g="l",b="m"==b?"l":"L"),"o"==g&&1==f.length&&e.push([b,f[0]]),"r"==g)e.push([b].concat(f));else for(;f.length>=c[g]&&(e.push([b].concat(f.splice(0,c[g]))),c[g]););}),e.toString=d.path.toString,b.arr=d.path.clone(e),e};var ob=d.parseTransformString=function(a){if(!a)return null;var b=[];return f(a,"array")&&f(a[0],"array")&&(b=d.path.clone(a)),b.length||J(a).replace(ab,function(a,c,d){var e=[];c.toLowerCase(),d.replace(bb,function(a,b){b&&e.push(+b)}),b.push([c].concat(e))}),b.toString=d.path.toString,b},pb=new RegExp("^[a-z]["+X+"]*-?\\.?\\d");d._unit2px=r,d._.getSomeDefs=q,d.select=function(a){return y(H.doc.querySelector(a))},d.selectAll=function(a){for(var b=H.doc.querySelectorAll(a),c=(d.set||Array)(),e=0;e<b.length;e++)c.push(y(b[e]));return c},function(a){function g(a){function b(a,b){var c=e(a.node,b);c=c&&c.match(g),c=c&&c[2],c&&"#"==c.charAt()&&(c=c.substring(1),c&&(i[c]=(i[c]||[]).concat(function(c){var d={};d[b]="url(#"+c+")",e(a.node,d)})))}function c(a){var b=e(a.node,"xlink:href");b&&"#"==b.charAt()&&(b=b.substring(1),b&&(i[b]=(i[b]||[]).concat(function(b){a.attr("xlink:href","#"+b)})))}for(var d,f=a.selectAll("*"),g=/^\s*url\(("|'|)(.*)\1\)\s*$/,h=[],i={},j=0,k=f.length;k>j;j++){d=f[j],b(d,"fill"),b(d,"stroke"),b(d,"filter"),b(d,"mask"),b(d,"clip-path"),c(d);var l=e(d.node,"id");l&&(e(d.node,{id:d.id}),h.push({old:l,id:d.id}))}for(j=0,k=h.length;k>j;j++){var m=i[h[j].old];if(m)for(var n=0,o=m.length;o>n;n++)m[n](h[j].id)}}function h(a,b,c){return function(d){var e=d.slice(a,b);return 1==e.length&&(e=e[0]),c?c(e):e}}function i(a){return function(){var b=a?"<"+this.type:"",c=this.node.attributes,d=this.node.childNodes;if(a)for(var e=0,f=c.length;f>e;e++)b+=" "+c[e].name+'="'+c[e].value.replace(/"/g,'\\"')+'"';if(d.length){for(a&&(b+=">"),e=0,f=d.length;f>e;e++)3==d[e].nodeType?b+=d[e].nodeValue:1==d[e].nodeType&&(b+=y(d[e]).toString());a&&(b+="</"+this.type+">")}else a&&(b+="/>");return b}}a.attr=function(a,c){var d=this;if(d.node,!a)return d;if(f(a,"string")){if(!(arguments.length>1))return u(b("snap.util.getattr."+a,d));var e={};e[a]=c,a=e}for(var g in a)a[I](g)&&b("snap.util.attr."+g,d,a[g]);return d},a.getBBox=function(a){var b=this;if("use"==b.type&&(b=b.original),b.removed)return{};var c=b._;return a?((c.dirty||!c.bboxwt)&&(b.realPath=d.path.get[b.type](b),c.bboxwt=d.path.getBBox(b.realPath),c.bboxwt.toString=m,c.dirty=0),d._.box(c.bboxwt)):((c.dirty||c.dirtyT||!c.bbox)&&((c.dirty||!b.realPath)&&(c.bboxwt=0,b.realPath=d.path.get[b.type](b)),c.bbox=d.path.getBBox(d.path.map(b.realPath,b.matrix)),c.bbox.toString=m,c.dirty=c.dirtyT=0),d._.box(c.bbox))};var j=function(){return this.local};a.transform=function(a){var b=this._;if(null==a){var c=new n(this.node.getCTM()),d=p(this);return{string:J(b.transform)||"",globalMatrix:c,localMatrix:d,diffMatrix:c.clone().add(d.invert()),global:c.toTransformString(),local:d.toTransformString(),toString:j}}return a instanceof n&&(a=a.toTransformString()),p(this,a),this.node&&("linearGradient"==this.type||"radialGradient"==this.type?e(this.node,{gradientTransform:this.matrix}):"pattern"==this.type?e(this.node,{patternTransform:this.matrix}):e(this.node,{transform:this.matrix})),this},a.parent=function(){return y(this.node.parentNode)},a.append=a.add=function(a){if("set"==a.type){var b=this;return a.forEach(function(a){b.append(a)}),this}return a=y(a),this.node.appendChild(a.node),a.paper=this.paper,this},a.prepend=function(a){return a=y(a),this.node.insertBefore(a.node,this.node.firstChild),a.paper=this.paper,this},a.before=function(a){return a=y(a),this.node.parentNode.insertBefore(a.node,this.node),a.paper=this.paper,this},a.after=function(a){return a=y(a),this.node.parentNode.insertBefore(a.node,this.node.nextSibling),a.paper=this.paper,this},a.insertBefore=function(a){return a=y(a),a.node.parentNode.insertBefore(this.node,a.node),this.paper=a.paper,this},a.insertAfter=function(a){return a=y(a),a.node.parentNode.insertBefore(this.node,a.node.nextSibling),this.paper=a.paper,this},a.remove=function(){return this.node.parentNode&&this.node.parentNode.removeChild(this.node),delete this.paper,this.removed=!0,this},a.select=function(a){return y(this.node.querySelector(a))},a.selectAll=function(a){for(var b=this.node.querySelectorAll(a),c=(d.set||Array)(),e=0;e<b.length;e++)c.push(y(b[e]));return c},a.asPX=function(a,b){return null==b&&(b=this.attr(a)),r(this,a,b)},a.use=function(){var a,b=this.node.id;return b||(b=this.id,e(this.node,{id:b})),a="linearGradient"==this.type||"radialGradient"==this.type||"pattern"==this.type?w(this.type,this.node.parentNode):w("use",this.node.parentNode),e(a.node,{"xlink:href":"#"+b}),a.original=this,a
+},a.clone=function(){var a=y(this.node.cloneNode(!0));return e(a.node,"id")&&e(a.node,{id:a.id}),g(a),a.insertAfter(this),a},a.toDefs=function(){var a=q(this);return a.appendChild(this.node),this},a.pattern=function(a,b,c,d){var f=w("pattern",q(this));return null==a&&(a=this.getBBox()),a&&"x"in a&&(b=a.y,c=a.width,d=a.height,a=a.x),e(f.node,{x:a,y:b,width:c,height:d,patternUnits:"userSpaceOnUse",id:f.id,viewBox:[a,b,c,d].join(" ")}),f.node.appendChild(this.node),f},a.marker=function(a,b,c,d,f,g){var h=w("marker",q(this));return null==a&&(a=this.getBBox()),a&&"x"in a&&(b=a.y,c=a.width,d=a.height,f=a.refX||a.cx,g=a.refY||a.cy,a=a.x),e(h.node,{viewBox:[a,b,c,d].join(S),markerWidth:c,markerHeight:d,orient:"auto",refX:f||0,refY:g||0,id:h.id}),h.node.appendChild(this.node),h};var k=function(a,b,d,e){"function"!=typeof d||d.length||(e=d,d=c.linear),this.attr=a,this.dur=b,d&&(this.easing=d),e&&(this.callback=e)};d.animation=function(a,b,c,d){return new k(a,b,c,d)},a.inAnim=function(){var a=this,b=[];for(var c in a.anims)a.anims[I](c)&&function(a){b.push({anim:new k(a._attrs,a.dur,a.easing,a._callback),curStatus:a.status(),status:function(b){return a.status(b)},stop:function(){a.stop()}})}(a.anims[c]);return b},d.animate=function(a,d,e,f,g,h){"function"!=typeof g||g.length||(h=g,g=c.linear);var i=c.time(),j=c(a,d,i,i+f,c.time,e,g);return h&&b.once("mina.finish."+j.id,h),j},a.stop=function(){for(var a=this.inAnim(),b=0,c=a.length;c>b;b++)a[b].stop();return this},a.animate=function(a,d,e,g){"function"!=typeof e||e.length||(g=e,e=c.linear),a instanceof k&&(g=a.callback,e=a.easing,d=e.dur,a=a.attr);var i,j,l,m,n=[],o=[],p={},q=this;for(var r in a)if(a[I](r)){q.equal?(m=q.equal(r,J(a[r])),i=m.from,j=m.to,l=m.f):(i=+q.attr(r),j=+a[r]);var s=f(i,"array")?i.length:1;p[r]=h(n.length,n.length+s,l),n=n.concat(i),o=o.concat(j)}var t=c.time(),u=c(n,o,t,t+d,c.time,function(a){var b={};for(var c in p)p[I](c)&&(b[c]=p[c](a));q.attr(b)},e);return q.anims[u.id]=u,u._attrs=a,u._callback=g,b.once("mina.finish."+u.id,function(){delete q.anims[u.id],g&&g.call(q)}),b.once("mina.stop."+u.id,function(){delete q.anims[u.id]}),q};var l={};a.data=function(a,c){var e=l[this.id]=l[this.id]||{};if(1==arguments.length){if(d.is(a,"object")){for(var f in a)a[I](f)&&this.data(f,a[f]);return this}return b("snap.data.get."+this.id,this,e[a],a),e[a]}return e[a]=c,b("snap.data.set."+this.id,this,c,a),this},a.removeData=function(a){return null==a?l[this.id]={}:l[this.id]&&delete l[this.id][a],this},a.toString=i(1),a.innerSVG=i()}(t.prototype),d.parse=function(a){var c=H.doc.createDocumentFragment(),d=c;return b.on("elemental.tag",function(a,b){var c=e(a);b&&e(c,b),d.appendChild(c),d=c}),b.on("elemental.text",function(a){d.appendChild(H.doc.createTextNode(a))}),b.on("elemental./tag",function(){d=d.parentNode}),b.on("elemental.eof",function(){b.off("elemental.*"),b("snap.parsed",c)}),elemental().parse(a).end(),new v(c)},v.prototype.select=t.prototype.select,v.prototype.selectAll=t.prototype.selectAll,d.fragment=function(){for(var a=Array.prototype.slice.call(arguments,0),b=H.doc.createDocumentFragment(),c=0,e=a.length;e>c;c++){var f=a[c];f.node&&f.node.nodeType&&b.appendChild(f.node),f.nodeType&&b.appendChild(f),"string"==typeof f&&b.appendChild(d.parse(f).node)}return new v(b)},function(a){a.el=function(a,b){return w(a,this.node).attr(b)},a.rect=function(a,b,c,d,e,g){var h=w("rect",this.node);return null==g&&(g=e),f(a,"object")&&"x"in a?h.attr(a):null!=a&&(h.attr({x:a,y:b,width:c,height:d}),null!=e&&h.attr({rx:e,ry:g})),h},a.circle=function(a,b,c){var d=w("circle",this.node);return f(a,"object")&&"cx"in a?d.attr(a):null!=a&&d.attr({cx:a,cy:b,r:c}),d},a.image=function(a,b,c,d,g){var h=w("image",this.node);if(f(a,"object")&&"src"in a)h.attr(a);else if(null!=a){var i={"xlink:href":a,preserveAspectRatio:"none"};null!=b&&null!=c&&(i.x=b,i.y=c),null!=d&&null!=g?(i.width=d,i.height=g):hb(a,function(){e(h.node,{width:this.offsetWidth,height:this.offsetHeight})}),e(h.node,i)}return h},a.ellipse=function(a,b,c,d){var e=w("ellipse",this.node);return f(a,"object")&&"cx"in a?e.attr(a):null!=a&&e.attr({cx:a,cy:b,rx:c,ry:d}),e},a.path=function(a){var b=w("path",this.node);return f(a,"object")&&!f(a,"array")?b.attr(a):a&&b.attr({d:a}),b},a.group=a.g=function(b){var c=w("g",this.node);c.add=s;for(var d in a)a[I](d)&&(c[d]=a[d]);return 1==arguments.length&&b&&!b.type?c.attr(b):arguments.length&&c.add(Array.prototype.slice.call(arguments,0)),c},a.text=function(a,b,c){var d=w("text",this.node);return f(a,"object")?d.attr(a):null!=a&&d.attr({x:a,y:b,text:c||""}),d},a.line=function(a,b,c,d){var e=w("line",this.node);return f(a,"object")?e.attr(a):null!=a&&e.attr({x1:a,x2:c,y1:b,y2:d}),e},a.polyline=function(a){arguments.length>1&&(a=Array.prototype.slice.call(arguments,0));var b=w("polyline",this.node);return f(a,"object")&&!f(a,"array")?b.attr(a):null!=a&&b.attr({points:a}),b},a.polygon=function(a){arguments.length>1&&(a=Array.prototype.slice.call(arguments,0));var b=w("polygon",this.node);return f(a,"object")&&!f(a,"array")?b.attr(a):null!=a&&b.attr({points:a}),b},function(){a.gradient=function(a){return C(this.defs,a)},a.gradientLinear=function(a,b,c,d){return D(this.defs,a,b,c,d)},a.gradientRadial=function(a,b,c,d,e){return E(this.defs,a,b,c,d,e)},a.toString=function(){var a,b=H.doc.createDocumentFragment(),c=H.doc.createElement("div"),d=this.node.cloneNode(!0);return b.appendChild(c),c.appendChild(d),e(d,{xmlns:"http://www.w3.org/2000/svg"}),a=c.innerHTML,b.removeChild(b.firstChild),a}}()}(x.prototype),d.ajax=function(a,c,d,e){var g=new XMLHttpRequest,h=eb();if(g){if(f(c,"function"))e=d,d=c,c=null;else if(f(c,"object")){var i=[];for(var j in c)c.hasOwnProperty(j)&&i.push(encodeURIComponent(j)+"="+encodeURIComponent(c[j]));c=i.join("&")}return g.open(c?"POST":"GET",a,!0),g.setRequestHeader("X-Requested-With","XMLHttpRequest"),c&&g.setRequestHeader("Content-type","application/x-www-form-urlencoded"),d&&(b.once("snap.ajax."+h+".0",d),b.once("snap.ajax."+h+".200",d),b.once("snap.ajax."+h+".304",d)),g.onreadystatechange=function(){4==g.readyState&&b("snap.ajax."+h+"."+g.status,e,g)},4==g.readyState?g:(g.send(c),g)}},d.load=function(a,b,c){d.ajax(a,function(a){var e=d.parse(a.responseText);c?b.call(c,e):b(e)})},b.on("snap.util.attr.mask",function(a){if(a instanceof t||a instanceof v){if(b.stop(),a instanceof v&&1==a.node.childNodes.length&&(a=a.node.firstChild,q(this).appendChild(a),a=y(a)),"mask"==a.type)var c=a;else c=w("mask",q(this)),c.node.appendChild(a.node),!c.node.id&&e(c.node,{id:c.id});e(this.node,{mask:"url(#"+c.id+")"})}}),function(a){b.on("snap.util.attr.clip",a),b.on("snap.util.attr.clip-path",a),b.on("snap.util.attr.clipPath",a)}(function(a){if(a instanceof t||a instanceof v){if(b.stop(),"clipPath"==a.type)var c=a;else c=w("clipPath",q(this)),c.node.appendChild(a.node),!c.node.id&&e(c.node,{id:c.id});e(this.node,{"clip-path":"url(#"+c.id+")"})}}),b.on("snap.util.attr.fill",F("fill")),b.on("snap.util.attr.stroke",F("stroke"));var qb=/^([lr])(?:\(([^)]*)\))?(.*)$/i;b.on("snap.util.grad.parse",function(a){a=J(a);var b=a.match(qb);if(!b)return null;var c=b[1],d=b[2],e=b[3];return d=d.split(/\s*,\s*/).map(function(a){return+a==a?+a:a}),1==d.length&&0==d[0]&&(d=[]),e=e.split("-"),e=e.map(function(a){a=a.split(":");var b={color:a[0]};return a[1]&&(b.offset=a[1]),b}),{type:c,params:d,stops:e}}),b.on("snap.util.attr.d",function(a){b.stop(),f(a,"array")&&f(a[0],"array")&&(a=d.path.toString.call(a)),a=J(a),a.match(/[ruo]/i)&&(a=d.path.toAbsolute(a)),e(this.node,{d:a})})(-1),b.on("snap.util.attr.#text",function(a){b.stop(),a=J(a);for(var c=H.doc.createTextNode(a);this.node.firstChild;)this.node.removeChild(this.node.firstChild);this.node.appendChild(c)})(-1),b.on("snap.util.attr.path",function(a){b.stop(),this.attr({d:a})})(-1),b.on("snap.util.attr.viewBox",function(a){var c;c=f(a,"object")&&"x"in a?[a.x,a.y,a.width,a.height].join(" "):f(a,"array")?a.join(" "):a,e(this.node,{viewBox:c}),b.stop()})(-1),b.on("snap.util.attr.transform",function(a){this.transform(a),b.stop()})(-1),b.on("snap.util.attr.r",function(a){"rect"==this.type&&(b.stop(),e(this.node,{rx:a,ry:a}))})(-1),b.on("snap.util.attr.text",function(a){if("text"==this.type){for(var c=this.node,d=function(a){var b=e("tspan");if(f(a,"array"))for(var c=0;c<a.length;c++)b.appendChild(d(a[c]));else b.appendChild(H.doc.createTextNode(a));return b.normalize&&b.normalize(),b};c.firstChild;)c.removeChild(c.firstChild);for(var g=d(a);g.firstChild;)c.appendChild(g.firstChild)}b.stop()})(-1);var rb={rect:{x:0,y:0,width:0,height:0,rx:0,ry:0,"class":0},circle:{cx:0,cy:0,r:0,"class":0},ellipse:{cx:0,cy:0,rx:0,ry:0,"class":0},line:{x1:0,y1:0,x2:0,y2:0,"class":0},polyline:{points:"","class":0},polygon:{points:"","class":0},text:{x:0,y:0,dx:0,dy:0,rotate:0,textLength:0,lengthAdjust:0,"class":0},tspan:{x:0,y:0,dx:0,dy:0,rotate:0,textLength:0,lengthAdjust:0,"class":0},textPath:{"xlink:href":0,startOffset:0,method:0,spacing:0,"class":0},marker:{viewBox:0,preserveAspectRatio:0,refX:0,refY:0,markerUnits:0,markerWidth:0,markerHeight:0,orient:0,"class":0},use:{"class":0,externalResourcesRequired:0,x:0,y:0,width:0,height:0,"xlink:href":0},linearGradient:{x1:0,y1:0,x2:0,y2:0,gradientUnits:0,gradientTransform:0,spreadMethod:0,"xlink:href":0,"class":0},radialGradient:{cx:0,cy:0,r:0,fx:0,fy:0,gradientUnits:0,gradientTransform:0,spreadMethod:0,"xlink:href":0,"class":0},stop:{offset:0,"class":0},pattern:{viewBox:0,preserveAspectRatio:0,x:0,y:0,width:0,height:0,patternUnits:0,patternContentUnits:0,patternTransform:0,"xlink:href":0,"class":0},clipPath:{transform:0,clipPathUnits:0,"class":0},mask:{x:0,y:0,width:0,height:0,maskUnits:0,maskContentUnits:0,"class":0},image:{preserveAspectRatio:0,transform:0,x:0,y:0,width:0,height:0,"xlink:href":0,"class":0},path:{d:"","class":0},g:{"class":0},feDistantLight:{azimuth:0,elevation:0},fePointLight:{x:0,y:0,z:0},feSpotLight:{x:0,y:0,z:0,pointsAtX:0,pointsAtY:0,pointsAtZ:0,specularExponent:0,limitingConeAngle:0},feBlend:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,in2:0,mode:0},feColorMatrix:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,type:0,values:0},feComponentTransfer:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0},feComposite:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,in2:0,operator:0,k1:0,k2:0,k3:0,k4:0},feConvolveMatrix:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,order:0,kernelMatrix:0,divisor:0,bias:0,targetX:0,targetY:0,edgeMode:0,kernelUnitLength:0,preserveAlpha:0},feDiffuseLighting:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,surfaceScale:0,diffuseConstant:0,kernelUnitLength:0},feDisplacementMap:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,in2:0,scale:0,xChannelSelector:0,yChannelSelector:0},feFlood:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"flood-color":0,"flood-opacity":0},feGaussianBlur:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,stdDeviation:0},feImage:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,externalResourcesRequired:0,preserveAspectRatio:0,"xlink:href":0},feMerge:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0},feMergeNode:{"in":0},feMorphology:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,operator:0,radius:0},feOffset:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,dx:0,dy:0},feSpecularLighting:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0,surfaceScale:0,specularConstant:0,specularExponent:0,kernelUnitLength:0},feTile:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,"in":0},feTurbulence:{height:0,result:0,width:0,x:0,y:0,"class":0,style:0,baseFrequency:0,numOctaves:0,seed:0,stitchTiles:0,type:0}};return rb.feFuncR=rb.feFuncG=rb.feFuncB=rb.feFuncA={type:0,tableValues:0,slope:0,intercept:0,amplitude:0,exponent:0,offset:0},b.on("snap.util.attr",function(a){var c=b.nt();c=c.substring(c.lastIndexOf(".")+1);var d=c.replace(/-(\w)/gi,function(a,b){return b.toUpperCase()});rb[I](this.type)&&rb[this.type][I](c)?null==a?this.node.removeAttribute(c):this.node.setAttribute(c,a):this.node.style[d]=null==a?R:a}),b.on("snap.util.getattr.transform",function(){return b.stop(),this.transform()})(-1),function(){function a(a){return function(){b.stop();var c=H.doc.defaultView.getComputedStyle(this.node,null).getPropertyValue("marker-"+a);return"none"==c?c:d(H.doc.getElementById(c.match(W)[1]))}}function c(a){return function(c){b.stop();var d="marker"+a.charAt(0).toUpperCase()+a.substring(1);if(""==c||!c)return this.node.style[d]="none",void 0;if("marker"==c.type){var f=c.node.id;return f||e(c.node,{id:c.id}),this.node.style[d]="url(#"+f+")",void 0}}}b.on("snap.util.getattr.marker-end",a("end"))(-1),b.on("snap.util.getattr.markerEnd",a("end"))(-1),b.on("snap.util.getattr.marker-start",a("start"))(-1),b.on("snap.util.getattr.markerStart",a("start"))(-1),b.on("snap.util.getattr.marker-mid",a("mid"))(-1),b.on("snap.util.getattr.markerMid",a("mid"))(-1),b.on("snap.util.attr.marker-end",c("end"))(-1),b.on("snap.util.attr.markerEnd",c("end"))(-1),b.on("snap.util.attr.marker-start",c("start"))(-1),b.on("snap.util.attr.markerStart",c("start"))(-1),b.on("snap.util.attr.marker-mid",c("mid"))(-1),b.on("snap.util.attr.markerMid",c("mid"))(-1)}(),b.on("snap.util.getattr.r",function(){return"rect"==this.type&&e(this.node,"rx")==e(this.node,"ry")?(b.stop(),e(this.node,"rx")):void 0})(-1),b.on("snap.util.getattr.text",function(){if("text"==this.type||"tspan"==this.type){b.stop();var a=G(this.node);return 1==a.length?a[0]:a}})(-1),b.on("snap.util.getattr.#text",function(){return this.node.textContent})(-1),b.on("snap.util.getattr.viewBox",function(){b.stop();var a=e(this.node,"viewBox").split(Y);return d._.box(+a[0],+a[1],+a[2],+a[3])})(-1),b.on("snap.util.getattr.points",function(){var a=e(this.node,"points");return b.stop(),a.split(Y)}),b.on("snap.util.getattr.path",function(){var a=e(this.node,"d");return b.stop(),a}),b.on("snap.util.getattr",function(){var a=b.nt();a=a.substring(a.lastIndexOf(".")+1);var c=a.replace(/-(\w)/gi,function(a,b){return b.toUpperCase()});return rb[I](this.type)&&rb[this.type][I](a)?this.node.getAttribute(a):H.doc.defaultView.getComputedStyle(this.node,null).getPropertyValue(c)}),d.plugin=function(a){a(d,t,x,H)},H.win.Snap=d,d}();return d.plugin(function(a,b){function c(a){var b=c.ps=c.ps||{};return b[a]?b[a].sleep=100:b[a]={sleep:100},setTimeout(function(){for(var c in b)b[L](c)&&c!=a&&(b[c].sleep--,!b[c].sleep&&delete b[c])}),b[a]}function d(a,b,c,d){return null==a&&(a=b=c=d=0),null==b&&(b=a.y,c=a.width,d=a.height,a=a.x),{x:a,y:b,width:c,w:c,height:d,h:d,x2:a+c,y2:b+d,cx:a+c/2,cy:b+d/2,r1:O.min(c,d)/2,r2:O.max(c,d)/2,r0:O.sqrt(c*c+d*d)/2,path:w(a,b,c,d),vb:[a,b,c,d].join(" ")}}function e(){return this.join(",").replace(M,"$1")}function f(a){var b=K(a);return b.toString=e,b}function g(a,b,c,d,e,f,g,h,j){return null==j?n(a,b,c,d,e,f,g,h):i(a,b,c,d,e,f,g,h,o(a,b,c,d,e,f,g,h,j))}function h(c,d){function e(a){return+(+a).toFixed(3)}return a._.cacher(function(a,f,h){a instanceof b&&(a=a.attr("d")),a=F(a);for(var j,k,l,m,n,o="",p={},q=0,r=0,s=a.length;s>r;r++){if(l=a[r],"M"==l[0])j=+l[1],k=+l[2];else{if(m=g(j,k,l[1],l[2],l[3],l[4],l[5],l[6]),q+m>f){if(d&&!p.start){if(n=g(j,k,l[1],l[2],l[3],l[4],l[5],l[6],f-q),o+=["C"+e(n.start.x),e(n.start.y),e(n.m.x),e(n.m.y),e(n.x),e(n.y)],h)return o;p.start=o,o=["M"+e(n.x),e(n.y)+"C"+e(n.n.x),e(n.n.y),e(n.end.x),e(n.end.y),e(l[5]),e(l[6])].join(),q+=m,j=+l[5],k=+l[6];continue}if(!c&&!d)return n=g(j,k,l[1],l[2],l[3],l[4],l[5],l[6],f-q)}q+=m,j=+l[5],k=+l[6]}o+=l.shift()+l}return p.end=o,n=c?q:d?p:i(j,k,l[0],l[1],l[2],l[3],l[4],l[5],1)},null,a._.clone)}function i(a,b,c,d,e,f,g,h,i){var j=1-i,k=S(j,3),l=S(j,2),m=i*i,n=m*i,o=k*a+3*l*i*c+3*j*i*i*e+n*g,p=k*b+3*l*i*d+3*j*i*i*f+n*h,q=a+2*i*(c-a)+m*(e-2*c+a),r=b+2*i*(d-b)+m*(f-2*d+b),s=c+2*i*(e-c)+m*(g-2*e+c),t=d+2*i*(f-d)+m*(h-2*f+d),u=j*a+i*c,v=j*b+i*d,w=j*e+i*g,x=j*f+i*h,y=90-180*O.atan2(q-s,r-t)/P;return{x:o,y:p,m:{x:q,y:r},n:{x:s,y:t},start:{x:u,y:v},end:{x:w,y:x},alpha:y}}function j(b,c,e,f,g,h,i,j){a.is(b,"array")||(b=[b,c,e,f,g,h,i,j]);var k=E.apply(null,b);return d(k.min.x,k.min.y,k.max.x-k.min.x,k.max.y-k.min.y)}function k(a,b,c){return b>=a.x&&b<=a.x+a.width&&c>=a.y&&c<=a.y+a.height}function l(a,b){return a=d(a),b=d(b),k(b,a.x,a.y)||k(b,a.x2,a.y)||k(b,a.x,a.y2)||k(b,a.x2,a.y2)||k(a,b.x,b.y)||k(a,b.x2,b.y)||k(a,b.x,b.y2)||k(a,b.x2,b.y2)||(a.x<b.x2&&a.x>b.x||b.x<a.x2&&b.x>a.x)&&(a.y<b.y2&&a.y>b.y||b.y<a.y2&&b.y>a.y)}function m(a,b,c,d,e){var f=-3*b+9*c-9*d+3*e,g=a*f+6*b-12*c+6*d;return a*g-3*b+3*c}function n(a,b,c,d,e,f,g,h,i){null==i&&(i=1),i=i>1?1:0>i?0:i;for(var j=i/2,k=12,l=[-.1252,.1252,-.3678,.3678,-.5873,.5873,-.7699,.7699,-.9041,.9041,-.9816,.9816],n=[.2491,.2491,.2335,.2335,.2032,.2032,.1601,.1601,.1069,.1069,.0472,.0472],o=0,p=0;k>p;p++){var q=j*l[p]+j,r=m(q,a,c,e,g),s=m(q,b,d,f,h),t=r*r+s*s;o+=n[p]*O.sqrt(t)}return j*o}function o(a,b,c,d,e,f,g,h,i){if(!(0>i||n(a,b,c,d,e,f,g,h)<i)){var j,k=1,l=k/2,m=k-l,o=.01;for(j=n(a,b,c,d,e,f,g,h,m);T(j-i)>o;)l/=2,m+=(i>j?1:-1)*l,j=n(a,b,c,d,e,f,g,h,m);return m}}function p(a,b,c,d,e,f,g,h){if(!(R(a,c)<Q(e,g)||Q(a,c)>R(e,g)||R(b,d)<Q(f,h)||Q(b,d)>R(f,h))){var i=(a*d-b*c)*(e-g)-(a-c)*(e*h-f*g),j=(a*d-b*c)*(f-h)-(b-d)*(e*h-f*g),k=(a-c)*(f-h)-(b-d)*(e-g);if(k){var l=i/k,m=j/k,n=+l.toFixed(2),o=+m.toFixed(2);if(!(n<+Q(a,c).toFixed(2)||n>+R(a,c).toFixed(2)||n<+Q(e,g).toFixed(2)||n>+R(e,g).toFixed(2)||o<+Q(b,d).toFixed(2)||o>+R(b,d).toFixed(2)||o<+Q(f,h).toFixed(2)||o>+R(f,h).toFixed(2)))return{x:l,y:m}}}}function q(a,b,c){var d=j(a),e=j(b);if(!l(d,e))return c?0:[];for(var f=n.apply(0,a),g=n.apply(0,b),h=~~(f/5),k=~~(g/5),m=[],o=[],q={},r=c?0:[],s=0;h+1>s;s++){var t=i.apply(0,a.concat(s/h));m.push({x:t.x,y:t.y,t:s/h})}for(s=0;k+1>s;s++)t=i.apply(0,b.concat(s/k)),o.push({x:t.x,y:t.y,t:s/k});for(s=0;h>s;s++)for(var u=0;k>u;u++){var v=m[s],w=m[s+1],x=o[u],y=o[u+1],z=T(w.x-v.x)<.001?"y":"x",A=T(y.x-x.x)<.001?"y":"x",B=p(v.x,v.y,w.x,w.y,x.x,x.y,y.x,y.y);if(B){if(q[B.x.toFixed(4)]==B.y.toFixed(4))continue;q[B.x.toFixed(4)]=B.y.toFixed(4);var C=v.t+T((B[z]-v[z])/(w[z]-v[z]))*(w.t-v.t),D=x.t+T((B[A]-x[A])/(y[A]-x[A]))*(y.t-x.t);C>=0&&1>=C&&D>=0&&1>=D&&(c?r++:r.push({x:B.x,y:B.y,t1:C,t2:D}))}}return r}function r(a,b){return t(a,b)}function s(a,b){return t(a,b,1)}function t(a,b,c){a=F(a),b=F(b);for(var d,e,f,g,h,i,j,k,l,m,n=c?0:[],o=0,p=a.length;p>o;o++){var r=a[o];if("M"==r[0])d=h=r[1],e=i=r[2];else{"C"==r[0]?(l=[d,e].concat(r.slice(1)),d=l[6],e=l[7]):(l=[d,e,d,e,h,i,h,i],d=h,e=i);for(var s=0,t=b.length;t>s;s++){var u=b[s];if("M"==u[0])f=j=u[1],g=k=u[2];else{"C"==u[0]?(m=[f,g].concat(u.slice(1)),f=m[6],g=m[7]):(m=[f,g,f,g,j,k,j,k],f=j,g=k);var v=q(l,m,c);if(c)n+=v;else{for(var w=0,x=v.length;x>w;w++)v[w].segment1=o,v[w].segment2=s,v[w].bez1=l,v[w].bez2=m;n=n.concat(v)}}}}}return n}function u(a,b,c){var d=v(a);return k(d,b,c)&&1==t(a,[["M",b,c],["H",d.x2+10]],1)%2}function v(a){var b=c(a);if(b.bbox)return K(b.bbox);if(!a)return d();a=F(a);for(var e,f=0,g=0,h=[],i=[],j=0,k=a.length;k>j;j++)if(e=a[j],"M"==e[0])f=e[1],g=e[2],h.push(f),i.push(g);else{var l=E(f,g,e[1],e[2],e[3],e[4],e[5],e[6]);h=h.concat(l.min.x,l.max.x),i=i.concat(l.min.y,l.max.y),f=e[5],g=e[6]}var m=Q.apply(0,h),n=Q.apply(0,i),o=R.apply(0,h),p=R.apply(0,i),q=d(m,n,o-m,p-n);return b.bbox=K(q),q}function w(a,b,c,d,f){if(f)return[["M",a+f,b],["l",c-2*f,0],["a",f,f,0,0,1,f,f],["l",0,d-2*f],["a",f,f,0,0,1,-f,f],["l",2*f-c,0],["a",f,f,0,0,1,-f,-f],["l",0,2*f-d],["a",f,f,0,0,1,f,-f],["z"]];var g=[["M",a,b],["l",c,0],["l",0,d],["l",-c,0],["z"]];return g.toString=e,g}function x(a,b,c,d,f){if(null==f&&null==d&&(d=c),null!=f)var g=Math.PI/180,h=a+c*Math.cos(-d*g),i=a+c*Math.cos(-f*g),j=b+c*Math.sin(-d*g),k=b+c*Math.sin(-f*g),l=[["M",h,j],["A",c,c,0,+(f-d>180),0,i,k]];else l=[["M",a,b],["m",0,-d],["a",c,d,0,1,1,0,2*d],["a",c,d,0,1,1,0,-2*d],["z"]];return l.toString=e,l}function y(b){var d=c(b),g=String.prototype.toLowerCase;if(d.rel)return f(d.rel);a.is(b,"array")&&a.is(b&&b[0],"array")||(b=a.parsePathString(b));var h=[],i=0,j=0,k=0,l=0,m=0;"M"==b[0][0]&&(i=b[0][1],j=b[0][2],k=i,l=j,m++,h.push(["M",i,j]));for(var n=m,o=b.length;o>n;n++){var p=h[n]=[],q=b[n];if(q[0]!=g.call(q[0]))switch(p[0]=g.call(q[0]),p[0]){case"a":p[1]=q[1],p[2]=q[2],p[3]=q[3],p[4]=q[4],p[5]=q[5],p[6]=+(q[6]-i).toFixed(3),p[7]=+(q[7]-j).toFixed(3);break;case"v":p[1]=+(q[1]-j).toFixed(3);break;case"m":k=q[1],l=q[2];default:for(var r=1,s=q.length;s>r;r++)p[r]=+(q[r]-(r%2?i:j)).toFixed(3)}else{p=h[n]=[],"m"==q[0]&&(k=q[1]+i,l=q[2]+j);for(var t=0,u=q.length;u>t;t++)h[n][t]=q[t]}var v=h[n].length;switch(h[n][0]){case"z":i=k,j=l;break;case"h":i+=+h[n][v-1];break;case"v":j+=+h[n][v-1];break;default:i+=+h[n][v-2],j+=+h[n][v-1]}}return h.toString=e,d.rel=f(h),h}function z(b){var d=c(b);if(d.abs)return f(d.abs);if(J(b,"array")&&J(b&&b[0],"array")||(b=a.parsePathString(b)),!b||!b.length)return[["M",0,0]];var g,h=[],i=0,j=0,k=0,l=0,m=0;"M"==b[0][0]&&(i=+b[0][1],j=+b[0][2],k=i,l=j,m++,h[0]=["M",i,j]);for(var n,o,p=3==b.length&&"M"==b[0][0]&&"R"==b[1][0].toUpperCase()&&"Z"==b[2][0].toUpperCase(),q=m,r=b.length;r>q;q++){if(h.push(n=[]),o=b[q],g=o[0],g!=g.toUpperCase())switch(n[0]=g.toUpperCase(),n[0]){case"A":n[1]=o[1],n[2]=o[2],n[3]=o[3],n[4]=o[4],n[5]=o[5],n[6]=+(o[6]+i),n[7]=+(o[7]+j);break;case"V":n[1]=+o[1]+j;break;case"H":n[1]=+o[1]+i;break;case"R":for(var s=[i,j].concat(o.slice(1)),t=2,u=s.length;u>t;t++)s[t]=+s[t]+i,s[++t]=+s[t]+j;h.pop(),h=h.concat(H(s,p));break;case"O":h.pop(),s=x(i,j,o[1],o[2]),s.push(s[0]),h=h.concat(s);break;case"U":h.pop(),h=h.concat(x(i,j,o[1],o[2],o[3])),n=["U"].concat(h[h.length-1].slice(-2));break;case"M":k=+o[1]+i,l=+o[2]+j;default:for(t=1,u=o.length;u>t;t++)n[t]=+o[t]+(t%2?i:j)}else if("R"==g)s=[i,j].concat(o.slice(1)),h.pop(),h=h.concat(H(s,p)),n=["R"].concat(o.slice(-2));else if("O"==g)h.pop(),s=x(i,j,o[1],o[2]),s.push(s[0]),h=h.concat(s);else if("U"==g)h.pop(),h=h.concat(x(i,j,o[1],o[2],o[3])),n=["U"].concat(h[h.length-1].slice(-2));else for(var v=0,w=o.length;w>v;v++)n[v]=o[v];if(g=g.toUpperCase(),"O"!=g)switch(n[0]){case"Z":i=k,j=l;break;case"H":i=n[1];break;case"V":j=n[1];break;case"M":k=n[n.length-2],l=n[n.length-1];default:i=n[n.length-2],j=n[n.length-1]}}return h.toString=e,d.abs=f(h),h}function A(a,b,c,d){return[a,b,c,d,c,d]}function B(a,b,c,d,e,f){var g=1/3,h=2/3;return[g*a+h*c,g*b+h*d,g*e+h*c,g*f+h*d,e,f]}function C(b,c,d,e,f,g,h,i,j,k){var l,m=120*P/180,n=P/180*(+f||0),o=[],p=a._.cacher(function(a,b,c){var d=a*O.cos(c)-b*O.sin(c),e=a*O.sin(c)+b*O.cos(c);return{x:d,y:e}});if(k)y=k[0],z=k[1],w=k[2],x=k[3];else{l=p(b,c,-n),b=l.x,c=l.y,l=p(i,j,-n),i=l.x,j=l.y;var q=(O.cos(P/180*f),O.sin(P/180*f),(b-i)/2),r=(c-j)/2,s=q*q/(d*d)+r*r/(e*e);s>1&&(s=O.sqrt(s),d=s*d,e=s*e);var t=d*d,u=e*e,v=(g==h?-1:1)*O.sqrt(T((t*u-t*r*r-u*q*q)/(t*r*r+u*q*q))),w=v*d*r/e+(b+i)/2,x=v*-e*q/d+(c+j)/2,y=O.asin(((c-x)/e).toFixed(9)),z=O.asin(((j-x)/e).toFixed(9));y=w>b?P-y:y,z=w>i?P-z:z,0>y&&(y=2*P+y),0>z&&(z=2*P+z),h&&y>z&&(y-=2*P),!h&&z>y&&(z-=2*P)}var A=z-y;if(T(A)>m){var B=z,D=i,E=j;z=y+m*(h&&z>y?1:-1),i=w+d*O.cos(z),j=x+e*O.sin(z),o=C(i,j,d,e,f,0,h,D,E,[z,B,w,x])}A=z-y;var F=O.cos(y),G=O.sin(y),H=O.cos(z),I=O.sin(z),J=O.tan(A/4),K=4/3*d*J,L=4/3*e*J,M=[b,c],N=[b+K*G,c-L*F],Q=[i+K*I,j-L*H],R=[i,j];if(N[0]=2*M[0]-N[0],N[1]=2*M[1]-N[1],k)return[N,Q,R].concat(o);o=[N,Q,R].concat(o).join().split(",");for(var S=[],U=0,V=o.length;V>U;U++)S[U]=U%2?p(o[U-1],o[U],n).y:p(o[U],o[U+1],n).x;return S}function D(a,b,c,d,e,f,g,h,i){var j=1-i;return{x:S(j,3)*a+3*S(j,2)*i*c+3*j*i*i*e+S(i,3)*g,y:S(j,3)*b+3*S(j,2)*i*d+3*j*i*i*f+S(i,3)*h}}function E(a,b,c,d,e,f,g,h){var i,j=e-2*c+a-(g-2*e+c),k=2*(c-a)-2*(e-c),l=a-c,m=(-k+O.sqrt(k*k-4*j*l))/2/j,n=(-k-O.sqrt(k*k-4*j*l))/2/j,o=[b,h],p=[a,g];return T(m)>"1e12"&&(m=.5),T(n)>"1e12"&&(n=.5),m>0&&1>m&&(i=D(a,b,c,d,e,f,g,h,m),p.push(i.x),o.push(i.y)),n>0&&1>n&&(i=D(a,b,c,d,e,f,g,h,n),p.push(i.x),o.push(i.y)),j=f-2*d+b-(h-2*f+d),k=2*(d-b)-2*(f-d),l=b-d,m=(-k+O.sqrt(k*k-4*j*l))/2/j,n=(-k-O.sqrt(k*k-4*j*l))/2/j,T(m)>"1e12"&&(m=.5),T(n)>"1e12"&&(n=.5),m>0&&1>m&&(i=D(a,b,c,d,e,f,g,h,m),p.push(i.x),o.push(i.y)),n>0&&1>n&&(i=D(a,b,c,d,e,f,g,h,n),p.push(i.x),o.push(i.y)),{min:{x:Q.apply(0,p),y:Q.apply(0,o)},max:{x:R.apply(0,p),y:R.apply(0,o)}}}function F(a,b){var d=!b&&c(a);if(!b&&d.curve)return f(d.curve);for(var e=z(a),g=b&&z(b),h={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},i={x:0,y:0,bx:0,by:0,X:0,Y:0,qx:null,qy:null},j=(function(a,b){var c,d;if(!a)return["C",b.x,b.y,b.x,b.y,b.x,b.y];switch(!(a[0]in{T:1,Q:1})&&(b.qx=b.qy=null),a[0]){case"M":b.X=a[1],b.Y=a[2];break;case"A":a=["C"].concat(C.apply(0,[b.x,b.y].concat(a.slice(1))));break;case"S":c=b.x+(b.x-(b.bx||b.x)),d=b.y+(b.y-(b.by||b.y)),a=["C",c,d].concat(a.slice(1));break;case"T":b.qx=b.x+(b.x-(b.qx||b.x)),b.qy=b.y+(b.y-(b.qy||b.y)),a=["C"].concat(B(b.x,b.y,b.qx,b.qy,a[1],a[2]));break;case"Q":b.qx=a[1],b.qy=a[2],a=["C"].concat(B(b.x,b.y,a[1],a[2],a[3],a[4]));break;case"L":a=["C"].concat(A(b.x,b.y,a[1],a[2]));break;case"H":a=["C"].concat(A(b.x,b.y,a[1],b.y));break;case"V":a=["C"].concat(A(b.x,b.y,b.x,a[1]));break;case"Z":a=["C"].concat(A(b.x,b.y,b.X,b.Y))}return a}),k=function(a,b){if(a[b].length>7){a[b].shift();for(var c=a[b];c.length;)a.splice(b++,0,["C"].concat(c.splice(0,6)));a.splice(b,1),n=R(e.length,g&&g.length||0)}},l=function(a,b,c,d,f){a&&b&&"M"==a[f][0]&&"M"!=b[f][0]&&(b.splice(f,0,["M",d.x,d.y]),c.bx=0,c.by=0,c.x=a[f][1],c.y=a[f][2],n=R(e.length,g&&g.length||0))},m=0,n=R(e.length,g&&g.length||0);n>m;m++){e[m]=j(e[m],h),k(e,m),g&&(g[m]=j(g[m],i)),g&&k(g,m),l(e,g,h,i,m),l(g,e,i,h,m);var o=e[m],p=g&&g[m],q=o.length,r=g&&p.length;h.x=o[q-2],h.y=o[q-1],h.bx=N(o[q-4])||h.x,h.by=N(o[q-3])||h.y,i.bx=g&&(N(p[r-4])||i.x),i.by=g&&(N(p[r-3])||i.y),i.x=g&&p[r-2],i.y=g&&p[r-1]}return g||(d.curve=f(e)),g?[e,g]:e}function G(a,b){if(!b)return a;var c,d,e,f,g,h,i;for(a=F(a),e=0,g=a.length;g>e;e++)for(i=a[e],f=1,h=i.length;h>f;f+=2)c=b.x(i[f],i[f+1]),d=b.y(i[f],i[f+1]),i[f]=c,i[f+1]=d;return a}function H(a,b){for(var c=[],d=0,e=a.length;e-2*!b>d;d+=2){var f=[{x:+a[d-2],y:+a[d-1]},{x:+a[d],y:+a[d+1]},{x:+a[d+2],y:+a[d+3]},{x:+a[d+4],y:+a[d+5]}];b?d?e-4==d?f[3]={x:+a[0],y:+a[1]}:e-2==d&&(f[2]={x:+a[0],y:+a[1]},f[3]={x:+a[2],y:+a[3]}):f[0]={x:+a[e-2],y:+a[e-1]}:e-4==d?f[3]=f[2]:d||(f[0]={x:+a[d],y:+a[d+1]}),c.push(["C",(-f[0].x+6*f[1].x+f[2].x)/6,(-f[0].y+6*f[1].y+f[2].y)/6,(f[1].x+6*f[2].x-f[3].x)/6,(f[1].y+6*f[2].y-f[3].y)/6,f[2].x,f[2].y])}return c}var I=b.prototype,J=a.is,K=a._.clone,L="hasOwnProperty",M=/,?([a-z]),?/gi,N=parseFloat,O=Math,P=O.PI,Q=O.min,R=O.max,S=O.pow,T=O.abs,U=h(1),V=h(),W=h(0,1),X=a._unit2px,Y={path:function(a){return a.attr("path")},circle:function(a){var b=X(a);return x(b.cx,b.cy,b.r)},ellipse:function(a){var b=X(a);return x(b.cx,b.cy,b.rx,b.ry)},rect:function(a){var b=X(a);return w(b.x,b.y,b.width,b.height,b.rx,b.ry)},image:function(a){var b=X(a);return w(b.x,b.y,b.width,b.height)},text:function(a){var b=a.node.getBBox();return w(b.x,b.y,b.width,b.height)},g:function(a){var b=a.node.getBBox();return w(b.x,b.y,b.width,b.height)},symbol:function(a){var b=a.getBBox();return w(b.x,b.y,b.width,b.height)}};a.path=c,a.path.getTotalLength=U,a.path.getPointAtLength=V,a.path.getSubpath=function(a,b,c){if(this.getTotalLength(a)-c<1e-6)return W(a,b).end;var d=W(a,c,1);return b?W(d,b).end:d},I.getTotalLength=function(){return this.node.getTotalLength?this.node.getTotalLength():void 0},I.getPointAtLength=function(a){return V(this.attr("d"),a)},I.getSubpath=function(b,c){return a.path.getSubpath(this.attr("d"),b,c)},a._.box=d,a.path.findDotsAtSegment=i,a.path.bezierBBox=j,a.path.isPointInsideBBox=k,a.path.isBBoxIntersect=l,a.path.intersection=r,a.path.intersectionNumber=s,a.path.isPointInside=u,a.path.getBBox=v,a.path.get=Y,a.path.toRelative=y,a.path.toAbsolute=z,a.path.toCubic=F,a.path.map=G,a.path.toString=e,a.path.clone=f}),d.plugin(function(a){var b=Math.max,c=Math.min,d=function(a){if(this.items=[],this.length=0,this.type="set",a)for(var b=0,c=a.length;c>b;b++)a[b]&&(this[this.items.length]=this.items[this.items.length]=a[b],this.length++)},e=d.prototype;e.push=function(){for(var a,b,c=0,d=arguments.length;d>c;c++)a=arguments[c],a&&(b=this.items.length,this[b]=this.items[b]=a,this.length++);return this},e.pop=function(){return this.length&&delete this[this.length--],this.items.pop()},e.forEach=function(a,b){for(var c=0,d=this.items.length;d>c;c++)if(a.call(b,this.items[c],c)===!1)return this;return this},e.attr=function(a){for(var b=0,c=this.items.length;c>b;b++)this.items[b].attr(a);return this},e.clear=function(){for(;this.length;)this.pop()},e.splice=function(a,e){a=0>a?b(this.length+a,0):a,e=b(0,c(this.length-a,e));var f,g=[],h=[],i=[];for(f=2;f<arguments.length;f++)i.push(arguments[f]);for(f=0;e>f;f++)h.push(this[a+f]);for(;f<this.length-a;f++)g.push(this[a+f]);var j=i.length;for(f=0;f<j+g.length;f++)this.items[a+f]=this[a+f]=j>f?i[f]:g[f-j];for(f=this.items.length=this.length-=e-j;this[f];)delete this[f++];return new d(h)},e.exclude=function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]==a)return this.splice(b,1),!0;return!1},e.insertAfter=function(a){for(var b=this.items.length;b--;)this.items[b].insertAfter(a);return this},e.getBBox=function(){for(var a=[],d=[],e=[],f=[],g=this.items.length;g--;)if(!this.items[g].removed){var h=this.items[g].getBBox();a.push(h.x),d.push(h.y),e.push(h.x+h.width),f.push(h.y+h.height)}return a=c.apply(0,a),d=c.apply(0,d),e=b.apply(0,e),f=b.apply(0,f),{x:a,y:d,x2:e,y2:f,width:e-a,height:f-d,cx:a+(e-a)/2,cy:d+(f-d)/2}},e.clone=function(a){a=new d;for(var b=0,c=this.items.length;c>b;b++)a.push(this.items[b].clone());return a},e.toString=function(){return"Snap‘s set"},e.type="set",a.set=function(){var a=new d;return arguments.length&&a.push.apply(a,Array.prototype.slice.call(arguments,0)),a}}),d.plugin(function(a,b){function c(a){var b=a[0];switch(b.toLowerCase()){case"t":return[b,0,0];case"m":return[b,1,0,0,1,0,0];case"r":return 4==a.length?[b,0,a[2],a[3]]:[b,0];case"s":return 5==a.length?[b,1,1,a[3],a[4]]:3==a.length?[b,1,1]:[b,1]}}function d(b,d){d=l(d).replace(/\.{3}|\u2026/g,b),b=a.parseTransformString(b)||[],d=a.parseTransformString(d)||[];for(var e,f,g,j,k=Math.max(b.length,d.length),m=[],n=[],o=0;k>o;o++){if(g=b[o]||c(d[o]),j=d[o]||c(g),g[0]!=j[0]||"r"==g[0].toLowerCase()&&(g[2]!=j[2]||g[3]!=j[3])||"s"==g[0].toLowerCase()&&(g[3]!=j[3]||g[4]!=j[4]))return;for(m[o]=[],n[o]=[],e=0,f=Math.max(g.length,j.length);f>e;e++)e in g&&(m[o][e]=g[e]),e in j&&(n[o][e]=j[e])}return{from:i(m),to:i(n),f:h(m)}}function e(a){return a}function f(a){return function(b){return+b.toFixed(3)+a}}function g(b){return a.rgb(b[0],b[1],b[2])}function h(a){var b,c,d,e,f,g,h=0,i=[];for(b=0,c=a.length;c>b;b++){for(f="[",g=['"'+a[b][0]+'"'],d=1,e=a[b].length;e>d;d++)g[d]="val["+h++ +"]";f+=g+"]",i[b]=f}return Function("val","return Snap.path.toString.call(["+i+"])")}function i(a){for(var b=[],c=0,d=a.length;d>c;c++)for(var e=1,f=a[c].length;f>e;e++)b.push(a[c][e]);return b}var j={},k=/[a-z]+$/i,l=String;j.stroke=j.fill="colour",b.prototype.equal=function(b,c){var m,n,o=l(this.attr(b)||"");if(o==+o&&c==+c)return{from:+o,to:+c,f:e};if("colour"==j[b])return m=a.color(o),n=a.color(c),{from:[m.r,m.g,m.b,m.opacity],to:[n.r,n.g,n.b,n.opacity],f:g};if("transform"==b||"gradientTransform"==b||"patternTransform"==b)return d(o,c);if("d"==b||"path"==b)return m=a.path.toCubic(o,c),{from:i(m[0]),to:i(m[1]),f:h(m[0])};var p=o.match(k),q=c.match(k);return p&&p==q?{from:parseFloat(o),to:parseFloat(c),f:f(p)}:{from:this.asPX(b),to:this.asPX(b,c),f:e}}}),d.plugin(function(a,c,d,e){for(var f=c.prototype,g="hasOwnProperty",h=("createTouch"in e.doc),i=["click","dblclick","mousedown","mousemove","mouseout","mouseover","mouseup","touchstart","touchmove","touchend","touchcancel"],j={mousedown:"touchstart",mousemove:"touchmove",mouseup:"touchend"},k=function(a){var b="y"==a?"scrollTop":"scrollLeft";return e.doc.documentElement[b]||e.doc.body[b]},l=function(){this.returnValue=!1},m=function(){return this.originalEvent.preventDefault()
+},n=function(){this.cancelBubble=!0},o=function(){return this.originalEvent.stopPropagation()},p=function(){return e.doc.addEventListener?function(a,b,c,d){var e=h&&j[b]?j[b]:b,f=function(e){var f=k("y"),i=k("x"),l=e.clientX+i,n=e.clientY+f;if(h&&j[g](b))for(var p=0,q=e.targetTouches&&e.targetTouches.length;q>p;p++)if(e.targetTouches[p].target==a){var r=e;e=e.targetTouches[p],e.originalEvent=r,e.preventDefault=m,e.stopPropagation=o;break}return c.call(d,e,l,n)};return a.addEventListener(e,f,!1),function(){return a.removeEventListener(e,f,!1),!0}}:e.doc.attachEvent?function(a,b,c,d){var f=function(a){a=a||e.win.event;var b=k("y"),f=k("x"),g=a.clientX+f,h=a.clientY+b;return a.preventDefault=a.preventDefault||l,a.stopPropagation=a.stopPropagation||n,c.call(d,a,g,h)};a.attachEvent("on"+b,f);var g=function(){return a.detachEvent("on"+b,f),!0};return g}:void 0}(),q=[],r=function(c){for(var d,e=c.clientX,f=c.clientY,g=k("y"),i=k("x"),j=q.length;j--;){if(d=q[j],h){for(var l,m=c.touches.length;m--;)if(l=c.touches[m],l.identifier==d.el._drag.id){e=l.clientX,f=l.clientY,(c.originalEvent?c.originalEvent:c).preventDefault();break}}else c.preventDefault();var n=d.el.node;a._.glob,n.nextSibling,n.parentNode,n.style.display,e+=i,f+=g,b("snap.drag.move."+d.el.id,d.move_scope||d.el,e-d.el._drag.x,f-d.el._drag.y,e,f,c)}},s=function(c){a.unmousemove(r).unmouseup(s);for(var d,e=q.length;e--;)d=q[e],d.el._drag={},b("snap.drag.end."+d.el.id,d.end_scope||d.start_scope||d.move_scope||d.el,c);q=[]},t=i.length;t--;)!function(b){a[b]=f[b]=function(c,d){return a.is(c,"function")&&(this.events=this.events||[],this.events.push({name:b,f:c,unbind:p(this.shape||this.node||e.doc,b,c,d||this)})),this},a["un"+b]=f["un"+b]=function(a){for(var c=this.events||[],d=c.length;d--;)if(c[d].name==b&&(c[d].f==a||!a))return c[d].unbind(),c.splice(d,1),!c.length&&delete this.events,this;return this}}(i[t]);f.hover=function(a,b,c,d){return this.mouseover(a,c).mouseout(b,d||c)},f.unhover=function(a,b){return this.unmouseover(a).unmouseout(b)};var u=[];f.drag=function(c,d,e,f,g,h){function i(i){(i.originalEvent||i).preventDefault();var j=k("y"),l=k("x");this._drag.x=i.clientX+l,this._drag.y=i.clientY+j,this._drag.id=i.identifier,!q.length&&a.mousemove(r).mouseup(s),q.push({el:this,move_scope:f,start_scope:g,end_scope:h}),d&&b.on("snap.drag.start."+this.id,d),c&&b.on("snap.drag.move."+this.id,c),e&&b.on("snap.drag.end."+this.id,e),b("snap.drag.start."+this.id,g||f||this,i.clientX+l,i.clientY+j,i)}if(!arguments.length){var j;return this.drag(function(a,b){this.attr({transform:j+(j?"T":"t")+[a,b]})},function(){j=this.transform().local})}return this._drag={},u.push({el:this,start:i}),this.mousedown(i),this},f.undrag=function(){for(var c=u.length;c--;)u[c].el==this&&(this.unmousedown(u[c].start),u.splice(c,1),b.unbind("snap.drag.*."+this.id));return!u.length&&a.unmousemove(r).unmouseup(s),this}}),d.plugin(function(a,c,d){var e=(c.prototype,d.prototype),f=/^\s*url\((.+)\)/,g=String,h=a._.$;a.filter={},e.filter=function(b){var d=this;"svg"!=d.type&&(d=d.paper);var e=a.parse(g(b)),f=a._.id(),i=d.node.offsetWidth,j=d.node.offsetHeight,k=h("filter");return h(k,{id:f,filterUnits:"userSpaceOnUse",x:0,y:0,width:i,height:j}),k.appendChild(e.node),d.defs.appendChild(k),new c(k)},b.on("snap.util.getattr.filter",function(){b.stop();var c=h(this.node,"filter");if(c){var d=g(c).match(f);return d&&a.select(d[1])}}),b.on("snap.util.attr.filter",function(a){if(a instanceof c&&"filter"==a.type){b.stop();var d=a.node.id;d||(h(a.node,{id:a.id}),d=a.id),h(this.node,{filter:"url(#"+d+")"})}a&&"none"!=a||(b.stop(),this.node.removeAttribute("filter"))}),a.filter.blur=function(b,c){null==b&&(b=2);var d=null==c?b:[b,c];return a.format('<feGaussianBlur stdDeviation="{def}"/>',{def:d})},a.filter.blur.toString=function(){return this()},a.filter.shadow=function(b,c,d,e){return e=e||"#000",null==d&&(d=4),"string"==typeof d&&(e=d,d=4),null==b&&(b=0,c=2),null==c&&(c=b),e=a.color(e),a.format('<feGaussianBlur in="SourceAlpha" stdDeviation="{blur}"/><feOffset dx="{dx}" dy="{dy}" result="offsetblur"/><feFlood flood-color="{color}"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>',{color:e,dx:b,dy:c,blur:d})},a.filter.shadow.toString=function(){return this()},a.filter.grayscale=function(b){return null==b&&(b=1),a.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {b} {h} 0 0 0 0 0 1 0"/>',{a:.2126+.7874*(1-b),b:.7152-.7152*(1-b),c:.0722-.0722*(1-b),d:.2126-.2126*(1-b),e:.7152+.2848*(1-b),f:.0722-.0722*(1-b),g:.2126-.2126*(1-b),h:.0722+.9278*(1-b)})},a.filter.grayscale.toString=function(){return this()},a.filter.sepia=function(b){return null==b&&(b=1),a.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {h} {i} 0 0 0 0 0 1 0"/>',{a:.393+.607*(1-b),b:.769-.769*(1-b),c:.189-.189*(1-b),d:.349-.349*(1-b),e:.686+.314*(1-b),f:.168-.168*(1-b),g:.272-.272*(1-b),h:.534-.534*(1-b),i:.131+.869*(1-b)})},a.filter.sepia.toString=function(){return this()},a.filter.saturate=function(b){return null==b&&(b=1),a.format('<feColorMatrix type="saturate" values="{amount}"/>',{amount:1-b})},a.filter.saturate.toString=function(){return this()},a.filter.hueRotate=function(b){return b=b||0,a.format('<feColorMatrix type="hueRotate" values="{angle}"/>',{angle:b})},a.filter.hueRotate.toString=function(){return this()},a.filter.invert=function(b){return null==b&&(b=1),a.format('<feComponentTransfer><feFuncR type="table" tableValues="{amount} {amount2}"/><feFuncG type="table" tableValues="{amount} {amount2}"/><feFuncB type="table" tableValues="{amount} {amount2}"/></feComponentTransfer>',{amount:b,amount2:1-b})},a.filter.invert.toString=function(){return this()},a.filter.brightness=function(b){return null==b&&(b=1),a.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}"/><feFuncG type="linear" slope="{amount}"/><feFuncB type="linear" slope="{amount}"/></feComponentTransfer>',{amount:b})},a.filter.brightness.toString=function(){return this()},a.filter.contrast=function(b){return null==b&&(b=1),a.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}" intercept="{amount2}"/><feFuncG type="linear" slope="{amount}" intercept="{amount2}"/><feFuncB type="linear" slope="{amount}" intercept="{amount2}"/></feComponentTransfer>',{amount:b,amount2:.5-b/2})},a.filter.contrast.toString=function(){return this()}}),d});
\ No newline at end of file
diff --git a/dist/savage.js b/dist/snap.svg.js
similarity index 93%
rename from dist/savage.js
rename to dist/snap.svg.js
index bf8804b..23761ab 100644
--- a/dist/savage.js
+++ b/dist/snap.svg.js
@@ -1,18 +1,4 @@
-//   .--.--.
-//  /  /    '.
-// |  :  /`. /
-// ;  |  |--`                 .---.              ,----._,.
-// |  :  ;_      ,--.--.    /.  ./|   ,--.--.   /   /  ' /   ,---.
-//  \  \    `.  /       \ .-' . ' |  /       \ |   :     |  /     \
-//   `----.   \.--.  .-. /___/ \: | .--.  .-. ||   | .\  . /    /  |
-//   __ \  \  | \__\/: . .   \  ' .  \__\/: . ..   ; ';  |.    ' / |
-//  /  /`--'  / ," .--.; |\   \   '  ," .--.; |'   .   . |'   ;   /|
-// '--'.     / /  /  ,.  | \   \    /  /  ,.  | `---`-'| |'   |  / |
-//   `--'---' ;  :   .'   \ \   \ |;  :   .'   \.'__/\_: ||   :    |
-//            |  ,     .-./  '---" |  ,     .-./|   :    : \   \  /
-//             `--`---'             `--`---'     \   \  /   `----'
-//                                                `--`-'
-// Savage 0.0.1
+// Snap.svg 0.0.1
 // 
 // Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
 // 
@@ -28,7 +14,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 // 
-// build: 2013-09-19
+// build: 2013-09-25
 // Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
 // 
 // Licensed under the Apache License, Version 2.0 (the "License");
@@ -401,6 +387,19 @@
     (typeof module != "undefined" && module.exports) ? (module.exports = eve) : (typeof define != "undefined" ? (define("eve", [], function() { return eve; })) : (glob.eve = eve));
 })(this);
 
+(function (glob, factory) {
+    // AMD support
+    if (typeof define === "function" && define.amd) {
+        // Define as an anonymous module
+        define(["eve"], function( eve ) {
+            return factory(glob, eve);
+        });
+    } else {
+        // Browser globals (glob is window)
+        // Snap adds itself to window
+        factory(glob, glob.eve);
+    }
+}(this, function (window, eve) {
 // Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
 // 
 // Licensed under the Apache License, Version 2.0 (the "License");
@@ -741,7 +740,7 @@ var mina = (function (eve) {
         }
         return l;
     };
-
+    window.mina = mina;
     return mina;
 })(typeof eve == "undefined" ? function () {} : eve);
 /*
@@ -1109,10 +1108,10 @@ var mina = (function (eve) {
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-var Savage = (function () {
-Savage.version = "0.0.1";
+var Snap = (function() {
+Snap.version = "0.0.1";
 /*\
- * Savage
+ * Snap
  [ method ]
  **
  * Creates drawing surface or wraps existing SVG element.
@@ -1120,12 +1119,12 @@ Savage.version = "0.0.1";
  - width (number|string) width of surface
  - height (number|string) height of surface
  * or
- - dom (SVGElement) element to be wrapped into Savage structure
+ - dom (SVGElement) element to be wrapped into Snap structure
  * or
  - query (string) CSS query selector
  = (object) @Element
 \*/
-function Savage(w, h) {
+function Snap(w, h) {
     if (w) {
         if (w.tagName) {
             return wrap(w);
@@ -1142,15 +1141,15 @@ function Savage(w, h) {
     h = h == null ? "100%" : h;
     return new Paper(w, h);
 }
-Savage.toString = function () {
-    return "Savage v" + this.version;
+Snap.toString = function () {
+    return "Snap v" + this.version;
 };
-Savage._ = {};
+Snap._ = {};
 var glob = {
     win: window,
     doc: window.document
 };
-Savage._.glob = glob;
+Snap._.glob = glob;
 var has = "hasOwnProperty",
     Str = String,
     toFloat = parseFloat,
@@ -1215,8 +1214,8 @@ function $(el, attr) {
     }
     return el;
 }
-Savage._.$ = $;
-Savage._.id = ID;
+Snap._.$ = $;
+Snap._.id = ID;
 function getAttrs(el) {
     var attrs = el.attributes,
         name,
@@ -1247,7 +1246,7 @@ function is(o, type) {
             objectToString.call(o).slice(8, -1).toLowerCase() == type;
 }
 /*\
- * Savage.format
+ * Snap.format
  [ method ]
  **
  * Replaces construction of type “`{<name>}`” to the corresponding argument.
@@ -1257,7 +1256,7 @@ function is(o, type) {
  = (string) formated string
  > Usage
  | // this will draw a rectangular shape equivalent to "M10,20h40v50h-40z"
- | paper.path(Savage.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
+ | paper.path(Snap.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
  |     x: 10,
  |     y: 20,
  |     dim: {
@@ -1267,7 +1266,7 @@ function is(o, type) {
  |     }
  | }));
 \*/
-Savage.format = (function () {
+Snap.format = (function () {
     var tokenRegex = /\{([^\}]+)\}/g,
         objNotationRegex = /(?:(?:^|\.)(.+?)(?=\[|\.|$|\()|\[('|")(.+?)\2\])(\(\))?/g, // matches .xxxxx or ["xxxxx"] to run over object properties
         replacer = function (all, key, obj) {
@@ -1318,7 +1317,7 @@ function clone(obj) {
     }
     return res;
 }
-Savage._.clone = clone;
+Snap._.clone = clone;
 function repush(array, item) {
     for (var i = 0, ii = array.length; i < ii; i++) if (array[i] === item) {
         return array.push(array.splice(i, 1)[0]);
@@ -1341,7 +1340,7 @@ function cacher(f, scope, postprocessor) {
     }
     return newf;
 }
-Savage._.cacher = cacher;
+Snap._.cacher = cacher;
 function angle(x1, y1, x2, y2, x3, y3) {
     if (x3 == null) {
         var x = x1 - x2,
@@ -1368,25 +1367,25 @@ function x_y_w_h() {
 }
 
 /*\
- * Savage.rad
+ * Snap.rad
  [ method ]
  **
  * Transform angle to radians
  - deg (number) angle in degrees
  = (number) angle in radians.
 \*/
-Savage.rad = rad;
+Snap.rad = rad;
 /*\
- * Savage.deg
+ * Snap.deg
  [ method ]
  **
  * Transform angle to degrees
  - deg (number) angle in radians
  = (number) angle in degrees.
 \*/
-Savage.deg = deg;
+Snap.deg = deg;
 /*\
- * Savage.angle
+ * Snap.angle
  [ method ]
  **
  * Returns angle between two or three points.
@@ -1399,9 +1398,9 @@ Savage.deg = deg;
  - y3 (number) #optional y coord of third point
  = (number) angle in degrees.
 \*/
-Savage.angle = angle;
+Snap.angle = angle;
 /*\
- * Savage.is
+ * Snap.is
  [ method ]
  **
  * Handfull replacement for `typeof` operator.
@@ -1409,9 +1408,9 @@ Savage.angle = angle;
  - type (string) name of the type, i.e. “string”, “function”, “number”, etc.
  = (boolean) is given value is of given type
 \*/
-Savage.is = is;
+Snap.is = is;
 /*\
- * Savage.snapTo
+ * Snap.snapTo
  [ method ]
  **
  * Snaps given value to given grid.
@@ -1420,7 +1419,7 @@ Savage.is = is;
  - tolerance (number) #optional tolerance for snapping. Default is `10`.
  = (number) adjusted value.
 \*/
-Savage.snapTo = function (values, value, tolerance) {
+Snap.snapTo = function (values, value, tolerance) {
     tolerance = is(tolerance, "finite") ? tolerance : 10;
     if (is(values, "array")) {
         var i = values.length;
@@ -1689,7 +1688,7 @@ function Matrix(a, b, c, d, e, f) {
     };
 })(Matrix.prototype);
 /*\
- * Savage.Matrix
+ * Snap.Matrix
  [ method ]
  **
  * Utility method
@@ -1705,10 +1704,10 @@ function Matrix(a, b, c, d, e, f) {
  - svgMatrix (SVGMatrix)
  = (object) @Matrix
 \*/
-Savage.Matrix = Matrix;
+Snap.Matrix = Matrix;
 // Colour
 /*\
- * Savage.getRGB
+ * Snap.getRGB
  [ method ]
  **
  * Parses colour string as RGB object
@@ -1740,7 +1739,7 @@ Savage.Matrix = Matrix;
  o     error (boolean) true if string cant be parsed
  o }
 \*/
-Savage.getRGB = cacher(function (colour) {
+Snap.getRGB = cacher(function (colour) {
     if (!colour || !!((colour = Str(colour)).indexOf("-") + 1)) {
         return {r: -1, g: -1, b: -1, hex: "none", error: 1, toString: rgbtoString};
     }
@@ -1792,7 +1791,7 @@ Savage.getRGB = cacher(function (colour) {
             (values[0].slice(-3) == "deg" || values[0].slice(-1) == "\xb0") && (red /= 360);
             rgb[1].toLowerCase().slice(0, 4) == "hsba" && (opacity = toFloat(values[3]));
             values[3] && values[3].slice(-1) == "%" && (opacity /= 100);
-            return Savage.hsb2rgb(red, green, blue, opacity);
+            return Snap.hsb2rgb(red, green, blue, opacity);
         }
         if (rgb[6]) {
             values = rgb[6].split(commaSpaces);
@@ -1805,7 +1804,7 @@ Savage.getRGB = cacher(function (colour) {
             (values[0].slice(-3) == "deg" || values[0].slice(-1) == "\xb0") && (red /= 360);
             rgb[1].toLowerCase().slice(0, 4) == "hsla" && (opacity = toFloat(values[3]));
             values[3] && values[3].slice(-1) == "%" && (opacity /= 100);
-            return Savage.hsl2rgb(red, green, blue, opacity);
+            return Snap.hsl2rgb(red, green, blue, opacity);
         }
         red = mmin(math.round(red), 255);
         green = mmin(math.round(green), 255);
@@ -1817,9 +1816,9 @@ Savage.getRGB = cacher(function (colour) {
         return rgb;
     }
     return {r: -1, g: -1, b: -1, hex: "none", error: 1, toString: rgbtoString};
-}, Savage);
+}, Snap);
 /*\
- * Savage.hsb
+ * Snap.hsb
  [ method ]
  **
  * Converts HSB values to hex representation of the colour.
@@ -1828,11 +1827,11 @@ Savage.getRGB = cacher(function (colour) {
  - b (number) value or brightness
  = (string) hex representation of the colour.
 \*/
-Savage.hsb = cacher(function (h, s, b) {
-    return Savage.hsb2rgb(h, s, b).hex;
+Snap.hsb = cacher(function (h, s, b) {
+    return Snap.hsb2rgb(h, s, b).hex;
 });
 /*\
- * Savage.hsl
+ * Snap.hsl
  [ method ]
  **
  * Converts HSL values to hex representation of the colour.
@@ -1841,11 +1840,11 @@ Savage.hsb = cacher(function (h, s, b) {
  - l (number) luminosity
  = (string) hex representation of the colour.
 \*/
-Savage.hsl = cacher(function (h, s, l) {
-    return Savage.hsl2rgb(h, s, l).hex;
+Snap.hsl = cacher(function (h, s, l) {
+    return Snap.hsl2rgb(h, s, l).hex;
 });
 /*\
- * Savage.rgb
+ * Snap.rgb
  [ method ]
  **
  * Converts RGB values to hex representation of the colour.
@@ -1854,7 +1853,7 @@ Savage.hsl = cacher(function (h, s, l) {
  - b (number) blue
  = (string) hex representation of the colour.
 \*/
-Savage.rgb = cacher(function (r, g, b, o) {
+Snap.rgb = cacher(function (r, g, b, o) {
     if (is(o, "finite")) {
         var round = math.round;
         return "rgba(" + [round(r), round(g), round(b), +o.toFixed(2)] + ")";
@@ -1893,7 +1892,7 @@ prepareRGB = function (r, g, b) {
         r = r.r;
     }
     if (g == null && is(r, string)) {
-        var clr = Savage.getRGB(r);
+        var clr = Snap.getRGB(r);
         r = clr.r;
         g = clr.g;
         b = clr.b;
@@ -1915,7 +1914,7 @@ packageRGB = function (r, g, b, o) {
         g: g,
         b: b,
         opacity: is(o, "finite") ? o : 1,
-        hex: Savage.rgb(r, g, b),
+        hex: Snap.rgb(r, g, b),
         toString: rgbtoString
     };
     is(o, "finite") && (rgb.opacity = o);
@@ -1923,11 +1922,11 @@ packageRGB = function (r, g, b, o) {
 };
 
 /*\
- * Savage.color
+ * Snap.color
  [ method ]
  **
  * Parses the color string and returns object with all values for the given color.
- - clr (string) color string in one of the supported formats (see @Savage.getRGB)
+ - clr (string) color string in one of the supported formats (see @Snap.getRGB)
  = (object) Combined RGB & HSB object in format:
  o {
  o     r (number) red,
@@ -1941,17 +1940,17 @@ packageRGB = function (r, g, b, o) {
  o     l (number) lightness
  o }
 \*/
-Savage.color = function (clr) {
+Snap.color = function (clr) {
     var rgb;
     if (is(clr, "object") && "h" in clr && "s" in clr && "b" in clr) {
-        rgb = Savage.hsb2rgb(clr);
+        rgb = Snap.hsb2rgb(clr);
         clr.r = rgb.r;
         clr.g = rgb.g;
         clr.b = rgb.b;
         clr.opacity = 1;
         clr.hex = rgb.hex;
     } else if (is(clr, "object") && "h" in clr && "s" in clr && "l" in clr) {
-        rgb = Savage.hsl2rgb(clr);
+        rgb = Snap.hsl2rgb(clr);
         clr.r = rgb.r;
         clr.g = rgb.g;
         clr.b = rgb.b;
@@ -1959,14 +1958,14 @@ Savage.color = function (clr) {
         clr.hex = rgb.hex;
     } else {
         if (is(clr, "string")) {
-            clr = Savage.getRGB(clr);
+            clr = Snap.getRGB(clr);
         }
         if (is(clr, "object") && "r" in clr && "g" in clr && "b" in clr && !("error" in clr)) {
-            rgb = Savage.rgb2hsl(clr);
+            rgb = Snap.rgb2hsl(clr);
             clr.h = rgb.h;
             clr.s = rgb.s;
             clr.l = rgb.l;
-            rgb = Savage.rgb2hsb(clr);
+            rgb = Snap.rgb2hsb(clr);
             clr.v = rgb.b;
         } else {
             clr = {hex: "none"};
@@ -1978,7 +1977,7 @@ Savage.color = function (clr) {
     return clr;
 };
 /*\
- * Savage.hsb2rgb
+ * Snap.hsb2rgb
  [ method ]
  **
  * Converts HSB values to RGB object.
@@ -1993,7 +1992,7 @@ Savage.color = function (clr) {
  o     hex (string) color in HTML/CSS format: #••••••
  o }
 \*/
-Savage.hsb2rgb = function (h, s, v, o) {
+Snap.hsb2rgb = function (h, s, v, o) {
     if (is(h, "object") && "h" in h && "s" in h && "b" in h) {
         v = h.b;
         s = h.s;
@@ -2014,7 +2013,7 @@ Savage.hsb2rgb = function (h, s, v, o) {
     return packageRGB(R, G, B, o);
 };
 /*\
- * Savage.hsl2rgb
+ * Snap.hsl2rgb
  [ method ]
  **
  * Converts HSL values to RGB object.
@@ -2029,7 +2028,7 @@ Savage.hsb2rgb = function (h, s, v, o) {
  o     hex (string) color in HTML/CSS format: #••••••
  o }
 \*/
-Savage.hsl2rgb = function (h, s, l, o) {
+Snap.hsl2rgb = function (h, s, l, o) {
     if (is(h, "object") && "h" in h && "s" in h && "l" in h) {
         l = h.l;
         s = h.s;
@@ -2054,7 +2053,7 @@ Savage.hsl2rgb = function (h, s, l, o) {
     return packageRGB(R, G, B, o);
 };
 /*\
- * Savage.rgb2hsb
+ * Snap.rgb2hsb
  [ method ]
  **
  * Converts RGB values to HSB object.
@@ -2068,7 +2067,7 @@ Savage.hsl2rgb = function (h, s, l, o) {
  o     b (number) brightness
  o }
 \*/
-Savage.rgb2hsb = function (r, g, b) {
+Snap.rgb2hsb = function (r, g, b) {
     b = prepareRGB(r, g, b);
     r = b[0];
     g = b[1];
@@ -2087,7 +2086,7 @@ Savage.rgb2hsb = function (r, g, b) {
     return {h: H, s: S, b: V, toString: hsbtoString};
 };
 /*\
- * Savage.rgb2hsl
+ * Snap.rgb2hsl
  [ method ]
  **
  * Converts RGB values to HSL object.
@@ -2101,7 +2100,7 @@ Savage.rgb2hsb = function (r, g, b) {
  o     l (number) luminosity
  o }
 \*/
-Savage.rgb2hsl = function (r, g, b) {
+Snap.rgb2hsl = function (r, g, b) {
     b = prepareRGB(r, g, b);
     r = b[0];
     g = b[1];
@@ -2125,7 +2124,7 @@ Savage.rgb2hsl = function (r, g, b) {
 
 // Transformations
 /*\
- * Savage.parsePathString
+ * Snap.parsePathString
  [ method ]
  **
  * Utility method
@@ -2134,19 +2133,19 @@ Savage.rgb2hsl = function (r, g, b) {
  - pathString (string|array) path string or array of segments (in the last case it will be returned straight away)
  = (array) array of segments.
 \*/
-Savage.parsePathString = function (pathString) {
+Snap.parsePathString = function (pathString) {
     if (!pathString) {
         return null;
     }
-    var pth = Savage.path(pathString);
+    var pth = Snap.path(pathString);
     if (pth.arr) {
-        return Savage.path.clone(pth.arr);
+        return Snap.path.clone(pth.arr);
     }
     
     var paramCounts = {a: 7, c: 6, o: 2, h: 1, l: 2, m: 2, r: 4, q: 4, s: 4, t: 2, v: 1, u: 3, z: 0},
         data = [];
     if (is(pathString, "array") && is(pathString[0], "array")) { // rough assumption
-        data = Savage.path.clone(pathString);
+        data = Snap.path.clone(pathString);
     }
     if (!data.length) {
         Str(pathString).replace(pathCommand, function (a, b, c) {
@@ -2173,12 +2172,12 @@ Savage.parsePathString = function (pathString) {
             }
         });
     }
-    data.toString = Savage.path.toString;
-    pth.arr = Savage.path.clone(data);
+    data.toString = Snap.path.toString;
+    pth.arr = Snap.path.clone(data);
     return data;
 };
 /*\
- * Savage.parseTransformString
+ * Snap.parseTransformString
  [ method ]
  **
  * Utility method
@@ -2187,14 +2186,14 @@ Savage.parsePathString = function (pathString) {
  - TString (string|array) transform string or array of transformations (in the last case it will be returned straight away)
  = (array) array of transformations.
 \*/
-var parseTransformString = Savage.parseTransformString = function (TString) {
+var parseTransformString = Snap.parseTransformString = function (TString) {
     if (!TString) {
         return null;
     }
     var paramCounts = {r: 3, s: 4, t: 2, m: 6},
         data = [];
     if (is(TString, "array") && is(TString[0], "array")) { // rough assumption
-        data = Savage.path.clone(TString);
+        data = Snap.path.clone(TString);
     }
     if (!data.length) {
         Str(TString).replace(tCommand, function (a, b, c) {
@@ -2206,7 +2205,7 @@ var parseTransformString = Savage.parseTransformString = function (TString) {
             data.push([b].concat(params));
         });
     }
-    data.toString = Savage.path.toString;
+    data.toString = Snap.path.toString;
     return data;
 };
 function svgTransform2string(tstr) {
@@ -2345,23 +2344,23 @@ function extractTransform(el, tstr) {
         _.dirtyT = 1;
     }
 }
-Savage._unit2px = unit2px;
+Snap._unit2px = unit2px;
 function getSomeDefs(el) {
-    if (Savage._.someDefs) {
-        return Savage._.someDefs;
+    if (Snap._.someDefs) {
+        return Snap._.someDefs;
     }
     var p = el.paper ||
-            (el.node.parentNode && Savage(el.node.parentNode)) ||
-            Savage.select("svg") ||
-            Savage(0, 0),
+            (el.node.parentNode && Snap(el.node.parentNode)) ||
+            Snap.select("svg") ||
+            Snap(0, 0),
         defs = p.select("defs").node;
     if (!defs) {
         defs = make("defs", p.node).node;
     }
-    Savage._.someDefs = defs;
+    Snap._.someDefs = defs;
     return defs;
 }
-Savage._.getSomeDefs = getSomeDefs;
+Snap._.getSomeDefs = getSomeDefs;
 function unit2px(el, name, value) {
     var defs = getSomeDefs(el),
         out = {},
@@ -2446,27 +2445,27 @@ function unit2px(el, name, value) {
     return out;
 }
 /*\
- * Savage.select
+ * Snap.select
  [ method ]
  **
  * Wraps DOM element specified by CSS selector as @Element
  - query (string) CSS selector of the element
  = (Element)
 \*/
-Savage.select = function (query) {
+Snap.select = function (query) {
     return wrap(glob.doc.querySelector(query));
 };
 /*\
- * Savage.selectAll
+ * Snap.selectAll
  [ method ]
  **
  * Wraps DOM elements specified by CSS selector as set or array of @Element
  - query (string) CSS selector of the element
  = (Element)
 \*/
-Savage.selectAll = function (query) {
+Snap.selectAll = function (query) {
     var nodelist = glob.doc.querySelectorAll(query),
-        set = (Savage.set || Array)();
+        set = (Snap.set || Array)();
     for (var i = 0; i < nodelist.length; i++) {
         set.push(wrap(nodelist[i]));
     }
@@ -2491,13 +2490,13 @@ function add2group(list) {
         }
     }
     var children = node.childNodes;
-    for (i = 0; i < children.length; i++) if (children[i].savage) {
-        this[j++] = hub[children[i].savage];
+    for (i = 0; i < children.length; i++) if (children[i].snap) {
+        this[j++] = hub[children[i].snap];
     }
 }
 function Element(el) {
-    if (el.savage in hub) {
-        return hub[el.savage];
+    if (el.snap in hub) {
+        return hub[el.snap];
     }
     var id = this.id = ID(),
         svg;
@@ -2519,7 +2518,7 @@ function Element(el) {
         dy: 0,
         dirty: 1
     };
-    el.savage = id;
+    el.snap = id;
     hub[id] = this;
     if (this.type == "g") {
         this.add = add2group;
@@ -2571,12 +2570,12 @@ function arrayFirstValue(arr) {
                 json[params] = value;
                 params = json;
             } else {
-                return arrayFirstValue(eve("savage.util.getattr."+params, el));
+                return arrayFirstValue(eve("snap.util.getattr."+params, el));
             }
         }
         for (var att in params) {
             if (params[has](att)) {
-                eve("savage.util.attr." + att, el, params[att]);
+                eve("snap.util.attr." + att, el, params[att]);
             }
         }
         return el;
@@ -2617,23 +2616,23 @@ function arrayFirstValue(arr) {
         var _ = el._;
         if (isWithoutTransform) {
             if (_.dirty || !_.bboxwt) {
-                el.realPath = Savage.path.get[el.type](el);
-                _.bboxwt = Savage.path.getBBox(el.realPath);
+                el.realPath = Snap.path.get[el.type](el);
+                _.bboxwt = Snap.path.getBBox(el.realPath);
                 _.bboxwt.toString = x_y_w_h;
                 _.dirty = 0;
             }
-            return Savage._.box(_.bboxwt);
+            return Snap._.box(_.bboxwt);
         }
         if (_.dirty || _.dirtyT || !_.bbox) {
             if (_.dirty || !el.realPath) {
                 _.bboxwt = 0;
-                el.realPath = Savage.path.get[el.type](el);
+                el.realPath = Snap.path.get[el.type](el);
             }
-            _.bbox = Savage.path.getBBox(Savage.path.map(el.realPath, el.matrix));
+            _.bbox = Snap.path.getBBox(Snap.path.map(el.realPath, el.matrix));
             _.bbox.toString = x_y_w_h;
             _.dirty = _.dirtyT = 0;
         }
-        return Savage._.box(_.bbox);
+        return Snap._.box(_.bbox);
     };
     var propString = function () {
         return this.local;
@@ -2644,7 +2643,7 @@ function arrayFirstValue(arr) {
      **
      * Gets or sets transformation of the element
      **
-     - tstr (string) transform string in Savage or SVG format
+     - tstr (string) transform string in Snap or SVG format
      = (Element)
      * or
      = (object) transformation descriptor:
@@ -2843,7 +2842,7 @@ function arrayFirstValue(arr) {
     \*/
     elproto.selectAll = function (query) {
         var nodelist = this.node.querySelectorAll(query),
-            set = (Savage.set || Array)();
+            set = (Snap.set || Array)();
         for (var i = 0; i < nodelist.length; i++) {
             set.push(wrap(nodelist[i]));
         }
@@ -3095,7 +3094,7 @@ function arrayFirstValue(arr) {
         callback && (this.callback = callback);
     };
     /*\
-     * Savage.animation
+     * Snap.animation
      [ method ]
      **
      * Creates animation object.
@@ -3106,7 +3105,7 @@ function arrayFirstValue(arr) {
      - callback (function) #optional callback
      = (object) animation object
     \*/
-    Savage.animation = function (attr, ms, easing, callback) {
+    Snap.animation = function (attr, ms, easing, callback) {
         return new Animation(attr, ms, easing, callback);
     };
     /*\
@@ -3143,7 +3142,7 @@ function arrayFirstValue(arr) {
         return res;
     };
     /*\
-     * Savage.animate
+     * Snap.animate
      [ method ]
      **
      * Runs generic animation of one number into another with a caring function.
@@ -3164,7 +3163,7 @@ function arrayFirstValue(arr) {
      o     stop (function) stops the animation
      o }
     \*/
-    Savage.animate = function (from, to, setter, ms, easing, callback) {
+    Snap.animate = function (from, to, setter, ms, easing, callback) {
         if (typeof easing == "function" && !easing.length) {
             callback = easing;
             easing = mina.linear;
@@ -3275,17 +3274,17 @@ function arrayFirstValue(arr) {
     elproto.data = function (key, value) {
         var data = eldata[this.id] = eldata[this.id] || {};
         if (arguments.length == 1) {
-            if (Savage.is(key, "object")) {
+            if (Snap.is(key, "object")) {
                 for (var i in key) if (key[has](i)) {
                     this.data(i, key[i]);
                 }
                 return this;
             }
-            eve("savage.data.get." + this.id, this, data[key], key);
+            eve("snap.data.get." + this.id, this, data[key], key);
             return data[key];
         }
         data[key] = value;
-        eve("savage.data.set." + this.id, this, value, key);
+        eve("snap.data.set." + this.id, this, value, key);
         return this;
     };
     /*\
@@ -3350,7 +3349,7 @@ function arrayFirstValue(arr) {
     }
 }(Element.prototype));
 /*\
- * Savage.parse
+ * Snap.parse
  [ method ]
  **
  * Parses SVG fragment and converts it into @Fragment.
@@ -3358,7 +3357,7 @@ function arrayFirstValue(arr) {
  - svg (string) SVG string
  = (Fragment) the fragment
 \*/
-Savage.parse = function (svg) {
+Snap.parse = function (svg) {
     var f = glob.doc.createDocumentFragment(),
         pointer = f;
     eve.on("elemental.tag", function (data, extra, raw) {
@@ -3375,7 +3374,7 @@ Savage.parse = function (svg) {
     });
     eve.on("elemental.eof", function () {
         eve.off("elemental.*");
-        eve("savage.parsed", f);
+        eve("snap.parsed", f);
     });
     elemental().parse(svg).end();
     return new Fragment(f);
@@ -3398,7 +3397,7 @@ Fragment.prototype.select = Element.prototype.select;
 \*/
 Fragment.prototype.selectAll = Element.prototype.selectAll;
 /*\
- * Savage.fragment
+ * Snap.fragment
  [ method ]
  **
  * Creates DOM fragment from given list of elements or strings
@@ -3406,7 +3405,7 @@ Fragment.prototype.selectAll = Element.prototype.selectAll;
  - varargs (…) SVG string
  = (Fragment) the @Fragment
 \*/
-Savage.fragment = function () {
+Snap.fragment = function () {
     var args = Array.prototype.slice.call(arguments, 0),
         f = glob.doc.createDocumentFragment();
     for (var i = 0, ii = args.length; i < ii; i++) {
@@ -3418,7 +3417,7 @@ Savage.fragment = function () {
             f.appendChild(item);
         }
         if (typeof item == "string") {
-            f.appendChild(Savage.parse(item).node);
+            f.appendChild(Snap.parse(item).node);
         }
     }
     return new Fragment(f);
@@ -3437,15 +3436,15 @@ function Paper(w, h) {
         defs,
         proto = Paper.prototype;
     if (w && w.tagName == "svg") {
-        if (w.savage in hub) {
-            return hub[w.savage];
+        if (w.snap in hub) {
+            return hub[w.snap];
         }
         res = new Element(w);
         desc = w.getElementsByTagName("desc")[0];
         defs = w.getElementsByTagName("defs")[0];
         if (!desc) {
             desc = $("desc");
-            desc.appendChild(glob.doc.createTextNode("Created with Savage"));
+            desc.appendChild(glob.doc.createTextNode("Created with Snap"));
             res.node.appendChild(desc);
         }
         if (!defs) {
@@ -3489,7 +3488,7 @@ function GaddStop(color, offset) {
         attr = {
             offset: +offset + "%"
         };
-    color = Savage.color(color);
+    color = Snap.color(color);
     attr["stop-color"] = color.hex;
     if (color.opacity < 1) {
         attr["stop-opacity"] = color.opacity;
@@ -3504,16 +3503,16 @@ function GgetBBox() {
             x2 = $(this.node, "x2") || 1,
             y1 = $(this.node, "y1") || 0,
             y2 = $(this.node, "y2") || 0;
-        return Savage._.box(x1, y1, math.abs(x2 - x1), math.abs(y2 - y1));
+        return Snap._.box(x1, y1, math.abs(x2 - x1), math.abs(y2 - y1));
     } else {
         var cx = this.node.cx || .5,
             cy = this.node.cy || .5,
             r = this.node.r || 0;
-        return Savage._.box(cx - r, cy - r, r * 2, r * 2);
+        return Snap._.box(cx - r, cy - r, r * 2, r * 2);
     }
 }
 function gradient(defs, str) {
-    var grad = arrayFirstValue(eve("savage.util.grad.parse", null, str)),
+    var grad = arrayFirstValue(eve("snap.util.grad.parse", null, str)),
         el;
     if (!grad) {
         return null;
@@ -3860,8 +3859,8 @@ function gradientRadial(defs, cx, cy, r, fx, fy) {
      = (object) Element object with type “text”
      **
      > Usage
-     | var t1 = paper.text(50, 50, "Savage");
-     | var t2 = paper.text(50, 50, ["S","a","v","a","g","e"]);
+     | var t1 = paper.text(50, 50, "Snap");
+     | var t2 = paper.text(50, 50, ["S","n","a","p"]);
     \*/
     proto.text = function (x, y, text) {
         var el = make("text", this.node);
@@ -4022,7 +4021,7 @@ function gradientRadial(defs, cx, cy, r, fx, fy) {
 
 // simple ajax
 /*\
- * Savage.ajax
+ * Snap.ajax
  [ method ]
  **
  * Simple implementation of Ajax.
@@ -4037,7 +4036,7 @@ function gradientRadial(defs, cx, cy, r, fx, fy) {
  - scope (object) #optional scope of callback
  = (XMLHttpRequest) XMLHttpRequest (just in case)
 \*/
-Savage.ajax = function (url, postData, callback, scope){
+Snap.ajax = function (url, postData, callback, scope){
     var req = new XMLHttpRequest,
         id = ID();
     if (req) {
@@ -4058,13 +4057,13 @@ Savage.ajax = function (url, postData, callback, scope){
             req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
         }
         if (callback) {
-            eve.once("savage.ajax." + id + ".0", callback);
-            eve.once("savage.ajax." + id + ".200", callback);
-            eve.once("savage.ajax." + id + ".304", callback);
+            eve.once("snap.ajax." + id + ".0", callback);
+            eve.once("snap.ajax." + id + ".200", callback);
+            eve.once("snap.ajax." + id + ".304", callback);
         }
         req.onreadystatechange = function() {
             if (req.readyState != 4) return;
-            eve("savage.ajax." + id + "." + req.status, scope, req);
+            eve("snap.ajax." + id + "." + req.status, scope, req);
         };
         if (req.readyState == 4) {
             return req;
@@ -4074,24 +4073,24 @@ Savage.ajax = function (url, postData, callback, scope){
     }
 };
 /*\
- * Savage.load
+ * Snap.load
  [ method ]
  **
- * Loads external SVG file as a @Fragment. For more advanced AJAX see @Savage.ajax.
+ * Loads external SVG file as a @Fragment. For more advanced AJAX see @Snap.ajax.
  **
  - url (string) URL
  - callback (function) callback
  - scope (object) #optional scope of callback
 \*/
-Savage.load = function (url, callback, scope) {
-    Savage.ajax(url, function (req) {
-        var f = Savage.parse(req.responseText);
+Snap.load = function (url, callback, scope) {
+    Snap.ajax(url, function (req) {
+        var f = Snap.parse(req.responseText);
         scope ? callback.call(scope, f) : callback(f);
     });
 };
 
 // Attributes event handlers
-eve.on("savage.util.attr.mask", function (value) {
+eve.on("snap.util.attr.mask", function (value) {
     if (value instanceof Element || value instanceof Fragment) {
         eve.stop();
         if (value instanceof Fragment && value.node.childNodes.length == 1) {
@@ -4114,9 +4113,9 @@ eve.on("savage.util.attr.mask", function (value) {
     }
 });
 (function (clipIt) {
-    eve.on("savage.util.attr.clip", clipIt);
-    eve.on("savage.util.attr.clip-path", clipIt);
-    eve.on("savage.util.attr.clipPath", clipIt);
+    eve.on("snap.util.attr.clip", clipIt);
+    eve.on("snap.util.attr.clip-path", clipIt);
+    eve.on("snap.util.attr.clipPath", clipIt);
 }(function (value) {
     if (value instanceof Element || value instanceof Fragment) {
         eve.stop();
@@ -4158,7 +4157,7 @@ function fillStroke(name) {
                 fill = value.attr(name);
             }
         } else {
-            fill = Savage.color(value);
+            fill = Snap.color(value);
             if (fill.error) {
                 var grad = gradient(getSomeDefs(this), value);
                 if (grad) {
@@ -4181,10 +4180,10 @@ function fillStroke(name) {
         this.node.style[name] = E;
     };
 }
-eve.on("savage.util.attr.fill", fillStroke("fill"));
-eve.on("savage.util.attr.stroke", fillStroke("stroke"));
+eve.on("snap.util.attr.fill", fillStroke("fill"));
+eve.on("snap.util.attr.stroke", fillStroke("stroke"));
 var gradrg = /^([lr])(?:\(([^)]*)\))?(.*)$/i;
-eve.on("savage.util.grad.parse", function parseGrad(string) {
+eve.on("snap.util.grad.parse", function parseGrad(string) {
     string = Str(string);
     var tokens = string.match(gradrg);
     if (!tokens) {
@@ -4217,18 +4216,18 @@ eve.on("savage.util.grad.parse", function parseGrad(string) {
     };
 });
 
-eve.on("savage.util.attr.d", function (value) {
+eve.on("snap.util.attr.d", function (value) {
     eve.stop();
     if (is(value, "array") && is(value[0], "array")) {
-        value = Savage.path.toString.call(value);
+        value = Snap.path.toString.call(value);
     }
     value = Str(value);
     if (value.match(/[ruo]/i)) {
-        value = Savage.path.toAbsolute(value);
+        value = Snap.path.toAbsolute(value);
     }
     $(this.node, {d: value});
 })(-1);
-eve.on("savage.util.attr.#text", function (value) {
+eve.on("snap.util.attr.#text", function (value) {
     eve.stop();
     value = Str(value);
     var txt = glob.doc.createTextNode(value);
@@ -4237,11 +4236,11 @@ eve.on("savage.util.attr.#text", function (value) {
     }
     this.node.appendChild(txt);
 })(-1);
-eve.on("savage.util.attr.path", function (value) {
+eve.on("snap.util.attr.path", function (value) {
     eve.stop();
     this.attr({d: value});
 })(-1);
-eve.on("savage.util.attr.viewBox", function (value) {
+eve.on("snap.util.attr.viewBox", function (value) {
     var vb;
     if (is(value, "object") && "x" in value) {
         vb = [value.x, value.y, value.width, value.height].join(" ");
@@ -4255,11 +4254,11 @@ eve.on("savage.util.attr.viewBox", function (value) {
     });
     eve.stop();
 })(-1);
-eve.on("savage.util.attr.transform", function (value) {
+eve.on("snap.util.attr.transform", function (value) {
     this.transform(value);
     eve.stop();
 })(-1);
-eve.on("savage.util.attr.r", function (value) {
+eve.on("snap.util.attr.r", function (value) {
     if (this.type == "rect") {
         eve.stop();
         $(this.node, {
@@ -4268,7 +4267,7 @@ eve.on("savage.util.attr.r", function (value) {
         });
     }
 })(-1);
-eve.on("savage.util.attr.text", function (value) {
+eve.on("snap.util.attr.text", function (value) {
     if (this.type == "text") {
         var i = 0,
             node = this.node,
@@ -4684,7 +4683,7 @@ availableAttributes.feFuncR = availableAttributes.feFuncG = availableAttributes.
     exponent: 0,
     offset: 0
 };
-eve.on("savage.util.attr", function (value) {
+eve.on("snap.util.attr", function (value) {
     var att = eve.nt();
     att = att.substring(att.lastIndexOf(".") + 1);
     var style = att.replace(/-(\w)/gi, function (all, letter) {
@@ -4696,7 +4695,7 @@ eve.on("savage.util.attr", function (value) {
         this.node.style[style] = value == null ? E : value;
     }
 });
-eve.on("savage.util.getattr.transform", function () {
+eve.on("snap.util.getattr.transform", function () {
     eve.stop();
     return this.transform();
 })(-1);
@@ -4709,7 +4708,7 @@ eve.on("savage.util.getattr.transform", function () {
             if (style == "none") {
                 return style;
             } else {
-                return Savage(glob.doc.getElementById(style.match(reURLValue)[1]));
+                return Snap(glob.doc.getElementById(style.match(reURLValue)[1]));
             }
         };
     }
@@ -4731,20 +4730,20 @@ eve.on("savage.util.getattr.transform", function () {
             }
         };
     }
-    eve.on("savage.util.getattr.marker-end", getter("end"))(-1);
-    eve.on("savage.util.getattr.markerEnd", getter("end"))(-1);
-    eve.on("savage.util.getattr.marker-start", getter("start"))(-1);
-    eve.on("savage.util.getattr.markerStart", getter("start"))(-1);
-    eve.on("savage.util.getattr.marker-mid", getter("mid"))(-1);
-    eve.on("savage.util.getattr.markerMid", getter("mid"))(-1);
-    eve.on("savage.util.attr.marker-end", setter("end"))(-1);
-    eve.on("savage.util.attr.markerEnd", setter("end"))(-1);
-    eve.on("savage.util.attr.marker-start", setter("start"))(-1);
-    eve.on("savage.util.attr.markerStart", setter("start"))(-1);
-    eve.on("savage.util.attr.marker-mid", setter("mid"))(-1);
-    eve.on("savage.util.attr.markerMid", setter("mid"))(-1);
+    eve.on("snap.util.getattr.marker-end", getter("end"))(-1);
+    eve.on("snap.util.getattr.markerEnd", getter("end"))(-1);
+    eve.on("snap.util.getattr.marker-start", getter("start"))(-1);
+    eve.on("snap.util.getattr.markerStart", getter("start"))(-1);
+    eve.on("snap.util.getattr.marker-mid", getter("mid"))(-1);
+    eve.on("snap.util.getattr.markerMid", getter("mid"))(-1);
+    eve.on("snap.util.attr.marker-end", setter("end"))(-1);
+    eve.on("snap.util.attr.markerEnd", setter("end"))(-1);
+    eve.on("snap.util.attr.marker-start", setter("start"))(-1);
+    eve.on("snap.util.attr.markerStart", setter("start"))(-1);
+    eve.on("snap.util.attr.marker-mid", setter("mid"))(-1);
+    eve.on("snap.util.attr.markerMid", setter("mid"))(-1);
 }());
-eve.on("savage.util.getattr.r", function () {
+eve.on("snap.util.getattr.r", function () {
     if (this.type == "rect" && $(this.node, "rx") == $(this.node, "ry")) {
         eve.stop();
         return $(this.node, "rx");
@@ -4768,34 +4767,34 @@ function textExtract(node) {
     }
     return out;
 }
-eve.on("savage.util.getattr.text", function () {
+eve.on("snap.util.getattr.text", function () {
     if (this.type == "text" || this.type == "tspan") {
         eve.stop();
         var out = textExtract(this.node);
         return out.length == 1 ? out[0] : out;
     }
 })(-1);
-eve.on("savage.util.getattr.#text", function () {
+eve.on("snap.util.getattr.#text", function () {
     return this.node.textContent;
 })(-1);
-eve.on("savage.util.getattr.viewBox", function () {
+eve.on("snap.util.getattr.viewBox", function () {
     eve.stop();
     var vb = $(this.node, "viewBox").split(separator);
-    return Savage._.box(+vb[0], +vb[1], +vb[2], +vb[3]);
+    return Snap._.box(+vb[0], +vb[1], +vb[2], +vb[3]);
     // TODO: investigate why I need to z-index it
 })(-1);
-eve.on("savage.util.getattr.points", function () {
+eve.on("snap.util.getattr.points", function () {
     var p = $(this.node, "points");
     eve.stop();
     return p.split(separator);
 });
-eve.on("savage.util.getattr.path", function () {
+eve.on("snap.util.getattr.path", function () {
     var p = $(this.node, "d");
     eve.stop();
     return p;
 });
 // default
-eve.on("savage.util.getattr", function () {
+eve.on("snap.util.getattr", function () {
     var att = eve.nt();
     att = att.substring(att.lastIndexOf(".") + 1);
     var style = att.replace(/-(\w)/gi, function (all, letter) {
@@ -4807,10 +4806,11 @@ eve.on("savage.util.getattr", function () {
         return glob.doc.defaultView.getComputedStyle(this.node, null).getPropertyValue(style);
     }
 });
-Savage.plugin = function (f) {
-    f(Savage, Element, Paper, glob);
+Snap.plugin = function (f) {
+    f(Snap, Element, Paper, glob);
 };
-return Savage;
+glob.win.Snap = Snap;
+return Snap;
 }());
 // Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
 // 
@@ -4825,10 +4825,10 @@ return Savage;
 // 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.
-Savage.plugin(function (Savage, Element, Paper, glob) {
+Snap.plugin(function (Snap, Element, Paper, glob) {
     var elproto = Element.prototype,
-        is = Savage.is,
-        clone = Savage._.clone,
+        is = Snap.is,
+        clone = Snap._.clone,
         has = "hasOwnProperty",
         p2s = /,?([a-z]),?/gi,
         toFloat = parseFloat,
@@ -4903,7 +4903,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         function O(val) {
             return +(+val).toFixed(3);
         }
-        return Savage._.cacher(function (path, length, onlystart) {
+        return Snap._.cacher(function (path, length, onlystart) {
             if (path instanceof Element) {
                 path = path.attr("d");
             }
@@ -4958,7 +4958,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             subpaths.end = sp;
             point = istotal ? len : subpath ? subpaths : findDotsAtSegment(x, y, p[0], p[1], p[2], p[3], p[4], p[5], 1);
             return point;
-        }, null, Savage._.clone);
+        }, null, Snap._.clone);
     }
     var getTotalLength = getLengthFactory(1),
         getPointAtLength = getLengthFactory(),
@@ -4992,7 +4992,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         };
     }
     function bezierBBox(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) {
-        if (!Savage.is(p1x, "array")) {
+        if (!Snap.is(p1x, "array")) {
             p1x = [p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y];
         }
         var bbox = curveDim.apply(null, p1x);
@@ -5304,7 +5304,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         res.toString = toString;
         return res;
     }
-    var unit2px = Savage._unit2px,
+    var unit2px = Snap._unit2px,
         getPath = {
         path: function (el) {
             return el.attr("path");
@@ -5344,8 +5344,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         if (pth.rel) {
             return pathClone(pth.rel);
         }
-        if (!Savage.is(pathArray, "array") || !Savage.is(pathArray && pathArray[0], "array")) {
-            pathArray = Savage.parsePathString(pathArray);
+        if (!Snap.is(pathArray, "array") || !Snap.is(pathArray && pathArray[0], "array")) {
+            pathArray = Snap.parsePathString(pathArray);
         }
         var res = [],
             x = 0,
@@ -5424,7 +5424,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             return pathClone(pth.abs);
         }
         if (!is(pathArray, "array") || !is(pathArray && pathArray[0], "array")) { // rough assumption
-            pathArray = Savage.parsePathString(pathArray);
+            pathArray = Snap.parsePathString(pathArray);
         }
         if (!pathArray || !pathArray.length) {
             return [["M", 0, 0]];
@@ -5565,7 +5565,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             rad = PI / 180 * (+angle || 0),
             res = [],
             xy,
-            rotate = Savage._.cacher(function (x, y, rad) {
+            rotate = Snap._.cacher(function (x, y, rad) {
                 var X = x * math.cos(rad) - y * math.sin(rad),
                     Y = x * math.sin(rad) + y * math.cos(rad);
                 return {x: X, y: Y};
@@ -5854,10 +5854,10 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
     }
 
     // export
-    Savage.path = paths;
+    Snap.path = paths;
 
     /*\
-     * Savage.path.getTotalLength
+     * Snap.path.getTotalLength
      [ method ]
      **
      * Returns length of the given path in pixels.
@@ -5866,9 +5866,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      **
      = (number) length.
     \*/
-    Savage.path.getTotalLength = getTotalLength;
+    Snap.path.getTotalLength = getTotalLength;
     /*\
-     * Savage.path.getPointAtLength
+     * Snap.path.getPointAtLength
      [ method ]
      **
      * Return coordinates of the point located at the given length on the given path.
@@ -5883,9 +5883,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      o     alpha: (number) angle of derivative
      o }
     \*/
-    Savage.path.getPointAtLength = getPointAtLength;
+    Snap.path.getPointAtLength = getPointAtLength;
     /*\
-     * Savage.path.getSubpath
+     * Snap.path.getSubpath
      [ method ]
      **
      * Return subpath of a given path from given length to given length.
@@ -5896,7 +5896,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      **
      = (string) pathstring for the segment
     \*/
-    Savage.path.getSubpath = function (path, from, to) {
+    Snap.path.getSubpath = function (path, from, to) {
         if (this.getTotalLength(path) - to < 1e-6) {
             return getSubpathsAtLength(path, from).end;
         }
@@ -5945,11 +5945,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      = (string) pathstring for the segment
     \*/
     elproto.getSubpath = function (from, to) {
-        return Savage.path.getSubpath(this.attr("d"), from, to);
+        return Snap.path.getSubpath(this.attr("d"), from, to);
     };
-    Savage._.box = box;
+    Snap._.box = box;
     /*\
-     * Savage.path.findDotsAtSegment
+     * Snap.path.findDotsAtSegment
      [ method ]
      **
      * Utility method
@@ -5987,9 +5987,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      o     alpha: (number) angle of the curve derivative at the point
      o }
     \*/
-    Savage.path.findDotsAtSegment = findDotsAtSegment;
+    Snap.path.findDotsAtSegment = findDotsAtSegment;
     /*\
-     * Savage.path.bezierBBox
+     * Snap.path.bezierBBox
      [ method ]
      **
      * Utility method
@@ -6017,9 +6017,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      o     }
      o }
     \*/
-    Savage.path.bezierBBox = bezierBBox;
+    Snap.path.bezierBBox = bezierBBox;
     /*\
-     * Savage.path.isPointInsideBBox
+     * Snap.path.isPointInsideBBox
      [ method ]
      **
      * Utility method
@@ -6030,9 +6030,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - y (string) y coordinate of the point
      = (boolean) `true` if point inside
     \*/
-    Savage.path.isPointInsideBBox = isPointInsideBBox;
+    Snap.path.isPointInsideBBox = isPointInsideBBox;
     /*\
-     * Savage.path.isBBoxIntersect
+     * Snap.path.isBBoxIntersect
      [ method ]
      **
      * Utility method
@@ -6042,9 +6042,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - bbox2 (string) second bounding box
      = (boolean) `true` if they intersect
     \*/
-    Savage.path.isBBoxIntersect = isBBoxIntersect;
+    Snap.path.isBBoxIntersect = isBBoxIntersect;
     /*\
-     * Savage.path.intersection
+     * Snap.path.intersection
      [ method ]
      **
      * Utility method
@@ -6066,10 +6066,10 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      o     }
      o ]
     \*/
-    Savage.path.intersection = pathIntersection;
-    Savage.path.intersectionNumber = pathIntersectionNumber;
+    Snap.path.intersection = pathIntersection;
+    Snap.path.intersectionNumber = pathIntersectionNumber;
     /*\
-     * Savage.path.isPointInside
+     * Snap.path.isPointInside
      [ method ]
      **
      * Utility method
@@ -6080,9 +6080,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - y (number) y of the point
      = (boolean) true, if point is inside the path
     \*/
-    Savage.path.isPointInside = isPointInsidePath;
+    Snap.path.isPointInside = isPointInsidePath;
     /*\
-     * Savage.path.getBBox
+     * Snap.path.getBBox
      [ method ]
      **
      * Utility method
@@ -6099,10 +6099,10 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      o     height: (number) height of the box
      o }
     \*/
-    Savage.path.getBBox = pathBBox;
-    Savage.path.get = getPath;
+    Snap.path.getBBox = pathBBox;
+    Snap.path.get = getPath;
     /*\
-     * Savage.path.toRelative
+     * Snap.path.toRelative
      [ method ]
      **
      * Utility method
@@ -6111,9 +6111,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - path (string) path string
      = (array) path string
     \*/
-    Savage.path.toRelative = pathToRelative;
+    Snap.path.toRelative = pathToRelative;
     /*\
-     * Savage.path.toAbsolute
+     * Snap.path.toAbsolute
      [ method ]
      **
      * Utility method
@@ -6122,9 +6122,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - path (string) path string
      = (array) path string
     \*/
-    Savage.path.toAbsolute = pathToAbsolute;
+    Snap.path.toAbsolute = pathToAbsolute;
     /*\
-     * Savage.path.toCubic
+     * Snap.path.toCubic
      [ method ]
      **
      * Utility method
@@ -6133,9 +6133,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - pathString (string|array) path string or array of segments
      = (array) array of segments.
     \*/
-    Savage.path.toCubic = path2curve;
+    Snap.path.toCubic = path2curve;
     /*\
-     * Savage.path.map
+     * Snap.path.map
      [ method ]
      **
      * Transform the path string with given matrix.
@@ -6143,9 +6143,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - matrix (object) see @Matrix
      = (string) transformed path string
     \*/
-    Savage.path.map = mapPath;
-    Savage.path.toString = toString;
-    Savage.path.clone = pathClone;
+    Snap.path.map = mapPath;
+    Snap.path.toString = toString;
+    Snap.path.clone = pathClone;
 });
 // Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
 // 
@@ -6160,7 +6160,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
 // 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.
-Savage.plugin(function (Savage, Element, Paper, glob) {
+Snap.plugin(function (Snap, Element, Paper, glob) {
     var mmax = Math.max,
         mmin = Math.min;
 
@@ -6342,11 +6342,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         return s;
     };
     setproto.toString = function () {
-        return "Savage\u2018s set";
+        return "Snap\u2018s set";
     };
     setproto.type = "set";
     // export
-    Savage.set = function () {
+    Snap.set = function () {
         var set = new Set;
         if (arguments.length) {
             set.push.apply(set, Array.prototype.slice.call(arguments, 0));
@@ -6367,7 +6367,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
 // 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.
-Savage.plugin(function (Savage, Element, Paper, glob) {
+Snap.plugin(function (Snap, Element, Paper, glob) {
     var names = {},
         reUnit = /[a-z]+$/i,
         Str = String;
@@ -6393,8 +6393,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
     }
     function equaliseTransform(t1, t2) {
         t2 = Str(t2).replace(/\.{3}|\u2026/g, t1);
-        t1 = Savage.parseTransformString(t1) || [];
-        t2 = Savage.parseTransformString(t2) || [];
+        t1 = Snap.parseTransformString(t1) || [];
+        t2 = Snap.parseTransformString(t2) || [];
         var maxlength = Math.max(t1.length, t2.length),
             from = [],
             to = [],
@@ -6431,7 +6431,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         };
     }
     function getColour(clr) {
-        return Savage.rgb(clr[0], clr[1], clr[2]);
+        return Snap.rgb(clr[0], clr[1], clr[2]);
     }
     function getPath(path) {
         var k = 0, i, ii, j, jj, out, a, b = [];
@@ -6444,7 +6444,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             out += a + "]";
             b[i] = out;
         }
-        return Function("val", "return Savage.path.toString.call([" + b + "])");
+        return Function("val", "return Snap.path.toString.call([" + b + "])");
     }
     function path2array(path) {
         var out = [];
@@ -6465,8 +6465,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             };
         }
         if (names[name] == "colour") {
-            A = Savage.color(a);
-            B = Savage.color(b);
+            A = Snap.color(a);
+            B = Snap.color(b);
             return {
                 from: [A.r, A.g, A.b, A.opacity],
                 to: [B.r, B.g, B.b, B.opacity],
@@ -6478,7 +6478,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             return equaliseTransform(a, b);
         }
         if (name == "d" || name == "path") {
-            A = Savage.path.toCubic(a, b);
+            A = Snap.path.toCubic(a, b);
             return {
                 from: path2array(A[0]),
                 to: path2array(A[1]),
@@ -6515,7 +6515,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
 // 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.
-Savage.plugin(function (Savage, Element, Paper, glob) {
+Snap.plugin(function (Snap, Element, Paper, glob) {
     var elproto = Element.prototype,
     has = "hasOwnProperty",
     supportsTouch = "createTouch" in glob.doc,
@@ -6622,7 +6622,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             }
             var node = dragi.el.node,
                 o,
-                glob = Savage._.glob,
+                glob = Snap._.glob,
                 next = node.nextSibling,
                 parent = node.parentNode,
                 display = node.style.display;
@@ -6631,20 +6631,20 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             // o = dragi.el.paper.getElementByPoint(x, y);
             // node.style.display = display;
             // glob.win.opera && (next ? parent.insertBefore(node, next) : parent.appendChild(node));
-            // o && eve("savage.drag.over." + dragi.el.id, dragi.el, o);
+            // o && eve("snap.drag.over." + dragi.el.id, dragi.el, o);
             x += scrollX;
             y += scrollY;
-            eve("savage.drag.move." + dragi.el.id, dragi.move_scope || dragi.el, x - dragi.el._drag.x, y - dragi.el._drag.y, x, y, e);
+            eve("snap.drag.move." + dragi.el.id, dragi.move_scope || dragi.el, x - dragi.el._drag.x, y - dragi.el._drag.y, x, y, e);
         }
     },
     dragUp = function (e) {
-        Savage.unmousemove(dragMove).unmouseup(dragUp);
+        Snap.unmousemove(dragMove).unmouseup(dragUp);
         var i = drag.length,
             dragi;
         while (i--) {
             dragi = drag[i];
             dragi.el._drag = {};
-            eve("savage.drag.end." + dragi.el.id, dragi.end_scope || dragi.start_scope || dragi.move_scope || dragi.el, e);
+            eve("snap.drag.end." + dragi.el.id, dragi.end_scope || dragi.start_scope || dragi.move_scope || dragi.el, e);
         }
         drag = [];
     };
@@ -6836,8 +6836,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
     \*/
     for (var i = events.length; i--;) {
         (function (eventName) {
-            Savage[eventName] = elproto[eventName] = function (fn, scope) {
-                if (Savage.is(fn, "function")) {
+            Snap[eventName] = elproto[eventName] = function (fn, scope) {
+                if (Snap.is(fn, "function")) {
                     this.events = this.events || [];
                     this.events.push({
                         name: eventName,
@@ -6847,7 +6847,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
                 }
                 return this;
             };
-            Savage["un" + eventName] =
+            Snap["un" + eventName] =
             elproto["un" + eventName] = function (fn) {
                 var events = this.events || [],
                     l = events.length;
@@ -6936,12 +6936,12 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             this._drag.x = e.clientX + scrollX;
             this._drag.y = e.clientY + scrollY;
             this._drag.id = e.identifier;
-            !drag.length && Savage.mousemove(dragMove).mouseup(dragUp);
+            !drag.length && Snap.mousemove(dragMove).mouseup(dragUp);
             drag.push({el: this, move_scope: move_scope, start_scope: start_scope, end_scope: end_scope});
-            onstart && eve.on("savage.drag.start." + this.id, onstart);
-            onmove && eve.on("savage.drag.move." + this.id, onmove);
-            onend && eve.on("savage.drag.end." + this.id, onend);
-            eve("savage.drag.start." + this.id, start_scope || move_scope || this, e.clientX + scrollX, e.clientY + scrollY, e);
+            onstart && eve.on("snap.drag.start." + this.id, onstart);
+            onmove && eve.on("snap.drag.move." + this.id, onmove);
+            onend && eve.on("snap.drag.end." + this.id, onend);
+            eve("snap.drag.start." + this.id, start_scope || move_scope || this, e.clientX + scrollX, e.clientY + scrollY, e);
         }
         this._drag = {};
         draggable.push({el: this, start: start});
@@ -6956,7 +6956,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - f (function) handler for event, first argument would be the element you are dragging over
     \*/
     // elproto.onDragOver = function (f) {
-    //     f ? eve.on("savage.drag.over." + this.id, f) : eve.unbind("savage.drag.over." + this.id);
+    //     f ? eve.on("snap.drag.over." + this.id, f) : eve.unbind("snap.drag.over." + this.id);
     // };
     /*\
      * Element.undrag
@@ -6969,9 +6969,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         while (i--) if (draggable[i].el == this) {
             this.unmousedown(draggable[i].start);
             draggable.splice(i, 1);
-            eve.unbind("savage.drag.*." + this.id);
+            eve.unbind("snap.drag.*." + this.id);
         }
-        !draggable.length && Savage.unmousemove(dragMove).unmouseup(dragUp);
+        !draggable.length && Snap.unmousemove(dragMove).unmouseup(dragUp);
         return this;
     };
 });
@@ -6988,13 +6988,13 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
 // 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.
-Savage.plugin(function (Savage, Element, Paper, glob) {
+Snap.plugin(function (Snap, Element, Paper, glob) {
     var elproto = Element.prototype,
         pproto = Paper.prototype,
         rgurl = /^\s*url\((.+)\)/,
         Str = String,
-        $ = Savage._.$;
-    Savage.filter = {};
+        $ = Snap._.$;
+    Snap.filter = {};
     /*\
      * Paper.filter
      [ method ]
@@ -7011,10 +7011,14 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      |     });
     \*/
     pproto.filter = function (filstr) {
-        var f = Savage.parse(Str(filstr)),
-            id = Savage._.id(),
-            width = this.node.offsetWidth,
-            height = this.node.offsetHeight,
+        var paper = this;
+        if (paper.type != "svg") {
+            paper = paper.paper;
+        }
+        var f = Snap.parse(Str(filstr)),
+            id = Snap._.id(),
+            width = paper.node.offsetWidth,
+            height = paper.node.offsetHeight,
             filter = $("filter");
         $(filter, {
             id: id,
@@ -7025,19 +7029,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             height: height
         });
         filter.appendChild(f.node);
-        this.defs.appendChild(filter);
+        paper.defs.appendChild(filter);
         return new Element(filter);
     };
     
-    eve.on("savage.util.getattr.filter", function () {
+    eve.on("snap.util.getattr.filter", function () {
         eve.stop();
         var p = $(this.node, "filter");
         if (p) {
             var match = Str(p).match(rgurl);
-            return match && Savage.select(match[1]);
+            return match && Snap.select(match[1]);
         }
     });
-    eve.on("savage.util.attr.filter", function (value) {
+    eve.on("snap.util.attr.filter", function (value) {
         if (value instanceof Element && value.type == "filter") {
             eve.stop();
             var id = value.node.id;
@@ -7056,7 +7060,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
     });
     
     /*\
-     * Savage.filter.blur
+     * Snap.filter.blur
      [ method ]
      **
      * Returns string of the blur filter.
@@ -7065,25 +7069,25 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - y (number) #optional amount of vertical blur in px.
      = (string) filter representation
      > Usage
-     | var f = paper.filter(Savage.filter.blur(5, 10)),
+     | var f = paper.filter(Snap.filter.blur(5, 10)),
      |     c = paper.circle(10, 10, 10).attr({
      |         filter: f
      |     });
     \*/
-    Savage.filter.blur = function (x, y) {
+    Snap.filter.blur = function (x, y) {
         if (x == null) {
             x = 2;
         }
         var def = y == null ? x : [x, y];
-        return Savage.format('\<feGaussianBlur stdDeviation="{def}"/>', {
+        return Snap.format('\<feGaussianBlur stdDeviation="{def}"/>', {
             def: def
         });
     };
-    Savage.filter.blur.toString = function () {
+    Snap.filter.blur.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.shadow
+     * Snap.filter.shadow
      [ method ]
      **
      * Returns string of the shadow filter.
@@ -7094,12 +7098,12 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - color (string) #optional color of the shadow.
      = (string) filter representation
      > Usage
-     | var f = paper.filter(Savage.filter.shadow(0, 2, 3)),
+     | var f = paper.filter(Snap.filter.shadow(0, 2, 3)),
      |     c = paper.circle(10, 10, 10).attr({
      |         filter: f
      |     });
     \*/
-    Savage.filter.shadow = function (dx, dy, blur, color) {
+    Snap.filter.shadow = function (dx, dy, blur, color) {
         color = color || "#000";
         if (blur == null) {
             blur = 4;
@@ -7115,19 +7119,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         if (dy == null) {
             dy = dx;
         }
-        color = Savage.color(color);
-        return Savage.format('<feGaussianBlur in="SourceAlpha" stdDeviation="{blur}"/><feOffset dx="{dx}" dy="{dy}" result="offsetblur"/><feFlood flood-color="{color}"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>', {
+        color = Snap.color(color);
+        return Snap.format('<feGaussianBlur in="SourceAlpha" stdDeviation="{blur}"/><feOffset dx="{dx}" dy="{dy}" result="offsetblur"/><feFlood flood-color="{color}"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>', {
             color: color,
             dx: dx,
             dy: dy,
             blur: blur
         });
     };
-    Savage.filter.shadow.toString = function () {
+    Snap.filter.shadow.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.grayscale
+     * Snap.filter.grayscale
      [ method ]
      **
      * Returns string of the grayscale filter.
@@ -7135,11 +7139,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.grayscale = function (amount) {
+    Snap.filter.grayscale = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {b} {h} 0 0 0 0 0 1 0"/>', {
+        return Snap.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {b} {h} 0 0 0 0 0 1 0"/>', {
             a: 0.2126 + 0.7874 * (1 - amount),
             b: 0.7152 - 0.7152 * (1 - amount),
             c: 0.0722 - 0.0722 * (1 - amount),
@@ -7150,11 +7154,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             h: 0.0722 + 0.9278 * (1 - amount)
         });
     };
-    Savage.filter.grayscale.toString = function () {
+    Snap.filter.grayscale.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.sepia
+     * Snap.filter.sepia
      [ method ]
      **
      * Returns string of the sepia filter.
@@ -7162,11 +7166,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.sepia = function (amount) {
+    Snap.filter.sepia = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {h} {i} 0 0 0 0 0 1 0"/>', {
+        return Snap.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {h} {i} 0 0 0 0 0 1 0"/>', {
             a: 0.393 + 0.607 * (1 - amount),
             b: 0.769 - 0.769 * (1 - amount),
             c: 0.189 - 0.189 * (1 - amount),
@@ -7178,11 +7182,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             i: 0.131 + 0.869 * (1 - amount)
         });
     };
-    Savage.filter.sepia.toString = function () {
+    Snap.filter.sepia.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.saturate
+     * Snap.filter.saturate
      [ method ]
      **
      * Returns string of the saturate filter.
@@ -7190,19 +7194,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.saturate = function (amount) {
+    Snap.filter.saturate = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feColorMatrix type="saturate" values="{amount}"/>', {
+        return Snap.format('<feColorMatrix type="saturate" values="{amount}"/>', {
             amount: 1 - amount
         });
     };
-    Savage.filter.saturate.toString = function () {
+    Snap.filter.saturate.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.hueRotate
+     * Snap.filter.hueRotate
      [ method ]
      **
      * Returns string of the hue-rotate filter.
@@ -7210,17 +7214,17 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - angle (number) angle of rotation.
      = (string) filter representation
     \*/
-    Savage.filter.hueRotate = function (angle) {
+    Snap.filter.hueRotate = function (angle) {
         angle = angle || 0;
-        return Savage.format('<feColorMatrix type="hueRotate" values="{angle}"/>', {
+        return Snap.format('<feColorMatrix type="hueRotate" values="{angle}"/>', {
             angle: angle
         });
     };
-    Savage.filter.hueRotate.toString = function () {
+    Snap.filter.hueRotate.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.invert
+     * Snap.filter.invert
      [ method ]
      **
      * Returns string of the invert filter.
@@ -7228,20 +7232,20 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.invert = function (amount) {
+    Snap.filter.invert = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feComponentTransfer><feFuncR type="table" tableValues="{amount} {amount2}"/><feFuncG type="table" tableValues="{amount} {amount2}"/><feFuncB type="table" tableValues="{amount} {amount2}"/></feComponentTransfer>', {
+        return Snap.format('<feComponentTransfer><feFuncR type="table" tableValues="{amount} {amount2}"/><feFuncG type="table" tableValues="{amount} {amount2}"/><feFuncB type="table" tableValues="{amount} {amount2}"/></feComponentTransfer>', {
             amount: amount,
             amount2: 1 - amount
         });
     };
-    Savage.filter.invert.toString = function () {
+    Snap.filter.invert.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.brightness
+     * Snap.filter.brightness
      [ method ]
      **
      * Returns string of the brightness filter.
@@ -7249,19 +7253,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.brightness = function (amount) {
+    Snap.filter.brightness = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}"/><feFuncG type="linear" slope="{amount}"/><feFuncB type="linear" slope="{amount}"/></feComponentTransfer>', {
+        return Snap.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}"/><feFuncG type="linear" slope="{amount}"/><feFuncB type="linear" slope="{amount}"/></feComponentTransfer>', {
             amount: amount
         });
     };
-    Savage.filter.brightness.toString = function () {
+    Snap.filter.brightness.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.contrast
+     * Snap.filter.contrast
      [ method ]
      **
      * Returns string of the contrast filter.
@@ -7269,16 +7273,18 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.contrast = function (amount) {
+    Snap.filter.contrast = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}" intercept="{amount2}"/><feFuncG type="linear" slope="{amount}" intercept="{amount2}"/><feFuncB type="linear" slope="{amount}" intercept="{amount2}"/></feComponentTransfer>', {
+        return Snap.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}" intercept="{amount2}"/><feFuncG type="linear" slope="{amount}" intercept="{amount2}"/><feFuncB type="linear" slope="{amount}" intercept="{amount2}"/></feComponentTransfer>', {
             amount: amount,
             amount2: .5 - amount / 2
         });
     };
-    Savage.filter.contrast.toString = function () {
+    Snap.filter.contrast.toString = function () {
         return this();
     };
-});
\ No newline at end of file
+});
+return Snap;
+}));
\ No newline at end of file
diff --git a/dr.json b/dr.json
index 0907020..d7c0466 100644
--- a/dr.json
+++ b/dr.json
@@ -1,7 +1,7 @@
 {
-    "title": "Savage",
+    "title": "Snap.svg",
     "output": "dist/reference.html",
-    "scripts": ["savage-min.js", "reference.js"],
+    "scripts": ["snap.svg-min.js", "reference.js"],
     "files": [{
         "url": "src/svg.js",
         "link": "https://github.com/adobe-webplatform/savage/blob/master/src/svg.js"
diff --git a/package.json b/package.json
index 1af605c..6b1785a 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,11 @@
 {
-  "name": "Savage",
+  "name": "Snap.svg",
   "version": "0.0.1",
   "description": "JavaScript Vector Library",
-  "main": "./dist/savage.js",
+  "main": "Gruntfile.js",
   "repository": {
     "type": "git",
-    "url": "git://github.com/adobe-webplatform/savage.git"
+    "url": "git@github.com:adobe-webplatform/Snap.svg.git"
   },
   "author": "Dmitry Baranovskiy",
   "license": "Apache License v2",
@@ -13,10 +13,11 @@
     "grunt": "~0.4.1",
     "grunt-contrib-uglify": "~0.2.0",
     "grunt-contrib-concat": "~0.3.0",
+    "grunt-exec": "~0.4.2",
     "mocha": "*",
     "expect.js": "*",
     "eve": "*",
     "elemental.js": "~0.2.4",
-    "dr.js": "*"
+    "dr.js": "~0.0.9"
   }
 }
diff --git a/src/amd-banner.js b/src/amd-banner.js
index b273091..6affb7f 100644
--- a/src/amd-banner.js
+++ b/src/amd-banner.js
@@ -7,7 +7,7 @@
         });
     } else {
         // Browser globals (glob is window)
-        // Savage adds itself to window
+        // Snap adds itself to window
         factory(glob, glob.eve);
     }
 }(this, function (window, eve) {
\ No newline at end of file
diff --git a/src/amd-footer.js b/src/amd-footer.js
index 1a8a448..ffcc125 100644
--- a/src/amd-footer.js
+++ b/src/amd-footer.js
@@ -1,2 +1,2 @@
-return Savage;
+return Snap;
 }));
\ No newline at end of file
diff --git a/src/copy.js b/src/copy.js
index 84889d0..9252a2c 100644
--- a/src/copy.js
+++ b/src/copy.js
@@ -1,18 +1,4 @@
-//   .--.--.
-//  /  /    '.
-// |  :  /`. /
-// ;  |  |--`                 .---.              ,----._,.
-// |  :  ;_      ,--.--.    /.  ./|   ,--.--.   /   /  ' /   ,---.
-//  \  \    `.  /       \ .-' . ' |  /       \ |   :     |  /     \
-//   `----.   \.--.  .-. /___/ \: | .--.  .-. ||   | .\  . /    /  |
-//   __ \  \  | \__\/: . .   \  ' .  \__\/: . ..   ; ';  |.    ' / |
-//  /  /`--'  / ," .--.; |\   \   '  ," .--.; |'   .   . |'   ;   /|
-// '--'.     / /  /  ,.  | \   \    /  /  ,.  | `---`-'| |'   |  / |
-//   `--'---' ;  :   .'   \ \   \ |;  :   .'   \.'__/\_: ||   :    |
-//            |  ,     .-./  '---" |  ,     .-./|   :    : \   \  /
-//             `--`---'             `--`---'     \   \  /   `----'
-//                                                `--`-'
-// Savage @VERSION
+// Snap.svg @VERSION
 // 
 // Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
 // 
diff --git a/src/equal.js b/src/equal.js
index 245d597..9b259de 100644
--- a/src/equal.js
+++ b/src/equal.js
@@ -11,7 +11,7 @@
 // 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.
-Savage.plugin(function (Savage, Element, Paper, glob) {
+Snap.plugin(function (Snap, Element, Paper, glob) {
     var names = {},
         reUnit = /[a-z]+$/i,
         Str = String;
@@ -37,8 +37,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
     }
     function equaliseTransform(t1, t2) {
         t2 = Str(t2).replace(/\.{3}|\u2026/g, t1);
-        t1 = Savage.parseTransformString(t1) || [];
-        t2 = Savage.parseTransformString(t2) || [];
+        t1 = Snap.parseTransformString(t1) || [];
+        t2 = Snap.parseTransformString(t2) || [];
         var maxlength = Math.max(t1.length, t2.length),
             from = [],
             to = [],
@@ -75,7 +75,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         };
     }
     function getColour(clr) {
-        return Savage.rgb(clr[0], clr[1], clr[2]);
+        return Snap.rgb(clr[0], clr[1], clr[2]);
     }
     function getPath(path) {
         var k = 0, i, ii, j, jj, out, a, b = [];
@@ -88,7 +88,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             out += a + "]";
             b[i] = out;
         }
-        return Function("val", "return Savage.path.toString.call([" + b + "])");
+        return Function("val", "return Snap.path.toString.call([" + b + "])");
     }
     function path2array(path) {
         var out = [];
@@ -109,8 +109,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             };
         }
         if (names[name] == "colour") {
-            A = Savage.color(a);
-            B = Savage.color(b);
+            A = Snap.color(a);
+            B = Snap.color(b);
             return {
                 from: [A.r, A.g, A.b, A.opacity],
                 to: [B.r, B.g, B.b, B.opacity],
@@ -122,7 +122,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             return equaliseTransform(a, b);
         }
         if (name == "d" || name == "path") {
-            A = Savage.path.toCubic(a, b);
+            A = Snap.path.toCubic(a, b);
             return {
                 from: path2array(A[0]),
                 to: path2array(A[1]),
diff --git a/src/filter.js b/src/filter.js
index dd4d05b..b85e092 100644
--- a/src/filter.js
+++ b/src/filter.js
@@ -11,13 +11,13 @@
 // 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.
-Savage.plugin(function (Savage, Element, Paper, glob) {
+Snap.plugin(function (Snap, Element, Paper, glob) {
     var elproto = Element.prototype,
         pproto = Paper.prototype,
         rgurl = /^\s*url\((.+)\)/,
         Str = String,
-        $ = Savage._.$;
-    Savage.filter = {};
+        $ = Snap._.$;
+    Snap.filter = {};
     /*\
      * Paper.filter
      [ method ]
@@ -34,10 +34,14 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      |     });
     \*/
     pproto.filter = function (filstr) {
-        var f = Savage.parse(Str(filstr)),
-            id = Savage._.id(),
-            width = this.node.offsetWidth,
-            height = this.node.offsetHeight,
+        var paper = this;
+        if (paper.type != "svg") {
+            paper = paper.paper;
+        }
+        var f = Snap.parse(Str(filstr)),
+            id = Snap._.id(),
+            width = paper.node.offsetWidth,
+            height = paper.node.offsetHeight,
             filter = $("filter");
         $(filter, {
             id: id,
@@ -48,19 +52,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             height: height
         });
         filter.appendChild(f.node);
-        this.defs.appendChild(filter);
+        paper.defs.appendChild(filter);
         return new Element(filter);
     };
     
-    eve.on("savage.util.getattr.filter", function () {
+    eve.on("snap.util.getattr.filter", function () {
         eve.stop();
         var p = $(this.node, "filter");
         if (p) {
             var match = Str(p).match(rgurl);
-            return match && Savage.select(match[1]);
+            return match && Snap.select(match[1]);
         }
     });
-    eve.on("savage.util.attr.filter", function (value) {
+    eve.on("snap.util.attr.filter", function (value) {
         if (value instanceof Element && value.type == "filter") {
             eve.stop();
             var id = value.node.id;
@@ -79,7 +83,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
     });
     
     /*\
-     * Savage.filter.blur
+     * Snap.filter.blur
      [ method ]
      **
      * Returns string of the blur filter.
@@ -88,25 +92,25 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - y (number) #optional amount of vertical blur in px.
      = (string) filter representation
      > Usage
-     | var f = paper.filter(Savage.filter.blur(5, 10)),
+     | var f = paper.filter(Snap.filter.blur(5, 10)),
      |     c = paper.circle(10, 10, 10).attr({
      |         filter: f
      |     });
     \*/
-    Savage.filter.blur = function (x, y) {
+    Snap.filter.blur = function (x, y) {
         if (x == null) {
             x = 2;
         }
         var def = y == null ? x : [x, y];
-        return Savage.format('\<feGaussianBlur stdDeviation="{def}"/>', {
+        return Snap.format('\<feGaussianBlur stdDeviation="{def}"/>', {
             def: def
         });
     };
-    Savage.filter.blur.toString = function () {
+    Snap.filter.blur.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.shadow
+     * Snap.filter.shadow
      [ method ]
      **
      * Returns string of the shadow filter.
@@ -117,12 +121,12 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - color (string) #optional color of the shadow.
      = (string) filter representation
      > Usage
-     | var f = paper.filter(Savage.filter.shadow(0, 2, 3)),
+     | var f = paper.filter(Snap.filter.shadow(0, 2, 3)),
      |     c = paper.circle(10, 10, 10).attr({
      |         filter: f
      |     });
     \*/
-    Savage.filter.shadow = function (dx, dy, blur, color) {
+    Snap.filter.shadow = function (dx, dy, blur, color) {
         color = color || "#000";
         if (blur == null) {
             blur = 4;
@@ -138,19 +142,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         if (dy == null) {
             dy = dx;
         }
-        color = Savage.color(color);
-        return Savage.format('<feGaussianBlur in="SourceAlpha" stdDeviation="{blur}"/><feOffset dx="{dx}" dy="{dy}" result="offsetblur"/><feFlood flood-color="{color}"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>', {
+        color = Snap.color(color);
+        return Snap.format('<feGaussianBlur in="SourceAlpha" stdDeviation="{blur}"/><feOffset dx="{dx}" dy="{dy}" result="offsetblur"/><feFlood flood-color="{color}"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>', {
             color: color,
             dx: dx,
             dy: dy,
             blur: blur
         });
     };
-    Savage.filter.shadow.toString = function () {
+    Snap.filter.shadow.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.grayscale
+     * Snap.filter.grayscale
      [ method ]
      **
      * Returns string of the grayscale filter.
@@ -158,11 +162,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.grayscale = function (amount) {
+    Snap.filter.grayscale = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {b} {h} 0 0 0 0 0 1 0"/>', {
+        return Snap.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {b} {h} 0 0 0 0 0 1 0"/>', {
             a: 0.2126 + 0.7874 * (1 - amount),
             b: 0.7152 - 0.7152 * (1 - amount),
             c: 0.0722 - 0.0722 * (1 - amount),
@@ -173,11 +177,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             h: 0.0722 + 0.9278 * (1 - amount)
         });
     };
-    Savage.filter.grayscale.toString = function () {
+    Snap.filter.grayscale.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.sepia
+     * Snap.filter.sepia
      [ method ]
      **
      * Returns string of the sepia filter.
@@ -185,11 +189,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.sepia = function (amount) {
+    Snap.filter.sepia = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {h} {i} 0 0 0 0 0 1 0"/>', {
+        return Snap.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {h} {i} 0 0 0 0 0 1 0"/>', {
             a: 0.393 + 0.607 * (1 - amount),
             b: 0.769 - 0.769 * (1 - amount),
             c: 0.189 - 0.189 * (1 - amount),
@@ -201,11 +205,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             i: 0.131 + 0.869 * (1 - amount)
         });
     };
-    Savage.filter.sepia.toString = function () {
+    Snap.filter.sepia.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.saturate
+     * Snap.filter.saturate
      [ method ]
      **
      * Returns string of the saturate filter.
@@ -213,19 +217,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.saturate = function (amount) {
+    Snap.filter.saturate = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feColorMatrix type="saturate" values="{amount}"/>', {
+        return Snap.format('<feColorMatrix type="saturate" values="{amount}"/>', {
             amount: 1 - amount
         });
     };
-    Savage.filter.saturate.toString = function () {
+    Snap.filter.saturate.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.hueRotate
+     * Snap.filter.hueRotate
      [ method ]
      **
      * Returns string of the hue-rotate filter.
@@ -233,17 +237,17 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - angle (number) angle of rotation.
      = (string) filter representation
     \*/
-    Savage.filter.hueRotate = function (angle) {
+    Snap.filter.hueRotate = function (angle) {
         angle = angle || 0;
-        return Savage.format('<feColorMatrix type="hueRotate" values="{angle}"/>', {
+        return Snap.format('<feColorMatrix type="hueRotate" values="{angle}"/>', {
             angle: angle
         });
     };
-    Savage.filter.hueRotate.toString = function () {
+    Snap.filter.hueRotate.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.invert
+     * Snap.filter.invert
      [ method ]
      **
      * Returns string of the invert filter.
@@ -251,20 +255,20 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.invert = function (amount) {
+    Snap.filter.invert = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feComponentTransfer><feFuncR type="table" tableValues="{amount} {amount2}"/><feFuncG type="table" tableValues="{amount} {amount2}"/><feFuncB type="table" tableValues="{amount} {amount2}"/></feComponentTransfer>', {
+        return Snap.format('<feComponentTransfer><feFuncR type="table" tableValues="{amount} {amount2}"/><feFuncG type="table" tableValues="{amount} {amount2}"/><feFuncB type="table" tableValues="{amount} {amount2}"/></feComponentTransfer>', {
             amount: amount,
             amount2: 1 - amount
         });
     };
-    Savage.filter.invert.toString = function () {
+    Snap.filter.invert.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.brightness
+     * Snap.filter.brightness
      [ method ]
      **
      * Returns string of the brightness filter.
@@ -272,19 +276,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.brightness = function (amount) {
+    Snap.filter.brightness = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}"/><feFuncG type="linear" slope="{amount}"/><feFuncB type="linear" slope="{amount}"/></feComponentTransfer>', {
+        return Snap.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}"/><feFuncG type="linear" slope="{amount}"/><feFuncB type="linear" slope="{amount}"/></feComponentTransfer>', {
             amount: amount
         });
     };
-    Savage.filter.brightness.toString = function () {
+    Snap.filter.brightness.toString = function () {
         return this();
     };
     /*\
-     * Savage.filter.contrast
+     * Snap.filter.contrast
      [ method ]
      **
      * Returns string of the contrast filter.
@@ -292,16 +296,16 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - amount (number) amount of filter (`0..1`).
      = (string) filter representation
     \*/
-    Savage.filter.contrast = function (amount) {
+    Snap.filter.contrast = function (amount) {
         if (amount == null) {
             amount = 1;
         }
-        return Savage.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}" intercept="{amount2}"/><feFuncG type="linear" slope="{amount}" intercept="{amount2}"/><feFuncB type="linear" slope="{amount}" intercept="{amount2}"/></feComponentTransfer>', {
+        return Snap.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}" intercept="{amount2}"/><feFuncG type="linear" slope="{amount}" intercept="{amount2}"/><feFuncB type="linear" slope="{amount}" intercept="{amount2}"/></feComponentTransfer>', {
             amount: amount,
             amount2: .5 - amount / 2
         });
     };
-    Savage.filter.contrast.toString = function () {
+    Snap.filter.contrast.toString = function () {
         return this();
     };
 });
\ No newline at end of file
diff --git a/src/mouse.js b/src/mouse.js
index 4c98804..38d6c2b 100644
--- a/src/mouse.js
+++ b/src/mouse.js
@@ -11,7 +11,7 @@
 // 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.
-Savage.plugin(function (Savage, Element, Paper, glob) {
+Snap.plugin(function (Snap, Element, Paper, glob) {
     var elproto = Element.prototype,
     has = "hasOwnProperty",
     supportsTouch = "createTouch" in glob.doc,
@@ -118,7 +118,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             }
             var node = dragi.el.node,
                 o,
-                glob = Savage._.glob,
+                glob = Snap._.glob,
                 next = node.nextSibling,
                 parent = node.parentNode,
                 display = node.style.display;
@@ -127,20 +127,20 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             // o = dragi.el.paper.getElementByPoint(x, y);
             // node.style.display = display;
             // glob.win.opera && (next ? parent.insertBefore(node, next) : parent.appendChild(node));
-            // o && eve("savage.drag.over." + dragi.el.id, dragi.el, o);
+            // o && eve("snap.drag.over." + dragi.el.id, dragi.el, o);
             x += scrollX;
             y += scrollY;
-            eve("savage.drag.move." + dragi.el.id, dragi.move_scope || dragi.el, x - dragi.el._drag.x, y - dragi.el._drag.y, x, y, e);
+            eve("snap.drag.move." + dragi.el.id, dragi.move_scope || dragi.el, x - dragi.el._drag.x, y - dragi.el._drag.y, x, y, e);
         }
     },
     dragUp = function (e) {
-        Savage.unmousemove(dragMove).unmouseup(dragUp);
+        Snap.unmousemove(dragMove).unmouseup(dragUp);
         var i = drag.length,
             dragi;
         while (i--) {
             dragi = drag[i];
             dragi.el._drag = {};
-            eve("savage.drag.end." + dragi.el.id, dragi.end_scope || dragi.start_scope || dragi.move_scope || dragi.el, e);
+            eve("snap.drag.end." + dragi.el.id, dragi.end_scope || dragi.start_scope || dragi.move_scope || dragi.el, e);
         }
         drag = [];
     };
@@ -332,8 +332,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
     \*/
     for (var i = events.length; i--;) {
         (function (eventName) {
-            Savage[eventName] = elproto[eventName] = function (fn, scope) {
-                if (Savage.is(fn, "function")) {
+            Snap[eventName] = elproto[eventName] = function (fn, scope) {
+                if (Snap.is(fn, "function")) {
                     this.events = this.events || [];
                     this.events.push({
                         name: eventName,
@@ -343,7 +343,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
                 }
                 return this;
             };
-            Savage["un" + eventName] =
+            Snap["un" + eventName] =
             elproto["un" + eventName] = function (fn) {
                 var events = this.events || [],
                     l = events.length;
@@ -432,12 +432,12 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             this._drag.x = e.clientX + scrollX;
             this._drag.y = e.clientY + scrollY;
             this._drag.id = e.identifier;
-            !drag.length && Savage.mousemove(dragMove).mouseup(dragUp);
+            !drag.length && Snap.mousemove(dragMove).mouseup(dragUp);
             drag.push({el: this, move_scope: move_scope, start_scope: start_scope, end_scope: end_scope});
-            onstart && eve.on("savage.drag.start." + this.id, onstart);
-            onmove && eve.on("savage.drag.move." + this.id, onmove);
-            onend && eve.on("savage.drag.end." + this.id, onend);
-            eve("savage.drag.start." + this.id, start_scope || move_scope || this, e.clientX + scrollX, e.clientY + scrollY, e);
+            onstart && eve.on("snap.drag.start." + this.id, onstart);
+            onmove && eve.on("snap.drag.move." + this.id, onmove);
+            onend && eve.on("snap.drag.end." + this.id, onend);
+            eve("snap.drag.start." + this.id, start_scope || move_scope || this, e.clientX + scrollX, e.clientY + scrollY, e);
         }
         this._drag = {};
         draggable.push({el: this, start: start});
@@ -452,7 +452,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - f (function) handler for event, first argument would be the element you are dragging over
     \*/
     // elproto.onDragOver = function (f) {
-    //     f ? eve.on("savage.drag.over." + this.id, f) : eve.unbind("savage.drag.over." + this.id);
+    //     f ? eve.on("snap.drag.over." + this.id, f) : eve.unbind("snap.drag.over." + this.id);
     // };
     /*\
      * Element.undrag
@@ -465,9 +465,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         while (i--) if (draggable[i].el == this) {
             this.unmousedown(draggable[i].start);
             draggable.splice(i, 1);
-            eve.unbind("savage.drag.*." + this.id);
+            eve.unbind("snap.drag.*." + this.id);
         }
-        !draggable.length && Savage.unmousemove(dragMove).unmouseup(dragUp);
+        !draggable.length && Snap.unmousemove(dragMove).unmouseup(dragUp);
         return this;
     };
 });
\ No newline at end of file
diff --git a/src/path.js b/src/path.js
index 78c0517..a5f0073 100644
--- a/src/path.js
+++ b/src/path.js
@@ -11,10 +11,10 @@
 // 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.
-Savage.plugin(function (Savage, Element, Paper, glob) {
+Snap.plugin(function (Snap, Element, Paper, glob) {
     var elproto = Element.prototype,
-        is = Savage.is,
-        clone = Savage._.clone,
+        is = Snap.is,
+        clone = Snap._.clone,
         has = "hasOwnProperty",
         p2s = /,?([a-z]),?/gi,
         toFloat = parseFloat,
@@ -89,7 +89,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         function O(val) {
             return +(+val).toFixed(3);
         }
-        return Savage._.cacher(function (path, length, onlystart) {
+        return Snap._.cacher(function (path, length, onlystart) {
             if (path instanceof Element) {
                 path = path.attr("d");
             }
@@ -144,7 +144,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             subpaths.end = sp;
             point = istotal ? len : subpath ? subpaths : findDotsAtSegment(x, y, p[0], p[1], p[2], p[3], p[4], p[5], 1);
             return point;
-        }, null, Savage._.clone);
+        }, null, Snap._.clone);
     }
     var getTotalLength = getLengthFactory(1),
         getPointAtLength = getLengthFactory(),
@@ -178,7 +178,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         };
     }
     function bezierBBox(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) {
-        if (!Savage.is(p1x, "array")) {
+        if (!Snap.is(p1x, "array")) {
             p1x = [p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y];
         }
         var bbox = curveDim.apply(null, p1x);
@@ -490,7 +490,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         res.toString = toString;
         return res;
     }
-    var unit2px = Savage._unit2px,
+    var unit2px = Snap._unit2px,
         getPath = {
         path: function (el) {
             return el.attr("path");
@@ -530,8 +530,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         if (pth.rel) {
             return pathClone(pth.rel);
         }
-        if (!Savage.is(pathArray, "array") || !Savage.is(pathArray && pathArray[0], "array")) {
-            pathArray = Savage.parsePathString(pathArray);
+        if (!Snap.is(pathArray, "array") || !Snap.is(pathArray && pathArray[0], "array")) {
+            pathArray = Snap.parsePathString(pathArray);
         }
         var res = [],
             x = 0,
@@ -610,7 +610,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             return pathClone(pth.abs);
         }
         if (!is(pathArray, "array") || !is(pathArray && pathArray[0], "array")) { // rough assumption
-            pathArray = Savage.parsePathString(pathArray);
+            pathArray = Snap.parsePathString(pathArray);
         }
         if (!pathArray || !pathArray.length) {
             return [["M", 0, 0]];
@@ -751,7 +751,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
             rad = PI / 180 * (+angle || 0),
             res = [],
             xy,
-            rotate = Savage._.cacher(function (x, y, rad) {
+            rotate = Snap._.cacher(function (x, y, rad) {
                 var X = x * math.cos(rad) - y * math.sin(rad),
                     Y = x * math.sin(rad) + y * math.cos(rad);
                 return {x: X, y: Y};
@@ -1040,10 +1040,10 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
     }
 
     // export
-    Savage.path = paths;
+    Snap.path = paths;
 
     /*\
-     * Savage.path.getTotalLength
+     * Snap.path.getTotalLength
      [ method ]
      **
      * Returns length of the given path in pixels.
@@ -1052,9 +1052,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      **
      = (number) length.
     \*/
-    Savage.path.getTotalLength = getTotalLength;
+    Snap.path.getTotalLength = getTotalLength;
     /*\
-     * Savage.path.getPointAtLength
+     * Snap.path.getPointAtLength
      [ method ]
      **
      * Return coordinates of the point located at the given length on the given path.
@@ -1069,9 +1069,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      o     alpha: (number) angle of derivative
      o }
     \*/
-    Savage.path.getPointAtLength = getPointAtLength;
+    Snap.path.getPointAtLength = getPointAtLength;
     /*\
-     * Savage.path.getSubpath
+     * Snap.path.getSubpath
      [ method ]
      **
      * Return subpath of a given path from given length to given length.
@@ -1082,7 +1082,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      **
      = (string) pathstring for the segment
     \*/
-    Savage.path.getSubpath = function (path, from, to) {
+    Snap.path.getSubpath = function (path, from, to) {
         if (this.getTotalLength(path) - to < 1e-6) {
             return getSubpathsAtLength(path, from).end;
         }
@@ -1131,11 +1131,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      = (string) pathstring for the segment
     \*/
     elproto.getSubpath = function (from, to) {
-        return Savage.path.getSubpath(this.attr("d"), from, to);
+        return Snap.path.getSubpath(this.attr("d"), from, to);
     };
-    Savage._.box = box;
+    Snap._.box = box;
     /*\
-     * Savage.path.findDotsAtSegment
+     * Snap.path.findDotsAtSegment
      [ method ]
      **
      * Utility method
@@ -1173,9 +1173,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      o     alpha: (number) angle of the curve derivative at the point
      o }
     \*/
-    Savage.path.findDotsAtSegment = findDotsAtSegment;
+    Snap.path.findDotsAtSegment = findDotsAtSegment;
     /*\
-     * Savage.path.bezierBBox
+     * Snap.path.bezierBBox
      [ method ]
      **
      * Utility method
@@ -1203,9 +1203,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      o     }
      o }
     \*/
-    Savage.path.bezierBBox = bezierBBox;
+    Snap.path.bezierBBox = bezierBBox;
     /*\
-     * Savage.path.isPointInsideBBox
+     * Snap.path.isPointInsideBBox
      [ method ]
      **
      * Utility method
@@ -1216,9 +1216,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - y (string) y coordinate of the point
      = (boolean) `true` if point inside
     \*/
-    Savage.path.isPointInsideBBox = isPointInsideBBox;
+    Snap.path.isPointInsideBBox = isPointInsideBBox;
     /*\
-     * Savage.path.isBBoxIntersect
+     * Snap.path.isBBoxIntersect
      [ method ]
      **
      * Utility method
@@ -1228,9 +1228,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - bbox2 (string) second bounding box
      = (boolean) `true` if they intersect
     \*/
-    Savage.path.isBBoxIntersect = isBBoxIntersect;
+    Snap.path.isBBoxIntersect = isBBoxIntersect;
     /*\
-     * Savage.path.intersection
+     * Snap.path.intersection
      [ method ]
      **
      * Utility method
@@ -1252,10 +1252,10 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      o     }
      o ]
     \*/
-    Savage.path.intersection = pathIntersection;
-    Savage.path.intersectionNumber = pathIntersectionNumber;
+    Snap.path.intersection = pathIntersection;
+    Snap.path.intersectionNumber = pathIntersectionNumber;
     /*\
-     * Savage.path.isPointInside
+     * Snap.path.isPointInside
      [ method ]
      **
      * Utility method
@@ -1266,9 +1266,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - y (number) y of the point
      = (boolean) true, if point is inside the path
     \*/
-    Savage.path.isPointInside = isPointInsidePath;
+    Snap.path.isPointInside = isPointInsidePath;
     /*\
-     * Savage.path.getBBox
+     * Snap.path.getBBox
      [ method ]
      **
      * Utility method
@@ -1285,10 +1285,10 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      o     height: (number) height of the box
      o }
     \*/
-    Savage.path.getBBox = pathBBox;
-    Savage.path.get = getPath;
+    Snap.path.getBBox = pathBBox;
+    Snap.path.get = getPath;
     /*\
-     * Savage.path.toRelative
+     * Snap.path.toRelative
      [ method ]
      **
      * Utility method
@@ -1297,9 +1297,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - path (string) path string
      = (array) path string
     \*/
-    Savage.path.toRelative = pathToRelative;
+    Snap.path.toRelative = pathToRelative;
     /*\
-     * Savage.path.toAbsolute
+     * Snap.path.toAbsolute
      [ method ]
      **
      * Utility method
@@ -1308,9 +1308,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - path (string) path string
      = (array) path string
     \*/
-    Savage.path.toAbsolute = pathToAbsolute;
+    Snap.path.toAbsolute = pathToAbsolute;
     /*\
-     * Savage.path.toCubic
+     * Snap.path.toCubic
      [ method ]
      **
      * Utility method
@@ -1319,9 +1319,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - pathString (string|array) path string or array of segments
      = (array) array of segments.
     \*/
-    Savage.path.toCubic = path2curve;
+    Snap.path.toCubic = path2curve;
     /*\
-     * Savage.path.map
+     * Snap.path.map
      [ method ]
      **
      * Transform the path string with given matrix.
@@ -1329,7 +1329,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
      - matrix (object) see @Matrix
      = (string) transformed path string
     \*/
-    Savage.path.map = mapPath;
-    Savage.path.toString = toString;
-    Savage.path.clone = pathClone;
+    Snap.path.map = mapPath;
+    Snap.path.toString = toString;
+    Snap.path.clone = pathClone;
 });
\ No newline at end of file
diff --git a/src/set.js b/src/set.js
index 4860f19..62a5d2a 100644
--- a/src/set.js
+++ b/src/set.js
@@ -11,7 +11,7 @@
 // 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.
-Savage.plugin(function (Savage, Element, Paper, glob) {
+Snap.plugin(function (Snap, Element, Paper, glob) {
     var mmax = Math.max,
         mmin = Math.min;
 
@@ -193,11 +193,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
         return s;
     };
     setproto.toString = function () {
-        return "Savage\u2018s set";
+        return "Snap\u2018s set";
     };
     setproto.type = "set";
     // export
-    Savage.set = function () {
+    Snap.set = function () {
         var set = new Set;
         if (arguments.length) {
             set.push.apply(set, Array.prototype.slice.call(arguments, 0));
diff --git a/src/svg.js b/src/svg.js
index e2fed79..743108e 100644
--- a/src/svg.js
+++ b/src/svg.js
@@ -12,10 +12,10 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-var Savage = (function() {
-Savage.version = "0.0.1";
+var Snap = (function() {
+Snap.version = "0.0.1";
 /*\
- * Savage
+ * Snap
  [ method ]
  **
  * Creates drawing surface or wraps existing SVG element.
@@ -23,12 +23,12 @@ Savage.version = "0.0.1";
  - width (number|string) width of surface
  - height (number|string) height of surface
  * or
- - dom (SVGElement) element to be wrapped into Savage structure
+ - dom (SVGElement) element to be wrapped into Snap structure
  * or
  - query (string) CSS query selector
  = (object) @Element
 \*/
-function Savage(w, h) {
+function Snap(w, h) {
     if (w) {
         if (w.tagName) {
             return wrap(w);
@@ -45,15 +45,15 @@ function Savage(w, h) {
     h = h == null ? "100%" : h;
     return new Paper(w, h);
 }
-Savage.toString = function () {
-    return "Savage v" + this.version;
+Snap.toString = function () {
+    return "Snap v" + this.version;
 };
-Savage._ = {};
+Snap._ = {};
 var glob = {
     win: window,
     doc: window.document
 };
-Savage._.glob = glob;
+Snap._.glob = glob;
 var has = "hasOwnProperty",
     Str = String,
     toFloat = parseFloat,
@@ -118,8 +118,8 @@ function $(el, attr) {
     }
     return el;
 }
-Savage._.$ = $;
-Savage._.id = ID;
+Snap._.$ = $;
+Snap._.id = ID;
 function getAttrs(el) {
     var attrs = el.attributes,
         name,
@@ -150,7 +150,7 @@ function is(o, type) {
             objectToString.call(o).slice(8, -1).toLowerCase() == type;
 }
 /*\
- * Savage.format
+ * Snap.format
  [ method ]
  **
  * Replaces construction of type “`{<name>}`” to the corresponding argument.
@@ -160,7 +160,7 @@ function is(o, type) {
  = (string) formated string
  > Usage
  | // this will draw a rectangular shape equivalent to "M10,20h40v50h-40z"
- | paper.path(Savage.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
+ | paper.path(Snap.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
  |     x: 10,
  |     y: 20,
  |     dim: {
@@ -170,7 +170,7 @@ function is(o, type) {
  |     }
  | }));
 \*/
-Savage.format = (function () {
+Snap.format = (function () {
     var tokenRegex = /\{([^\}]+)\}/g,
         objNotationRegex = /(?:(?:^|\.)(.+?)(?=\[|\.|$|\()|\[('|")(.+?)\2\])(\(\))?/g, // matches .xxxxx or ["xxxxx"] to run over object properties
         replacer = function (all, key, obj) {
@@ -221,7 +221,7 @@ function clone(obj) {
     }
     return res;
 }
-Savage._.clone = clone;
+Snap._.clone = clone;
 function repush(array, item) {
     for (var i = 0, ii = array.length; i < ii; i++) if (array[i] === item) {
         return array.push(array.splice(i, 1)[0]);
@@ -244,7 +244,7 @@ function cacher(f, scope, postprocessor) {
     }
     return newf;
 }
-Savage._.cacher = cacher;
+Snap._.cacher = cacher;
 function angle(x1, y1, x2, y2, x3, y3) {
     if (x3 == null) {
         var x = x1 - x2,
@@ -271,25 +271,25 @@ function x_y_w_h() {
 }
 
 /*\
- * Savage.rad
+ * Snap.rad
  [ method ]
  **
  * Transform angle to radians
  - deg (number) angle in degrees
  = (number) angle in radians.
 \*/
-Savage.rad = rad;
+Snap.rad = rad;
 /*\
- * Savage.deg
+ * Snap.deg
  [ method ]
  **
  * Transform angle to degrees
  - deg (number) angle in radians
  = (number) angle in degrees.
 \*/
-Savage.deg = deg;
+Snap.deg = deg;
 /*\
- * Savage.angle
+ * Snap.angle
  [ method ]
  **
  * Returns angle between two or three points.
@@ -302,9 +302,9 @@ Savage.deg = deg;
  - y3 (number) #optional y coord of third point
  = (number) angle in degrees.
 \*/
-Savage.angle = angle;
+Snap.angle = angle;
 /*\
- * Savage.is
+ * Snap.is
  [ method ]
  **
  * Handfull replacement for `typeof` operator.
@@ -312,9 +312,9 @@ Savage.angle = angle;
  - type (string) name of the type, i.e. “string”, “function”, “number”, etc.
  = (boolean) is given value is of given type
 \*/
-Savage.is = is;
+Snap.is = is;
 /*\
- * Savage.snapTo
+ * Snap.snapTo
  [ method ]
  **
  * Snaps given value to given grid.
@@ -323,7 +323,7 @@ Savage.is = is;
  - tolerance (number) #optional tolerance for snapping. Default is `10`.
  = (number) adjusted value.
 \*/
-Savage.snapTo = function (values, value, tolerance) {
+Snap.snapTo = function (values, value, tolerance) {
     tolerance = is(tolerance, "finite") ? tolerance : 10;
     if (is(values, "array")) {
         var i = values.length;
@@ -592,7 +592,7 @@ function Matrix(a, b, c, d, e, f) {
     };
 })(Matrix.prototype);
 /*\
- * Savage.Matrix
+ * Snap.Matrix
  [ method ]
  **
  * Utility method
@@ -608,10 +608,10 @@ function Matrix(a, b, c, d, e, f) {
  - svgMatrix (SVGMatrix)
  = (object) @Matrix
 \*/
-Savage.Matrix = Matrix;
+Snap.Matrix = Matrix;
 // Colour
 /*\
- * Savage.getRGB
+ * Snap.getRGB
  [ method ]
  **
  * Parses colour string as RGB object
@@ -643,7 +643,7 @@ Savage.Matrix = Matrix;
  o     error (boolean) true if string cant be parsed
  o }
 \*/
-Savage.getRGB = cacher(function (colour) {
+Snap.getRGB = cacher(function (colour) {
     if (!colour || !!((colour = Str(colour)).indexOf("-") + 1)) {
         return {r: -1, g: -1, b: -1, hex: "none", error: 1, toString: rgbtoString};
     }
@@ -695,7 +695,7 @@ Savage.getRGB = cacher(function (colour) {
             (values[0].slice(-3) == "deg" || values[0].slice(-1) == "\xb0") && (red /= 360);
             rgb[1].toLowerCase().slice(0, 4) == "hsba" && (opacity = toFloat(values[3]));
             values[3] && values[3].slice(-1) == "%" && (opacity /= 100);
-            return Savage.hsb2rgb(red, green, blue, opacity);
+            return Snap.hsb2rgb(red, green, blue, opacity);
         }
         if (rgb[6]) {
             values = rgb[6].split(commaSpaces);
@@ -708,7 +708,7 @@ Savage.getRGB = cacher(function (colour) {
             (values[0].slice(-3) == "deg" || values[0].slice(-1) == "\xb0") && (red /= 360);
             rgb[1].toLowerCase().slice(0, 4) == "hsla" && (opacity = toFloat(values[3]));
             values[3] && values[3].slice(-1) == "%" && (opacity /= 100);
-            return Savage.hsl2rgb(red, green, blue, opacity);
+            return Snap.hsl2rgb(red, green, blue, opacity);
         }
         red = mmin(math.round(red), 255);
         green = mmin(math.round(green), 255);
@@ -720,9 +720,9 @@ Savage.getRGB = cacher(function (colour) {
         return rgb;
     }
     return {r: -1, g: -1, b: -1, hex: "none", error: 1, toString: rgbtoString};
-}, Savage);
+}, Snap);
 /*\
- * Savage.hsb
+ * Snap.hsb
  [ method ]
  **
  * Converts HSB values to hex representation of the colour.
@@ -731,11 +731,11 @@ Savage.getRGB = cacher(function (colour) {
  - b (number) value or brightness
  = (string) hex representation of the colour.
 \*/
-Savage.hsb = cacher(function (h, s, b) {
-    return Savage.hsb2rgb(h, s, b).hex;
+Snap.hsb = cacher(function (h, s, b) {
+    return Snap.hsb2rgb(h, s, b).hex;
 });
 /*\
- * Savage.hsl
+ * Snap.hsl
  [ method ]
  **
  * Converts HSL values to hex representation of the colour.
@@ -744,11 +744,11 @@ Savage.hsb = cacher(function (h, s, b) {
  - l (number) luminosity
  = (string) hex representation of the colour.
 \*/
-Savage.hsl = cacher(function (h, s, l) {
-    return Savage.hsl2rgb(h, s, l).hex;
+Snap.hsl = cacher(function (h, s, l) {
+    return Snap.hsl2rgb(h, s, l).hex;
 });
 /*\
- * Savage.rgb
+ * Snap.rgb
  [ method ]
  **
  * Converts RGB values to hex representation of the colour.
@@ -757,7 +757,7 @@ Savage.hsl = cacher(function (h, s, l) {
  - b (number) blue
  = (string) hex representation of the colour.
 \*/
-Savage.rgb = cacher(function (r, g, b, o) {
+Snap.rgb = cacher(function (r, g, b, o) {
     if (is(o, "finite")) {
         var round = math.round;
         return "rgba(" + [round(r), round(g), round(b), +o.toFixed(2)] + ")";
@@ -796,7 +796,7 @@ prepareRGB = function (r, g, b) {
         r = r.r;
     }
     if (g == null && is(r, string)) {
-        var clr = Savage.getRGB(r);
+        var clr = Snap.getRGB(r);
         r = clr.r;
         g = clr.g;
         b = clr.b;
@@ -818,7 +818,7 @@ packageRGB = function (r, g, b, o) {
         g: g,
         b: b,
         opacity: is(o, "finite") ? o : 1,
-        hex: Savage.rgb(r, g, b),
+        hex: Snap.rgb(r, g, b),
         toString: rgbtoString
     };
     is(o, "finite") && (rgb.opacity = o);
@@ -826,11 +826,11 @@ packageRGB = function (r, g, b, o) {
 };
 
 /*\
- * Savage.color
+ * Snap.color
  [ method ]
  **
  * Parses the color string and returns object with all values for the given color.
- - clr (string) color string in one of the supported formats (see @Savage.getRGB)
+ - clr (string) color string in one of the supported formats (see @Snap.getRGB)
  = (object) Combined RGB & HSB object in format:
  o {
  o     r (number) red,
@@ -844,17 +844,17 @@ packageRGB = function (r, g, b, o) {
  o     l (number) lightness
  o }
 \*/
-Savage.color = function (clr) {
+Snap.color = function (clr) {
     var rgb;
     if (is(clr, "object") && "h" in clr && "s" in clr && "b" in clr) {
-        rgb = Savage.hsb2rgb(clr);
+        rgb = Snap.hsb2rgb(clr);
         clr.r = rgb.r;
         clr.g = rgb.g;
         clr.b = rgb.b;
         clr.opacity = 1;
         clr.hex = rgb.hex;
     } else if (is(clr, "object") && "h" in clr && "s" in clr && "l" in clr) {
-        rgb = Savage.hsl2rgb(clr);
+        rgb = Snap.hsl2rgb(clr);
         clr.r = rgb.r;
         clr.g = rgb.g;
         clr.b = rgb.b;
@@ -862,14 +862,14 @@ Savage.color = function (clr) {
         clr.hex = rgb.hex;
     } else {
         if (is(clr, "string")) {
-            clr = Savage.getRGB(clr);
+            clr = Snap.getRGB(clr);
         }
         if (is(clr, "object") && "r" in clr && "g" in clr && "b" in clr && !("error" in clr)) {
-            rgb = Savage.rgb2hsl(clr);
+            rgb = Snap.rgb2hsl(clr);
             clr.h = rgb.h;
             clr.s = rgb.s;
             clr.l = rgb.l;
-            rgb = Savage.rgb2hsb(clr);
+            rgb = Snap.rgb2hsb(clr);
             clr.v = rgb.b;
         } else {
             clr = {hex: "none"};
@@ -881,7 +881,7 @@ Savage.color = function (clr) {
     return clr;
 };
 /*\
- * Savage.hsb2rgb
+ * Snap.hsb2rgb
  [ method ]
  **
  * Converts HSB values to RGB object.
@@ -896,7 +896,7 @@ Savage.color = function (clr) {
  o     hex (string) color in HTML/CSS format: #••••••
  o }
 \*/
-Savage.hsb2rgb = function (h, s, v, o) {
+Snap.hsb2rgb = function (h, s, v, o) {
     if (is(h, "object") && "h" in h && "s" in h && "b" in h) {
         v = h.b;
         s = h.s;
@@ -917,7 +917,7 @@ Savage.hsb2rgb = function (h, s, v, o) {
     return packageRGB(R, G, B, o);
 };
 /*\
- * Savage.hsl2rgb
+ * Snap.hsl2rgb
  [ method ]
  **
  * Converts HSL values to RGB object.
@@ -932,7 +932,7 @@ Savage.hsb2rgb = function (h, s, v, o) {
  o     hex (string) color in HTML/CSS format: #••••••
  o }
 \*/
-Savage.hsl2rgb = function (h, s, l, o) {
+Snap.hsl2rgb = function (h, s, l, o) {
     if (is(h, "object") && "h" in h && "s" in h && "l" in h) {
         l = h.l;
         s = h.s;
@@ -957,7 +957,7 @@ Savage.hsl2rgb = function (h, s, l, o) {
     return packageRGB(R, G, B, o);
 };
 /*\
- * Savage.rgb2hsb
+ * Snap.rgb2hsb
  [ method ]
  **
  * Converts RGB values to HSB object.
@@ -971,7 +971,7 @@ Savage.hsl2rgb = function (h, s, l, o) {
  o     b (number) brightness
  o }
 \*/
-Savage.rgb2hsb = function (r, g, b) {
+Snap.rgb2hsb = function (r, g, b) {
     b = prepareRGB(r, g, b);
     r = b[0];
     g = b[1];
@@ -990,7 +990,7 @@ Savage.rgb2hsb = function (r, g, b) {
     return {h: H, s: S, b: V, toString: hsbtoString};
 };
 /*\
- * Savage.rgb2hsl
+ * Snap.rgb2hsl
  [ method ]
  **
  * Converts RGB values to HSL object.
@@ -1004,7 +1004,7 @@ Savage.rgb2hsb = function (r, g, b) {
  o     l (number) luminosity
  o }
 \*/
-Savage.rgb2hsl = function (r, g, b) {
+Snap.rgb2hsl = function (r, g, b) {
     b = prepareRGB(r, g, b);
     r = b[0];
     g = b[1];
@@ -1028,7 +1028,7 @@ Savage.rgb2hsl = function (r, g, b) {
 
 // Transformations
 /*\
- * Savage.parsePathString
+ * Snap.parsePathString
  [ method ]
  **
  * Utility method
@@ -1037,19 +1037,19 @@ Savage.rgb2hsl = function (r, g, b) {
  - pathString (string|array) path string or array of segments (in the last case it will be returned straight away)
  = (array) array of segments.
 \*/
-Savage.parsePathString = function (pathString) {
+Snap.parsePathString = function (pathString) {
     if (!pathString) {
         return null;
     }
-    var pth = Savage.path(pathString);
+    var pth = Snap.path(pathString);
     if (pth.arr) {
-        return Savage.path.clone(pth.arr);
+        return Snap.path.clone(pth.arr);
     }
     
     var paramCounts = {a: 7, c: 6, o: 2, h: 1, l: 2, m: 2, r: 4, q: 4, s: 4, t: 2, v: 1, u: 3, z: 0},
         data = [];
     if (is(pathString, "array") && is(pathString[0], "array")) { // rough assumption
-        data = Savage.path.clone(pathString);
+        data = Snap.path.clone(pathString);
     }
     if (!data.length) {
         Str(pathString).replace(pathCommand, function (a, b, c) {
@@ -1076,12 +1076,12 @@ Savage.parsePathString = function (pathString) {
             }
         });
     }
-    data.toString = Savage.path.toString;
-    pth.arr = Savage.path.clone(data);
+    data.toString = Snap.path.toString;
+    pth.arr = Snap.path.clone(data);
     return data;
 };
 /*\
- * Savage.parseTransformString
+ * Snap.parseTransformString
  [ method ]
  **
  * Utility method
@@ -1090,14 +1090,14 @@ Savage.parsePathString = function (pathString) {
  - TString (string|array) transform string or array of transformations (in the last case it will be returned straight away)
  = (array) array of transformations.
 \*/
-var parseTransformString = Savage.parseTransformString = function (TString) {
+var parseTransformString = Snap.parseTransformString = function (TString) {
     if (!TString) {
         return null;
     }
     var paramCounts = {r: 3, s: 4, t: 2, m: 6},
         data = [];
     if (is(TString, "array") && is(TString[0], "array")) { // rough assumption
-        data = Savage.path.clone(TString);
+        data = Snap.path.clone(TString);
     }
     if (!data.length) {
         Str(TString).replace(tCommand, function (a, b, c) {
@@ -1109,7 +1109,7 @@ var parseTransformString = Savage.parseTransformString = function (TString) {
             data.push([b].concat(params));
         });
     }
-    data.toString = Savage.path.toString;
+    data.toString = Snap.path.toString;
     return data;
 };
 function svgTransform2string(tstr) {
@@ -1248,23 +1248,23 @@ function extractTransform(el, tstr) {
         _.dirtyT = 1;
     }
 }
-Savage._unit2px = unit2px;
+Snap._unit2px = unit2px;
 function getSomeDefs(el) {
-    if (Savage._.someDefs) {
-        return Savage._.someDefs;
+    if (Snap._.someDefs) {
+        return Snap._.someDefs;
     }
     var p = el.paper ||
-            (el.node.parentNode && Savage(el.node.parentNode)) ||
-            Savage.select("svg") ||
-            Savage(0, 0),
+            (el.node.parentNode && Snap(el.node.parentNode)) ||
+            Snap.select("svg") ||
+            Snap(0, 0),
         defs = p.select("defs").node;
     if (!defs) {
         defs = make("defs", p.node).node;
     }
-    Savage._.someDefs = defs;
+    Snap._.someDefs = defs;
     return defs;
 }
-Savage._.getSomeDefs = getSomeDefs;
+Snap._.getSomeDefs = getSomeDefs;
 function unit2px(el, name, value) {
     var defs = getSomeDefs(el),
         out = {},
@@ -1349,27 +1349,27 @@ function unit2px(el, name, value) {
     return out;
 }
 /*\
- * Savage.select
+ * Snap.select
  [ method ]
  **
  * Wraps DOM element specified by CSS selector as @Element
  - query (string) CSS selector of the element
  = (Element)
 \*/
-Savage.select = function (query) {
+Snap.select = function (query) {
     return wrap(glob.doc.querySelector(query));
 };
 /*\
- * Savage.selectAll
+ * Snap.selectAll
  [ method ]
  **
  * Wraps DOM elements specified by CSS selector as set or array of @Element
  - query (string) CSS selector of the element
  = (Element)
 \*/
-Savage.selectAll = function (query) {
+Snap.selectAll = function (query) {
     var nodelist = glob.doc.querySelectorAll(query),
-        set = (Savage.set || Array)();
+        set = (Snap.set || Array)();
     for (var i = 0; i < nodelist.length; i++) {
         set.push(wrap(nodelist[i]));
     }
@@ -1394,13 +1394,13 @@ function add2group(list) {
         }
     }
     var children = node.childNodes;
-    for (i = 0; i < children.length; i++) if (children[i].savage) {
-        this[j++] = hub[children[i].savage];
+    for (i = 0; i < children.length; i++) if (children[i].snap) {
+        this[j++] = hub[children[i].snap];
     }
 }
 function Element(el) {
-    if (el.savage in hub) {
-        return hub[el.savage];
+    if (el.snap in hub) {
+        return hub[el.snap];
     }
     var id = this.id = ID(),
         svg;
@@ -1422,7 +1422,7 @@ function Element(el) {
         dy: 0,
         dirty: 1
     };
-    el.savage = id;
+    el.snap = id;
     hub[id] = this;
     if (this.type == "g") {
         this.add = add2group;
@@ -1474,12 +1474,12 @@ function arrayFirstValue(arr) {
                 json[params] = value;
                 params = json;
             } else {
-                return arrayFirstValue(eve("savage.util.getattr."+params, el));
+                return arrayFirstValue(eve("snap.util.getattr."+params, el));
             }
         }
         for (var att in params) {
             if (params[has](att)) {
-                eve("savage.util.attr." + att, el, params[att]);
+                eve("snap.util.attr." + att, el, params[att]);
             }
         }
         return el;
@@ -1520,23 +1520,23 @@ function arrayFirstValue(arr) {
         var _ = el._;
         if (isWithoutTransform) {
             if (_.dirty || !_.bboxwt) {
-                el.realPath = Savage.path.get[el.type](el);
-                _.bboxwt = Savage.path.getBBox(el.realPath);
+                el.realPath = Snap.path.get[el.type](el);
+                _.bboxwt = Snap.path.getBBox(el.realPath);
                 _.bboxwt.toString = x_y_w_h;
                 _.dirty = 0;
             }
-            return Savage._.box(_.bboxwt);
+            return Snap._.box(_.bboxwt);
         }
         if (_.dirty || _.dirtyT || !_.bbox) {
             if (_.dirty || !el.realPath) {
                 _.bboxwt = 0;
-                el.realPath = Savage.path.get[el.type](el);
+                el.realPath = Snap.path.get[el.type](el);
             }
-            _.bbox = Savage.path.getBBox(Savage.path.map(el.realPath, el.matrix));
+            _.bbox = Snap.path.getBBox(Snap.path.map(el.realPath, el.matrix));
             _.bbox.toString = x_y_w_h;
             _.dirty = _.dirtyT = 0;
         }
-        return Savage._.box(_.bbox);
+        return Snap._.box(_.bbox);
     };
     var propString = function () {
         return this.local;
@@ -1547,7 +1547,7 @@ function arrayFirstValue(arr) {
      **
      * Gets or sets transformation of the element
      **
-     - tstr (string) transform string in Savage or SVG format
+     - tstr (string) transform string in Snap or SVG format
      = (Element)
      * or
      = (object) transformation descriptor:
@@ -1746,7 +1746,7 @@ function arrayFirstValue(arr) {
     \*/
     elproto.selectAll = function (query) {
         var nodelist = this.node.querySelectorAll(query),
-            set = (Savage.set || Array)();
+            set = (Snap.set || Array)();
         for (var i = 0; i < nodelist.length; i++) {
             set.push(wrap(nodelist[i]));
         }
@@ -1998,7 +1998,7 @@ function arrayFirstValue(arr) {
         callback && (this.callback = callback);
     };
     /*\
-     * Savage.animation
+     * Snap.animation
      [ method ]
      **
      * Creates animation object.
@@ -2009,7 +2009,7 @@ function arrayFirstValue(arr) {
      - callback (function) #optional callback
      = (object) animation object
     \*/
-    Savage.animation = function (attr, ms, easing, callback) {
+    Snap.animation = function (attr, ms, easing, callback) {
         return new Animation(attr, ms, easing, callback);
     };
     /*\
@@ -2046,7 +2046,7 @@ function arrayFirstValue(arr) {
         return res;
     };
     /*\
-     * Savage.animate
+     * Snap.animate
      [ method ]
      **
      * Runs generic animation of one number into another with a caring function.
@@ -2067,7 +2067,7 @@ function arrayFirstValue(arr) {
      o     stop (function) stops the animation
      o }
     \*/
-    Savage.animate = function (from, to, setter, ms, easing, callback) {
+    Snap.animate = function (from, to, setter, ms, easing, callback) {
         if (typeof easing == "function" && !easing.length) {
             callback = easing;
             easing = mina.linear;
@@ -2178,17 +2178,17 @@ function arrayFirstValue(arr) {
     elproto.data = function (key, value) {
         var data = eldata[this.id] = eldata[this.id] || {};
         if (arguments.length == 1) {
-            if (Savage.is(key, "object")) {
+            if (Snap.is(key, "object")) {
                 for (var i in key) if (key[has](i)) {
                     this.data(i, key[i]);
                 }
                 return this;
             }
-            eve("savage.data.get." + this.id, this, data[key], key);
+            eve("snap.data.get." + this.id, this, data[key], key);
             return data[key];
         }
         data[key] = value;
-        eve("savage.data.set." + this.id, this, value, key);
+        eve("snap.data.set." + this.id, this, value, key);
         return this;
     };
     /*\
@@ -2253,7 +2253,7 @@ function arrayFirstValue(arr) {
     }
 }(Element.prototype));
 /*\
- * Savage.parse
+ * Snap.parse
  [ method ]
  **
  * Parses SVG fragment and converts it into @Fragment.
@@ -2261,7 +2261,7 @@ function arrayFirstValue(arr) {
  - svg (string) SVG string
  = (Fragment) the fragment
 \*/
-Savage.parse = function (svg) {
+Snap.parse = function (svg) {
     var f = glob.doc.createDocumentFragment(),
         pointer = f;
     eve.on("elemental.tag", function (data, extra, raw) {
@@ -2278,7 +2278,7 @@ Savage.parse = function (svg) {
     });
     eve.on("elemental.eof", function () {
         eve.off("elemental.*");
-        eve("savage.parsed", f);
+        eve("snap.parsed", f);
     });
     elemental().parse(svg).end();
     return new Fragment(f);
@@ -2301,7 +2301,7 @@ Fragment.prototype.select = Element.prototype.select;
 \*/
 Fragment.prototype.selectAll = Element.prototype.selectAll;
 /*\
- * Savage.fragment
+ * Snap.fragment
  [ method ]
  **
  * Creates DOM fragment from given list of elements or strings
@@ -2309,7 +2309,7 @@ Fragment.prototype.selectAll = Element.prototype.selectAll;
  - varargs (…) SVG string
  = (Fragment) the @Fragment
 \*/
-Savage.fragment = function () {
+Snap.fragment = function () {
     var args = Array.prototype.slice.call(arguments, 0),
         f = glob.doc.createDocumentFragment();
     for (var i = 0, ii = args.length; i < ii; i++) {
@@ -2321,7 +2321,7 @@ Savage.fragment = function () {
             f.appendChild(item);
         }
         if (typeof item == "string") {
-            f.appendChild(Savage.parse(item).node);
+            f.appendChild(Snap.parse(item).node);
         }
     }
     return new Fragment(f);
@@ -2340,15 +2340,15 @@ function Paper(w, h) {
         defs,
         proto = Paper.prototype;
     if (w && w.tagName == "svg") {
-        if (w.savage in hub) {
-            return hub[w.savage];
+        if (w.snap in hub) {
+            return hub[w.snap];
         }
         res = new Element(w);
         desc = w.getElementsByTagName("desc")[0];
         defs = w.getElementsByTagName("defs")[0];
         if (!desc) {
             desc = $("desc");
-            desc.appendChild(glob.doc.createTextNode("Created with Savage"));
+            desc.appendChild(glob.doc.createTextNode("Created with Snap"));
             res.node.appendChild(desc);
         }
         if (!defs) {
@@ -2392,7 +2392,7 @@ function GaddStop(color, offset) {
         attr = {
             offset: +offset + "%"
         };
-    color = Savage.color(color);
+    color = Snap.color(color);
     attr["stop-color"] = color.hex;
     if (color.opacity < 1) {
         attr["stop-opacity"] = color.opacity;
@@ -2407,16 +2407,16 @@ function GgetBBox() {
             x2 = $(this.node, "x2") || 1,
             y1 = $(this.node, "y1") || 0,
             y2 = $(this.node, "y2") || 0;
-        return Savage._.box(x1, y1, math.abs(x2 - x1), math.abs(y2 - y1));
+        return Snap._.box(x1, y1, math.abs(x2 - x1), math.abs(y2 - y1));
     } else {
         var cx = this.node.cx || .5,
             cy = this.node.cy || .5,
             r = this.node.r || 0;
-        return Savage._.box(cx - r, cy - r, r * 2, r * 2);
+        return Snap._.box(cx - r, cy - r, r * 2, r * 2);
     }
 }
 function gradient(defs, str) {
-    var grad = arrayFirstValue(eve("savage.util.grad.parse", null, str)),
+    var grad = arrayFirstValue(eve("snap.util.grad.parse", null, str)),
         el;
     if (!grad) {
         return null;
@@ -2763,8 +2763,8 @@ function gradientRadial(defs, cx, cy, r, fx, fy) {
      = (object) Element object with type “text”
      **
      > Usage
-     | var t1 = paper.text(50, 50, "Savage");
-     | var t2 = paper.text(50, 50, ["S","a","v","a","g","e"]);
+     | var t1 = paper.text(50, 50, "Snap");
+     | var t2 = paper.text(50, 50, ["S","n","a","p"]);
     \*/
     proto.text = function (x, y, text) {
         var el = make("text", this.node);
@@ -2925,7 +2925,7 @@ function gradientRadial(defs, cx, cy, r, fx, fy) {
 
 // simple ajax
 /*\
- * Savage.ajax
+ * Snap.ajax
  [ method ]
  **
  * Simple implementation of Ajax.
@@ -2940,7 +2940,7 @@ function gradientRadial(defs, cx, cy, r, fx, fy) {
  - scope (object) #optional scope of callback
  = (XMLHttpRequest) XMLHttpRequest (just in case)
 \*/
-Savage.ajax = function (url, postData, callback, scope){
+Snap.ajax = function (url, postData, callback, scope){
     var req = new XMLHttpRequest,
         id = ID();
     if (req) {
@@ -2961,13 +2961,13 @@ Savage.ajax = function (url, postData, callback, scope){
             req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
         }
         if (callback) {
-            eve.once("savage.ajax." + id + ".0", callback);
-            eve.once("savage.ajax." + id + ".200", callback);
-            eve.once("savage.ajax." + id + ".304", callback);
+            eve.once("snap.ajax." + id + ".0", callback);
+            eve.once("snap.ajax." + id + ".200", callback);
+            eve.once("snap.ajax." + id + ".304", callback);
         }
         req.onreadystatechange = function() {
             if (req.readyState != 4) return;
-            eve("savage.ajax." + id + "." + req.status, scope, req);
+            eve("snap.ajax." + id + "." + req.status, scope, req);
         };
         if (req.readyState == 4) {
             return req;
@@ -2977,24 +2977,24 @@ Savage.ajax = function (url, postData, callback, scope){
     }
 };
 /*\
- * Savage.load
+ * Snap.load
  [ method ]
  **
- * Loads external SVG file as a @Fragment. For more advanced AJAX see @Savage.ajax.
+ * Loads external SVG file as a @Fragment. For more advanced AJAX see @Snap.ajax.
  **
  - url (string) URL
  - callback (function) callback
  - scope (object) #optional scope of callback
 \*/
-Savage.load = function (url, callback, scope) {
-    Savage.ajax(url, function (req) {
-        var f = Savage.parse(req.responseText);
+Snap.load = function (url, callback, scope) {
+    Snap.ajax(url, function (req) {
+        var f = Snap.parse(req.responseText);
         scope ? callback.call(scope, f) : callback(f);
     });
 };
 
 // Attributes event handlers
-eve.on("savage.util.attr.mask", function (value) {
+eve.on("snap.util.attr.mask", function (value) {
     if (value instanceof Element || value instanceof Fragment) {
         eve.stop();
         if (value instanceof Fragment && value.node.childNodes.length == 1) {
@@ -3017,9 +3017,9 @@ eve.on("savage.util.attr.mask", function (value) {
     }
 });
 (function (clipIt) {
-    eve.on("savage.util.attr.clip", clipIt);
-    eve.on("savage.util.attr.clip-path", clipIt);
-    eve.on("savage.util.attr.clipPath", clipIt);
+    eve.on("snap.util.attr.clip", clipIt);
+    eve.on("snap.util.attr.clip-path", clipIt);
+    eve.on("snap.util.attr.clipPath", clipIt);
 }(function (value) {
     if (value instanceof Element || value instanceof Fragment) {
         eve.stop();
@@ -3061,7 +3061,7 @@ function fillStroke(name) {
                 fill = value.attr(name);
             }
         } else {
-            fill = Savage.color(value);
+            fill = Snap.color(value);
             if (fill.error) {
                 var grad = gradient(getSomeDefs(this), value);
                 if (grad) {
@@ -3084,10 +3084,10 @@ function fillStroke(name) {
         this.node.style[name] = E;
     };
 }
-eve.on("savage.util.attr.fill", fillStroke("fill"));
-eve.on("savage.util.attr.stroke", fillStroke("stroke"));
+eve.on("snap.util.attr.fill", fillStroke("fill"));
+eve.on("snap.util.attr.stroke", fillStroke("stroke"));
 var gradrg = /^([lr])(?:\(([^)]*)\))?(.*)$/i;
-eve.on("savage.util.grad.parse", function parseGrad(string) {
+eve.on("snap.util.grad.parse", function parseGrad(string) {
     string = Str(string);
     var tokens = string.match(gradrg);
     if (!tokens) {
@@ -3120,18 +3120,18 @@ eve.on("savage.util.grad.parse", function parseGrad(string) {
     };
 });
 
-eve.on("savage.util.attr.d", function (value) {
+eve.on("snap.util.attr.d", function (value) {
     eve.stop();
     if (is(value, "array") && is(value[0], "array")) {
-        value = Savage.path.toString.call(value);
+        value = Snap.path.toString.call(value);
     }
     value = Str(value);
     if (value.match(/[ruo]/i)) {
-        value = Savage.path.toAbsolute(value);
+        value = Snap.path.toAbsolute(value);
     }
     $(this.node, {d: value});
 })(-1);
-eve.on("savage.util.attr.#text", function (value) {
+eve.on("snap.util.attr.#text", function (value) {
     eve.stop();
     value = Str(value);
     var txt = glob.doc.createTextNode(value);
@@ -3140,11 +3140,11 @@ eve.on("savage.util.attr.#text", function (value) {
     }
     this.node.appendChild(txt);
 })(-1);
-eve.on("savage.util.attr.path", function (value) {
+eve.on("snap.util.attr.path", function (value) {
     eve.stop();
     this.attr({d: value});
 })(-1);
-eve.on("savage.util.attr.viewBox", function (value) {
+eve.on("snap.util.attr.viewBox", function (value) {
     var vb;
     if (is(value, "object") && "x" in value) {
         vb = [value.x, value.y, value.width, value.height].join(" ");
@@ -3158,11 +3158,11 @@ eve.on("savage.util.attr.viewBox", function (value) {
     });
     eve.stop();
 })(-1);
-eve.on("savage.util.attr.transform", function (value) {
+eve.on("snap.util.attr.transform", function (value) {
     this.transform(value);
     eve.stop();
 })(-1);
-eve.on("savage.util.attr.r", function (value) {
+eve.on("snap.util.attr.r", function (value) {
     if (this.type == "rect") {
         eve.stop();
         $(this.node, {
@@ -3171,7 +3171,7 @@ eve.on("savage.util.attr.r", function (value) {
         });
     }
 })(-1);
-eve.on("savage.util.attr.text", function (value) {
+eve.on("snap.util.attr.text", function (value) {
     if (this.type == "text") {
         var i = 0,
             node = this.node,
@@ -3587,7 +3587,7 @@ availableAttributes.feFuncR = availableAttributes.feFuncG = availableAttributes.
     exponent: 0,
     offset: 0
 };
-eve.on("savage.util.attr", function (value) {
+eve.on("snap.util.attr", function (value) {
     var att = eve.nt();
     att = att.substring(att.lastIndexOf(".") + 1);
     var style = att.replace(/-(\w)/gi, function (all, letter) {
@@ -3599,7 +3599,7 @@ eve.on("savage.util.attr", function (value) {
         this.node.style[style] = value == null ? E : value;
     }
 });
-eve.on("savage.util.getattr.transform", function () {
+eve.on("snap.util.getattr.transform", function () {
     eve.stop();
     return this.transform();
 })(-1);
@@ -3612,7 +3612,7 @@ eve.on("savage.util.getattr.transform", function () {
             if (style == "none") {
                 return style;
             } else {
-                return Savage(glob.doc.getElementById(style.match(reURLValue)[1]));
+                return Snap(glob.doc.getElementById(style.match(reURLValue)[1]));
             }
         };
     }
@@ -3634,20 +3634,20 @@ eve.on("savage.util.getattr.transform", function () {
             }
         };
     }
-    eve.on("savage.util.getattr.marker-end", getter("end"))(-1);
-    eve.on("savage.util.getattr.markerEnd", getter("end"))(-1);
-    eve.on("savage.util.getattr.marker-start", getter("start"))(-1);
-    eve.on("savage.util.getattr.markerStart", getter("start"))(-1);
-    eve.on("savage.util.getattr.marker-mid", getter("mid"))(-1);
-    eve.on("savage.util.getattr.markerMid", getter("mid"))(-1);
-    eve.on("savage.util.attr.marker-end", setter("end"))(-1);
-    eve.on("savage.util.attr.markerEnd", setter("end"))(-1);
-    eve.on("savage.util.attr.marker-start", setter("start"))(-1);
-    eve.on("savage.util.attr.markerStart", setter("start"))(-1);
-    eve.on("savage.util.attr.marker-mid", setter("mid"))(-1);
-    eve.on("savage.util.attr.markerMid", setter("mid"))(-1);
+    eve.on("snap.util.getattr.marker-end", getter("end"))(-1);
+    eve.on("snap.util.getattr.markerEnd", getter("end"))(-1);
+    eve.on("snap.util.getattr.marker-start", getter("start"))(-1);
+    eve.on("snap.util.getattr.markerStart", getter("start"))(-1);
+    eve.on("snap.util.getattr.marker-mid", getter("mid"))(-1);
+    eve.on("snap.util.getattr.markerMid", getter("mid"))(-1);
+    eve.on("snap.util.attr.marker-end", setter("end"))(-1);
+    eve.on("snap.util.attr.markerEnd", setter("end"))(-1);
+    eve.on("snap.util.attr.marker-start", setter("start"))(-1);
+    eve.on("snap.util.attr.markerStart", setter("start"))(-1);
+    eve.on("snap.util.attr.marker-mid", setter("mid"))(-1);
+    eve.on("snap.util.attr.markerMid", setter("mid"))(-1);
 }());
-eve.on("savage.util.getattr.r", function () {
+eve.on("snap.util.getattr.r", function () {
     if (this.type == "rect" && $(this.node, "rx") == $(this.node, "ry")) {
         eve.stop();
         return $(this.node, "rx");
@@ -3671,34 +3671,34 @@ function textExtract(node) {
     }
     return out;
 }
-eve.on("savage.util.getattr.text", function () {
+eve.on("snap.util.getattr.text", function () {
     if (this.type == "text" || this.type == "tspan") {
         eve.stop();
         var out = textExtract(this.node);
         return out.length == 1 ? out[0] : out;
     }
 })(-1);
-eve.on("savage.util.getattr.#text", function () {
+eve.on("snap.util.getattr.#text", function () {
     return this.node.textContent;
 })(-1);
-eve.on("savage.util.getattr.viewBox", function () {
+eve.on("snap.util.getattr.viewBox", function () {
     eve.stop();
     var vb = $(this.node, "viewBox").split(separator);
-    return Savage._.box(+vb[0], +vb[1], +vb[2], +vb[3]);
+    return Snap._.box(+vb[0], +vb[1], +vb[2], +vb[3]);
     // TODO: investigate why I need to z-index it
 })(-1);
-eve.on("savage.util.getattr.points", function () {
+eve.on("snap.util.getattr.points", function () {
     var p = $(this.node, "points");
     eve.stop();
     return p.split(separator);
 });
-eve.on("savage.util.getattr.path", function () {
+eve.on("snap.util.getattr.path", function () {
     var p = $(this.node, "d");
     eve.stop();
     return p;
 });
 // default
-eve.on("savage.util.getattr", function () {
+eve.on("snap.util.getattr", function () {
     var att = eve.nt();
     att = att.substring(att.lastIndexOf(".") + 1);
     var style = att.replace(/-(\w)/gi, function (all, letter) {
@@ -3710,9 +3710,9 @@ eve.on("savage.util.getattr", function () {
         return glob.doc.defaultView.getComputedStyle(this.node, null).getPropertyValue(style);
     }
 });
-Savage.plugin = function (f) {
-    f(Savage, Element, Paper, glob);
+Snap.plugin = function (f) {
+    f(Snap, Element, Paper, glob);
 };
-glob.win.Savage = Savage;
-return Savage;
+glob.win.Snap = Snap;
+return Snap;
 }());
\ No newline at end of file
diff --git a/test/attrs.js b/test/attrs.js
index 17c4d59..32f8c3e 100644
--- a/test/attrs.js
+++ b/test/attrs.js
@@ -1,7 +1,7 @@
 describe("Attributes", function () {
     var s, r;
     beforeEach(function () {
-        s = Savage(100, 100);
+        s = Snap(100, 100);
         r = s.rect(10, 10, 50, 50);
     });
     afterEach(function () {
@@ -37,7 +37,7 @@ describe("Attributes", function () {
         var o = {};
         return function () {
             function val() {
-                return Savage.color(r.node.getAttribute(key)).hex;
+                return Snap.color(r.node.getAttribute(key)).hex;
             }
             o[key] = "#fc0";
             r.attr(o);
diff --git a/test/colors.js b/test/colors.js
index 7a9eb44..924370b 100644
--- a/test/colors.js
+++ b/test/colors.js
@@ -1,51 +1,51 @@
 describe("Colours", function () {
     it("parses hex colour", function () {
-        expect(Savage.color("#fC0").hex).to.be("#ffcc00");
+        expect(Snap.color("#fC0").hex).to.be("#ffcc00");
     });
     it("parses RGB", function () {
-        var c = Savage.color("rgb(255, 204, 0)");
+        var c = Snap.color("rgb(255, 204, 0)");
         expect(c.hex).to.be("#ffcc00");
         expect(c.r).to.be(255);
         expect(c.g).to.be(204);
         expect(c.b).to.be(0);
     });
     it("parses RGB - %", function () {
-        var c = Savage.color("rgb(100%, 80%, 0%)");
+        var c = Snap.color("rgb(100%, 80%, 0%)");
         expect(c.hex).to.be("#ffcc00");
         expect(c.r).to.be(255);
         expect(c.g).to.be(204);
         expect(c.b).to.be(0);
     });
     it("parses HSL", function () {
-        var c = Savage.color("hsl(0.1333, 1, .5)");
+        var c = Snap.color("hsl(0.1333, 1, .5)");
         expect(c.hex).to.be("#ffcc00");
         expect(c.h.toFixed(3)).to.be("0.133");
         expect(c.s).to.be(1);
         expect(c.l).to.be(.5);
     });
     it("parses HSL - %", function () {
-        var c = Savage.color("hsl(13.33%, 100%, 50%)");
+        var c = Snap.color("hsl(13.33%, 100%, 50%)");
         expect(c.hex).to.be("#ffcc00");
         expect(c.h.toFixed(3)).to.be("0.133");
         expect(c.s).to.be(1);
         expect(c.l).to.be(.5);
     });
     it("parses HSB", function () {
-        var c = Savage.color("hsb(0.1333, 1, 1)");
+        var c = Snap.color("hsb(0.1333, 1, 1)");
         expect(c.hex).to.be("#ffcc00");
         expect(c.h.toFixed(3)).to.be("0.133");
         expect(c.s).to.be(1);
         expect(c.v).to.be(1);
     });
     it("parses HSB - %", function () {
-        var c = Savage.color("hsb(13.33%, 100%, 100%)");
+        var c = Snap.color("hsb(13.33%, 100%, 100%)");
         expect(c.hex).to.be("#ffcc00");
         expect(c.h.toFixed(3)).to.be("0.133");
         expect(c.s).to.be(1);
         expect(c.v).to.be(1);
     });
     it("parses RGBA", function () {
-        var c = Savage.color("rgba(255, 204, 0, .75)");
+        var c = Snap.color("rgba(255, 204, 0, .75)");
         expect(c.hex).to.be("#ffcc00");
         expect(c.r).to.be(255);
         expect(c.g).to.be(204);
@@ -53,7 +53,7 @@ describe("Colours", function () {
         expect(c.opacity).to.be(.75);
     });
     it("parses HSLA", function () {
-        var c = Savage.color("hsla(0.1333, 1, .5, .5)");
+        var c = Snap.color("hsla(0.1333, 1, .5, .5)");
         expect(c.hex).to.be("#ffcc00");
         expect(c.r).to.be(255);
         expect(c.g).to.be(204);
@@ -61,7 +61,7 @@ describe("Colours", function () {
         expect(c.opacity).to.be(.5);
     });
     it("parses HSBA", function () {
-        var c = Savage.color("hsba(0.1333, 1, 1, .5)");
+        var c = Snap.color("hsba(0.1333, 1, 1, .5)");
         expect(c.hex).to.be("#ffcc00");
         expect(c.r).to.be(255);
         expect(c.g).to.be(204);
@@ -69,16 +69,16 @@ describe("Colours", function () {
         expect(c.opacity).to.be(.5);
     });
     it("parses names", function () {
-        var c = Savage.color("DodgerBlue");
+        var c = Snap.color("DodgerBlue");
         expect(c.hex).to.be("#1e90ff");
-        c = Savage.color("FireBrick");
+        c = Snap.color("FireBrick");
         expect(c.hex).to.be("#b22222");
-        c = Savage.color("MintCream");
+        c = Snap.color("MintCream");
         expect(c.hex).to.be("#f5fffa");
     });
     it("parses to RGB", function() {
         var expectRGB = function(str) {
-            var c = Savage.getRGB(str);
+            var c = Snap.getRGB(str);
             expect(c.hex).to.be("#ffcc00");
             expect(c.r).to.be(255);
             expect(c.g).to.be(204);
@@ -97,81 +97,81 @@ describe("Colours", function () {
         expectRGB("rgba(255, 204, 0, .75)");
         expectRGB("hsla(0.1333, 1, .5, .5)");
         expectRGB("hsba(0.1333, 1, 1, .5)");
-        var c = Savage.getRGB("DodgerBlue");
+        var c = Snap.getRGB("DodgerBlue");
         expect(c.hex).to.be("#1e90ff");
         expect(c.r).to.be(30);
         expect(c.g).to.be(144);
         expect(c.b).to.be(255);
         expect(c.error).to.not.be(true);
-        c = Savage.getRGB("foobar");
+        c = Snap.getRGB("foobar");
         expect(!!c.error).to.be(true);
-        c = Savage.getRGB("#zzz");
+        c = Snap.getRGB("#zzz");
         expect(!!c.error).to.be(true);
-        c = Savage.getRGB("rgb(255)");
+        c = Snap.getRGB("rgb(255)");
         expect(!!c.error).to.be(true);
-        c = Savage.getRGB("hsl(0, 0, 0");
+        c = Snap.getRGB("hsl(0, 0, 0");
         expect(!!c.error).to.be(true);
-        c = Savage.getRGB("rab(0, 0, 0)");
+        c = Snap.getRGB("rab(0, 0, 0)");
         expect(!!c.error).to.be(true);
     });
     it("creates hsb", function() {
-        var str = Savage.hsb(0.13333, 1, 1);
+        var str = Snap.hsb(0.13333, 1, 1);
         expect(str).to.be("#ffcc00");
-        str = Savage.hsb(0, 0.5, 0.5);
+        str = Snap.hsb(0, 0.5, 0.5);
         expect(str).to.be("#804040");
     });
     it("creates rgb from hsb", function() {
-        var rgb = Savage.hsb2rgb(0.13333, 1, 1);
+        var rgb = Snap.hsb2rgb(0.13333, 1, 1);
         expect(rgb.r).to.be(255);
         expect(rgb.g).to.be(204);
         expect(rgb.b).to.be(0);
         expect(rgb.hex).to.be("#ffcc00");
-        rgb = Savage.hsb2rgb(0, 0.5, 0.5);
+        rgb = Snap.hsb2rgb(0, 0.5, 0.5);
         expect(rgb.r).to.be(128);
         expect(rgb.g).to.be(64);
         expect(rgb.b).to.be(64);
         expect(rgb.hex).to.be("#804040");
     });
     it("creates hsl", function() {
-        var str = Savage.hsl(0.13333, 1, 0.5);
+        var str = Snap.hsl(0.13333, 1, 0.5);
         expect(str).to.be("#ffcc00");
-        str = Savage.hsl(0, 1, 0.75);
+        str = Snap.hsl(0, 1, 0.75);
         expect(str).to.be("#ff8080");
     });
     it("creates rgb from hsl", function() {
-        var rgb = Savage.hsl2rgb(0.13333, 1, 0.5);
+        var rgb = Snap.hsl2rgb(0.13333, 1, 0.5);
         expect(rgb.r).to.be(255);
         expect(rgb.g).to.be(204);
         expect(rgb.b).to.be(0);
         expect(rgb.hex).to.be("#ffcc00");
-        rgb = Savage.hsl2rgb(0, 1, 0.75);
+        rgb = Snap.hsl2rgb(0, 1, 0.75);
         expect(rgb.r).to.be(255);
         expect(rgb.g).to.be(128);
         expect(rgb.b).to.be(128);
         expect(rgb.hex).to.be("#ff8080");
     });
     it("creates rgb", function() {
-        var str = Savage.rgb(255, 204, 0);
+        var str = Snap.rgb(255, 204, 0);
         expect(str).to.be("#ffcc00");
-        str = Savage.rgb(64, 128, 255);
+        str = Snap.rgb(64, 128, 255);
         expect(str).to.be("#4080ff");
     });
     it("creates hsb from rgb", function() {
-        var hsb = Savage.rgb2hsb(255, 204, 0);
+        var hsb = Snap.rgb2hsb(255, 204, 0);
         expect(hsb.h.toFixed(3)).to.be("0.133");
         expect(hsb.s).to.be(1);
         expect(hsb.b).to.be(1);
-        hsb = Savage.rgb2hsb(128, 64, 64);
+        hsb = Snap.rgb2hsb(128, 64, 64);
         expect(hsb.h).to.be(0);
         expect(hsb.s.toFixed(1)).to.be("0.5");
         expect(hsb.b.toFixed(1)).to.be("0.5");
     });
     it("creates hsl from rgb", function() {
-        var hsl = Savage.rgb2hsl(255, 204, 0);
+        var hsl = Snap.rgb2hsl(255, 204, 0);
         expect(hsl.h.toFixed(3)).to.be("0.133");
         expect(hsl.s).to.be(1);
         expect(hsl.l).to.be(0.5);
-        hsl = Savage.rgb2hsl(255, 128, 128);
+        hsl = Snap.rgb2hsl(255, 128, 128);
         expect(hsl.h).to.be(0);
         expect(hsl.s).to.be(1);
         expect(hsl.l.toFixed(2)).to.be("0.75");
diff --git a/test/element.js b/test/element.js
index 2e0aaa7..b5b1b72 100644
--- a/test/element.js
+++ b/test/element.js
@@ -1,7 +1,7 @@
 describe("Element methods", function () {
     var s;
     beforeEach(function () {
-        s = Savage(100, 100);
+        s = Snap(100, 100);
     });
     afterEach(function () {
         s.remove();
@@ -29,7 +29,7 @@ describe("Element methods", function () {
     it("Element.add (for Set)", function () {
         var rect1 = s.rect(10, 20, 30, 40);
         var rect2 = s.rect(10, 20, 30, 40);
-        var set = Savage.set(rect1, rect2);
+        var set = Snap.set(rect1, rect2);
         var result = s.add(set);
         expect(rect1.node.parentNode).to.be(s.node);
         expect(rect2.node.parentNode).to.be(s.node);
@@ -45,7 +45,7 @@ describe("Element methods", function () {
     it("Element.append (for Set)", function () {
         var rect1 = s.rect(10, 20, 30, 40);
         var rect2 = s.rect(10, 20, 30, 40);
-        var set = Savage.set(rect1, rect2);
+        var set = Snap.set(rect1, rect2);
         var result = s.append(set);
         expect(rect1.node.parentNode).to.be(s.node);
         expect(rect2.node.parentNode).to.be(s.node);
diff --git a/test/filter.js b/test/filter.js
index d0d2cf8..91d7e40 100644
--- a/test/filter.js
+++ b/test/filter.js
@@ -1,81 +1,81 @@
 describe("Filter methods", function () {
-    it("Savage.filter.blur", function() {
-        var str = Savage.filter.blur(3);
+    it("Snap.filter.blur", function() {
+        var str = Snap.filter.blur(3);
         expect(str).to.be('<feGaussianBlur stdDeviation="3"/>');
-        str = Savage.filter.blur(0.123, 8);
+        str = Snap.filter.blur(0.123, 8);
         expect(str).to.be('<feGaussianBlur stdDeviation="0.123,8"/>');
     });
-    it("Savage.filter.brightness", function() {
-        var str = Savage.filter.brightness(0.3);
+    it("Snap.filter.brightness", function() {
+        var str = Snap.filter.brightness(0.3);
         expect(str).to.be('<feComponentTransfer><feFuncR type="linear" slope="0.3"/><feFuncG type="linear" slope="0.3"/><feFuncB type="linear" slope="0.3"/></feComponentTransfer>');
-        str = Savage.filter.brightness(1);
+        str = Snap.filter.brightness(1);
         expect(str).to.be('<feComponentTransfer><feFuncR type="linear" slope="1"/><feFuncG type="linear" slope="1"/><feFuncB type="linear" slope="1"/></feComponentTransfer>');
     });
-    it("Savage.filter.contrast", function() {
-        var str = Savage.filter.contrast(0.1);
+    it("Snap.filter.contrast", function() {
+        var str = Snap.filter.contrast(0.1);
         expect(str).to.be('<feComponentTransfer><feFuncR type="linear" slope="0.1" intercept="0.45"/><feFuncG type="linear" slope="0.1" intercept="0.45"/><feFuncB type="linear" slope="0.1" intercept="0.45"/></feComponentTransfer>');
-        str = Savage.filter.contrast(3);
+        str = Snap.filter.contrast(3);
         expect(str).to.be('<feComponentTransfer><feFuncR type="linear" slope="3" intercept="-1"/><feFuncG type="linear" slope="3" intercept="-1"/><feFuncB type="linear" slope="3" intercept="-1"/></feComponentTransfer>');
     });
-    it("Savage.filter.grayscale", function() {
-        var str = Savage.filter.grayscale(0.5);
+    it("Snap.filter.grayscale", function() {
+        var str = Snap.filter.grayscale(0.5);
         expect(str).to.be('<feColorMatrix type="matrix" values="0.6063000000000001 0.3576 0.0361 0 0 0.1063 0.8575999999999999 0.0361 0 0 0.1063 0.3576 0.5361 0 0 0 0 0 1 0"/>');
-        str = Savage.filter.grayscale(1);
+        str = Snap.filter.grayscale(1);
         expect(str).to.be('<feColorMatrix type="matrix" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0"/>');
     });
-    it("Savage.filter.hueRotate", function() {
-        var str = Savage.filter.hueRotate(180);
+    it("Snap.filter.hueRotate", function() {
+        var str = Snap.filter.hueRotate(180);
         expect(str).to.be('<feColorMatrix type="hueRotate" values="180"/>');
-        str = Savage.filter.hueRotate(90);
+        str = Snap.filter.hueRotate(90);
         expect(str).to.be('<feColorMatrix type="hueRotate" values="90"/>');
     });
-    it("Savage.filter.hueRotate", function() {
-        var str = Savage.filter.hueRotate(180);
+    it("Snap.filter.hueRotate", function() {
+        var str = Snap.filter.hueRotate(180);
         expect(str).to.be('<feColorMatrix type="hueRotate" values="180"/>');
-        str = Savage.filter.hueRotate(90);
+        str = Snap.filter.hueRotate(90);
         expect(str).to.be('<feColorMatrix type="hueRotate" values="90"/>');
     });
-    it("Savage.filter.invert", function() {
-        var str = Savage.filter.invert(0.6);
+    it("Snap.filter.invert", function() {
+        var str = Snap.filter.invert(0.6);
         expect(str).to.be('<feComponentTransfer><feFuncR type="table" tableValues="0.6 0.4"/><feFuncG type="table" tableValues="0.6 0.4"/><feFuncB type="table" tableValues="0.6 0.4"/></feComponentTransfer>');
-        str = Savage.filter.invert(1);
+        str = Snap.filter.invert(1);
         expect(str).to.be('<feComponentTransfer><feFuncR type="table" tableValues="1 0"/><feFuncG type="table" tableValues="1 0"/><feFuncB type="table" tableValues="1 0"/></feComponentTransfer>');
     });
-    it("Savage.filter.saturate", function() {
-        var str = Savage.filter.saturate(0.3);
+    it("Snap.filter.saturate", function() {
+        var str = Snap.filter.saturate(0.3);
         expect(str).to.be('<feColorMatrix type="saturate" values="0.7"/>');
-        str = Savage.filter.saturate(1);
+        str = Snap.filter.saturate(1);
         expect(str).to.be('<feColorMatrix type="saturate" values="0"/>');
     });
-    it("Savage.filter.sepia", function() {
-        var str = Savage.filter.sepia(0.3);
+    it("Snap.filter.sepia", function() {
+        var str = Snap.filter.sepia(0.3);
         expect(str).to.be('<feColorMatrix type="matrix" values="0.8179 0.23070000000000002 0.0567 0 0 0.10470000000000002 0.9058 0.050400000000000014 0 0 0.0816 0.1602 0.7393 0 0 0 0 0 1 0"/>');
-        str = Savage.filter.sepia(1);
+        str = Snap.filter.sepia(1);
         expect(str).to.be('<feColorMatrix type="matrix" values="0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0"/>');
     });
-    it("Savage.filter.shadow - dx & dy", function() {
-        var str = Savage.filter.shadow(5, 5);
+    it("Snap.filter.shadow - dx & dy", function() {
+        var str = Snap.filter.shadow(5, 5);
         expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="4"/><feOffset dx="5" dy="5" result="offsetblur"/><feFlood flood-color="#000000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
-        str = Savage.filter.shadow(-1, 3);
+        str = Snap.filter.shadow(-1, 3);
         expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="4"/><feOffset dx="-1" dy="3" result="offsetblur"/><feFlood flood-color="#000000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
     });
-    it("Savage.filter.shadow - dx & dy, blur", function() {
-        var str = Savage.filter.shadow(5, 5, 5);
+    it("Snap.filter.shadow - dx & dy, blur", function() {
+        var str = Snap.filter.shadow(5, 5, 5);
         expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="5"/><feOffset dx="5" dy="5" result="offsetblur"/><feFlood flood-color="#000000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
-        str = Savage.filter.shadow(-1, 3, 10);
+        str = Snap.filter.shadow(-1, 3, 10);
         expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="10"/><feOffset dx="-1" dy="3" result="offsetblur"/><feFlood flood-color="#000000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
     });
-    it("Savage.filter.shadow - dx & dy, color", function() {
-        var str = Savage.filter.shadow(5, 5, '#F00');
+    it("Snap.filter.shadow - dx & dy, color", function() {
+        var str = Snap.filter.shadow(5, 5, '#F00');
         expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="4"/><feOffset dx="5" dy="5" result="offsetblur"/><feFlood flood-color="#ff0000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
-        str = Savage.filter.shadow(-1, 3, 'hsla(128deg, 50%, 50%, 0.8)');
+        str = Snap.filter.shadow(-1, 3, 'hsla(128deg, 50%, 50%, 0.8)');
         expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="4"/><feOffset dx="-1" dy="3" result="offsetblur"/><feFlood flood-color="rgba(64,191,81,0.8)"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
     });
 
-    it("Savage.filter.shadow - dx & dy, blur & color", function() {
-        var str = Savage.filter.shadow(5, 5, 5, '#F00');
+    it("Snap.filter.shadow - dx & dy, blur & color", function() {
+        var str = Snap.filter.shadow(5, 5, 5, '#F00');
         expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="5"/><feOffset dx="5" dy="5" result="offsetblur"/><feFlood flood-color="#ff0000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
-        str = Savage.filter.shadow(-1, 3, 10, 'hsla(128deg, 50%, 50%, 0.8)');
+        str = Snap.filter.shadow(-1, 3, 10, 'hsla(128deg, 50%, 50%, 0.8)');
         expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="10"/><feOffset dx="-1" dy="3" result="offsetblur"/><feFlood flood-color="rgba(64,191,81,0.8)"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
     });
     
diff --git a/test/matrix.js b/test/matrix.js
index be2d81c..e446d7a 100644
--- a/test/matrix.js
+++ b/test/matrix.js
@@ -1,7 +1,7 @@
 describe("Matrix methods", function () {
     it("Matrix.add - matrix", function() {
-        var matrix1 = new Savage.Matrix(1, 0, 0, 1, 5, 5);
-        var matrix2 = new Savage.Matrix(1, 0, 0, 1, 10, 10);
+        var matrix1 = new Snap.Matrix(1, 0, 0, 1, 5, 5);
+        var matrix2 = new Snap.Matrix(1, 0, 0, 1, 10, 10);
         var result = matrix1.add(matrix2);
         expect(result).to.eql({
             a: 1,
@@ -12,8 +12,8 @@ describe("Matrix methods", function () {
             f: 15
         });
         // add two 90 degree rotations
-        var matrix3 = new Savage.Matrix(0, 1, -1, 0, 0, 0);
-        var matrix4 = new Savage.Matrix(0, 1, -1, 0, 0, 0);
+        var matrix3 = new Snap.Matrix(0, 1, -1, 0, 0, 0);
+        var matrix4 = new Snap.Matrix(0, 1, -1, 0, 0, 0);
         result = matrix3.add(matrix4);
         expect(result).to.eql({
             a: -1,
@@ -25,7 +25,7 @@ describe("Matrix methods", function () {
         });
     });
     it("Matrix.add - numbers", function() {
-        var matrix1 = new Savage.Matrix(1, 0, 0, 1, 5, 5);
+        var matrix1 = new Snap.Matrix(1, 0, 0, 1, 5, 5);
         var result = matrix1.add(1, 0, 0, 1, 10, 10);
         expect(result).to.eql({
             a: 1,
@@ -37,7 +37,7 @@ describe("Matrix methods", function () {
         });
     });
     it("Matrix.clone", function() {
-        var matrix1 = new Savage.Matrix(1, 2, 3, 4, 5, 6);
+        var matrix1 = new Snap.Matrix(1, 2, 3, 4, 5, 6);
         var clone = matrix1.clone();
         expect(clone).to.not.be(matrix1);
         expect(clone).to.eql({
@@ -50,7 +50,7 @@ describe("Matrix methods", function () {
         });
     });
     it("Matrix.invert", function() {
-        var matrix1 = new Savage.Matrix(1, 2, 3, 4, 5, 6);
+        var matrix1 = new Snap.Matrix(1, 2, 3, 4, 5, 6);
         var inverse = matrix1.invert();
         expect(inverse).to.eql({
             a: -2,
@@ -62,7 +62,7 @@ describe("Matrix methods", function () {
         });
     });
     it("Matrix.rotate", function() {
-        var matrix = new Savage.Matrix(1, 0, 0, 1, 0, 0);
+        var matrix = new Snap.Matrix(1, 0, 0, 1, 0, 0);
         matrix.rotate(45, 0, 0);
         expect(+matrix.a.toFixed(3)).to.be(0.707);
         expect(+matrix.b.toFixed(3)).to.be(0.707);
@@ -72,7 +72,7 @@ describe("Matrix methods", function () {
         expect(+matrix.f.toFixed(3)).to.be(0);
     });
     it("Matrix.scale - x", function() {
-        var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
+        var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
         matrix.scale(2);
         expect(matrix).to.eql({
             a: 2,
@@ -93,7 +93,7 @@ describe("Matrix methods", function () {
         });
     });
     it("Matrix.scale - x, y", function() {
-        var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
+        var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
         matrix.scale(2, 3);
         expect(matrix).to.eql({
             a: 2,
@@ -114,7 +114,7 @@ describe("Matrix methods", function () {
         });
     });
     it("Matrix.scale - x, y, cx, cy", function() {
-        var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
+        var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
         matrix.scale(2, 3, 5, -5);
         expect(matrix).to.eql({
             a: 2,
@@ -126,7 +126,7 @@ describe("Matrix methods", function () {
         });
     });
     it("Matrix.split", function() {
-        var matrix = new Savage.Matrix(1, 0, 0, 1, 0, 0);
+        var matrix = new Snap.Matrix(1, 0, 0, 1, 0, 0);
         var result = matrix.split();
         expect(result.dx).to.be(0);
         expect(result.dy).to.be(0);
@@ -136,7 +136,7 @@ describe("Matrix methods", function () {
         expect(result.rotate).to.be(0);
         expect(result.isSimple).to.be(true);
         
-        matrix = new Savage.Matrix(1.5, 0, 0, 0.5, 20, 25);
+        matrix = new Snap.Matrix(1.5, 0, 0, 0.5, 20, 25);
         result = matrix.split();
         expect(result.dx).to.be(20);
         expect(result.dy).to.be(25);
@@ -147,9 +147,9 @@ describe("Matrix methods", function () {
         expect(result.isSimple).to.be(true);
     });
     it("Matrix.toTransformString", function() {
-        var matrix = new Savage.Matrix(1.5, 0, 0, 0.5, 20, 25);
+        var matrix = new Snap.Matrix(1.5, 0, 0, 0.5, 20, 25);
         var str = matrix.toTransformString();
-        var s = Savage(10, 10);
+        var s = Snap(10, 10);
         var rect = s.rect(0, 0, 10, 20);
         rect.transform(str);
         var transform = rect.transform();
@@ -163,7 +163,7 @@ describe("Matrix methods", function () {
         });
     });
     it("Matrix.translate", function() {
-        var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
+        var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
         matrix.translate(10, -10);
         expect(matrix).to.eql({
             a: 1,
@@ -184,12 +184,12 @@ describe("Matrix methods", function () {
         });
     });
     it("Matrix.x", function() {
-        var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
+        var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
         var result = matrix.x(10, -10);
         expect(result).to.be(30);
     });
     it("Matrix.y", function() {
-        var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
+        var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
         var result = matrix.y(10, -10);
         expect(result).to.be(20);
     });
diff --git a/test/mina.js b/test/mina.js
index 4fa0166..2f22591 100644
--- a/test/mina.js
+++ b/test/mina.js
@@ -1,7 +1,7 @@
 describe("Mina methods", function () {
     var s;
     beforeEach(function () {
-        s = Savage(100, 100);
+        s = Snap(100, 100);
     });
     afterEach(function () {
         s.remove();
diff --git a/test/paper.js b/test/paper.js
index 2112334..869a7b5 100644
--- a/test/paper.js
+++ b/test/paper.js
@@ -1,6 +1,6 @@
 describe("Check for Paper Creation", function () {
     it("creates simple paper 20 × 10", function () {
-        var s = Savage(20, 10);
+        var s = Snap(20, 10);
         var S = s.node;
         expect(S).to.not.be(null);
         expect(S.getAttribute("width")).to.be("20");
@@ -8,7 +8,7 @@ describe("Check for Paper Creation", function () {
         s.remove();
     });
     it("removal of paper", function () {
-        var s = Savage(20, 10);
+        var s = Snap(20, 10);
         var S = s.node;
         expect(S).to.not.be(null);
         s.remove();
@@ -16,7 +16,7 @@ describe("Check for Paper Creation", function () {
         expect(S).to.be(1);
     });
     it("creates simple paper 20% × 10em", function () {
-        var s = Savage("20%", "10em");
+        var s = Snap("20%", "10em");
         var S = s.node;
         expect(S).to.not.be(null);
         expect(S.getAttribute("width")).to.be("20%");
@@ -25,7 +25,7 @@ describe("Check for Paper Creation", function () {
     });
     it("converts existing SVG element to paper", function () {
         var S = document.getElementById("svgroot");
-        var s = Savage(S);
+        var s = Snap(S);
         expect(document.querySelector("#svgroot circle")).to.be(null);
         var c = s.circle(10, 20, 5);
         expect(document.querySelectorAll("#svgroot circle").length).to.be(1);
@@ -33,7 +33,7 @@ describe("Check for Paper Creation", function () {
     });
     it("converts existing SVG element to paper (as query)", function () {
         var S = document.getElementById("svgroot");
-        var s = Savage("#svgroot");
+        var s = Snap("#svgroot");
         expect(document.querySelector("#svgroot circle")).to.be(null);
         var c = s.circle(10, 20, 5);
         expect(document.querySelectorAll("#svgroot circle").length).to.be(1);
@@ -51,7 +51,7 @@ describe("Paper methods", function () {
     */
     var paper;
     beforeEach(function () {
-        paper = Savage(100, 100);
+        paper = Snap(100, 100);
     });
     afterEach(function () {
         paper.remove();
diff --git a/test/path.js b/test/path.js
index e5d6b8c..8a08166 100644
--- a/test/path.js
+++ b/test/path.js
@@ -1,9 +1,9 @@
 describe("Path methods", function () {
-    it("Savage.path.getTotalLength", function () {
-        expect(+Savage.path.getTotalLength("M0,0 100,0").toFixed(2)).to.be(100);
+    it("Snap.path.getTotalLength", function () {
+        expect(+Snap.path.getTotalLength("M0,0 100,0").toFixed(2)).to.be(100);
     });
-    it("Savage.path.getPointAtLength", function () {
-        expect(Savage.path.getPointAtLength("M0,0 100,0", 50)).to.eql({
+    it("Snap.path.getPointAtLength", function () {
+        expect(Snap.path.getPointAtLength("M0,0 100,0", 50)).to.eql({
             x: 50,
             y: 0,
             m: {
@@ -25,13 +25,13 @@ describe("Path methods", function () {
             alpha: 180
         });
     });
-    it("Savage.path.getSubpath", function () {
-        expect(Savage.path.getSubpath("M0,0 100,0", 10, 90)).to.be("M9.995,0C29.153,0,70.839,0,90,0");
-        expect(Savage.path.getSubpath("M0,0 100,0", 0, 90)).to.be("M0,0C0,0,64.674,0,90,0");
-        expect(Savage.path.getSubpath("M0,0 100,0", 10, 120)).to.be("M10,0C35.326,0,100,0,100,0");
+    it("Snap.path.getSubpath", function () {
+        expect(Snap.path.getSubpath("M0,0 100,0", 10, 90)).to.be("M9.995,0C29.153,0,70.839,0,90,0");
+        expect(Snap.path.getSubpath("M0,0 100,0", 0, 90)).to.be("M0,0C0,0,64.674,0,90,0");
+        expect(Snap.path.getSubpath("M0,0 100,0", 10, 120)).to.be("M10,0C35.326,0,100,0,100,0");
     });
-    it("Savage.path.findDotsAtSegment", function () {
-        expect(Savage.path.findDotsAtSegment(0,0,0,0,100,0,100,0,.5)).to.eql({
+    it("Snap.path.findDotsAtSegment", function () {
+        expect(Snap.path.findDotsAtSegment(0,0,0,0,100,0,100,0,.5)).to.eql({
             x: 50,
             y: 0,
             m: {
@@ -53,8 +53,8 @@ describe("Path methods", function () {
             alpha: 180
         });
     });
-    it("Savage.path.bezierBBox - params", function () {
-        var bbox = Savage.path.bezierBBox(10, 10, 10, 20, 110, 0, 110, 10);
+    it("Snap.path.bezierBBox - params", function () {
+        var bbox = Snap.path.bezierBBox(10, 10, 10, 20, 110, 0, 110, 10);
         expect(bbox.cx).to.be(60);
         expect(bbox.cy).to.be(10);
         expect(bbox.x).to.be(10);
@@ -62,8 +62,8 @@ describe("Path methods", function () {
         expect(bbox.width).to.be(100);
         expect(bbox.x2).to.be(110);
     });
-    it("Savage.path.bezierBBox - array", function () {
-        var bbox = Savage.path.bezierBBox([10, 10, 10, 20, 110, 0, 110, 10]);
+    it("Snap.path.bezierBBox - array", function () {
+        var bbox = Snap.path.bezierBBox([10, 10, 10, 20, 110, 0, 110, 10]);
         expect(bbox.cx).to.be(60);
         expect(bbox.cy).to.be(10);
         expect(bbox.x).to.be(10);
@@ -71,9 +71,9 @@ describe("Path methods", function () {
         expect(bbox.width).to.be(100);
         expect(bbox.x2).to.be(110);
     });
-    it("Savage.path.getBBox", function() {
+    it("Snap.path.getBBox", function() {
         // same as 10,20,30,40 rect
-        var bbox = Savage.path.getBBox("M10,20h30v40h-30z");
+        var bbox = Snap.path.getBBox("M10,20h30v40h-30z");
         expect(bbox.x).to.eql(10);
         expect(bbox.y).to.eql(20);
         expect(bbox.width).to.eql(30);
@@ -81,13 +81,13 @@ describe("Path methods", function () {
         expect(bbox.x2).to.eql(10 + 30);
         expect(bbox.y2).to.eql(20 + 40);
     });
-    it("Savage.path.isPointInsideBBox", function () {
-        expect(Savage.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 5, 5)).to.be(true);
-        expect(Savage.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 5)).to.be(true);
-        expect(Savage.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 10)).to.be(true);
+    it("Snap.path.isPointInsideBBox", function () {
+        expect(Snap.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 5, 5)).to.be(true);
+        expect(Snap.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 5)).to.be(true);
+        expect(Snap.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 10)).to.be(true);
     });
-    it("Savage.path.isBBoxIntersect", function () {
-        expect(Savage.path.isBBoxIntersect({
+    it("Snap.path.isBBoxIntersect", function () {
+        expect(Snap.path.isBBoxIntersect({
                 x: 0,
                 y: 0,
                 width: 10,
@@ -98,7 +98,7 @@ describe("Path methods", function () {
                 width: 15,
                 height: 15
             })).to.be(true);
-        expect(Savage.path.isBBoxIntersect({
+        expect(Snap.path.isBBoxIntersect({
                 x: 0,
                 y: 0,
                 width: 10,
@@ -109,7 +109,7 @@ describe("Path methods", function () {
                 width: 7,
                 height: 7
             })).to.be(true);
-        expect(Savage.path.isBBoxIntersect({
+        expect(Snap.path.isBBoxIntersect({
                 x: 0,
                 y: 0,
                 width: 10,
@@ -121,7 +121,7 @@ describe("Path methods", function () {
                 height: 10
             })).to.be(false);
     });
-    it("Savage.path.toAbsolute", function() {
+    it("Snap.path.toAbsolute", function() {
         var relPath = "M 10 10" +
                         "h 40" +
                         "v 30" +
@@ -143,7 +143,7 @@ describe("Path methods", function () {
                         "t 20 0" +
                         "m -40 30" +
                         "a 10 10 0 0 0 40 0";
-        var absPath = Savage.path.toAbsolute(relPath);
+        var absPath = Snap.path.toAbsolute(relPath);
         var i = 0;
         var checkNext = function(arr) {
             expect(absPath[i++]).to.eql(arr);
@@ -170,7 +170,7 @@ describe("Path methods", function () {
         checkNext(['M', 80, 80]);
         checkNext(['A', 10, 10, 0, 0, 0, 120, 80]);
     });
-    it("Savage.path.toRelative", function() {
+    it("Snap.path.toRelative", function() {
         var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
                     "M10 50 L 40 50 L 40 90 L 10 90" +
                     "M10 100 C 30 120, 50 120, 50 100" +
@@ -178,7 +178,7 @@ describe("Path methods", function () {
                     "M80 10 Q 110 40, 140 10" +
                     "M80 50 Q 90 70, 100 50 T 120 50" +
                     "M80 80 A 10 10 0 0 0 120 80";
-        var relPath = Savage.path.toRelative(absPath);
+        var relPath = Snap.path.toRelative(absPath);
         var i = 0;
         var checkNext = function(arr) {
             expect(relPath[i++]).to.eql(arr);
@@ -206,7 +206,7 @@ describe("Path methods", function () {
         checkNext(['m', -40, 30]);
         checkNext(['a', 10, 10, 0, 0, 0, 40, 0]);
     });
-    it("Savage.path.toCubic", function() {
+    it("Snap.path.toCubic", function() {
         var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
                     "M10 50 L 40 50 L 40 90 L 10 90" +
                     "M10 100 C 30 120, 50 120, 50 100" +
@@ -235,8 +235,8 @@ describe("Path methods", function () {
                         "t 20 0" +
                         "m -40 30" +
                         "a 10 10 0 0 0 40 0";
-        var cubicPathFromAbs = Savage.path.toCubic(absPath);
-        var cubicPathFromRel = Savage.path.toCubic(relPath);
+        var cubicPathFromAbs = Snap.path.toCubic(absPath);
+        var cubicPathFromRel = Snap.path.toCubic(relPath);
         var i = 0;
         var checkNext = function(arr) {
             expect(cubicPathFromAbs[i]).to.eql(arr);
@@ -268,7 +268,7 @@ describe("Path methods", function () {
         checkNext(['C', 116.18802153517007, 93.74785217660714, 120, 87.14531179816328, 120, 80]);
         
     });
-    it("Savage.path.map", function() {
+    it("Snap.path.map", function() {
         var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
                     "M10 50 L 40 50 L 40 90 L 10 90" +
                     "M10 100 C 30 120, 50 120, 50 100" +
@@ -276,8 +276,8 @@ describe("Path methods", function () {
                     "M80 10 Q 110 40, 140 10" +
                     "M80 50 Q 90 70, 100 50 T 120 50" +
                     "M80 80 A 10 10 0 0 0 120 80";
-        var matrix = new Savage.Matrix(1, 0, 0, 1, 1000, 0);
-        var transformedPath = Savage.path.map(absPath, matrix);
+        var matrix = new Snap.Matrix(1, 0, 0, 1, 1000, 0);
+        var transformedPath = Snap.path.map(absPath, matrix);
         
         var i = 0;
         var checkNext = function(arr) {
@@ -306,7 +306,7 @@ describe("Path methods", function () {
         checkNext(['C', 1080, 95.39600717839002, 1096.66666666666667, 105.01851166488379, 1110, 97.32050807568878]);
         checkNext(['C', 1116.18802153517007, 93.74785217660714, 1120, 87.14531179816328, 1120, 80]);
     });
-    it("Savage.path.isPointInside", function () {
+    it("Snap.path.isPointInside", function () {
         var path = "M10 10 H 50 V 40 H 10 L 10 10 Z" +
             "M10 50 L 40 50 L 40 90 L 10 90 Z" +
             "M10 100 C 30 120, 50 120, 50 100 Z" +
@@ -315,37 +315,37 @@ describe("Path methods", function () {
             "M80 50 Q 90 70, 100 50 T 120 50 Z" +
             "M80 80 A 10 10 0 0 0 120 80 Z";
         
-        expect(Savage.path.isPointInside(path, 15, 35)).to.be(true);
-        expect(Savage.path.isPointInside(path, 35, 75)).to.be(true);
-        expect(Savage.path.isPointInside(path, 15, 102)).to.be(true);
-        expect(Savage.path.isPointInside(path, 15, 135)).to.be(true);
-        expect(Savage.path.isPointInside(path, 50, 145)).to.be(true);
-        expect(Savage.path.isPointInside(path, 130, 15)).to.be(true);
-        expect(Savage.path.isPointInside(path, 110, 45)).to.be(true);
-        expect(Savage.path.isPointInside(path, 85, 55)).to.be(true);
-        expect(Savage.path.isPointInside(path, 115, 82)).to.be(true);
-        expect(Savage.path.isPointInside(path, 95, 98)).to.be(true);
+        expect(Snap.path.isPointInside(path, 15, 35)).to.be(true);
+        expect(Snap.path.isPointInside(path, 35, 75)).to.be(true);
+        expect(Snap.path.isPointInside(path, 15, 102)).to.be(true);
+        expect(Snap.path.isPointInside(path, 15, 135)).to.be(true);
+        expect(Snap.path.isPointInside(path, 50, 145)).to.be(true);
+        expect(Snap.path.isPointInside(path, 130, 15)).to.be(true);
+        expect(Snap.path.isPointInside(path, 110, 45)).to.be(true);
+        expect(Snap.path.isPointInside(path, 85, 55)).to.be(true);
+        expect(Snap.path.isPointInside(path, 115, 82)).to.be(true);
+        expect(Snap.path.isPointInside(path, 95, 98)).to.be(true);
         
-        expect(Savage.path.isPointInside(path, 5, 5)).to.be(false);
-        expect(Savage.path.isPointInside(path, 25, 48)).to.be(false);
-        expect(Savage.path.isPointInside(path, 42, 87)).to.be(false);
-        expect(Savage.path.isPointInside(path, 12, 105)).to.be(false);
-        expect(Savage.path.isPointInside(path, 47, 113)).to.be(false);
-        expect(Savage.path.isPointInside(path, 47, 135)).to.be(false);
-        expect(Savage.path.isPointInside(path, 25, 142)).to.be(false);
-        expect(Savage.path.isPointInside(path, 15, 125)).to.be(false);
-        expect(Savage.path.isPointInside(path, 43, 152)).to.be(false);
-        expect(Savage.path.isPointInside(path, 58, 152)).to.be(false);
-        expect(Savage.path.isPointInside(path, 90, 21)).to.be(false);
-        expect(Savage.path.isPointInside(path, 130, 21)).to.be(false);
-        expect(Savage.path.isPointInside(path, 95, 48)).to.be(false);
-        expect(Savage.path.isPointInside(path, 110, 55)).to.be(false);
-        expect(Savage.path.isPointInside(path, 100, 70)).to.be(false);
-        expect(Savage.path.isPointInside(path, 115, 96)).to.be(false);
-        expect(Savage.path.isPointInside(path, 85, 96)).to.be(false);
+        expect(Snap.path.isPointInside(path, 5, 5)).to.be(false);
+        expect(Snap.path.isPointInside(path, 25, 48)).to.be(false);
+        expect(Snap.path.isPointInside(path, 42, 87)).to.be(false);
+        expect(Snap.path.isPointInside(path, 12, 105)).to.be(false);
+        expect(Snap.path.isPointInside(path, 47, 113)).to.be(false);
+        expect(Snap.path.isPointInside(path, 47, 135)).to.be(false);
+        expect(Snap.path.isPointInside(path, 25, 142)).to.be(false);
+        expect(Snap.path.isPointInside(path, 15, 125)).to.be(false);
+        expect(Snap.path.isPointInside(path, 43, 152)).to.be(false);
+        expect(Snap.path.isPointInside(path, 58, 152)).to.be(false);
+        expect(Snap.path.isPointInside(path, 90, 21)).to.be(false);
+        expect(Snap.path.isPointInside(path, 130, 21)).to.be(false);
+        expect(Snap.path.isPointInside(path, 95, 48)).to.be(false);
+        expect(Snap.path.isPointInside(path, 110, 55)).to.be(false);
+        expect(Snap.path.isPointInside(path, 100, 70)).to.be(false);
+        expect(Snap.path.isPointInside(path, 115, 96)).to.be(false);
+        expect(Snap.path.isPointInside(path, 85, 96)).to.be(false);
     });
     
-    it("Savage.path.intersection", function () {
+    it("Snap.path.intersection", function () {
         var path1 = "M10 10 H 50 V 40 H 10 L 10 10 Z" +
             "M10 50 L 40 50 L 40 90 L 10 90 Z" +
             "M10 100 C 30 120, 50 120, 50 100 Z" +
@@ -354,7 +354,7 @@ describe("Path methods", function () {
             "M80 50 Q 90 70, 100 50 T 120 50 Z" +
             "M80 80 A 10 10 0 0 0 120 80 Z";
         var path2 = "M10,0 L80,200 L20, 200 L30, 0 L110, 15 L90, 150";
-        var intersection = Savage.path.intersection(path1, path2);
+        var intersection = Snap.path.intersection(path1, path2);
         expect(intersection.length).to.be(22);
         var first = intersection[0];
         expect(first.x).to.be.a('number');
diff --git a/test/primitives.js b/test/primitives.js
index 56303c6..ddcc0b0 100644
--- a/test/primitives.js
+++ b/test/primitives.js
@@ -1,7 +1,7 @@
 describe("Primitives creation", function () {
     var s;
     beforeEach(function () {
-        s = Savage(100, 100);
+        s = Snap(100, 100);
     });
     afterEach(function () {
         s.remove();
diff --git a/test/set.js b/test/set.js
index 1caf562..a1b79ed 100644
--- a/test/set.js
+++ b/test/set.js
@@ -1,7 +1,7 @@
 describe("Set methods", function () {
     var s;
     beforeEach(function () {
-        s = Savage(100, 100);
+        s = Snap(100, 100);
     });
     afterEach(function () {
         s.remove();
@@ -9,7 +9,7 @@ describe("Set methods", function () {
     it("Set.clear", function() {
         var rect1 = s.rect(10, 20, 30, 40);
         var rect2 = s.rect(10, 20, 30, 40);
-        var set = Savage.set(rect1, rect2);
+        var set = Snap.set(rect1, rect2);
         expect(set.length).to.be(2);
         set.clear();
         expect(set.length).to.be(0);
@@ -18,7 +18,7 @@ describe("Set methods", function () {
         var rect1 = s.rect(10, 20, 30, 40);
         var rect2 = s.rect(10, 20, 30, 40);
         var rect3 = s.rect(10, 20, 30, 40);
-        var set = Savage.set(rect1, rect2, rect3);
+        var set = Snap.set(rect1, rect2, rect3);
         expect(set.length).to.be(3);
         var excluded = set.exclude(rect2);
         expect(set.length).to.be(2);
@@ -31,7 +31,7 @@ describe("Set methods", function () {
         var rect1 = s.rect(10, 20, 30, 40);
         var rect2 = s.rect(10, 20, 30, 40);
         var rect3 = s.rect(10, 20, 30, 40);
-        var set = Savage.set(rect1, rect2, rect3);
+        var set = Snap.set(rect1, rect2, rect3);
         var i = 0;
         var arr = [rect1, rect2, rect3];
         var result = set.forEach(function(item) {
@@ -46,7 +46,7 @@ describe("Set methods", function () {
         var rect1 = s.rect(10, 20, 30, 40);
         var rect2 = s.rect(10, 20, 30, 40);
         var rect3 = s.rect(10, 20, 30, 40);
-        var set = Savage.set(rect1, rect2, rect3);
+        var set = Snap.set(rect1, rect2, rect3);
         expect(set.length).to.be(3);
         var result = set.pop();
         expect(set.length).to.be(2);
@@ -62,7 +62,7 @@ describe("Set methods", function () {
         var rect1 = s.rect(10, 20, 30, 40);
         var rect2 = s.rect(10, 20, 30, 40);
         var rect3 = s.rect(10, 20, 30, 40);
-        var set = Savage.set(rect1, rect2);
+        var set = Snap.set(rect1, rect2);
         expect(set.length).to.be(2);
         set.push(rect3);
         expect(set.length).to.be(3);
@@ -75,7 +75,7 @@ describe("Set methods", function () {
         var rect2 = s.rect(10, 20, 30, 40);
         var rect3 = s.rect(10, 20, 30, 40);
         var rect4 = s.rect(10, 20, 30, 40);
-        var set = Savage.set(rect1, rect2, rect3, rect4);
+        var set = Snap.set(rect1, rect2, rect3, rect4);
         var removedSet = set.splice(1, 2);
         expect(set.length).to.be(2);
         expect(set[0]).to.be(rect1);
@@ -92,7 +92,7 @@ describe("Set methods", function () {
         var rect2 = s.rect(10, 20, 30, 40);
         var rect3 = s.rect(10, 20, 30, 40);
         var rect4 = s.rect(10, 20, 30, 40);
-        var set = Savage.set(rect1, rect2, rect3);
+        var set = Snap.set(rect1, rect2, rect3);
         var removedSet = set.splice(2, 1, rect4);
         expect(set.length).to.be(3);
         expect(set[0]).to.be(rect1);
diff --git a/test/savage-tests.js b/test/snap-tests.js
similarity index 51%
rename from test/savage-tests.js
rename to test/snap-tests.js
index 4e597b9..c1c6ccb 100644
--- a/test/savage-tests.js
+++ b/test/snap-tests.js
@@ -1,6 +1,6 @@
-describe("Savage methods", function () {
-    it("Savage.Matrix - six params", function () {
-        var matrix = new Savage.Matrix(1, 2, 3, 4, 5, 6);
+describe("Snap methods", function () {
+    it("Snap.Matrix - six params", function () {
+        var matrix = new Snap.Matrix(1, 2, 3, 4, 5, 6);
         expect(matrix).to.eql({
             a: 1,
             b: 2,
@@ -10,9 +10,9 @@ describe("Savage methods", function () {
             f: 6
         });
     });
-    it("Savage.Matrix - SVGMatrix param", function () {
-        var svgMatrix = new Savage(10, 10).node.createSVGMatrix();
-        var matrix = new Savage.Matrix(svgMatrix);
+    it("Snap.Matrix - SVGMatrix param", function () {
+        var svgMatrix = new Snap(10, 10).node.createSVGMatrix();
+        var matrix = new Snap.Matrix(svgMatrix);
         expect(matrix).to.eql({
             a: 1,
             b: 0,
@@ -22,8 +22,8 @@ describe("Savage methods", function () {
             f: 0
         });
     });
-    it("Savage.ajax - no postData", function(done) {
-        var xhr = Savage.ajax('./res/file-for-ajax.txt', function(xhr) {
+    it("Snap.ajax - no postData", function(done) {
+        var xhr = Snap.ajax('./res/file-for-ajax.txt', function(xhr) {
             var responseText = xhr.responseText;
             expect(responseText).to.be('success');
             expect(this.isContext).to.be(true);
@@ -31,8 +31,8 @@ describe("Savage methods", function () {
         }, {'isContext': true});
         expect(xhr).to.be.an('object');
     });
-    it("Savage.ajax - with object postData", function(done) {
-        var xhr = Savage.ajax('./res/file-for-ajax.txt', {foo: 'bar'}, function(xhr) {
+    it("Snap.ajax - with object postData", function(done) {
+        var xhr = Snap.ajax('./res/file-for-ajax.txt', {foo: 'bar'}, function(xhr) {
             var responseText = xhr.responseText;
             expect(responseText).to.be('success');
             expect(this.isContext).to.be(true);
@@ -40,8 +40,8 @@ describe("Savage methods", function () {
         }, {'isContext': true});
         expect(xhr).to.be.an('object');
     });
-    it("Savage.ajax - with string postData", function(done) {
-        var xhr = Savage.ajax('./res/file-for-ajax.txt', 'foo=bar', function(xhr) {
+    it("Snap.ajax - with string postData", function(done) {
+        var xhr = Snap.ajax('./res/file-for-ajax.txt', 'foo=bar', function(xhr) {
             var responseText = xhr.responseText;
             expect(responseText).to.be('success');
             expect(this.isContext).to.be(true);
@@ -60,43 +60,43 @@ describe("Savage methods", function () {
         expect(minaObj.stop).to.be.a('function');
     };
     
-    it("Savage.animate - numbers, no easing or callback", function(done) {
+    it("Snap.animate - numbers, no easing or callback", function(done) {
         var n;
-        var minaObj = Savage.animate(10, 20, function(newN) { n = newN; }, 50);
+        var minaObj = Snap.animate(10, 20, function(newN) { n = newN; }, 50);
         setTimeout(function() {
             expect(n).to.be(20);
             done();
         }, 100);
         validateMina(minaObj);
     });
-   it("Savage.animate - numbers, callback", function(done) {
+   it("Snap.animate - numbers, callback", function(done) {
         var n;
-        var minaObj = Savage.animate(10, 20, function(newN) { n = newN; }, 50, function() {
+        var minaObj = Snap.animate(10, 20, function(newN) { n = newN; }, 50, function() {
             expect(n).to.be(20);
             done();
         });
         validateMina(minaObj);
     });
-   it("Savage.animate - numbers, easing", function(done) {
+   it("Snap.animate - numbers, easing", function(done) {
         var n;
-        var minaObj = Savage.animate(10, 20, function(newN) { n = newN; }, 50, mina.easeinout);
+        var minaObj = Snap.animate(10, 20, function(newN) { n = newN; }, 50, mina.easeinout);
         setTimeout(function() {
             expect(n).to.be(20);
             done();
         }, 100);
         validateMina(minaObj);
     });
-   it("Savage.animate - numbers, easing & callback", function(done) {
+   it("Snap.animate - numbers, easing & callback", function(done) {
         var n;
-        var minaObj = Savage.animate(10, 20, function(newN) { n = newN; }, 50, mina.bounce, function() {
+        var minaObj = Snap.animate(10, 20, function(newN) { n = newN; }, 50, mina.bounce, function() {
             expect(n).to.be(20);
             done();
         });
         validateMina(minaObj);
     });
-    it("Savage.animate - arrays, no easing or callback", function(done) {
+    it("Snap.animate - arrays, no easing or callback", function(done) {
         var n1, n2;
-        var minaObj = Savage.animate([5, 10], [10, 20], function(nArr) {  n1 = nArr[0]; n2 = nArr[1]; }, 50);
+        var minaObj = Snap.animate([5, 10], [10, 20], function(nArr) {  n1 = nArr[0]; n2 = nArr[1]; }, 50);
         setTimeout(function() {
             expect(n1).to.be(10);
             expect(n2).to.be(20);
@@ -104,18 +104,18 @@ describe("Savage methods", function () {
         }, 100);
         validateMina(minaObj);
     });
-   it("Savage.animate - arrays, callback", function(done) {
+   it("Snap.animate - arrays, callback", function(done) {
         var n1, n2;
-        var minaObj = Savage.animate([5, 10], [10, 20], function(nArr) {n1 = nArr[0]; n2 = nArr[1]; }, 50, function() {
+        var minaObj = Snap.animate([5, 10], [10, 20], function(nArr) {n1 = nArr[0]; n2 = nArr[1]; }, 50, function() {
             expect(n1).to.be(10);
             expect(n2).to.be(20);
             done();
         });
         validateMina(minaObj);
     });
-   it("Savage.animate - arrays, easing", function(done) {
+   it("Snap.animate - arrays, easing", function(done) {
         var n1, n2;
-        var minaObj = Savage.animate([5, 10], [10, 20], function(nArr) { n1 = nArr[0]; n2 = nArr[1]; }, 50, mina.easeinout);
+        var minaObj = Snap.animate([5, 10], [10, 20], function(nArr) { n1 = nArr[0]; n2 = nArr[1]; }, 50, mina.easeinout);
         setTimeout(function() {
             expect(n1).to.be(10);
             expect(n2).to.be(20);
@@ -123,39 +123,39 @@ describe("Savage methods", function () {
         }, 100);
         validateMina(minaObj);
     });
-    it("Savage.animate - arrays, easing & callback", function(done) {
+    it("Snap.animate - arrays, easing & callback", function(done) {
         var n1, n2;
-        var minaObj = Savage.animate([5, 10], [10, 20], function(nArr) { n1 = nArr[0]; n2 = nArr[1]; }, 50, mina.backin, function() {
+        var minaObj = Snap.animate([5, 10], [10, 20], function(nArr) { n1 = nArr[0]; n2 = nArr[1]; }, 50, mina.backin, function() {
             expect(n1).to.be(10);
             expect(n2).to.be(20);
             done();
         });
         validateMina(minaObj);
     });
-    it("Savage.animation - no easing or callback", function() {
-        var anim = Savage.animation({ foo: "bar" }, 100);
+    it("Snap.animation - no easing or callback", function() {
+        var anim = Snap.animation({ foo: "bar" }, 100);
         expect(anim).to.be.an("object");
         expect(anim.dur).to.be(100);
         expect(anim.attr.foo).to.be("bar");
     });
-    it("Savage.animation - with easing", function() {
-        var anim = Savage.animation({ foo: "bar" }, 100, mina.easein);
+    it("Snap.animation - with easing", function() {
+        var anim = Snap.animation({ foo: "bar" }, 100, mina.easein);
         expect(anim).to.be.an("object");
         expect(anim.dur).to.be(100);
         expect(anim.attr.foo).to.be("bar");
         expect(anim.easing).to.be.a("function");
     });
-    it("Savage.animation - with callback", function() {
+    it("Snap.animation - with callback", function() {
         var cb = function(){};
-        var anim = Savage.animation({ foo: "bar" }, 100, cb);
+        var anim = Snap.animation({ foo: "bar" }, 100, cb);
         expect(anim).to.be.an("object");
         expect(anim.dur).to.be(100);
         expect(anim.attr.foo).to.be("bar");
         expect(anim.callback).to.be.a("function");
     });
-    it("Savage.animation - with easing & callback", function() {
+    it("Snap.animation - with easing & callback", function() {
         var cb = function(){};
-        var anim = Savage.animation({ foo: "bar" }, 100, mina.linear, cb);
+        var anim = Snap.animation({ foo: "bar" }, 100, mina.linear, cb);
         expect(anim).to.be.an("object");
         expect(anim.dur).to.be(100);
         expect(anim.attr.foo).to.be("bar");
@@ -163,29 +163,29 @@ describe("Savage methods", function () {
         expect(anim.callback).to.be.a("function");
         expect(anim.easing).to.not.be(anim.callback);
     });
-    it("Savage.deg", function() {
-        expect(Savage.deg(Math.PI)).to.be(180);
-        expect(Savage.deg(Math.PI / 2)).to.be(90);
-        expect(Savage.deg(Math.PI / 4)).to.be(45);
-        expect(Savage.deg(Math.PI * 2)).to.be(0);
+    it("Snap.deg", function() {
+        expect(Snap.deg(Math.PI)).to.be(180);
+        expect(Snap.deg(Math.PI / 2)).to.be(90);
+        expect(Snap.deg(Math.PI / 4)).to.be(45);
+        expect(Snap.deg(Math.PI * 2)).to.be(0);
     });
-    it("Savage.rad", function() {
-        expect(Savage.rad(180)).to.be(Math.PI);
-        expect(Savage.rad(90)).to.be(Math.PI / 2);
-        expect(Savage.rad(45)).to.be(Math.PI / 4);
-        expect(Savage.rad(0)).to.be(0);
+    it("Snap.rad", function() {
+        expect(Snap.rad(180)).to.be(Math.PI);
+        expect(Snap.rad(90)).to.be(Math.PI / 2);
+        expect(Snap.rad(45)).to.be(Math.PI / 4);
+        expect(Snap.rad(0)).to.be(0);
     });
-    it("Savage.format", function() {
+    it("Snap.format", function() {
         var outputStr;
-        outputStr = Savage.format("{x}", {x: 1});
+        outputStr = Snap.format("{x}", {x: 1});
         expect(outputStr).to.be("1");
-        outputStr = Savage.format("{a['foo']}", {
+        outputStr = Snap.format("{a['foo']}", {
             a: {
                 foo: 'bar'
             }
         });
         expect(outputStr).to.be("bar");
-        outputStr = Savage.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
+        outputStr = Snap.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
             x: 10,
             y: 20,
             dim: {
@@ -196,55 +196,55 @@ describe("Savage methods", function () {
         });
         expect(outputStr).to.be("M10,20h40v50h-40z");
     });
-    it("Savage.fragment", function() {
-        var frag = Savage.fragment('<g class="foo"></g>', '<g class="foo2"></g>');
+    it("Snap.fragment", function() {
+        var frag = Snap.fragment('<g class="foo"></g>', '<g class="foo2"></g>');
         expect(frag).to.be.an("object");
         expect(frag.node.childNodes.length).to.be(2);
         expect(frag.node.firstChild.nodeName).to.be("g");
         expect(frag.node.firstChild.getAttribute("class")).to.be("foo");
         expect(frag.node.lastChild.getAttribute("class")).to.be("foo2");
-        frag = Savage.fragment('<g class="foo"><rect x="0" y="0" width="10" height="10"/></g>');
+        frag = Snap.fragment('<g class="foo"><rect x="0" y="0" width="10" height="10"/></g>');
         var rectWidth = frag.select('rect').attr('width');
         expect(rectWidth).to.be("10");
     });
-    it("Savage.is", function() {
+    it("Snap.is", function() {
         var undef;
-        expect(Savage.is("foo", "string")).to.be.ok();
-        expect(Savage.is(123, "number")).to.be.ok();
-        expect(Savage.is({}, "object")).to.be.ok();
-        expect(Savage.is([], "array")).to.be.ok();
-        expect(Savage.is([], "object")).to.be.ok();
-        expect(Savage.is(null, "null")).to.be.ok();
-        expect(Savage.is(false, "boolean")).to.be.ok();
-        expect(Savage.is(undef, "undefined")).to.be.ok();
-        expect(Savage.is(function(){}, "function")).to.be.ok();
-        expect(Savage.is(function(){}, "object")).to.be.ok();
+        expect(Snap.is("foo", "string")).to.be.ok();
+        expect(Snap.is(123, "number")).to.be.ok();
+        expect(Snap.is({}, "object")).to.be.ok();
+        expect(Snap.is([], "array")).to.be.ok();
+        expect(Snap.is([], "object")).to.be.ok();
+        expect(Snap.is(null, "null")).to.be.ok();
+        expect(Snap.is(false, "boolean")).to.be.ok();
+        expect(Snap.is(undef, "undefined")).to.be.ok();
+        expect(Snap.is(function(){}, "function")).to.be.ok();
+        expect(Snap.is(function(){}, "object")).to.be.ok();
     });
-    it("Savage.load - with context", function(done) {
-        Savage.load('./res/external-svg.svg', function(fragment) {
+    it("Snap.load - with context", function(done) {
+        Snap.load('./res/external-svg.svg', function(fragment) {
             expect(fragment.node.querySelector("svg")).to.not.be(null);
             expect(this.myContext).to.be(true);
             done();
         }, {myContext: true});
     });
-    it("Savage.load - without context", function(done) {
-        Savage.load('./res/external-svg.svg', function(fragment) {
+    it("Snap.load - without context", function(done) {
+        Snap.load('./res/external-svg.svg', function(fragment) {
             expect(fragment.node.querySelector("svg")).to.not.be(null);
             done();
         });
     });
-    it("Savage.parse", function() {
-        var frag = Savage.parse('<g class="foo"></g>');
+    it("Snap.parse", function() {
+        var frag = Snap.parse('<g class="foo"></g>');
         expect(frag).to.be.an("object");
         expect(frag.node.childNodes.length).to.be(1);
         expect(frag.node.firstChild.nodeName).to.be("g");
         expect(frag.node.firstChild.getAttribute("class")).to.be("foo");
-        frag = Savage.parse('<g class="foo"><rect x="0" y="0" width="10" height="10"/></g>');
+        frag = Snap.parse('<g class="foo"><rect x="0" y="0" width="10" height="10"/></g>');
         var rectWidth = frag.select('rect').attr('width');
         expect(rectWidth).to.be("10");
     });
-    it("Savage.parsePathString - string", function() {
-        var pathArrs = Savage.parsePathString(
+    it("Snap.parsePathString - string", function() {
+        var pathArrs = Snap.parsePathString(
             "M1 2" +
             "m3 4" +
             "L 5, 6" +
@@ -284,22 +284,22 @@ describe("Savage methods", function () {
         expect(pathArrs[17]).to.eql(["a", 50, 51, 52, 1, 0, 53, 54]);
         expect(pathArrs[18]).to.eql(["Z"]);
     });
-    it("Savage.parsePathString - array", function() {
-        var pathArrs = Savage.parsePathString(["M1 2"]);
+    it("Snap.parsePathString - array", function() {
+        var pathArrs = Snap.parsePathString(["M1 2"]);
         expect(pathArrs[0]).to.eql(["M", 1, 2]);
     });
-    it("Savage.parseTransformString - string", function() {
-        var matrix = new Savage.Matrix(1, 0, 0, 2, 0, 0);
+    it("Snap.parseTransformString - string", function() {
+        var matrix = new Snap.Matrix(1, 0, 0, 2, 0, 0);
         var str = matrix.toTransformString();
-        var output = Savage.parseTransformString(str);
+        var output = Snap.parseTransformString(str);
         expect(output[0]).to.eql(['s', 1, 2, 0, 0]);
     });
-    it("Savage.parseTransformString - array", function() {
-        var output = Savage.parseTransformString(['s', 1, 2, 0, 0]);
+    it("Snap.parseTransformString - array", function() {
+        var output = Snap.parseTransformString(['s', 1, 2, 0, 0]);
         expect(output[0]).to.eql(['s', 1, 2, 0, 0]);
     });
-    it("Savage.select", function() {
-        var s = Savage(10, 10);
+    it("Snap.select", function() {
+        var s = Snap(10, 10);
         var group1 = s.group();
         var group2 = s.group();
         var group3 = s.group();
@@ -313,14 +313,14 @@ describe("Savage methods", function () {
         group2.add(group3);
         group2.add(circle1);
         group3.add(circle2);
-        var c1 = Savage.select('.circle-one');
+        var c1 = Snap.select('.circle-one');
         expect(circle1).to.be(c1);
-        var c2 = Savage.select('.circle-two');
+        var c2 = Snap.select('.circle-two');
         expect(circle2).to.be(c2);
         s.remove();
     });
-    it("Savage.selectAll", function() {
-        var s = Savage(10, 10);
+    it("Snap.selectAll", function() {
+        var s = Snap(10, 10);
         var group1 = s.group();
         var group2 = s.group();
         var group3 = s.group();
@@ -334,61 +334,61 @@ describe("Savage methods", function () {
         group2.add(group3);
         group2.add(circle1);
         group3.add(circle2);
-        var circles = Savage.selectAll('circle');
+        var circles = Snap.selectAll('circle');
         expect(circles.length).to.be(2);
         expect(circles).to.contain(circle1);
         expect(circles).to.contain(circle2);
         s.remove();
     });
-    it("Savage.snapTo - number, no tolerance", function() {
-        expect(Savage.snapTo(100, -5)).to.be(0);
-        expect(Savage.snapTo(100, 0.0001)).to.be(0);
-        expect(Savage.snapTo(100, 9)).to.be(0);
-        expect(Savage.snapTo(100, 50)).to.be(50);
-        expect(Savage.snapTo(100, 75)).to.be(75);
-        expect(Savage.snapTo(100, 90)).to.be(90);
-        expect(Savage.snapTo(100, 91)).to.be(100);
-        expect(Savage.snapTo(100, 95)).to.be(100);
-        expect(Savage.snapTo(100, 1204)).to.be(1200);
+    it("Snap.snapTo - number, no tolerance", function() {
+        expect(Snap.snapTo(100, -5)).to.be(0);
+        expect(Snap.snapTo(100, 0.0001)).to.be(0);
+        expect(Snap.snapTo(100, 9)).to.be(0);
+        expect(Snap.snapTo(100, 50)).to.be(50);
+        expect(Snap.snapTo(100, 75)).to.be(75);
+        expect(Snap.snapTo(100, 90)).to.be(90);
+        expect(Snap.snapTo(100, 91)).to.be(100);
+        expect(Snap.snapTo(100, 95)).to.be(100);
+        expect(Snap.snapTo(100, 1204)).to.be(1200);
     });
-    it("Savage.snapTo - array, no tolerance", function() {
+    it("Snap.snapTo - array, no tolerance", function() {
         var grid = [0, 55, 200];
-        expect(Savage.snapTo(grid, -5)).to.be(0);
-        expect(Savage.snapTo(grid, 0.0001)).to.be(0);
-        expect(Savage.snapTo(grid, 9)).to.be(0);
-        expect(Savage.snapTo(grid, 50)).to.be(55);
-        expect(Savage.snapTo(grid, 75)).to.be(75);
-        expect(Savage.snapTo(grid, 90)).to.be(90);
-        expect(Savage.snapTo(grid, 91)).to.be(91);
-        expect(Savage.snapTo(grid, 195)).to.be(200);
-        expect(Savage.snapTo(grid, 1204)).to.be(1204);
+        expect(Snap.snapTo(grid, -5)).to.be(0);
+        expect(Snap.snapTo(grid, 0.0001)).to.be(0);
+        expect(Snap.snapTo(grid, 9)).to.be(0);
+        expect(Snap.snapTo(grid, 50)).to.be(55);
+        expect(Snap.snapTo(grid, 75)).to.be(75);
+        expect(Snap.snapTo(grid, 90)).to.be(90);
+        expect(Snap.snapTo(grid, 91)).to.be(91);
+        expect(Snap.snapTo(grid, 195)).to.be(200);
+        expect(Snap.snapTo(grid, 1204)).to.be(1204);
     });
-    it("Savage.snapTo - number, with tolerance", function() {
-        expect(Savage.snapTo(100, 95, 0)).to.be(95);
-        expect(Savage.snapTo(100, 95, 5)).to.be(95);
-        expect(Savage.snapTo(100, 95, 6)).to.be(100);
-        expect(Savage.snapTo(100, 105, 6)).to.be(100);
-        expect(Savage.snapTo(100, 105, 5)).to.be(105);
-        expect(Savage.snapTo(100, 105, 0)).to.be(105);
-        // expect(Savage.snapTo(10, 19, 50)).to.be(20); // TODO: Find out what tolerance > grid should do
+    it("Snap.snapTo - number, with tolerance", function() {
+        expect(Snap.snapTo(100, 95, 0)).to.be(95);
+        expect(Snap.snapTo(100, 95, 5)).to.be(95);
+        expect(Snap.snapTo(100, 95, 6)).to.be(100);
+        expect(Snap.snapTo(100, 105, 6)).to.be(100);
+        expect(Snap.snapTo(100, 105, 5)).to.be(105);
+        expect(Snap.snapTo(100, 105, 0)).to.be(105);
+        // expect(Snap.snapTo(10, 19, 50)).to.be(20); // TODO: Find out what tolerance > grid should do
     });
-    it("Savage.snapTo - array, with tolerance", function() {
+    it("Snap.snapTo - array, with tolerance", function() {
         var grid = [0, 55, 200];
-        expect(Savage.snapTo(grid, -5, 20)).to.be(0);
-        expect(Savage.snapTo(grid, -5, 3)).to.be(-5);
-        expect(Savage.snapTo(grid, 0.0001, 0.00001)).to.be(0.0001);
-        expect(Savage.snapTo(grid, 0.0001, 1)).to.be(0);
-        expect(Savage.snapTo(grid, 9, 9)).to.be(0);
-        expect(Savage.snapTo(grid, 9, 10.5)).to.be(0);
-        expect(Savage.snapTo(grid, 50, 6)).to.be(55);
-        expect(Savage.snapTo(grid, 50, 1)).to.be(50);
-        expect(Savage.snapTo(grid, 201, 0.5)).to.be(201);
-        expect(Savage.snapTo(grid, 199, 1)).to.be(200);
-        expect(Savage.snapTo(grid, 299, 100)).to.be(200);
+        expect(Snap.snapTo(grid, -5, 20)).to.be(0);
+        expect(Snap.snapTo(grid, -5, 3)).to.be(-5);
+        expect(Snap.snapTo(grid, 0.0001, 0.00001)).to.be(0.0001);
+        expect(Snap.snapTo(grid, 0.0001, 1)).to.be(0);
+        expect(Snap.snapTo(grid, 9, 9)).to.be(0);
+        expect(Snap.snapTo(grid, 9, 10.5)).to.be(0);
+        expect(Snap.snapTo(grid, 50, 6)).to.be(55);
+        expect(Snap.snapTo(grid, 50, 1)).to.be(50);
+        expect(Snap.snapTo(grid, 201, 0.5)).to.be(201);
+        expect(Snap.snapTo(grid, 199, 1)).to.be(200);
+        expect(Snap.snapTo(grid, 299, 100)).to.be(200);
     });
-    it("Savage.path.getBBox", function() {
+    it("Snap.path.getBBox", function() {
         // same as 10,20,30,40 rect
-        var bbox = Savage.path.getBBox("M10,20h30v40h-30z");
+        var bbox = Snap.path.getBBox("M10,20h30v40h-30z");
         expect(bbox.x).to.eql(10);
         expect(bbox.y).to.eql(20);
         expect(bbox.width).to.eql(30);
@@ -396,18 +396,18 @@ describe("Savage methods", function () {
         expect(bbox.x2).to.eql(10 + 30);
         expect(bbox.y2).to.eql(20 + 40);
     });
-    it("Savage.angle - 2 points", function() {
-        var angle = Savage.angle(0, 0, 10, 10);
+    it("Snap.angle - 2 points", function() {
+        var angle = Snap.angle(0, 0, 10, 10);
         expect(angle).to.not.be(0);
         expect(angle % 45).to.be(0);
-        angle = Savage.angle(0, 0, 10, 0);
+        angle = Snap.angle(0, 0, 10, 0);
         expect(angle % 90).to.be(0);
     });
-    it("Savage.angle - 3 points", function() {
-        var angle = Savage.angle(10, 0, 0, 10, 0, 0);
+    it("Snap.angle - 3 points", function() {
+        var angle = Snap.angle(10, 0, 0, 10, 0, 0);
         expect(angle).to.not.be(0);
         expect(angle % 45).to.be(0);
-        angle = Savage.angle(10, 0, 0, 10, 0, 0);
+        angle = Snap.angle(10, 0, 0, 10, 0, 0);
         expect(Math.abs(angle)).to.be(90);
     });
 });
\ No newline at end of file
diff --git a/test/system.js b/test/system.js
index 77fd1c2..5487e82 100644
--- a/test/system.js
+++ b/test/system.js
@@ -1,6 +1,6 @@
 describe("System check", function () {
-    it("Savage exists", function () {
-        expect(Savage).to.be.a("function");
+    it("Snap exists", function () {
+        expect(Snap).to.be.a("function");
     });
     it("eve exists", function () {
         expect(eve).to.be.a("function");
diff --git a/test/test.html b/test/test.html
index ace0511..b4f2efb 100644
--- a/test/test.html
+++ b/test/test.html
@@ -24,7 +24,7 @@
             }
         </style>
         <link rel="stylesheet" href="../node_modules/mocha/mocha.css">
-        <script src="../dist/savage.js"></script>
+        <script src="../dist/snap.svg.js"></script>
     </head>
     <body>
         <div id="mocha"></div>
@@ -33,7 +33,7 @@
         <script>mocha.setup("bdd");</script>
         <script src="system.js"></script>
         <script src="paper.js"></script>
-        <script src="savage-tests.js"></script>
+        <script src="snap-tests.js"></script>
         <script src="primitives.js"></script>
         <script src="colors.js"></script>
         <script src="attrs.js"></script>