input-password.html

<!--
Copyright (c) 2014 Jorge del Casar. All rights reserved.
This code may only be used under the MIT style license found at https://github.com/jorgecasar/input-password/blob/master/LICENSE
The complete set of contributors may be found at https://github.com/jorgecasar/input-password/graphs/contributors
-->

<!-- Import Polymer -->
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../iron-input/iron-input.html">
<link rel="import" href="../iron-form-element-behavior/iron-form-element-behavior.html">
<link rel="import" href="../paper-input/paper-input-behavior.html">
<!-- Define your custom element -->
<dom-module id="input-password">
	<link rel="import" type="css" href="input-password.css">
	<style>
		:host{
			position: relative;
			display: block;
		}
	</style>
	<template>
		<input is="iron-input" id="input"
        aria-labelledby$="[[_ariaLabelledBy]]"
        aria-describedby$="[[_ariaDescribedBy]]"
        disabled$="[[disabled]]"
        bind-value="{{value}}"
        invalid="{{invalid}}"
        prevent-invalid-input="[[preventInvalidInput]]"
        allowed-pattern="[[allowedPattern]]"
        validator="[[validator]]"
        type="password"
        pattern$="[[pattern]]"
        required$="[[required]]"
        autocomplete$="[[autocomplete]]"
        autofocus$="[[autofocus]]"
        inputmode$="[[inputmode]]"
        minlength$="[[minlength]]"
        maxlength$="[[maxlength]]"
        min$="[[min]]"
        max$="[[max]]"
        step$="[[step]]"
        name$="[[name]]"
        placeholder$="[[placeholder]]"
        readonly$="[[readonly]]"
        list$="[[list]]"
        size$="[[size]]"
        autocapitalize$="[[autocapitalize]]"
        autocorrect$="[[autocorrect]]">
      <button id="visibilityButton">{{toggleText}}</button>
	</template>
	<script src="input-password.js"></script>
</dom-module>