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-input/demo.html ADDED Viewed

@@ -0,0 +1,236 @@
+<!--
+    @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>
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+  <title>paper-input</title>
+  <script src="../webcomponentsjs/webcomponents.js"></script>
+  <link href="../font-roboto/roboto.html" rel="import">
+  <link href="paper-autogrow-textarea.html" rel="import">
+  <link href="paper-input-decorator.html" rel="import">
+  <link href="paper-input.html" rel="import">
+  <link href="paper-char-counter.html" rel="import">
+  <style shim-shadowdom>
+    body {
+      font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
+      font-size: 14px;
+      margin: 0;
+      padding: 24px;
+      -webkit-tap-highlight-color: rgba(0,0,0,0);
+      -webkit-touch-callout: none;
+    }
+    section {
+      padding: 20px 0;
+    }
+    section > div {
+      padding: 14px;
+      font-size: 16px;
+    }
+    paper-input {
+      width: 80%;
+    }
+    paper-input-decorator {
+      max-width: 80%;
+    }
+    @media only screen and (min-width : 320px) {
+      paper-input {
+        width: 100%;
+      }
+      paper-input-decorator {
+        max-width: 100%;
+      }
+    }
+    paper-input.narrow {
+      width: 150px;
+    }
+    .custom /deep/ ::-webkit-input-placeholder {
+      color: #f4b400;
+    }
+    .custom /deep/ ::-moz-placeholder {
+      color: #f4b400;
+    }
+    .custom /deep/ :-ms-input-placeholder {
+      color: #f4b400;
+    }
+    .custom /deep/ .label-text,
+    .custom /deep/ .error {
+      color: #f4b400;
+    }
+    .custom /deep/ .unfocused-underline {
+      background-color: #f4b400;
+    }
+    .custom[focused] /deep/ .floated-label .label-text {
+      color: #0f9d58;
+    }
+    .custom /deep/ .focused-underline {
+      background-color: #0f9d58;
+    }
+    .custom.invalid /deep/ .floated-label .label-text,
+    .custom /deep/ .error {
+      color: #f06292;
+    }
+    .custom.invalid /deep/ .focused-underline {
+      background-color: #f06292;
+    }
+    .custom {
+      color: #1a237e;
+    }
+  </style>
+</head>
+<body unresolved>
+  <section>
+    <div>Standalone</div>
+    <br>
+    <paper-input label="label"></paper-input>
+    <br>
+    <paper-input label="floating label" floatingLabel></paper-input>
+    <br>
+    <paper-input label="disabled" disabled></paper-input>
+  </section>
+  <section>
+    <div>Decorator</div>
+    <br>
+    <paper-input-decorator label="with core-input">
+      <input is="core-input">
+    </paper-input-decorator>
+    <br>
+    <paper-input-decorator label="with core-input + floatingLabel" floatingLabel>
+      <input is="core-input">
+    </paper-input-decorator>
+    <br>
+    <paper-input-decorator label="with autogrowing text area">
+      <paper-autogrow-textarea>
+        <textarea></textarea>
+      </paper-autogrow-textarea>
+    </paper-input-decorator>
+    <br>
+    <paper-input-decorator label="with autogrowing text area + floatingLabel" floatingLabel>
+      <paper-autogrow-textarea>
+        <textarea></textarea>
+      </paper-autogrow-textarea>
+    </paper-input-decorator>
+  </section>
+  <section>
+    <div>Character counter</div>
+    <paper-input-decorator label="input with visible character counter">
+      <input id="i1" is="core-input" maxlength="5">
+      <paper-char-counter class="counter" target="i1"></paper-char-counter>
+    </paper-input-decorator>
+    <br>
+    <paper-input-decorator label="input with character counter and custom error"
+                           error="maximum characters exceeded">
+      <input id="i2" is="core-input" maxlength="10">
+      <paper-char-counter class="counter" target="i2"></paper-char-counter>
+    </paper-input-decorator>
+    <br>
+    <paper-input-decorator label="input with hidden character counter"
+                           error="maximum characters exceeded">
+      <input id="i3" is="core-input" maxlength="10">
+      <paper-char-counter class="counter" showCounter="false" target="i3"></paper-char-counter>
+    </paper-input-decorator>
+    <paper-input-decorator label="autogrowing text area with character counter">
+      <paper-autogrow-textarea>
+        <textarea id="t1" maxlength="100"></textarea>
+      </paper-autogrow-textarea>
+      <paper-char-counter class="counter" target="t1"></paper-char-counter>
+    </paper-input-decorator>
+  </section>
+  <section>
+    <div>Auto-Validation</div>
+    <paper-input-decorator label="required" floatingLabel error="input is required!" autoValidate>
+      <input is="core-input" required>
+    </paper-input-decorator>
+  </section>
+  <section>
+    <div>Custom styling</div>
+    <br>
+    <paper-input class="custom" label="paper-input"></paper-input>
+    <br>
+    <paper-input-decorator class="custom" label="decorator">
+      <input is="core-input">
+    </paper-input-decorator>
+  </section>
+  <script>
+    document.body.addEventListener('change', function(e) {
+      console.log('change', e.target);
+    });
+  </script>
+</body>
+</html>

data/public/bower_components/paper-input/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-input.html","paper-input-decorator.html","../core-input/core-input.html"]'></core-component-page>
+</body>
+</html>

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

@@ -0,0 +1,20 @@
+<!--
+    @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-input" label="Input" group="Paper" isEditor>
+  <template>
+    <paper-input label="Type something..."></paper-input>
+  </template>
+  <template id="imports">
+    <link rel="import" href="paper-input.html">
+  </template>
+</x-meta>

data/public/bower_components/paper-input/paper-autogrow-textarea.html ADDED Viewed

@@ -0,0 +1,162 @@
+<!--
+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
+-->
+<!--
+`paper-autogrow-textarea` is an element containing a textarea that grows in height as more
+lines of input are entered. Unless an explicit height or the `maxRows` property is set, it will
+never scroll.
+Example:
+    <paper-autogrow-textarea id="a1">
+        <textarea id="t1"></textarea>
+    </paper-autogrow-textarea>
+Because the `textarea`'s `value` property is not observable, if you set the `value` imperatively
+you must call `update` to notify this element the value has changed.
+Example:
+    /* using example HTML above */
+    t1.value = 'some\ntext';
+    a1.update();
+@group Paper Elements
+@element paper-autogrow-textarea
+@status unstable
+-->
+<link href="../polymer/polymer.html" rel="import">
+<polymer-element name="paper-autogrow-textarea" on-input="{{inputAction}}">
+<template>
+  <style>
+    :host {
+      display: inline-block;
+      position: relative;
+      width: 400px;
+    }
+    .mirror-text {
+      visibility: hidden;
+      word-wrap: break-word;
+    }
+    ::content textarea {
+      padding: 0;
+      margin: 0;
+      border: none;
+      outline: none;
+      resize: none;
+      /* see comments in template */
+      width: 100%;
+      height: 100%;
+    }
+    ::content textarea:invalid {
+      box-shadow: none;
+    }
+  </style>
+  <!-- the mirror sizes the input/textarea so it grows with typing -->
+  <div id="mirror" class="mirror-text" aria-hidden="true">&nbsp;</div>
+  <!-- size the input/textarea with a div, because the textarea has intrinsic size in ff -->
+  <div class="textarea-container" fit>
+    <content></content>
+  </div>
+</template>
+<script>
+  Polymer({
+    publish: {
+        /**
+         * The textarea that should auto grow.
+         *
+         * @attribute target
+         * @type HTMLTextAreaElement
+         * @default null
+         */
+        target: null,
+        /**
+         * The initial number of rows.
+         *
+         * @attribute rows
+         * @type number
+         * @default 1
+         */
+        rows: 1,
+        /**
+         * The maximum number of rows this element can grow to until it
+         * scrolls. 0 means no maximum.
+         *
+         * @attribute maxRows
+         * @type number
+         * @default 0
+         */
+        maxRows: 0
+    },
+    tokens: null,
+    observe: {
+      rows: 'updateCached',
+      maxRows: 'updateCached'
+    },
+    constrain: function(tokens) {
+      var _tokens;
+      tokens = tokens || [''];
+      // Enforce the min and max heights for a multiline input to avoid measurement
+      if (this.maxRows > 0 && tokens.length > this.maxRows) {
+        _tokens = tokens.slice(0, this.maxRows);
+      } else {
+        _tokens = tokens.slice(0);
+      }
+      while (this.rows > 0 && _tokens.length < this.rows) {
+        _tokens.push('');
+      }
+      return _tokens.join('<br>') + '&nbsp;';
+    },
+    valueForMirror: function(input) {
+      this.tokens = (input && input.value) ? input.value.replace(/&/gm, '&amp;').replace(/"/gm, '&quot;').replace(/'/gm, '&#39;').replace(/</gm, '&lt;').replace(/>/gm, '&gt;').split('\n') : [''];
+      return this.constrain(this.tokens);
+    },
+    /**
+     * Sizes this element to fit the input value. This function is automatically called
+     * when the user types in new input, but you must call this function if the value
+     * is updated imperatively.
+     *
+     * @method update
+     * @param Element The input
+     */
+    update: function(input) {
+      this.$.mirror.innerHTML = this.valueForMirror(input);
+    },
+    updateCached: function() {
+      this.$.mirror.innerHTML = this.constrain(this.tokens);
+    },
+    inputAction: function(e) {
+      this.update(e.target);
+    }
+  });
+</script>
+</polymer-element>

data/public/bower_components/paper-input/paper-char-counter.html ADDED Viewed

@@ -0,0 +1,121 @@
+<!--
+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
+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
+-->
+<!--
+Material Design: <a href="http://www.google.com/design/spec/components/text-fields.html#text-fields-character-counter">Character counter</a>
+`paper-char-counter` adds a character counter for paper input fields with a character restriction in place.
+Example:
+    <paper-input-decorator>
+      <input id="input1" is="core-input" maxlength="5">
+      <paper-char-counter class="footer" target="input1"></paper-char-counter>
+    </paper-input-decorator>
+Theming
+-------
+`paper-char-counter` uses `paper-input-decorator`'s error `core-style` for global theming.
+@group Paper Elements
+@element paper-char-counter
+@homepage github.io
+-->
+<link href="../polymer/polymer.html" rel="import">
+<link href="../core-style/core-style.html" rel="import">
+<core-style id="paper-char-counter">
+:host(.invalid) {
+  color: {{g.paperInput.invalidColor}};
+}
+</core-style>
+<polymer-element name="paper-char-counter">
+<template>
+  <style>
+    :host {
+      display: inline-block;
+      float: right;
+      color: #757575;
+      font-size: 0.75em;
+      padding: 0.5em 0 0.5em 0.5em;
+    }
+  </style>
+  <core-style ref="paper-char-counter"></core-style>
+  <div class="counter-text" aria-hidden="true" hidden?="{{!showCounter || !_maxChars}}">
+    <span>{{_charCount}} / {{_maxChars}}</span>
+  </div>
+</template>
+<script>
+  Polymer({
+    publish: {
+      /**
+       * The id of the textinput or textarea that should be monitored.
+       *
+       * @attribute target
+       * @type string
+       * @default null
+       */
+      target: null,
+      /**
+       * If false, don't show the character counter. Used in conjunction with
+       * `paper-input-decorator's` `error` field.
+       *
+       * @attribute showCounter
+       * @type boolean
+       * @default true
+       */
+      showCounter: true
+    },
+    /* Number of characters in the current input */
+    _charCount: 0,
+    /* Equal to the target element's maxLength attribute. */
+    _maxChars: 0,
+    /* True if the number of characters in the input exceeds _maxChars */
+    _isCounterInvalid: false,
+    ready: function() {
+      if (!this.target)
+        return;
+      var targetElement = document.getElementById(this.target);
+      this._maxChars = targetElement.maxLength;
+      targetElement.addEventListener('input', this.inputAction.bind(this));
+		},
+    inputAction: function(e) {
+      this._charCount = e.target.value.length;
+      this._isCounterInvalid = this._maxChars && this._charCount >= this._maxChars;
+    },
+    _isCounterInvalidChanged: function() {
+      debugger
+      this.classList.toggle('invalid', this._isCounterInvalid);
+      this.fire('char-counter-error',
+                {"hasError": this._isCounterInvalid,
+                 "hideErrorIcon": this.showCounter});
+    }
+  });
+</script>
+</polymer-element>

data/public/bower_components/paper-input/paper-input-decorator.css ADDED Viewed

@@ -0,0 +1,132 @@
+/*
+ * @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
+ */
+:host {
+  display: inline-block;
+  outline: none;
+  text-align: inherit;
+  padding: 0.75em 0;
+}
+polyfill-next-selector {
+  content: '.input-body > :not(.label)';
+}
+::content > *,
+::content > input[is="core-input"] {
+  padding: 0;
+  margin: 0.5em 0 0.25em;
+  width: 100%;
+}
+polyfill-next-selector {
+  content: 'input, textarea';
+}
+::content input,
+::content input[is=core-input],
+::content textarea {
+  font: inherit;
+  color: inherit;
+  background-color: transparent;
+  border: none;
+  outline: none;
+}
+polyfill-next-selector {
+  content: ':invalid';
+}
+::content input:invalid,
+::content textarea:invalid {
+  box-shadow: none;
+}
+polyfill-next-selector {
+  content: 'textarea';
+}
+::content textarea {
+  resize: none;
+}
+[invisible] {
+  visibility: hidden;
+}
+[animated] {
+  visibility: visible !important;
+  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.floated-label {
+  font-size: 0.75em;
+  background: transparent;
+  white-space: nowrap;
+}
+.mirror-text {
+  padding: 0.5em 0 0.25em;
+  max-width: 100%;
+  white-space: nowrap;
+}
+:host([multiline]) .mirror-text {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.label {
+  padding: 0.5em 0 0.25em;
+  background: transparent;
+  pointer-events: none;
+}
+.label-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-block;
+  max-width: 100%;
+  -moz-transform-origin: 0% 0%;
+  -webkit-transform-origin: 0% 0%;
+  transform-origin: 0% 0%;
+}
+.underline {
+  height: 0px;
+  overflow: visible;
+}
+:host([disabled]) .underline {
+  border-bottom: 1px dashed #757575;
+}
+.unfocused-underline {
+  height: 1px;
+}
+.focused-underline {
+  height: 2px;
+  -webkit-transform: none;
+  transform: none;
+}
+.focused-underline[invisible] {
+  -webkit-transform: scale3d(0,1,1);
+  transform: scale3d(0,1,1);
+}
+.error-text {
+  font-size: 0.75em;
+  padding: 0.5em 0;
+}
+.error-icon {
+  height: 20px;
+  width: 20px;
+}