Created separate classes for SVG.ViewBox anSVG.BBox0.6

1 files changed, 101 insertions, 92 deletions

diff --git a/src/container.js b/src/container.js
index 1f0998a..a78d93f 100644
--- a/src/container.js
+++ b/src/container.js
@@ -1,139 +1,148 @@
-SVG.Container = function Container(element) {
-  this.constructor.call(this, element);
-};
+SVG.Container = function(element) {
+  this.constructor.call(this, element)
+}
 
 // Inherit from SVG.Element
-SVG.Container.prototype = new SVG.Element();
+SVG.Container.prototype = new SVG.Element
 
 //
 SVG.extend(SVG.Container, {
   // Add given element at a position
   add: function(element, index) {
     if (!this.has(element)) {
-      index = index == null ? this.children().length : index;
-      this.children().splice(index, 0, element);
-      this.node.insertBefore(element.node, this.node.childNodes[index] || null);
-      element.parent = this;
+      index = index == null ? this.children().length : index
+      this.children().splice(index, 0, element)
+      this.node.insertBefore(element.node, this.node.childNodes[index] || null)
+      element.parent = this
     }
     
-    return this;
-  },
+    return this
+  }
   // Basically does the same as `add()` but returns the added element
-  put: function(element, index) {
-    this.add(element, index);
-    return element;
-  },
+, put: function(element, index) {
+    this.add(element, index)
+    return element
+  }
   // Checks if the given element is a child
-  has: function(element) {
-    return this.children().indexOf(element) >= 0;
-  },
+, has: function(element) {
+    return this.children().indexOf(element) >= 0
+  }
   // Returns all child elements
-  children: function() {
-    return this._children || (this._children = []);
-  },
+, children: function() {
+    return this._children || (this._children = [])
+  }
   // Iterates over all children and invokes a given block
-  each: function(block) {
+, each: function(block) {
     var index,
-        children = this.children();
+        children = this.children()
     
     for (index = 0, length = children.length; index < length; index++)
       if (children[index] instanceof SVG.Shape)
-        block.apply(children[index], [index, children]);
+        block.apply(children[index], [index, children])
     
-    return this;
-  },
+    return this
+  }
   // Remove a given child element
-  remove: function(element) {
-    return this.removeAt(this.children().indexOf(element));
-  },
+, remove: function(element) {
+    return this.removeAt(this.children().indexOf(element))
+  }
   // Remove a child element at a given position
-  removeAt: function(index) {
+, removeAt: function(index) {
     if (0 <= index && index < this.children().length) {
-      var element = this.children()[index];
-      this.children().splice(index, 1);
-      this.node.removeChild(element.node);
-      element.parent = null;
+      var element = this.children()[index]
+      this.children().splice(index, 1)
+      this.node.removeChild(element.node)
+      element.parent = null
     }
     
-    return this;
-  },
+    return this
+  }
   // Returns defs element
-  defs: function() {
-    return this._defs || (this._defs = this.put(new SVG.Defs(), 0));
-  },
+, defs: function() {
+    return this._defs || (this._defs = this.put(new SVG.Defs(), 0))
+  }
   // Re-level defs to first positon in element stack
-  level: function() {
-    return this.remove(this.defs()).put(this.defs(), 0);
-  },
+, level: function() {
+    return this.remove(this.defs()).put(this.defs(), 0)
+  }
   // Create a group element
-  group: function() {
-    return this.put(new SVG.G());
-  },
+, group: function() {
+    return this.put(new SVG.G())
+  }
   // Create a rect element
-  rect: function(width, height) {
-    return this.put(new SVG.Rect().size(width, height));
-  },
+, rect: function(width, height) {
+    return this.put(new SVG.Rect().size(width, height))
+  }
   // Create circle element, based on ellipse
-  circle: function(diameter) {
-    return this.ellipse(diameter);
-  },
+, circle: function(diameter) {
+    return this.ellipse(diameter)
+  }
   // Create an ellipse
-  ellipse: function(width, height) {
-    return this.put(new SVG.Ellipse().size(width, height));
-  },
+, ellipse: function(width, height) {
+    return this.put(new SVG.Ellipse().size(width, height))
+  }
   // Create a wrapped polyline element
-  polyline: function(points) {
-    return this.put(new SVG.Wrap(new SVG.Polyline())).plot(points);
-  },
+, polyline: function(points) {
+    return this.put(new SVG.Wrap(new SVG.Polyline())).plot(points)
+  }
   // Create a wrapped polygon element
-  polygon: function(points) {
-    return this.put(new SVG.Wrap(new SVG.Polygon())).plot(points);
-  },
+, polygon: function(points) {
+    return this.put(new SVG.Wrap(new SVG.Polygon())).plot(points)
+  }
   // Create a wrapped path element
-  path: function(data) {
-    return this.put(new SVG.Wrap(new SVG.Path())).plot(data);
-  },
+, path: function(data) {
+    return this.put(new SVG.Wrap(new SVG.Path())).plot(data)
+  }
   // Create image element, load image and set its size
-  image: function(source, width, height) {
-    width = width != null ? width : 100;
-    return this.put(new SVG.Image().load(source).size(width, height != null ? height : width));
-  },
+, image: function(source, width, height) {
+    width = width != null ? width : 100
+    return this.put(new SVG.Image().load(source).size(width, height != null ? height : width))
+  }
   // Create text element
-  text: function(text) {
-    return this.put(new SVG.Text().text(text));
-  },
+, text: function(text) {
+    return this.put(new SVG.Text().text(text))
+  }
   // Create nested svg document
-  nested: function() {
-    return this.put(new SVG.Nested());
-  },
+, nested: function() {
+    return this.put(new SVG.Nested())
+  }
   // Create gradient element in defs
-  gradient: function(type, block) {
-    return this.defs().gradient(type, block);
-  },
+, gradient: function(type, block) {
+    return this.defs().gradient(type, block)
+  }
   // Create pattern element in defs
-  pattern: function(width, height, block) {
-    return this.defs().pattern(width, height, block);
-  },
+, pattern: function(width, height, block) {
+    return this.defs().pattern(width, height, block)
+  }
   // Create masking element
-  mask: function() {
-    return this.defs().put(new SVG.Mask());
-  },
+, mask: function() {
+    return this.defs().put(new SVG.Mask())
+  }
   // Get first child, skipping the defs node
-  first: function() {
-    return this.children()[0] instanceof SVG.Defs ? this.children()[1] : this.children()[0];
-  },
+, first: function() {
+    return this.children()[0] instanceof SVG.Defs ? this.children()[1] : this.children()[0]
+  }
   // Get the last child
-  last: function() {
-    return this.children()[this.children().length - 1];
-  },
+, last: function() {
+    return this.children()[this.children().length - 1]
+  }
+  // Get the viewBox and calculate the zoom value
+, viewbox: function() {
+    /* act as a getter if there are no arguments */
+    if (arguments.length == 0)
+      return new SVG.ViewBox(this)
+    
+    /* otherwise act as a setter */
+    return this.attr('viewBox', Array.prototype.slice.call(arguments).join(' '))
+  }
   // Remove all elements in this container
-  clear: function() {
-    this._children = [];
+, clear: function() {
+    this._children = []
     
     while (this.node.hasChildNodes())
-      this.node.removeChild(this.node.lastChild);
+      this.node.removeChild(this.node.lastChild)
     
-    return this;
+    return this
   }
   
-});
\ No newline at end of file
+})
\ No newline at end of file