vue3-password-strength-meter 1.7.8 → 1.8.0

package/dist/style.css

@@ -0,0 +1 @@
+[v-cloak]{display:none}.Password{max-width:400px;margin:0 auto}.Password__group{position:relative}.Password__strength-meter{position:relative;height:3px;background:#ddd;margin:10px auto 20px;border-radius:3px}.Password__strength-meter:before,.Password__strength-meter:after{content:"";height:inherit;background:transparent;display:block;border-color:#fff;border-style:solid;border-width:0 5px 0 5px;position:absolute;width:20%;z-index:10}.Password__strength-meter:before{left:20%}.Password__strength-meter:after{right:20%}.Password__strength-meter--fill{background:transparent;height:inherit;position:absolute;width:0;border-radius:inherit;transition:width .5s ease-in-out,background .25s}.Password__strength-meter--fill[data-score="0"]{background:#8b0000;width:20%}.Password__strength-meter--fill[data-score="1"]{background:#ff4500;width:40%}.Password__strength-meter--fill[data-score="2"]{background:orange;width:60%}.Password__strength-meter--fill[data-score="3"]{background:#9acd32;width:80%}.Password__strength-meter--fill[data-score="4"]{background:green;width:100%}.Password__field{background-color:#f1f1f1;border:1px solid #f1f1f1;border-radius:2px;box-sizing:border-box;font-size:14px;padding:13px;width:100%}.Password__field--disabled{background-color:#f6f6f6;border:1px solid #f6f6f6}.Password__icons{position:absolute;top:0;right:0;height:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.Password__toggle{line-height:1.1;margin-right:13px}.Password__badge{position:relative;color:#fff;border-radius:6px;padding:3px;width:30px;height:15px;font-size:14px;line-height:1.1;margin-right:13px;display:flex;justify-content:center;align-items:center}.Password__badge--error{background:red}.Password__badge--success{background:#1bbf1b}.btn-clean{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;outline:none;color:#777;padding:0}.btn-clean svg{fill:currentColor}.btn-clean:hover,.btn-clean:focus{color:#404b69}

package/dist/vue3-password-strength-meter.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("zxcvbn"),e=require("vue"),u=(s,t)=>{const a=s.__vccOpts||s;for(const[o,d]of t)a[o]=d;return a},h={name:"VuePasswordStrengthMeter",inheritAttrs:!1,emits:["input","blur","focus","score","hide","show","update:modelValue","feedback"],props:{value:{type:String},modelValue:{type:String},secureLength:{type:Number,default:7},badge:{type:Boolean,default:!0},toggle:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},showStrengthMeter:{type:Boolean,default:!0},strengthMeterOnly:{type:Boolean,default:!1},defaultClass:{type:String,default:"Password__field"},disabledClass:{type:String,default:"Password__field--disabled"},errorClass:{type:String,default:"Password__badge--error"},successClass:{type:String,default:"Password__badge--success"},strengthMeterClass:{type:String,default:"Password__strength-meter"},strengthMeterFillClass:{type:String,default:"Password__strength-meter--fill"},labelShow:{type:String,default:"Show Password"},labelHide:{type:String,default:"Hide Password"},userInputs:{type:Array,default:()=>[]}},data(){return{password:null,_showPassword:!1}},methods:{togglePassword(){this.$data._showPassword?(this.$emit("hide"),this.$data._showPassword=!1):(this.$emit("show"),this.$data._showPassword=!0)},emitValue(s,t){s==="input"?this.$emit("update:modelValue",t):this.$emit(s,t),this.password=t}},computed:{passwordStrength(){return this.password?n(this.password,this.userInputs.length>=1?this.userInputs:null).score:null},isSecure(){return this.password?this.password.length>=this.secureLength:null},isActive(){return this.password&&this.password.length>0},passwordCount(){return this.password&&(this.password.length>this.secureLength?`${this.secureLength}+`:this.password.length)},inputType(){return this.$data._showPassword||this.showPassword?"text":"password"},showPasswordLabel(){return this.$data._showPassword||this.showPassword?this.labelHide:this.labelShow}},watch:{modelValue(s){this.strengthMeterOnly&&this.emitValue("input",s),this.$emit("feedback",n(s).feedback)},passwordStrength(s){this.$emit("score",s)}}},w={class:"Password"},c={key:0,class:"Password__group"},g=["type","value"],m={class:"Password__icons"},p={key:1,class:"Password__toggle"},f=["aria-label"],_={key:0,version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},y={key:1,version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},P=["data-score"];function b(s,t,a,o,d,r){return e.openBlock(),e.createElementBlock("div",w,[a.strengthMeterOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("input",e.mergeProps(s.$attrs,{type:r.inputType,class:[a.defaultClass,s.$attrs.disabled?a.disabledClass:""],value:a.modelValue,onInput:t[0]||(t[0]=l=>r.emitValue("input",l.target.value)),onBlur:t[1]||(t[1]=l=>r.emitValue("blur",l.target.value)),onFocus:t[2]||(t[2]=l=>r.emitValue("focus",l.target.value))}),null,16,g),e.createElementVNode("div",m,[a.badge?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([[r.isSecure?a.successClass:"",!r.isSecure&&r.isActive?a.errorClass:""],"Password__badge"])},e.toDisplayString(r.passwordCount),3)):e.createCommentVNode("",!0),a.toggle?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("button",{type:"button",class:"btn-clean","aria-label":r.showPasswordLabel,tabindex:"-1",onClick:t[3]||(t[3]=e.withModifiers(l=>r.togglePassword(),["prevent"]))},[this.$data._showPassword?(e.openBlock(),e.createElementBlock("svg",_,[e.createElementVNode("title",null,e.toDisplayString(r.showPasswordLabel),1),t[4]||(t[4]=e.createElementVNode("path",{d:"M12 9c1.641 0 3 1.359 3 3s-1.359 3-3 3-3-1.359-3-3 1.359-3 3-3zM12 17.016c2.766 0 5.016-2.25 5.016-5.016s-2.25-5.016-5.016-5.016-5.016 2.25-5.016 5.016 2.25 5.016 5.016 5.016zM12 4.5c5.016 0 9.281 3.094 11.016 7.5-1.734 4.406-6 7.5-11.016 7.5s-9.281-3.094-11.016-7.5c1.734-4.406 6-7.5 11.016-7.5z"},null,-1))])):(e.openBlock(),e.createElementBlock("svg",y,[e.createElementVNode("title",null,e.toDisplayString(r.showPasswordLabel),1),t[5]||(t[5]=e.createElementVNode("path",{d:"M11.859 9h0.141c1.641 0 3 1.359 3 3v0.188zM7.547 9.797c-0.328 0.656-0.563 1.406-0.563 2.203 0 2.766 2.25 5.016 5.016 5.016 0.797 0 1.547-0.234 2.203-0.563l-1.547-1.547c-0.188 0.047-0.422 0.094-0.656 0.094-1.641 0-3-1.359-3-3 0-0.234 0.047-0.469 0.094-0.656zM2.016 4.266l1.266-1.266 17.719 17.719-1.266 1.266c-1.124-1.11-2.256-2.213-3.375-3.328-1.359 0.563-2.813 0.844-4.359 0.844-5.016 0-9.281-3.094-11.016-7.5 0.797-1.969 2.109-3.656 3.75-4.969-0.914-0.914-1.812-1.844-2.719-2.766zM12 6.984c-0.656 0-1.266 0.141-1.828 0.375l-2.156-2.156c1.219-0.469 2.578-0.703 3.984-0.703 5.016 0 9.234 3.094 10.969 7.5-0.75 1.875-1.922 3.469-3.422 4.734l-2.906-2.906c0.234-0.563 0.375-1.172 0.375-1.828 0-2.766-2.25-5.016-5.016-5.016z"},null,-1))]))],8,f)])):e.createCommentVNode("",!0)])])),a.showStrengthMeter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([a.strengthMeterClass])},[e.createElementVNode("div",{class:e.normalizeClass([a.strengthMeterFillClass]),"data-score":r.passwordStrength},null,10,P)],2)):e.createCommentVNode("",!0)])}const v=u(h,[["render",b]]),i={install(s){s.component("Password",v)}};typeof window<"u"&&window.Vue&&(window.VuePasswordStrengthMeter=i);exports.default=i;

package/dist/vue3-password-strength-meter.es.js

@@ -0,0 +1,299 @@
+import g from "zxcvbn";
+import { createElementBlock as l, openBlock as d, createCommentVNode as i, createElementVNode as r, mergeProps as c, normalizeClass as n, toDisplayString as u, withModifiers as f } from "vue";
+const _ = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [h, w] of e)
+    t[h] = w;
+  return t;
+}, p = {
+  name: "VuePasswordStrengthMeter",
+  inheritAttrs: !1,
+  emits: ["input", "blur", "focus", "score", "hide", "show", "update:modelValue", "feedback"],
+  props: {
+    /**
+     * Binded value
+     * @type {Object}
+     */
+    value: {
+      type: String
+    },
+    modelValue: {
+      type: String
+    },
+    /**
+     * Password min length.
+     * Right now only visual for the badge
+     * @type {Number}
+     */
+    secureLength: {
+      type: Number,
+      default: 7
+    },
+    /**
+     * Display badge:
+     * The badge shows your
+     * password character count
+     * up to the defined secureLength
+     * @type {Boolean}
+     */
+    badge: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Show password toggle:
+     * Show icon to toggle
+     * the password visibility
+     */
+    toggle: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Prop to toggle the
+     * cleartext password if
+     * toggle is disabled
+     */
+    showPassword: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Prop to toggle the
+     * strength Meter if
+     * User wants to implement
+     * their own
+     */
+    showStrengthMeter: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Prop to toggle the
+     * input element if
+     * User wants to implement
+     * their own input element
+     */
+    strengthMeterOnly: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * CSS Class for the Input field
+     * @type {String}
+     */
+    defaultClass: {
+      type: String,
+      default: "Password__field"
+    },
+    /**
+     * CSS Class for the disabled Input field
+     * @type {String}
+     */
+    disabledClass: {
+      type: String,
+      default: "Password__field--disabled"
+    },
+    /**
+     * CSS Class for the badge
+     * if a password does not match
+     * the secureLength. Later for errors
+     * @type {String}
+     */
+    errorClass: {
+      type: String,
+      default: "Password__badge--error"
+    },
+    /**
+     * CSS Class for the badge
+     * if a password does match
+     * the secureLength. Later for
+     * success messages possible.
+     * @type {String}
+     */
+    successClass: {
+      type: String,
+      default: "Password__badge--success"
+    },
+    /**
+     * CSS class for styling the
+     * strength meter bars.
+     * @type {String}
+     */
+    strengthMeterClass: {
+      type: String,
+      default: "Password__strength-meter"
+    },
+    /**
+     * strengthMeterFillClass sets the
+     * individual strength width and fill
+     * color of the strength meter bars.
+     * @type {String}
+     */
+    strengthMeterFillClass: {
+      type: String,
+      default: "Password__strength-meter--fill"
+    },
+    /**
+     * Label for the show password icon
+     */
+    labelShow: {
+      type: String,
+      default: "Show Password"
+    },
+    /**
+     * Label for the hide password icon
+     */
+    labelHide: {
+      type: String,
+      default: "Hide Password"
+    },
+    /**
+     * @type String
+     */
+    userInputs: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      password: null,
+      _showPassword: !1
+    };
+  },
+  methods: {
+    togglePassword() {
+      this.$data._showPassword ? (this.$emit("hide"), this.$data._showPassword = !1) : (this.$emit("show"), this.$data._showPassword = !0);
+    },
+    emitValue(s, e) {
+      s === "input" ? this.$emit("update:modelValue", e) : this.$emit(s, e), this.password = e;
+    }
+  },
+  computed: {
+    /**
+     * passwordStrength is the score calculated by zxcvbn
+     * @return {Number} Password Strength Score
+     */
+    passwordStrength() {
+      return this.password ? g(this.password, this.userInputs.length >= 1 ? this.userInputs : null).score : null;
+    },
+    /**
+     * isSecure checks if the length of the password is longer then
+     * the defined `secureLength`
+     * @return {Boolean} Password length longer then minLength
+     */
+    isSecure() {
+      return this.password ? this.password.length >= this.secureLength : null;
+    },
+    /**
+     * isActive checks if a password is entered.
+     * It's required for the password count badge.
+     * @return {Boolean} Password entered
+     */
+    isActive() {
+      return this.password && this.password.length > 0;
+    },
+    /**
+     * passwordCount holds the character count of the
+     * current password. It shows the count up to the `secureLength`.
+     * @return {Number} Password Character Count
+     */
+    passwordCount() {
+      return this.password && (this.password.length > this.secureLength ? `${this.secureLength}+` : this.password.length);
+    },
+    /**
+     * Changing the input type from password to text
+     * based on the local _showPassword data or the showPassword prop
+     */
+    inputType() {
+      return this.$data._showPassword || this.showPassword ? "text" : "password";
+    },
+    showPasswordLabel() {
+      return this.$data._showPassword || this.showPassword ? this.labelHide : this.labelShow;
+    }
+  },
+  watch: {
+    modelValue(s) {
+      this.strengthMeterOnly && this.emitValue("input", s), this.$emit("feedback", g(s).feedback);
+    },
+    passwordStrength(s) {
+      this.$emit("score", s);
+    }
+  }
+}, m = { class: "Password" }, y = {
+  key: 0,
+  class: "Password__group"
+}, P = ["type", "value"], b = { class: "Password__icons" }, v = {
+  key: 1,
+  class: "Password__toggle"
+}, S = ["aria-label"], M = {
+  key: 0,
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+}, C = {
+  key: 1,
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+}, V = ["data-score"];
+function k(s, e, t, h, w, a) {
+  return d(), l("div", m, [
+    t.strengthMeterOnly ? i("", !0) : (d(), l("div", y, [
+      r("input", c(s.$attrs, {
+        type: a.inputType,
+        class: [t.defaultClass, s.$attrs.disabled ? t.disabledClass : ""],
+        value: t.modelValue,
+        onInput: e[0] || (e[0] = (o) => a.emitValue("input", o.target.value)),
+        onBlur: e[1] || (e[1] = (o) => a.emitValue("blur", o.target.value)),
+        onFocus: e[2] || (e[2] = (o) => a.emitValue("focus", o.target.value))
+      }), null, 16, P),
+      r("div", b, [
+        t.badge ? (d(), l("div", {
+          key: 0,
+          class: n([[a.isSecure ? t.successClass : "", !a.isSecure && a.isActive ? t.errorClass : ""], "Password__badge"])
+        }, u(a.passwordCount), 3)) : i("", !0),
+        t.toggle ? (d(), l("div", v, [
+          r("button", {
+            type: "button",
+            class: "btn-clean",
+            "aria-label": a.showPasswordLabel,
+            tabindex: "-1",
+            onClick: e[3] || (e[3] = f((o) => a.togglePassword(), ["prevent"]))
+          }, [
+            this.$data._showPassword ? (d(), l("svg", M, [
+              r("title", null, u(a.showPasswordLabel), 1),
+              e[4] || (e[4] = r("path", { d: "M12 9c1.641 0 3 1.359 3 3s-1.359 3-3 3-3-1.359-3-3 1.359-3 3-3zM12 17.016c2.766 0 5.016-2.25 5.016-5.016s-2.25-5.016-5.016-5.016-5.016 2.25-5.016 5.016 2.25 5.016 5.016 5.016zM12 4.5c5.016 0 9.281 3.094 11.016 7.5-1.734 4.406-6 7.5-11.016 7.5s-9.281-3.094-11.016-7.5c1.734-4.406 6-7.5 11.016-7.5z" }, null, -1))
+            ])) : (d(), l("svg", C, [
+              r("title", null, u(a.showPasswordLabel), 1),
+              e[5] || (e[5] = r("path", { d: "M11.859 9h0.141c1.641 0 3 1.359 3 3v0.188zM7.547 9.797c-0.328 0.656-0.563 1.406-0.563 2.203 0 2.766 2.25 5.016 5.016 5.016 0.797 0 1.547-0.234 2.203-0.563l-1.547-1.547c-0.188 0.047-0.422 0.094-0.656 0.094-1.641 0-3-1.359-3-3 0-0.234 0.047-0.469 0.094-0.656zM2.016 4.266l1.266-1.266 17.719 17.719-1.266 1.266c-1.124-1.11-2.256-2.213-3.375-3.328-1.359 0.563-2.813 0.844-4.359 0.844-5.016 0-9.281-3.094-11.016-7.5 0.797-1.969 2.109-3.656 3.75-4.969-0.914-0.914-1.812-1.844-2.719-2.766zM12 6.984c-0.656 0-1.266 0.141-1.828 0.375l-2.156-2.156c1.219-0.469 2.578-0.703 3.984-0.703 5.016 0 9.234 3.094 10.969 7.5-0.75 1.875-1.922 3.469-3.422 4.734l-2.906-2.906c0.234-0.563 0.375-1.172 0.375-1.828 0-2.766-2.25-5.016-5.016-5.016z" }, null, -1))
+            ]))
+          ], 8, S)
+        ])) : i("", !0)
+      ])
+    ])),
+    t.showStrengthMeter ? (d(), l("div", {
+      key: 1,
+      class: n([t.strengthMeterClass])
+    }, [
+      r("div", {
+        class: n([t.strengthMeterFillClass]),
+        "data-score": a.passwordStrength
+      }, null, 10, V)
+    ], 2)) : i("", !0)
+  ]);
+}
+const B = /* @__PURE__ */ _(p, [["render", k]]), z = {
+  install(s) {
+    s.component("Password", B);
+  }
+};
+typeof window < "u" && window.Vue && (window.VuePasswordStrengthMeter = z);
+export {
+  z as default
+};

package/dist/vue3-password-strength-meter.umd.js

@@ -0,0 +1 @@
+(function(l,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("zxcvbn"),require("vue")):typeof define=="function"&&define.amd?define(["exports","zxcvbn","vue"],o):(l=typeof globalThis<"u"?globalThis:l||self,o(l.VuePasswordStrengthMeter={},l.zxcvbn,l.Vue))})(this,function(l,o,e){"use strict";const w=(s,t)=>{const r=s.__vccOpts||s;for(const[i,h]of t)r[i]=h;return r},c={name:"VuePasswordStrengthMeter",inheritAttrs:!1,emits:["input","blur","focus","score","hide","show","update:modelValue","feedback"],props:{value:{type:String},modelValue:{type:String},secureLength:{type:Number,default:7},badge:{type:Boolean,default:!0},toggle:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},showStrengthMeter:{type:Boolean,default:!0},strengthMeterOnly:{type:Boolean,default:!1},defaultClass:{type:String,default:"Password__field"},disabledClass:{type:String,default:"Password__field--disabled"},errorClass:{type:String,default:"Password__badge--error"},successClass:{type:String,default:"Password__badge--success"},strengthMeterClass:{type:String,default:"Password__strength-meter"},strengthMeterFillClass:{type:String,default:"Password__strength-meter--fill"},labelShow:{type:String,default:"Show Password"},labelHide:{type:String,default:"Hide Password"},userInputs:{type:Array,default:()=>[]}},data(){return{password:null,_showPassword:!1}},methods:{togglePassword(){this.$data._showPassword?(this.$emit("hide"),this.$data._showPassword=!1):(this.$emit("show"),this.$data._showPassword=!0)},emitValue(s,t){s==="input"?this.$emit("update:modelValue",t):this.$emit(s,t),this.password=t}},computed:{passwordStrength(){return this.password?o(this.password,this.userInputs.length>=1?this.userInputs:null).score:null},isSecure(){return this.password?this.password.length>=this.secureLength:null},isActive(){return this.password&&this.password.length>0},passwordCount(){return this.password&&(this.password.length>this.secureLength?`${this.secureLength}+`:this.password.length)},inputType(){return this.$data._showPassword||this.showPassword?"text":"password"},showPasswordLabel(){return this.$data._showPassword||this.showPassword?this.labelHide:this.labelShow}},watch:{modelValue(s){this.strengthMeterOnly&&this.emitValue("input",s),this.$emit("feedback",o(s).feedback)},passwordStrength(s){this.$emit("score",s)}}},u={class:"Password"},g={key:0,class:"Password__group"},m=["type","value"],f={class:"Password__icons"},p={key:1,class:"Password__toggle"},_=["aria-label"],y={key:0,version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},P={key:1,version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},b=["data-score"];function S(s,t,r,i,h,a){return e.openBlock(),e.createElementBlock("div",u,[r.strengthMeterOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("input",e.mergeProps(s.$attrs,{type:a.inputType,class:[r.defaultClass,s.$attrs.disabled?r.disabledClass:""],value:r.modelValue,onInput:t[0]||(t[0]=d=>a.emitValue("input",d.target.value)),onBlur:t[1]||(t[1]=d=>a.emitValue("blur",d.target.value)),onFocus:t[2]||(t[2]=d=>a.emitValue("focus",d.target.value))}),null,16,m),e.createElementVNode("div",f,[r.badge?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([[a.isSecure?r.successClass:"",!a.isSecure&&a.isActive?r.errorClass:""],"Password__badge"])},e.toDisplayString(a.passwordCount),3)):e.createCommentVNode("",!0),r.toggle?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("button",{type:"button",class:"btn-clean","aria-label":a.showPasswordLabel,tabindex:"-1",onClick:t[3]||(t[3]=e.withModifiers(d=>a.togglePassword(),["prevent"]))},[this.$data._showPassword?(e.openBlock(),e.createElementBlock("svg",y,[e.createElementVNode("title",null,e.toDisplayString(a.showPasswordLabel),1),t[4]||(t[4]=e.createElementVNode("path",{d:"M12 9c1.641 0 3 1.359 3 3s-1.359 3-3 3-3-1.359-3-3 1.359-3 3-3zM12 17.016c2.766 0 5.016-2.25 5.016-5.016s-2.25-5.016-5.016-5.016-5.016 2.25-5.016 5.016 2.25 5.016 5.016 5.016zM12 4.5c5.016 0 9.281 3.094 11.016 7.5-1.734 4.406-6 7.5-11.016 7.5s-9.281-3.094-11.016-7.5c1.734-4.406 6-7.5 11.016-7.5z"},null,-1))])):(e.openBlock(),e.createElementBlock("svg",P,[e.createElementVNode("title",null,e.toDisplayString(a.showPasswordLabel),1),t[5]||(t[5]=e.createElementVNode("path",{d:"M11.859 9h0.141c1.641 0 3 1.359 3 3v0.188zM7.547 9.797c-0.328 0.656-0.563 1.406-0.563 2.203 0 2.766 2.25 5.016 5.016 5.016 0.797 0 1.547-0.234 2.203-0.563l-1.547-1.547c-0.188 0.047-0.422 0.094-0.656 0.094-1.641 0-3-1.359-3-3 0-0.234 0.047-0.469 0.094-0.656zM2.016 4.266l1.266-1.266 17.719 17.719-1.266 1.266c-1.124-1.11-2.256-2.213-3.375-3.328-1.359 0.563-2.813 0.844-4.359 0.844-5.016 0-9.281-3.094-11.016-7.5 0.797-1.969 2.109-3.656 3.75-4.969-0.914-0.914-1.812-1.844-2.719-2.766zM12 6.984c-0.656 0-1.266 0.141-1.828 0.375l-2.156-2.156c1.219-0.469 2.578-0.703 3.984-0.703 5.016 0 9.234 3.094 10.969 7.5-0.75 1.875-1.922 3.469-3.422 4.734l-2.906-2.906c0.234-0.563 0.375-1.172 0.375-1.828 0-2.766-2.25-5.016-5.016-5.016z"},null,-1))]))],8,_)])):e.createCommentVNode("",!0)])])),r.showStrengthMeter?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([r.strengthMeterClass])},[e.createElementVNode("div",{class:e.normalizeClass([r.strengthMeterFillClass]),"data-score":a.passwordStrength},null,10,b)],2)):e.createCommentVNode("",!0)])}const V=w(c,[["render",S]]),n={install(s){s.component("Password",V)}};typeof window<"u"&&window.Vue&&(window.VuePasswordStrengthMeter=n),l.default=n,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,130 +1,84 @@
-{
-  "name": "vue3-password-strength-meter",
-  "version": "1.7.8",
-  "private": false,
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "~5.0.0",
-    "@vue/cli-plugin-eslint": "~5.0.0",
-    "@vue/cli-service": "~5.0.0",
-    "@vue/compiler-sfc": "^3.2.36",
-    "autoprefixer": "^6.7.7",
-    "babel-cli": "^6.24.0",
-    "babel-core": "^6.24.0",
-    "babel-eslint": "^7.2.1",
-    "babel-loader": "^7.1.4",
-    "babel-plugin-istanbul": "^4.1.1",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-stage-2": "^6.24.1",
-    "babel-register": "^6.24.1",
-    "chai": "^3.5.0",
-    "chalk": "^1.1.3",
-    "connect-history-api-fallback": "^1.1.0",
-    "cross-env": "^3.2.4",
-    "css-loader": "^0.28.0",
-    "eslint": "^3.18.0",
-    "eslint-config-standard": "^7.1.0",
-    "eslint-friendly-formatter": "^2.0.5",
-    "eslint-loader": "^1.7.0",
-    "eslint-plugin-html": "^2.0.1",
-    "eslint-plugin-promise": "^3.5.0",
-    "eslint-plugin-standard": "^2.1.1",
-    "eventsource-polyfill": "^0.9.6",
-    "express": "^4.15.2",
-    "extract-text-webpack-plugin": "^3.0.0",
-    "file-loader": "^0.11.1",
-    "friendly-errors-webpack-plugin": "^1.6.1",
-    "function-bind": "^1.0.2",
-    "html-webpack-plugin": "^2.28.0",
-    "http-proxy-middleware": "^0.17.4",
-    "inject-loader": "^3.0.0",
-    "json-loader": "^0.5.4",
-    "karma": "^1.5.0",
-    "karma-coverage": "^1.1.1",
-    "karma-mocha": "^1.2.0",
-    "karma-phantomjs-launcher": "^1.0.4",
-    "karma-sinon-chai": "^1.2.0",
-    "karma-sourcemap-loader": "^0.3.7",
-    "karma-spec-reporter": "^0.0.30",
-    "karma-webpack": "^2.0.3",
-    "lolex": "^1.6.0",
-    "mocha": "^3.1.0",
-    "node-sass": "^4.11.0",
-    "opn": "^4.0.2",
-    "ora": "^1.2.0",
-    "phantomjs-prebuilt": "^2.1.3",
-    "sass-loader": "^6.0.7",
-    "semver": "^5.3.0",
-    "shelljs": "^0.8.5",
-    "sinon": "^2.1.0",
-    "sinon-chai": "^2.9.0",
-    "url-loader": "^0.5.8",
-    "vue": "^3.2.36",
-    "vue-loader": "^16.0.0",
-    "vue-play": "^3.2.1",
-    "vue-play-cli": "^1.1.1",
-    "vue-style-loader": "^4.1.3",
-    "webpack": "^4.0.0",
-    "webpack-dev-middleware": "^1.10.1",
-    "webpack-hot-middleware": "^2.17.1",
-    "webpack-merge": "^2.4.0",
-    "zxcvbn": "^4.4.2"
-  },
-  "description": "Interactive password strength meter based on zxcvbn",
-  "author": "Ahmad Sharif <ahmad.sharif@live.com>",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+ssh://git@github.com/Asharif88/vue3-password-strength-meter.git"
-  },
-  "bugs": {
-    "url": "https://github.com/asharif88/vue3-password-strength-meter/issues"
-  },
-  "keywords": [
-    "vue.js",
-    "Vue",
-    "Vue3",
-    "password",
-    "password strength",
-    "security"
-  ],
-  "main": "dist/vue3-password-strength-meter.js",
-  "browser": "dist/vue3-password-strength-meter.min.js",
-  "scripts": {
-    "play": "vue-play start",
-    "play:build": "vue-play build",
-    "dev": "node build/dev-server.js",
-    "build": "npm run release",
-    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
-    "lint": "eslint --ext .js,.vue src test/unit/specs",
-    "prepublish": "npm run lint && npm run build",
-    "release": "cross-env NODE_ENV=production webpack --progress --config  ./build/webpack.release.js && cross-env NODE_ENV=production webpack --progress --config  ./build/webpack.release.min.js"
-  },
-  "files": [
-    "dist"
-  ],
-  "peerDependencies": {
-    "zxcvbn": "^4.4.2"
-  },
-  "engines": {
-    "node": ">= 4.0.0",
-    "npm": ">= 3.0.0"
-  },
-  "greenkeeper": {
-    "ignore": [
-      "extract-text-webpack-plugin",
-      "karma-webpack",
-      "webpack",
-      "webpack-merge"
-    ]
-  },
-  "homepage": "https://github.com/Asharif88/vue3-password-strength-meter#readme",
-  "dependencies": {
-    "babel-preset-env": "^1.7.0",
-    "webpack-cli": "^4.0.0"
-  },
-  "directories": {
-    "doc": "docs",
-    "test": "test"
-  }
-}
+{
+  "name": "vue3-password-strength-meter",
+  "version": "1.8.0",
+  "private": false,
+  "type": "commonjs",
+  "devDependencies": {
+    "@vue/compiler-sfc": "^3.2.36",
+    "@babel/eslint-parser": "^7.28.6",
+    "autoprefixer": "^6.7.7",
+    "chalk": "^1.1.3",
+    "cross-env": "^3.2.4",
+    "eslint": "^9.0.0",
+    "eslint-config-standard": "^7.1.0",
+    "eslint-friendly-formatter": "^2.0.5",
+    "eslint-plugin-html": "^8.0.1",
+    "eslint-plugin-promise": "^3.5.0",
+    "eslint-plugin-standard": "^2.1.1",
+    "sass": "^1.70.0",
+    "vite": "^5.0.0",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "@babel/preset-env": "^7.22.0",
+    "@babel/plugin-transform-runtime": "^7.22.5",
+    "eslint-plugin-vue": "^9.10.0",
+    "vue-eslint-parser": "^9.1.0"
+  },
+  "description": "Interactive password strength meter based on zxcvbn",
+  "author": "Ahmad Sharif <ahmad.sharif@live.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/Asharif88/vue3-password-strength-meter.git"
+  },
+  "bugs": {
+    "url": "https://github.com/asharif88/vue3-password-strength-meter/issues"
+  },
+  "keywords": [
+    "vue.js",
+    "Vue",
+    "Vue3",
+    "password",
+    "password strength",
+    "security"
+  ],
+  "main": "dist/vue3-password-strength-meter.cjs.js",
+  "module": "dist/vue3-password-strength-meter.es.js",
+  "browser": "dist/vue3-password-strength-meter.umd.js",
+  "scripts": {
+    "play": "vue-play start",
+    "play:build": "vue-play build",
+    "dev": "vite",
+    "build": "vite build",
+    "unit": "echo \"No unit test runner configured. To add tests, install and configure a runner like Vitest or Jest.\"",
+    "lint": "eslint --ext .js --ext .vue src test/unit",
+    "prepublishOnly": "npm run lint && npm run build",
+    "publish": "npm publish --access public"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "zxcvbn": "^4.4.2",
+    "vue": "^3.2.0"
+  },
+  "engines": {
+    "node": ">= 4.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "greenkeeper": {
+    "ignore": [
+      "extract-text-webpack-plugin",
+      "karma-webpack",
+      "webpack",
+      "webpack-merge"
+    ]
+  },
+  "homepage": "https://github.com/Asharif88/vue3-password-strength-meter#readme",
+  "dependencies": {
+    "@babel/runtime": "^7.22.6"
+  },
+  "directories": {
+    "doc": "docs",
+    "test": "test"
+  }
+}

package/CHANGELOG.md

@@ -1,13 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-
-### [1.7.8]
-
-* Removed option referenceValue that was causing a reference error in production
-
-### [1.7.7]
-
-Forked from aperturless/vue-password-strength-meter
-* Updated to be compatible with vue 3.2.36
-* Updated webpack to v4