Fixed naming conflict in mask and clip modules, bumped to v0.22

1 files changed, 31 insertions, 2 deletions

diff --git a/src/mask.js b/src/mask.js
index ddd7565..6ebccdc 100644
--- a/src/mask.js
+++ b/src/mask.js
@@ -1,18 +1,47 @@
 SVG.Mask = function() {
   this.constructor.call(this, SVG.create('mask'))
+
+  /* keep references to masked elements */
+  this.targets = []
 }
 
 // Inherit from SVG.Container
 SVG.Mask.prototype = new SVG.Container
 
 //
+SVG.extend(SVG.Mask, {
+  // Unmask all masked elements and remove itself
+  remove: function() {
+    /* unmask all targets */
+    for (var i = this.targets.length - 1; i >= 0; i--)
+      if (this.targets[i])
+        this.targets[i].unmask()
+    delete this.targets
+
+    /* remove mask from parent */
+    this.parent.removeElement(this)
+    
+    return this
+  }
+})
+
+//
 SVG.extend(SVG.Element, {
   // Distribute mask to svg element
   maskWith: function(element) {
     /* use given mask or create a new one */
-    this.mask = element instanceof SVG.Mask ? element : this.parent.mask().add(element)
+    this.masker = element instanceof SVG.Mask ? element : this.parent.mask().add(element)
+
+    /* store reverence on self in mask */
+    this.masker.targets.push(this)
     
-    return this.attr('mask', 'url(#' + this.mask.attr('id') + ')')
+    /* apply mask */
+    return this.attr('mask', 'url(#' + this.masker.attr('id') + ')')
+  }
+  // Unmask element
+, unmask: function() {
+    delete this.masker
+    return this.attr('mask', null)
   }
   
 })