@kokoccc/vuetify 1.0.2 → 1.0.3

package/es5/components/VDataIterator/VDataFooter.js

@@ -0,0 +1,220 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../src/components/VDataIterator/VDataFooter.sass");
+
+var _VSelect = _interopRequireDefault(require("../VSelect/VSelect"));
+
+var _VIcon = _interopRequireDefault(require("../VIcon"));
+
+var _VBtn = _interopRequireDefault(require("../VBtn"));
+
+var _vue = require("vue");
+
+var _helpers = require("../../util/helpers");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+var _default2 = (0, _vue.defineComponent)({
+  name: 'v-data-footer',
+  props: {
+    options: {
+      type: Object,
+      required: true
+    },
+    pagination: {
+      type: Object,
+      required: true
+    },
+    itemsPerPageOptions: {
+      type: Array,
+      default: function _default() {
+        return [5, 10, 15, -1];
+      }
+    },
+    prevIcon: {
+      type: String,
+      default: '$prev'
+    },
+    nextIcon: {
+      type: String,
+      default: '$next'
+    },
+    firstIcon: {
+      type: String,
+      default: '$first'
+    },
+    lastIcon: {
+      type: String,
+      default: '$last'
+    },
+    itemsPerPageText: {
+      type: String,
+      default: '$vuetify.dataFooter.itemsPerPageText'
+    },
+    itemsPerPageAllText: {
+      type: String,
+      default: '$vuetify.dataFooter.itemsPerPageAll'
+    },
+    showFirstLastPage: Boolean,
+    showCurrentPage: Boolean,
+    disablePagination: Boolean,
+    disableItemsPerPage: Boolean,
+    pageText: {
+      type: String,
+      default: '$vuetify.dataFooter.pageText'
+    }
+  },
+  emits: {
+    'update:options': function updateOptions(options) {
+      return true;
+    }
+  },
+  computed: {
+    disableNextPageIcon: function disableNextPageIcon() {
+      return this.options.itemsPerPage <= 0 || this.options.page * this.options.itemsPerPage >= this.pagination.itemsLength || this.pagination.pageStop < 0;
+    },
+    computedDataItemsPerPageOptions: function computedDataItemsPerPageOptions() {
+      var _this = this;
+
+      return this.itemsPerPageOptions.map(function (option) {
+        if (_typeof(option) === 'object') return option;else return _this.genDataItemsPerPageOption(option);
+      });
+    }
+  },
+  methods: {
+    updateOptions: function updateOptions(obj) {
+      this.$emit('update:options', Object.assign({}, this.options, obj));
+    },
+    onFirstPage: function onFirstPage() {
+      this.updateOptions({
+        page: 1
+      });
+    },
+    onPreviousPage: function onPreviousPage() {
+      this.updateOptions({
+        page: this.options.page - 1
+      });
+    },
+    onNextPage: function onNextPage() {
+      this.updateOptions({
+        page: this.options.page + 1
+      });
+    },
+    onLastPage: function onLastPage() {
+      this.updateOptions({
+        page: this.pagination.pageCount
+      });
+    },
+    onChangeItemsPerPage: function onChangeItemsPerPage(itemsPerPage) {
+      this.updateOptions({
+        itemsPerPage: itemsPerPage,
+        page: 1
+      });
+    },
+    genDataItemsPerPageOption: function genDataItemsPerPageOption(option) {
+      return {
+        text: option === -1 ? this.$vuetify.lang.t(this.itemsPerPageAllText) : String(option),
+        value: option
+      };
+    },
+    genItemsPerPageSelect: function genItemsPerPageSelect() {
+      var value = this.options.itemsPerPage;
+      var computedIPPO = this.computedDataItemsPerPageOptions;
+      if (computedIPPO.length <= 1) return null;
+      if (!computedIPPO.find(function (ippo) {
+        return ippo.value === value;
+      })) value = computedIPPO[0];
+      return (0, _vue.h)('div', {
+        class: 'v-data-footer__select'
+      }, [this.$vuetify.lang.t(this.itemsPerPageText), (0, _vue.h)(_VSelect.default, (0, _helpers.normalizeAttrs)({
+        'aria-label': this.$vuetify.lang.t(this.itemsPerPageText),
+        disabled: this.disableItemsPerPage,
+        items: computedIPPO,
+        modelValue: value,
+        hideDetails: true,
+        auto: true,
+        minWidth: '75px',
+        'onUpdate:modelValue': this.onChangeItemsPerPage
+      }))]);
+    },
+    genPaginationInfo: function genPaginationInfo() {
+      var children = ['–'];
+      var itemsLength = this.pagination.itemsLength;
+      var pageStart = this.pagination.pageStart;
+      var pageStop = this.pagination.pageStop;
+
+      if (this.pagination.itemsLength && this.pagination.itemsPerPage) {
+        pageStart = this.pagination.pageStart + 1;
+        pageStop = itemsLength < this.pagination.pageStop || this.pagination.pageStop < 0 ? itemsLength : this.pagination.pageStop;
+        var pageTextSlot = (0, _helpers.getSlot)(this, 'page-text', {
+          pageStart: pageStart,
+          pageStop: pageStop,
+          itemsLength: itemsLength
+        });
+        children = pageTextSlot ? [pageTextSlot] : [this.$vuetify.lang.t(this.pageText, pageStart, pageStop, itemsLength)];
+      } else {
+        var _pageTextSlot = (0, _helpers.getSlot)(this, 'page-text', {
+          pageStart: pageStart,
+          pageStop: pageStop,
+          itemsLength: itemsLength
+        });
+
+        if (_pageTextSlot) {
+          children = [_pageTextSlot];
+        }
+      }
+
+      return (0, _vue.h)('div', {
+        class: 'v-data-footer__pagination'
+      }, children);
+    },
+    genIcon: function genIcon(click, disabled, label, icon) {
+      return (0, _vue.h)(_VBtn.default, {
+        disabled: disabled || this.disablePagination,
+        icon: true,
+        text: true,
+        // dark: this.dark, // TODO: add mixin
+        // light: this.light // TODO: add mixin
+        onClick: click,
+        'aria-label': label // TODO: Localization
+
+      }, function () {
+        return [(0, _vue.h)(_VIcon.default, {}, function () {
+          return icon;
+        })];
+      });
+    },
+    genIcons: function genIcons() {
+      var before = [];
+      var after = [];
+      before.push(this.genIcon(this.onPreviousPage, this.options.page === 1, this.$vuetify.lang.t('$vuetify.dataFooter.prevPage'), this.$vuetify.rtl ? this.nextIcon : this.prevIcon));
+      after.push(this.genIcon(this.onNextPage, this.disableNextPageIcon, this.$vuetify.lang.t('$vuetify.dataFooter.nextPage'), this.$vuetify.rtl ? this.prevIcon : this.nextIcon));
+
+      if (this.showFirstLastPage) {
+        before.unshift(this.genIcon(this.onFirstPage, this.options.page === 1, this.$vuetify.lang.t('$vuetify.dataFooter.firstPage'), this.$vuetify.rtl ? this.lastIcon : this.firstIcon));
+        after.push(this.genIcon(this.onLastPage, this.options.page >= this.pagination.pageCount || this.options.itemsPerPage === -1, this.$vuetify.lang.t('$vuetify.dataFooter.lastPage'), this.$vuetify.rtl ? this.firstIcon : this.lastIcon));
+      }
+
+      return [(0, _vue.h)('div', {
+        class: 'v-data-footer__icons-before'
+      }, before), this.showCurrentPage && (0, _vue.h)('span', [this.options.page.toString()]), (0, _vue.h)('div', {
+        class: 'v-data-footer__icons-after'
+      }, after)];
+    }
+  },
+  render: function render() {
+    return (0, _vue.h)('div', {
+      class: 'v-data-footer'
+    }, [(0, _helpers.getSlot)(this, 'prepend'), this.genItemsPerPageSelect(), this.genPaginationInfo(), this.genIcons()]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VDataFooter.js.map

package/es5/components/VDataIterator/VDataFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VDataIterator/VDataFooter.ts"],"names":[],"mappings":"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","sourcesContent":["import './VDataFooter.sass'\n\n// Components\nimport VSelect from '../VSelect/VSelect'\nimport VIcon from '../VIcon'\nimport VBtn from '../VBtn'\n\n// Types\nimport { defineComponent, VNode, VNodeChildrenArrayContents, PropType, h } from 'vue'\nimport { DataPagination, DataOptions, DataItemsPerPageOption } from 'vuetify/types'\nimport { getSlot, normalizeAttrs } from '../../util/helpers'\n\nexport default defineComponent({\n  name: 'v-data-footer',\n\n  props: {\n    options: {\n      type: Object as PropType<DataOptions>,\n      required: true,\n    },\n    pagination: {\n      type: Object as PropType<DataPagination>,\n      required: true,\n    },\n    itemsPerPageOptions: {\n      type: Array as PropType<DataItemsPerPageOption[]>,\n      default: () => ([5, 10, 15, -1]),\n    },\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    firstIcon: {\n      type: String,\n      default: '$first',\n    },\n    lastIcon: {\n      type: String,\n      default: '$last',\n    },\n    itemsPerPageText: {\n      type: String,\n      default: '$vuetify.dataFooter.itemsPerPageText',\n    },\n    itemsPerPageAllText: {\n      type: String,\n      default: '$vuetify.dataFooter.itemsPerPageAll',\n    },\n    showFirstLastPage: Boolean,\n    showCurrentPage: Boolean,\n    disablePagination: Boolean,\n    disableItemsPerPage: Boolean,\n    pageText: {\n      type: String,\n      default: '$vuetify.dataFooter.pageText',\n    },\n  },\n\n  emits: {\n    'update:options': (options: DataOptions) => true,\n  },\n\n  computed: {\n    disableNextPageIcon (): boolean {\n      return this.options.itemsPerPage <= 0 ||\n        this.options.page * this.options.itemsPerPage >= this.pagination.itemsLength ||\n        this.pagination.pageStop < 0\n    },\n    computedDataItemsPerPageOptions (): any[] {\n      return this.itemsPerPageOptions.map(option => {\n        if (typeof option === 'object') return option\n        else return this.genDataItemsPerPageOption(option)\n      })\n    },\n  },\n\n  methods: {\n    updateOptions (obj: object) {\n      this.$emit('update:options', Object.assign({}, this.options, obj))\n    },\n    onFirstPage () {\n      this.updateOptions({ page: 1 })\n    },\n    onPreviousPage () {\n      this.updateOptions({ page: this.options.page - 1 })\n    },\n    onNextPage () {\n      this.updateOptions({ page: this.options.page + 1 })\n    },\n    onLastPage () {\n      this.updateOptions({ page: this.pagination.pageCount })\n    },\n    onChangeItemsPerPage (itemsPerPage: number) {\n      this.updateOptions({ itemsPerPage, page: 1 })\n    },\n    genDataItemsPerPageOption (option: number) {\n      return {\n        text: option === -1 ? this.$vuetify.lang.t(this.itemsPerPageAllText) : String(option),\n        value: option,\n      }\n    },\n    genItemsPerPageSelect () {\n      let value = this.options.itemsPerPage\n      const computedIPPO = this.computedDataItemsPerPageOptions\n\n      if (computedIPPO.length <= 1) return null\n\n      if (!computedIPPO.find(ippo => ippo.value === value)) value = computedIPPO[0]\n\n      return h('div', {\n        class: 'v-data-footer__select',\n      }, [\n        this.$vuetify.lang.t(this.itemsPerPageText),\n        h(VSelect, normalizeAttrs({\n          'aria-label': this.$vuetify.lang.t(this.itemsPerPageText),\n          disabled: this.disableItemsPerPage,\n          items: computedIPPO,\n          modelValue: value,\n          hideDetails: true,\n          auto: true,\n          minWidth: '75px',\n          'onUpdate:modelValue': this.onChangeItemsPerPage,\n        })),\n      ])\n    },\n    genPaginationInfo () {\n      let children: VNodeChildrenArrayContents = ['–']\n      const itemsLength: number = this.pagination.itemsLength\n      let pageStart: number = this.pagination.pageStart\n      let pageStop: number = this.pagination.pageStop\n\n      if (this.pagination.itemsLength && this.pagination.itemsPerPage) {\n        pageStart = this.pagination.pageStart + 1\n        pageStop = itemsLength < this.pagination.pageStop || this.pagination.pageStop < 0\n          ? itemsLength\n          : this.pagination.pageStop\n\n        const pageTextSlot = getSlot(this, 'page-text', { pageStart, pageStop, itemsLength })\n        children = pageTextSlot\n          ? [pageTextSlot]\n          : [this.$vuetify.lang.t(this.pageText, pageStart, pageStop, itemsLength)]\n      } else {\n        const pageTextSlot = getSlot(this, 'page-text', { pageStart, pageStop, itemsLength })\n        if (pageTextSlot) {\n          children = [pageTextSlot]\n        }\n      }\n\n      return h('div', {\n        class: 'v-data-footer__pagination',\n      }, children)\n    },\n    genIcon (click: Function, disabled: boolean, label: string, icon: string): VNode {\n      return h(VBtn, {\n        disabled: disabled || this.disablePagination,\n        icon: true,\n        text: true,\n        // dark: this.dark, // TODO: add mixin\n        // light: this.light // TODO: add mixin\n        onClick: click,\n        'aria-label': label, // TODO: Localization\n      }, () => [h(VIcon, {}, () => icon)])\n    },\n    genIcons () {\n      const before: VNodeChildrenArrayContents = []\n      const after: VNodeChildrenArrayContents = []\n\n      before.push(this.genIcon(\n        this.onPreviousPage,\n        this.options.page === 1,\n        this.$vuetify.lang.t('$vuetify.dataFooter.prevPage'),\n        this.$vuetify.rtl ? this.nextIcon : this.prevIcon\n      ))\n\n      after.push(this.genIcon(\n        this.onNextPage,\n        this.disableNextPageIcon,\n        this.$vuetify.lang.t('$vuetify.dataFooter.nextPage'),\n        this.$vuetify.rtl ? this.prevIcon : this.nextIcon\n      ))\n\n      if (this.showFirstLastPage) {\n        before.unshift(this.genIcon(\n          this.onFirstPage,\n          this.options.page === 1,\n          this.$vuetify.lang.t('$vuetify.dataFooter.firstPage'),\n          this.$vuetify.rtl ? this.lastIcon : this.firstIcon\n        ))\n\n        after.push(this.genIcon(\n          this.onLastPage,\n          this.options.page >= this.pagination.pageCount || this.options.itemsPerPage === -1,\n          this.$vuetify.lang.t('$vuetify.dataFooter.lastPage'),\n          this.$vuetify.rtl ? this.firstIcon : this.lastIcon\n        ))\n      }\n\n      return [\n        h('div', {\n          class: 'v-data-footer__icons-before',\n        }, before),\n        this.showCurrentPage && h('span', [this.options.page.toString()]),\n        h('div', {\n          class: 'v-data-footer__icons-after',\n        }, after),\n      ]\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: 'v-data-footer',\n    }, [\n      getSlot(this, 'prepend'),\n      this.genItemsPerPageSelect(),\n      this.genPaginationInfo(),\n      this.genIcons(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VDataFooter.js"}

package/es5/components/VDataIterator/VDataIterator.js

@@ -0,0 +1,417 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _VData = require("../VData");
+
+var _VDataFooter = _interopRequireDefault(require("./VDataFooter"));
+
+var _mobile = _interopRequireDefault(require("../../mixins/mobile"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _helpers = require("../../util/helpers");
+
+var _console = require("../../util/console");
+
+var _vue = require("vue");
+
+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; }
+
+/* @vue/component */
+var _default2 = (0, _vue.defineComponent)({
+  name: 'v-data-iterator',
+  mixins: [_mobile.default, _themeable.default],
+  props: _objectSpread(_objectSpread({}, _VData.VData.props), {}, {
+    itemKey: {
+      type: String,
+      default: 'id'
+    },
+    modelValue: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    singleSelect: Boolean,
+    expanded: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    mobileBreakpoint: _objectSpread(_objectSpread({}, _mobile.default.props.mobileBreakpoint), {}, {
+      default: 600
+    }),
+    singleExpand: Boolean,
+    loading: [Boolean, String],
+    noResultsText: {
+      type: String,
+      default: '$vuetify.dataIterator.noResultsText'
+    },
+    noDataText: {
+      type: String,
+      default: '$vuetify.noDataText'
+    },
+    loadingText: {
+      type: String,
+      default: '$vuetify.dataIterator.loadingText'
+    },
+    hideDefaultFooter: Boolean,
+    footerProps: Object,
+    selectableKey: {
+      type: String,
+      default: 'isSelectable'
+    }
+  }),
+  emits: ['update:modelValue', 'update:expanded', 'toggle-select-all', 'item-selected', 'item-expanded', 'update:options', 'update:page', 'update:items-per-page', 'update:sort-by', 'update:sort-desc', 'update:group-by', 'update:group-desc', 'pagination', 'current-items', 'page-count'],
+  data: function data() {
+    return {
+      selection: {},
+      expansion: {},
+      internalCurrentItems: [],
+      shiftKeyDown: false,
+      lastEntry: -1
+    };
+  },
+  computed: {
+    everyItem: function everyItem() {
+      var _this = this;
+
+      return !!this.selectableItems.length && this.selectableItems.every(function (i) {
+        return _this.isSelected(i);
+      });
+    },
+    someItems: function someItems() {
+      var _this2 = this;
+
+      return this.selectableItems.some(function (i) {
+        return _this2.isSelected(i);
+      });
+    },
+    sanitizedFooterProps: function sanitizedFooterProps() {
+      return (0, _helpers.camelizeObjectKeys)(this.footerProps);
+    },
+    selectableItems: function selectableItems() {
+      var _this3 = this;
+
+      return this.internalCurrentItems.filter(function (item) {
+        return _this3.isSelectable(item);
+      });
+    }
+  },
+  watch: {
+    modelValue: {
+      handler: function handler(value) {
+        var _this4 = this;
+
+        if (!value) return;
+        this.selection = value.reduce(function (selection, item) {
+          selection[(0, _helpers.getObjectValueByPath)(item, _this4.itemKey)] = item;
+          return selection;
+        }, {});
+      },
+      immediate: true
+    },
+    selection: function selection(value, old) {
+      if ((0, _helpers.deepEqual)(Object.keys(value), Object.keys(old))) return;
+      this.$emit('update:modelValue', Object.values(value));
+    },
+    expanded: {
+      handler: function handler(value) {
+        var _this5 = this;
+
+        this.expansion = value.reduce(function (expansion, item) {
+          expansion[(0, _helpers.getObjectValueByPath)(item, _this5.itemKey)] = true;
+          return expansion;
+        }, {});
+      },
+      immediate: true
+    },
+    expansion: function expansion(value, old) {
+      var _this6 = this;
+
+      if ((0, _helpers.deepEqual)(value, old)) return;
+      var keys = Object.keys(value).filter(function (k) {
+        return value[k];
+      });
+      var expanded = !keys.length ? [] : this.items.filter(function (i) {
+        return keys.includes(String((0, _helpers.getObjectValueByPath)(i, _this6.itemKey)));
+      });
+      this.$emit('update:expanded', expanded);
+    }
+  },
+  created: function created() {
+    var _this7 = this;
+
+    var breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue'], ['disable-initial-sort', 'sort-by'], ['filter', 'custom-filter'], ['pagination', 'options'], ['total-items', 'server-items-length'], ['hide-actions', 'hide-default-footer'], ['rows-per-page-items', 'footer-props.items-per-page-options'], ['rows-per-page-text', 'footer-props.items-per-page-text'], ['prev-icon', 'footer-props.prev-icon'], ['next-icon', 'footer-props.next-icon']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this7.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this7);
+    });
+    var removedProps = ['expand', 'content-class', 'content-props', 'content-tag'];
+    /* istanbul ignore next */
+
+    removedProps.forEach(function (prop) {
+      if (_this7.$attrs.hasOwnProperty(prop)) (0, _console.removed)(prop);
+    });
+  },
+  mounted: function mounted() {
+    window.addEventListener('keydown', this.onKeyDown);
+    window.addEventListener('keyup', this.onKeyUp);
+  },
+  beforeUnmount: function beforeUnmount() {
+    window.removeEventListener('keydown', this.onKeyDown);
+    window.removeEventListener('keyup', this.onKeyUp);
+  },
+  methods: {
+    onKeyDown: function onKeyDown(e) {
+      this.shiftKeyDown = e.keyCode === _helpers.keyCodes.shift || e.shiftKey;
+    },
+    onKeyUp: function onKeyUp(e) {
+      if (e.keyCode === _helpers.keyCodes.shift || !e.shiftKey) {
+        this.shiftKeyDown = false;
+      }
+    },
+    toggleSelectAll: function toggleSelectAll(value) {
+      var selection = Object.assign({}, this.selection);
+
+      for (var i = 0; i < this.selectableItems.length; i++) {
+        var item = this.selectableItems[i];
+        if (!this.isSelectable(item)) continue;
+        var key = (0, _helpers.getObjectValueByPath)(item, this.itemKey);
+        if (value) selection[key] = item;else delete selection[key];
+      }
+
+      this.selection = selection;
+      this.$emit('toggle-select-all', {
+        items: this.internalCurrentItems,
+        value: value
+      });
+    },
+    isSelectable: function isSelectable(item) {
+      return (0, _helpers.getObjectValueByPath)(item, this.selectableKey) !== false;
+    },
+    isSelected: function isSelected(item) {
+      return !!this.selection[(0, _helpers.getObjectValueByPath)(item, this.itemKey)] || false;
+    },
+    select: function select(item) {
+      var _this8 = this;
+
+      var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var emit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      if (!this.isSelectable(item)) return;
+      var selection = this.singleSelect ? {} : Object.assign({}, this.selection);
+      var key = (0, _helpers.getObjectValueByPath)(item, this.itemKey);
+      if (value) selection[key] = item;else delete selection[key];
+      var index = this.selectableItems.findIndex(function (x) {
+        return (0, _helpers.getObjectValueByPath)(x, _this8.itemKey) === key;
+      });
+      if (this.lastEntry === -1) this.lastEntry = index;else if (this.shiftKeyDown && !this.singleSelect && emit) {
+        var lastEntryKey = (0, _helpers.getObjectValueByPath)(this.selectableItems[this.lastEntry], this.itemKey);
+        var lastEntryKeySelected = Object.keys(this.selection).includes(String(lastEntryKey));
+        this.multipleSelect(lastEntryKeySelected, emit, selection, index);
+      }
+      this.lastEntry = index;
+
+      if (this.singleSelect && emit) {
+        var keys = Object.keys(this.selection);
+        var old = keys.length && (0, _helpers.getObjectValueByPath)(this.selection[keys[0]], this.itemKey);
+        old && old !== key && this.$emit('item-selected', {
+          item: this.selection[old],
+          value: false
+        });
+      }
+
+      this.selection = selection;
+      emit && this.$emit('item-selected', {
+        item: item,
+        value: value
+      });
+    },
+    multipleSelect: function multipleSelect() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var emit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var selection = arguments.length > 2 ? arguments[2] : undefined;
+      var index = arguments.length > 3 ? arguments[3] : undefined;
+      var start = index < this.lastEntry ? index : this.lastEntry;
+      var end = index < this.lastEntry ? this.lastEntry : index;
+
+      for (var i = start; i <= end; i++) {
+        var currentItem = this.selectableItems[i];
+        var key = (0, _helpers.getObjectValueByPath)(currentItem, this.itemKey);
+        if (value) selection[key] = currentItem;else delete selection[key];
+        emit && this.$emit('item-selected', {
+          currentItem: currentItem,
+          value: value
+        });
+      }
+    },
+    isExpanded: function isExpanded(item) {
+      return this.expansion[(0, _helpers.getObjectValueByPath)(item, this.itemKey)] || false;
+    },
+    expand: function expand(item) {
+      var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var expansion = this.singleExpand ? {} : Object.assign({}, this.expansion);
+      var key = (0, _helpers.getObjectValueByPath)(item, this.itemKey);
+      if (value) expansion[key] = true;else delete expansion[key];
+      this.expansion = expansion;
+      this.$emit('item-expanded', {
+        item: item,
+        value: value
+      });
+    },
+    createItemProps: function createItemProps(item, index) {
+      var _this9 = this;
+
+      return {
+        item: item,
+        index: index,
+        select: function select(v) {
+          return _this9.select(item, v);
+        },
+        isSelected: this.isSelected(item),
+        expand: function expand(v) {
+          return _this9.expand(item, v);
+        },
+        isExpanded: this.isExpanded(item),
+        isMobile: this.isMobile
+      };
+    },
+    genEmptyWrapper: function genEmptyWrapper(content) {
+      return (0, _vue.h)('div', content);
+    },
+    genEmpty: function genEmpty(originalItemsLength, filteredItemsLength) {
+      if (originalItemsLength === 0 && this.loading) {
+        var loading = (0, _helpers.getSlot)(this, 'loading') || this.$vuetify.lang.t(this.loadingText);
+        return this.genEmptyWrapper(loading);
+      } else if (originalItemsLength === 0) {
+        var noData = (0, _helpers.getSlot)(this, 'noData') || this.$vuetify.lang.t(this.noDataText);
+        return this.genEmptyWrapper(noData);
+      } else if (filteredItemsLength === 0) {
+        var noResults = (0, _helpers.getSlot)(this, 'noResults') || this.$vuetify.lang.t(this.noResultsText);
+        return this.genEmptyWrapper(noResults);
+      }
+
+      return null;
+    },
+    genItems: function genItems(props) {
+      var _this10 = this;
+
+      var empty = this.genEmpty(props.originalItemsLength, props.pagination.itemsLength);
+      if (empty) return [empty];
+
+      if (this.$slots.default) {
+        return this.$slots.default(_objectSpread(_objectSpread({}, props), {}, {
+          isSelected: this.isSelected,
+          select: this.select,
+          isExpanded: this.isExpanded,
+          isMobile: this.isMobile,
+          expand: this.expand
+        }));
+      }
+
+      if (this.$slots.item) {
+        return props.items.map(function (item, index) {
+          return _this10.$slots.item(_this10.createItemProps(item, index));
+        });
+      }
+
+      return [];
+    },
+    genFooter: function genFooter(props) {
+      if (this.hideDefaultFooter) return null;
+
+      var data = _objectSpread(_objectSpread({}, this.sanitizedFooterProps), {}, {
+        options: props.options,
+        pagination: props.pagination,
+        onUpdateOptions: function onUpdateOptions(value) {
+          return props.updateOptions(value);
+        }
+      });
+
+      var scopedSlots = (0, _helpers.getPrefixedScopedSlots)('footer.', this.$slots);
+      return (0, _vue.h)(_VDataFooter.default, _objectSpread({}, data), scopedSlots);
+    },
+    genDefaultScopedSlot: function genDefaultScopedSlot(props) {
+      var outerProps = _objectSpread(_objectSpread({}, props), {}, {
+        someItems: this.someItems,
+        everyItem: this.everyItem,
+        toggleSelectAll: this.toggleSelectAll
+      });
+
+      return (0, _vue.h)('div', {
+        class: 'v-data-iterator'
+      }, [(0, _helpers.getSlot)(this, 'header', outerProps, true), this.genItems(props), this.genFooter(props), (0, _helpers.getSlot)(this, 'footer', outerProps, true)]);
+    }
+  },
+  render: function render() {
+    var _this11 = this;
+
+    return (0, _vue.h)(_VData.VData, _objectSpread(_objectSpread({}, this.$props), {}, {
+      onUpdateOptions: function onUpdateOptions(v, old) {
+        return !(0, _helpers.deepEqual)(v, old) && _this11.$emit('update:options', v);
+      },
+      onUpdatePage: function onUpdatePage(v) {
+        return _this11.$emit('update:page', v);
+      },
+      onUpdateItemsPerPage: function onUpdateItemsPerPage(v) {
+        return _this11.$emit('update:items-per-page', v);
+      },
+      onUpdateSortBy: function onUpdateSortBy(v) {
+        return _this11.$emit('update:sort-by', v);
+      },
+      onUpdateSortDesc: function onUpdateSortDesc(v) {
+        return _this11.$emit('update:sort-desc', v);
+      },
+      onUpdateGroupBy: function onUpdateGroupBy(v) {
+        return _this11.$emit('update:group-by', v);
+      },
+      onUpdateGroupDesc: function onUpdateGroupDesc(v) {
+        return _this11.$emit('update:group-desc', v);
+      },
+      onPagination: function onPagination(v, old) {
+        return !(0, _helpers.deepEqual)(v, old) && _this11.$emit('pagination', v);
+      },
+      onCurrentItems: function onCurrentItems(v) {
+        _this11.internalCurrentItems = v;
+
+        _this11.$emit('current-items', v);
+      },
+      onPageCount: function onPageCount(v) {
+        return _this11.$emit('page-count', v);
+      }
+    }), {
+      default: this.genDefaultScopedSlot
+    });
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VDataIterator.js.map