RubyGems - polymer-paper-rails - Versions diffs - 0.2.6 → 1.0.0.pre.rc.1 - Mend

polymer-paper-rails 0.2.6 → 1.0.0.pre.rc.1

Files changed (634) hide show

data/app/assets/components/iron-resizable-behavior/test/basic.html ADDED Viewed

@@ -0,0 +1,263 @@
+<!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-resizable-behavior tests</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <script src="../../web-component-tester/browser.js"></script>
+  <script src="../../test-fixture/test-fixture-mocha.js"></script>
+  <link rel="import" href="../../test-fixture/test-fixture.html">
+  <link rel="import" href="../iron-resizable-behavior.html">
+  <link rel="import" href="test-elements.html">
+</head>
+<body>
+<!--
+Notes on Polyfill compatibility in tests:
+- Test elements loaded via imports, to ensure load order correctness
+  w.r.t. Polymer.mixin being availbale
+- Resize notifications and asserts are done asynchronously, since
+  there are timing differences w.r.t. when detached callbacks occur
+-->
+  <test-fixture id="TestElement">
+    <template>
+      <test-element></test-element>
+    </template>
+  </test-fixture>
+  <script>
+  suite('iron-resizable-behavior', function() {
+    function ListenForResize(el, expectsResize) {
+      var listener = function(event) {
+        var target = event.path ? event.path[0] : event.target;
+        pendingNotifications--;
+      };
+      if (expectsResize !== false) {
+        pendingNotifications++;
+      }
+      el.addEventListener('iron-resize', listener);
+      return {
+        el: el,
+        remove: function() {
+          el.removeEventListener('iron-resize', listener);
+        }
+      };
+    }
+    function RemoveListeners(listeners) {
+      listeners.forEach(function(listener) {
+        listener.remove();
+      });
+    }
+    var pendingNotifications;
+    var testEl;
+    setup(function() {
+      pendingNotifications = 0;
+      testEl = fixture('TestElement');
+    });
+    suite('x-resizer-parent', function() {
+      test('notify resizables from window', function(done) {
+        var listeners = [
+          ListenForResize(testEl.$.parent),
+          ListenForResize(testEl.$.child1a),
+          ListenForResize(testEl.$.child1b),
+          ListenForResize(testEl.$.shadow1c.$.resizable),
+          ListenForResize(testEl.$.shadow1d.$.resizable)
+        ];
+        setTimeout(function() {
+          try {
+            window.dispatchEvent(new CustomEvent('resize', { bubbles: false }));
+            expect(pendingNotifications).to.be.eql(0);
+            RemoveListeners(listeners);
+            done();
+          } catch (e) {
+            done(e);
+          }
+        }, 0);
+      });
+      test('notify resizables from parent', function(done) {
+        var listeners = [
+          ListenForResize(testEl.$.parent),
+          ListenForResize(testEl.$.child1a),
+          ListenForResize(testEl.$.child1b),
+          ListenForResize(testEl.$.shadow1c.$.resizable),
+          ListenForResize(testEl.$.shadow1d.$.resizable)
+        ];
+        setTimeout(function() {
+          try {
+            testEl.$.parent.notifyResize();
+            expect(pendingNotifications).to.be.eql(0);
+            RemoveListeners(listeners);
+            done();
+          } catch (e) {
+            done(e);
+          }
+        }, 0);
+      });
+      test('detach resizables then notify parent', function(done) {
+        var listeners = [
+          ListenForResize(testEl.$.parent),
+          ListenForResize(testEl.$.child1a, false),
+          ListenForResize(testEl.$.child1b),
+          ListenForResize(testEl.$.shadow1c.$.resizable, false),
+          ListenForResize(testEl.$.shadow1d.$.resizable)
+        ];
+        var el = Polymer.dom(testEl.root).querySelector('#child1a');
+        el.parentNode.removeChild(el);
+        el = Polymer.dom(testEl.root).querySelector('#shadow1c');
+        el.parentNode.removeChild(el);
+        setTimeout(function() {
+          try {
+            testEl.$.parent.notifyResize();
+            expect(pendingNotifications).to.be.eql(0);
+            RemoveListeners(listeners);
+            done();
+          } catch (e) {
+            done(e);
+          }
+        }, 0);
+      });
+      test('detach parent then notify window', function(done) {
+        var listeners = [
+          ListenForResize(testEl.$.parent, false),
+          ListenForResize(testEl.$.child1a, false),
+          ListenForResize(testEl.$.child1b, false),
+          ListenForResize(testEl.$.shadow1c.$.resizable, false),
+          ListenForResize(testEl.$.shadow1d.$.resizable, false)
+        ];
+        var el = Polymer.dom(testEl.root).querySelector('#parent');
+        el.parentNode.removeChild(el);
+        setTimeout(function() {
+          try {
+            window.dispatchEvent(new CustomEvent('resize', { bubbles: false }));
+            expect(pendingNotifications).to.be.eql(0);
+            RemoveListeners(listeners);
+            done();
+          } catch (e) {
+            done(e);
+          }
+        }, 0);
+      });
+    });
+    suite('x-resizer-parent-filtered', function() {
+      test('notify resizables from window', function(done) {
+        var listeners = [
+          ListenForResize(testEl.$.parentFiltered),
+          ListenForResize(testEl.$.child2a),
+          ListenForResize(testEl.$.child2b, false),
+          ListenForResize(testEl.$.shadow2c.$.resizable, false),
+          ListenForResize(testEl.$.shadow2d.$.resizable, false)
+        ];
+        testEl.$.parentFiltered.active = testEl.$.child2a;
+        setTimeout(function() {
+          try {
+            window.dispatchEvent(new CustomEvent('resize', { bubbles: false }));
+            expect(pendingNotifications).to.be.eql(0);
+            RemoveListeners(listeners);
+            done();
+          } catch (e) {
+            done(e);
+          }
+        }, 0);
+      });
+      test('notify resizables from parent', function(done) {
+        var listeners = [
+          ListenForResize(testEl.$.parentFiltered),
+          ListenForResize(testEl.$.child2a),
+          ListenForResize(testEl.$.child2b, false),
+          ListenForResize(testEl.$.shadow2c.$.resizable, false),
+          ListenForResize(testEl.$.shadow2d.$.resizable, false)
+        ];
+        testEl.$.parentFiltered.active = testEl.$.child2a;
+        setTimeout(function() {
+          try {
+            testEl.$.parentFiltered.notifyResize();
+            expect(pendingNotifications).to.be.eql(0);
+            RemoveListeners(listeners);
+            done();
+          } catch (e) {
+            done(e);
+          }
+        }, 0);
+      });
+      test('detach resizables then notify parent', function(done) {
+        var listeners = [
+          ListenForResize(testEl.$.parentFiltered),
+          ListenForResize(testEl.$.child2a, false),
+          ListenForResize(testEl.$.child2b, false),
+          ListenForResize(testEl.$.shadow2c.$.resizable, false),
+          ListenForResize(testEl.$.shadow2d.$.resizable)
+        ];
+        var el = Polymer.dom(testEl.root).querySelector('#child2a');
+        el.parentNode.removeChild(el);
+        el = Polymer.dom(testEl.root).querySelector('#shadow2c');
+        el.parentNode.removeChild(el);
+        testEl.$.parentFiltered.active = testEl.$.shadow2d.$.resizable;
+        setTimeout(function() {
+          try {
+            testEl.$.parentFiltered.notifyResize();
+            expect(pendingNotifications).to.be.eql(0);
+            RemoveListeners(listeners);
+            done();
+          } catch (e) {
+            done(e);
+          }
+        }, 0);
+      });
+    });
+  });
+  </script>
+</body>
+</html>

data/app/assets/components/{core-overlay/core-key-helper.html → iron-resizable-behavior/test/index.html} RENAMED Viewed

@@ -1,5 +1,7 @@
+<!doctype html>
 <!--
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+@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
@@ -7,16 +9,23 @@ 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">
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Tests</title>
+  <script src="../../web-component-tester/browser.js"></script>
+</head>
+<body>
-<!--
-@element core-key-helper
--->
-<polymer-element name="core-key-helper">
   <script>
-    Polymer('core-key-helper', {
-      ENTER_KEY: 13,
-      ESCAPE_KEY: 27
-    });
+    WCT.loadSuites([
+      'basic.html'
+    ]);
   </script>
-</polymer-element>
+</body>
+</html>

data/app/assets/components/iron-resizable-behavior/test/test-elements.html ADDED Viewed

@@ -0,0 +1,143 @@
+<!--
+@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="../iron-resizable-behavior.html">
+<script>
+  Polymer({
+    is: 'x-resizer-parent',
+    behaviors: [
+      Polymer.IronResizableBehavior
+    ],
+    listeners: {
+      'core-resize': 'resizeHandler'
+    },
+    resizeHandler: function() {
+    }
+  });
+</script>
+<script>
+  Polymer({
+    is: 'x-resizer-parent-filtered',
+    active: null,
+    behaviors: [
+      Polymer.IronResizableBehavior
+    ],
+    listeners: {
+      'core-resize': 'resizeHandler'
+    },
+    resizeHandler: function() {
+    },
+    resizerShouldNotify: function(el) {
+      return (el == this.active);
+    }
+  });
+</script>
+<script>
+  Polymer({
+    is: 'x-resizable',
+    behaviors: [
+      Polymer.IronResizableBehavior
+    ],
+    listeners: {
+      'core-resize': 'resizeHandler'
+    },
+    resizeHandler: function() {
+    }
+  });
+</script>
+<dom-module id="x-resizable-in-shadow">
+  <template>
+    <div>
+      <x-resizable id="resizable"></x-resizable>
+    </div>
+  </template>
+</dom-module>
+<script>
+  Polymer({
+    is: 'x-resizable-in-shadow'
+  });
+</script>
+<dom-module id='test-element'>
+  <template>
+    <!-- Normal resizable parent with child resizables -->
+    <x-resizer-parent id="parent">
+      <x-resizable id="child1a"></x-resizable>
+      <div>
+        <x-resizable id="child1b"></x-resizable>
+      </div>
+      <x-resizable-in-shadow id="shadow1c"></x-resizable-in-shadow>
+      <div>
+        <x-resizable-in-shadow id="shadow1d"></x-resizable-in-shadow>
+      </div>
+    </x-resizer-parent>
+    <!-- Resizable parent using resizerShouldNotify, with child resizables -->
+    <x-resizer-parent-filtered id="parentFiltered">
+      <x-resizable id="child2a"></x-resizable>
+      <div>
+        <x-resizable id="child2b"></x-resizable>
+      </div>
+      <x-resizable-in-shadow id="shadow2c"></x-resizable-in-shadow>
+      <div>
+        <x-resizable-in-shadow id="shadow2d"></x-resizable-in-shadow>
+      </div>
+    </x-resizer-parent-filtered>
+  </template>
+</dom-module>
+<script>
+  Polymer({
+    is: 'test-element'
+  });
+</script>

data/app/assets/components/iron-selector/README.md ADDED Viewed

@@ -0,0 +1,50 @@
+iron-selector
+=============
+`iron-selector` is an element which can be used to manage a list of elements
+that can be selected.  Tapping on the item will make the item selected.  The `selected` indicates
+which item is being selected.  The default is to use the index of the item.
+Example:
+```html
+<iron-selector selected="0">
+  <div>Item 1</div>
+  <div>Item 2</div>
+  <div>Item 3</div>
+</iron-selector>
+```
+If you want to use the attribute value of an element for `selected` instead of the index,
+set `attrForSelected` to the name of the attribute.  For example, if you want to select item by
+`name`, set `attrForSelected` to `name`.
+Example:
+```html
+<iron-selector attr-for-selected="name" selected="foo">
+  <div name="foo">Foo</div>
+  <div name="bar">Bar</div>
+  <div name="zot">Zot</div>
+</iron-selector>
+```
+`iron-selector` is not styled. Use the `iron-selected` CSS class to style the selected element.
+Example:
+```html
+<style>
+  .iron-selected {
+    background: #eee;
+  }
+</style>
+...
+<iron-selector selected="0">
+  <div>Item 1</div>
+  <div>Item 2</div>
+  <div>Item 3</div>
+</iron-selector>
+```

data/app/assets/components/iron-selector/bower.json ADDED Viewed

@@ -0,0 +1,31 @@
+{
+  "name": "iron-selector",
+  "version": "1.0.2",
+  "description": "Manages a set of elements that can be selected",
+  "private": true,
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "main": [
+    "iron-selector.html"
+  ],
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "keywords": [
+    "web-components",
+    "polymer",
+    "selector"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/iron-selector.git"
+  },
+  "dependencies": {
+    "polymer": "Polymer/polymer#^1.0.0"
+  },
+  "devDependencies": {
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "test-fixture": "PolymerElements/test-fixture#^1.0.0",
+    "web-component-tester": "*",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  }
+}

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

@@ -0,0 +1,66 @@
+<!doctype html>
+<!--
+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-selector</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <link rel="import" href="../iron-selector.html">
+    <style>
+      iron-selector > * {
+        padding: 8px;
+      }
+      .iron-selected {
+        background-color: #ddd;
+      }
+    </style>
+  </head>
+  <body>
+    <h3>Basic</h3>
+    <iron-selector selected="0">
+      <div>Item 0</div>
+      <div>Item 1</div>
+      <div>Item 2</div>
+      <div>Item 3</div>
+      <div>Item 4</div>
+    </iron-selector>
+    <h3>Multi-select</h3>
+    <iron-selector multi selected-values='[0,2]'>
+      <div>Item 0</div>
+      <div>Item 1</div>
+      <div>Item 2</div>
+      <div>Item 3</div>
+      <div>Item 4</div>
+    </iron-selector>
+    <h3>Example</h3>
+    <iron-selector selected="foo" attr-for-selected="name">
+      <div name="foo">Foo</div>
+      <div name="bar">Bar</div>
+      <div name="zot">Zot</div>
+    </iron-selector>
+  </body>
+</html>

data/app/assets/components/iron-selector/index.html ADDED Viewed

@@ -0,0 +1,28 @@
+<!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-selector</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <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>