RubyGems - polymer-elements-rails - Versions diffs - 1.0.0.pre.rc.1 - Mend

polymer-elements-rails 1.0.0.pre.rc.1

Files changed (973) hide show

data/app/assets/components/iron-signals/README.md ADDED

@@ -0,0 +1,26 @@
+iron-signals
+============
+`iron-signals` provides basic publish-subscribe functionality.
+Note: avoid using `iron-signals` whenever you can use
+a controller (parent element) to mediate communication
+instead.
+To send a signal, fire a custom event of type `iron-signal`, with
+a detail object containing `name` and `data` fields.
+```javascript
+this.fire('iron-signal', {name: 'hello', data: null});
+```
+To receive a signal, listen for `iron-signal-<name>` event on a
+`iron-signals` element.
+```html
+<iron-signals on-iron-signal-hello="{{helloSignal}}">
+```
+You can fire a signal event from anywhere, and all
+`iron-signals` elements will receive the event, regardless
+of where they are in DOM.

data/app/assets/components/iron-signals/bower.json ADDED

@@ -0,0 +1,20 @@
+{
+  "name": "iron-signals",
+  "version": "1.0.1",
+  "description": "Basic publish-subscribe functionality",
+  "keywords": [
+    "web-component",
+    "polymer",
+    "signals"
+  ],
+  "main": "iron-signals.html",
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "homepage": "https://github.com/PolymerElements/iron-signals/",
+  "dependencies": {
+    "polymer": "Polymer/polymer#^1.0.0"
+  },
+  "devDependencies": {
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  }
+}

data/app/assets/components/iron-signals/demo/index.html ADDED

@@ -0,0 +1,40 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+  <head>
+    <title>iron-signals demo</title>
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <link rel="import" href="../iron-signals.html">
+  </head>
+<body>
+    <template id="my-element" is="dom-bind">
+     Hello
+    </template>
+    <template id="my-app" is="dom-bind">
+      <iron-signals on-iron-signal-foo="fooSignal"></iron-signals>
+      <content></content>
+    </template>
+    <script>
+      document.addEventListener("WebComponentsReady", function() {
+        document.querySelector('#my-element').fire('iron-signal', {name: "foo", data: "Foo!"});
+      });
+      document.querySelector("#my-app").fooSignal = function(e, detail, sender) {
+        var div = document.createElement('div');
+        div.innerHTML = '<br>[my-app] got a [' + detail + '] signal<br>';
+        document.body.appendChild(div);
+      };
+    </script>
+  </body>
+</html>

data/app/assets/components/iron-signals/index.html ADDED

@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
+</head>
+<body>
+  <iron-component-page></iron-component-page>
+</body>
+</html>

data/app/assets/components/iron-signals/iron-signals.html ADDED

@@ -0,0 +1,81 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../polymer/polymer.html">
+<script>
+(function(){
+/**
+`iron-signals` provides basic publish-subscribe functionality.
+Note: avoid using `iron-signals` whenever you can use
+a controller (parent element) to mediate communication
+instead.
+To send a signal, fire a custom event of type `iron-signal`, with
+a detail object containing `name` and `data` fields.
+    this.fire('iron-signal', {name: 'hello', data: null});
+To receive a signal, listen for `iron-signal-<name>` event on a
+`iron-signals` element.
+  <iron-signals on-iron-signal-hello="{{helloSignal}}">
+You can fire a signal event from anywhere, and all
+`iron-signals` elements will receive the event, regardless
+of where they are in DOM.
+@demo demo/index.html
+*/
+  Polymer({
+    is: 'iron-signals',
+    attached: function() {
+      signals.push(this);
+    },
+    detached: function() {
+      var i = signals.indexOf(this);
+      if (i >= 0) {
+        signals.splice(i, 1);
+      }
+    }
+  });
+  // private shared database
+  var signals = [];
+  // signal dispatcher
+  function notify(name, data) {
+    // convert generic-signal event to named-signal event
+    var signal = new CustomEvent('iron-signal-' + name, {
+      // if signals bubble, it's easy to get confusing duplicates
+      // (1) listen on a container on behalf of local child
+      // (2) some deep child ignores the event and it bubbles
+      //     up to said container
+      // (3) local child event bubbles up to container
+      // also, for performance, we avoid signals flying up the
+      // tree from all over the place
+      bubbles: false,
+      detail: data
+    });
+    // dispatch named-signal to all 'signals' instances,
+    // only interested listeners will react
+    signals.forEach(function(s) {
+      s.dispatchEvent(signal);
+    });
+  }
+  // signal listener at document
+  document.addEventListener('iron-signal', function(e) {
+    notify(e.detail.name, e.detail.data);
+  });
+})();
+</script>

data/app/assets/components/iron-test-helpers/README.md ADDED

@@ -0,0 +1,23 @@
+# iron-test-helpers
+Utility classes to make testing easier.
+## Mock Interactions
+This is a set of methods to simulate mouse or keyboard interaction with an element. Include `mock-interactions.js` and then use them like so:
+```javascript
+test('can be triggered with space', function(done) {
+  button.addEventListener('keydown', function() {
+    done();
+  });
+  MockInteractions.pressSpace(button);
+});
+test('can be clicked', function(done) {
+  button.addEventListener('click', function() {
+    done();
+  });
+  MockInteractions.down(button);
+});
+```

data/app/assets/components/iron-test-helpers/bower.json ADDED

@@ -0,0 +1,28 @@
+{
+  "name": "iron-test-helpers",
+  "version": "1.0.1",
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "description": "Utility classes to help make testing easier",
+  "keywords": [
+    "web-components",
+    "web-component",
+    "polymer",
+    "test"
+  ],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/iron-test-helpers"
+  },
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "homepage": "https://github.com/PolymerElements/iron-test-helpers",
+  "ignore": [],
+  "dependencies": {
+    "polymer": "Polymer/polymer#^1.0.0"
+  },
+  "devDependencies": {
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  }
+}

data/app/assets/components/iron-test-helpers/iron-test-helpers.html ADDED

@@ -0,0 +1,22 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<script src="mock-interactions.js"></script>
+<script src="test-helpers.js"></script>
+<script>
+  (function(global) {
+    'use strict';
+    var TestHelpers = global.TestHelpers = global.TestHelpers || {};
+    TestHelpers.flushAsynchronousOperations = flushAsynchronousOperations;
+    TestHelpers.forceXIfStamp = forceXIfStamp;
+    TestHelpers.fireEvent = fireEvent;
+  })(this);
+</script>

data/app/assets/components/iron-test-helpers/mock-interactions.js ADDED

@@ -0,0 +1,177 @@
+/**
+ * @license
+ * Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+ */
+(function(global) {
+  'use strict';
+  var HAS_NEW_MOUSE = (function() {
+    var has = false;
+    try {
+      has = Boolean(new MouseEvent('x'));
+    } catch (_) {}
+    return has;
+  })();
+  function middleOfNode(node) {
+    var bcr = node.getBoundingClientRect();
+    return {
+      y: bcr.top + (bcr.height / 2),
+      x: bcr.left + (bcr.width / 2)
+    };
+  }
+  function topLeftOfNode(node) {
+    var bcr = node.getBoundingClientRect();
+    return {
+      y: bcr.top,
+      x: bcr.left
+    };
+  }
+  function makeEvent(type, xy, node) {
+    var props = {
+      bubbles: true,
+      cancelable: true,
+      clientX: xy.x,
+      clientY: xy.y
+    };
+    var e;
+    var mousetype = type === 'tap' ? 'click' : 'mouse' + type;
+    if (HAS_NEW_MOUSE) {
+      e = new MouseEvent(mousetype, props);
+    } else {
+      e = document.createEvent('MouseEvent');
+      e.initMouseEvent(mousetype, props.bubbles, props.cancelable, null, null, 0, 0,
+        props.clientX, props.clientY, false, false, false, false, 0, null);
+    }
+    node.dispatchEvent(e);
+  }
+  function down(node, xy) {
+    xy = xy || middleOfNode(node);
+    makeEvent('down', xy, node);
+  }
+  function move(node, fromXY, toXY, steps) {
+    steps = steps || 5;
+    var dx = Math.round((fromXY.x - toXY.x) / steps);
+    var dy = Math.round((fromXY.y - toXY.y) / steps);
+    var xy = {
+      x: fromXY.x,
+      y: fromXY.y
+    };
+    for (var i = steps; i > 0; i--) {
+      makeEvent('move', xy, node);
+      xy.x += dx;
+      xy.y += dy;
+    }
+    makeEvent('move', {
+      x: toXY.x,
+      y: toXY.y
+    }, node);
+  }
+  function up(node, xy) {
+    xy = xy || middleOfNode(node);
+    makeEvent('up', xy, node);
+  }
+  function tap(node) {
+    var xy = middleOfNode(node);
+    down(node, xy);
+    up(node, xy);
+    makeEvent('tap', xy, node);
+  }
+  function focus(target) {
+    Polymer.Base.fire.call(target, 'focus');
+  }
+  function blur(target) {
+    Polymer.Base.fire.call(target, 'blur');
+  }
+  function downAndUp(target, callback) {
+    down(target);
+    Polymer.Base.async(function() {
+      up(target);
+      tap(target);
+      callback && callback();
+    });
+  }
+  function track(target, dx, dy, steps) {
+    dx = dx | 0;
+    dy = dy | 0;
+    steps = steps || 5;
+    down(target);
+    var xy = middleOfNode(target);
+    var xy2 = {
+      x: xy.x + dx,
+      y: xy.y + dy
+    };
+    move(target, xy, xy2, steps);
+    up(target, xy2);
+  }
+  function keyboardEventFor(type, keyCode) {
+    var event = new CustomEvent(type);
+    event.keyCode = keyCode;
+    event.code = keyCode;
+    return event;
+  }
+  function keyEventOn(target, type, keyCode) {
+    target.dispatchEvent(keyboardEventFor(type, keyCode));
+  }
+  function keyDownOn(target, keyCode) {
+    keyEventOn(target, 'keydown', keyCode);
+  }
+  function keyUpOn(target, keyCode) {
+    keyEventOn(target, 'keyup', keyCode);
+  }
+  function pressAndReleaseKeyOn(target, keyCode) {
+    keyDownOn(target, keyCode);
+    Polymer.Base.async(function() {
+      keyUpOn(target, keyCode);
+    }, 1);
+  }
+  function pressEnter(target) {
+    pressAndReleaseKeyOn(target, 13);
+  }
+  function pressSpace(target) {
+    pressAndReleaseKeyOn(target, 32);
+  }
+  global.MockInteractions = {
+    focus: focus,
+    blur: blur,
+    down: down,
+    up: up,
+    downAndUp: downAndUp,
+    tap: tap,
+    track: track,
+    pressAndReleaseKeyOn: pressAndReleaseKeyOn,
+    pressEnter: pressEnter,
+    pressSpace: pressSpace,
+    keyDownOn: keyDownOn,
+    keyUpOn: keyUpOn,
+    middleOfNode: middleOfNode,
+    topLeftOfNode: topLeftOfNode
+  };
+})(this);