RubyGems - jekyll-polymer-magazine - Versions diffs - 0.1.0 - Mend

jekyll-polymer-magazine 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (994) hide show

data/assets/bower_components/iron-collapse/test/flex.html ADDED

@@ -0,0 +1,152 @@
+<!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-collapse-flex</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-flex-layout/iron-flex-layout-classes.html">
+    <link rel="import" href="../../test-fixture/test-fixture.html">
+    <link rel="import" href="../iron-collapse.html">
+    <style is="custom-style" include="iron-flex">
+    </style>
+  </head>
+  <body>
+    <test-fixture id="test">
+      <template>
+        <div id="container" class="layout vertical" style="height: 200px">
+          <iron-collapse id="collapse" opened style="flex: 1 0 auto">
+            <div style="height:100px;">
+              Lorem ipsum
+            </div>
+          </iron-collapse>
+        </div>
+      </template>
+    </test-fixture>
+    <script>
+      suite('flex', function() {
+      	var container;
+        var collapse;
+        var collapseHeight;
+        setup(function() {
+          container = fixture('test');
+          collapse = container.querySelector('iron-collapse');
+          collapseHeight = getComputedStyle(collapse).height;
+        });
+        test('default opened height', function() {
+          assert.equal(collapse.style.height, '');
+        });
+        test('set opened to false triggers animation', function(done) {
+          collapse.opened = false;
+          // Animation got enabled.
+          assert.notEqual(collapse.style.transitionDuration, '0s');
+          collapse.addEventListener('transitionend', function() {
+            // Animation disabled.
+            assert.equal(collapse.style.transitionDuration, '0s');
+            done();
+          });
+        });
+        test('enableTransition(false) disables animations', function() {
+          collapse.enableTransition(false);
+          assert.isTrue(collapse.noAnimation, '`noAnimation` is true');
+          // trying to animate the size update
+          collapse.updateSize('0px', true);
+          // Animation immediately disabled.
+          assert.equal(collapse.style.maxHeight, '0px');
+        });
+        test('set opened to false, then to true', function(done) {
+          // this listener will be triggered twice (every time `opened` changes)
+          collapse.addEventListener('transitionend', function() {
+            if (collapse.opened) {
+              // Check finalSize after animation is done.
+              assert.equal(collapse.style.maxHeight, '');
+              done();
+            } else {
+              // Check if size is still 0px.
+              assert.equal(collapse.style.maxHeight, '0px');
+              // Trigger 2nd toggle.
+              collapse.opened = true;
+              // Size should be immediately set.
+              assert.equal(collapse.style.maxHeight, collapseHeight);
+            }
+          });
+          // Trigger 1st toggle.
+          collapse.opened = false;
+          // Size should be immediately set.
+          assert.equal(collapse.style.maxHeight, '0px');
+        });
+        test('opened changes trigger iron-resize', function() {
+          var spy = sinon.stub();
+          collapse.addEventListener('iron-resize', spy);
+          // No animations for faster test.
+          collapse.noAnimation = true;
+          collapse.opened = false;
+          assert.isTrue(spy.calledOnce, 'iron-resize was fired');
+        });
+        test('overflow is hidden while animating', function(done) {
+          collapse.addEventListener('transitionend', function() {
+            // Should still be hidden.
+            assert.equal(getComputedStyle(collapse).overflow, 'hidden');
+            done();
+          });
+          assert.equal(getComputedStyle(collapse).overflow, 'visible');
+          collapse.opened = false;
+          // Immediately updated style.
+          assert.equal(getComputedStyle(collapse).overflow, 'hidden');
+        });
+        test('toggle horizontal updates size', function() {
+          collapse.horizontal = false;
+          assert.equal(collapse.style.width, '');
+          assert.equal(collapse.style.maxHeight, '');
+          assert.equal(collapse.style.transitionProperty, 'max-height');
+          collapse.horizontal = true;
+          assert.equal(collapse.style.maxWidth, '');
+          assert.equal(collapse.style.height, '');
+          assert.equal(collapse.style.transitionProperty, 'max-width');
+        });
+        test('change size with updateSize', function(done) {
+          collapse.addEventListener('transitionend', function() {
+            // size should be kept after transition
+            assert.equal(collapse.style.maxHeight, "123px");
+            done();
+          });
+          collapse.updateSize("123px", true);
+        });
+      });
+    </script>
+  </body>
+</html>

data/assets/bower_components/iron-collapse/test/horizontal.html ADDED

@@ -0,0 +1,97 @@
+<!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-collapse-horizontal</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="../../test-fixture/test-fixture.html">
+    <link rel="import" href="../iron-collapse.html">
+  </head>
+  <body>
+    <test-fixture id="test">
+      <template>
+        <iron-collapse id="collapse" opened horizontal>
+          <div style="width:100px;">
+            Lorem ipsum
+          </div>
+        </iron-collapse>
+      </template>
+    </test-fixture>
+    <script>
+      suite('horizontal', function() {
+        var collapse;
+        var collapseWidth;
+        setup(function () {
+          collapse = fixture('test');
+          collapseWidth = getComputedStyle(collapse).width;
+        });
+        test('opened attribute', function() {
+          assert.equal(collapse.opened, true);
+        });
+        test('horizontal attribute', function() {
+          assert.equal(collapse.horizontal, true);
+        });
+        test('default opened width', function() {
+          assert.equal(collapse.style.width, '');
+        });
+        test('set opened to false, then to true', function(done) {
+          // This listener will be triggered twice (every time `opened` changes).
+          collapse.addEventListener('transitionend', function() {
+            if (collapse.opened) {
+              // Check finalSize after animation is done.
+              assert.equal(collapse.style.width, '');
+              done();
+            } else {
+              // Check if size is still 0px.
+              assert.equal(collapse.style.maxWidth, '0px');
+              // Trigger 2nd toggle.
+              collapse.opened = true;
+              // Size should be immediately set.
+              assert.equal(collapse.style.maxWidth, collapseWidth);
+            }
+          });
+          // Trigger 1st toggle.
+          collapse.opened = false;
+          // Size should be immediately set.
+          assert.equal(collapse.style.maxWidth, '0px');
+        });
+        test('change size with updateSize', function(done) {
+          collapse.addEventListener('transitionend', function() {
+            // size should be kept after transition
+            assert.equal(collapse.style.maxWidth, "123px");
+            done();
+          });
+          collapse.updateSize("123px", true);
+        });
+      });
+    </script>
+  </body>
+</html>

data/assets/bower_components/iron-collapse/test/index.html ADDED

@@ -0,0 +1,35 @@
+<!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',
+        'horizontal.html',
+        'a11y.html',
+        'nested.html',
+        'flex.html',
+        'basic.html?dom=shadow',
+        'horizontal.html?dom=shadow',
+        'a11y.html?dom=shadow',
+        'nested.html?dom=shadow',
+        'flex.html?dom=shadow'
+      ]);
+    </script>
+</body></html>

data/assets/bower_components/iron-collapse/test/nested.html ADDED

@@ -0,0 +1,131 @@
+<!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-collapse-nested</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="../../test-fixture/test-fixture.html">
+    <link rel="import" href="../iron-collapse.html">
+  </head>
+  <body>
+    <test-fixture id="test">
+      <template>
+        <iron-collapse id="outer-collapse">
+          <div style="height:100px;">
+            Lorem ipsum
+          </div>
+          <iron-collapse id="inner-collapse-vertical">
+            <div style="height:100px;">
+              consectetur adipiscing elit
+            </div>
+          </iron-collapse>
+          <iron-collapse id="inner-collapse-horizontal" horizontal style="display: inline-block">
+            <div style="width:100px;">
+              consectetur adipiscing elit
+            </div>
+          </iron-collapse>
+        </iron-collapse>
+      </template>
+    </test-fixture>
+    <script>
+      suite('nested', function() {
+        var outerCollapse;
+        var innerCollapse;
+        setup(function () {
+          outerCollapse = fixture('test');
+        });
+        suite('vertical', function() {
+          setup(function () {
+            innerCollapse = outerCollapse.querySelector('#inner-collapse-vertical');
+          });
+          test('inner collapse default opened attribute', function() {
+            assert.equal(innerCollapse.opened, false);
+          });
+          test('inner collapse default style height', function() {
+            assert.equal(innerCollapse.style.maxHeight, '0px');
+          });
+          test('open inner collapse updates size without animation', function() {
+            innerCollapse.opened = true;
+            // Animation disabled
+            assert.equal(innerCollapse.style.transitionDuration, '0s');
+          });
+          test('open inner collapse then open outer collapse reveals inner collapse with expanded height', function() {
+            innerCollapse.opened = true;
+            outerCollapse.opened = true;
+            assert.equal(innerCollapse.getBoundingClientRect().height, 100);
+          });
+          test('notifyResize triggered only on element\'s animations', function(done) {
+            var spy = sinon.spy(outerCollapse, 'notifyResize');
+            outerCollapse.opened = true;
+            innerCollapse.opened = true;
+            setTimeout(function() {
+              assert.equal(spy.callCount, 1, 'notifyResize called once');
+              done();
+            }, 400);
+          });
+        });
+        suite('horizontal', function() {
+          setup(function () {
+            innerCollapse = outerCollapse.querySelector('#inner-collapse-horizontal');
+          });
+          test('inner collapse default style width', function() {
+            assert.equal(innerCollapse.style.maxWidth, '0px');
+          });
+          test('open inner collapse updates size without animation', function() {
+            innerCollapse.opened = true;
+            // Animation disabled
+            assert.equal(innerCollapse.style.transitionDuration, '0s');
+          });
+          test('open inner collapse then open outer collapse reveals inner collapse with expanded width', function() {
+            innerCollapse.opened = true;
+            outerCollapse.opened = true;
+            assert.equal(innerCollapse.getBoundingClientRect().width, 100);
+          });
+        });
+      });
+    </script>
+  </body>
+</html>

data/assets/bower_components/iron-dropdown/.bower.json ADDED

@@ -0,0 +1,47 @@
+{
+  "name": "iron-dropdown",
+  "version": "1.5.3",
+  "description": "An unstyled element that works similarly to a native browser select",
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "keywords": [
+    "web-components",
+    "web-component",
+    "polymer"
+  ],
+  "main": "iron-dropdown.html",
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/iron-dropdown"
+  },
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "homepage": "https://github.com/PolymerElements/iron-dropdown",
+  "dependencies": {
+    "polymer": "polymer/polymer#^1.1.0",
+    "iron-behaviors": "polymerelements/iron-behaviors#^1.0.0",
+    "iron-overlay-behavior": "polymerelements/iron-overlay-behavior#^1.8.6",
+    "iron-resizable-behavior": "polymerelements/iron-resizable-behavior#^1.0.0",
+    "neon-animation": "polymerelements/neon-animation#^1.0.0"
+  },
+  "devDependencies": {
+    "iron-component-page": "polymerelements/iron-component-page#^1.0.0",
+    "test-fixture": "polymerelements/test-fixture#^1.0.0",
+    "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0",
+    "paper-styles": "polymerelements/paper-styles#^1.0.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
+    "web-component-tester": "^4.0.0",
+    "iron-image": "polymerelements/iron-image#^1.0.0"
+  },
+  "ignore": [],
+  "_release": "1.5.3",
+  "_resolution": {
+    "type": "version",
+    "tag": "v1.5.3",
+    "commit": "5b61da6b920db532f14b214905a23a2d1d7e02c4"
+  },
+  "_source": "https://github.com/PolymerElements/iron-dropdown.git",
+  "_target": "^1.0.0",
+  "_originalSource": "PolymerElements/iron-dropdown"
+}