@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.
- package/dist/json/attributes.json +3945 -417
- package/dist/json/tags.json +1120 -133
- package/dist/json/web-types.json +12516 -2651
- package/dist/vuetify.js +72 -78
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +1 -1
- package/dist/vuetify.min.js +2 -2
- package/es5/components/VFileInput/VFileInput.js +3 -1
- package/es5/components/VFileInput/VFileInput.js.map +1 -1
- package/es5/components/VTextField/VTextField.js +3 -1
- package/es5/components/VTextField/VTextField.js.map +1 -1
- package/es5/directives/click-outside/index.js +19 -21
- package/es5/directives/click-outside/index.js.map +1 -1
- package/es5/directives/intersect/index.js +12 -17
- package/es5/directives/intersect/index.js.map +1 -1
- package/es5/directives/mutate/index.js +9 -11
- package/es5/directives/mutate/index.js.map +1 -1
- package/es5/directives/resize/index.js +8 -10
- package/es5/directives/resize/index.js.map +1 -1
- package/es5/directives/scroll/index.js +11 -12
- package/es5/directives/scroll/index.js.map +1 -1
- package/es5/directives/touch/index.js +6 -5
- package/es5/directives/touch/index.js.map +1 -1
- package/es5/framework.js +1 -1
- package/es5/services/theme/utils.js.map +1 -1
- package/lib/components/VFileInput/VFileInput.js +2 -0
- package/lib/components/VFileInput/VFileInput.js.map +1 -1
- package/lib/components/VTextField/VTextField.js +2 -0
- package/lib/components/VTextField/VTextField.js.map +1 -1
- package/lib/directives/click-outside/index.js +17 -19
- package/lib/directives/click-outside/index.js.map +1 -1
- package/lib/directives/intersect/index.js +12 -16
- package/lib/directives/intersect/index.js.map +1 -1
- package/lib/directives/mutate/index.js +9 -11
- package/lib/directives/mutate/index.js.map +1 -1
- package/lib/directives/resize/index.js +8 -8
- package/lib/directives/resize/index.js.map +1 -1
- package/lib/directives/scroll/index.js +8 -8
- package/lib/directives/scroll/index.js.map +1 -1
- package/lib/directives/touch/index.js +6 -5
- package/lib/directives/touch/index.js.map +1 -1
- package/lib/framework.js +1 -1
- package/lib/services/theme/utils.js.map +1 -1
- package/package.json +1 -1
- package/src/components/VFileInput/VFileInput.ts +1 -1
- package/src/components/VMenu/__tests__/VMenuActivatorTest.spec.ts +25 -0
- package/src/components/VMenu/__tests__/test-with-directives.spec.ts +50 -0
- package/src/components/VTextField/VTextField.ts +1 -1
- package/src/directives/click-outside/__tests__/click-outside-shadow-dom.spec.ts +2 -1
- package/src/directives/click-outside/__tests__/click-outside.spec.ts +2 -1
- package/src/directives/click-outside/index.ts +25 -18
- package/src/directives/intersect/__tests__/intersect.spec.ts +31 -13
- package/src/directives/intersect/index.ts +15 -19
- package/src/directives/mutate/__tests__/mutate.spec.ts +35 -27
- package/src/directives/mutate/index.ts +12 -6
- package/src/directives/resize/__tests__/resize.spec.ts +4 -4
- package/src/directives/resize/index.ts +11 -18
- package/src/directives/scroll/__tests__/scroll.spec.ts +5 -29
- package/src/directives/scroll/index.ts +14 -7
- package/src/directives/touch/index.ts +6 -5
- 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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
36199
|
+
var state = clickOutsideState.get(el);
|
|
36200
|
+
if (!state) return;
|
|
36197
36201
|
handleShadow(el, function (app) {
|
|
36198
|
-
|
|
36199
|
-
|
|
36200
|
-
|
|
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
|
|
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
|
|
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 ||
|
|
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
|
|
36302
|
+
if (isIntersecting && modifiers.once) unmounted(el, binding, vnode);else state.init = true;
|
|
36303
36303
|
}, options);
|
|
36304
|
-
|
|
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
|
|
36322
|
-
|
|
36323
|
-
|
|
36324
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
36403
|
-
|
|
36404
|
-
|
|
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
|
-
|
|
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
|
|
36448
|
-
|
|
36449
|
-
|
|
36450
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
36911
|
-
|
|
36912
|
-
|
|
36913
|
-
|
|
36914
|
-
|
|
36915
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
37038
|
-
var handlers = target
|
|
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
|
|
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-
|
|
37117
|
+
Vuetify.version = "2.7.2-alpha57";
|
|
37124
37118
|
Vuetify.config = {
|
|
37125
37119
|
silent: false
|
|
37126
37120
|
};
|