RubyGems - polymer-core-rails - Versions diffs - 0.2.0 → 0.2.5 - Mend

polymer-core-rails 0.2.0 → 0.2.5

Files changed (840) hide show

data/app/assets/components/core-layout-grid/bower.json DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "name": "core-layout-grid",
-  "private": true,
-  "dependencies": {
-    "polymer": "Polymer/polymer#>=0.4.0 <1.0.0"
-  }
-}

data/app/assets/components/core-layout-grid/demo.html DELETED Viewed

@@ -1,116 +0,0 @@
-<!--
-    @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
--->
-<!doctype html>
-<html>
-<head>
-  <title>core-layout-grid example</title>
-  <script src="../platform/platform.js"></script>
-  <link rel="import" href="core-layout-grid.html">
-  <style>
-    body {
-      font-family: sans-serif;
-      overflow: hidden;
-    }
-  </style>
-</head>
-<body unresolved>
-  <grid-test></grid-test>
-  <polymer-element name="grid-test" on-tap="{{rotate}}">
-  <template>
-    <style>
-      * {
-        -webkit-transition: top, right, bottom, left;
-        -webkit-transition-duration: 0.3s;
-      }
-      panel {
-        display: inline-block;
-        border: 4px dotted lightblue;
-        padding: 16px;
-        background-color: whitesmoke;
-      }
-      #outputToolbar {
-        width: 400px;
-      }
-      #output {
-        width: 400px;
-      }
-      #workspace {
-        border-color: orange;
-      }
-    </style>
-    <core-layout-grid nodes="{{nodes}}" layout="{{layout}}"></core-layout-grid>
-    <panel id="toolbar">toolbar (click to rotate)</panel>
-    <panel id="sidebar">sidebar</panel>
-    <panel id="workspace">workspace</panel>
-    <panel id="outputToolbar">otherbar</panel>
-    <panel id="output">
-      output
-      <h2>Documentation</h2>
-      <h1>Verbiage</h1>
-      <p>In backbone record integer LED amplified internet protocol a extension reflective.
-      Array kilohertz LED. Wavelength extension patch supporting wave an by prompt.</p>
-    </panel>
-  </template>
-  <script>
-    Polymer('grid-test', {
-      arrangements: [[
-        [1, 1, 1, 1],
-        [2, 3, 3, 4],
-        [2, 3, 3, 5]
-      ], [
-        [4, 3, 2],
-        [5, 3, 2],
-        [5, 1, 1]
-      ], [
-        [1, 1],
-        [2, 3],
-        [4, 3]
-      ]],
-      outputLayout: 0,
-      ready: function() {
-        this.outputLayoutChanged();
-      },
-      outputLayoutChanged: function() {
-        this.layout = this.arrangements[this.outputLayout];
-      },
-      toggleLayout: function() {
-        this.outputLayout = (this.outputLayout + 1) % this.arrangements.length;
-      },
-      rotate: function() {
-        this.toggleLayout();
-      }
-    });
-  </script>
-  </polymer-element>
-</body>
-</html>

data/app/assets/components/core-layout-grid/index.html DELETED Viewed

@@ -1,22 +0,0 @@
-<!doctype html>
-<!--
-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
-The complete set of authors may be found at http://polymer.github.io/AUTHORS
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
-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
--->
-<html>
-<head>
-  <script src="../platform/platform.js"></script>
-  <link rel="import" href="../core-component-page/core-component-page.html">
-</head>
-<body unresolved>
-  <core-component-page></core-component-page>
-</body>
-</html>

data/app/assets/components/core-layout-trbl/README.md DELETED Viewed

@@ -1,4 +0,0 @@
-core-layout-trbl
-================
-See the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-layout-trbl) for more information.

data/app/assets/components/core-layout-trbl/bower.json DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "name": "core-layout-trbl",
-  "private": true,
-  "dependencies": {
-    "polymer": "Polymer/polymer#>=0.4.0 <1.0.0"
-  }
-}

data/app/assets/components/core-layout-trbl/demo.html DELETED Viewed

@@ -1,58 +0,0 @@
-<!DOCTYPE html>
-<!--
-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
--->
-<html>
-<head>
-  <title>core-layout-trbl demo</title>
-  <script src="../platform/platform.js"></script>
-  <link rel="import" href="core-layout-trbl.html">
-  <link rel="import" href="core-slide.html">
-  <style>
-    div {
-      padding: 8px;
-      border: 3px solid lightblue;
-      -webkit-transition: all 0.3s;
-    }
-    [vertical] ~ div {
-      border: 3px solid orange;
-    }
-  </style>
-</head>
-<body unresolved>
-  <div style="height: 600px; overflow: hidden;">
-    <core-layout-trbl></core-layout-trbl>
-    <div id="left">Hi I'm some content</div>
-    <div id="left2" onclick="leftSlide.closed = !leftSlide.closed;">Click Me First</div>
-    <div onclick="leftSlide2.closed = !leftSlide2.closed;">Click Me Second</div>
-    <div fit>
-      <core-layout-trbl vertical></core-layout-trbl>
-      <div id="top">Gribble gribble</div>
-      <div onclick="topSlide.closed = !topSlide.closed;">Click Me</div>
-      <div fit>Squids!</div>
-      <div onclick="bottomSlide.closed = !bottomSlide.closed;">Click Me</div>
-      <div>More is more</div>
-      <div id="bottom">Squids are larger than they appear.</div>
-    </div>
-    <div onclick="rightSlide.closed = !rightSlide.closed;">Click me</div>
-    <div id="right">A last bit, like a panel</div>
-  </div>
-  <core-slide id="leftSlide" targetid="left"></core-slide>
-  <core-slide id="leftSlide2" targetid="left2"></core-slide>
-  <core-slide id="rightSlide" targetid="right"></core-slide>
-  <core-slide id="topSlide" vertical targetid="top"></core-slide>
-  <core-slide id="bottomSlide" vertical targetid="bottom"></core-slide>
-</body>
-</html>

data/app/assets/components/core-layout-trbl/index.html DELETED Viewed

@@ -1,22 +0,0 @@
-<!doctype html>
-<!--
-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
-The complete set of authors may be found at http://polymer.github.io/AUTHORS
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
-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
--->
-<html>
-<head>
-  <script src="../platform/platform.js"></script>
-  <link rel="import" href="../core-component-page/core-component-page.html">
-</head>
-<body unresolved>
-  <core-component-page></core-component-page>
-</body>
-</html>

data/app/assets/components/core-list/README.md DELETED Viewed

@@ -1,4 +0,0 @@
-core-list
-============
-See the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-list) for more information.

data/app/assets/components/core-list/bower.json DELETED Viewed

@@ -1,8 +0,0 @@
-{
-  "name": "core-list",
-  "private": true,
-  "dependencies": {
-    "polymer": "Polymer/polymer#>=0.4.0 <1.0.0",
-    "core-selection": "Polymer/core-selection#>=0.4.0 <1.0.0"
-  }
-}

data/app/assets/components/core-list/demo-divider.html DELETED Viewed

@@ -1,178 +0,0 @@
-<!doctype html>
-<!--
-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
--->
-<html>
-<head>
-  <title>core-list: divider</title>
-  <meta name="viewport" content="width=device-width">
-  <script src="../platform/platform.js"></script>
-  <link rel="import" href="core-list.html">
-  <style>
-    html, body {
-      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-      height: 100%;
-      margin: 0;
-    }
-    list-test {
-      display: block;
-      height: 100%;
-      margin: 0 auto;
-    }
-    .stuff {
-      min-height: 60px;
-      background: red !important;
-      border-bottom: 1px solid black;
-    }
-  </style>
-</head>
-<body>
-<list-test></list-test>
-<polymer-element name="list-test">
-<template>
-  <style>
-    core-list {
-      height: 100%;
-    }
-    .item {
-      box-sizing: border-box;
-      height: 80px;
-      border-bottom: 1px solid #ddd;
-      cursor: default;
-      overflow: hidden;
-    }
-    .selected {
-      background: silver;
-    }
-    .message {
-      padding-left: 77px;
-      line-height: 167%;
-      background-repeat: no-repeat;
-      background-position: 10px 10px;
-      background-size: 60px;
-    }
-    .from {
-      display: inline;
-      font-weight: bold;
-    }
-    .timestamp {
-      margin-left: 10px;
-      font-size: 12px;
-      opacity: 0.8;
-    }
-    .body {
-      font-size: 12px;
-    }
-    .hidden {
-      display: none;
-    }
-    .divider {
-      height: 80px;
-      box-sizing: border-box;
-      box-shadow: inset 0 8px 40px 0 rgba(0, 0, 0, 0.1);
-      text-transform: uppercase;
-      padding: 36px 20px 0;
-      font-size: 40px;
-    }
-    .main {
-      padding: 4px;
-      background-color: white;
-    }
-  </style>
-  <core-list id="list" data="{{data}}" height="80">
-    <template repeat>
-      <div class="item {{ {selected: selected} | tokenList }}">
-        <div class="divider {{ {hidden: !divider} |tokenList}}">{{divider}}</div>
-        <div class="message {{ {hidden: divider} |tokenList}}" style="background-image: url(images/{{index % 4}}.png);">
-          <span class="from">{{name}}</span>
-          <span class="timestamp">{{time}}</span>
-          <div class="subject">Infinite List. {{index}}</div>
-          <div class="body">{{details}}</div>
-        </div>
-      </div>
-    </template>
-  </core-list>
-</template>
-<script>
-(function() {
-  var strings = [
-    "PARKOUR!",
-    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...",
-    "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
-  ];
-  var namegen = {
-    generateString: function(inLength) {
-      var s = '';
-      for (var i=0; i<inLength; i++) {
-        s += String.fromCharCode(Math.floor(Math.random() * 26) + 97);
-      }
-      return s;
-    },
-    generateName: function(inMin, inMax) {
-      return this.generateString(Math.floor(Math.random() * (inMax - inMin + 1) + inMin));
-    }
-  };
-  Polymer('list-test', {
-    count: 1000,
-    ready: function() {
-      this.data = this.generateData();
-    },
-    generateData: function() {
-      var names = [], data = [];
-      for (var i=0; i<this.count; i++) {
-        names.push(namegen.generateName(4, 8));
-      }
-      names.sort();
-      for (var i=0, o; i<this.count; i++) {
-        var name = names[i];
-        var divider = name.charAt(0);
-        if (divider === (names[i-1] || '').charAt(0)) {
-          divider = null;
-        }
-        o = {
-          index: i,
-          name: name,
-          divider: divider,
-          details: strings[i % 3],
-          time: '8:29pm'
-        };
-        data.push(o);
-        if (divider) {
-          o = Object.create(o);
-          o.divider = false;
-          data.push(o);
-        }
-      }
-      return data;
-    },
-    tapAction: function(e) {
-      console.log('tap', e);
-    }
-  });
-})();
-</script>
-</polymer-element>
-</body>
-</html>

data/app/assets/components/core-list/demo.html DELETED Viewed

@@ -1,154 +0,0 @@
-<!doctype html>
-<!--
-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
--->
-<html>
-<head>
-  <title>core-list</title>
-  <meta name="viewport" content="width=device-width">
-  <script src="../platform/platform.js"></script>
-  <link rel="import" href="core-list.html">
-  <style>
-    html, body {
-      height: 100%;
-      margin: 0;
-    }
-    list-test {
-      display: block;
-      height: 100%;
-      margin: 0 auto;
-    }
-    .stuff {
-      min-height: 60px;
-      background: red !important;
-      border-bottom: 1px solid black;
-    }
-  </style>
-</head>
-<body>
-<list-test></list-test>
-<polymer-element name="list-test">
-<template>
-  <style>
-    core-list {
-      height: 100%;
-    }
-    .item {
-      box-sizing: border-box;
-      height: 80px;
-      border-bottom: 1px solid #ddd;
-      padding: 4px;
-      cursor: default;
-      background-color: white;
-      overflow: hidden;
-    }
-    .selected {
-      background: silver;
-    }
-    .message {
-      padding-left: 77px;
-      line-height: 167%;
-      background-repeat: no-repeat;
-      background-position: 10px 10px;
-      background-size: 60px;
-    }
-    .from {
-      display: inline;
-      font-weight: bold;
-    }
-    .timestamp {
-      margin-left: 10px;
-      font-size: 12px;
-      opacity: 0.8;
-    }
-    .body {
-      font-size: 12px;
-    }
-  </style>
-  <core-list id="list" data="{{data}}" height="80">
-    <template>
-      <div class="item {{ {selected: selected} | tokenList }}">
-        <div class="message" style="background-image: url(images/{{index % 4}}.png);">
-          <span class="from">{{name}}</span>
-          <span class="timestamp">{{time}}</span>
-          <div class="subject">Infinite List. {{index}}</div>
-          <div class="body">{{details}}</div>
-        </div>
-      </div>
-    </template>
-  </core-list>
-</template>
-<script>
-(function() {
-  var strings = [
-    "PARKOUR!",
-    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...",
-    "Lorem Ipsum is simply dummy text of the printing and typesetting industry."
-  ];
-  var namegen = {
-    generateString: function(inLength) {
-      var s = '';
-      for (var i=0; i<inLength; i++) {
-        s += String.fromCharCode(Math.floor(Math.random() * 26) + 97);
-      }
-      return s;
-    },
-    generateName: function(inMin, inMax) {
-      return this.generateString(Math.floor(Math.random() * (inMax - inMin + 1) + inMin));
-    }
-  };
-  Polymer('list-test', {
-    count: 50000,
-    ready: function() {
-      this.data = this.generateData();
-    },
-    generateData: function() {
-      var names = [], data = [];
-      for (var i=0; i<this.count; i++) {
-        names.push(namegen.generateName(4, 8));
-      }
-      names.sort();
-      for (var i=0; i<this.count; i++) {
-        var name = names[i];
-        var divider = name.charAt(0);
-        if (divider === (names[i-1] || '').charAt(0)) {
-          divider = null;
-        }
-        data.push({
-          index: i,
-          name: name,
-          divider: divider,
-          details: strings[i % 3],
-          time: '8:29pm'
-        });
-      }
-      return data;
-    },
-    tapAction: function(e) {
-      console.log('tap', e);
-    }
-  });
-})();
-</script>
-</polymer-element>
-</body>
-</html>