@dimailn/vuetify 2.7.2-alpha55 → 2.7.2-alpha57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/json/attributes.json +3945 -417
  2. package/dist/json/tags.json +1120 -133
  3. package/dist/json/web-types.json +12516 -2651
  4. package/dist/vuetify.js +72 -78
  5. package/dist/vuetify.js.map +1 -1
  6. package/dist/vuetify.min.css +1 -1
  7. package/dist/vuetify.min.js +2 -2
  8. package/es5/components/VFileInput/VFileInput.js +3 -1
  9. package/es5/components/VFileInput/VFileInput.js.map +1 -1
  10. package/es5/components/VTextField/VTextField.js +3 -1
  11. package/es5/components/VTextField/VTextField.js.map +1 -1
  12. package/es5/directives/click-outside/index.js +19 -21
  13. package/es5/directives/click-outside/index.js.map +1 -1
  14. package/es5/directives/intersect/index.js +12 -17
  15. package/es5/directives/intersect/index.js.map +1 -1
  16. package/es5/directives/mutate/index.js +9 -11
  17. package/es5/directives/mutate/index.js.map +1 -1
  18. package/es5/directives/resize/index.js +8 -10
  19. package/es5/directives/resize/index.js.map +1 -1
  20. package/es5/directives/scroll/index.js +11 -12
  21. package/es5/directives/scroll/index.js.map +1 -1
  22. package/es5/directives/touch/index.js +6 -5
  23. package/es5/directives/touch/index.js.map +1 -1
  24. package/es5/framework.js +1 -1
  25. package/es5/services/theme/utils.js.map +1 -1
  26. package/lib/components/VFileInput/VFileInput.js +2 -0
  27. package/lib/components/VFileInput/VFileInput.js.map +1 -1
  28. package/lib/components/VTextField/VTextField.js +2 -0
  29. package/lib/components/VTextField/VTextField.js.map +1 -1
  30. package/lib/directives/click-outside/index.js +17 -19
  31. package/lib/directives/click-outside/index.js.map +1 -1
  32. package/lib/directives/intersect/index.js +12 -16
  33. package/lib/directives/intersect/index.js.map +1 -1
  34. package/lib/directives/mutate/index.js +9 -11
  35. package/lib/directives/mutate/index.js.map +1 -1
  36. package/lib/directives/resize/index.js +8 -8
  37. package/lib/directives/resize/index.js.map +1 -1
  38. package/lib/directives/scroll/index.js +8 -8
  39. package/lib/directives/scroll/index.js.map +1 -1
  40. package/lib/directives/touch/index.js +6 -5
  41. package/lib/directives/touch/index.js.map +1 -1
  42. package/lib/framework.js +1 -1
  43. package/lib/services/theme/utils.js.map +1 -1
  44. package/package.json +1 -1
  45. package/src/components/VFileInput/VFileInput.ts +1 -1
  46. package/src/components/VMenu/__tests__/VMenuActivatorTest.spec.ts +25 -0
  47. package/src/components/VMenu/__tests__/test-with-directives.spec.ts +50 -0
  48. package/src/components/VTextField/VTextField.ts +1 -1
  49. package/src/directives/click-outside/__tests__/click-outside-shadow-dom.spec.ts +2 -1
  50. package/src/directives/click-outside/__tests__/click-outside.spec.ts +2 -1
  51. package/src/directives/click-outside/index.ts +25 -18
  52. package/src/directives/intersect/__tests__/intersect.spec.ts +31 -13
  53. package/src/directives/intersect/index.ts +15 -19
  54. package/src/directives/mutate/__tests__/mutate.spec.ts +35 -27
  55. package/src/directives/mutate/index.ts +12 -6
  56. package/src/directives/resize/__tests__/resize.spec.ts +4 -4
  57. package/src/directives/resize/index.ts +11 -18
  58. package/src/directives/scroll/__tests__/scroll.spec.ts +5 -29
  59. package/src/directives/scroll/index.ts +14 -7
  60. package/src/directives/touch/index.ts +6 -5
  61. package/src/services/theme/utils.ts +1 -1
package/dist/vuetify.js CHANGED
@@ -16614,7 +16614,9 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
16614
16614
  var _a = this.attrs$,
16615
16615
  title = _a.title,
16616
16616
  value = _a.value,
16617
- inputAttrs = __rest(_a, ["title", "value"]);
16617
+ _class = _a.class,
16618
+ _style = _a.style,
16619
+ inputAttrs = __rest(_a, ["title", "value", "class", "style"]);
16618
16620
 
16619
16621
  var input = Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])('input', __assign(__assign(__assign(__assign({}, inputAttrs), {
16620
16622
  autofocus: this.autofocus,
@@ -31432,7 +31434,9 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
31432
31434
  var _a = this.attrs$,
31433
31435
  title = _a.title,
31434
31436
  _onChange = _a.onChange,
31435
- inputAttrs = __rest(_a, ["title", "onChange"]);
31437
+ _class = _a.class,
31438
+ _style = _a.style,
31439
+ inputAttrs = __rest(_a, ["title", "onChange", "class", "style"]);
31436
31440
 
31437
31441
  var node = Object(vue__WEBPACK_IMPORTED_MODULE_12__["h"])('input', __assign(__assign(__assign(__assign({
31438
31442
  style: {},
@@ -36106,6 +36110,7 @@ __webpack_require__.r(__webpack_exports__);
36106
36110
  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
36107
36111
 
36108
36112
 
36113
+ var clickOutsideState = new WeakMap();
36109
36114
 
36110
36115
  function defaultConditional() {
36111
36116
  return true;
@@ -36147,7 +36152,9 @@ function checkIsActive(e, binding) {
36147
36152
 
36148
36153
  function directive(e, el, binding) {
36149
36154
  var handler = typeof binding.value === 'function' ? binding.value : binding.value.handler;
36150
- el._clickOutside.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(function () {
36155
+ var state = clickOutsideState.get(el);
36156
+ if (!state) return;
36157
+ state.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(function () {
36151
36158
  checkIsActive(e, binding) && handler && handler(e);
36152
36159
  }, 0);
36153
36160
  }
@@ -36173,38 +36180,32 @@ var ClickOutside = {
36173
36180
  };
36174
36181
 
36175
36182
  var onMousedown = function onMousedown(e) {
36176
- el._clickOutside.lastMousedownWasOutside = checkEvent(e, el, binding);
36183
+ var state = clickOutsideState.get(el);
36184
+ if (!state) return;
36185
+ state.lastMousedownWasOutside = checkEvent(e, el, binding);
36177
36186
  };
36178
36187
 
36188
+ clickOutsideState.set(el, {
36189
+ onClick: onClick,
36190
+ onMousedown: onMousedown,
36191
+ lastMousedownWasOutside: true
36192
+ });
36179
36193
  handleShadow(el, function (app) {
36180
36194
  app.addEventListener('click', onClick, true);
36181
36195
  app.addEventListener('mousedown', onMousedown, true);
36182
36196
  });
36183
-
36184
- if (!el._clickOutside) {
36185
- el._clickOutside = {
36186
- lastMousedownWasOutside: true
36187
- };
36188
- }
36189
-
36190
- el._clickOutside[vnode.ctx.uid] = {
36191
- onClick: onClick,
36192
- onMousedown: onMousedown
36193
- };
36194
36197
  },
36195
36198
  unmounted: function unmounted(el, binding, vnode) {
36196
- if (!el._clickOutside) return;
36199
+ var state = clickOutsideState.get(el);
36200
+ if (!state) return;
36197
36201
  handleShadow(el, function (app) {
36198
- var _a;
36199
-
36200
- if (!app || !((_a = el._clickOutside) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
36201
- var _b = el._clickOutside[vnode.ctx.uid],
36202
- onClick = _b.onClick,
36203
- onMousedown = _b.onMousedown;
36202
+ if (!app) return;
36203
+ var onClick = state.onClick,
36204
+ onMousedown = state.onMousedown;
36204
36205
  app.removeEventListener('click', onClick, true);
36205
36206
  app.removeEventListener('mousedown', onMousedown, true);
36206
36207
  });
36207
- delete el._clickOutside[vnode.ctx.uid];
36208
+ clickOutsideState.delete(el);
36208
36209
  }
36209
36210
  };
36210
36211
  /* harmony default export */ __webpack_exports__["default"] = (ClickOutside);
@@ -36263,6 +36264,8 @@ __webpack_require__.r(__webpack_exports__);
36263
36264
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intersect", function() { return Intersect; });
36264
36265
  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
36265
36266
 
36267
+ var intersectState = new WeakMap();
36268
+
36266
36269
  function mounted(el, binding, vnode) {
36267
36270
  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) {
36268
36271
  return;
@@ -36280,32 +36283,28 @@ function mounted(el, binding, vnode) {
36280
36283
 
36281
36284
  if (!handler) return;
36282
36285
  var observer = new IntersectionObserver(function (entries, observer) {
36283
- var _a;
36284
-
36285
36286
  if (entries === void 0) {
36286
36287
  entries = [];
36287
36288
  }
36288
36289
 
36289
- var _observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid];
36290
-
36291
- if (!_observe) return; // Just in case, should never fire
36290
+ var state = intersectState.get(el);
36291
+ if (!state) return; // Just in case, should never fire
36292
36292
 
36293
36293
  var isIntersecting = entries.some(function (entry) {
36294
36294
  return entry.isIntersecting;
36295
36295
  }); // If is not quiet or has already been
36296
36296
  // initted, invoke the user callback
36297
36297
 
36298
- if (handler && typeof handler === 'function' && (!modifiers.quiet || _observe.init) && (!modifiers.once || isIntersecting || _observe.init)) {
36298
+ if (handler && typeof handler === 'function' && (!modifiers.quiet || state.init) && (!modifiers.once || isIntersecting || state.init)) {
36299
36299
  handler(entries, observer, isIntersecting);
36300
36300
  }
36301
36301
 
36302
- if (isIntersecting && modifiers.once) unmounted(el, binding, vnode);else _observe.init = true;
36302
+ if (isIntersecting && modifiers.once) unmounted(el, binding, vnode);else state.init = true;
36303
36303
  }, options);
36304
- el._observe = Object(el._observe);
36305
- el._observe[vnode.ctx.uid] = {
36304
+ intersectState.set(el, {
36306
36305
  init: false,
36307
36306
  observer: observer
36308
- };
36307
+ });
36309
36308
  observer.observe(el);
36310
36309
  }
36311
36310
 
@@ -36318,12 +36317,10 @@ function updated(el, binding, vnode) {
36318
36317
  }
36319
36318
 
36320
36319
  function unmounted(el, binding, vnode) {
36321
- var _a;
36322
-
36323
- var observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid];
36324
- if (!observe) return;
36325
- observe.observer.unobserve(el);
36326
- delete el._observe[vnode.ctx.uid];
36320
+ var state = intersectState.get(el);
36321
+ if (!state) return;
36322
+ state.observer.unobserve(el);
36323
+ intersectState.delete(el);
36327
36324
  }
36328
36325
 
36329
36326
  var Intersect = {
@@ -36360,6 +36357,8 @@ var __rest = undefined && undefined.__rest || function (s, e) {
36360
36357
  return t;
36361
36358
  };
36362
36359
 
36360
+ var mutateState = new WeakMap();
36361
+
36363
36362
  function mounted(el, binding, vnode) {
36364
36363
  var modifiers = binding.modifiers || {};
36365
36364
  var value = binding.value;
@@ -36385,27 +36384,23 @@ function mounted(el, binding, vnode) {
36385
36384
  };
36386
36385
  var observer = new MutationObserver(function (mutationsList, observer) {
36387
36386
  /* istanbul ignore if */
36388
- if (!el._mutate) return; // Just in case, should never fire
36387
+ if (!mutateState.has(el)) return; // Just in case, should never fire
36389
36388
 
36390
36389
  callback(mutationsList, observer); // If has the once modifier, unbind
36391
36390
 
36392
36391
  once && unmounted(el, binding, vnode);
36393
36392
  });
36394
36393
  observer.observe(el, options);
36395
- el._mutate = Object(el._mutate);
36396
- el._mutate[vnode.ctx.uid] = {
36394
+ mutateState.set(el, {
36397
36395
  observer: observer
36398
- };
36396
+ });
36399
36397
  }
36400
36398
 
36401
36399
  function unmounted(el, binding, vnode) {
36402
- var _a;
36403
-
36404
- if (!((_a = el._mutate) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
36405
-
36406
- el._mutate[vnode.ctx.uid].observer.disconnect();
36407
-
36408
- delete el._mutate[vnode.ctx.uid];
36400
+ var state = mutateState.get(el);
36401
+ if (!state) return;
36402
+ state.observer.disconnect();
36403
+ mutateState.delete(el);
36409
36404
  }
36410
36405
 
36411
36406
  var Mutate = {
@@ -36426,17 +36421,18 @@ var Mutate = {
36426
36421
  "use strict";
36427
36422
  __webpack_require__.r(__webpack_exports__);
36428
36423
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Resize", function() { return Resize; });
36424
+ var resizeState = new WeakMap();
36425
+
36429
36426
  function mounted(el, binding, vnode) {
36430
36427
  var callback = binding.value;
36431
36428
  var options = binding.options || {
36432
36429
  passive: true
36433
36430
  };
36434
36431
  window.addEventListener('resize', callback, options);
36435
- el._onResize = Object(el._onResize);
36436
- el._onResize[vnode.ctx.uid] = {
36432
+ resizeState.set(el, {
36437
36433
  callback: callback,
36438
36434
  options: options
36439
- };
36435
+ });
36440
36436
 
36441
36437
  if (!binding.modifiers || !binding.modifiers.quiet) {
36442
36438
  callback();
@@ -36444,14 +36440,12 @@ function mounted(el, binding, vnode) {
36444
36440
  }
36445
36441
 
36446
36442
  function unmounted(el, binding, vnode) {
36447
- var _a;
36448
-
36449
- if (!((_a = el._onResize) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
36450
- var _b = el._onResize[vnode.ctx.uid],
36451
- callback = _b.callback,
36452
- options = _b.options;
36443
+ var state = resizeState.get(el);
36444
+ if (!state) return;
36445
+ var callback = state.callback,
36446
+ options = state.options;
36453
36447
  window.removeEventListener('resize', callback, options);
36454
- delete el._onResize[vnode.ctx.uid];
36448
+ resizeState.delete(el);
36455
36449
  }
36456
36450
 
36457
36451
  var Resize = {
@@ -36886,6 +36880,8 @@ __webpack_require__.r(__webpack_exports__);
36886
36880
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Scroll", function() { return Scroll; });
36887
36881
  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
36888
36882
 
36883
+ var scrollState = new WeakMap();
36884
+
36889
36885
  function mounted(el, binding, vnode) {
36890
36886
  var _a = (binding.modifiers || {}).self,
36891
36887
  self = _a === void 0 ? false : _a;
@@ -36897,26 +36893,23 @@ function mounted(el, binding, vnode) {
36897
36893
  var target = self ? el : binding.arg ? document.querySelector(binding.arg) : window;
36898
36894
  if (!target) return;
36899
36895
  target.addEventListener('scroll', handler, options);
36900
- el._onScroll = Object(el._onScroll);
36901
- el._onScroll[vnode.ctx.uid] = {
36896
+ scrollState.set(el, {
36902
36897
  handler: handler,
36903
36898
  options: options,
36904
36899
  // Don't reference self
36905
36900
  target: self ? undefined : target
36906
- };
36901
+ });
36907
36902
  }
36908
36903
 
36909
36904
  function unmounted(el, binding, vnode) {
36910
- var _a;
36911
-
36912
- if (!((_a = el._onScroll) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
36913
- var _b = el._onScroll[vnode.ctx.uid],
36914
- handler = _b.handler,
36915
- options = _b.options,
36916
- _c = _b.target,
36917
- target = _c === void 0 ? el : _c;
36905
+ var state = scrollState.get(el);
36906
+ if (!state) return;
36907
+ var handler = state.handler,
36908
+ options = state.options,
36909
+ _a = state.target,
36910
+ target = _a === void 0 ? el : _a;
36918
36911
  target.removeEventListener('scroll', handler, options);
36919
- delete el._onScroll[vnode.ctx.uid];
36912
+ scrollState.delete(el);
36920
36913
  }
36921
36914
 
36922
36915
  var Scroll = {
@@ -37016,6 +37009,8 @@ function createHandlers(value) {
37016
37009
  };
37017
37010
  }
37018
37011
 
37012
+ var touchState = new WeakMap();
37013
+
37019
37014
  function mounted(el, binding, vnode) {
37020
37015
  var value = binding.value;
37021
37016
  var target = value.parent ? el.parentElement : el;
@@ -37025,8 +37020,7 @@ function mounted(el, binding, vnode) {
37025
37020
 
37026
37021
  if (!target) return;
37027
37022
  var handlers = createHandlers(binding.value);
37028
- target._touchHandlers = Object(target._touchHandlers);
37029
- target._touchHandlers[vnode.ctx.uid] = handlers;
37023
+ touchState.set(target, handlers);
37030
37024
  Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["keys"])(handlers).forEach(function (eventName) {
37031
37025
  target.addEventListener(eventName, handlers[eventName], options);
37032
37026
  });
@@ -37034,14 +37028,14 @@ function mounted(el, binding, vnode) {
37034
37028
 
37035
37029
  function unmounted(el, binding, vnode) {
37036
37030
  var target = binding.value.parent ? el.parentElement : el;
37037
- if (!target || !target._touchHandlers) return;
37038
- var handlers = target._touchHandlers[vnode.ctx.uid];
37031
+ if (!target) return;
37032
+ var handlers = touchState.get(target);
37039
37033
 
37040
37034
  if (handlers) {
37041
37035
  Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["keys"])(handlers).forEach(function (eventName) {
37042
37036
  target.removeEventListener(eventName, handlers[eventName]);
37043
37037
  });
37044
- delete target._touchHandlers[vnode.ctx.uid];
37038
+ touchState.delete(target);
37045
37039
  }
37046
37040
  }
37047
37041
 
@@ -37120,7 +37114,7 @@ function () {
37120
37114
 
37121
37115
  Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
37122
37116
  Vuetify.installed = false;
37123
- Vuetify.version = "2.7.2-alpha55";
37117
+ Vuetify.version = "2.7.2-alpha57";
37124
37118
  Vuetify.config = {
37125
37119
  silent: false
37126
37120
  };