Added Polymer

rpg-docs/public/bower_components/paper-tabs/paper-tab.html

@@ -0,0 +1,82 @@
+<!--
+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
+-->
+
+<!--
+`paper-tab` is styled to look like a tab.  It should be used in conjunction with
+`paper-tabs`.
+
+Example:
+
+    <paper-tabs selected="0">
+      <paper-tab>TAB 1</paper-tab>
+      <paper-tab>TAB 2</paper-tab>
+      <paper-tab>TAB 3</paper-tab>
+    </paper-tabs>
+    
+Styling tab:
+
+To change the ink color:
+
+    .pink paper-tab::shadow #ink {
+      color: #ff4081;
+    }
+
+@group Paper Elements
+@element paper-tab
+@homepage github.io
+-->
+
+<link rel="import" href="../paper-ripple/paper-ripple.html">
+
+<polymer-element name="paper-tab" attributes="noink" role="tab" inline flex center-center horizontal layout>
+<template>
+
+  <link rel="stylesheet" href="paper-tab.css">
+  
+  <div class="tab-content" flex auto center-center horizontal layout><content></content></div>
+  <paper-ripple id="ink" initialOpacity="0.95" opacityDecayVelocity="0.98"></paper-ripple>
+  
+</template>
+<script>
+
+  Polymer('paper-tab', {
+    
+    /**
+     * If true, ink ripple effect is disabled.
+     *
+     * @attribute noink
+     * @type boolean
+     * @default false
+     */
+    noink: false,
+    
+    eventDelegates: {
+      down: 'downAction',
+      up: 'upAction'
+    },
+
+    downAction: function(e) {
+      if (this.noink || (this.parentElement && this.parentElement.noink)) {
+        return;
+      }
+      this.$.ink.downAction(e);
+    },
+
+    upAction: function() {
+      this.$.ink.upAction();
+    },
+    
+    cancelRipple: function() {
+      this.$.ink.upAction();
+    }
+    
+  });
+  
+</script>
+</polymer-element>