@kokoccc/vuetify 1.0.1 → 1.0.3

package/es5/components/VRangeSlider/VRangeSlider.js

@@ -0,0 +1,295 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("../../../src/components/VRangeSlider/VRangeSlider.sass");
+
+var _VSlider = _interopRequireDefault(require("../VSlider"));
+
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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-range-slider',
+  extends: _VSlider.default,
+  props: {
+    modelValue: {
+      type: Array,
+      default: function _default() {
+        return [0, 0];
+      }
+    }
+  },
+  emits: ['update:modelValue', 'focus', 'blur', 'start', 'change'],
+  data: function data() {
+    return {
+      activeThumb: null,
+      lazyValue: this.modelValue
+    };
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread({}, _VSlider.default.computed.classes.call(this)), {}, {
+        'v-input--range-slider': true
+      });
+    },
+    internalValue: {
+      get: function get() {
+        return this.lazyValue;
+      },
+      set: function set(val) {
+        var _this = this;
+
+        // Round value to ensure the
+        // entire slider range can
+        // be selected with step
+        var value = val.map(function () {
+          var v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+          return _this.roundValue(Math.min(Math.max(v, _this.minValue), _this.maxValue));
+        }); // Switch values if range and wrong order
+
+        if (value[0] > value[1] || value[1] < value[0]) {
+          if (this.activeThumb !== null) {
+            var toFocus = this.activeThumb === 1 ? 0 : 1;
+            var el = this.$refs["thumb_".concat(toFocus)];
+            el.focus();
+          }
+
+          value = [value[1], value[0]];
+        }
+
+        this.lazyValue = value;
+        if (!(0, _helpers.deepEqual)(value, this.modelValue)) this.$emit('update:modelValue', value);
+        this.validate();
+      }
+    },
+    inputWidth: function inputWidth() {
+      var _this2 = this;
+
+      return this.internalValue.map(function (v) {
+        return (_this2.roundValue(v) - _this2.minValue) / (_this2.maxValue - _this2.minValue) * 100;
+      });
+    }
+  },
+  created: function created() {
+    var _this3 = 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 (_this3.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this3);
+    });
+  },
+  methods: {
+    getTrackStyle: function getTrackStyle(startLength, endLength) {
+      var _ref3;
+
+      var startPadding = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var endPadding = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+      var startDir = this.vertical ? this.$vuetify.rtl ? 'top' : 'bottom' : this.$vuetify.rtl ? 'right' : 'left';
+      var endDir = this.vertical ? 'height' : 'width';
+      var start = "calc(".concat(startLength, "% + ").concat(startPadding, "px)");
+      var end = "calc(".concat(endLength, "% + ").concat(endPadding, "px)");
+      return _ref3 = {
+        transition: this.trackTransition
+      }, _defineProperty(_ref3, startDir, start), _defineProperty(_ref3, endDir, end), _ref3;
+    },
+    getIndexOfClosestValue: function getIndexOfClosestValue(arr, v) {
+      if (Math.abs(arr[0] - v) < Math.abs(arr[1] - v)) return 0;else return 1;
+    },
+    genInput: function genInput() {
+      var _this4 = this;
+
+      return (0, _helpers.createRange)(2).map(function (i) {
+        var input = _VSlider.default.methods.genInput.call(_this4);
+
+        input.data = input.data || {};
+        input.data.attrs = input.data.attrs || {};
+        input.data.attrs.value = _this4.internalValue[i];
+        input.data.attrs.id = "input-".concat(i ? 'max' : 'min', "-").concat(_this4.$.uid);
+        return input;
+      });
+    },
+    genTrackContainer: function genTrackContainer() {
+      var _this5 = this;
+
+      var children = [];
+      var padding = this.isDisabled ? 10 : 0;
+      var sections = [{
+        class: 'v-slider__track-background',
+        color: this.computedTrackColor,
+        styles: [0, this.inputWidth[0], 0, -padding]
+      }, {
+        class: this.isDisabled ? 'v-slider__track-background' : 'v-slider__track-fill',
+        color: this.isDisabled ? this.computedTrackColor : this.computedTrackFillColor,
+        styles: [this.inputWidth[0], Math.abs(this.inputWidth[1] - this.inputWidth[0]), padding, padding * -2]
+      }, {
+        class: 'v-slider__track-background',
+        color: this.computedTrackColor,
+        styles: [this.inputWidth[1], Math.abs(100 - this.inputWidth[1]), padding, -padding]
+      }];
+      if (this.$vuetify.rtl) sections.reverse();
+      children.push.apply(children, _toConsumableArray(sections.map(function (section) {
+        return (0, _vue.h)('div', _this5.setBackgroundColor(section.color, {
+          class: section.class,
+          style: _this5.getTrackStyle.apply(_this5, _toConsumableArray(section.styles))
+        }));
+      })));
+      return (0, _vue.h)('div', {
+        class: 'v-slider__track-container',
+        ref: 'track'
+      }, children);
+    },
+    genChildren: function genChildren() {
+      var _this6 = this;
+
+      return [this.genInput(), this.genTrackContainer(), this.genSteps(), (0, _helpers.createRange)(2).map(function (index) {
+        var value = _this6.internalValue[index];
+
+        var onFocus = function onFocus(e) {
+          _this6.isFocused = true;
+          _this6.activeThumb = index;
+
+          _this6.$emit('focus', e);
+        };
+
+        var onBlur = function onBlur(e) {
+          _this6.isFocused = false;
+          _this6.activeThumb = null;
+
+          _this6.$emit('blur', e);
+        };
+
+        var valueWidth = _this6.inputWidth[index];
+        var isActive = _this6.isActive && _this6.activeThumb === index;
+        var isFocused = _this6.isFocused && _this6.activeThumb === index;
+        return _this6.genThumbContainer(value, valueWidth, isActive, isFocused, onFocus, onBlur, "thumb_".concat(index));
+      })];
+    },
+    reevaluateSelected: function reevaluateSelected(value) {
+      this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);
+      var refName = "thumb_".concat(this.activeThumb);
+      var thumbRef = this.$refs[refName];
+      thumbRef.focus();
+    },
+    onSliderMouseDown: function onSliderMouseDown(e) {
+      var _this7 = this;
+
+      var _a;
+
+      var value = this.parseMouseMove(e);
+      this.reevaluateSelected(value);
+      this.oldValue = this.internalValue;
+      this.isActive = true;
+
+      if ((_a = e.target) === null || _a === void 0 ? void 0 : _a.matches('.v-slider__thumb-container, .v-slider__thumb-container *')) {
+        this.thumbPressed = true;
+        var domRect = e.target.getBoundingClientRect();
+        var touch = 'touches' in e ? e.touches[0] : e;
+        this.startOffset = this.vertical ? touch.clientY - (domRect.top + domRect.height / 2) : touch.clientX - (domRect.left + domRect.width / 2);
+      } else {
+        this.startOffset = 0;
+        window.clearTimeout(this.mouseTimeout);
+        this.mouseTimeout = window.setTimeout(function () {
+          _this7.thumbPressed = true;
+        }, 300);
+      }
+
+      var mouseUpOptions = _helpers.passiveSupported ? {
+        passive: true,
+        capture: true
+      } : true;
+      var mouseMoveOptions = _helpers.passiveSupported ? {
+        passive: true
+      } : false;
+      var isTouchEvent = ('touches' in e);
+      this.onMouseMove(e);
+      this.app.addEventListener(isTouchEvent ? 'touchmove' : 'mousemove', this.onMouseMove, mouseMoveOptions);
+      (0, _helpers.addOnceEventListener)(this.app, isTouchEvent ? 'touchend' : 'mouseup', this.onSliderMouseUp, mouseUpOptions);
+      this.$emit('start', this.internalValue);
+    },
+    onSliderClick: function onSliderClick(e) {
+      if (!this.isActive) {
+        if (this.noClick) {
+          this.noClick = false;
+          return;
+        }
+
+        var value = this.parseMouseMove(e);
+        this.reevaluateSelected(value);
+        this.setInternalValue(value);
+        this.$emit('change', this.internalValue);
+      }
+    },
+    onMouseMove: function onMouseMove(e) {
+      var value = this.parseMouseMove(e);
+
+      if (e.type === 'mousemove') {
+        this.thumbPressed = true;
+      }
+
+      if (this.activeThumb === null) {
+        this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);
+      }
+
+      this.setInternalValue(value);
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (this.activeThumb === null) return;
+      var value = this.parseKeyDown(e, this.internalValue[this.activeThumb]);
+      if (value == null) return;
+      this.setInternalValue(value);
+      this.$emit('change', this.internalValue);
+    },
+    setInternalValue: function setInternalValue(value) {
+      var _this8 = this;
+
+      this.internalValue = this.internalValue.map(function (v, i) {
+        if (i === _this8.activeThumb) return value;else return Number(v);
+      });
+    }
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VRangeSlider.js.map

package/es5/components/VRangeSlider/VRangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VRangeSlider/VRangeSlider.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VRangeSlider.sass'\n\n// Components\nimport VSlider from '../VSlider'\n\n// Helpers\nimport {\n  addOnceEventListener,\n  createRange,\n  deepEqual,\n  passiveSupported,\n} from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-range-slider',\n  extends: VSlider,\n\n  props: {\n    modelValue: {\n      type: Array,\n      default: () => ([0, 0]),\n    } as unknown as PropValidator<[number, number]>,\n  },\n\n  emits: ['update:modelValue', 'focus', 'blur', 'start', 'change'],\n\n  data () {\n    return {\n      activeThumb: null as null | number,\n      lazyValue: this.modelValue,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSlider.computed.classes.call(this),\n        'v-input--range-slider': true,\n      }\n    },\n    internalValue: {\n      get (): number[] {\n        return this.lazyValue\n      },\n      set (val: number[]) {\n        // Round value to ensure the\n        // entire slider range can\n        // be selected with step\n        let value = val.map((v = 0) => this.roundValue(Math.min(Math.max(v, this.minValue), this.maxValue)))\n\n        // Switch values if range and wrong order\n        if (value[0] > value[1] || value[1] < value[0]) {\n          if (this.activeThumb !== null) {\n            const toFocus = this.activeThumb === 1 ? 0 : 1\n            const el = this.$refs[`thumb_${toFocus}`] as HTMLElement\n            el.focus()\n          }\n          value = [value[1], value[0]]\n        }\n\n        this.lazyValue = value\n        if (!deepEqual(value, this.modelValue)) this.$emit('update:modelValue', value)\n\n        this.validate()\n      },\n    },\n    inputWidth (): number[] {\n      return this.internalValue.map((v: number) => (\n        this.roundValue(v) - this.minValue) / (this.maxValue - this.minValue) * 100\n      )\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  methods: {\n    getTrackStyle (startLength: number, endLength: number, startPadding = 0, endPadding = 0) {\n      const startDir = this.vertical ? this.$vuetify.rtl ? 'top' : 'bottom' : this.$vuetify.rtl ? 'right' : 'left'\n      const endDir = this.vertical ? 'height' : 'width'\n\n      const start = `calc(${startLength}% + ${startPadding}px)`\n      const end = `calc(${endLength}% + ${endPadding}px)`\n\n      return {\n        transition: this.trackTransition,\n        [startDir]: start,\n        [endDir]: end,\n      }\n    },\n    getIndexOfClosestValue (arr: number[], v: number) {\n      if (Math.abs(arr[0] - v) < Math.abs(arr[1] - v)) return 0\n      else return 1\n    },\n    genInput () {\n      return createRange(2).map(i => {\n        const input = VSlider.methods.genInput.call(this)\n\n        input.data = input.data || {}\n        input.data.attrs = input.data.attrs || {}\n        input.data.attrs.value = this.internalValue[i]\n        input.data.attrs.id = `input-${i ? 'max' : 'min'}-${this.$.uid}`\n\n        return input\n      })\n    },\n    genTrackContainer () {\n      const children = []\n\n      const padding = this.isDisabled ? 10 : 0\n      const sections: { class: string, color: string | undefined, styles: [number, number, number, number] }[] = [\n        {\n          class: 'v-slider__track-background',\n          color: this.computedTrackColor,\n          styles: [0, this.inputWidth[0], 0, -padding],\n        },\n        {\n          class: this.isDisabled ? 'v-slider__track-background' : 'v-slider__track-fill',\n          color: this.isDisabled ? this.computedTrackColor : this.computedTrackFillColor,\n          styles: [this.inputWidth[0], Math.abs(this.inputWidth[1] - this.inputWidth[0]), padding, padding * -2],\n        },\n        {\n          class: 'v-slider__track-background',\n          color: this.computedTrackColor,\n          styles: [this.inputWidth[1], Math.abs(100 - this.inputWidth[1]), padding, -padding],\n        },\n      ]\n\n      if (this.$vuetify.rtl) sections.reverse()\n\n      children.push(...sections.map(section => h('div', this.setBackgroundColor(section.color, {\n        class: section.class,\n        style: this.getTrackStyle(...section.styles),\n      }))))\n\n      return h('div', {\n        class: 'v-slider__track-container',\n        ref: 'track',\n      }, children)\n    },\n    genChildren () {\n      return [\n        this.genInput(),\n        this.genTrackContainer(),\n        this.genSteps(),\n        createRange(2).map(index => {\n          const value = this.internalValue[index]\n          const onFocus = (e: Event) => {\n            this.isFocused = true\n            this.activeThumb = index\n\n            this.$emit('focus', e)\n          }\n\n          const onBlur = (e: Event) => {\n            this.isFocused = false\n            this.activeThumb = null\n\n            this.$emit('blur', e)\n          }\n\n          const valueWidth = this.inputWidth[index]\n          const isActive = this.isActive && this.activeThumb === index\n          const isFocused = this.isFocused && this.activeThumb === index\n\n          return this.genThumbContainer(value, valueWidth, isActive, isFocused, onFocus, onBlur, `thumb_${index}`)\n        }),\n      ]\n    },\n    reevaluateSelected (value: number) {\n      this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value)\n      const refName = `thumb_${this.activeThumb}`\n      const thumbRef = this.$refs[refName] as HTMLElement\n      thumbRef.focus()\n    },\n    onSliderMouseDown (e: MouseEvent | TouchEvent) {\n      const value = this.parseMouseMove(e)\n\n      this.reevaluateSelected(value)\n\n      this.oldValue = this.internalValue\n      this.isActive = true\n\n      if ((e.target as Element)?.matches('.v-slider__thumb-container, .v-slider__thumb-container *')) {\n        this.thumbPressed = true\n        const domRect = (e.target as Element).getBoundingClientRect()\n        const touch = 'touches' in e ? e.touches[0] : e\n        this.startOffset = this.vertical\n          ? touch.clientY - (domRect.top + domRect.height / 2)\n          : touch.clientX - (domRect.left + domRect.width / 2)\n      } else {\n        this.startOffset = 0\n        window.clearTimeout(this.mouseTimeout)\n        this.mouseTimeout = window.setTimeout(() => {\n          this.thumbPressed = true\n        }, 300)\n      }\n\n      const mouseUpOptions = passiveSupported ? { passive: true, capture: true } : true\n      const mouseMoveOptions = passiveSupported ? { passive: true } : false\n\n      const isTouchEvent = 'touches' in e\n\n      this.onMouseMove(e)\n      this.app.addEventListener(isTouchEvent ? 'touchmove' : 'mousemove', this.onMouseMove, mouseMoveOptions)\n      addOnceEventListener(this.app, isTouchEvent ? 'touchend' : 'mouseup', this.onSliderMouseUp, mouseUpOptions)\n\n      this.$emit('start', this.internalValue)\n    },\n    onSliderClick (e: MouseEvent) {\n      if (!this.isActive) {\n        if (this.noClick) {\n          this.noClick = false\n          return\n        }\n\n        const value = this.parseMouseMove(e)\n\n        this.reevaluateSelected(value)\n\n        this.setInternalValue(value)\n\n        this.$emit('change', this.internalValue)\n      }\n    },\n    onMouseMove (e: MouseEvent | TouchEvent) {\n      const value = this.parseMouseMove(e)\n\n      if (e.type === 'mousemove') {\n        this.thumbPressed = true\n      }\n\n      if (this.activeThumb === null) {\n        this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value)\n      }\n\n      this.setInternalValue(value)\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (this.activeThumb === null) return\n\n      const value = this.parseKeyDown(e, this.internalValue[this.activeThumb])\n\n      if (value == null) return\n\n      this.setInternalValue(value)\n      this.$emit('change', this.internalValue)\n    },\n    setInternalValue (value: number) {\n      this.internalValue = this.internalValue.map((v: number, i: number) => {\n        if (i === this.activeThumb) return value\n        else return Number(v)\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"VRangeSlider.js"}

package/es5/components/VRangeSlider/index.js

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

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

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

package/es5/components/VRating/VRating.js

@@ -0,0 +1,284 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VRating/VRating.sass");
+
+var _VIcon = _interopRequireDefault(require("../VIcon"));
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _delayable = _interopRequireDefault(require("../../mixins/delayable"));
+
+var _sizeable = _interopRequireDefault(require("../../mixins/sizeable"));
+
+var _rippleable = _interopRequireDefault(require("../../mixins/rippleable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _ripple = _interopRequireDefault(require("../../directives/ripple"));
+
+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 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; }
+
+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, _delayable.default, _rippleable.default, _sizeable.default, _themeable.default).extend({
+  name: 'v-rating',
+  props: {
+    backgroundColor: {
+      type: String,
+      default: 'accent'
+    },
+    color: {
+      type: String,
+      default: 'primary'
+    },
+    clearable: Boolean,
+    dense: Boolean,
+    emptyIcon: {
+      type: String,
+      default: '$ratingEmpty'
+    },
+    fullIcon: {
+      type: String,
+      default: '$ratingFull'
+    },
+    halfIcon: {
+      type: String,
+      default: '$ratingHalf'
+    },
+    halfIncrements: Boolean,
+    hover: Boolean,
+    length: {
+      type: [Number, String],
+      default: 5
+    },
+    readonly: Boolean,
+    size: [Number, String],
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    iconLabel: {
+      type: String,
+      default: '$vuetify.rating.ariaLabel.icon'
+    }
+  },
+  emits: ['update:modelValue'],
+  data: function data() {
+    return {
+      hoverIndex: -1,
+      internalValue: this.modelValue
+    };
+  },
+  computed: {
+    directives: function directives() {
+      return [[_ripple.default, {
+        circle: true,
+        isDirActive: !this.readonly && this.ripple
+      }]];
+    },
+    iconProps: function iconProps() {
+      var dark = this.dark,
+          large = this.large,
+          light = this.light,
+          medium = this.medium,
+          small = this.small,
+          size = this.size,
+          xLarge = this.xLarge,
+          xSmall = this.xSmall;
+      return {
+        dark: dark,
+        large: large,
+        light: light,
+        medium: medium,
+        size: size,
+        small: small,
+        xLarge: xLarge,
+        xSmall: xSmall
+      };
+    },
+    isHovering: function isHovering() {
+      return this.hover && this.hoverIndex >= 0;
+    }
+  },
+  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);
+    });
+  },
+  watch: {
+    internalValue: function internalValue(val) {
+      val !== this.modelValue && this.$emit('update:modelValue', val);
+    },
+    modelValue: function modelValue(val) {
+      this.internalValue = val;
+    }
+  },
+  methods: {
+    createClickFn: function createClickFn(i) {
+      var _this2 = this;
+
+      return function (e) {
+        if (_this2.readonly) return;
+
+        var newValue = _this2.genHoverIndex(e, i);
+
+        if (_this2.clearable && _this2.internalValue === newValue) {
+          _this2.internalValue = 0;
+        } else {
+          _this2.internalValue = newValue;
+        }
+      };
+    },
+    createProps: function createProps(i) {
+      var props = {
+        index: i,
+        value: this.internalValue,
+        onClick: this.createClickFn(i),
+        isFilled: Math.floor(this.internalValue) > i,
+        isHovered: Math.floor(this.hoverIndex) > i
+      };
+
+      if (this.halfIncrements) {
+        props.isHalfHovered = !props.isHovered && (this.hoverIndex - i) % 1 > 0;
+        props.isHalfFilled = !props.isFilled && (this.internalValue - i) % 1 > 0;
+      }
+
+      return props;
+    },
+    genHoverIndex: function genHoverIndex(e, i) {
+      var isHalf = this.isHalfEvent(e);
+
+      if (this.halfIncrements && this.$vuetify.rtl) {
+        isHalf = !isHalf;
+      }
+
+      return i + (isHalf ? 0.5 : 1);
+    },
+    getIconName: function getIconName(props) {
+      var isFull = this.isHovering ? props.isHovered : props.isFilled;
+      var isHalf = this.isHovering ? props.isHalfHovered : props.isHalfFilled;
+      return isFull ? this.fullIcon : isHalf ? this.halfIcon : this.emptyIcon;
+    },
+    getColor: function getColor(props) {
+      if (this.isHovering) {
+        if (props.isHovered || props.isHalfHovered) return this.color;
+      } else {
+        if (props.isFilled || props.isHalfFilled) return this.color;
+      }
+
+      return this.backgroundColor;
+    },
+    isHalfEvent: function isHalfEvent(e) {
+      if (this.halfIncrements) {
+        var rect = e.target && e.target.getBoundingClientRect();
+        if (rect && e.pageX - rect.left < rect.width / 2) return true;
+      }
+
+      return false;
+    },
+    onMouseEnter: function onMouseEnter(e, i) {
+      var _this3 = this;
+
+      this.runDelay('open', function () {
+        _this3.hoverIndex = _this3.genHoverIndex(e, i);
+      });
+    },
+    onMouseLeave: function onMouseLeave() {
+      var _this4 = this;
+
+      this.runDelay('close', function () {
+        return _this4.hoverIndex = -1;
+      });
+    },
+    genItem: function genItem(i) {
+      var _this5 = this;
+
+      var props = this.createProps(i);
+      if (this.$slots.item) return this.$slots.item(props);
+      var listeners = {
+        onClick: props.onClick
+      };
+
+      if (this.hover) {
+        listeners.onMouseenter = function (e) {
+          return _this5.onMouseEnter(e, i);
+        };
+
+        listeners.onMouseleave = this.onMouseLeave;
+
+        if (this.halfIncrements) {
+          listeners.onMousemove = function (e) {
+            return _this5.onMouseEnter(e, i);
+          };
+        }
+      }
+
+      return (0, _vue.withDirectives)((0, _vue.h)(_VIcon.default, this.setTextColor(this.getColor(props), _objectSpread(_objectSpread({
+        'aria-label': this.$vuetify.lang.t(this.iconLabel, i + 1, Number(this.length))
+      }, this.iconProps), listeners)), {
+        default: function _default() {
+          return [_this5.getIconName(props)];
+        }
+      }), this.directives);
+    }
+  },
+  render: function render() {
+    var _this6 = this;
+
+    // const children = createRange(Number(this.length)).map(i => this.genItem(i))
+    return (0, _vue.h)('div', {
+      class: ['v-rating', {
+        'v-rating--readonly': this.readonly,
+        'v-rating--dense': this.dense
+      }]
+    }, {
+      default: function _default() {
+        return (0, _helpers.createRange)(Number(_this6.length)).map(function (i) {
+          return _this6.genItem(i);
+        });
+      }
+    });
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VRating.js.map

package/es5/components/VRating/VRating.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VRating/VRating.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Styles\nimport './VRating.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Sizeable from '../../mixins/sizeable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\nimport Ripple from '../../directives/ripple'\n\n// Utilities\nimport { createRange } from '../../util/helpers'\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, VNodeDirective, VNodeChildren } from 'vue'\n\ntype ItemSlotProps = {\n  index: number\n  value: number\n  isFilled: boolean\n  isHalfFilled?: boolean | undefined\n  isHovered: boolean\n  isHalfHovered?: boolean | undefined\n  click: Function\n}\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Delayable,\n  Rippleable,\n  Sizeable,\n  Themeable\n).extend({\n  name: 'v-rating',\n\n  props: {\n    backgroundColor: {\n      type: String,\n      default: 'accent',\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    clearable: Boolean,\n    dense: Boolean,\n    emptyIcon: {\n      type: String,\n      default: '$ratingEmpty',\n    },\n    fullIcon: {\n      type: String,\n      default: '$ratingFull',\n    },\n    halfIcon: {\n      type: String,\n      default: '$ratingHalf',\n    },\n    halfIncrements: Boolean,\n    hover: Boolean,\n    length: {\n      type: [Number, String],\n      default: 5,\n    },\n    readonly: Boolean,\n    size: [Number, String],\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    iconLabel: {\n      type: String,\n      default: '$vuetify.rating.ariaLabel.icon',\n    },\n  },\n\n  emits: ['update:modelValue'],\n\n  data () {\n    return {\n      hoverIndex: -1,\n      internalValue: this.modelValue,\n    }\n  },\n\n  computed: {\n    directives (): VNodeDirective[] {\n      return [\n        [\n          Ripple,\n          { circle: true, isDirActive: !this.readonly && this.ripple }\n        ]\n      ]\n    },\n    iconProps (): object {\n      const {\n        dark,\n        large,\n        light,\n        medium,\n        small,\n        size,\n        xLarge,\n        xSmall,\n      } = this\n\n      return {\n        dark,\n        large,\n        light,\n        medium,\n        size,\n        small,\n        xLarge,\n        xSmall,\n      }\n    },\n    isHovering (): boolean {\n      return this.hover && this.hoverIndex >= 0\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  watch: {\n    internalValue (val) {\n      val !== this.modelValue && this.$emit('update:modelValue', val)\n    },\n    modelValue (val) {\n      this.internalValue = val\n    },\n  },\n\n  methods: {\n    createClickFn (i: number): Function {\n      return (e: MouseEvent) => {\n        if (this.readonly) return\n\n        const newValue = this.genHoverIndex(e, i)\n        if (this.clearable && this.internalValue === newValue) {\n          this.internalValue = 0\n        } else {\n          this.internalValue = newValue\n        }\n      }\n    },\n    createProps (i: number): ItemSlotProps {\n      const props: ItemSlotProps = {\n        index: i,\n        value: this.internalValue,\n        onClick: this.createClickFn(i),\n        isFilled: Math.floor(this.internalValue) > i,\n        isHovered: Math.floor(this.hoverIndex) > i,\n      }\n\n      if (this.halfIncrements) {\n        props.isHalfHovered = !props.isHovered && (this.hoverIndex - i) % 1 > 0\n        props.isHalfFilled = !props.isFilled && (this.internalValue - i) % 1 > 0\n      }\n\n      return props\n    },\n    genHoverIndex (e: MouseEvent, i: number) {\n      let isHalf = this.isHalfEvent(e)\n\n      if (\n        this.halfIncrements &&\n        this.$vuetify.rtl\n      ) {\n        isHalf = !isHalf\n      }\n\n      return i + (isHalf ? 0.5 : 1)\n    },\n    getIconName (props: ItemSlotProps): string {\n      const isFull = this.isHovering ? props.isHovered : props.isFilled\n      const isHalf = this.isHovering ? props.isHalfHovered : props.isHalfFilled\n\n      return isFull ? this.fullIcon : isHalf ? this.halfIcon : this.emptyIcon\n    },\n    getColor (props: ItemSlotProps): string {\n      if (this.isHovering) {\n        if (props.isHovered || props.isHalfHovered) return this.color\n      } else {\n        if (props.isFilled || props.isHalfFilled) return this.color\n      }\n\n      return this.backgroundColor\n    },\n    isHalfEvent (e: MouseEvent): boolean {\n      if (this.halfIncrements) {\n        const rect = e.target && (e.target as HTMLElement).getBoundingClientRect()\n        if (rect && (e.pageX - rect.left) < rect.width / 2) return true\n      }\n\n      return false\n    },\n    onMouseEnter (e: MouseEvent, i: number): void {\n      this.runDelay('open', () => {\n        this.hoverIndex = this.genHoverIndex(e, i)\n      })\n    },\n    onMouseLeave (): void {\n      this.runDelay('close', () => (this.hoverIndex = -1))\n    },\n    genItem (i: number): VNode | VNodeChildren | string {\n      const props = this.createProps(i)\n\n      if (this.$slots.item) return this.$slots.item(props)\n\n      const listeners: Record<string, Function> = {\n        onClick: props.onClick,\n      }\n\n      if (this.hover) {\n        listeners.onMouseenter = (e: MouseEvent) => this.onMouseEnter(e, i)\n        listeners.onMouseleave = this.onMouseLeave\n\n        if (this.halfIncrements) {\n          listeners.onMousemove = (e: MouseEvent) => this.onMouseEnter(e, i)\n        }\n      }\n\n      return withDirectives(h(VIcon, this.setTextColor(this.getColor(props), {\n        'aria-label': this.$vuetify.lang.t(this.iconLabel, i + 1, Number(this.length)),\n        ...this.iconProps,\n        ...listeners,\n      }), {default: () => [this.getIconName(props)]}), this.directives)\n    },\n  },\n\n  render (): VNode {\n    // const children = createRange(Number(this.length)).map(i => this.genItem(i))\n\n    return h('div', {\n      class: ['v-rating',\n        {\n          'v-rating--readonly': this.readonly,\n          'v-rating--dense': this.dense,\n        }\n      ]\n    }, {default: () => createRange(Number(this.length)).map(i => this.genItem(i)) })\n  },\n})\n"],"sourceRoot":"","file":"VRating.js"}