From 87285d2b962ad257dc4b12ac68914a161f4609ae Mon Sep 17 00:00:00 2001
From: Yvonne Yip <ykyyip@google.com>
Date: Tue, 5 May 2015 15:11:50 -0700
Subject: [PATCH 1/2] implement iron-validatable-behavior

---
 .gitignore                     |  1 +
 README.md                      |  1 +
 bower.json                     | 32 ++++++++++++++++
 demo/cats-only.html            | 46 +++++++++++++++++++++++
 demo/index.html                | 68 ++++++++++++++++++++++++++++++++++
 demo/validatable-input.html    | 46 +++++++++++++++++++++++
 index.html                     | 30 +++++++++++++++
 iron-validatable-behavior.html | 62 +++++++++++++++++++++++++++++++
 test/index.html                | 33 +++++++++++++++++
 test/simple-validator.html     | 26 +++++++++++++
 10 files changed, 345 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 bower.json
 create mode 100644 demo/cats-only.html
 create mode 100644 demo/index.html
 create mode 100644 demo/validatable-input.html
 create mode 100644 index.html
 create mode 100644 iron-validatable-behavior.html
 create mode 100644 test/index.html
 create mode 100644 test/simple-validator.html

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..8d4ae25
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+bower_components
diff --git a/README.md b/README.md
index cba2e8c..48f7fb2 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,3 @@
 # iron-validatable-behavior
 Implements an element validated with Polymer.IronValidatorBehavior
+
diff --git a/bower.json b/bower.json
new file mode 100644
index 0000000..bc068ab
--- /dev/null
+++ b/bower.json
@@ -0,0 +1,32 @@
+{
+  "name": "iron-validatable-behavior",
+  "version": "0.8.0",
+  "authors": "The Polymer Authors",
+  "keywords": [
+    "web-components",
+    "web-component",
+    "polymer"
+  ],
+  "main": [
+    "iron-validatable-behavior.html"
+  ],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/iron-validatable-behavior.git"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/PolymerElements/iron-validatable-behavior",
+  "ignore": [],
+  "dependencies": {
+    "polymer": "Polymer/polymer#v0.8.0-rc.7",
+    "iron-meta": "PolymerElements/iron-meta#^0.8.0"
+  },
+  "devDependencies": {
+    "iron-component-page": "PolymerElements/iron-component-page#^0.8.0",
+    "iron-validator-behavior": "PolymerElements/iron-validator-behavior#^0.8.0",
+    "test-fixture": "PolymerElements/test-fixture#^0.8.0",
+    "web-component-tester": "*",
+    "webcomponentsjs": "Polymer/webcomponentsjs#^0.6.0"
+  }
+}
diff --git a/demo/cats-only.html b/demo/cats-only.html
new file mode 100644
index 0000000..83ef9ba
--- /dev/null
+++ b/demo/cats-only.html
@@ -0,0 +1,46 @@
+<!--
+@license
+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.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
+-->
+
+<link rel="import" href="../../polymer/polymer.html">
+<link rel="import" href="../../iron-validator-behavior/iron-validator-behavior.html">
+
+<script>
+
+  Polymer({
+
+    is: 'cats-only',
+
+    behaviors: [
+      Polymer.IronValidatorBehavior
+    ],
+
+    validateObject: function(obj) {
+      var valid = true;
+      for (key in obj) {
+        if (obj[key] !== 'cats') {
+          valid = false;
+          break;
+        }
+      }
+      return valid;
+    },
+
+    validate: function(values) {
+      if (typeof values === 'object') {
+        return this.validateObject(values);
+      } else {
+        var value = Array.isArray(values) ? values.join('') : values;
+        return value.match(/^(c|ca|cat|cats)?$/) !== null;
+      }
+    }
+
+  });
+
+</script>
diff --git a/demo/index.html b/demo/index.html
new file mode 100644
index 0000000..134398e
--- /dev/null
+++ b/demo/index.html
@@ -0,0 +1,68 @@
+<!doctype html>
+<!--
+@license
+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.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>
+
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+
+  <title>iron-validatable-behavior demo</title>
+
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+
+  <link rel="import" href="../../iron-meta/iron-meta.html">
+  <link rel="import" href="cats-only.html">
+  <link rel="import" href="validatable-input.html">
+
+  <link rel="stylesheet" href="../../paper-styles/demo.css">
+
+  <style>
+
+    .valid {
+      color: limegreen;
+    }
+
+    .invalid {
+      color: red;
+    }
+
+  </style>
+
+</head>
+<body>
+
+  <template is="x-autobind">
+
+    <cats-only></cats-only>
+
+    <section>
+
+      <p>
+        only type <code>cats</code>:
+
+        <input is="validatable-input" invalid="{{invalid}}" validator="cats-only">
+
+        <span class="valid" hidden$="[[invalid]]">valid</span>
+        <span class="invalid" hidden$="[[!invalid]]">invalid</span>
+      </p>
+
+    </section>
+
+  </template>
+
+  <script>
+
+    document.querySelector('template[is="x-autobind"]').invalid = false;
+
+  </script>
+
+</body>
diff --git a/demo/validatable-input.html b/demo/validatable-input.html
new file mode 100644
index 0000000..19cf477
--- /dev/null
+++ b/demo/validatable-input.html
@@ -0,0 +1,46 @@
+<!--
+@license
+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.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
+-->
+
+<link rel="import" href="../../polymer/polymer.html">
+<link rel="import" href="../iron-validatable-behavior.html">
+
+<script>
+
+  Polymer({
+
+    is: 'validatable-input',
+
+    extends: 'input',
+
+    properties: {
+
+      invalid: {
+        notify: true,
+        type: Boolean,
+        value: false
+      }
+
+    },
+
+    behaviors: [
+      Polymer.IronValidatableBehavior
+    ],
+
+    listeners: {
+      'input': '_onInput'
+    },
+
+    _onInput: function(event) {
+      this.invalid = !this.validate(event.target.value);
+    }
+
+  });
+
+</script>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..cfaa5b1
--- /dev/null
+++ b/index.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<!--
+@license
+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.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>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+
+  <title>iron-validatable-behavior</title>
+
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+
+  <link rel="import" href="../polymer/polymer.html">
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
+
+</head>
+<body>
+
+  <iron-component-page></iron-component-page>
+
+</body>
+</html>
diff --git a/iron-validatable-behavior.html b/iron-validatable-behavior.html
new file mode 100644
index 0000000..3f08b64
--- /dev/null
+++ b/iron-validatable-behavior.html
@@ -0,0 +1,62 @@
+<!--
+@license
+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.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
+-->
+
+<link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../iron-meta/iron-meta.html">
+
+<!--
+Use `Polymer.IronValidatableBehavior` to implement an element that validates user input.
+-->
+
+<script>
+
+  Polymer.IronValidatableBehavior = {
+
+    properties: {
+
+      /**
+       * Namespace for this validator.
+       */
+      validatorType: {
+        type: String,
+        value: 'validator'
+      },
+
+      /**
+       * Name of the validator to use.
+       */
+      validator: {
+        type: String
+      },
+
+      _validatorMeta: {
+        type: Object
+      }
+
+    },
+
+    get _validator() {
+      return this._validatorMeta && this._validatorMeta.byKey(this.validator);
+    },
+
+    ready: function() {
+      this._validatorMeta = new Polymer.IronMeta({type: this.validatorType});
+    },
+
+    /**
+     * Validates the value.
+     */
+    validate: function(values) {
+      return this._validator && this._validator.validate(values);
+    }
+
+  };
+
+</script>
diff --git a/test/index.html b/test/index.html
new file mode 100644
index 0000000..4494f33
--- /dev/null
+++ b/test/index.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<!--
+@license
+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.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>paper-validatable-behavior tests</title>
+
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+
+    <script src="../../web-component-tester/browser.js"></script>
+
+  </head>
+  <body>
+
+    <script>
+
+      /* no tests */
+      WCT.loadSuites([]);
+
+    </script>
+
+  </body>
+</html>
diff --git a/test/simple-validator.html b/test/simple-validator.html
new file mode 100644
index 0000000..b794ed7
--- /dev/null
+++ b/test/simple-validator.html
@@ -0,0 +1,26 @@
+<!--
+@license
+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.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
+-->
+
+<link rel="import" href="../../polymer/polymer.html">
+<link rel="import" href="../iron-validator-behavior.html">
+
+<script>
+
+  Polymer({
+
+    is: 'simple-validator',
+
+    behaviors: [
+      Polymer.IronValidatorBehavior
+    ]
+
+  });
+
+</script>

From 6d5312e4da82db5a23406e7257094344c64bb39c Mon Sep 17 00:00:00 2001
From: Yvonne Yip <ykyyip@google.com>
Date: Tue, 5 May 2015 16:40:18 -0700
Subject: [PATCH 2/2] add `invalid` property

---
 iron-validatable-behavior.html | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/iron-validatable-behavior.html b/iron-validatable-behavior.html
index 3f08b64..9665f0f 100644
--- a/iron-validatable-behavior.html
+++ b/iron-validatable-behavior.html
@@ -36,6 +36,15 @@
         type: String
       },
 
+      /**
+       * True if the last call to `validate` is invalid.
+       */
+      invalid: {
+        reflectToAttribute: true,
+        type: Boolean,
+        value: false
+      },
+
       _validatorMeta: {
         type: Object
       }
@@ -50,11 +59,20 @@
       this._validatorMeta = new Polymer.IronMeta({type: this.validatorType});
     },
 
+    /**
+     * Returns true if there is a validator.
+     */
+    hasValidator: function() {
+      return this._validator != null;
+    },
+
     /**
      * Validates the value.
      */
     validate: function(values) {
-      return this._validator && this._validator.validate(values);
+      var valid = this._validator && this._validator.validate(values);
+      this.invalid = !valid;
+      return valid;
     }
 
   };