diff --git a/.gitignore b/.gitignore index 8d4ae25..66595f4 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ -bower_components +bower_components/ +tmp-* diff --git a/.travis.yml b/.travis.yml index b24dde3..836586f 100644 --- a/.travis.yml +++ b/.travis.yml @@ -5,10 +5,12 @@ before_script: - npm install bower - 'export PATH=$PWD/node_modules/.bin:$PATH' - bower install +# - npm install polylint +# - polylint env: global: - - secure: citR35FLXNRA4C4o5Gl7gb6yvFhOq3rTd9+IQ8i9Zcf2TV2Ip2wCNANNXOvJV8szsu2fhZLttSclpW+MVePsW3ORYWOVm9neZeTczzNZkUExRKOztAyaujzzIgRd+f5ClJOsjUfGVLWKKWgKMJ8UT4pNRgqwKe4V73oW7LhYpto= - - secure: bWeuwHFJSBQu3v2K5I2++tCWh3K05I8NEfi6mywbrxuiOCGNvCWFLTO42+aqUp/yAnolNIKYR5NJFtty5CX2YD4oaRbryk2gzv7UtpIXRx9Jqhe7b/UBzfHIxPoT12TFS/iub+oRnZPAVPPoDrXwwoHkWltZHZwpOVTp86T6DPI= + - secure: gZ5vpMlc9fuKSZeMmT6xf4+FIVWxET6f6Lkp6l5Qo9vL2X/KC/bMJF1v2w5xXFLFTdm/hPUDkeQRDUBBJhGcsXhJeWIvAXdPkObV9ZPRwpDnnN1qU5lOqVIy6gFjDm2Wm6UNXcRnyP1TrGpMwbG13EUtD0rF8LZqBm3B833sKS4= + - secure: DObDewETPYiIsASeC3UETPbQ6YBniRZdNV2eTM1xULvuFNDxXJD09KKyWOiMduublEIJRXLjBIXmD8cbVsgrbRUYA4bxcXffDeuc6q6HaQGU9HvIbLz6o3/oxi4fX2G9GwrZtijW2p2Rgw2l9koR3ovjcM97CSTWFUMh5rtXag8= node_js: 4 addons: firefox: latest diff --git a/README.md b/README.md index 3aa2e1b..af896bf 100644 --- a/README.md +++ b/README.md @@ -34,6 +34,10 @@ or See the [Documentation](https://metanov.github.io/gold-password-input/) for more options. +## Discussing + +If you have any questions, you can find me on the [Polymer Slack Channel](https://polymer.slack.com/), or just raise an Issue. + ## Contributing 1. Fork it! diff --git a/bower.json b/bower.json index 29b8764..cdc0eba 100644 --- a/bower.json +++ b/bower.json @@ -1,14 +1,16 @@ { "name": "gold-password-input", - "version": "1.0.2", + "version": "1.1.0", "authors": [ - "Pascal Gula aka MeTaNoV" + "Pascal Gula aka MeTaNoV " ], - "description": "An input element with Material Design that allows password with an optional strength meter.", + "description": "[Polymer 1.x] Input element with Material Design that allows password with an optional strength meter.", "keywords": [ + "web-component", "web-components", "web", "component", + "components", "custom", "element", "polymer", @@ -25,27 +27,30 @@ "type": "git", "url": "git://github.com/MeTaNoV/gold-password-input.git" }, - "license": "http://polymer.github.io/LICENSE.txt", + "license": "MIT", "homepage": "https://metanov.github.io/gold-password-input/", - "ignore": [], + "ignore": [ + "/.*", + "/test/", + "/demo/" + ], "dependencies": { "polymer": "Polymer/polymer#^1.2.0", "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0", "iron-icon": "PolymerElements/iron-icon#^1.0.0", - "iron-icons": "PolymerElements/iron-icons#^1.0.0", + "iron-iconset-svg": "PolymerElements/iron-iconset-svg#^1.0.0", "iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0", "paper-input": "PolymerElements/paper-input#^1.0.0", "paper-tooltip": "PolymerElements/paper-tooltip#^1.1.0", "paper-styles": "PolymerElements/paper-styles#^1.0.0", - "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0", + "toggle-icon": "MeTaNoV/toggle-icon#master", "zxcvbn": "zxcvbn#^4.2.0" }, "devDependencies": { "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", - "iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0", "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0", "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", - "web-component-tester": "^3.4.0" + "web-component-tester": "^4.0.0" } } diff --git a/demo/index.html b/demo/index.html index be73d4c..8446b45 100644 --- a/demo/index.html +++ b/demo/index.html @@ -101,6 +101,26 @@

With Strength Meter

+ +

With reveal functionality

+ + + + + + + + diff --git a/gold-password-input-icons.html b/gold-password-input-icons.html new file mode 100644 index 0000000..40cd449 --- /dev/null +++ b/gold-password-input-icons.html @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/gold-password-input-strength-meter.html b/gold-password-input-strength-meter.html index 7a65e69..85f94b7 100644 --- a/gold-password-input-strength-meter.html +++ b/gold-password-input-strength-meter.html @@ -1,11 +1,12 @@ - + - + + @@ -41,18 +42,17 @@ :host-context([dir="rtl"]) { float: left; } + /* FIXME PG: suppress when paper-input-container has reflectToAttribute for invalid... cf. ( https://github.com/PolymerElements/paper-input/pull/258 ) */ /* :host-context([invalid]) { visibility: hidden; }; */ - /* FIXME PG: suppress when paper-input-container has reflectToAttribute for invalid... cf. ( https://github.com/PolymerElements/paper-input/pull/258 ) */ :host([invalid]) { visibility: hidden; }; /* FIXME PG: remove !important used as current workaround before getting the proper explanation... cf. ( https://github.com/Polymer/polymer/issues/3059 )*/ - /* TODO PG: try different colors */ .None { color: var(--gold-password-input-strength-meter-none-color, --paper-grey-700) !important; } @@ -72,11 +72,11 @@ color: var(--gold-password-input-strength-meter-verystrong-color, --paper-green-700) !important; } - /* TODO PG: those should be calculated from the font size? */ - #strengthLabel paper-icon-button { + #strengthLabel iron-icon { width: 14px; height: 14px; - padding: 0px; + padding-bottom: 3px; + color: var(--paper-grey-700); }; #strengthTooltip * { @@ -88,19 +88,17 @@ [[strengthMeterLabels.Label]]: [[_computeStrengthMeterLabel(_strengthMeterScore)]] - + -
Warning: [[_strengthMeterFeedback.warning]]
- Suggestions: [[_strengthMeterFeedback.suggestions]]
@@ -158,7 +156,6 @@ } }, - // TODO PG: add comment update: function(state) { // FIXME PG: suppress when paper-input-container has reflectToAttribute for invalid... cf. ( https://github.com/PolymerElements/paper-input/pull/258 ) this._setInvalid(state.invalid); diff --git a/gold-password-input.html b/gold-password-input.html index 4e5162d..513d095 100644 --- a/gold-password-input.html +++ b/gold-password-input.html @@ -7,9 +7,13 @@ - - - + + + + + +