Release v3.0.0

Author: ablanco

CHANGES.md

@@ -1,6 +1,6 @@
 # CHANGELOG
 
-## 3.0.0dev
+## 3.0.0
 
 - Bootstrap 4 by default.
 - Improved support for Bootstrap 4.

OPTIONS.md

@@ -229,7 +229,7 @@ Let's see the options of each section.
 
   Displays the password strength in a progress bar.
 
-* __progressExtraCssClasses__: (Bootstrap 3&4 only)
+* __progressExtraCssClasses__: (Bootstrap 3 & 4 only)
 
   Default: `""` (String)
 
@@ -280,14 +280,14 @@ Let's see the options of each section.
   Default: `false` (Boolean)
 
   Displays the error messages and the verdicts in a Bootstrap popover, instead
-  of below the input field. Bootstrap tooltip.js and popover.js must to be
-  included.
+  of below the input field.
 
   If the `showVerdictsInsideProgressBar` option is active, then the verdicts
   won't appear on the popover.
 
   _Note: In Bootstrap 4, the popper.js library is required. More details in
-  [the Bootstrap documentation](https://getbootstrap.com/docs/4.1/components/popovers/)._
+  [the Bootstrap documentation](https://getbootstrap.com/docs/4.1/components/popovers/).
+  In previous versions tooltip.js and popover.js must be included._
 
 * __popoverPlacement__:
 
@@ -354,8 +354,6 @@ Let's see the options of each section.
   on the popover if it is being showed. Also this option overrides the value of
   the _showVerdicts_ one.
 
-  This option is not available when using Bootstrap 4.
-
 * __useVerdictCssClass__:
 
   Default: `false` (Boolean)

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "pwstrength-bootstrap",
-  "version": "3.0.0dev",
+  "version": "3.0.0",
   "homepage": "https://github.com/ablanco/jquery.pwstrength.bootstrap",
   "authors": [
     "Alejandro Blanco <alejandro.b.e@gmail.com>"

dist/pwstrength-bootstrap.js

@@ -1,6 +1,6 @@
 /*!
 * jQuery Password Strength plugin for Twitter Bootstrap
-* Version: 2.2.1
+* Version: 3.0.0
 *
 * Copyright (c) 2008-2013 Tane Piper
 * Copyright (c) 2013 Alejandro Blanco
@@ -416,7 +416,7 @@ defaultOptions.rules.commonPasswords = [
 
 defaultOptions.ui = {};
 defaultOptions.ui.bootstrap2 = false;
-defaultOptions.ui.bootstrap4 = false;
+defaultOptions.ui.bootstrap3 = false;
 defaultOptions.ui.colorClasses = [
     "danger", "danger", "danger", "warning", "warning", "success"
 ];
@@ -613,16 +613,16 @@ var ui = {};
         }
 
         $.each(options.ui.colorClasses, function (idx, value) {
-            if (options.ui.bootstrap4) {
-                $bar.removeClass("bg-" + value);
-            } else {
+            if (options.ui.bootstrap2 || options.bootstrap3) {
                 $bar.removeClass(cssPrefix + "bar-" + value);
+            } else {
+                $bar.removeClass("bg-" + value);
             }
         });
-        if (options.ui.bootstrap4) {
-            $bar.addClass("bg-" + options.ui.colorClasses[cssClass]);
-        } else {
+        if (options.ui.bootstrap2 || options.ui.bootstrap3) {
             $bar.addClass(cssPrefix + "bar-" + options.ui.colorClasses[cssClass]);
+        } else {
+            $bar.addClass("bg-" + options.ui.colorClasses[cssClass]);
         }
         $bar.css("width", percentage + '%');
     };
@@ -689,25 +689,44 @@ var ui = {};
             $el.find("+ .popover .popover-content").html(html);
         } else {
             // It's hidden
-            popover.options.content = html;
+            if (options.ui.bootstrap2 || options.ui.bootstrap3) {
+                popover.options.content = html;
+            } else {
+                popover.config.content = html;
+            }
             $el.popover("show");
         }
     };
 
     ui.updateFieldStatus = function (options, $el, cssClass, remove) {
-        var targetClass = options.ui.bootstrap2 ? ".control-group" : ".form-group",
-            $container = $el.parents(targetClass).first();
+        var $target = $el;
+
+        if (options.ui.bootstrap2) {
+            $target = $el.parents(".control-group").first();
+        } else if (options.ui.bootstrap3) {
+            $target = $el.parents(".form-group").first();
+        }
 
         $.each(statusClasses, function (idx, css) {
-            if (!options.ui.bootstrap2) { css = "has-" + css; }
-            $container.removeClass(css);
+            if (options.ui.bootstrap3) {
+                css = "has-" + css;
+            } else if (!options.ui.bootstrap2) { // BS4
+                if (css === "error") { css = "danger"; }
+                css = "border-" + css;
+            }
+            $target.removeClass(css);
         });
 
         if (remove) { return; }
 
         cssClass = statusClasses[Math.floor(cssClass / 2)];
-        if (!options.ui.bootstrap2) { cssClass = "has-" + cssClass; }
-        $container.addClass(cssClass);
+        if (options.ui.bootstrap3) {
+            cssClass = "has-" + cssClass;
+        } else if (!options.ui.bootstrap2) { // BS4
+            if (cssClass === "error") { cssClass = "danger"; }
+            cssClass = "border-" + cssClass;
+        }
+        $target.addClass(cssClass);
     };
 
     ui.percentage = function (options, score, maximun) {

dist/pwstrength-bootstrap.min.js

@@ -1,6 +1,6 @@
 /*!
 * jQuery Password Strength plugin for Twitter Bootstrap
-* Version: 3.0.0dev
+* Version: 3.0.0
 *
 * Copyright (c) 2008-2013 Tane Piper
 * Copyright (c) 2013 Alejandro Blanco