@kokoccc/vuetify 1.0.2 → 1.0.3

package/es5/components/VMessages/VMessages.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../src/components/VMessages/VMessages.sass");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _vue = require("vue");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _helpers = require("../../util/helpers");
+
+var _console = require("../../util/console");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/* @vue/component */
+var _default2 = (0, _mixins.default)(_colorable.default, _themeable.default).extend({
+  name: 'v-messages',
+  props: {
+    modelValue: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    }
+  },
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
+  methods: {
+    genChildren: function genChildren() {
+      var _this2 = this;
+
+      return (0, _vue.h)(_vue.TransitionGroup, {
+        class: 'v-messages__wrapper',
+        name: 'message-transition',
+        tag: 'div'
+      }, function () {
+        return _this2.modelValue.map(_this2.genMessage);
+      });
+    },
+    genMessage: function genMessage(message, key) {
+      return (0, _vue.h)('div', {
+        class: 'v-messages__message',
+        key: key
+      }, (0, _helpers.getSlot)(this, 'default', {
+        message: message,
+        key: key
+      }) || [message]);
+    }
+  },
+  render: function render() {
+    return (0, _vue.h)('div', this.setTextColor(this.color, {
+      class: ['v-messages', this.themeClasses]
+    }), [this.genChildren()]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VMessages.js.map

package/es5/components/VMessages/VMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VMessages/VMessages.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AACA;;AAGA;;AACA;;AAGA;;AACA;;;;;;;;;;;;;;;;AAEA;gBACe,qBAAO,kBAAP,EAAkB,kBAAlB,EAA6B,MAA7B,CAAoC;AACjD,EAAA,IAAI,EAAE,YAD2C;AAGjD,EAAA,KAAK,EAAE;AACL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,OAAO,EAAE;AAAA,eAAO,EAAP;AAAA;AAFC;AADP,GAH0C;AAUjD,EAAA,OAViD,qBAU1C;AAAA;;AACL,QAAM,aAAa,GAAG,CACpB,CAAC,OAAD,EAAU,YAAV,CADoB,CAAtB;AAIA;;AACA,IAAA,aAAa,CAAC,OAAd,CAAsB,gBAA4B;AAAA;AAAA,UAA1B,QAA0B;AAAA,UAAhB,WAAgB;;AAChD,UAAI,KAAI,CAAC,MAAL,CAAY,cAAZ,CAA2B,QAA3B,CAAJ,EAA0C,uBAAS,QAAT,EAAmB,WAAnB,EAAgC,KAAhC;AAC3C,KAFD;AAGD,GAnBgD;AAqBjD,EAAA,OAAO,EAAE;AACP,IAAA,WADO,yBACI;AAAA;;AACT,aAAO,YAAE,oBAAF,EAAmB;AACxB,QAAA,KAAK,EAAE,qBADiB;AAExB,QAAA,IAAI,EAAE,oBAFkB;AAGxB,QAAA,GAAG,EAAE;AAHmB,OAAnB,EAIJ;AAAA,eAAM,MAAI,CAAC,UAAL,CAAgB,GAAhB,CAAoB,MAAI,CAAC,UAAzB,CAAN;AAAA,OAJI,CAAP;AAKD,KAPM;AAQP,IAAA,UARO,sBAQK,OARL,EAQsB,GARtB,EAQiC;AACtC,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE,qBADO;AAEd,QAAA,GAAG,EAAH;AAFc,OAAT,EAGJ,sBAAQ,IAAR,EAAc,SAAd,EAAyB;AAAE,QAAA,OAAO,EAAP,OAAF;AAAW,QAAA,GAAG,EAAH;AAAX,OAAzB,KAA8C,CAAC,OAAD,CAH1C,CAAP;AAID;AAbM,GArBwC;AAqCjD,EAAA,MArCiD,oBAqC3C;AACJ,WAAO,YAAE,KAAF,EAAS,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B;AAC5C,MAAA,KAAK,EAAE,CAAC,YAAD,EAAe,KAAK,YAApB;AADqC,KAA9B,CAAT,EAEH,CAAC,KAAK,WAAL,EAAD,CAFG,CAAP;AAGD;AAzCgD,CAApC,C","sourcesContent":["// Styles\nimport './VMessages.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { TransitionGroup, VNode, h } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n/* @vue/component */\nexport default mixins(Colorable, Themeable).extend({\n  name: 'v-messages',\n\n  props: {\n    modelValue: {\n      type: Array,\n      default: () => ([]),\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    genChildren () {\n      return h(TransitionGroup, {\n        class: 'v-messages__wrapper',\n        name: 'message-transition',\n        tag: 'div',\n      }, () => this.modelValue.map(this.genMessage))\n    },\n    genMessage (message: string, key: number) {\n      return h('div', {\n        class: 'v-messages__message',\n        key,\n      }, getSlot(this, 'default', { message, key }) || [message])\n    },\n  },\n\n  render (): VNode {\n    return h('div', this.setTextColor(this.color, {\n      class: ['v-messages', this.themeClasses],\n    }), [this.genChildren()])\n  },\n})\n"],"sourceRoot":"","file":"VMessages.js"}

package/es5/components/VMessages/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VMessages", {
+  enumerable: true,
+  get: function get() {
+    return _VMessages.default;
+  }
+});
+exports.default = void 0;
+
+var _VMessages = _interopRequireDefault(require("./VMessages"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _VMessages.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/VMessages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VMessages/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,kB","sourcesContent":["import VMessages from './VMessages'\n\nexport { VMessages }\nexport default VMessages\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VNavigationDrawer/VNavigationDrawer.js

@@ -0,0 +1,404 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VNavigationDrawer/VNavigationDrawer.sass");
+
+var _VImg = _interopRequireDefault(require("../VImg/VImg"));
+
+var _applicationable = _interopRequireDefault(require("../../mixins/applicationable"));
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _dependent = _interopRequireDefault(require("../../mixins/dependent"));
+
+var _mobile = _interopRequireDefault(require("../../mixins/mobile"));
+
+var _overlayable = _interopRequireDefault(require("../../mixins/overlayable"));
+
+var _ssrBootable = _interopRequireDefault(require("../../mixins/ssr-bootable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _clickOutside = _interopRequireDefault(require("../../directives/click-outside"));
+
+var _touch = _interopRequireDefault(require("../../directives/touch"));
+
+var _helpers = require("../../util/helpers");
+
+var _console = require("../../util/console");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var baseMixins = (0, _mixins.default)((0, _applicationable.default)('left', ['isActive', 'isMobile', 'miniVariant', 'expandOnHover', 'permanent', 'right', 'temporary', 'width']), _colorable.default, _dependent.default, _mobile.default, _overlayable.default, _ssrBootable.default, _themeable.default);
+/* @vue/component */
+
+var _default = baseMixins.extend({
+  name: 'v-navigation-drawer',
+  provide: function provide() {
+    return {
+      isInNav: this.$tag === 'nav'
+    };
+  },
+  props: {
+    bottom: Boolean,
+    clipped: Boolean,
+    disableResizeWatcher: Boolean,
+    disableRouteWatcher: Boolean,
+    expandOnHover: Boolean,
+    floating: Boolean,
+    height: {
+      type: [Number, String]
+    },
+    miniVariant: Boolean,
+    miniVariantWidth: {
+      type: [Number, String],
+      default: 56
+    },
+    permanent: Boolean,
+    right: Boolean,
+    src: {
+      type: [String, Object],
+      default: ''
+    },
+    stateless: Boolean,
+    tag: {
+      type: String
+    },
+    temporary: Boolean,
+    touchless: Boolean,
+    width: {
+      type: [Number, String],
+      default: 256
+    },
+    modelValue: null
+  },
+  emits: ['update:modelValue', 'transitionend', 'update:mini-variant'],
+  data: function data() {
+    return {
+      isMouseover: false,
+      touchArea: {
+        left: 0,
+        right: 0
+      },
+      stackMinZIndex: 6
+    };
+  },
+  computed: {
+    $tag: function $tag() {
+      return this.tag || this.app ? 'nav' : 'aside';
+    },
+    $height: function $height() {
+      return this.height || (this.app ? '100vh' : '100%');
+    },
+
+    /**
+     * Used for setting an app value from a dynamic
+     * property. Called from applicationable.js
+     */
+    applicationProperty: function applicationProperty() {
+      return this.right ? 'right' : 'left';
+    },
+    classes: function classes() {
+      return _objectSpread({
+        'v-navigation-drawer': true,
+        'v-navigation-drawer--absolute': this.absolute,
+        'v-navigation-drawer--bottom': this.bottom,
+        'v-navigation-drawer--clipped': this.clipped,
+        'v-navigation-drawer--close': !this.isActive,
+        'v-navigation-drawer--fixed': !this.absolute && (this.app || this.fixed),
+        'v-navigation-drawer--floating': this.floating,
+        'v-navigation-drawer--is-mobile': this.isMobile,
+        'v-navigation-drawer--is-mouseover': this.isMouseover,
+        'v-navigation-drawer--mini-variant': this.isMiniVariant,
+        'v-navigation-drawer--custom-mini-variant': Number(this.miniVariantWidth) !== 56,
+        'v-navigation-drawer--open': this.isActive,
+        'v-navigation-drawer--open-on-hover': this.expandOnHover,
+        'v-navigation-drawer--right': this.right,
+        'v-navigation-drawer--temporary': this.temporary
+      }, this.themeClasses);
+    },
+    computedMaxHeight: function computedMaxHeight() {
+      if (!this.hasApp) return null;
+      var computedMaxHeight = this.$vuetify.application.bottom + this.$vuetify.application.footer + this.$vuetify.application.bar;
+      if (!this.clipped) return computedMaxHeight;
+      return computedMaxHeight + this.$vuetify.application.top;
+    },
+    computedTop: function computedTop() {
+      if (!this.hasApp) return 0;
+      var computedTop = this.$vuetify.application.bar;
+      computedTop += this.clipped ? this.$vuetify.application.top : 0;
+      return computedTop;
+    },
+    computedTransform: function computedTransform() {
+      if (this.isActive) return 0;
+      if (this.isBottom) return 100;
+      return this.right ? 100 : -100;
+    },
+    computedWidth: function computedWidth() {
+      return this.isMiniVariant ? this.miniVariantWidth : this.width;
+    },
+    hasApp: function hasApp() {
+      return this.app && !this.isMobile && !this.temporary;
+    },
+    isBottom: function isBottom() {
+      return this.bottom && this.isMobile;
+    },
+    isMiniVariant: function isMiniVariant() {
+      return !this.expandOnHover && this.miniVariant || this.expandOnHover && !this.isMouseover;
+    },
+    isMobile: function isMobile() {
+      return !this.stateless && !this.permanent && _mobile.default.computed.isMobile.call(this);
+    },
+    reactsToClick: function reactsToClick() {
+      return !this.stateless && !this.permanent && (this.isMobile || this.temporary);
+    },
+    reactsToMobile: function reactsToMobile() {
+      return this.app && !this.disableResizeWatcher && !this.permanent && !this.stateless && !this.temporary;
+    },
+    reactsToResize: function reactsToResize() {
+      return !this.disableResizeWatcher && !this.stateless;
+    },
+    reactsToRoute: function reactsToRoute() {
+      return !this.disableRouteWatcher && !this.stateless && (this.temporary || this.isMobile);
+    },
+    showOverlay: function showOverlay() {
+      return !this.hideOverlay && this.isActive && (this.isMobile || this.temporary);
+    },
+    styles: function styles() {
+      var translate = this.isBottom ? 'translateY' : 'translateX';
+      return {
+        height: (0, _helpers.convertToUnit)(this.$height),
+        top: !this.isBottom ? (0, _helpers.convertToUnit)(this.computedTop) : 'auto',
+        maxHeight: this.computedMaxHeight != null ? "calc(100% - ".concat((0, _helpers.convertToUnit)(this.computedMaxHeight), ")") : undefined,
+        transform: "".concat(translate, "(").concat((0, _helpers.convertToUnit)(this.computedTransform, '%'), ")"),
+        width: (0, _helpers.convertToUnit)(this.computedWidth)
+      };
+    }
+  },
+  watch: {
+    $route: 'onRouteChange',
+    isActive: function isActive(val) {
+      this.$emit('update:modelValue', val);
+    },
+
+    /**
+     * When mobile changes, adjust the active state
+     * only when there has been a previous value
+     */
+    isMobile: function isMobile(val, prev) {
+      !val && this.isActive && !this.temporary && this.removeOverlay();
+      if (prev == null || !this.reactsToResize || !this.reactsToMobile) return;
+      this.isActive = !val;
+    },
+    permanent: function permanent(val) {
+      // If enabling prop enable the drawer
+      if (val) this.isActive = true;
+    },
+    showOverlay: function showOverlay(val) {
+      if (val) this.genOverlay();else this.removeOverlay();
+    },
+    modelValue: function modelValue(val) {
+      if (this.permanent) return;
+
+      if (val == null) {
+        this.init();
+        return;
+      }
+
+      if (val !== this.isActive) this.isActive = val;
+    },
+    expandOnHover: 'updateMiniVariant',
+    isMouseover: function isMouseover(val) {
+      this.updateMiniVariant(!val);
+    }
+  },
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
+  beforeMount: function beforeMount() {
+    this.init();
+  },
+  methods: {
+    calculateTouchArea: function calculateTouchArea() {
+      var parent = this.$el.parentNode;
+      if (!parent) return;
+      var parentRect = parent.getBoundingClientRect();
+      this.touchArea = {
+        left: parentRect.left + 50,
+        right: parentRect.right - 50
+      };
+    },
+    closeConditional: function closeConditional() {
+      return this.isActive && !this.$.isUnmounted && this.reactsToClick;
+    },
+    genAppend: function genAppend() {
+      return this.genPosition('append');
+    },
+    genBackground: function genBackground() {
+      var props = {
+        height: '100%',
+        width: '100%',
+        src: this.src
+      };
+      var image = this.$slots.img ? this.$slots.img(props) : (0, _vue.h)(_VImg.default, {
+        props: props
+      });
+      return (0, _vue.h)('div', {
+        class: 'v-navigation-drawer__image'
+      }, [image]);
+    },
+    genDirectives: function genDirectives() {
+      var _this2 = this;
+
+      return [[_clickOutside.default, {
+        handler: function handler() {
+          _this2.isActive = false;
+        },
+        closeConditional: this.closeConditional,
+        include: this.getOpenDependentElements
+      }], [_touch.default, {
+        parent: true,
+        left: this.swipeLeft,
+        right: this.swipeRight,
+        isDirActive: !this.touchless && !this.stateless
+      }]];
+    },
+    genListeners: function genListeners() {
+      var _this3 = this;
+
+      var on = {
+        onMouseenter: function onMouseenter() {
+          return _this3.isMouseover = true;
+        },
+        onMouseleave: function onMouseleave() {
+          return _this3.isMouseover = false;
+        },
+        onTransitionend: function onTransitionend(e) {
+          if (e.target !== e.currentTarget) return;
+
+          _this3.$emit('transitionend', e); // IE11 does not support new Event('resize')
+
+
+          var resizeEvent = document.createEvent('UIEvents');
+          resizeEvent.initUIEvent('resize', true, false, window, 0);
+          window.dispatchEvent(resizeEvent);
+        }
+      };
+
+      if (this.miniVariant) {
+        on.onClick = function () {
+          return _this3.$emit('update:mini-variant', false);
+        };
+      }
+
+      return on;
+    },
+    genPosition: function genPosition(name) {
+      var slot = (0, _helpers.getSlot)(this, name);
+      if (!slot) return slot;
+      return (0, _vue.h)('div', {
+        class: "v-navigation-drawer__".concat(name)
+      }, slot);
+    },
+    genPrepend: function genPrepend() {
+      return this.genPosition('prepend');
+    },
+    genContent: function genContent() {
+      return (0, _vue.h)('div', {
+        class: 'v-navigation-drawer__content'
+      }, (0, _helpers.getSlot)(this));
+    },
+    genBorder: function genBorder() {
+      return (0, _vue.h)('div', {
+        class: 'v-navigation-drawer__border'
+      });
+    },
+    init: function init() {
+      if (this.permanent) {
+        this.isActive = true;
+      } else if (this.stateless || this.modelValue != null) {
+        this.isActive = this.modelValue;
+      } else if (!this.temporary) {
+        this.isActive = !this.isMobile;
+      }
+    },
+    onRouteChange: function onRouteChange() {
+      if (this.reactsToRoute && this.closeConditional()) {
+        this.isActive = false;
+      }
+    },
+    swipeLeft: function swipeLeft(e) {
+      if (this.isActive && this.right) return;
+      this.calculateTouchArea();
+      if (Math.abs(e.touchendX - e.touchstartX) < 100) return;
+      if (this.right && e.touchstartX >= this.touchArea.right) this.isActive = true;else if (!this.right && this.isActive) this.isActive = false;
+    },
+    swipeRight: function swipeRight(e) {
+      if (this.isActive && !this.right) return;
+      this.calculateTouchArea();
+      if (Math.abs(e.touchendX - e.touchstartX) < 100) return;
+      if (!this.right && e.touchstartX <= this.touchArea.left) this.isActive = true;else if (this.right && this.isActive) this.isActive = false;
+    },
+
+    /**
+     * Update the application layout
+     */
+    updateApplication: function updateApplication() {
+      if (!this.isActive || this.isMobile || this.temporary || !this.$el) return 0;
+      var width = Number(this.miniVariant ? this.miniVariantWidth : this.width);
+      return isNaN(width) ? this.$el.clientWidth : width;
+    },
+    updateMiniVariant: function updateMiniVariant(val) {
+      if (this.expandOnHover && this.miniVariant !== val) this.$emit('update:mini-variant', val);
+    }
+  },
+  render: function render() {
+    var children = [this.genPrepend(), this.genContent(), this.genAppend(), this.genBorder()];
+    if (this.src || (0, _helpers.getSlot)(this, 'img')) children.unshift(this.genBackground());
+    var node = (0, _vue.h)(this.$tag, this.setBackgroundColor(this.color, _objectSpread({
+      class: this.classes,
+      style: this.styles
+    }, this.genListeners())), children);
+    return (0, _vue.withDirectives)(node, this.genDirectives());
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VNavigationDrawer.js.map

package/es5/components/VNavigationDrawer/VNavigationDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VNavigationDrawer/VNavigationDrawer.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, withDirectives } from 'vue'\n// Styles\nimport './VNavigationDrawer.sass'\n\n// Components\nimport VImg, { srcObject } from '../VImg/VImg'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Dependent from '../../mixins/dependent'\nimport Mobile from '../../mixins/mobile'\nimport Overlayable from '../../mixins/overlayable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\nimport Resize from '../../directives/resize'\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { breaking } from '../../util/console'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, VNodeDirective, PropType } from 'vue'\nimport { TouchWrapper } from 'vuetify/types'\n\nconst baseMixins = mixins(\n  Applicationable('left', [\n    'isActive',\n    'isMobile',\n    'miniVariant',\n    'expandOnHover',\n    'permanent',\n    'right',\n    'temporary',\n    'width',\n  ]),\n  Colorable,\n  Dependent,\n  Mobile,\n  Overlayable,\n  SSRBootable,\n  Themeable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-navigation-drawer',\n\n  provide (): object {\n    return {\n      isInNav: this.$tag === 'nav',\n    }\n  },\n\n  props: {\n    bottom: Boolean,\n    clipped: Boolean,\n    disableResizeWatcher: Boolean,\n    disableRouteWatcher: Boolean,\n    expandOnHover: Boolean,\n    floating: Boolean,\n    height: {\n      type: [Number, String],\n    },\n    miniVariant: Boolean,\n    miniVariantWidth: {\n      type: [Number, String],\n      default: 56,\n    },\n    permanent: Boolean,\n    right: Boolean,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    stateless: Boolean,\n    tag: {\n      type: String,\n    },\n    temporary: Boolean,\n    touchless: Boolean,\n    width: {\n      type: [Number, String],\n      default: 256,\n    },\n    modelValue: null as unknown as PropType<any>,\n  },\n\n  emits: ['update:modelValue', 'transitionend', 'update:mini-variant'],\n\n  data: () => ({\n    isMouseover: false,\n    touchArea: {\n      left: 0,\n      right: 0,\n    },\n    stackMinZIndex: 6,\n  }),\n\n  computed: {\n    $tag () {\n      return this.tag || this.app ? 'nav' : 'aside'\n    },\n    $height () {\n      return this.height || (this.app ? '100vh' : '100%')\n    },\n    /**\n     * Used for setting an app value from a dynamic\n     * property. Called from applicationable.js\n     */\n    applicationProperty (): string {\n      return this.right ? 'right' : 'left'\n    },\n    classes (): object {\n      return {\n        'v-navigation-drawer': true,\n        'v-navigation-drawer--absolute': this.absolute,\n        'v-navigation-drawer--bottom': this.bottom,\n        'v-navigation-drawer--clipped': this.clipped,\n        'v-navigation-drawer--close': !this.isActive,\n        'v-navigation-drawer--fixed': !this.absolute && (this.app || this.fixed),\n        'v-navigation-drawer--floating': this.floating,\n        'v-navigation-drawer--is-mobile': this.isMobile,\n        'v-navigation-drawer--is-mouseover': this.isMouseover,\n        'v-navigation-drawer--mini-variant': this.isMiniVariant,\n        'v-navigation-drawer--custom-mini-variant': Number(this.miniVariantWidth) !== 56,\n        'v-navigation-drawer--open': this.isActive,\n        'v-navigation-drawer--open-on-hover': this.expandOnHover,\n        'v-navigation-drawer--right': this.right,\n        'v-navigation-drawer--temporary': this.temporary,\n        ...this.themeClasses,\n      }\n    },\n    computedMaxHeight (): number | null {\n      if (!this.hasApp) return null\n\n      const computedMaxHeight = (\n        this.$vuetify.application.bottom +\n        this.$vuetify.application.footer +\n        this.$vuetify.application.bar\n      )\n\n      if (!this.clipped) return computedMaxHeight\n\n      return computedMaxHeight + this.$vuetify.application.top\n    },\n    computedTop (): number {\n      if (!this.hasApp) return 0\n\n      let computedTop = this.$vuetify.application.bar\n\n      computedTop += this.clipped\n        ? this.$vuetify.application.top\n        : 0\n\n      return computedTop\n    },\n    computedTransform (): number {\n      if (this.isActive) return 0\n      if (this.isBottom) return 100\n      return this.right ? 100 : -100\n    },\n    computedWidth (): string | number {\n      return this.isMiniVariant ? this.miniVariantWidth : this.width\n    },\n    hasApp (): boolean {\n      return (\n        this.app &&\n        (!this.isMobile && !this.temporary)\n      )\n    },\n    isBottom (): boolean {\n      return this.bottom && this.isMobile\n    },\n    isMiniVariant (): boolean {\n      return (\n        !this.expandOnHover &&\n        this.miniVariant\n      ) || (\n        this.expandOnHover &&\n        !this.isMouseover\n      )\n    },\n    isMobile (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        Mobile.computed.isMobile.call(this)\n      )\n    },\n    reactsToClick (): boolean {\n      return (\n        !this.stateless &&\n        !this.permanent &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    reactsToMobile (): boolean {\n      return (\n        this.app &&\n        !this.disableResizeWatcher &&\n        !this.permanent &&\n        !this.stateless &&\n        !this.temporary\n      )\n    },\n    reactsToResize (): boolean {\n      return !this.disableResizeWatcher && !this.stateless\n    },\n    reactsToRoute (): boolean {\n      return (\n        !this.disableRouteWatcher &&\n        !this.stateless &&\n        (this.temporary || this.isMobile)\n      )\n    },\n    showOverlay (): boolean {\n      return (\n        !this.hideOverlay &&\n        this.isActive &&\n        (this.isMobile || this.temporary)\n      )\n    },\n    styles (): object {\n      const translate = this.isBottom ? 'translateY' : 'translateX'\n      return {\n        height: convertToUnit(this.$height),\n        top: !this.isBottom ? convertToUnit(this.computedTop) : 'auto',\n        maxHeight: this.computedMaxHeight != null\n          ? `calc(100% - ${convertToUnit(this.computedMaxHeight)})`\n          : undefined,\n        transform: `${translate}(${convertToUnit(this.computedTransform, '%')})`,\n        width: convertToUnit(this.computedWidth),\n      }\n    },\n  },\n\n  watch: {\n    $route: 'onRouteChange',\n    isActive (val) {\n      this.$emit('update:modelValue', val)\n    },\n    /**\n     * When mobile changes, adjust the active state\n     * only when there has been a previous value\n     */\n    isMobile (val, prev) {\n      !val &&\n        this.isActive &&\n        !this.temporary &&\n        this.removeOverlay()\n\n      if (prev == null ||\n        !this.reactsToResize ||\n        !this.reactsToMobile\n      ) return\n\n      this.isActive = !val\n    },\n    permanent (val) {\n      // If enabling prop enable the drawer\n      if (val) this.isActive = true\n    },\n    showOverlay (val) {\n      if (val) this.genOverlay()\n      else this.removeOverlay()\n    },\n    modelValue (val) {\n      if (this.permanent) return\n\n      if (val == null) {\n        this.init()\n        return\n      }\n\n      if (val !== this.isActive) this.isActive = val\n    },\n    expandOnHover: 'updateMiniVariant',\n    isMouseover (val) {\n      this.updateMiniVariant(!val)\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  beforeMount () {\n    this.init()\n  },\n\n  methods: {\n    calculateTouchArea () {\n      const parent = this.$el.parentNode as Element\n\n      if (!parent) return\n\n      const parentRect = parent.getBoundingClientRect()\n\n      this.touchArea = {\n        left: parentRect.left + 50,\n        right: parentRect.right - 50,\n      }\n    },\n    closeConditional () {\n      return this.isActive && !this.$.isUnmounted && this.reactsToClick\n    },\n    genAppend () {\n      return this.genPosition('append')\n    },\n    genBackground () {\n      const props = {\n        height: '100%',\n        width: '100%',\n        src: this.src,\n      }\n\n      const image = this.$slots.img\n        ? this.$slots.img(props)\n        : h(VImg, { props })\n\n      return h('div', {\n        class: 'v-navigation-drawer__image',\n      }, [image])\n    },\n    genDirectives (): VNodeDirective[] {\n      return [\n        [\n          ClickOutside,\n          {\n            handler: () => { this.isActive = false },\n            closeConditional: this.closeConditional,\n            include: this.getOpenDependentElements,\n          },\n        ],\n        [\n          Touch,\n          {\n            parent: true,\n            left: this.swipeLeft,\n            right: this.swipeRight,\n            isDirActive: !this.touchless && !this.stateless,\n          },\n        ],\n      ]\n    },\n    genListeners () {\n      const on: Record<string, (e: Event) => void> = {\n        onMouseenter: () => (this.isMouseover = true),\n        onMouseleave: () => (this.isMouseover = false),\n        onTransitionend: (e: Event) => {\n          if (e.target !== e.currentTarget) return\n          this.$emit('transitionend', e)\n\n          // IE11 does not support new Event('resize')\n          const resizeEvent = document.createEvent('UIEvents')\n          resizeEvent.initUIEvent('resize', true, false, window, 0)\n          window.dispatchEvent(resizeEvent)\n        },\n      }\n\n      if (this.miniVariant) {\n        on.onClick = () => this.$emit('update:mini-variant', false)\n      }\n\n      return on\n    },\n    genPosition (name: 'prepend' | 'append') {\n      const slot = getSlot(this, name)\n\n      if (!slot) return slot\n\n      return h('div', {\n        class: `v-navigation-drawer__${name}`,\n      }, slot)\n    },\n    genPrepend () {\n      return this.genPosition('prepend')\n    },\n    genContent () {\n      return h('div', {\n        class: 'v-navigation-drawer__content',\n      }, getSlot(this))\n    },\n    genBorder () {\n      return h('div', {\n        class: 'v-navigation-drawer__border',\n      })\n    },\n    init () {\n      if (this.permanent) {\n        this.isActive = true\n      } else if (this.stateless ||\n        this.modelValue != null\n      ) {\n        this.isActive = this.modelValue\n      } else if (!this.temporary) {\n        this.isActive = !this.isMobile\n      }\n    },\n    onRouteChange () {\n      if (this.reactsToRoute && this.closeConditional()) {\n        this.isActive = false\n      }\n    },\n    swipeLeft (e: TouchWrapper) {\n      if (this.isActive && this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (this.right &&\n        e.touchstartX >= this.touchArea.right\n      ) this.isActive = true\n      else if (!this.right && this.isActive) this.isActive = false\n    },\n    swipeRight (e: TouchWrapper) {\n      if (this.isActive && !this.right) return\n      this.calculateTouchArea()\n\n      if (Math.abs(e.touchendX - e.touchstartX) < 100) return\n      if (!this.right &&\n        e.touchstartX <= this.touchArea.left\n      ) this.isActive = true\n      else if (this.right && this.isActive) this.isActive = false\n    },\n    /**\n     * Update the application layout\n     */\n    updateApplication () {\n      if (\n        !this.isActive ||\n        this.isMobile ||\n        this.temporary ||\n        !this.$el\n      ) return 0\n\n      const width = Number(this.miniVariant ? this.miniVariantWidth : this.width)\n\n      return isNaN(width) ? this.$el.clientWidth : width\n    },\n    updateMiniVariant (val: boolean) {\n      if (this.expandOnHover && this.miniVariant !== val) this.$emit('update:mini-variant', val)\n    },\n  },\n\n  render (): VNode {\n    const children = [\n      this.genPrepend(),\n      this.genContent(),\n      this.genAppend(),\n      this.genBorder(),\n    ]\n\n    if (this.src || getSlot(this, 'img')) children.unshift(this.genBackground())\n\n    const node = h(this.$tag, this.setBackgroundColor(this.color, {\n      class: this.classes,\n      style: this.styles,\n      ...this.genListeners(),\n    }), children)\n\n    return withDirectives(node, this.genDirectives())\n  },\n})\n"],"sourceRoot":"","file":"VNavigationDrawer.js"}

package/es5/components/VNavigationDrawer/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VNavigationDrawer", {
+  enumerable: true,
+  get: function get() {
+    return _VNavigationDrawer.default;
+  }
+});
+exports.default = void 0;
+
+var _VNavigationDrawer = _interopRequireDefault(require("./VNavigationDrawer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _VNavigationDrawer.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/VNavigationDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VNavigationDrawer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,0B","sourcesContent":["import VNavigationDrawer from './VNavigationDrawer'\n\nexport { VNavigationDrawer }\nexport default VNavigationDrawer\n"],"sourceRoot":"","file":"index.js"}