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

data/app/assets/components/core-input/metadata.html

@@ -1,23 +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
--->
-<x-meta id="core-input" label="Input" group="Core" isEditor>
-
-  <property name="value"></property>
-  <property name="placeholder"></property>
-
-  <template>
-    <input is="core-input" placeholder="type something..." style="padding: 15px;">
-  </template>
-
-  <template id="imports">
-    <link rel="import" href="core-input.html">
-  </template>
-
-</x-meta>

data/app/assets/components/core-item/core-item.css

@@ -1,45 +0,0 @@
-/*
-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
-*/
-
-:host {
-  display: block;
-  position: relative;
-  min-height: 40px;
-  white-space: nowrap;
-}
-
-:host(.font-scalable) {
-  min-height: 2.5em;
-}
-
-:host(.core-selected) {
-  font-weight: bold;
-}
-
-#icon {
-  margin: 0 16px 0 4px;
-}
-
-:host(.font-scalable) #icon {
-  margin: 0 1em 0 0.25em;
-  height: 1.5em;
-  width: 1.5em;
-}
-
-polyfill-next-selector { content: ':host > a'; }
-::content > a {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  /* IE10 styling to ensure link is clickable. Cannot be completely
-  transparent or minifiers change it to `transparent` which does not work. */
-  background-color: rgba(0, 0, 0, 0.000001);
-}

data/app/assets/components/core-item/core-item.html

@@ -1,73 +0,0 @@
-<!--
-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
--->
-
-<!--
-`core-item` is a simple line-item object: a label and/or an icon that can also 
-act as a link.
-
-Example:
-
-    <core-item icon="settings" label="Settings"></core-item>
-    
-To use as a link, put &lt;a&gt; element in the item.
-
-Example:
-
-    <core-item icon="settings" label="Settings">
-      <a href="#settings" target="_self"></a>
-    </core-item>
-
-@group Polymer Core Elements
-@element core-item
-@homepage github.io
--->
-
-<link rel="import" href="../core-icon/core-icon.html">
-
-<polymer-element name="core-item" attributes="label icon src" horizontal center layout>
-<template>
-  <link rel="stylesheet" href="core-item.css">
-  <template if="{{icon || src}}">
-    <core-icon src="{{src}}" id="icon" icon="{{icon}}" hidden?="{{!src && !icon}}"></core-icon>
-  </template>
-  <div id="label">{{label}}</div>
-  <content></content>
-</template>
-<script>
-
-  Polymer('core-item', {
-    
-    /**
-     * The URL of an image for the icon.
-     *
-     * @attribute src
-     * @type string
-     * @default ''
-     */
-
-    /**
-     * Specifies the icon from the Polymer icon set.
-     *
-     * @attribute icon
-     * @type string
-     * @default ''
-     */
-
-    /**
-     * Specifies the label for the menu item.
-     *
-     * @attribute label
-     * @type string
-     * @default ''
-     */
-
-  });
-
-</script>
-</polymer-element>

data/app/assets/components/core-item/metadata.html

@@ -1,24 +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
--->
-<x-meta id="core-item" label="Item" group="Core">
-
-  <template>
-  
-    <core-item icon="settings" label="Item"></core-item>
-    
-  </template>
-  
-  <template id="imports">
-  
-    <link rel="import" href="core-item.html">
-    
-  </template>
-  
-</x-meta>

data/app/assets/components/core-media-query/core-media-query.html

@@ -1,87 +0,0 @@
-<!--
-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
--->
-<!--
-/**
- * @group Polymer Core Elements
- * @element core-media-query
- * @status beta
- * @homepage github.io
- *
- * core-media-query can be used to data bind to a CSS media query.
- * The "query" property is a bare CSS media query.
- * The "queryMatches" property will be a boolean representing if the page matches that media query.
- *
- * core-media-query uses media query listeners to dynamically update the "queryMatches" property.
- * A "core-media-change" event also fires when queryMatches changes.
- *
- * Example:
- *
- *      <core-media-query query="max-width: 640px" queryMatches="{{phoneScreen}}"></core-media-query>
- *
- */
-
- /**
-  * Fired when the media query state changes
-  *
-  * @event core-media-change
-  */
--->
-<link rel="import" href="../polymer/polymer.html">
-
-<polymer-element name="core-media-query" attributes="query queryMatches">
-  <template>
-    <style>
-      :host {
-        display: none;
-      }
-    </style>
-  </template>
-  <script>
-    Polymer('core-media-query', {
-
-      /**
-       * The Boolean return value of the media query
-       *
-       * @attribute queryMatches
-       * @type Boolean
-       * @default false
-       */
-      queryMatches: false,
-
-      /**
-       * The CSS media query to evaulate
-       *
-       * @attribute query
-       * @type string
-       * @default ''
-       */
-      query: '',
-      ready: function() {
-        this._mqHandler = this.queryHandler.bind(this);
-        this._mq = null;
-      },
-      queryChanged: function() {
-        if (this._mq) {
-          this._mq.removeListener(this._mqHandler);
-        }
-        var query = this.query;
-        if (query[0] !== '(') {
-          query = '(' + this.query + ')';
-        }
-        this._mq = window.matchMedia(query);
-        this._mq.addListener(this._mqHandler);
-        this.queryHandler(this._mq);
-      },
-      queryHandler: function(mq) {
-        this.queryMatches = mq.matches;
-        this.asyncFire('core-media-change', mq);
-      }
-    });
-  </script>
-</polymer-element>

data/app/assets/components/core-menu/core-menu.html

@@ -1,73 +0,0 @@
-<!--
-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
--->
-
-<!--
-`core-menu` is a selector which styles to looks like a menu.
-
-    <core-menu selected="0">
-      <core-item icon="settings" label="Settings"></core-item>
-      <core-item icon="dialog" label="Dialog"></core-item>
-      <core-item icon="search" label="Search"></core-item>
-    </core-menu>
-
-When an item is selected the `core-selected` class is added to it.  The user can
-use the class to add more stylings to the selected item.
-
-    core-item.core-selected {
-      color: red;
-    }
-
-The `selectedItem` property references the selected item.
-
-    <core-menu selected="0" selectedItem="{{item}}">
-      <core-item icon="settings" label="Settings"></core-item>
-      <core-item icon="dialog" label="Dialog"></core-item>
-      <core-item icon="search" label="Search"></core-item>
-    </core-menu>
-
-    <div>selected label: {{item.label}}</div>
-
-The `core-select` event signals selection change.
-
-    <core-menu selected="0" on-core-select="{{selectAction}}">
-      <core-item icon="settings" label="Settings"></core-item>
-      <core-item icon="dialog" label="Dialog"></core-item>
-      <core-item icon="search" label="Search"></core-item>
-    </core-menu>
-
-    ...
-
-    selectAction: function(e, detail) {
-      if (detail.isSelected) {
-        var selectedItem = detail.item;
-        ...
-      }
-    }
-
-@group Polymer Core Elements
-@element core-menu
-@extends core-selector
--->
-
-<link rel="import" href="../core-selector/core-selector.html">
-<link rel="import" href="../core-a11y-keys/core-a11y-keys.html">
-
-<polymer-element name="core-menu" extends="core-selector" noscript>
-<template>
-
-  <link rel="stylesheet" href="core-menu.css">
-
-  <core-a11y-keys target="{{}}" keys="up" on-keys-pressed="{{ selectPrevious }}"></core-a11y-keys>
-  <core-a11y-keys target="{{}}" keys="down" on-keys-pressed="{{ selectNext }}"></core-a11y-keys>
-  <core-a11y-keys target="{{}}" keys="enter" on-keys-pressed="{{ validateSelected }}"></core-a11y-keys>
-
-  <shadow></shadow>
-
-</template>
-</polymer-element>

data/app/assets/components/core-menu/core-submenu.html

@@ -1,126 +0,0 @@
-<!--
-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
--->
-
-<!--
-Use to create nested menus inside of `core-menu` elements.
-
-    <core-menu selected="0">
-    
-      <core-submenu icon="settings" label="Topics">
-        <core-item label="Topic 1"></core-item>
-        <core-item label="Topic 2"></core-item>
-      </core-submenu>
-      
-      <core-submenu icon="settings" label="Favorites">
-        <core-item label="Favorite 1"></core-item>
-        <core-item label="Favorite 2"></core-item>
-        <core-item label="Favorite 3"></core-item>
-      </core-submenu>
-      
-    </core-menu>
-    
-There is a margin set on the submenu to indent the items.
-You can override the margin by doing:
-
-    core-submenu::shadow #submenu {
-      margin-left: 20px;
-    }
-
-To style the item for the submenu, do something like this:
-
-    core-submenu::shadow > #submenuItem {
-      color: blue;
-    }
-    
-To style all the `core-item`s in the light DOM:
-
-    polyfill-next-selector { content: 'core-submenu > #submenu > core-item'; }
-    core-submenu > core-item {
-      color: red;
-    }
-    
-The above will style `Topic1` and `Topic2` to have font color red.
-
-    <core-submenu icon="settings" label="Topics">
-      <core-item label="Topic1"></core-item>
-      <core-item label="Topic2"></core-item>
-    </core-submenu>
-    
-@group Polymer Core Elements
-@element core-submenu
-@extends core-item
--->
-
-<link rel="import" href="../core-item/core-item.html">
-<link rel="import" href="../core-menu/core-menu.html">
-<link rel="import" href="../core-collapse/core-collapse.html">
-
-<polymer-element name="core-submenu" attributes="selected selectedItem selectedAttribute label icon src valueattr">
-<template>
-
-  <link rel="stylesheet" href="core-submenu.css">
-
-  <core-item id="submenuItem" src="{{src}}" label="{{label}}" icon="{{icon}}" class="{{ {'core-selected' : active} | tokenList}}" on-tap="{{activate}}">
-    <content select=".item-content"></content>
-  </core-item>
-
-  <core-menu id="submenu" selected="{{selected}}" selectedItem="{{selectedItem}}" selectedAttribute="{{selectedAttribute}}" valueattr="{{valueattr}}">
-    <content></content>
-  </core-menu>
-
-  <core-collapse target="{{$.submenu}}" opened="{{opened}}"></core-collapse>
-
-</template>
-<script>
-
-  Polymer('core-submenu', {
-
-    publish: {
-      active: {value: false, reflect: true}
-    },
-
-    opened: false,
-
-    get items() {
-      return this.$.submenu.items;
-    },
-
-    hasItems: function() {
-      return !!this.items.length;
-    },
-
-    unselectAllItems: function() {
-      this.$.submenu.selected = null;
-      this.$.submenu.clearSelection();
-    },
-
-    activeChanged: function() {
-      if (this.hasItems()) {
-        this.opened = this.active;
-      }
-      if (!this.active) {
-        this.unselectAllItems();
-      }
-    },
-    
-    toggle: function() {
-      this.opened = !this.opened;
-    },
-
-    activate: function() {
-      if (this.hasItems() && this.active) {
-        this.toggle();
-        this.unselectAllItems();
-      }
-    }
-    
-  });
-
-</script>
-</polymer-element>

data/app/assets/components/core-menu/metadata.html

@@ -1,62 +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
--->
-<x-meta id="core-menu" label="Menu" group="Core" isContainer>
-
-  <template>
-  
-    <core-menu selected="0" style="font-size: 16px;">
-  
-      <core-submenu icon="settings" label="Topics">
-      
-        <core-item label="Topic 1"></core-item>
-        <core-item label="Topic 2"></core-item>
-        
-      </core-submenu>
-      
-      <core-submenu icon="settings" label="Favorites">
-      
-        <core-item label="Favorite 1"></core-item>
-        <core-item label="Favorite 2"></core-item>
-        <core-item label="Favorite 3"></core-item>
-        
-      </core-submenu>
-      
-    </core-menu>
-
-  </template>
-  
-  <template id="imports">
-  
-    <link rel="import" href="core-submenu.html">
-    
-  </template>
-  
-</x-meta>
-
-<x-meta id="core-submenu" label="Sub Menu" group="Core" isContainer>
-
-  <template>
-  
-    <core-submenu icon="settings" label="Topics">
-    
-      <core-item label="Topic 1"></core-item>
-      <core-item label="Topic 2"></core-item>
-      
-    </core-submenu>
-
-  </template>
-  
-  <template id="imports">
-  
-    <link rel="import" href="core-submenu.html">
-    
-  </template>
-  
-</x-meta>

data/app/assets/components/core-meta/core-meta.html

@@ -1,145 +0,0 @@
-<!--
-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
--->
-
-<!--
-`core-meta` provides a method of constructing a self-organizing database.
-It is useful to collate element meta-data for things like catalogs and for 
-designer.
-
-Example, an element folder has a `metadata.html` file in it, that contains a 
-`core-meta`, something like this:
-
-    <core-meta id="my-element" label="My Element">
-      <property name="color" value="blue"></property>
-    </core-meta>
-
-An application can import as many of these files as it wants, and then use 
-`core-meta` again to access the collected data.
-
-    <script>
-      var meta = document.createElement('core-meta');
-      console.log(meta.list); // dump a list of all meta-data elements that have been created
-    </script>
-
-Use `byId(id)` to retrive a specific core-meta.
-
-    <script>
-      var meta = document.createElement('core-meta');
-      console.log(meta.byId('my-element'));
-    </script>
-
-By default all meta-data are stored in a single databse.  If your meta-data 
-have different types and want them to be stored separately, use `type` to 
-differentiate them.
-
-Example:
-
-    <core-meta id="x-foo" type="xElt"></core-meta>
-    <core-meta id="x-bar" type="xElt"></core-meta>
-    <core-meta id="y-bar" type="yElt"></core-meta>
-
-    <script>
-      var meta = document.createElement('core-meta');
-      meta.type = 'xElt';
-      console.log(meta.list);
-    </script>
-
-@group Polymer Core Elements
-@element core-meta
-@homepage github.io
--->
-
-<link rel="import" href="../polymer/polymer.html">
-
-<polymer-element name="core-meta" attributes="label type" hidden>
-<script>
-
-  (function() {
-    
-    var SKIP_ID = 'meta';
-    var metaData = {}, metaArray = {};
-
-    Polymer('core-meta', {
-      
-      /**
-       * The type of meta-data.  All meta-data with the same type with be
-       * stored together.
-       * 
-       * @attribute type
-       * @type string
-       * @default 'default'
-       */
-      type: 'default',
-      
-      alwaysPrepare: true,
-      
-      ready: function() {
-        this.register(this.id);
-      },
-      
-      get metaArray() {
-        var t = this.type;
-        if (!metaArray[t]) {
-          metaArray[t] = [];
-        }
-        return metaArray[t];
-      },
-      
-      get metaData() {
-        var t = this.type;
-        if (!metaData[t]) {
-          metaData[t] = {};
-        }
-        return metaData[t];
-      },
-      
-      register: function(id, old) {
-        if (id && id !== SKIP_ID) {
-          this.unregister(this, old);
-          this.metaData[id] = this;
-          this.metaArray.push(this);
-        }
-      },
-      
-      unregister: function(meta, id) {
-        delete this.metaData[id || meta.id];
-        var i = this.metaArray.indexOf(meta);
-        if (i >= 0) {
-          this.metaArray.splice(i, 1);
-        }
-      },
-      
-      /**
-       * Returns a list of all meta-data elements with the same type.
-       * 
-       * @property list
-       * @type array
-       * @default []
-       */
-      get list() {
-        return this.metaArray;
-      },
-      
-      /**
-       * Retrieves meta-data by ID.
-       *
-       * @method byId
-       * @param {String} id The ID of the meta-data to be returned.
-       * @returns Returns meta-data.
-       */
-      byId: function(id) {
-        return this.metaData[id];
-      }
-      
-    });
-    
-  })();
-  
-</script>
-</polymer-element>