RubyGems - easycomments - Versions diffs - 1.0.1 - Mend

easycomments 1.0.1

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 (379) hide show

data/public/bower_components/paper-tabs/demo.html ADDED Viewed

@@ -0,0 +1,242 @@
+<!--
+    @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>paper-tabs</title>
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+  <script src="../webcomponentsjs/webcomponents.js"></script>
+  <link rel="import" href="../core-icons/core-icons.html">
+  <link rel="import" href="../font-roboto/roboto.html">
+  <link rel="import" href="paper-tabs.html">
+  <link rel="import" href="../core-toolbar/core-toolbar.html">
+  <link rel="import" href="../core-media-query/core-media-query.html">
+  <link rel="import" href="../paper-icon-button/paper-icon-button.html">
+  <style shim-shadowdom>
+    body {
+      font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
+      margin: 0;
+      padding: 24px;
+      color: #333;
+    }
+    body.core-narrow {
+      padding: 8px;
+    }
+    paper-tabs, core-toolbar {
+      background-color: #00bcd4;
+      color: #fff;
+      box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
+    }
+    core-toolbar paper-tabs {
+      box-shadow: none;
+    }
+    paper-tabs[noink][nobar] paper-tab.core-selected {
+      color: #ffff8d;
+    }
+    paper-tabs.transparent-teal {
+      background-color: transparent;
+      color: #00bcd4;
+      box-shadow: none;
+    }
+    paper-tabs.transparent-teal::shadow #selectionBar {
+      background-color: #00bcd4;
+    }
+    paper-tabs.transparent-teal paper-tab::shadow #ink {
+      color: #00bcd4;
+    }
+    h3 {
+      font-size: 16px;
+      font-weight: 400;
+    }
+  </style>
+</head>
+<body unresolved>
+  <h3>A. No ink effect and no sliding bar</h3>
+  <paper-tabs selected="0" noink nobar>
+    <paper-tab>ITEM ONE</paper-tab>
+    <paper-tab>ITEM TWO</paper-tab>
+    <paper-tab>ITEM THREE</paper-tab>
+  </paper-tabs>
+  <br>
+  <br>
+  <h3>B. The bottom bar appears to indicate the selected tab, but without sliding effect.</h3>
+  <paper-tabs selected="0" noink noslide>
+    <paper-tab>ITEM ONE</paper-tab>
+    <paper-tab>ITEM TWO</paper-tab>
+    <paper-tab>ITEM THREE</paper-tab>
+  </paper-tabs>
+  <br>
+  <br>
+  <h3>C. The bar slides to the selected tab</h3>
+  <paper-tabs selected="0" noink>
+    <paper-tab>ITEM ONE</paper-tab>
+    <paper-tab>ITEM TWO</paper-tab>
+    <paper-tab>ITEM THREE</paper-tab>
+  </paper-tabs>
+  <br>
+  <br>
+  <h3>D. Inky Tabs</h3>
+  <paper-tabs selected="0">
+    <paper-tab>ITEM ONE</paper-tab>
+    <paper-tab>ITEM TWO</paper-tab>
+    <paper-tab>ITEM THREE</paper-tab>
+  </paper-tabs>
+  <br>
+  <br>
+  <paper-tabs selected="0" class="transparent-teal">
+    <paper-tab>ITEM ONE</paper-tab>
+    <paper-tab>ITEM TWO</paper-tab>
+    <paper-tab>ITEM THREE</paper-tab>
+  </paper-tabs>
+  <br>
+  <br>
+  <h3>E. Scrollable Tabs</h3>
+  <paper-tabs id="scrollableTabs" selected="0" scrollable>
+    <paper-tab>NUMBER ONE ITEM</paper-tab>
+    <paper-tab>ITEM TWO</paper-tab>
+    <paper-tab>THE THIRD ITEM</paper-tab>
+    <paper-tab>THE ITEM FOUR</paper-tab>
+    <paper-tab>FIFTH</paper-tab>
+    <paper-tab>THE SIXTH TAB</paper-tab>
+    <paper-tab>NUMBER SEVEN</paper-tab>
+    <paper-tab>EIGHT</paper-tab>
+    <paper-tab>NUMBER NINE</paper-tab>
+    <paper-tab>THE TENTH</paper-tab>
+    <paper-tab>THE ITEM ELEVEN</paper-tab>
+    <paper-tab>TWELFTH ITEM</paper-tab>
+  </paper-tabs>
+  <br>
+  <br>
+  <h3>F. Link Tabs</h3>
+  <paper-tabs selected="0" link>
+    <paper-tab><a href="#item1" horizontal center-center layout>ITEM ONE</a></paper-tab>
+    <paper-tab><a href="#item2" horizontal center-center layout>ITEM TWO</a></paper-tab>
+    <paper-tab><a href="#item3" horizontal center-center layout>ITEM THREE</a></paper-tab>
+  </paper-tabs>
+  <br>
+  <br>
+  <h3>G. Tabs in Toolbar</h3>
+  <core-toolbar class="medium-tall">
+    <paper-icon-button icon="menu"></paper-icon-button>
+    <div flex>Title</div>
+    <paper-icon-button icon="search"></paper-icon-button>
+    <paper-icon-button icon="more-vert"></paper-icon-button>
+    <div class="bottom fit" horizontal layout>
+      <paper-tabs selected="0" flex style="max-width: 600px;">
+        <paper-tab>ITEM ONE</paper-tab>
+        <paper-tab>ITEM TWO</paper-tab>
+        <paper-tab>ITEM THREE</paper-tab>
+      </paper-tabs>
+    </div>
+  </core-toolbar>
+  <br>
+  <br>
+  <core-toolbar class="tall">
+    <paper-tabs selected="0" class="bottom" self-end style="width: 300px;">
+      <paper-tab>ITEM ONE</paper-tab>
+      <paper-tab>ITEM TWO</paper-tab>
+    </paper-tabs>
+    <div class="bottom" flex></div>
+    <paper-icon-button class="bottom" icon="search"></paper-icon-button>
+  </core-toolbar>
+  <br>
+  <br>
+  <h3>H. Tabs aligned to bottom</h3>
+  <paper-tabs selected="0" alignBottom>
+    <paper-tab>ITEM ONE</paper-tab>
+    <paper-tab>ITEM TWO</paper-tab>
+    <paper-tab>ITEM THREE</paper-tab>
+  </paper-tabs>
+  <!-- detect when window is narrow -->
+  <core-media-query id="mediaQuery" query="max-width: 640px"></core-media-query>
+  <script>
+    document.querySelector('#mediaQuery').addEventListener('core-media-change',
+      function(e) {
+        document.body.classList.toggle('core-narrow', e.detail.matches);
+        document.querySelector('#scrollableTabs').updateBar();
+      });
+  </script>
+</body>
+</html>

data/public/bower_components/paper-tabs/index.html ADDED Viewed

@@ -0,0 +1,22 @@
+<!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="../webcomponentsjs/webcomponents.js"></script>
+  <link rel="import" href="../core-component-page/core-component-page.html">
+</head>
+<body unresolved>
+  <core-component-page sources='["paper-tabs.html", "paper-tab.html"]'></core-component-page>
+</body>
+</html>

data/public/bower_components/paper-tabs/metadata.html ADDED Viewed

@@ -0,0 +1,58 @@
+<!--
+    @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="paper-tabs" label="Tabs" group="Paper" isContainer>
+  <template>
+    <paper-tabs selected="0" style="width: 480px; background-color: #00bcd4; color: #fff; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);">
+      <paper-tab>ITEM ONE</paper-tab>
+      <paper-tab>ITEM TWO</paper-tab>
+      <paper-tab>ITEM THREE</paper-tab>
+      <paper-tab>ITEM FOUR</paper-tab>
+      <paper-tab>ITEM FIVE</paper-tab>
+    </paper-tabs>
+  </template>
+  <template id="imports">
+    <link rel="import" href="paper-tabs.html">
+  </template>
+</x-meta>
+<x-meta id="paper-tab" label="Tab" group="Paper">
+  <template>
+    <paper-tab style="width: 120px; height: 40px;">TAB</paper-tab>
+  </template>
+  <template id="imports">
+    <link rel="import" href="paper-tab.html">
+  </template>
+</x-meta>
+<x-meta id="paper-tab-panel" label="Panel with Tabs" group="Paper" isContainer>
+	<template>
+		<section layout vertical style="width:420px;height:630px;border:5px solid #ccc;">
+      <paper-tabs selected="0" noink nobar style="background-color:#00bcd4; color:#fff;box-shadow:0px 3px 2px rgba(0, 0, 0, 0.2);">
+        <paper-tab>ITEM ONE</paper-tab>
+        <paper-tab>ITEM TWO</paper-tab>
+      </paper-tabs>
+      <section flex relative>
+      </section>
+		</section>
+	</template>
+  <template id="imports">
+    <link rel="import" href="paper-tabs.html">
+  </template>
+</x-meta>

data/public/bower_components/paper-tabs/paper-tab.css ADDED Viewed

@@ -0,0 +1,59 @@
+/*
+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 {
+  position: relative;
+  overflow: hidden;
+  cursor: default;
+}
+.tab-content {
+  transition: opacity .1s cubic-bezier(0.4, 0.0, 1, 1), color .1s cubic-bezier(0.4, 0.0, 1, 1);
+  height: 100%;
+  margin: 0 12px;
+}
+:host-context(#tabsContainer.scrollable) .tab-content {
+  margin: 0 24px;
+}
+:host-context(paper-tabs[link]) .tab-content {
+  margin: 0 !important;
+}
+polyfill-next-selector { content: '.core-narrow #tabsContainer.scrollable :host .tab-content'; }
+:host-context(.core-narrow):host-context(#tabsContainer.scrollable) .tab-content {
+  margin: 0 12px;
+}
+:host(:not(.core-selected)) .tab-content {
+  opacity: 0.6;
+}
+#ink {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  color: #ffff8d;
+  pointer-events: none;
+}
+polyfill-next-selector { content: '.tab-content > a'; }
+::content > a {
+  height: 100%;
+  padding: 0 12px;
+  /* flex */
+  -ms-flex: 1 1 0.000000001px;
+  -webkit-flex: 1;
+  flex: 1;
+  -webkit-flex-basis: 0.000000001px;
+  flex-basis: 0.000000001px;
+}

data/public/bower_components/paper-tabs/paper-tab.html ADDED Viewed

@@ -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>

data/public/bower_components/paper-tabs/paper-tabs.css ADDED Viewed

@@ -0,0 +1,80 @@
+/*
+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;
+  font-size: 14px;
+  font-weight: 500;
+  height: 48px;
+  overflow: hidden;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+#tabsContainer {
+  position: relative;
+  height: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+#tabsContent {
+  height: 100%;
+}
+#tabsContainer.scrollable > #tabsContent {
+  position: absolute;
+  white-space: nowrap;
+}
+.scroll-button {
+  width: 40px;
+  padding: 0 12px;
+}
+.scroll-button > paper-icon-button {
+  transition: opacity 0.18s;
+}
+.scroll-button > .hidden {
+  opacity: 0;
+}
+#selectionBar {
+  position: absolute;
+  height: 2px;
+  bottom: 0;
+  left: 0;
+  width: 0;
+  background-color: #ffff8d;
+  transition: width, left;
+}
+#selectionBar.alignBottom {
+	top: 0;
+	bottom: auto;
+}
+#selectionBar.expand {
+  transition-duration: 0.15s;
+  transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1);
+}
+#selectionBar.contract {
+  transition-duration: 0.18s;
+  transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
+}
+polyfill-next-selector { content: '#tabsContent > *:not(#selectionBar)'; }
+::content > * {
+  height: 100%;
+}