vee-validate 2.2.5 → 2.2.9

package/dist/vee-validate.minimal.js

@@ -1,5 +1,5 @@
 /**
-  * vee-validate v2.2.5
+  * vee-validate v2.2.9
   * (c) 2019 Abdelrahman Awad
   * @license MIT
   */
@@ -1839,7 +1839,7 @@
   };
 
   prototypeAccessors$1.isDisabled.get = function () {
-    return !!(this.componentInstance && this.componentInstance.disabled) || !!(this.el && this.el.disabled);
+    return !!(this.el && this.el.disabled);
   };
 
   /**
@@ -2339,14 +2339,16 @@
     var inputEvent = this._determineInputEvent();
     var events = this._determineEventList(inputEvent);
 
-    // if there is a model and an on input validation is requested.
-    if (this.model && includes(events, inputEvent)) {
+    // if on input validation is requested.
+    if (includes(events, inputEvent)) {
       var ctx = null;
-      var expression = this.model.expression;
+      var expression = null;
+      var watchCtxVm = false;
       // if its watchable from the context vm.
-      if (this.model.expression) {
+      if (this.model && this.model.expression) {
         ctx = this.vm;
         expression = this.model.expression;
+        watchCtxVm = true;
       }
 
       // watch it from the custom component vm instead.
@@ -2367,8 +2369,10 @@
           }
         });
 
-        // filter out input event as it is already handled by the watcher API.
-        events = events.filter(function (e) { return e !== inputEvent; });
+        // filter out input event when we are watching from the context vm.
+        if (watchCtxVm) {
+          events = events.filter(function (e) { return e !== inputEvent; });
+        }
       }
     }
 
@@ -3658,8 +3662,8 @@
       return false;
     }
 
-    // disabled fields are skipped
-    if (field.isDisabled) {
+    // disabled fields are skipped if useConstraintAttrs is enabled in config
+    if (field.isDisabled && getConfig().useConstraintAttrs) {
       return true;
     }
 
@@ -4047,6 +4051,10 @@
       var i18nRootKey = config.i18nRootKey;
       var locale = config.locale;
     var onLocaleChanged = function () {
+      if (dictionary) {
+        this$1.i18nDriver.merge(dictionary);
+      }
+
       this$1._validator.errors.regenerate();
     };
 
@@ -4198,204 +4206,6 @@
 
   var PROVIDER_COUNTER = 0;
 
-  function createValidationCtx (ctx) {
-    return {
-      errors: ctx.messages,
-      flags: ctx.flags,
-      classes: ctx.classes,
-      valid: ctx.isValid,
-      failedRules: ctx.failedRules,
-      reset: function () { return ctx.reset(); },
-      validate: function () {
-        var args = [], len = arguments.length;
-        while ( len-- ) args[ len ] = arguments[ len ];
-
-        return ctx.validate.apply(ctx, args);
-    },
-      aria: {
-        'aria-invalid': ctx.flags.invalid ? 'true' : 'false',
-        'aria-required': ctx.isRequired ? 'true' : 'false'
-      }
-    };
-  }
-
-  function normalizeValue$1 (value) {
-    if (isEvent(value)) {
-      return value.target.type === 'file' ? toArray(value.target.files) : value.target.value;
-    }
-
-    return value;
-  }
-
-  /**
-   * Determines if a provider needs to run validation.
-   */
-  function shouldValidate (ctx, model) {
-    // when an immediate/initial validation is needed and wasn't done before.
-    if (!ctx._ignoreImmediate && ctx.immediate) {
-      return true;
-    }
-
-    // when the value changes for whatever reason.
-    if (ctx.value !== model.value) {
-      return true;
-    }
-
-    // when it needs validation due to props/cross-fields changes.
-    if (ctx._needsValidation) {
-      return true;
-    }
-
-    // when the initial value is undefined and the field wasn't rendered yet.
-    if (!ctx.initialized && model.value === undefined) {
-      return true;
-    }
-
-    return false;
-  }
-
-  function computeModeSetting (ctx) {
-    var compute = isCallable(ctx.mode) ? ctx.mode : modes[ctx.mode];
-
-    return compute({
-      errors: ctx.messages,
-      value: ctx.value,
-      flags: ctx.flags
-    });
-  }
-
-  function onRenderUpdate (model) {
-    if (!this.initialized) {
-      this.initialValue = model.value;
-    }
-
-    var validateNow = shouldValidate(this, model);
-    this._needsValidation = false;
-    this.value = model.value;
-    this._ignoreImmediate = true;
-
-    if (!validateNow) {
-      return;
-    }
-
-    this.validateSilent().then(this.immediate || this.flags.validated ? this.applyResult : function (x) { return x; });
-  }
-
-  // Creates the common handlers for a validatable context.
-  function createCommonHandlers (ctx) {
-    var onInput = function (e) {
-      ctx.syncValue(e); // track and keep the value updated.
-      ctx.setFlags({ dirty: true, pristine: false });
-    };
-
-    // Blur event listener.
-    var onBlur = function () {
-      ctx.setFlags({ touched: true, untouched: false });
-    };
-
-    var onValidate = ctx.$veeHandler;
-    var mode = computeModeSetting(ctx);
-
-    // Handle debounce changes.
-    if (!onValidate || ctx.$veeDebounce !== ctx.debounce) {
-      onValidate = debounce(
-        function () {
-          ctx.$nextTick(function () {
-            var pendingPromise = ctx.validateSilent();
-            // avoids race conditions between successive validations.
-            ctx._pendingValidation = pendingPromise;
-            pendingPromise.then(function (result) {
-              if (pendingPromise === ctx._pendingValidation) {
-                ctx.applyResult(result);
-                ctx._pendingValidation = null;
-              }
-            });
-          });
-        },
-        mode.debounce || ctx.debounce
-      );
-
-      // Cache the handler so we don't create it each time.
-      ctx.$veeHandler = onValidate;
-      // cache the debounce value so we detect if it was changed.
-      ctx.$veeDebounce = ctx.debounce;
-    }
-
-    return { onInput: onInput, onBlur: onBlur, onValidate: onValidate };
-  }
-
-  // Adds all plugin listeners to the vnode.
-  function addListeners (node) {
-    var model = findModel(node);
-    // cache the input eventName.
-    this._inputEventName = this._inputEventName || getInputEventName(node, model);
-
-    onRenderUpdate.call(this, model);
-
-    var ref = createCommonHandlers(this);
-    var onInput = ref.onInput;
-    var onBlur = ref.onBlur;
-    var onValidate = ref.onValidate;
-    addVNodeListener(node, this._inputEventName, onInput);
-    addVNodeListener(node, 'blur', onBlur);
-
-    // add the validation listeners.
-    this.normalizedEvents.forEach(function (evt) {
-      addVNodeListener(node, evt, onValidate);
-    });
-
-    this.initialized = true;
-  }
-
-  function createValuesLookup (ctx) {
-    var providers = ctx.$_veeObserver.refs;
-
-    return ctx.fieldDeps.reduce(function (acc, depName) {
-      if (!providers[depName]) {
-        return acc;
-      }
-
-      acc[depName] = providers[depName].value;
-
-      return acc;
-    }, {});
-  }
-
-  function updateRenderingContextRefs (ctx) {
-    // IDs should not be nullable.
-    if (isNullOrUndefined(ctx.id) && ctx.id === ctx.vid) {
-      ctx.id = PROVIDER_COUNTER;
-      PROVIDER_COUNTER++;
-    }
-
-    var id = ctx.id;
-    var vid = ctx.vid;
-    // Nothing has changed.
-    if (ctx.isDeactivated || (id === vid && ctx.$_veeObserver.refs[id])) {
-      return;
-    }
-
-    // vid was changed.
-    if (id !== vid && ctx.$_veeObserver.refs[id] === ctx) {
-      ctx.$_veeObserver.unsubscribe(ctx);
-    }
-
-    ctx.$_veeObserver.subscribe(ctx);
-    ctx.id = vid;
-  }
-
-  function createObserver () {
-    return {
-      refs: {},
-      subscribe: function subscribe (ctx) {
-        this.refs[ctx.vid] = ctx;
-      },
-      unsubscribe: function unsubscribe (ctx) {
-        delete this.refs[ctx.vid];
-      }
-    };
-  }
-
   var ValidationProvider = {
     $__veeInject: false,
     inject: {
@@ -4496,19 +4306,10 @@
         var this$1 = this;
 
         var rules = normalizeRules(this.rules);
-        var providers = this.$_veeObserver.refs;
 
         return Object.keys(rules).filter(RuleContainer.isTargetRule).map(function (rule) {
           var depName = rules[rule][0];
-          var watcherName = "$__" + depName;
-          if (!isCallable(this$1[watcherName]) && providers[depName]) {
-            this$1[watcherName] = providers[depName].$watch('value', function () {
-              if (this$1.flags.validated) {
-                this$1._needsValidation = true;
-                this$1.validate();
-              }
-            });
-          }
+          watchCrossFieldDep(this$1, depName);
 
           return depName;
         });
@@ -4664,6 +4465,228 @@
     }
   };
 
+  function createValidationCtx (ctx) {
+    return {
+      errors: ctx.messages,
+      flags: ctx.flags,
+      classes: ctx.classes,
+      valid: ctx.isValid,
+      failedRules: ctx.failedRules,
+      reset: function () { return ctx.reset(); },
+      validate: function () {
+        var args = [], len = arguments.length;
+        while ( len-- ) args[ len ] = arguments[ len ];
+
+        return ctx.validate.apply(ctx, args);
+    },
+      aria: {
+        'aria-invalid': ctx.flags.invalid ? 'true' : 'false',
+        'aria-required': ctx.isRequired ? 'true' : 'false'
+      }
+    };
+  }
+
+  function normalizeValue$1 (value) {
+    if (isEvent(value)) {
+      return value.target.type === 'file' ? toArray(value.target.files) : value.target.value;
+    }
+
+    return value;
+  }
+
+  /**
+   * Determines if a provider needs to run validation.
+   */
+  function shouldValidate (ctx, model) {
+    // when an immediate/initial validation is needed and wasn't done before.
+    if (!ctx._ignoreImmediate && ctx.immediate) {
+      return true;
+    }
+
+    // when the value changes for whatever reason.
+    if (ctx.value !== model.value) {
+      return true;
+    }
+
+    // when it needs validation due to props/cross-fields changes.
+    if (ctx._needsValidation) {
+      return true;
+    }
+
+    // when the initial value is undefined and the field wasn't rendered yet.
+    if (!ctx.initialized && model.value === undefined) {
+      return true;
+    }
+
+    return false;
+  }
+
+  function computeModeSetting (ctx) {
+    var compute = isCallable(ctx.mode) ? ctx.mode : modes[ctx.mode];
+
+    return compute({
+      errors: ctx.messages,
+      value: ctx.value,
+      flags: ctx.flags
+    });
+  }
+
+  function onRenderUpdate (model) {
+    if (!this.initialized) {
+      this.initialValue = model.value;
+    }
+
+    var validateNow = shouldValidate(this, model);
+    this._needsValidation = false;
+    this.value = model.value;
+    this._ignoreImmediate = true;
+
+    if (!validateNow) {
+      return;
+    }
+
+    this.validateSilent().then(this.immediate || this.flags.validated ? this.applyResult : function (x) { return x; });
+  }
+
+  // Creates the common handlers for a validatable context.
+  function createCommonHandlers (ctx) {
+    var onInput = function (e) {
+      ctx.syncValue(e); // track and keep the value updated.
+      ctx.setFlags({ dirty: true, pristine: false });
+    };
+
+    // Blur event listener.
+    var onBlur = function () {
+      ctx.setFlags({ touched: true, untouched: false });
+    };
+
+    var onValidate = ctx.$veeHandler;
+    var mode = computeModeSetting(ctx);
+
+    // Handle debounce changes.
+    if (!onValidate || ctx.$veeDebounce !== ctx.debounce) {
+      onValidate = debounce(
+        function () {
+          ctx.$nextTick(function () {
+            var pendingPromise = ctx.validateSilent();
+            // avoids race conditions between successive validations.
+            ctx._pendingValidation = pendingPromise;
+            pendingPromise.then(function (result) {
+              if (pendingPromise === ctx._pendingValidation) {
+                ctx.applyResult(result);
+                ctx._pendingValidation = null;
+              }
+            });
+          });
+        },
+        mode.debounce || ctx.debounce
+      );
+
+      // Cache the handler so we don't create it each time.
+      ctx.$veeHandler = onValidate;
+      // cache the debounce value so we detect if it was changed.
+      ctx.$veeDebounce = ctx.debounce;
+    }
+
+    return { onInput: onInput, onBlur: onBlur, onValidate: onValidate };
+  }
+
+  // Adds all plugin listeners to the vnode.
+  function addListeners (node) {
+    var model = findModel(node);
+    // cache the input eventName.
+    this._inputEventName = this._inputEventName || getInputEventName(node, model);
+
+    onRenderUpdate.call(this, model);
+
+    var ref = createCommonHandlers(this);
+    var onInput = ref.onInput;
+    var onBlur = ref.onBlur;
+    var onValidate = ref.onValidate;
+    addVNodeListener(node, this._inputEventName, onInput);
+    addVNodeListener(node, 'blur', onBlur);
+
+    // add the validation listeners.
+    this.normalizedEvents.forEach(function (evt) {
+      addVNodeListener(node, evt, onValidate);
+    });
+
+    this.initialized = true;
+  }
+
+  function createValuesLookup (ctx) {
+    var providers = ctx.$_veeObserver.refs;
+
+    return ctx.fieldDeps.reduce(function (acc, depName) {
+      if (!providers[depName]) {
+        return acc;
+      }
+
+      acc[depName] = providers[depName].value;
+
+      return acc;
+    }, {});
+  }
+
+  function updateRenderingContextRefs (ctx) {
+    // IDs should not be nullable.
+    if (isNullOrUndefined(ctx.id) && ctx.id === ctx.vid) {
+      ctx.id = PROVIDER_COUNTER;
+      PROVIDER_COUNTER++;
+    }
+
+    var id = ctx.id;
+    var vid = ctx.vid;
+    // Nothing has changed.
+    if (ctx.isDeactivated || (id === vid && ctx.$_veeObserver.refs[id])) {
+      return;
+    }
+
+    // vid was changed.
+    if (id !== vid && ctx.$_veeObserver.refs[id] === ctx) {
+      ctx.$_veeObserver.unsubscribe(ctx);
+    }
+
+    ctx.$_veeObserver.subscribe(ctx);
+    ctx.id = vid;
+  }
+
+  function createObserver () {
+    return {
+      refs: {},
+      subscribe: function subscribe (ctx) {
+        this.refs[ctx.vid] = ctx;
+      },
+      unsubscribe: function unsubscribe (ctx) {
+        delete this.refs[ctx.vid];
+      }
+    };
+  }
+
+  function watchCrossFieldDep (ctx, depName, withHooks) {
+    if ( withHooks === void 0 ) withHooks = true;
+
+    var providers = ctx.$_veeObserver.refs;
+    if (!ctx._veeWatchers) {
+      ctx._veeWatchers = {};
+    }
+
+    if (!providers[depName] && withHooks) {
+      return ctx.$once('hook:mounted', function () {
+        watchCrossFieldDep(ctx, depName, false);
+      });
+    }
+
+    if (!isCallable(ctx._veeWatchers[depName]) && providers[depName]) {
+      ctx._veeWatchers[depName] = providers[depName].$watch('value', function () {
+        if (ctx.flags.validated) {
+          ctx._needsValidation = true;
+          ctx.validate();
+        }
+      });
+    }
+  }
+
   var flagMergingStrategy = {
     pristine: 'every',
     dirty: 'some',
@@ -4910,7 +4933,7 @@
     return hoc;
   }
 
-  VeeValidate.version = '2.2.5';
+  VeeValidate.version = '2.2.9';
   VeeValidate.mapFields = mapFields;
   VeeValidate.ValidationProvider = ValidationProvider;
   VeeValidate.ValidationObserver = ValidationObserver;