@kokoccc/vuetify 1.0.2 → 1.0.3

package/es5/components/VPicker/VPicker.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VPicker/VPicker.sass");
+
+require("../../../src/components/VCard/VCard.sass");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _elevatable = _interopRequireDefault(require("../../mixins/elevatable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _helpers = require("../../util/helpers");
+
+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; }
+
+/* @vue/component */
+var _default = (0, _vue.defineComponent)({
+  name: 'v-picker',
+  mixins: [_colorable.default, _elevatable.default, _themeable.default],
+  props: {
+    flat: Boolean,
+    fullWidth: Boolean,
+    landscape: Boolean,
+    noTitle: Boolean,
+    transition: {
+      type: String,
+      default: 'fade-transition'
+    },
+    width: {
+      type: [Number, String],
+      default: 290
+    }
+  },
+  computed: {
+    computedTitleColor: function computedTitleColor() {
+      var defaultTitleColor = this.isDark ? false : this.color || 'primary';
+      return this.color || defaultTitleColor;
+    }
+  },
+  methods: {
+    genTitle: function genTitle() {
+      return (0, _vue.h)('div', this.setBackgroundColor(this.computedTitleColor, {
+        class: ['v-picker__title', {
+          'v-picker__title--landscape': this.landscape
+        }]
+      }), (0, _helpers.getSlot)(this, 'title'));
+    },
+    genBodyTransition: function genBodyTransition() {
+      var _this = this;
+
+      return (0, _vue.h)(_vue.Transition, {
+        name: this.transition
+      }, function () {
+        return (0, _helpers.getSlot)(_this);
+      });
+    },
+    genBody: function genBody() {
+      return (0, _vue.h)('div', {
+        class: ['v-picker__body', _objectSpread({
+          'v-picker__body--no-title': this.noTitle
+        }, this.themeClasses)],
+        style: this.fullWidth ? undefined : {
+          width: (0, _helpers.convertToUnit)(this.width)
+        }
+      }, [this.genBodyTransition()]);
+    },
+    genActions: function genActions() {
+      return (0, _vue.h)('div', {
+        class: ['v-picker__actions v-card__actions', {
+          'v-picker__actions--no-title': this.noTitle
+        }]
+      }, (0, _helpers.getSlot)(this, 'actions'));
+    }
+  },
+  render: function render() {
+    return (0, _vue.h)('div', {
+      class: ['v-picker v-card', _objectSpread(_objectSpread({
+        'v-picker--flat': this.flat,
+        'v-picker--landscape': this.landscape,
+        'v-picker--full-width': this.fullWidth
+      }, this.themeClasses), this.elevationClasses)]
+    }, [this.$slots.title ? this.genTitle() : null, this.genBody(), this.$slots.actions ? this.genActions() : null]);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VPicker.js.map

package/es5/components/VPicker/VPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VPicker/VPicker.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAGA;;AACA;;AACA;;AAGA;;;;;;;;;;AAEA;eACe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,UADuB;AAE7B,EAAA,MAAM,EAAE,CACN,kBADM,EAEN,mBAFM,EAGN,kBAHM,CAFqB;AAQ7B,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,OADD;AAEL,IAAA,SAAS,EAAE,OAFN;AAGL,IAAA,SAAS,EAAE,OAHN;AAIL,IAAA,OAAO,EAAE,OAJJ;AAKL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC,KALP;AASL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AATF,GARsB;AAuB7B,EAAA,QAAQ,EAAE;AACR,IAAA,kBADQ,gCACU;AAChB,UAAM,iBAAiB,GAAG,KAAK,MAAL,GAAc,KAAd,GAAuB,KAAK,KAAL,IAAc,SAA/D;AACA,aAAO,KAAK,KAAL,IAAc,iBAArB;AACD;AAJO,GAvBmB;AA8B7B,EAAA,OAAO,EAAE;AACP,IAAA,QADO,sBACC;AACN,aAAO,YAAE,KAAF,EAAS,KAAK,kBAAL,CAAwB,KAAK,kBAA7B,EAAiD;AAC/D,QAAA,KAAK,EAAE,CAAC,iBAAD,EAAoB;AACzB,wCAA8B,KAAK;AADV,SAApB;AADwD,OAAjD,CAAT,EAIH,sBAAQ,IAAR,EAAc,OAAd,CAJG,CAAP;AAKD,KAPM;AAQP,IAAA,iBARO,+BAQU;AAAA;;AACf,aAAO,YAAE,eAAF,EAAc;AACnB,QAAA,IAAI,EAAE,KAAK;AADQ,OAAd,EAEJ;AAAA,eAAM,sBAAQ,KAAR,CAAN;AAAA,OAFI,CAAP;AAGD,KAZM;AAaP,IAAA,OAbO,qBAaA;AACL,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE,CAAC,gBAAD;AACL,sCAA4B,KAAK;AAD5B,WAEF,KAAK,YAFH,EADO;AAKd,QAAA,KAAK,EAAE,KAAK,SAAL,GAAiB,SAAjB,GAA6B;AAClC,UAAA,KAAK,EAAE,4BAAc,KAAK,KAAnB;AAD2B;AALtB,OAAT,EAQJ,CACD,KAAK,iBAAL,EADC,CARI,CAAP;AAWD,KAzBM;AA0BP,IAAA,UA1BO,wBA0BG;AACR,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE,CAAC,mCAAD,EAAsC;AAC3C,yCAA+B,KAAK;AADO,SAAtC;AADO,OAAT,EAIJ,sBAAQ,IAAR,EAAc,SAAd,CAJI,CAAP;AAKD;AAhCM,GA9BoB;AAiE7B,EAAA,MAjE6B,oBAiEvB;AACJ,WAAO,YAAE,KAAF,EAAS;AACd,MAAA,KAAK,EAAE,CAAC,iBAAD;AACL,0BAAkB,KAAK,IADlB;AAEL,+BAAuB,KAAK,SAFvB;AAGL,gCAAwB,KAAK;AAHxB,SAIF,KAAK,YAJH,GAKF,KAAK,gBALH;AADO,KAAT,EAQJ,CACD,KAAK,MAAL,CAAY,KAAZ,GAAoB,KAAK,QAAL,EAApB,GAAsC,IADrC,EAED,KAAK,OAAL,EAFC,EAGD,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,UAAL,EAAtB,GAA0C,IAHzC,CARI,CAAP;AAaD;AA/E4B,CAAhB,C","sourcesContent":["import { h, Transition, defineComponent } from 'vue'\nimport type { VNode } from 'vue'\nimport './VPicker.sass'\nimport '../VCard/VCard.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-picker',\n  mixins: [\n    Colorable,\n    Elevatable,\n    Themeable,\n  ],\n\n  props: {\n    flat: Boolean,\n    fullWidth: Boolean,\n    landscape: Boolean,\n    noTitle: Boolean,\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n    width: {\n      type: [Number, String],\n      default: 290,\n    },\n  },\n\n  computed: {\n    computedTitleColor (): string | false {\n      const defaultTitleColor = this.isDark ? false : (this.color || 'primary')\n      return this.color || defaultTitleColor\n    },\n  },\n\n  methods: {\n    genTitle () {\n      return h('div', this.setBackgroundColor(this.computedTitleColor, {\n        class: ['v-picker__title', {\n          'v-picker__title--landscape': this.landscape,\n        }],\n      }), getSlot(this, 'title'))\n    },\n    genBodyTransition () {\n      return h(Transition, {\n        name: this.transition,\n      }, () => getSlot(this))\n    },\n    genBody () {\n      return h('div', {\n        class: ['v-picker__body', {\n          'v-picker__body--no-title': this.noTitle,\n          ...this.themeClasses,\n        }],\n        style: this.fullWidth ? undefined : {\n          width: convertToUnit(this.width),\n        },\n      }, [\n        this.genBodyTransition(),\n      ])\n    },\n    genActions () {\n      return h('div', {\n        class: ['v-picker__actions v-card__actions', {\n          'v-picker__actions--no-title': this.noTitle,\n        }],\n      }, getSlot(this, 'actions'))\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-picker v-card', {\n        'v-picker--flat': this.flat,\n        'v-picker--landscape': this.landscape,\n        'v-picker--full-width': this.fullWidth,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }],\n    }, [\n      this.$slots.title ? this.genTitle() : null,\n      this.genBody(),\n      this.$slots.actions ? this.genActions() : null,\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VPicker.js"}

package/es5/components/VPicker/index.js

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

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

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

package/es5/components/VProgressCircular/VProgressCircular.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VProgressCircular/VProgressCircular.sass");
+
+var _intersect = require("../../directives/intersect");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _helpers = require("../../util/helpers");
+
+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; }
+
+/* @vue/component */
+var _default = (0, _vue.defineComponent)({
+  name: 'v-progress-circular',
+  extends: _colorable.default,
+  props: {
+    button: Boolean,
+    indeterminate: Boolean,
+    rotate: {
+      type: [Number, String],
+      default: 0
+    },
+    size: {
+      type: [Number, String],
+      default: 32
+    },
+    width: {
+      type: [Number, String],
+      default: 4
+    },
+    value: {
+      type: [Number, String],
+      default: 0
+    }
+  },
+  data: function data() {
+    return {
+      radius: 20,
+      isVisible: true
+    };
+  },
+  computed: {
+    calculatedSize: function calculatedSize() {
+      return Number(this.size) + (this.button ? 8 : 0);
+    },
+    circumference: function circumference() {
+      return 2 * Math.PI * this.radius;
+    },
+    classes: function classes() {
+      return {
+        'v-progress-circular--visible': this.isVisible,
+        'v-progress-circular--indeterminate': this.indeterminate,
+        'v-progress-circular--button': this.button
+      };
+    },
+    normalizedValue: function normalizedValue() {
+      var numValue = parseFloat(this.value);
+
+      if (numValue < 0) {
+        return 0;
+      }
+
+      if (numValue > 100) {
+        return 100;
+      }
+
+      return numValue;
+    },
+    strokeDashArray: function strokeDashArray() {
+      return Math.round(this.circumference * 1000) / 1000;
+    },
+    strokeDashOffset: function strokeDashOffset() {
+      return (100 - this.normalizedValue) / 100 * this.circumference + 'px';
+    },
+    strokeWidth: function strokeWidth() {
+      return Number(this.width) / +this.size * this.viewBoxSize * 2;
+    },
+    styles: function styles() {
+      return {
+        height: (0, _helpers.convertToUnit)(this.calculatedSize),
+        width: (0, _helpers.convertToUnit)(this.calculatedSize)
+      };
+    },
+    svgStyles: function svgStyles() {
+      return {
+        transform: "rotate(".concat(Number(this.rotate), "deg)")
+      };
+    },
+    viewBoxSize: function viewBoxSize() {
+      return this.radius / (1 - Number(this.width) / +this.size);
+    }
+  },
+  methods: {
+    genCircle: function genCircle(name, offset) {
+      return (0, _vue.h)('circle', {
+        class: "v-progress-circular__".concat(name),
+        fill: 'transparent',
+        cx: 2 * this.viewBoxSize,
+        cy: 2 * this.viewBoxSize,
+        r: this.radius,
+        'stroke-width': this.strokeWidth,
+        'stroke-dasharray': this.strokeDashArray,
+        'stroke-dashoffset': offset
+      });
+    },
+    genSvg: function genSvg() {
+      var children = [this.indeterminate || this.genCircle('underlay', 0), this.genCircle('overlay', this.strokeDashOffset)];
+      return (0, _vue.h)('svg', {
+        style: this.svgStyles,
+        xmlns: 'http://www.w3.org/2000/svg',
+        viewBox: "".concat(this.viewBoxSize, " ").concat(this.viewBoxSize, " ").concat(2 * this.viewBoxSize, " ").concat(2 * this.viewBoxSize)
+      }, children);
+    },
+    genInfo: function genInfo() {
+      return (0, _vue.h)('div', {
+        class: 'v-progress-circular__info'
+      }, (0, _helpers.getSlot)(this));
+    },
+    onObserve: function onObserve(entries, observer, isIntersecting) {
+      this.isVisible = isIntersecting;
+    }
+  },
+  render: function render() {
+    return (0, _vue.withDirectives)((0, _vue.h)('div', this.setTextColor(this.color, _objectSpread({
+      class: ['v-progress-circular', this.classes],
+      role: 'progressbar',
+      'aria-valuemin': 0,
+      'aria-valuemax': 100,
+      'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,
+      style: this.styles
+    }, this.$listeners)), [this.genSvg(), this.genInfo()]), [[_intersect.Intersect, this.onObserve]]);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VProgressCircular.js.map

package/es5/components/VProgressCircular/VProgressCircular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VProgressCircular/VProgressCircular.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Styles\nimport './VProgressCircular.sass'\n\n// Directives\nimport intersect, { Intersect } from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utils\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeChild, defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-progress-circular',\n\n  extends: Colorable,\n\n\n  props: {\n    button: Boolean,\n    indeterminate: Boolean,\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    size: {\n      type: [Number, String],\n      default: 32,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data: () => ({\n    radius: 20,\n    isVisible: true,\n  }),\n\n  computed: {\n    calculatedSize (): number {\n      return Number(this.size) + (this.button ? 8 : 0)\n    },\n\n    circumference (): number {\n      return 2 * Math.PI * this.radius\n    },\n\n    classes (): object {\n      return {\n        'v-progress-circular--visible': this.isVisible,\n        'v-progress-circular--indeterminate': this.indeterminate,\n        'v-progress-circular--button': this.button,\n      }\n    },\n\n    normalizedValue (): number {\n      const numValue = parseFloat(this.value)\n      if (numValue < 0) {\n        return 0\n      }\n\n      if (numValue > 100) {\n        return 100\n      }\n\n      return numValue\n    },\n\n    strokeDashArray (): number {\n      return Math.round(this.circumference * 1000) / 1000\n    },\n\n    strokeDashOffset (): string {\n      return ((100 - this.normalizedValue) / 100) * this.circumference + 'px'\n    },\n\n    strokeWidth (): number {\n      return Number(this.width) / +this.size * this.viewBoxSize * 2\n    },\n\n    styles (): object {\n      return {\n        height: convertToUnit(this.calculatedSize),\n        width: convertToUnit(this.calculatedSize),\n      }\n    },\n\n    svgStyles (): object {\n      return {\n        transform: `rotate(${Number(this.rotate)}deg)`,\n      }\n    },\n\n    viewBoxSize (): number {\n      return this.radius / (1 - Number(this.width) / +this.size)\n    },\n  },\n\n  methods: {\n    genCircle (name: string, offset: string | number): VNode {\n      return h('circle', {\n        class: `v-progress-circular__${name}`,\n        fill: 'transparent',\n        cx: 2 * this.viewBoxSize,\n        cy: 2 * this.viewBoxSize,\n        r: this.radius,\n        'stroke-width': this.strokeWidth,\n        'stroke-dasharray': this.strokeDashArray,\n        'stroke-dashoffset': offset,\n      })\n    },\n    genSvg (): VNode {\n      const children = [\n        this.indeterminate || this.genCircle('underlay', 0),\n        this.genCircle('overlay', this.strokeDashOffset),\n      ] as VNodeChild[]\n\n      return h('svg', {\n        style: this.svgStyles,\n        xmlns: 'http://www.w3.org/2000/svg',\n        viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`,\n      }, children)\n    },\n    genInfo (): VNode {\n      return h('div', {\n        class: 'v-progress-circular__info',\n      }, getSlot(this))\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n  },\n\n  render (): VNode {\n    return withDirectives(h('div', this.setTextColor(this.color, {\n      class: ['v-progress-circular', this.classes],\n      role: 'progressbar',\n      'aria-valuemin': 0,\n      'aria-valuemax': 100,\n      'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      style: this.styles,\n      ...this.$listeners,\n    }), [\n      this.genSvg(),\n      this.genInfo(),\n    ]), [\n      [\n        Intersect,\n        this.onObserve\n      ]\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VProgressCircular.js"}

package/es5/components/VProgressCircular/index.js

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

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

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

package/es5/components/VProgressLinear/VProgressLinear.js

@@ -0,0 +1,267 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VProgressLinear/VProgressLinear.sass");
+
+var _transitions = require("../transitions");
+
+var _intersect = require("../../directives/intersect");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _positionable = require("../../mixins/positionable");
+
+var _proxyable = require("../../mixins/proxyable");
+
+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)(_colorable.default, (0, _positionable.factory)(['absolute', 'fixed', 'top', 'bottom']), (0, _proxyable.factory)('modelValue', 'update:modelValue'), _themeable.default);
+/* @vue/component */
+
+var _default2 = baseMixins.extend({
+  name: 'v-progress-linear',
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    backgroundColor: {
+      type: String,
+      default: null
+    },
+    backgroundOpacity: {
+      type: [Number, String],
+      default: null
+    },
+    bufferValue: {
+      type: [Number, String],
+      default: 100
+    },
+    color: {
+      type: String,
+      default: 'primary'
+    },
+    height: {
+      type: [Number, String],
+      default: 4
+    },
+    indeterminate: Boolean,
+    modelValue: {
+      type: [Number, String],
+      default: 0
+    },
+    query: Boolean,
+    reverse: Boolean,
+    rounded: Boolean,
+    stream: Boolean,
+    striped: Boolean,
+    // Оставляем value для обратной совместимости
+    value: {
+      type: [Number, String],
+      default: 0
+    },
+    // События как пропсы для определения реактивности
+    onChange: Function,
+    onUpdateModelValue: Function
+  },
+  emits: ['update:modelValue', 'change', 'click'],
+  data: function data() {
+    return {
+      internalLazyValue: this.modelValue || this.value || 0,
+      isVisible: true
+    };
+  },
+  computed: {
+    __cachedBackground: function __cachedBackground() {
+      return (0, _vue.h)('div', this.setBackgroundColor(this.backgroundColor || this.color, {
+        class: 'v-progress-linear__background',
+        style: this.backgroundStyle
+      }));
+    },
+    __cachedBar: function __cachedBar() {
+      var _this = this;
+
+      return (0, _vue.h)(this.computedTransition, {}, {
+        default: function _default() {
+          return [_this.__cachedBarType];
+        }
+      });
+    },
+    __cachedBarType: function __cachedBarType() {
+      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate;
+    },
+    __cachedBuffer: function __cachedBuffer() {
+      return (0, _vue.h)('div', {
+        class: 'v-progress-linear__buffer',
+        style: this.styles
+      });
+    },
+    __cachedDeterminate: function __cachedDeterminate() {
+      return (0, _vue.h)('div', this.setBackgroundColor(this.color, {
+        class: "v-progress-linear__determinate",
+        style: {
+          width: (0, _helpers.convertToUnit)(this.normalizedValue, '%')
+        }
+      }));
+    },
+    __cachedIndeterminate: function __cachedIndeterminate() {
+      return (0, _vue.h)('div', {
+        class: ['v-progress-linear__indeterminate', {
+          'v-progress-linear__indeterminate--active': this.active
+        }]
+      }, [this.genProgressBar('long'), this.genProgressBar('short')]);
+    },
+    __cachedStream: function __cachedStream() {
+      if (!this.stream) return null;
+      return (0, _vue.h)('div', this.setTextColor(this.color, {
+        class: 'v-progress-linear__stream',
+        style: {
+          width: (0, _helpers.convertToUnit)(100 - this.normalizedBuffer, '%')
+        }
+      }));
+    },
+    backgroundStyle: function backgroundStyle() {
+      var _ref;
+
+      var backgroundOpacity = this.backgroundOpacity == null ? this.backgroundColor ? 1 : 0.3 : parseFloat(this.backgroundOpacity);
+      return _ref = {
+        opacity: backgroundOpacity
+      }, _defineProperty(_ref, this.isReversed ? 'right' : 'left', (0, _helpers.convertToUnit)(this.normalizedValue, '%')), _defineProperty(_ref, "width", (0, _helpers.convertToUnit)(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%')), _ref;
+    },
+    classes: function classes() {
+      return _objectSpread({
+        'v-progress-linear--absolute': this.absolute,
+        'v-progress-linear--fixed': this.fixed,
+        'v-progress-linear--query': this.query,
+        'v-progress-linear--reactive': this.reactive,
+        'v-progress-linear--reverse': this.isReversed,
+        'v-progress-linear--rounded': this.rounded,
+        'v-progress-linear--striped': this.striped,
+        'v-progress-linear--visible': this.isVisible
+      }, this.themeClasses);
+    },
+    computedTransition: function computedTransition() {
+      return this.indeterminate ? _transitions.VFadeTransition : _transitions.VSlideXTransition;
+    },
+    isReversed: function isReversed() {
+      return this.$vuetify.rtl !== this.reverse;
+    },
+    normalizedBuffer: function normalizedBuffer() {
+      return this.normalize(this.bufferValue);
+    },
+    normalizedValue: function normalizedValue() {
+      return this.normalize(this.internalLazyValue);
+    },
+    reactive: function reactive() {
+      return Boolean(this.onChange) || Boolean(this.onUpdateModelValue) || Boolean(this.$attrs.onChange) || Boolean(this.$attrs['onUpdate:modelValue']);
+    },
+    styles: function styles() {
+      var styles = {};
+
+      if (!this.active) {
+        styles.height = 0;
+      }
+
+      if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {
+        styles.width = (0, _helpers.convertToUnit)(this.normalizedBuffer, '%');
+      }
+
+      return styles;
+    }
+  },
+  watch: {
+    modelValue: function modelValue(val) {
+      this.internalLazyValue = val;
+    },
+    value: function value(val) {
+      this.internalLazyValue = val;
+    }
+  },
+  methods: {
+    genContent: function genContent() {
+      var slot = (0, _helpers.getSlot)(this, 'default', {
+        value: this.internalLazyValue
+      });
+      if (!slot) return null;
+      return (0, _vue.h)('div', {
+        class: 'v-progress-linear__content'
+      }, {
+        default: function _default() {
+          return slot;
+        }
+      });
+    },
+    genListeners: function genListeners() {
+      var listeners = this.$listeners || {};
+
+      if (this.reactive) {
+        listeners.onClick = this.onClick;
+      }
+
+      return listeners;
+    },
+    genProgressBar: function genProgressBar(name) {
+      return (0, _vue.h)('div', this.setBackgroundColor(this.color, {
+        class: ['v-progress-linear__indeterminate', _defineProperty({}, name, true)]
+      }));
+    },
+    onClick: function onClick(e) {
+      if (!this.reactive) return;
+
+      var _this$$el$getBounding = this.$el.getBoundingClientRect(),
+          width = _this$$el$getBounding.width;
+
+      var newValue = e.offsetX / width * 100;
+      this.internalLazyValue = newValue;
+      this.$emit('update:modelValue', newValue);
+      this.$emit('change', newValue);
+      this.$emit('click', e);
+    },
+    onObserve: function onObserve(entries, observer, isIntersecting) {
+      this.isVisible = isIntersecting;
+    },
+    normalize: function normalize(value) {
+      var numValue = typeof value === 'string' ? parseFloat(value) : value;
+      if (numValue < 0) return 0;
+      if (numValue > 100) return 100;
+      return numValue;
+    }
+  },
+  render: function render() {
+    var data = _objectSpread({
+      class: ['v-progress-linear', this.classes],
+      role: 'progressbar',
+      'aria-valuemin': 0,
+      'aria-valuemax': this.normalizedBuffer,
+      'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,
+      style: {
+        bottom: this.bottom ? 0 : undefined,
+        height: this.active ? (0, _helpers.convertToUnit)(this.height) : 0,
+        top: this.top ? 0 : undefined
+      }
+    }, this.genListeners());
+
+    return (0, _vue.withDirectives)((0, _vue.h)('div', data, [this.__cachedStream, this.__cachedBackground, this.__cachedBuffer, this.__cachedBar, this.genContent()]), [[_intersect.Intersect, this.onObserve]]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VProgressLinear.js.map

package/es5/components/VProgressLinear/VProgressLinear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VProgressLinear/VProgressLinear.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, withDirectives } from 'vue'\nimport './VProgressLinear.sass'\n\n// Components\nimport {\n  VFadeTransition,\n  VSlideXTransition,\n} from '../transitions'\n\n// Directives\nimport intersect, { Intersect } from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport { factory as ProxyableFactory } from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  Colorable,\n  PositionableFactory(['absolute', 'fixed', 'top', 'bottom']),\n  ProxyableFactory('modelValue', 'update:modelValue'),\n  Themeable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-progress-linear',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    backgroundColor: {\n      type: String,\n      default: null,\n    },\n    backgroundOpacity: {\n      type: [Number, String],\n      default: null,\n    },\n    bufferValue: {\n      type: [Number, String],\n      default: 100,\n    },\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    query: Boolean,\n    reverse: Boolean,\n    rounded: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    // Оставляем value для обратной совместимости\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n    // События как пропсы для определения реактивности\n    onChange: Function,\n    onUpdateModelValue: Function,\n  },\n\n  emits: ['update:modelValue', 'change', 'click'],\n\n  data () {\n    return {\n      internalLazyValue: this.modelValue || this.value || 0,\n      isVisible: true,\n    }\n  },\n\n  computed: {\n    __cachedBackground (): VNode {\n      return h('div', this.setBackgroundColor(this.backgroundColor || this.color, {\n        class: 'v-progress-linear__background',\n        style: this.backgroundStyle,\n      }))\n    },\n    __cachedBar (): VNode {\n      return h(this.computedTransition, {}, {\n        default: () => [this.__cachedBarType],\n      })\n    },\n    __cachedBarType (): VNode {\n      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate\n    },\n    __cachedBuffer (): VNode {\n      return h('div', {\n        class: 'v-progress-linear__buffer',\n        style: this.styles,\n      })\n    },\n    __cachedDeterminate (): VNode {\n      return h('div', this.setBackgroundColor(this.color, {\n        class: `v-progress-linear__determinate`,\n        style: {\n          width: convertToUnit(this.normalizedValue, '%'),\n        },\n      }))\n    },\n    __cachedIndeterminate (): VNode {\n      return h('div', {\n        class: ['v-progress-linear__indeterminate',\n          {\n            'v-progress-linear__indeterminate--active': this.active,\n          },\n        ],\n      }, [\n        this.genProgressBar('long'),\n        this.genProgressBar('short'),\n      ])\n    },\n    __cachedStream (): VNode | null {\n      if (!this.stream) return null\n\n      return h('div', this.setTextColor(this.color, {\n        class: 'v-progress-linear__stream',\n        style: {\n          width: convertToUnit(100 - this.normalizedBuffer, '%'),\n        },\n      }))\n    },\n    backgroundStyle (): object {\n      const backgroundOpacity = this.backgroundOpacity == null\n        ? (this.backgroundColor ? 1 : 0.3)\n        : parseFloat(this.backgroundOpacity)\n\n      return {\n        opacity: backgroundOpacity,\n        [this.isReversed ? 'right' : 'left']: convertToUnit(this.normalizedValue, '%'),\n        width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%'),\n      }\n    },\n    classes (): object {\n      return {\n        'v-progress-linear--absolute': this.absolute,\n        'v-progress-linear--fixed': this.fixed,\n        'v-progress-linear--query': this.query,\n        'v-progress-linear--reactive': this.reactive,\n        'v-progress-linear--reverse': this.isReversed,\n        'v-progress-linear--rounded': this.rounded,\n        'v-progress-linear--striped': this.striped,\n        'v-progress-linear--visible': this.isVisible,\n        ...this.themeClasses,\n      }\n    },\n    computedTransition (): any {\n      return this.indeterminate ? VFadeTransition : VSlideXTransition\n    },\n    isReversed (): boolean {\n      return this.$vuetify.rtl !== this.reverse\n    },\n    normalizedBuffer (): number {\n      return this.normalize(this.bufferValue)\n    },\n    normalizedValue (): number {\n      return this.normalize(this.internalLazyValue)\n    },\n    reactive (): boolean {\n      return Boolean(this.onChange) || Boolean(this.onUpdateModelValue) ||\n             Boolean(this.$attrs.onChange) || Boolean(this.$attrs['onUpdate:modelValue'])\n    },\n    styles (): object {\n      const styles: Record<string, any> = {}\n\n      if (!this.active) {\n        styles.height = 0\n      }\n\n      if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {\n        styles.width = convertToUnit(this.normalizedBuffer, '%')\n      }\n\n      return styles\n    },\n  },\n\n  watch: {\n    modelValue (val) {\n      this.internalLazyValue = val\n    },\n    value (val) {\n      this.internalLazyValue = val\n    },\n  },\n\n  methods: {\n    genContent () {\n      const slot = getSlot(this, 'default', { value: this.internalLazyValue })\n\n      if (!slot) return null\n\n      return h(\n        'div',\n        {\n          class: 'v-progress-linear__content',\n        },\n        {\n          default: () => slot,\n        }\n      )\n    },\n    genListeners (): any {\n      const listeners = this.$listeners || {}\n\n      if (this.reactive) {\n        listeners.onClick = this.onClick\n      }\n\n      return listeners\n    },\n    genProgressBar (name: 'long' | 'short'): VNode {\n      return h('div', this.setBackgroundColor(this.color, {\n        class: ['v-progress-linear__indeterminate',\n          {\n            [name]: true,\n          },\n        ],\n      }))\n    },\n    onClick (e: MouseEvent) {\n      if (!this.reactive) return\n\n      const { width } = this.$el.getBoundingClientRect()\n\n      const newValue = e.offsetX / width * 100\n      this.internalLazyValue = newValue\n\n      this.$emit('update:modelValue', newValue)\n      this.$emit('change', newValue)\n      this.$emit('click', e)\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n    normalize (value: string | number): number {\n      const numValue = typeof value === 'string' ? parseFloat(value) : value\n      if (numValue < 0) return 0\n      if (numValue > 100) return 100\n      return numValue\n    },\n  },\n\n  render (): VNode {\n    const data = {\n      class: ['v-progress-linear', this.classes],\n      role: 'progressbar',\n      'aria-valuemin': 0,\n      'aria-valuemax': this.normalizedBuffer,\n      'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      style: {\n        bottom: this.bottom ? 0 : undefined,\n        height: this.active ? convertToUnit(this.height) : 0,\n        top: this.top ? 0 : undefined,\n      },\n      ...this.genListeners(),\n    }\n\n    return withDirectives(h('div', data, [\n      this.__cachedStream,\n      this.__cachedBackground,\n      this.__cachedBuffer,\n      this.__cachedBar,\n      this.genContent(),\n    ]), [\n      [\n        Intersect,\n        this.onObserve,\n      ],\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VProgressLinear.js"}

package/es5/components/VProgressLinear/index.js

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

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

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