@kokoccc/vuetify 1.0.1 → 1.0.3

package/es5/directives/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ClickOutside", {
+  enumerable: true,
+  get: function get() {
+    return _clickOutside.ClickOutside;
+  }
+});
+Object.defineProperty(exports, "Intersect", {
+  enumerable: true,
+  get: function get() {
+    return _intersect.Intersect;
+  }
+});
+Object.defineProperty(exports, "Mutate", {
+  enumerable: true,
+  get: function get() {
+    return _mutate.Mutate;
+  }
+});
+Object.defineProperty(exports, "Resize", {
+  enumerable: true,
+  get: function get() {
+    return _resize.Resize;
+  }
+});
+Object.defineProperty(exports, "Ripple", {
+  enumerable: true,
+  get: function get() {
+    return _ripple.Ripple;
+  }
+});
+Object.defineProperty(exports, "Scroll", {
+  enumerable: true,
+  get: function get() {
+    return _scroll.Scroll;
+  }
+});
+Object.defineProperty(exports, "Touch", {
+  enumerable: true,
+  get: function get() {
+    return _touch.Touch;
+  }
+});
+
+var _clickOutside = require("./click-outside");
+
+var _intersect = require("./intersect");
+
+var _mutate = require("./mutate");
+
+var _resize = require("./resize");
+
+var _ripple = require("./ripple");
+
+var _scroll = require("./scroll");
+
+var _touch = require("./touch");
+//# sourceMappingURL=index.js.map

package/es5/directives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/directives/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { ClickOutside } from './click-outside'\nexport { Intersect } from './intersect'\nexport { Mutate } from './mutate'\nexport { Resize } from './resize'\nexport { Ripple } from './ripple'\nexport { Scroll } from './scroll'\nexport { Touch } from './touch'\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/intersect/index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Intersect = void 0;
+
+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); }
+
+function mounted(el, binding, vnode) {
+  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) {
+    return;
+  }
+
+  var modifiers = binding.modifiers || {};
+  var value = binding.value;
+
+  var _ref = _typeof(value) === 'object' && value !== null && 'handler' in value ? value : {
+    handler: value,
+    options: {}
+  },
+      handler = _ref.handler,
+      options = _ref.options;
+
+  if (!handler) return;
+  var observer = new IntersectionObserver(function () {
+    var entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var observer = arguments.length > 1 ? arguments[1] : undefined;
+
+    var _a;
+
+    var _observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid];
+
+    if (!_observe) return; // Just in case, should never fire
+
+    var isIntersecting = entries.some(function (entry) {
+      return entry.isIntersecting;
+    }); // If is not quiet or has already been
+    // initted, invoke the user callback
+
+    if (handler && (!modifiers.quiet || _observe.init) && (!modifiers.once || isIntersecting || _observe.init)) {
+      handler(entries, observer, isIntersecting);
+    }
+
+    if (isIntersecting && modifiers.once) unmounted(el, binding, vnode);else _observe.init = true;
+  }, options);
+  el._observe = Object(el._observe);
+  el._observe[vnode.ctx.uid] = {
+    init: false,
+    observer: observer
+  };
+  observer.observe(el);
+}
+
+function updated(el, binding, vnode) {
+  // Если значение изменилось, пересоздаем observer
+  if (binding.value !== binding.oldValue) {
+    unmounted(el, binding, vnode);
+    mounted(el, binding, vnode);
+  }
+}
+
+function unmounted(el, binding, vnode) {
+  var _a;
+
+  var observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid];
+  if (!observe) return;
+  observe.observer.unobserve(el);
+  delete el._observe[vnode.ctx.uid];
+}
+
+var Intersect = {
+  mounted: mounted,
+  updated: updated,
+  unmounted: unmounted
+};
+exports.Intersect = Intersect;
+var _default = Intersect;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/directives/intersect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/intersect/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DirectiveBinding, ObjectDirective, VNode } from 'vue'\n\ntype ObserveHandler = (\n  entries: IntersectionObserverEntry[],\n  observer: IntersectionObserver,\n  isIntersecting: boolean\n) => void;\n\ninterface ObserveDirectiveBinding\n  extends Omit<DirectiveBinding, 'modifiers' | 'value'> {\n  value?:\n    | ObserveHandler\n    | { handler: ObserveHandler, options?: IntersectionObserverInit }\n  modifiers?: {\n    once?: boolean\n    quiet?: boolean\n  }\n}\n\n// Расширяем HTMLElement для хранения данных наблюдателя\ndeclare global {\n  interface HTMLElement {\n    _observe?: Record<\n      number,\n      { init: boolean, observer: IntersectionObserver }\n    >\n  }\n}\n\nfunction mounted (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) { return }\n\n  const modifiers = binding.modifiers || {}\n  const value = binding.value\n  const { handler, options } =\n    typeof value === 'object' && value !== null && 'handler' in value\n      ? value\n      : { handler: value, options: {} }\n\n  if (!handler) return\n\n  const observer = new IntersectionObserver(\n    (\n      entries: IntersectionObserverEntry[] = [],\n      observer: IntersectionObserver\n    ) => {\n      const _observe = el._observe?.[vnode.ctx!.uid]\n      if (!_observe) return // Just in case, should never fire\n\n      const isIntersecting = entries.some(entry => entry.isIntersecting)\n\n      // If is not quiet or has already been\n      // initted, invoke the user callback\n      if (\n        handler &&\n        (!modifiers.quiet || _observe.init) &&\n        (!modifiers.once || isIntersecting || _observe.init)\n      ) {\n        handler(entries, observer, isIntersecting)\n      }\n\n      if (isIntersecting && modifiers.once) unmounted(el, binding, vnode)\n      else _observe.init = true\n    },\n    options\n  )\n\n  el._observe = Object(el._observe)\n  el._observe![vnode.ctx!.uid] = { init: false, observer }\n\n  observer.observe(el)\n}\n\nfunction updated (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  // Если значение изменилось, пересоздаем observer\n  if (binding.value !== binding.oldValue) {\n    unmounted(el, binding, vnode)\n    mounted(el, binding, vnode)\n  }\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  const observe = el._observe?.[vnode.ctx!.uid]\n  if (!observe) return\n\n  observe.observer.unobserve(el)\n  delete el._observe![vnode.ctx!.uid]\n}\n\nexport const Intersect: ObjectDirective<\n  HTMLElement,\n  | ObserveHandler\n  | { handler: ObserveHandler, options?: IntersectionObserverInit }\n> = {\n  mounted,\n  updated,\n  unmounted,\n}\n\nexport default Intersect\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/mutate/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Mutate = void 0;
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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); }
+
+function mounted(el, binding, vnode) {
+  var modifiers = binding.modifiers || {};
+  var value = binding.value;
+  var callback = _typeof(value) === 'object' ? value.handler : value;
+
+  var once = modifiers.once,
+      modifierKeys = _objectWithoutProperties(modifiers, ["once"]);
+
+  var hasModifiers = Object.keys(modifierKeys).length > 0; // Options take top priority
+
+  var options = _typeof(value) === 'object' && value.options ? value.options : hasModifiers ? {
+    // If we have modifiers, use only those provided
+    attributes: modifierKeys.attr,
+    childList: modifierKeys.child,
+    subtree: modifierKeys.sub,
+    characterData: modifierKeys.char
+  } : {
+    // Defaults to everything on
+    attributes: true,
+    childList: true,
+    subtree: true,
+    characterData: true
+  };
+  var observer = new MutationObserver(function (mutationsList, observer) {
+    /* istanbul ignore if */
+    if (!el._mutate) return; // Just in case, should never fire
+
+    callback(mutationsList, observer); // If has the once modifier, unbind
+
+    once && unmounted(el, binding, vnode);
+  });
+  observer.observe(el, options);
+  el._mutate = Object(el._mutate);
+  el._mutate[vnode.ctx.uid] = {
+    observer: observer
+  };
+}
+
+function unmounted(el, binding, vnode) {
+  var _a;
+
+  if (!((_a = el._mutate) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
+
+  el._mutate[vnode.ctx.uid].observer.disconnect();
+
+  delete el._mutate[vnode.ctx.uid];
+}
+
+var Mutate = {
+  mounted: mounted,
+  unmounted: unmounted
+};
+exports.Mutate = Mutate;
+var _default = Mutate;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/directives/mutate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/mutate/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAmBA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,SAAS,GAAI,OAAO,CAAC,SAAR,IAAyC,EAA5D;AACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,MAAM,QAAQ,GAAG,QAAO,KAAP,MAAiB,QAAjB,GAA4B,KAAK,CAAC,OAAlC,GAA4C,KAA7D;;AAJY,MAKJ,IALI,GAKsB,SALtB,CAKJ,IALI;AAAA,MAKK,YALL,4BAKsB,SALtB;;AAMZ,MAAM,YAAY,GAAG,MAAM,CAAC,IAAP,CAAY,YAAZ,EAA0B,MAA1B,GAAmC,CAAxD,CANY,CAQZ;;AACA,MAAM,OAAO,GACX,QAAO,KAAP,MAAiB,QAAjB,IAA6B,KAAK,CAAC,OAAnC,GACI,KAAK,CAAC,OADV,GAEI,YAAY,GACV;AACA;AACA,IAAA,UAAU,EAAE,YAAY,CAAC,IAFzB;AAGA,IAAA,SAAS,EAAE,YAAY,CAAC,KAHxB;AAIA,IAAA,OAAO,EAAE,YAAY,CAAC,GAJtB;AAKA,IAAA,aAAa,EAAE,YAAY,CAAC;AAL5B,GADU,GAQV;AACA;AACA,IAAA,UAAU,EAAE,IAFZ;AAGA,IAAA,SAAS,EAAE,IAHX;AAIA,IAAA,OAAO,EAAE,IAJT;AAKA,IAAA,aAAa,EAAE;AALf,GAXR;AAmBA,MAAM,QAAQ,GAAG,IAAI,gBAAJ,CACf,UAAC,aAAD,EAAkC,QAAlC,EAAgE;AAC9D;AACA,QAAI,CAAC,EAAE,CAAC,OAAR,EAAiB,OAF6C,CAEtC;;AAExB,IAAA,QAAQ,CAAC,aAAD,EAAgB,QAAhB,CAAR,CAJ8D,CAM9D;;AACA,IAAA,IAAI,IAAI,SAAS,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAjB;AACD,GATc,CAAjB;AAYA,EAAA,QAAQ,CAAC,OAAT,CAAiB,EAAjB,EAAqB,OAArB;AACA,EAAA,EAAE,CAAC,OAAH,GAAa,MAAM,CAAC,EAAE,CAAC,OAAJ,CAAnB;AACA,EAAA,EAAE,CAAC,OAAH,CAAY,KAAK,CAAC,GAAN,CAAW,GAAvB,IAA8B;AAAE,IAAA,QAAQ,EAAR;AAAF,GAA9B;AACD;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;;;AAEZ,MAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,OAAH,MAAU,IAAV,IAAU,EAAA,KAAA,KAAA,CAAV,GAAU,KAAA,CAAV,GAAU,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAAX,CAAJ,EAAmC;;AAEnC,EAAA,EAAE,CAAC,OAAH,CAAW,KAAK,CAAC,GAAN,CAAW,GAAtB,EAA4B,QAA5B,CAAqC,UAArC;;AACA,SAAO,EAAE,CAAC,OAAH,CAAW,KAAK,CAAC,GAAN,CAAW,GAAtB,CAAP;AACD;;AAEM,IAAM,MAAM,GAAG;AACpB,EAAA,OAAO,EAAP,OADoB;AAEpB,EAAA,SAAS,EAAT;AAFoB,CAAf;;eAKQ,M","sourcesContent":["import { DirectiveBinding, VNode } from 'vue'\n\ntype MutateHandler = (\n  mutationsList: MutationRecord[],\n  observer: MutationObserver\n) => void;\n\ntype MutateValue =\n  | MutateHandler\n  | { handler: MutateHandler, options?: MutationObserverInit };\n\ntype MutateModifiers = {\n  once?: boolean\n  attr?: boolean\n  child?: boolean\n  sub?: boolean\n  char?: boolean\n};\n\nfunction mounted (\n  el: HTMLElement,\n  binding: DirectiveBinding<MutateValue>,\n  vnode: VNode\n) {\n  const modifiers = (binding.modifiers as MutateModifiers) || {}\n  const value = binding.value\n  const callback = typeof value === 'object' ? value.handler : value!\n  const { once, ...modifierKeys } = modifiers\n  const hasModifiers = Object.keys(modifierKeys).length > 0\n\n  // Options take top priority\n  const options =\n    typeof value === 'object' && value.options\n      ? value.options\n      : hasModifiers\n        ? {\n          // If we have modifiers, use only those provided\n          attributes: modifierKeys.attr,\n          childList: modifierKeys.child,\n          subtree: modifierKeys.sub,\n          characterData: modifierKeys.char,\n        }\n        : {\n          // Defaults to everything on\n          attributes: true,\n          childList: true,\n          subtree: true,\n          characterData: true,\n        }\n\n  const observer = new MutationObserver(\n    (mutationsList: MutationRecord[], observer: MutationObserver) => {\n      /* istanbul ignore if */\n      if (!el._mutate) return // Just in case, should never fire\n\n      callback(mutationsList, observer)\n\n      // If has the once modifier, unbind\n      once && unmounted(el, binding, vnode)\n    }\n  )\n\n  observer.observe(el, options)\n  el._mutate = Object(el._mutate)\n  el._mutate![vnode.ctx!.uid] = { observer }\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: DirectiveBinding<MutateValue>,\n  vnode: VNode\n) {\n  if (!el._mutate?.[vnode.ctx!.uid]) return\n\n  el._mutate[vnode.ctx!.uid]!.observer.disconnect()\n  delete el._mutate[vnode.ctx!.uid]\n}\n\nexport const Mutate = {\n  mounted,\n  unmounted,\n}\n\nexport default Mutate\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/resize/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Resize = void 0;
+
+function mounted(el, binding, vnode) {
+  var callback = binding.value;
+  var options = binding.options || {
+    passive: true
+  };
+  window.addEventListener('resize', callback, options);
+  el._onResize = Object(el._onResize);
+  el._onResize[vnode.ctx.uid] = {
+    callback: callback,
+    options: options
+  };
+
+  if (!binding.modifiers || !binding.modifiers.quiet) {
+    callback();
+  }
+}
+
+function unmounted(el, binding, vnode) {
+  var _a;
+
+  if (!((_a = el._onResize) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
+  var _el$_onResize$vnode$c = el._onResize[vnode.ctx.uid],
+      callback = _el$_onResize$vnode$c.callback,
+      options = _el$_onResize$vnode$c.options;
+  window.removeEventListener('resize', callback, options);
+  delete el._onResize[vnode.ctx.uid];
+}
+
+var Resize = {
+  mounted: mounted,
+  unmounted: unmounted
+};
+exports.Resize = Resize;
+var _default = Resize;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/directives/resize/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/directives/resize/index.ts"],"names":[],"mappings":";;;;;;;AAmBA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAzB;AACA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAR,IAAmB;AAAE,IAAA,OAAO,EAAE;AAAX,GAAnC;AAEA,EAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,QAAlC,EAA4C,OAA5C;AAEA,EAAA,EAAE,CAAC,SAAH,GAAe,MAAM,CAAC,EAAE,CAAC,SAAJ,CAArB;AACA,EAAA,EAAE,CAAC,SAAH,CAAc,KAAK,CAAC,GAAN,CAAW,GAAzB,IAAgC;AAC9B,IAAA,QAAQ,EAAR,QAD8B;AAE9B,IAAA,OAAO,EAAP;AAF8B,GAAhC;;AAKA,MAAI,CAAC,OAAO,CAAC,SAAT,IAAsB,CAAC,OAAO,CAAC,SAAR,CAAkB,KAA7C,EAAoD;AAClD,IAAA,QAAQ;AACT;AACF;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;;;AAEZ,MAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,SAAH,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAY,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAAb,CAAJ,EAAqC;AAFzB,8BAIkB,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAJlB;AAAA,MAIJ,QAJI,yBAIJ,QAJI;AAAA,MAIM,OAJN,yBAIM,OAJN;AAMZ,EAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,QAArC,EAA+C,OAA/C;AAEA,SAAO,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAAP;AACD;;AAEM,IAAM,MAAM,GAAoB;AACrC,EAAA,OAAO,EAAP,OADqC;AAErC,EAAA,SAAS,EAAT;AAFqC,CAAhC;;eAKQ,M","sourcesContent":["import { DirectiveBinding, ObjectDirective, VNode } from 'vue'\n\ninterface ResizeDirectiveBinding extends DirectiveBinding {\n  value: () => void\n  options?: boolean | AddEventListenerOptions\n}\n\ndeclare global {\n  interface HTMLElement {\n    _onResize?: Record<\n      number,\n      {\n        callback: () => void\n        options: boolean | AddEventListenerOptions\n      }\n    >\n  }\n}\n\nfunction mounted (\n  el: HTMLElement,\n  binding: ResizeDirectiveBinding,\n  vnode: VNode\n) {\n  const callback = binding.value\n  const options = binding.options || { passive: true }\n\n  window.addEventListener('resize', callback, options)\n\n  el._onResize = Object(el._onResize)\n  el._onResize![vnode.ctx!.uid] = {\n    callback,\n    options,\n  }\n\n  if (!binding.modifiers || !binding.modifiers.quiet) {\n    callback()\n  }\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: ResizeDirectiveBinding,\n  vnode: VNode\n) {\n  if (!el._onResize?.[vnode.ctx!.uid]) return\n\n  const { callback, options } = el._onResize[vnode.ctx!.uid]!\n\n  window.removeEventListener('resize', callback, options)\n\n  delete el._onResize[vnode.ctx!.uid]\n}\n\nexport const Resize: ObjectDirective = {\n  mounted,\n  unmounted,\n}\n\nexport default Resize\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/ripple/index.js

@@ -0,0 +1,359 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Ripple = void 0;
+
+require("../../../src/directives/ripple/VRipple.sass");
+
+var _console = require("../../util/console");
+
+var _helpers = require("../../util/helpers");
+
+var _makeDirectiveActivatable = _interopRequireDefault(require("../../util/make-directive-activatable"));
+
+var _vue = require("vue");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Styles
+// Utilities
+// Types
+var DELAY_RIPPLE = 80;
+
+function transform(el, value) {
+  el.style.transform = value;
+  el.style.webkitTransform = value;
+}
+
+function isTouchEvent(e) {
+  return e.constructor.name === 'TouchEvent';
+}
+
+function isKeyboardEvent(e) {
+  return e.constructor.name === 'KeyboardEvent';
+}
+
+var calculate = function calculate(e, el) {
+  var value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var localX = 0;
+  var localY = 0;
+
+  if (!isKeyboardEvent(e)) {
+    var offset = el.getBoundingClientRect();
+    var target = isTouchEvent(e) ? e.touches[e.touches.length - 1] : e;
+    localX = target.clientX - offset.left;
+    localY = target.clientY - offset.top;
+  }
+
+  var radius = 0;
+  var scale = 0.3;
+
+  if (el._ripple && el._ripple.circle) {
+    scale = 0.15;
+    radius = el.clientWidth / 2;
+    radius = value.center ? radius : radius + Math.sqrt(Math.pow(localX - radius, 2) + Math.pow(localY - radius, 2)) / 4;
+  } else {
+    radius = Math.sqrt(Math.pow(el.clientWidth, 2) + Math.pow(el.clientHeight, 2)) / 2;
+  }
+
+  var centerX = "".concat((el.clientWidth - radius * 2) / 2, "px");
+  var centerY = "".concat((el.clientHeight - radius * 2) / 2, "px");
+  var x = value.center ? centerX : "".concat(localX - radius, "px");
+  var y = value.center ? centerY : "".concat(localY - radius, "px");
+  return {
+    radius: radius,
+    scale: scale,
+    x: x,
+    y: y,
+    centerX: centerX,
+    centerY: centerY
+  };
+};
+
+var ripples = {
+  /* eslint-disable max-statements */
+  show: function show(e, el) {
+    var value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+    if (!el._ripple || !el._ripple.enabled) {
+      return;
+    }
+
+    var container = document.createElement('span');
+    var animation = document.createElement('span');
+    container.appendChild(animation);
+    container.className = 'v-ripple__container';
+
+    if (value.class) {
+      container.className += " ".concat(value.class);
+    }
+
+    var _calculate = calculate(e, el, value),
+        radius = _calculate.radius,
+        scale = _calculate.scale,
+        x = _calculate.x,
+        y = _calculate.y,
+        centerX = _calculate.centerX,
+        centerY = _calculate.centerY;
+
+    var size = "".concat(radius * 2, "px");
+    animation.className = 'v-ripple__animation';
+    animation.style.width = size;
+    animation.style.height = size;
+    el.appendChild(container);
+    var computed = window.getComputedStyle(el);
+
+    if (computed && computed.position === 'static') {
+      el.style.position = 'relative';
+      el.dataset.previousPosition = 'static';
+    }
+
+    animation.classList.add('v-ripple__animation--enter');
+    animation.classList.add('v-ripple__animation--visible');
+    transform(animation, "translate(".concat(x, ", ").concat(y, ") scale3d(").concat(scale, ",").concat(scale, ",").concat(scale, ")"));
+    animation.dataset.activated = String(performance.now());
+    setTimeout(function () {
+      animation.classList.remove('v-ripple__animation--enter');
+      animation.classList.add('v-ripple__animation--in');
+      transform(animation, "translate(".concat(centerX, ", ").concat(centerY, ") scale3d(1,1,1)"));
+    }, 0);
+  },
+  hide: function hide(el) {
+    if (!el || !el._ripple || !el._ripple.enabled) return;
+    var ripples = el.getElementsByClassName('v-ripple__animation');
+    if (ripples.length === 0) return;
+    var animation = ripples[ripples.length - 1];
+    if (animation.dataset.isHiding) return;else animation.dataset.isHiding = 'true';
+    var diff = performance.now() - Number(animation.dataset.activated);
+    var delay = Math.max(250 - diff, 0);
+    setTimeout(function () {
+      animation.classList.remove('v-ripple__animation--in');
+      animation.classList.add('v-ripple__animation--out');
+      setTimeout(function () {
+        var _a;
+
+        var ripples = el.getElementsByClassName('v-ripple__animation');
+
+        if (ripples.length === 1 && el.dataset.previousPosition) {
+          el.style.position = el.dataset.previousPosition;
+          delete el.dataset.previousPosition;
+        }
+
+        if (((_a = animation.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode) === el) el.removeChild(animation.parentNode);
+      }, 300);
+    }, delay);
+  }
+};
+
+function isRippleEnabled(value) {
+  return typeof value === 'undefined' || !!value;
+}
+
+function rippleShow(e) {
+  var value = {};
+  var element = e.currentTarget;
+  if (!element || !element._ripple || element._ripple.touched || e.rippleStop) return; // Don't allow the event to trigger ripples on any other elements
+
+  e.rippleStop = true;
+
+  if (isTouchEvent(e)) {
+    element._ripple.touched = true;
+    element._ripple.isTouch = true;
+  } else {
+    // It's possible for touch events to fire
+    // as mouse events on Android/iOS, this
+    // will skip the event call if it has
+    // already been registered as touch
+    if (element._ripple.isTouch) return;
+  }
+
+  value.center = element._ripple.centered || isKeyboardEvent(e);
+
+  if (element._ripple.class) {
+    value.class = element._ripple.class;
+  }
+
+  if (isTouchEvent(e)) {
+    // already queued that shows or hides the ripple
+    if (element._ripple.showTimerCommit) return;
+
+    element._ripple.showTimerCommit = function () {
+      ripples.show(e, element, value);
+    };
+
+    element._ripple.showTimer = window.setTimeout(function () {
+      if (element && element._ripple && element._ripple.showTimerCommit) {
+        element._ripple.showTimerCommit();
+
+        element._ripple.showTimerCommit = null;
+      }
+    }, DELAY_RIPPLE);
+  } else {
+    ripples.show(e, element, value);
+  }
+}
+
+function rippleHide(e) {
+  var element = e.currentTarget;
+  if (!element || !element._ripple) return;
+  window.clearTimeout(element._ripple.showTimer); // The touch interaction occurs before the show timer is triggered.
+  // We still want to show ripple effect.
+
+  if (e.type === 'touchend' && element._ripple.showTimerCommit) {
+    element._ripple.showTimerCommit();
+
+    element._ripple.showTimerCommit = null; // re-queue ripple hiding
+
+    element._ripple.showTimer = setTimeout(function () {
+      rippleHide(e);
+    });
+    return;
+  }
+
+  window.setTimeout(function () {
+    if (element._ripple) {
+      element._ripple.touched = false;
+    }
+  });
+  ripples.hide(element);
+}
+
+function rippleCancelShow(e) {
+  var element = e.currentTarget;
+  if (!element || !element._ripple) return;
+
+  if (element._ripple.showTimerCommit) {
+    element._ripple.showTimerCommit = null;
+  }
+
+  window.clearTimeout(element._ripple.showTimer);
+}
+
+var keyboardRipple = false;
+
+function keyboardRippleShow(e) {
+  if (!keyboardRipple && (e.keyCode === _helpers.keyCodes.enter || e.keyCode === _helpers.keyCodes.space)) {
+    keyboardRipple = true;
+    rippleShow(e);
+  }
+}
+
+function keyboardRippleHide(e) {
+  keyboardRipple = false;
+  rippleHide(e);
+}
+
+function focusRippleHide(e) {
+  if (keyboardRipple === true) {
+    keyboardRipple = false;
+    rippleHide(e);
+  }
+}
+
+function updateRipple(el, binding, wasEnabled) {
+  var enabled = isRippleEnabled(binding.value);
+
+  if (!enabled) {
+    ripples.hide(el);
+  }
+
+  el._ripple = el._ripple || {};
+  el._ripple.enabled = enabled;
+  var value = binding.value || {};
+
+  if (value.center) {
+    el._ripple.centered = true;
+  }
+
+  if (value.class) {
+    el._ripple.class = binding.value.class;
+  }
+
+  if (value.circle) {
+    el._ripple.circle = value.circle;
+  }
+
+  if (enabled && !wasEnabled) {
+    el.addEventListener('touchstart', rippleShow, {
+      passive: true
+    });
+    el.addEventListener('touchend', rippleHide, {
+      passive: true
+    });
+    el.addEventListener('touchmove', rippleCancelShow, {
+      passive: true
+    });
+    el.addEventListener('touchcancel', rippleHide);
+    el.addEventListener('mousedown', rippleShow);
+    el.addEventListener('mouseup', rippleHide);
+    el.addEventListener('mouseleave', rippleHide);
+    el.addEventListener('keydown', keyboardRippleShow);
+    el.addEventListener('keyup', keyboardRippleHide);
+    el.addEventListener('blur', focusRippleHide); // Anchor tags can be dragged, causes other hides to fail - #1537
+
+    el.addEventListener('dragstart', rippleHide, {
+      passive: true
+    });
+  } else if (!enabled && wasEnabled) {
+    removeListeners(el);
+  }
+}
+
+function removeListeners(el) {
+  el.removeEventListener('mousedown', rippleShow);
+  el.removeEventListener('touchstart', rippleShow);
+  el.removeEventListener('touchend', rippleHide);
+  el.removeEventListener('touchmove', rippleCancelShow);
+  el.removeEventListener('touchcancel', rippleHide);
+  el.removeEventListener('mouseup', rippleHide);
+  el.removeEventListener('mouseleave', rippleHide);
+  el.removeEventListener('keydown', keyboardRippleShow);
+  el.removeEventListener('keyup', keyboardRippleHide);
+  el.removeEventListener('dragstart', rippleHide);
+  el.removeEventListener('blur', focusRippleHide);
+}
+
+function directive(el, binding, node) {
+  updateRipple(el, binding, false);
+
+  if (process.env.NODE_ENV === 'development') {
+    // warn if an inline element is used, waiting for el to be in the DOM first
+    (0, _vue.nextTick)(function () {
+      var computed = window.getComputedStyle(el);
+
+      if (computed && computed.display === 'inline') {
+        var context = node.fnOptions ? [node.fnOptions] : [node.componentInstance];
+
+        _console.consoleWarn.apply(void 0, ['v-ripple can only be used on block-level elements'].concat(context));
+      }
+    });
+  }
+}
+
+function unbind(el, binding) {
+  delete el._ripple;
+  removeListeners(el);
+}
+
+function update(el, binding) {
+  if (binding.value === binding.oldValue) {
+    return;
+  }
+
+  var wasEnabled = isRippleEnabled(binding.oldValue);
+  updateRipple(el, binding, wasEnabled);
+}
+
+var Ripple = {
+  mounted: directive,
+  unmounted: unbind,
+  updated: update
+};
+exports.Ripple = Ripple;
+
+var _default = (0, _makeDirectiveActivatable.default)(Ripple);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map