@kokoccc/vuetify 1.0.1 → 1.0.3

package/es5/components/VTabs/VTab.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+var _groupable = require("../../mixins/groupable");
+
+var _routable = _interopRequireDefault(require("../../mixins/routable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _helpers = require("./../../util/helpers");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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)(_routable.default, // Must be after routable
+// to overwrite activeClass
+(0, _groupable.factory)('tabsBar'), _themeable.default);
+
+var _default = baseMixins.extend({
+  name: 'v-tab',
+  emits: ['change', 'click', 'keydown'],
+  props: {
+    ripple: {
+      type: [Boolean, Object],
+      default: true
+    },
+    tabValue: {
+      required: false
+    }
+  },
+  data: function data() {
+    return {
+      proxyClass: 'v-tab--active'
+    };
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread({
+        'v-tab': true
+      }, _routable.default.computed.classes.call(this)), {}, {
+        'v-tab--disabled': this.disabled
+      }, this.groupClasses);
+    },
+    value: function value() {
+      if (this.tabValue != null) return this.tabValue;
+      var to = this.to || this.href;
+      if (to == null) return to;
+
+      if (this.$router && this.to === Object(this.to)) {
+        var resolve = this.$router.resolve(this.to, this.$route, this.append);
+        to = resolve.href;
+      }
+
+      return to.replace('#', '');
+    }
+  },
+  methods: {
+    click: function click(e) {
+      // Prevent keyboard actions
+      // from children elements
+      // within disabled tabs
+      if (this.disabled) {
+        e.preventDefault();
+        return;
+      } // If user provides an
+      // actual link, do not
+      // prevent default
+
+
+      if (this.href && this.href.indexOf('#') > -1) e.preventDefault();
+      if (e.detail) this.$el.blur();
+      this.$emit('click', e);
+      this.to || this.toggle();
+    },
+    toggle: function toggle() {
+      // VItemGroup treats a change event as a click
+      if (!this.isActive || !this.tabsBar.mandatory && !this.to) {
+        this.$emit('change');
+        this.$emitLegacy('change');
+      }
+    }
+  },
+  render: function render() {
+    var _this = this;
+
+    var _this$generateRouteLi = this.generateRouteLink(),
+        tag = _this$generateRouteLi.tag,
+        data = _this$generateRouteLi.data,
+        directives = _this$generateRouteLi.directives;
+
+    data = _objectSpread(_objectSpread({}, data), {}, {
+      'aria-selected': String(this.isActive),
+      role: 'tab',
+      tabindex: this.disabled ? -1 : 0,
+      onKeydown: function onKeydown(e) {
+        if (e.keyCode === _helpers.keyCodes.enter) _this.click(e);
+
+        _this.$emit('keydown', e);
+      }
+    });
+    return (0, _vue.withDirectives)((0, _vue.h)(tag, data, (0, _helpers.getSlot)(this)), directives);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VTab.js.map

package/es5/components/VTabs/VTab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VTabs/VTab.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Routable from '../../mixins/routable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { getSlot, keyCodes } from './../../util/helpers'\nimport mixins from '../../util/mixins'\nimport { ExtractVue } from './../../util/mixins'\n\n// Types\nimport { VNode } from 'vue/types'\n\n// Components\nimport VTabsBar from '../VTabs/VTabsBar'\n\nconst baseMixins = mixins(\n  Routable,\n  // Must be after routable\n  // to overwrite activeClass\n  GroupableFactory('tabsBar'),\n  Themeable\n)\n\ntype VTabBarInstance = InstanceType<typeof VTabsBar>\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n  tabsBar: VTabBarInstance\n}\n\nexport default baseMixins.extend({\n  name: 'v-tab',\n\n  emits: ['change', 'click', 'keydown'],\n\n  props: {\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n    tabValue: {\n      required: false,\n    },\n  },\n\n  data: () => ({\n    proxyClass: 'v-tab--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-tab': true,\n        ...Routable.computed.classes.call(this),\n        'v-tab--disabled': this.disabled,\n        ...this.groupClasses,\n      }\n    },\n    value (): any {\n      if (this.tabValue != null) return this.tabValue\n\n      let to = this.to || this.href\n\n      if (to == null) return to\n\n      if (this.$router &&\n        this.to === Object(this.to)\n      ) {\n        const resolve = this.$router.resolve(\n          this.to,\n          this.$route,\n          this.append\n        )\n\n        to = resolve.href\n      }\n\n      return to.replace('#', '')\n    },\n  },\n\n  methods: {\n    click (e: KeyboardEvent | MouseEvent): void {\n      // Prevent keyboard actions\n      // from children elements\n      // within disabled tabs\n      if (this.disabled) {\n        e.preventDefault()\n        return\n      }\n\n      // If user provides an\n      // actual link, do not\n      // prevent default\n      if (this.href &&\n        this.href.indexOf('#') > -1\n      ) e.preventDefault()\n\n      if (e.detail) this.$el.blur()\n\n      this.$emit('click', e)\n\n      this.to || this.toggle()\n    },\n    toggle () {\n      // VItemGroup treats a change event as a click\n      if (!this.isActive || (!this.tabsBar.mandatory && !this.to)) {\n        this.$emit('change')\n        this.$emitLegacy('change')\n      }\n    },\n  },\n\n  render (): VNode {\n    let { tag, data, directives } = this.generateRouteLink()\n\n    data = {\n      ...data,\n      'aria-selected': String(this.isActive),\n      role: 'tab',\n      tabindex: this.disabled ? -1 : 0,\n      onKeydown: (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.enter) this.click(e)\n\n        this.$emit('keydown', e)\n      }\n    }\n\n    return withDirectives(\n      h(tag, data, getSlot(this)),\n      directives\n    )\n  },\n})\n"],"sourceRoot":"","file":"VTab.js"}

package/es5/components/VTabs/VTabItem.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+var _VWindowItem = _interopRequireDefault(require("../VWindow/VWindowItem"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Extensions
+
+/* @vue/component */
+var _default = (0, _vue.defineComponent)({
+  name: 'v-tab-item',
+  extends: _VWindowItem.default,
+  props: {
+    id: String
+  },
+  methods: {
+    genWindowItem: function genWindowItem() {
+      var item = _VWindowItem.default.methods.genWindowItem.call(this);
+
+      item.id = this.id || this.value;
+      return item;
+    }
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VTabItem.js.map

package/es5/components/VTabs/VTabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VTabs/VTabItem.ts"],"names":[],"mappings":";;;;;;;AACA;;AACA;;;;AAFA;;AAIA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,YADuB;AAG7B,EAAA,OAAO,EAAE,oBAHoB;AAK7B,EAAA,KAAK,EAAE;AACL,IAAA,EAAE,EAAE;AADC,GALsB;AAS7B,EAAA,OAAO,EAAE;AACP,IAAA,aADO,2BACM;AACX,UAAM,IAAI,GAAG,qBAAY,OAAZ,CAAoB,aAApB,CAAkC,IAAlC,CAAuC,IAAvC,CAAb;;AAEA,MAAA,IAAI,CAAC,EAAL,GAAU,KAAK,EAAL,IAAW,KAAK,KAA1B;AAEA,aAAO,IAAP;AACD;AAPM;AAToB,CAAhB,C","sourcesContent":["// Extensions\nimport { defineComponent } from 'vue'\nimport VWindowItem from '../VWindow/VWindowItem'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-tab-item',\n\n  extends: VWindowItem,\n\n  props: {\n    id: String,\n  },\n\n  methods: {\n    genWindowItem () {\n      const item = VWindowItem.methods.genWindowItem.call(this)\n\n      item.id = this.id || this.value\n\n      return item\n    },\n  },\n})\n"],"sourceRoot":"","file":"VTabItem.js"}

package/es5/components/VTabs/VTabs.js

@@ -0,0 +1,356 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VTabs/VTabs.sass");
+
+var _VTabsBar = _interopRequireDefault(require("./VTabsBar"));
+
+var _VTabsItems = _interopRequireDefault(require("./VTabsItems"));
+
+var _VTabsSlider = _interopRequireDefault(require("./VTabsSlider"));
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _proxyable = _interopRequireDefault(require("../../mixins/proxyable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _resize = _interopRequireDefault(require("../../directives/resize"));
+
+var _helpers = require("../../util/helpers");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+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; }
+
+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)(_colorable.default, _proxyable.default, _themeable.default);
+
+var _default = baseMixins.extend({
+  name: 'v-tabs',
+  props: {
+    activeClass: {
+      type: String,
+      default: ''
+    },
+    alignWithTitle: Boolean,
+    allowDeselect: {
+      type: Boolean,
+      default: false
+    },
+    backgroundColor: String,
+    centerActive: Boolean,
+    centered: Boolean,
+    fixedTabs: Boolean,
+    grow: Boolean,
+    height: {
+      type: [Number, String],
+      default: undefined
+    },
+    hideSlider: Boolean,
+    iconsAndText: Boolean,
+    mobileBreakpoint: [String, Number],
+    nextIcon: {
+      type: String,
+      default: '$next'
+    },
+    optional: Boolean,
+    prevIcon: {
+      type: String,
+      default: '$prev'
+    },
+    right: Boolean,
+    showArrows: [Boolean, String],
+    sliderColor: String,
+    sliderSize: {
+      type: [Number, String],
+      default: 2
+    },
+    vertical: Boolean
+  },
+  data: function data() {
+    return {
+      resizeTimeout: 0,
+      slider: {
+        height: null,
+        left: null,
+        right: null,
+        top: null,
+        width: null
+      },
+      transitionTime: 300
+    };
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread({
+        'v-tabs--align-with-title': this.alignWithTitle,
+        'v-tabs--centered': this.centered,
+        'v-tabs--fixed-tabs': this.fixedTabs,
+        'v-tabs--grow': this.grow,
+        'v-tabs--icons-and-text': this.iconsAndText,
+        'v-tabs--right': this.right,
+        'v-tabs--vertical': this.vertical
+      }, this.themeClasses);
+    },
+    isReversed: function isReversed() {
+      return this.$vuetify.rtl && this.vertical;
+    },
+    sliderStyles: function sliderStyles() {
+      return {
+        height: (0, _helpers.convertToUnit)(this.slider.height),
+        left: this.isReversed ? undefined : (0, _helpers.convertToUnit)(this.slider.left),
+        right: this.isReversed ? (0, _helpers.convertToUnit)(this.slider.right) : undefined,
+        top: this.vertical ? (0, _helpers.convertToUnit)(this.slider.top) : undefined,
+        transition: this.slider.left != null ? null : 'none',
+        width: (0, _helpers.convertToUnit)(this.slider.width)
+      };
+    },
+    computedColor: function computedColor() {
+      if (this.color) return this.color;else if (this.isDark && !this.appIsDark) return 'white';else return 'primary';
+    }
+  },
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue'], ['onChange', 'onUpdate: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);
+    });
+  },
+  watch: {
+    alignWithTitle: 'callSlider',
+    centered: 'callSlider',
+    centerActive: 'callSlider',
+    fixedTabs: 'callSlider',
+    grow: 'callSlider',
+    iconsAndText: 'callSlider',
+    right: 'callSlider',
+    showArrows: 'callSlider',
+    vertical: 'callSlider',
+    '$vuetify.application.left': 'onResize',
+    '$vuetify.application.right': 'onResize',
+    '$vuetify.rtl': 'onResize',
+    modelValue: function modelValue(val) {
+      this.validateModelValue(val);
+    }
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+
+    this.validateModelValue(this.modelValue);
+
+    if (typeof ResizeObserver !== 'undefined') {
+      var obs = new ResizeObserver(function () {
+        _this2.onResize();
+      });
+      obs.observe(this.$el);
+      this.$on('hook:destroyed', function () {
+        obs.disconnect();
+      });
+    }
+
+    this.$nextTick(function () {
+      window.setTimeout(_this2.callSlider, 30);
+    });
+  },
+  methods: {
+    validateModelValue: function validateModelValue(val) {
+      if (typeof val === 'number' && val < 0) {
+        this.internalValue = 0;
+      }
+    },
+    callSlider: function callSlider() {
+      var _this3 = this;
+
+      if (this.hideSlider || !this.$refs.items || !this.$refs.items.selectedItems.length) {
+        this.slider.width = 0;
+        return false;
+      }
+
+      this.$nextTick(function () {
+        // Give screen time to paint
+        var activeTab = _this3.$refs.items.selectedItems[0];
+        /* istanbul ignore if */
+
+        if (!activeTab || !activeTab.$el) {
+          _this3.slider.width = 0;
+          _this3.slider.left = 0;
+          return;
+        }
+
+        var el = activeTab.$el;
+        _this3.slider = {
+          height: !_this3.vertical ? Number(_this3.sliderSize) : el.scrollHeight,
+          left: _this3.vertical ? 0 : el.offsetLeft,
+          right: _this3.vertical ? 0 : el.offsetLeft + el.offsetWidth,
+          top: el.offsetTop,
+          width: _this3.vertical ? Number(_this3.sliderSize) : el.scrollWidth
+        };
+      });
+      return true;
+    },
+    genBar: function genBar(items, slider) {
+      var _this4 = this;
+
+      var data = {
+        style: {
+          height: (0, _helpers.convertToUnit)(this.height)
+        },
+        activeClass: this.activeClass,
+        allowDeselect: this.allowDeselect,
+        centerActive: this.centerActive,
+        dark: this.dark,
+        light: this.light,
+        mandatory: !this.optional,
+        mobileBreakpoint: this.mobileBreakpoint,
+        nextIcon: this.nextIcon,
+        prevIcon: this.prevIcon,
+        showArrows: this.showArrows,
+        modelValue: this.internalValue,
+        'onCall:slider': this.callSlider,
+        'onUpdate:modelValue': function onUpdateModelValue(val) {
+          _this4.internalValue = val;
+        },
+        ref: 'items'
+      };
+      this.setTextColor(this.computedColor, data);
+      this.setBackgroundColor(this.backgroundColor, data);
+      return (0, _vue.h)(_VTabsBar.default, data, function () {
+        return [_this4.genSlider(slider), items];
+      });
+    },
+    genItems: function genItems(items, item) {
+      var _this5 = this;
+
+      // If user provides items
+      // opt to use theirs
+      if (items) return items; // If no tabs are provided
+      // render nothing
+
+      if (!item.length) return null;
+      return (0, _vue.h)(_VTabsItems.default, {
+        modelValue: this.internalValue,
+        'onUpdate:modelValue': function onUpdateModelValue(val) {
+          _this5.internalValue = val;
+        }
+      }, function () {
+        return item;
+      });
+    },
+    genSlider: function genSlider(slider) {
+      if (this.hideSlider) return null;
+
+      if (!slider) {
+        slider = (0, _vue.h)(_VTabsSlider.default, {
+          color: this.sliderColor
+        });
+      }
+
+      return (0, _vue.h)('div', {
+        class: 'v-tabs-slider-wrapper',
+        style: this.sliderStyles
+      }, [slider]);
+    },
+    onResize: function onResize() {
+      if (this.$.isUnmounted) return;
+      clearTimeout(this.resizeTimeout);
+      this.resizeTimeout = window.setTimeout(this.callSlider, 0);
+    },
+    parseNodes: function parseNodes() {
+      var items = null;
+      var slider = null;
+      var item = [];
+      var tab = [];
+      var slot = (0, _helpers.getSlot)(this) || [];
+      var length = slot.length;
+
+      for (var i = 0; i < length; i++) {
+        var vnode = slot[i];
+
+        if (vnode.type) {
+          switch (vnode.type.name) {
+            case 'v-tabs-slider':
+              slider = vnode;
+              break;
+
+            case 'v-tabs-items':
+              items = vnode;
+              break;
+
+            case 'v-tab-item':
+              item.push(vnode);
+              break;
+            // case 'v-tab' - intentionally omitted
+
+            default:
+              tab.push(vnode);
+          }
+        } else {
+          tab.push(vnode);
+        }
+      }
+      /**
+       * tab: array of `v-tab`
+       * slider: single `v-tabs-slider`
+       * items: single `v-tabs-items`
+       * item: array of `v-tab-item`
+       */
+
+
+      return {
+        tab: tab,
+        slider: slider,
+        items: items,
+        item: item
+      };
+    }
+  },
+  render: function render() {
+    var _this$parseNodes = this.parseNodes(),
+        tab = _this$parseNodes.tab,
+        slider = _this$parseNodes.slider,
+        items = _this$parseNodes.items,
+        item = _this$parseNodes.item;
+
+    return (0, _vue.withDirectives)((0, _vue.h)('div', {
+      class: ['v-tabs', this.classes]
+    }, [this.genBar(tab, slider), this.genItems(items, item)]), [[_resize.default, this.onResize, '', {
+      quiet: true
+    }]]);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VTabs.js.map

package/es5/components/VTabs/VTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VTabs/VTabs.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, withDirectives } from 'vue'\n// Styles\nimport './VTabs.sass'\n\n// Components\nimport VTabsBar from './VTabsBar'\nimport VTabsItems from './VTabsItems'\nimport VTabsSlider from './VTabsSlider'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { ExtractVue } from './../../util/mixins'\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue/types'\n\nconst baseMixins = mixins(\n  Colorable,\n  Proxyable,\n  Themeable\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $refs: {\n    items: InstanceType<typeof VTabsBar>\n  }\n}\n\nexport default baseMixins.extend({\n  name: 'v-tabs',\n\n  props: {\n    activeClass: {\n      type: String,\n      default: '',\n    },\n    alignWithTitle: Boolean,\n    allowDeselect: {\n      type: Boolean,\n      default: false,\n    },\n    backgroundColor: String,\n    centerActive: Boolean,\n    centered: Boolean,\n    fixedTabs: Boolean,\n    grow: Boolean,\n    height: {\n      type: [Number, String],\n      default: undefined,\n    },\n    hideSlider: Boolean,\n    iconsAndText: Boolean,\n    mobileBreakpoint: [String, Number],\n    nextIcon: {\n      type: String,\n      default: '$next',\n    },\n    optional: Boolean,\n    prevIcon: {\n      type: String,\n      default: '$prev',\n    },\n    right: Boolean,\n    showArrows: [Boolean, String],\n    sliderColor: String,\n    sliderSize: {\n      type: [Number, String],\n      default: 2,\n    },\n    vertical: Boolean,\n  },\n\n  data () {\n    return {\n      resizeTimeout: 0,\n      slider: {\n        height: null as null | number,\n        left: null as null | number,\n        right: null as null | number,\n        top: null as null | number,\n        width: null as null | number,\n      },\n      transitionTime: 300,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-tabs--align-with-title': this.alignWithTitle,\n        'v-tabs--centered': this.centered,\n        'v-tabs--fixed-tabs': this.fixedTabs,\n        'v-tabs--grow': this.grow,\n        'v-tabs--icons-and-text': this.iconsAndText,\n        'v-tabs--right': this.right,\n        'v-tabs--vertical': this.vertical,\n        ...this.themeClasses,\n      }\n    },\n    isReversed (): boolean {\n      return this.$vuetify.rtl && this.vertical\n    },\n    sliderStyles (): object {\n      return {\n        height: convertToUnit(this.slider.height),\n        left: this.isReversed ? undefined : convertToUnit(this.slider.left),\n        right: this.isReversed ? convertToUnit(this.slider.right) : undefined,\n        top: this.vertical ? convertToUnit(this.slider.top) : undefined,\n        transition: this.slider.left != null ? null : 'none',\n        width: convertToUnit(this.slider.width),\n      }\n    },\n    computedColor (): string {\n      if (this.color) return this.color\n      else if (this.isDark && !this.appIsDark) return 'white'\n      else return 'primary'\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onChange', 'onUpdate: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  watch: {\n    alignWithTitle: 'callSlider',\n    centered: 'callSlider',\n    centerActive: 'callSlider',\n    fixedTabs: 'callSlider',\n    grow: 'callSlider',\n    iconsAndText: 'callSlider',\n    right: 'callSlider',\n    showArrows: 'callSlider',\n    vertical: 'callSlider',\n    '$vuetify.application.left': 'onResize',\n    '$vuetify.application.right': 'onResize',\n    '$vuetify.rtl': 'onResize',\n    modelValue (val: any) {\n      this.validateModelValue(val)\n    },\n  },\n\n  mounted () {\n    this.validateModelValue(this.modelValue)\n\n    if (typeof ResizeObserver !== 'undefined') {\n      const obs = new ResizeObserver(() => {\n        this.onResize()\n      })\n      obs.observe(this.$el)\n      this.$on('hook:destroyed', () => {\n        obs.disconnect()\n      })\n    }\n\n    this.$nextTick(() => {\n      window.setTimeout(this.callSlider, 30)\n    })\n  },\n\n  methods: {\n    validateModelValue (val: any) {\n      if (typeof val === 'number' && val < 0) {\n        this.internalValue = 0\n      }\n    },\n    callSlider () {\n      if (\n        this.hideSlider ||\n        !this.$refs.items ||\n        !this.$refs.items.selectedItems.length\n      ) {\n        this.slider.width = 0\n        return false\n      }\n\n      this.$nextTick(() => {\n        // Give screen time to paint\n        const activeTab = this.$refs.items.selectedItems[0]\n        /* istanbul ignore if */\n        if (!activeTab || !activeTab.$el) {\n          this.slider.width = 0\n          this.slider.left = 0\n          return\n        }\n        const el = activeTab.$el as HTMLElement\n\n        this.slider = {\n          height: !this.vertical ? Number(this.sliderSize) : el.scrollHeight,\n          left: this.vertical ? 0 : el.offsetLeft,\n          right: this.vertical ? 0 : el.offsetLeft + el.offsetWidth,\n          top: el.offsetTop,\n          width: this.vertical ? Number(this.sliderSize) : el.scrollWidth,\n        }\n      })\n\n      return true\n    },\n    genBar (items: VNode[], slider: VNode | null) {\n      const data = {\n        style: {\n          height: convertToUnit(this.height),\n        },\n        activeClass: this.activeClass,\n        allowDeselect: this.allowDeselect,\n        centerActive: this.centerActive,\n        dark: this.dark,\n        light: this.light,\n        mandatory: !this.optional,\n        mobileBreakpoint: this.mobileBreakpoint,\n        nextIcon: this.nextIcon,\n        prevIcon: this.prevIcon,\n        showArrows: this.showArrows,\n        modelValue: this.internalValue,\n        'onCall:slider': this.callSlider,\n        'onUpdate:modelValue': (val: any) => {\n          this.internalValue = val\n        },\n        ref: 'items',\n      }\n\n      this.setTextColor(this.computedColor, data)\n      this.setBackgroundColor(this.backgroundColor, data)\n\n      return h(VTabsBar, data, () => [\n        this.genSlider(slider),\n        items,\n      ])\n    },\n    genItems (items: VNode | null, item: VNode[]) {\n      // If user provides items\n      // opt to use theirs\n      if (items) return items\n\n      // If no tabs are provided\n      // render nothing\n      if (!item.length) return null\n\n      return h(VTabsItems, {\n        modelValue: this.internalValue,\n        'onUpdate:modelValue': (val: any) => {\n          this.internalValue = val\n        },\n      }, () => item)\n    },\n    genSlider (slider: VNode | null) {\n      if (this.hideSlider) return null\n\n      if (!slider) {\n        slider = h(VTabsSlider, {\n          color: this.sliderColor,\n        })\n      }\n\n      return h('div', {\n        class: 'v-tabs-slider-wrapper',\n        style: this.sliderStyles,\n      }, [slider])\n    },\n    onResize () {\n      if (this.$.isUnmounted) return\n\n      clearTimeout(this.resizeTimeout)\n      this.resizeTimeout = window.setTimeout(this.callSlider, 0)\n    },\n    parseNodes () {\n      let items = null\n      let slider = null\n      const item = []\n      const tab = []\n      const slot = getSlot(this) || []\n      const length = slot.length\n\n      for (let i = 0; i < length; i++) {\n        const vnode = slot[i]\n\n        if (vnode.type) {\n          switch (vnode.type.name) {\n            case 'v-tabs-slider': slider = vnode\n              break\n            case 'v-tabs-items': items = vnode\n              break\n            case 'v-tab-item': item.push(vnode)\n              break\n            // case 'v-tab' - intentionally omitted\n            default: tab.push(vnode)\n          }\n        } else {\n          tab.push(vnode)\n        }\n      }\n\n      /**\n       * tab: array of `v-tab`\n       * slider: single `v-tabs-slider`\n       * items: single `v-tabs-items`\n       * item: array of `v-tab-item`\n       */\n      return { tab, slider, items, item }\n    },\n  },\n\n  render (): VNode {\n    const { tab, slider, items, item } = this.parseNodes()\n\n    return withDirectives(h('div', {\n      class: ['v-tabs', this.classes],\n    }, [\n      this.genBar(tab, slider),\n      this.genItems(items, item),\n    ]), [\n      [\n        Resize,\n        this.onResize,\n        '',\n        { quiet: true },\n      ],\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VTabs.js"}

package/es5/components/VTabs/VTabsBar.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+var _VSlideGroup = require("../VSlideGroup/VSlideGroup");
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _ssrBootable = _interopRequireDefault(require("../../mixins/ssr-bootable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+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 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 _default = (0, _mixins.default)(_VSlideGroup.BaseSlideGroup, _ssrBootable.default, _themeable.default
+/* @vue/component */
+).extend({
+  name: 'v-tabs-bar',
+  provide: function provide() {
+    return {
+      tabsBar: this
+    };
+  },
+  props: {
+    allowDeselect: Boolean
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread({}, _VSlideGroup.BaseSlideGroup.computed.classes.call(this)), {}, {
+        'v-tabs-bar': true,
+        'v-tabs-bar--is-mobile': this.isMobile,
+        // TODO: Remove this and move to v-slide-group
+        'v-tabs-bar--show-arrows': this.showArrows
+      }, this.themeClasses);
+    }
+  },
+  watch: {
+    items: 'callSlider',
+    internalValue: 'callSlider',
+    $route: 'onRouteChange'
+  },
+  methods: {
+    callSlider: function callSlider() {
+      if (!this.isBooted) return;
+      this.$emit('call:slider');
+    },
+    genContent: function genContent() {
+      var render = _VSlideGroup.BaseSlideGroup.methods.genContent.call(this);
+
+      render.props.class += ' v-tabs-bar__content';
+      return render;
+    },
+    onRouteChange: function onRouteChange(val, oldVal) {
+      /* istanbul ignore next */
+      if (this.mandatory) return;
+      var items = this.items;
+      var newPath = val.path;
+      var oldPath = oldVal.path;
+      var hasNew = false;
+      var hasOld = false;
+
+      var _iterator = _createForOfIteratorHelper(items),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var item = _step.value;
+          if (item.to === oldPath) hasOld = true;else if (item.to === newPath) hasNew = true;
+          if (hasNew && hasOld) break;
+        } // If we have an old item and not a new one
+        // it's assumed that the user navigated to
+        // a path that is not present in the items
+
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      if (!hasNew && hasOld) this.internalValue = undefined;
+    }
+  },
+  render: function render() {
+    var render = _VSlideGroup.BaseSlideGroup.render.call(this, _vue.h);
+
+    render.role = 'tablist';
+    return render;
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VTabsBar.js.map