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

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

Files changed (154) hide show

data/app/assets/components/iron-meta/test/basic.html ADDED

@@ -0,0 +1,48 @@
+<!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-meta-basic</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <script src="../../web-component-tester/browser.js"></script>
+  <link rel="import" href="../iron-meta.html">
+</head>
+<body>
+  <iron-meta key="info" value="foo/bar"></iron-meta>
+  <script>
+    suite('basic', function() {
+      test('byKey', function() {
+        var meta = document.createElement('iron-meta');
+        assert.equal(meta.byKey('info'), 'foo/bar');
+      });
+      test('list', function() {
+        var meta = document.createElement('iron-meta');
+        assert.equal(meta.list.length, 1);
+      });
+    });
+  </script>
+</body>
+</html>

data/app/assets/components/iron-meta/test/index.html ADDED

@@ -0,0 +1,30 @@
+<!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>
+  <meta charset="utf-8">
+  <title>Tests</title>
+  <script src="../../web-component-tester/browser.js"></script>
+</head>
+<body>
+  <script>
+    WCT.loadSuites([
+      'basic.html',
+      'iron-meta.html'
+    ]);
+  </script>
+</body>
+</html>

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

@@ -0,0 +1,186 @@
+<!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-meta</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-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="../iron-meta.html">
+    <link rel="import" href="../../test-fixture/test-fixture.html">
+  </head>
+  <body>
+    <test-fixture id="TrivialMeta">
+      <template>
+        <iron-meta self key="info"></iron-meta>
+      </template>
+    </test-fixture>
+    <test-fixture id="ManyMetas">
+      <template>
+        <iron-meta self key="default1"></iron-meta>
+        <iron-meta self key="default2"></iron-meta>
+        <iron-meta self key="default3"></iron-meta>
+      </template>
+    </test-fixture>
+    <test-fixture id="DifferentTypedMetas">
+      <template>
+        <iron-meta self type="foo" key="foobarKey"></iron-meta>
+        <iron-meta self type="bar" key="foobarKey"></iron-meta>
+        <iron-meta self key="defaultKey"></iron-meta>
+      </template>
+    </test-fixture>
+    <test-fixture id="ClashingMetas">
+      <template>
+        <iron-meta self key="baz"></iron-meta>
+        <iron-meta self key="baz"></iron-meta>
+      </template>
+    </test-fixture>
+    <script>
+suite('<iron-meta>', function () {
+  suite('basic behavior', function () {
+    var meta;
+    setup(function () {
+      meta = fixture('TrivialMeta');
+    });
+    teardown(function () {
+      meta.key = null;
+    });
+    test('uses itself as the default value', function () {
+      expect(meta.value).to.be.equal(meta);
+    });
+    test('can be assigned alternative values', function () {
+      meta.value = 'foobar';
+      expect(meta.list[0]).to.be.equal('foobar');
+    });
+    test('can access same-type meta values by key', function () {
+      expect(meta.byKey(meta.key)).to.be.equal(meta.value);
+    });
+    test('yields a list of same-type meta data', function () {
+      expect(meta.list).to.be.ok;
+      expect(meta.list.length).to.be.equal(1);
+      expect(meta.list[0]).to.be.equal(meta);
+    });
+  });
+  suite('many same-typed metas', function () {
+    var metas;
+    setup(function () {
+      metas = fixture('ManyMetas');
+    });
+    teardown(function () {
+      metas.forEach(function (meta) {
+        meta.key = null;
+      });
+    });
+    test('all cache all meta values', function () {
+      metas.forEach(function (meta, index) {
+        expect(meta.list.length).to.be.equal(metas.length);
+        expect(meta.list[index].value).to.be.equal(meta.value);
+      });
+    });
+    test('can be unregistered individually', function () {
+      metas[0].key = null;
+      expect(metas[0].list.length).to.be.equal(2);
+      expect(metas[0].list).to.be.deep.equal([metas[1], metas[2]])
+    });
+    test('can access each others value by key', function () {
+      expect(metas[0].byKey('default2')).to.be.equal(metas[1].value);
+    });
+  });
+  suite('different-typed metas', function () {
+    var metas;
+    setup(function () {
+      metas = fixture('DifferentTypedMetas');
+    });
+    teardown(function () {
+      metas.forEach(function (meta) {
+        meta.key = null;
+      });
+    });
+    test('cache their values separately', function () {
+      var fooMeta = metas[0];
+      var barMeta = metas[1];
+      expect(fooMeta.value).to.not.be.equal(barMeta.value);
+      expect(fooMeta.byKey('foobarKey')).to.be.equal(fooMeta.value);
+      expect(barMeta.byKey('foobarKey')).to.be.equal(barMeta.value);
+    });
+    test('cannot access values of other types', function () {
+      var defaultMeta = metas[2];
+      expect(defaultMeta.byKey('foobarKey')).to.be.equal(undefined);
+    });
+    test('only list values of their type', function () {
+      metas.forEach(function (meta) {
+        expect(meta.list.length).to.be.equal(1);
+        expect(meta.list[0]).to.be.equal(meta.value);
+      })
+    });
+  });
+  suite('metas with clashing keys', function () {
+    var metaPair;
+    setup(function () {
+      metaPair = fixture('ClashingMetas');
+    });
+    teardown(function () {
+      metaPair.forEach(function (meta) {
+        meta.key = null;
+      });
+    });
+    test('let the last value win registration against the key', function () {
+      var registeredValue = metaPair[0].byKey(metaPair[0].key);
+      var firstValue = metaPair[0].value;
+      var secondValue = metaPair[1].value;
+      expect(registeredValue).to.not.be.equal(firstValue);
+      expect(registeredValue).to.be.equal(secondValue);
+    });
+  });
+});
+    </script>
+  </body>
+</html>

data/app/assets/components/iron-resizable-behavior/README.md ADDED

@@ -0,0 +1,16 @@
+iron-resizable-behavior
+=======================
+`IronResizableBehavior` is a behavior that can be used in Polymer elements to
+coordinate the flow of resize events between "resizers" (elements that control the
+size or hidden state of their children) and "resizables" (elements that need to be
+notified when they are resized or un-hidden by their parents in order to take
+action on their new measurements).
+Elements that perform measurement should add the `IronResizableBehavior` behavior to
+their element definition and listen for the `iron-resize` event on themselves.
+This event will be fired when they become showing after having been hidden,
+when they are resized explicitly by another resizable, or when the window has been
+resized.
+Note, the `iron-resize` event is non-bubbling.

data/app/assets/components/iron-resizable-behavior/bower.json ADDED

@@ -0,0 +1,26 @@
+{
+  "name": "iron-resizable-behavior",
+  "version": "1.0.0",
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "description": "Coordinates the flow of resizeable elements",
+  "private": true,
+  "main": "iron-resizable-behavior.html",
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "keywords": [
+    "web-components",
+    "polymer",
+    "iron",
+    "behavior"
+  ],
+  "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-resizable-behavior/demo/index.html ADDED

@@ -0,0 +1,29 @@
+<!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 demo</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="src/x-app.html">
+</head>
+<body>
+  <x-app></x-app>
+</body>
+</html>

data/app/assets/components/iron-resizable-behavior/demo/src/x-app.html ADDED

@@ -0,0 +1,114 @@
+<!--
+@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">
+<dom-module id="x-puck">
+  <style>
+    :host {
+      display: inline-block;
+      border: 3px solid lightblue;
+    }
+  </style>
+  <template>
+    <b>I'm a resize-aware, thirdifying puck at (<span>{{x}}</span> x <span>{{y}}</span>).</b>
+  </template>
+</dom-module>
+<script>
+  Polymer({
+    is: 'x-puck',
+    behaviors: [
+      Polymer.IronResizableBehavior
+    ],
+    properties: {
+      x: {
+        type: Number,
+        value: 0
+      },
+      y: {
+        type: Number,
+        value: 0
+      }
+    },
+    listeners: {
+      'iron-resize': '_onIronResize'
+    },
+    attached: function() {
+      this.async(this.notifyResize, 1);
+    },
+    get parent() {
+      if (this.parentNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+        return this.parentNode.host;
+      }
+      return this.parentNode;
+    },
+    _onIronResize: function() {
+      var x = this.x = Math.floor(this.parent.offsetWidth / 3);
+      var y = this.y = Math.floor(this.parent.offsetHeight / 3);
+      this.translate3d(x + 'px', y + 'px', 0);
+    }
+  });
+</script>
+<dom-module id="x-app">
+  <style>
+    :host {
+      display: block;
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+    }
+  </style>
+  <template>
+    <x-puck></x-puck>
+  </template>
+</dom-module>
+<script>
+  Polymer({
+    is: 'x-app',
+    behaviors: [
+      Polymer.IronResizableBehavior
+    ]
+  });
+</script>