zeroclipboard-rails 0.0.2 → 0.0.3

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    NzJiMzUyODU5OTUxMDVjNzI5N2MyNTUyOWJiZTI5ZGUzMDdkYzRkYg==
+  data.tar.gz: !binary |-
+    MTBkNmMxN2NkZGRkMmQ1MWVlOWFlZjkyM2M3NmI0Nzg4Njk4YTZmMQ==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    YjEwNDhlM2E0ZWJiY2E5YTgzNDk3NzRmZmIyOTM5ODUzNDYzOGUyZTE5MmZh
+    OTk1ZTFlZGY2ZmQ4YjM4MTQwNWYxOTRkNTQ5OTQ3NDgzM2ZiNmFkYTU3MjE4
+    ZDhhNzc2YzAzZTlmZjBjYWZjNDA2YTljNTU5YmRjNjI3Njg4YzA=
+  data.tar.gz: !binary |-
+    MGE5NjBmYmYxOWZkMTQzMjEzOWJhM2RiYmJlNjJlNjI0MDcwZTg3OWVhNDRj
+    ZTE5Njc0ZTA0Y2NhMTY0M2U5ZmVjMmYxZmMzOGYyNDUyZjRhMjJhMmMyNmZk
+    NjdiMDMzZmY4OTJlMzVlMTFmMmYwOWZkYTc4NDNjYTUyYWI3OGQ=

data/README.md

@@ -1,121 +1,94 @@
 # Zeroclipboard::Rails
 
-Adds the Zeroclipboard libary to your Rails 3.x app.
-If you would like to use JQuery try the zClip libary instead.
+Add the [ZeroClipboard](https://github.com/jonrohan/ZeroClipboard) libary to your Rails app
 
-## Installation
+## Setup
 
-Add this line to your application's Gemfile:
+Add this line to your application's `Gemfile`:
 
-    gem 'zeroclipboard-rails'
+```ruby
+gem 'zeroclipboard-rails'
+```
 
-And then execute:
+Then execute:
 
-    $ bundle
+```bash
+$ bundle
+```
 
-Add this line to your application.js file:
+Add this line to your `app/assets/javascripts/application.js` file:
 
-    //= require zero-clipboard
+```javascript
+//= require zeroclipboard
+```
 
 ## Usage
 
-### Clients
-
-Now you are ready to create one or more Clients. A client is a single instance of the clipboard library on the page, linked to a particular button or other DOM element. You probably only need a single instance, but if you have multiple copy-to-clipboard buttons on your page, potentially containing different text, you can activate an instance for each. Here is how to create a client instance:
-
-    var clip = new ZeroClipboard.Client();
-
-Next, you can set some options.
-
-### Setting Options
-
-Once you have your client instance, you can set some options. These include setting the initial text to be copied, amongst other things. The following subsections describe all the available options you can set.
-
-### Text To Copy
-
-This function allows you to set the text to be copied to the clipboard, once the user clicks on the control. You can call this function at any time; when the page first loads, or later in an onMouseOver or onMouseDown handler. Example:
-
-    clip.setText( "Copy me!" );
-
-### Hand Cursor
-
-This setting controls whether the "hand" or "arrow" cursor is shown when the mouse hovers over the Flash movie. Here is an example:
-
-    clip.setHandCursor( true );
-
-The only values accepted are true (show "hand" cursor), or false (show "arrow" cursor). The default is true. You can set this option at any time.
-
-### Gluing
-
-Gluing refers to the process of "linking" the Flash movie to a DOM element on the page. Meaning, the library will automatically generate a movie that is the exact size of the DOM element, and float it just above the element. Since the Flash movie is completely transparent, the user sees nothing out of the ordinary.
-
-The Flash movie receives the click event and copies the current text (last set with setText()) to the clipboard (a requirement of Flash Player 10 is that a user click event inside the movie must initiate the thread that interacts with the clipboard). Also, mouse actions like hovering and mouse-down generate events that you can capture (see Event Handlers below) and set CSS classes on your DOM element too (see CSS Effects below).
-
-Here is how to glue your clip library instance to a DOM element:
-
-     clip.glue( 'd_clip_button' );
-
-You can pass in a DOM element ID (as shown above), or a reference to the actual DOM element object itself. The rest all happens automatically -- the movie is created, all your options set, and it is floated above the element, awaiting clicks from the user.
-
-The glue system is an optional implementation. If you would prefer to handle your own implementation of the Flash movie, see Custom Implementation below.
-
-### Recommended Implementation
-
-It is highly recommended you create a "container" DIV element around your button, set its CSS "position" to "relative", and place your button just inside. Then, pass two arguments to glue(), your button DOM element or ID, and the container DOM element or ID. This way Zero Clipboard can position the floating Flash movie relative to the container DIV (not the page body), resulting in much more exact positioning. Example (HTML):
-
-    <div id="d_clip_container" style="position:relative">
-      <div id="d_clip_button">Copy to Clipboard</div>
-    </div>
-
-And the code:
-
-    clip.glue( 'd_clip_button', 'd_clip_container' );
-
-Note that gluing to a container element does not work with the reposition() method (see next section).
-
-
-For all usage options please visit the [zeroclipboard doc page](http://code.google.com/p/zeroclipboard/wiki/Instructions)
-
-## Browser Support
-
-The Zero Clipboard Library has been tested on the following browsers / platforms:
-
-<table>
-    <tr>
-      <td> <strong>Browser</strong></td>
-      <td> <strong>Windows XP SP3</strong></td>
-      <td> <strong>Windows Vista</strong></td>
-      <td> <strong>Mac OS X Leopard</strong></td>
-    </tr> 
-    <tr>
-      <td> Internet Exploder </td>
-      <td> 7.0 </td>
-      <td> 7.0 </td>
-      <td> - </td>
-    </tr> <tr>
-      <td> Firefox </td>
-      <td> 3.0 </td>
-      <td> 3.0 </td>
-      <td> 3.0 </td>
-    </tr> <tr>
-      <td> Safari </td>
-      <td> - </td>
-      <td> - </td>
-      <td> 3.0 </td>
-    </tr> <tr>
-      <td> Google Chrome </td>
-      <td> 1.0 </td>
-      <td> 1.0 </td>
-      <td> - </td>
-    </tr> 
-</table>
-
-Adobe Flash Flash Player versions 9 and 10 are supported.
-
-### Credits
-
-Thanks to Joseph Huckaby and all the [contributers](http://code.google.com/u/100866768200529838600/)!
-
+For usage information, browser support  see the [ZeroClipboard documentation](https://github.com/jonrohan/ZeroClipboard/blob/master/docs/instructions.md). The 'Setup' section can be skipped as this is covered by the Rails-specific instructions provided above.
+
+## Example (HTML, ERB)
+
+Place the following in a plain HTML or ERB view file:
+
+```html
+<div class='demo-area'>
+  <button class='my_clip_button' data-clipboard-target='fe_text' data-clipboard-text='Default clipboard text from attribute' id='d_clip_button' title='Click me to copy to clipboard.'>
+    <b>Copy To Clipboard...</b>
+  </button>
+  <h4>
+    <label for='fe_text'>Change Copy Text Here</label>
+  </h4>
+  <textarea cols='50' id='fe_text' rows='3'>Copy me!</textarea>
+  <h4>
+    <label for='testarea'>Paste Text Here</label>
+  </h4>
+  <textarea cols='50' id='testarea' rows='3'></textarea>
+  <p>
+    <button id='clear-test'>Clear Test Area</button>
+  </p>
+</div>
+<script>
+  $(document).ready(function() {
+    var clip = new ZeroClipboard($("#d_clip_button"))
+  });
+
+  $("#clear-test").on("click", function(){
+    $("#fe_text").val("Copy me!");
+    $("#testarea").val("");
+  });
+</script>
+```
+
+## Example (HAML)
+
+Place the following in a [Haml](http://haml.info/) view file:
+
+```haml
+.demo-area
+  %button#d_clip_button.my_clip_button{"data-clipboard-target" => "fe_text", "data-clipboard-text" => "Default clipboard text from attribute", :title => "Click me to copy to clipboard."}
+    %b Copy To Clipboard...
+  %h4
+    %label{:for => "fe_text"} Change Copy Text Here
+  %textarea#fe_text{:cols => "50", :rows => "3"} Copy me!
+  %h4
+    %label{:for => "testarea"} Paste Text Here
+  %textarea#testarea{:cols => "50", :rows => "3"}
+  %p
+    %button#clear-test Clear Test Area
+:javascript
+  $(document).ready(function() {
+    var clip = new ZeroClipboard($("#d_clip_button"))
+  });
+
+  $("#clear-test").on("click", function(){
+    $("#fe_text").val("Copy me!");
+    $("#testarea").val("");
+  });
+```
+
+## Credits
+
+Credits entirely to the team behind [ZeroClipboard](https://github.com/jonrohan/ZeroClipboard)
 
 ## Contributing
 

data/lib/zeroclipboard-rails/version.rb

@@ -1,5 +1,5 @@
 module Zeroclipboard
   module Rails
-    VERSION = "0.0.2"
+    VERSION = "0.0.3"
   end
 end

data/vendor/assets/javascripts/zeroclipboard.js

@@ -0,0 +1,2 @@
+//= require "./zeroclipboard/ZeroClipboard"
+//= require "./zeroclipboard/asset-path"

data/vendor/assets/javascripts/zeroclipboard/ZeroClipboard.js

@@ -0,0 +1,383 @@
+/*!
+ * zeroclipboard
+ * The Zero Clipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie, and a JavaScript interface.
+ * Copyright 2012 Jon Rohan, James M. Greene, .
+ * Released under the MIT license
+ * http://jonrohan.github.com/ZeroClipboard/
+ * v1.1.7
+ */(function() {
+  "use strict";
+  var _getStyle = function(el, prop) {
+    var y = el.style[prop];
+    if (el.currentStyle) y = el.currentStyle[prop]; else if (window.getComputedStyle) y = document.defaultView.getComputedStyle(el, null).getPropertyValue(prop);
+    if (y == "auto" && prop == "cursor") {
+      var possiblePointers = [ "a" ];
+      for (var i = 0; i < possiblePointers.length; i++) {
+        if (el.tagName.toLowerCase() == possiblePointers[i]) {
+          return "pointer";
+        }
+      }
+    }
+    return y;
+  };
+  var _getZoom = function(obj) {
+    var zoom = 1;
+    if(RegExp(' AppleWebKit/').test(navigator.userAgent)){
+    while(obj)
+    {
+        zoom = zoom * _getStyle(obj,'zoom');
+        obj = obj.offsetParent;
+    }
+    }
+    return zoom;
+  };
+  var _elementMouseOver = function(event) {
+    if (!ZeroClipboard.prototype._singleton) return;
+    if (!event) {
+      event = window.event;
+    }
+    var target;
+    if (this !== window) {
+      target = this;
+    } else if (event.target) {
+      target = event.target;
+    } else if (event.srcElement) {
+      target = event.srcElement;
+    }
+    ZeroClipboard.prototype._singleton.setCurrent(target);
+  };
+  var _addEventHandler = function(element, method, func) {
+    if (element.addEventListener) {
+      element.addEventListener(method, func, false);
+    } else if (element.attachEvent) {
+      element.attachEvent("on" + method, func);
+    }
+  };
+  var _removeEventHandler = function(element, method, func) {
+    if (element.removeEventListener) {
+      element.removeEventListener(method, func, false);
+    } else if (element.detachEvent) {
+      element.detachEvent("on" + method, func);
+    }
+  };
+  var _addClass = function(element, value) {
+    if (element.addClass) {
+      element.addClass(value);
+      return element;
+    }
+    if (value && typeof value === "string") {
+      var classNames = (value || "").split(/\s+/);
+      if (element.nodeType === 1) {
+        if (!element.className) {
+          element.className = value;
+        } else {
+          var className = " " + element.className + " ", setClass = element.className;
+          for (var c = 0, cl = classNames.length; c < cl; c++) {
+            if (className.indexOf(" " + classNames[c] + " ") < 0) {
+              setClass += " " + classNames[c];
+            }
+          }
+          element.className = setClass.replace(/^\s+|\s+$/g, "");
+        }
+      }
+    }
+    return element;
+  };
+  var _removeClass = function(element, value) {
+    if (element.removeClass) {
+      element.removeClass(value);
+      return element;
+    }
+    if (value && typeof value === "string" || value === undefined) {
+      var classNames = (value || "").split(/\s+/);
+      if (element.nodeType === 1 && element.className) {
+        if (value) {
+          var className = (" " + element.className + " ").replace(/[\n\t]/g, " ");
+          for (var c = 0, cl = classNames.length; c < cl; c++) {
+            className = className.replace(" " + classNames[c] + " ", " ");
+          }
+          element.className = className.replace(/^\s+|\s+$/g, "");
+        } else {
+          element.className = "";
+        }
+      }
+    }
+    return element;
+  };
+  var _getDOMObjectPosition = function(obj) {
+    var info = {
+      left: 0,
+      top: 0,
+      width: obj.width || obj.offsetWidth || 0,
+      height: obj.height || obj.offsetHeight || 0,
+      zIndex: 9999
+    };
+    var zi = _getStyle(obj, "zIndex");
+    if (zi && zi != "auto") {
+      info.zIndex = parseInt(zi, 10);
+    }
+    if (typeof obj.getBoundingClientRect !== "undefined") {
+      var rect = obj.getBoundingClientRect();
+      var pageXOffset = window.pageXOffset || document.documentElement.scrollLeft || 0;
+      var pageYOffset = window.pageYOffset || document.documentElement.scrollTop || 0;
+      var leftBorderWidth = document.documentElement.clientLeft || 0;
+      var topBorderWidth = document.documentElement.clientTop || 0;
+      var zoom = _getZoom(obj);
+      info.width = rect.width * zoom;
+      info.height = rect.height * zoom;
+      info.left = (rect.left + pageXOffset - leftBorderWidth) * zoom;
+      info.top = (rect.top + pageYOffset - topBorderWidth) * zoom;
+      return info;
+    }
+    while (obj) {
+      var borderLeftWidth = parseInt(_getStyle(obj, "borderLeftWidth"), 10);
+      var borderTopWidth = parseInt(_getStyle(obj, "borderTopWidth"), 10);
+      info.left += isNaN(obj.offsetLeft) ? 0 : obj.offsetLeft;
+      info.left += isNaN(borderLeftWidth) ? 0 : borderLeftWidth;
+      info.top += isNaN(obj.offsetTop) ? 0 : obj.offsetTop;
+      info.top += isNaN(borderTopWidth) ? 0 : borderTopWidth;
+      obj = obj.offsetParent;
+    }
+    return info;
+  };
+  var _noCache = function(path) {
+    return (path.indexOf("?") >= 0 ? "&" : "?") + "nocache=" + (new Date).getTime();
+  };
+  var _vars = function(options) {
+    var str = [];
+    if (options.trustedDomains) {
+      if (typeof options.trustedDomains === "string") {
+        str.push("trustedDomain=" + options.trustedDomains);
+      } else {
+        str.push("trustedDomain=" + options.trustedDomains.join(","));
+      }
+    }
+    return str.join("&");
+  };
+  var _inArray = function(elem, array) {
+    if (array.indexOf) {
+      return array.indexOf(elem);
+    }
+    for (var i = 0, length = array.length; i < length; i++) {
+      if (array[i] === elem) {
+        return i;
+      }
+    }
+    return -1;
+  };
+  var _prepGlue = function(elements) {
+    if (typeof elements === "string") throw new TypeError("ZeroClipboard doesn't accept query strings.");
+    if (!elements.length) return [ elements ];
+    return elements;
+  };
+  var ZeroClipboard = function(elements, options) {
+    if (elements) (ZeroClipboard.prototype._singleton || this).glue(elements);
+    if (ZeroClipboard.prototype._singleton) return ZeroClipboard.prototype._singleton;
+    ZeroClipboard.prototype._singleton = this;
+    this.options = {};
+    for (var kd in _defaults) this.options[kd] = _defaults[kd];
+    for (var ko in options) this.options[ko] = options[ko];
+    this.handlers = {};
+    if (ZeroClipboard.detectFlashSupport()) _bridge();
+  };
+  var currentElement, gluedElements = [];
+  ZeroClipboard.prototype.setCurrent = function(element) {
+    currentElement = element;
+    this.reposition();
+    if (element.getAttribute("title")) {
+      this.setTitle(element.getAttribute("title"));
+    }
+    this.setHandCursor(_getStyle(element, "cursor") == "pointer");
+  };
+  ZeroClipboard.prototype.setText = function(newText) {
+    if (newText && newText !== "") {
+      this.options.text = newText;
+      if (this.ready()) this.flashBridge.setText(newText);
+    }
+  };
+  ZeroClipboard.prototype.setTitle = function(newTitle) {
+    if (newTitle && newTitle !== "") this.htmlBridge.setAttribute("title", newTitle);
+  };
+  ZeroClipboard.prototype.setSize = function(width, height) {
+    if (this.ready()) this.flashBridge.setSize(width, height);
+  };
+  ZeroClipboard.prototype.setHandCursor = function(enabled) {
+    if (this.ready()) this.flashBridge.setHandCursor(enabled);
+  };
+  ZeroClipboard.version = "1.1.7";
+  var _defaults = {
+    moviePath: "ZeroClipboard.swf",
+    trustedDomains: null,
+    text: null,
+    hoverClass: "zeroclipboard-is-hover",
+    activeClass: "zeroclipboard-is-active",
+    allowScriptAccess: "sameDomain"
+  };
+  ZeroClipboard.setDefaults = function(options) {
+    for (var ko in options) _defaults[ko] = options[ko];
+  };
+  ZeroClipboard.destroy = function() {
+    ZeroClipboard.prototype._singleton.unglue(gluedElements);
+    var bridge = ZeroClipboard.prototype._singleton.htmlBridge;
+    bridge.parentNode.removeChild(bridge);
+    delete ZeroClipboard.prototype._singleton;
+  };
+  ZeroClipboard.detectFlashSupport = function() {
+    var hasFlash = false;
+    try {
+      if (new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) {
+        hasFlash = true;
+      }
+    } catch (error) {
+      if (navigator.mimeTypes["application/x-shockwave-flash"]) {
+        hasFlash = true;
+      }
+    }
+    return hasFlash;
+  };
+  var _bridge = function() {
+    var client = ZeroClipboard.prototype._singleton;
+    var container = document.getElementById("global-zeroclipboard-html-bridge");
+    if (!container) {
+      var html = '      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="global-zeroclipboard-flash-bridge" width="100%" height="100%">         <param name="movie" value="' + client.options.moviePath + _noCache(client.options.moviePath) + '"/>         <param name="allowScriptAccess" value="' + client.options.allowScriptAccess + '"/>         <param name="scale" value="exactfit"/>         <param name="loop" value="false"/>         <param name="menu" value="false"/>         <param name="quality" value="best" />         <param name="bgcolor" value="#ffffff"/>         <param name="wmode" value="transparent"/>         <param name="flashvars" value="' + _vars(client.options) + '"/>         <embed src="' + client.options.moviePath + _noCache(client.options.moviePath) + '"           loop="false" menu="false"           quality="best" bgcolor="#ffffff"           width="100%" height="100%"           name="global-zeroclipboard-flash-bridge"           allowScriptAccess="always"           allowFullScreen="false"           type="application/x-shockwave-flash"           wmode="transparent"           pluginspage="http://www.macromedia.com/go/getflashplayer"           flashvars="' + _vars(client.options) + '"           scale="exactfit">         </embed>       </object>';
+      container = document.createElement("div");
+      container.id = "global-zeroclipboard-html-bridge";
+      container.setAttribute("class", "global-zeroclipboard-container");
+      container.setAttribute("data-clipboard-ready", false);
+      container.style.position = "absolute";
+      container.style.left = "-9999px";
+      container.style.top = "-9999px";
+      container.style.width = "15px";
+      container.style.height = "15px";
+      container.style.zIndex = "9999";
+      container.innerHTML = html;
+      document.body.appendChild(container);
+    }
+    client.htmlBridge = container;
+    client.flashBridge = document["global-zeroclipboard-flash-bridge"] || container.children[0].lastElementChild;
+  };
+  ZeroClipboard.prototype.resetBridge = function() {
+    this.htmlBridge.style.left = "-9999px";
+    this.htmlBridge.style.top = "-9999px";
+    this.htmlBridge.removeAttribute("title");
+    this.htmlBridge.removeAttribute("data-clipboard-text");
+    _removeClass(currentElement, this.options.activeClass);
+    currentElement = null;
+    this.options.text = null;
+  };
+  ZeroClipboard.prototype.ready = function() {
+    var ready = this.htmlBridge.getAttribute("data-clipboard-ready");
+    return ready === "true" || ready === true;
+  };
+  ZeroClipboard.prototype.reposition = function() {
+    if (!currentElement) return false;
+    var pos = _getDOMObjectPosition(currentElement);
+    this.htmlBridge.style.top = pos.top + "px";
+    this.htmlBridge.style.left = pos.left + "px";
+    this.htmlBridge.style.width = pos.width + "px";
+    this.htmlBridge.style.height = pos.height + "px";
+    this.htmlBridge.style.zIndex = pos.zIndex + 1;
+    this.setSize(pos.width, pos.height);
+  };
+  ZeroClipboard.dispatch = function(eventName, args) {
+    ZeroClipboard.prototype._singleton.receiveEvent(eventName, args);
+  };
+  ZeroClipboard.prototype.on = function(eventName, func) {
+    var events = eventName.toString().split(/\s/g);
+    for (var i = 0; i < events.length; i++) {
+      eventName = events[i].toLowerCase().replace(/^on/, "");
+      if (!this.handlers[eventName]) this.handlers[eventName] = func;
+    }
+    if (this.handlers.noflash && !ZeroClipboard.detectFlashSupport()) {
+      this.receiveEvent("onNoFlash", null);
+    }
+  };
+  ZeroClipboard.prototype.addEventListener = ZeroClipboard.prototype.on;
+  ZeroClipboard.prototype.off = function(eventName, func) {
+    var events = eventName.toString().split(/\s/g);
+    for (var i = 0; i < events.length; i++) {
+      eventName = events[i].toLowerCase().replace(/^on/, "");
+      for (var event in this.handlers) {
+        if (event === eventName && this.handlers[event] === func) {
+          delete this.handlers[event];
+        }
+      }
+    }
+  };
+  ZeroClipboard.prototype.removeEventListener = ZeroClipboard.prototype.off;
+  ZeroClipboard.prototype.receiveEvent = function(eventName, args) {
+    eventName = eventName.toString().toLowerCase().replace(/^on/, "");
+    var element = currentElement;
+    switch (eventName) {
+     case "load":
+      if (args && parseFloat(args.flashVersion.replace(",", ".").replace(/[^0-9\.]/gi, "")) < 10) {
+        this.receiveEvent("onWrongFlash", {
+          flashVersion: args.flashVersion
+        });
+        return;
+      }
+      this.htmlBridge.setAttribute("data-clipboard-ready", true);
+      break;
+     case "mouseover":
+      _addClass(element, this.options.hoverClass);
+      break;
+     case "mouseout":
+      _removeClass(element, this.options.hoverClass);
+      this.resetBridge();
+      break;
+     case "mousedown":
+      _addClass(element, this.options.activeClass);
+      break;
+     case "mouseup":
+      _removeClass(element, this.options.activeClass);
+      break;
+     case "datarequested":
+      var targetId = element.getAttribute("data-clipboard-target"), targetEl = !targetId ? null : document.getElementById(targetId);
+      if (targetEl) {
+        var textContent = targetEl.value || targetEl.textContent || targetEl.innerText;
+        if (textContent) this.setText(textContent);
+      } else {
+        var defaultText = element.getAttribute("data-clipboard-text");
+        if (defaultText) this.setText(defaultText);
+      }
+      break;
+     case "complete":
+      this.options.text = null;
+      break;
+    }
+    if (this.handlers[eventName]) {
+      var func = this.handlers[eventName];
+      if (typeof func == "function") {
+        func.call(element, this, args);
+      } else if (typeof func == "string") {
+        window[func].call(element, this, args);
+      }
+    }
+  };
+  ZeroClipboard.prototype.glue = function(elements) {
+    elements = _prepGlue(elements);
+    for (var i = 0; i < elements.length; i++) {
+      if (_inArray(elements[i], gluedElements) == -1) {
+        gluedElements.push(elements[i]);
+        _addEventHandler(elements[i], "mouseover", _elementMouseOver);
+      }
+    }
+  };
+  ZeroClipboard.prototype.unglue = function(elements) {
+    elements = _prepGlue(elements);
+    for (var i = 0; i < elements.length; i++) {
+      _removeEventHandler(elements[i], "mouseover", _elementMouseOver);
+      var arrayIndex = _inArray(elements[i], gluedElements);
+      if (arrayIndex != -1) gluedElements.splice(arrayIndex, 1);
+    }
+  };
+  if (typeof module !== "undefined") {
+    module.exports = ZeroClipboard;
+  } else if (typeof define === "function" && define.amd) {
+    define(function() {
+      return ZeroClipboard;
+    });
+  } else {
+    window.ZeroClipboard = ZeroClipboard;
+  }
+})();

data/vendor/assets/javascripts/zeroclipboard/asset-path.js.erb

@@ -0,0 +1 @@
+ZeroClipboard.setDefaults( { moviePath: '<%= asset_path 'ZeroClipboard.swf' %>' }  );

metadata

@@ -1,33 +1,30 @@
 --- !ruby/object:Gem::Specification
 name: zeroclipboard-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.2
-  prerelease: 
+  version: 0.0.3
 platform: ruby
 authors:
 - Henrik Wenz
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-11-07 00:00:00.000000000 Z
+date: 2013-06-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ~>
+    - - ! '>='
       - !ruby/object:Gem::Version
         version: '3.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ~>
+    - - ! '>='
       - !ruby/object:Gem::Version
         version: '3.1'
-description: Adds the Javascript ZeroClipboard libary to Rails 3.x
+description: Adds the Javascript ZeroClipboard libary to Rails
 email:
 - handtrix@gmail.com
 executables: []
@@ -37,34 +34,32 @@ files:
 - lib/zeroclipboard-rails/version.rb
 - lib/zeroclipboard-rails.rb
 - vendor/assets/images/ZeroClipboard.swf
-- vendor/assets/images/ZeroClipboard10.swf
-- vendor/assets/javascripts/zero-clipboard/asset-path.js.erb
-- vendor/assets/javascripts/zero-clipboard/zero-clipboard.js
-- vendor/assets/javascripts/zero-clipboard.js
+- vendor/assets/javascripts/zeroclipboard/asset-path.js.erb
+- vendor/assets/javascripts/zeroclipboard/ZeroClipboard.js
+- vendor/assets/javascripts/zeroclipboard.js
 - LICENSE
 - README.md
 homepage: https://github.com/HaNdTriX/zeroclipboard-rails
 licenses: []
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.24
+rubygems_version: 2.0.3
 signing_key: 
-specification_version: 3
-summary: Adds the Javascript ZeroClipboard libary to Rails 3.x
+specification_version: 4
+summary: Adds the Javascript ZeroClipboard libary to Rails
 test_files: []

data/vendor/assets/javascripts/zero-clipboard.js

@@ -1,2 +0,0 @@
-//= require "./zero-clipboard/zero-clipboard"
-//= require "./zero-clipboard/asset-path"

data/vendor/assets/javascripts/zero-clipboard/asset-path.js.erb

@@ -1 +0,0 @@
-ZeroClipboard.setMoviePath( '<%= asset_path 'ZeroClipboard10.swf' %>' );

data/vendor/assets/javascripts/zero-clipboard/zero-clipboard.js

@@ -1,337 +0,0 @@
-// Simple Set Clipboard System
-// Author: Joseph Huckaby
-
-window.ZeroClipboard = {
-
-  version: "1.0.8",
-  clients: {}, // registered upload clients on page, indexed by id
-  moviePath: 'ZeroClipboard.swf', // URL to movie
-  nextId: 1, // ID of next movie
-
-  $: function(thingy) {
-    // simple DOM lookup utility function
-    if (typeof(thingy) == 'string') thingy = document.getElementById(thingy);
-    if (!thingy.addClass) {
-      // extend element with a few useful methods
-      thingy.hide = function() { this.style.display = 'none'; };
-      thingy.show = function() { this.style.display = ''; };
-      thingy.addClass = function(name) { this.removeClass(name); this.className += ' ' + name; };
-      thingy.removeClass = function(name) {
-        var classes = this.className.split(/\s+/);
-        var idx = -1;
-        for (var k = 0; k < classes.length; k++) {
-          if (classes[k] == name) { idx = k; k = classes.length; }
-        }
-        if (idx > -1) {
-          classes.splice( idx, 1 );
-          this.className = classes.join(' ');
-        }
-        return this;
-      };
-      thingy.hasClass = function(name) {
-        return !!this.className.match( new RegExp("\\s*" + name + "\\s*") );
-      };
-    }
-    return thingy;
-  },
-
-  setMoviePath: function(path) {
-    // set path to ZeroClipboard.swf
-    this.moviePath = path;
-  },
-
-  // use this method in JSNI calls to obtain a new Client instance
-  newClient: function() {
-    return new ZeroClipboard.Client();
-  },
-
-  dispatch: function(id, eventName, args) {
-    // receive event from flash movie, send to client
-    var client = this.clients[id];
-    if (client) {
-      client.receiveEvent(eventName, args);
-    }
-  },
-
-  register: function(id, client) {
-    // register new client to receive events
-    this.clients[id] = client;
-  },
-
-  getDOMObjectPosition: function(obj, stopObj) {
-    // get absolute coordinates for dom element
-    var info = {
-      left: 0,
-      top: 0,
-      width: obj.width ? obj.width : obj.offsetWidth,
-      height: obj.height ? obj.height : obj.offsetHeight
-    };
-
-    while (obj && (obj != stopObj)) {
-      info.left += obj.offsetLeft;
-      info.left += obj.style.borderLeftWidth ? parseInt(obj.style.borderLeftWidth) : 0;
-      info.top += obj.offsetTop;
-      info.top += obj.style.borderTopWidth ? parseInt(obj.style.borderTopWidth) : 0;
-      obj = obj.offsetParent;
-    }
-
-    return info;
-  },
-
-  Client: function(elem) {
-    // constructor for new simple upload client
-    this.handlers = {};
-
-    // unique ID
-    this.id = ZeroClipboard.nextId++;
-    this.movieId = 'ZeroClipboardMovie_' + this.id;
-
-    // register client with singleton to receive flash events
-    ZeroClipboard.register(this.id, this);
-
-    // create movie
-    if (elem) this.glue(elem);
-  }
-};
-
-ZeroClipboard.Client.prototype = {
-
-  id: 0, // unique ID for us
-  title: "",  // tooltip for the flash element
-  ready: false, // whether movie is ready to receive events or not
-  movie: null, // reference to movie object
-  clipText: '', // text to copy to clipboard
-  handCursorEnabled: true, // whether to show hand cursor, or default pointer cursor
-  cssEffects: true, // enable CSS mouse effects on dom container
-  handlers: null, // user event handlers
-  zIndex: 99, // default zIndex of the movie object
-
-  glue: function(elem, appendElem, stylesToAdd) {
-    // glue to DOM element
-    // elem can be ID or actual DOM element object
-    this.domElement = ZeroClipboard.$(elem);
-
-    // float just above object, or default zIndex if dom element isn't set
-    if (this.domElement.style.zIndex) {
-      this.zIndex = parseInt(this.domElement.style.zIndex, 10) + 1;
-    }
-
-    // check if the element has a title
-    if (this.domElement.getAttribute("title") != null) {
-      this.title = this.domElement.getAttribute("title");
-    }
-
-    if (typeof(appendElem) == 'string') {
-      appendElem = ZeroClipboard.$(appendElem);
-    }
-    else if (typeof(appendElem) == 'undefined') {
-      appendElem = document.getElementsByTagName('body')[0];
-    }
-
-    // find X/Y position of domElement
-    var box = ZeroClipboard.getDOMObjectPosition(this.domElement, appendElem);
-
-    // create floating DIV above element
-    this.div = document.createElement('div');
-    var style = this.div.style;
-    style.position = 'absolute';
-    style.left = '' + box.left + 'px';
-    style.top = '' + box.top + 'px';
-    style.width = '' + box.width + 'px';
-    style.height = '' + box.height + 'px';
-    style.zIndex = this.zIndex;
-
-    if (typeof(stylesToAdd) == 'object') {
-      for (var addedStyle in stylesToAdd) {
-        style[addedStyle] = stylesToAdd[addedStyle];
-      }
-    }
-
-    // style.backgroundColor = '#f00'; // debug
-
-    appendElem.appendChild(this.div);
-
-    this.div.innerHTML = this.getHTML( box.width, box.height );
-  },
-
-  getHTML: function(width, height) {
-    // return HTML for movie
-    var html = '';
-    var flashvars = 'id=' + this.id +
-      '&width=' + width +
-      '&height=' + height,
-            title = this.title ? ' title="' + this.title + '"' : '';
-
-    if (navigator.userAgent.match(/MSIE/)) {
-      // IE gets an OBJECT tag
-      var protocol = location.href.match(/^https/i) ? 'https://' : 'http://';
-      html += '<object' + title + ' classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="'+protocol+'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="'+width+'" height="'+height+'" id="'+this.movieId+'"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="false" /><param name="movie" value="'+ZeroClipboard.moviePath+'" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="'+flashvars+'"/><param name="wmode" value="transparent"/></object>';
-    }
-    else {
-      // all other browsers get an EMBED tag
-      html += '<embed' + title + ' id="'+this.movieId+'" src="'+ZeroClipboard.moviePath+'" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="'+width+'" height="'+height+'" name="'+this.movieId+'" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="'+flashvars+'" wmode="transparent" />';
-    }
-    return html;
-  },
-
-  hide: function() {
-    // temporarily hide floater offscreen
-    if (this.div) {
-      this.div.style.left = '-2000px';
-    }
-  },
-
-  show: function() {
-    // show ourselves after a call to hide()
-    this.reposition();
-  },
-
-  destroy: function() {
-    // destroy control and floater
-    if (this.domElement && this.div) {
-      this.hide();
-      this.div.innerHTML = '';
-
-      var body = document.getElementsByTagName('body')[0];
-      try { body.removeChild( this.div ); } catch(e) {}
-
-      this.domElement = null;
-      this.div = null;
-    }
-  },
-
-  reposition: function(elem) {
-    // reposition our floating div, optionally to new container
-    // warning: container CANNOT change size, only position
-    if (elem) {
-      this.domElement = ZeroClipboard.$(elem);
-      if (!this.domElement) this.hide();
-    }
-
-    if (this.domElement && this.div) {
-      var box = ZeroClipboard.getDOMObjectPosition(this.domElement);
-      var style = this.div.style;
-      style.left = '' + box.left + 'px';
-      style.top = '' + box.top + 'px';
-    }
-  },
-
-  setText: function(newText) {
-    // set text to be copied to clipboard
-    this.clipText = newText;
-    if (this.ready) this.movie.setText(newText);
-  },
-
-  setTitle: function(newTitle) {
-    // set title of flash element
-    this.title = newTitle;
-    if (this.ready) this.movie.setTitle(newTitle);
-  },
-
-  addEventListener: function(eventName, func) {
-    // add user event listener for event
-    // event types: load, queueStart, fileStart, fileComplete, queueComplete, progress, error, cancel
-    eventName = eventName.toString().toLowerCase().replace(/^on/, '');
-    if (!this.handlers[eventName]) this.handlers[eventName] = [];
-    this.handlers[eventName].push(func);
-  },
-
-  setHandCursor: function(enabled) {
-    // enable hand cursor (true), or default arrow cursor (false)
-    this.handCursorEnabled = enabled;
-    if (this.ready) this.movie.setHandCursor(enabled);
-  },
-
-  setCSSEffects: function(enabled) {
-    // enable or disable CSS effects on DOM container
-    this.cssEffects = !!enabled;
-  },
-
-  receiveEvent: function(eventName, args) {
-    // receive event from flash
-    eventName = eventName.toString().toLowerCase().replace(/^on/, '');
-
-    // special behavior for certain events
-    switch (eventName) {
-      case 'load':
-        // movie claims it is ready, but in IE this isn't always the case...
-        // bug fix: Cannot extend EMBED DOM elements in Firefox, must use traditional function
-        this.movie = document.getElementById(this.movieId);
-        if (!this.movie) {
-          var self = this;
-          setTimeout( function() { self.receiveEvent('load', null); }, 1 );
-          return;
-        }
-
-        // firefox on pc needs a "kick" in order to set these in certain cases
-        if (!this.ready && navigator.userAgent.match(/Firefox/) && navigator.userAgent.match(/Windows/)) {
-          var self = this;
-          setTimeout( function() { self.receiveEvent('load', null); }, 100 );
-          this.ready = true;
-          return;
-        }
-
-        this.ready = true;
-        this.movie.setText( this.clipText );
-        this.movie.setTitle( this.title );
-        this.movie.setHandCursor( this.handCursorEnabled );
-        break;
-
-      case 'mouseover':
-        if (this.domElement && this.cssEffects) {
-          this.domElement.addClass('hover');
-          if (this.recoverActive) this.domElement.addClass('active');
-        }
-        break;
-
-      case 'mouseout':
-        if (this.domElement && this.cssEffects) {
-          this.recoverActive = false;
-          if (this.domElement.hasClass('active')) {
-            this.domElement.removeClass('active');
-            this.recoverActive = true;
-          }
-          this.domElement.removeClass('hover');
-        }
-        break;
-
-      case 'mousedown':
-        if (this.domElement && this.cssEffects) {
-          this.domElement.addClass('active');
-        }
-        break;
-
-      case 'mouseup':
-        if (this.domElement && this.cssEffects) {
-          this.domElement.removeClass('active');
-          this.recoverActive = false;
-        }
-        break;
-    } // switch eventName
-
-    if (this.handlers[eventName]) {
-      for (var idx = 0, len = this.handlers[eventName].length; idx < len; idx++) {
-        var func = this.handlers[eventName][idx];
-
-        if (typeof(func) == 'function') {
-          // actual function reference
-          func(this, args);
-        }
-        else if ((typeof(func) == 'object') && (func.length == 2)) {
-          // PHP style object + method, i.e. [myObject, 'myMethod']
-          func[0][ func[1] ](this, args);
-        }
-        else if (typeof(func) == 'string') {
-          // name of function
-          window[func](this, args);
-        }
-      } // foreach event handler defined
-    } // user defined handler for event
-  }
-
-};
-
-if (typeof module !== "undefined") {
-  module.exports = ZeroClipboard;
-}
-