raphael-rails 1.5.2 → 2.1.0

data/vendor/assets/javascripts/reference.js

@@ -0,0 +1,248 @@
+Raphael(function () {
+    
+    // TOC
+    (function (ol) {
+        if (!ol) {
+            return;
+        }
+        var li = document.createElement("li"),
+            isABBR = function (str, abbr) {
+                var letters = abbr.toUpperCase().split(""),
+                    first = letters.shift(),
+                    rg = new RegExp("^[" + first.toLowerCase() + first + "][a-z]*" + letters.join("[a-z]*") + "[a-z]*$");
+                return !!String(str).match(rg);
+            },
+            score = function (me, search) {
+                me = String(me);
+                search = String(search);
+                var score = 0,
+                    chunk;
+                if (me == search) {
+                    return 1;
+                }
+                if (!me || !search) {
+                    return 0;
+                }
+                if (isABBR(me, search)) {
+                    return .9;
+                }
+                score = 0;
+                chunk = me.toLowerCase();
+                for (var j, i = 0, ii = search.length; i < ii; i++) {
+                    j = chunk.indexOf(search.charAt(i));
+                    if (~j) {
+                        chunk = chunk.substring(j + 1);
+                        score += 1 / (j + 1);
+                    }
+                }
+                score = Math.max(score / ii - Math.abs(me.length - ii) / me.length / 2, 0);
+                return score;
+            };
+        li.innerHTML = '<input type="search" id="dr-filter" results="0">';
+        var lis = ol.getElementsByTagName("span"),
+            names = [],
+            rgName = /[^\.\(]*(?=(\(\))?$)/;
+        for (var i = 0, ii = lis.length; i < ii; i++) {
+            names[i] = {
+                li: lis[i].parentNode.parentNode,
+                text: lis[i].innerHTML.match(rgName)[0]
+            };
+        }
+        ol.insertBefore(li, ol.firstChild);
+        var input = document.getElementById("dr-filter");
+        input.style.width = "100%";
+        input.style.marginTop = "10px";
+        input.onclick = input.onchange = input.onkeydown = input.onkeyup = function () {
+            var v = input.value,
+                res = [];
+            if (v.length > 1) {
+                for (var i = 0, ii = names.length; i < ii; i++) {
+                    res[i] = {
+                        li: names[i].li,
+                        weight: score(names[i].text, v)
+                    };
+                }
+                res.sort(function (a, b) {
+                    return b.weight - a.weight;
+                });
+                for (i = 0, ii = res.length; i < ii; i++) {
+                    ol.appendChild(res[i].li);
+                }
+            } else {
+                for (i = 0, ii = names.length; i < ii; i++) {
+                    ol.appendChild(names[i].li);
+                }
+            }
+        };
+    })(document.getElementById("dr-toc"));
+    
+    function prepare(id) {
+        var div = document.getElementById(id);
+        div.style.cssText = "float:right;padding:10px;width:99px;height:99px;background:#2C53B0 url(http://raphaeljs.com/blueprint-min.png) no-repeat";
+        return Raphael(div, 99, 99);
+    }
+    
+    var line = {
+            stroke: "#fff",
+            "stroke-width": 2,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+        },
+        dots = {
+            stroke: "#fff",
+            "stroke-width": 2,
+            "stroke-dasharray": "- ",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+        },
+        fill = {
+            stroke: "#fff",
+            fill: "#fff",
+            "fill-opacity": .5,
+            "stroke-width": 2,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+        },
+        none = {
+            fill: "#000",
+            opacity: 0
+        };
+    prepare("Paper.path-extra").path("M10,10R90,50 10,90").attr(line);
+    
+    (function (r) {
+        var there;
+        r.circle(15, 15, 10).attr(fill).click(function () {
+            var clr = Raphael.hsb(Math.random(), .6, 1);
+            this.animate(there ? {
+                cx: 15,
+                cy: 15,
+                r: 10,
+                stroke: "#fff",
+                fill: "#fff"
+            } : {
+                cx: 80,
+                cy: 80,
+                r: 15,
+                stroke: clr,
+                fill: clr
+            }, 600, ["bounce", "<>", "elastic", ""][Math.round(Math.random() * 3)]);
+            there = !there;
+        });
+    })(prepare("Element.animate-extra"));
+
+    (function (r) {
+        var x, y;
+        r.circle(15, 15, 10).attr(fill).drag(function (dx, dy) {
+            this.attr({
+                cx: Math.min(Math.max(x + dx, 15), 85),
+                cy: Math.min(Math.max(y + dy, 15), 85)
+            });
+        }, function () {
+            x = this.attr("cx");
+            y = this.attr("cy");
+        });
+        
+    })(prepare("Element.drag-extra"));
+
+    (function (r) {
+        var e = r.ellipse(50, 50, 40, 30).attr(fill).click(function () {
+                this.animate({
+                    transform: "r180"
+                }, 1000, function () {
+                    this.attr({
+                        transform: ""
+                    });
+                });
+            }),
+            bb = r.rect().attr(e.getBBox()).attr(dots);
+        eve.on("anim.frame." + e.id, function (anim) {
+            bb.attr(e.getBBox());
+        });
+    })(prepare("Element.getBBox-extra"));
+
+    (function (r) {
+        var e = r.path("M10,10R20,70 30,40 40,80 50,10 60,50 70,20 80,30 90,90").attr(line),
+            l = e.getTotalLength(),
+            to = 1;
+        r.customAttributes.along = function (a) {
+            var p = e.getPointAtLength(a * l);
+            return {
+                transform: "t" + [p.x, p.y] + "r" + p.alpha
+            };
+        };
+        var c = r.ellipse(0, 0, 5, 2).attr({
+            along: 0
+        }).attr(line);
+        r.rect(0, 0, 100, 100).attr(none).click(function () {
+            c.stop().animate({
+                along: to
+            }, 5000);
+            to = +!to;
+        });
+    })(prepare("Element.getPointAtLength-extra"));
+
+    (function (r) {
+        var e = r.path("M10,10R20,70 30,40 40,80 50,10 60,50 70,20 80,30 90,90").attr(line),
+            l = e.getTotalLength() - 10,
+            to = 1;
+        r.customAttributes.along = function (a) {
+            return {
+                path: e.getSubpath(a * l, a * l + 11)
+            };
+        };
+        var c = r.path().attr(line).attr({
+            along: 0,
+            stroke: "#f00",
+            "stroke-width": 3
+        });
+        r.rect(0, 0, 100, 100).attr(none).click(function () {
+            c.stop().animate({
+                along: to
+            }, 5000);
+            to = +!to;
+        });
+    })(prepare("Element.getSubpath-extra"));
+
+    (function (r) {
+        r.circle(50, 50, 40).attr(line).glow({color: "#fff"});
+    })(prepare("Element.glow-extra"));
+
+    (function (r) {
+        r.rect(10, 10, 40, 30).attr(dots);
+        r.rect(10, 10, 40, 30).attr(line).transform("r-30, 50, 10t10, 20s1.5");
+        r.text(50, 90, "r-30, 50, 10\nt10, 20s1.5").attr({fill: "#fff"});
+    })(prepare("Element.transform-extra"));
+
+    (function (r) {
+        r.circle(50, 50, 40).attr(line);
+    })(prepare("Paper.circle-extra"));
+
+    (function (r) {
+        r.ellipse(50, 50, 40, 30).attr(line);
+    })(prepare("Paper.ellipse-extra"));
+
+    (function (r) {
+        r.rect(10, 10, 50, 50).attr(line);
+        r.rect(40, 40, 50, 50, 10).attr(line);
+    })(prepare("Paper.rect-extra"));
+
+    (function (r) {
+        var set = r.set(
+            r.rect(10, 10, 50, 50).attr(fill),
+            r.rect(40, 40, 50, 50, 10).attr(fill)
+        ).hover(function () {
+            set.stop().animate({stroke: "#f00"}, 600, "<>");
+        }, function () {
+            set.stop().animate({stroke: "#fff"}, 600, "<>");
+        });
+    })(prepare("Paper.set-extra"));
+
+    (function (r) {
+        r.text(50, 50, "Raphaël\nkicks\nbutt!").attr({
+            fill: "#fff",
+            font: "italic 20px Georgia",
+            transform: "r-10"
+        });
+    })(prepare("Paper.text-extra"));
+
+});

metadata

@@ -1,87 +1,64 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: raphael-rails
-version: !ruby/object:Gem::Version 
-  hash: 7
-  prerelease: false
-  segments: 
-  - 1
-  - 5
-  - 2
-  version: 1.5.2
+version: !ruby/object:Gem::Version
+  version: 2.1.0
+  prerelease: 
 platform: ruby
-authors: 
+authors:
 - Dmitry Baranovskiy
 - Ben Poweski
+- Robert Fletcher
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2011-05-22 00:00:00 -05:00
-default_executable: 
+date: 2012-03-26 00:00:00.000000000 Z
 dependencies: []
-
 description: Raphael JS as a Rubygem for use in the Rails asset pipeline
-email: 
+email:
 - bpoweski@3factors.com
 executables: []
-
 extensions: []
-
 extra_rdoc_files: []
-
-files: 
+files:
 - README.md
 - license.txt
 - Rakefile
 - Gemfile
-- lib/raphael-rails/version.rb
 - lib/raphael-rails.rb
-- vendor/assets/javascripts/plugins/colorpicker.js
-- vendor/assets/javascripts/plugins/colorwheel.js
-- vendor/assets/javascripts/plugins/jquery.colorpicker.js
-- vendor/assets/javascripts/plugins/jquery.colorwheel.js
-- vendor/assets/javascripts/plugins/raphael.blur.js
-- vendor/assets/javascripts/plugins/raphael.path.methods.js
-- vendor/assets/javascripts/plugins/raphael.primitives.js
-- vendor/assets/javascripts/plugins/raphael.shadow.js
-- vendor/assets/javascripts/raphael-min.js
+- lib/raphael-rails/version.rb
 - vendor/assets/javascripts/raphael.js
-- vendor/assets/javascripts/test/image/raphael.png
-- vendor/assets/javascripts/test/integration.html
-- vendor/assets/javascripts/test/vendor/jquery.js
-has_rdoc: true
+- vendor/assets/javascripts/history.md
+- vendor/assets/javascripts/reference.js
+- vendor/assets/javascripts/raphael.svg.js
+- vendor/assets/javascripts/raphael.core.js
+- vendor/assets/javascripts/make
+- vendor/assets/javascripts/license.txt
+- vendor/assets/javascripts/raphael-min.js
+- vendor/assets/javascripts/reference.html
+- vendor/assets/javascripts/README.markdown
+- vendor/assets/javascripts/raphael.vml.js
 homepage: http://github.com/bpoweski/raphael-rails
 licenses: []
-
 post_install_message: 
 rdoc_options: []
-
-require_paths: 
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
+required_ruby_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
 requirements: []
-
 rubyforge_project: 
-rubygems_version: 1.3.7
+rubygems_version: 1.8.17
 signing_key: 
 specification_version: 3
 summary: Raphael JS as a Rubygem
 test_files: []
-

data/vendor/assets/javascripts/plugins/colorpicker.js

@@ -1,259 +0,0 @@
-/*!
- * Color Picker 0.1.0 - Raphael plugin
- *
- * Copyright (c) 2010 Dmitry Baranovskiy (http://raphaeljs.com)
- * Based on Color Wheel (http://jweir.github.com/colorwheel) by John Weir (http://famedriver.com)
- * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
- */
- 
- /*
-  * Usage
-  * var cp = Raphael.colorpicker(x, y, size, "#fff"); // #fff is optional init color
-  * cp.color(); // returns "#fff"
-  * cp.color("#fc0"); // sets new color
-  * cp.onchange = function (color) {
-  *    // do something with the color when user change it
-  * }
-  * cp.remove(); // removes widget
-  */
-(function (Raphael) {
-    Raphael.colorpicker = function (x, y, size, initcolor, element) {
-        return new ColorPicker(x, y, size, initcolor, element);
-    };
-    Raphael.fn.colorPickerIcon = function (x, y, r) {
-        var segments = pi * r * 2 / Math.min(r / 8, 4);
-        var a = pi / 2 - pi * 2 / segments * 1.5,
-            path = ["M", x, y - r, "A", r, r, 0, 0, 1, r * Math.cos(a) + x, y - r * Math.sin(a), "L", x, y, "z"].join();
-        for (var i = 0; i < segments; i++) {
-            this.path(path).attr({
-                stroke: "none",
-                fill: "hsb(" + (segments - i) * (255 / segments) + ", 255, 255)",
-                rotation: [90 + (360 / segments) * i, x, y]
-            });
-        }
-        return this.circle(x, y, r).attr({
-            fill: "r#fff-#fff",
-            "fill-opacity": 0,
-            "stroke-width": Math.round(r * .03),
-            stroke: "#fff"
-        });
-    };
-    var pi = Math.PI;
-    function angle(x, y) {
-        return (x < 0) * 180 + Math.atan(-y / -x) * 180 / pi;
-    }
-    var doc = document, win = window,
-        addEvent = (function () {
-        if (doc.addEventListener) {
-            return function (obj, type, fn, element) {
-                var f = function (e) {
-                    return fn.call(element, e);
-                };
-                obj.addEventListener(type, f, false);
-                return function () {
-                    obj.removeEventListener(type, f, false);
-                    return true;
-                };
-            };
-        } else if (doc.attachEvent) {
-            return function (obj, type, fn, element) {
-                var f = function (e) {
-                    return fn.call(element, e || win.event);
-                };
-                obj.attachEvent("on" + type, f);
-                var detacher = function () {
-                    obj.detachEvent("on" + type, f);
-                    return true;
-                };
-                return detacher;
-            };
-        }
-    })(),
-        ColorPicker = function (x, y, size, initcolor, element) {
-            size = size || 200;
-            var w3 = 3 * size / 200,
-                w1 = size / 200,
-                fi = 1.6180339887,
-                size20 = size / 20,
-                size2 = size / 2,
-                padding = 2 * size / 200,
-                height = size + size20 * 2 + padding * 3,
-                t = this,
-                H = 1, S = 1, B = 1, s = size - (size20 * 4),
-                r = element ? Raphael(element, size, height) : Raphael(x, y, size, height),
-                xy = s / 6 + size20 * 2 + padding,
-                wh = s * 2 / 3 - padding * 2;
-            w1 < 1 && (w1 = 1);
-            w3 < 1 && (w3 = 1);
-
-
-            r.colorPickerIcon(size2, size2, size2 - padding);
-
-            t.cursor = r.set();
-            t.cursor.push(r.circle(size2, size2, size20 / 2).attr({
-                stroke: "#000",
-                opacity: .5,
-                "stroke-width": w3
-            }));
-            t.cursor.push(t.cursor[0].clone().attr({
-                stroke: "#fff",
-                opacity: 1,
-                "stroke-width": w1
-            }));
-            t.disc = r.circle(size2, size2, size2 - padding).attr({
-                fill: "#000",
-                "fill-opacity": 0,
-                stroke: "none",
-                cursor: "crosshair"
-            });
-            var style = t.disc.node.style;
-            style.unselectable = "on";
-            style.MozUserSelect =  "none";
-            style.WebkitUserSelect= "none";
-
-            // brightness drawing
-            var h = size20 * 2 + 2;
-            t.brect = r.rect(padding + h / fi / 2, size + padding * 2, size - padding * 2 - h / fi, h - padding * 2).attr({
-                stroke: "#fff",
-                fill: "180-#fff-#000"
-            });
-            t.cursorb = r.set();
-            t.cursorb.push(r.rect(size - padding - h / fi, size + padding, ~~(h / fi), h, w3).attr({
-                stroke: "#000",
-                opacity: .5,
-                "stroke-width": w3
-            }));
-            t.cursorb.push(t.cursorb[0].clone().attr({
-                stroke: "#fff",
-                opacity: 1,
-                "stroke-width": w1
-            }));
-            t.btop = t.brect.clone().attr({
-                stroke: "#000",
-                fill: "#000",
-                opacity: 0
-            });
-            style = t.btop.node.style;
-            style.unselectable = "on";
-            style.MozUserSelect =  "none";
-            style.WebkitUserSelect= "none";
-        
-            t.bwidth = ~~(h / fi) / 2;
-            t.minx = padding + t.bwidth;
-            t.maxx = size - h / fi - padding + t.bwidth;
-
-            t.H = t.S = t.B = 1;
-            t.padding = padding;
-            t.raphael = r;
-            t.size2 = size2;
-            t.size20 = size20;
-            t.x = x;
-            t.y = y;
-
-            // events
-            t.hson = addEvent(t.disc.node, "mousedown", function (e) {
-                var scrollY = doc.documentElement.scrollTop || doc.body.scrollTop,
-                    scrollX = doc.documentElement.scrollLeft || doc.body.scrollLeft;
-                this.hsOnTheMove = true;
-                this.setHS(e.clientX + scrollX - this.x, e.clientY + scrollY - this.y);
-                this.docmove = addEvent(doc, "mousemove", this.docOnMove, this);
-                this.docup = addEvent(doc, "mouseup", this.docOnUp, this);
-            }, t);
-            t.bon = addEvent(t.btop.node, "mousedown", function (e) {
-                var scrollX = doc.documentElement.scrollLeft || doc.body.scrollLeft;
-                this.bOnTheMove = true;
-                this.setB(e.clientX + scrollX - this.x);
-                this.docmove = addEvent(doc, "mousemove", this.docOnMove, this);
-                this.docup = addEvent(doc, "mouseup", this.docOnUp, this);
-            }, t);
-            t.winunload = addEvent(win, "unload", function () {
-                this.hson();
-                this.bon();
-                this.docmove && this.docmove();
-                this.docup && this.docup();
-                this.winunload();
-            }, t);
-
-            t.color(initcolor || "#fff");
-            this.onchanged && this.onchanged(this.color());
-        };
-    ColorPicker.prototype.setB = function (x) {
-        x < this.minx && (x = this.minx);
-        x > this.maxx && (x = this.maxx);
-        this.cursorb.attr({x: x - this.bwidth});
-        this.B = (x - this.minx) / (this.maxx - this.minx);
-        this.onchange && this.onchange(this.color());
-    };
-    ColorPicker.prototype.setHS = function (x, y) {
-        var X = x - this.size2,
-            Y = y - this.size2,
-            R = this.size2 - this.size20 / 2 - this.padding,
-            d = angle(X, Y),
-            rd = d * pi / 180;
-        isNaN(d) && (d = 0);
-        if (X * X + Y * Y > R * R) {
-            x = R * Math.cos(rd) + this.size2;
-            y = R * Math.sin(rd) + this.size2;
-        }
-        this.cursor.attr({cx: x, cy: y});
-        this.H = (1 - d / 360) % 1;
-        this.S = Math.min((X * X + Y * Y) / R / R, 1);
-        this.brect.attr({fill: "180-hsb(" + [this.H, this.S] + ",1)-#000"});
-        this.onchange && this.onchange(this.color());
-    };
-    ColorPicker.prototype.docOnMove = function (e) {
-        var scrollY = doc.documentElement.scrollTop || doc.body.scrollTop,
-            scrollX = doc.documentElement.scrollLeft || doc.body.scrollLeft;
-        if (this.hsOnTheMove) {
-            this.setHS(e.clientX + scrollX - this.x, e.clientY + scrollY - this.y);
-        }
-        if (this.bOnTheMove) {
-            this.setB(e.clientX + scrollX - this.x);
-        }
-        e.preventDefault && e.preventDefault();
-        e.returnValue = false;
-        return false;
-    };
-    ColorPicker.prototype.docOnUp = function (e) {
-        this.hsOnTheMove = this.bOnTheMove = false;
-        this.docmove();
-        delete this.docmove;
-        this.docup();
-        delete this.docup;
-        this.onchanged && this.onchanged(this.color());
-        e.preventDefault && e.preventDefault();
-        e.stopPropagation && e.stopPropagation();
-        e.returnValue = false;
-        return false;
-    };
-    ColorPicker.prototype.remove = function () {
-        this.raphael.remove();
-        this.color = function () {
-            return false;
-        };
-    };
-    ColorPicker.prototype.color = function (color) {
-        if (color) {
-            color = Raphael.getRGB(color);
-            var hex = color.hex;
-            color = Raphael.rgb2hsb(color.r, color.g, color.b);
-            d = color.h * 360;
-            this.H = color.h;
-            this.S = color.s;
-            this.B = color.b;
-
-            this.cursorb.attr({x: this.B * (this.maxx - this.minx) + this.minx - this.bwidth});
-            this.brect.attr({fill: "180-hsb(" + [this.H, this.S] + ",1)-#000"});
-
-            var d = (1 - this.H) * 360,
-                rd = d * pi / 180,
-                R = (this.size2 - this.size20 / 2 - this.padding) * this.S,
-                x = Math.cos(rd) * R + this.size2,
-                y = Math.sin(rd) * R + this.size2;
-            this.cursor.attr({cx: x, cy: y});
-            return this;
-        } else {
-            return Raphael.hsb2rgb(this.H, this.S, this.B).hex;
-        }
-    };
-})(window.Raphael);