@kokoccc/vuetify 1.0.2 → 1.0.3

package/lib/components/VProgressCircular/index.js

@@ -0,0 +1,4 @@
+import VProgressCircular from './VProgressCircular';
+export { VProgressCircular };
+export default VProgressCircular;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VProgressCircular/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAP,MAA8B,qBAA9B;AAEA,SAAS,iBAAT;AACA,eAAe,iBAAf","sourcesContent":["import VProgressCircular from './VProgressCircular'\n\nexport { VProgressCircular }\nexport default VProgressCircular\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VProgressLinear/VProgressLinear.js

@@ -0,0 +1,267 @@
+import { h, withDirectives } from 'vue';
+import "../../../src/components/VProgressLinear/VProgressLinear.sass"; // Components
+
+import { VFadeTransition, VSlideXTransition } from '../transitions'; // Directives
+
+import { Intersect } from '../../directives/intersect'; // Mixins
+
+import Colorable from '../../mixins/colorable';
+import { factory as PositionableFactory } from '../../mixins/positionable';
+import { factory as ProxyableFactory } from '../../mixins/proxyable';
+import Themeable from '../../mixins/themeable'; // Utilities
+
+import { convertToUnit, getSlot } from '../../util/helpers';
+import mixins from '../../util/mixins';
+const baseMixins = mixins(Colorable, PositionableFactory(['absolute', 'fixed', 'top', 'bottom']), ProxyableFactory('modelValue', 'update:modelValue'), Themeable);
+/* @vue/component */
+
+export default 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() {
+    return {
+      internalLazyValue: this.modelValue || this.value || 0,
+      isVisible: true
+    };
+  },
+
+  computed: {
+    __cachedBackground() {
+      return h('div', this.setBackgroundColor(this.backgroundColor || this.color, {
+        class: 'v-progress-linear__background',
+        style: this.backgroundStyle
+      }));
+    },
+
+    __cachedBar() {
+      return h(this.computedTransition, {}, {
+        default: () => [this.__cachedBarType]
+      });
+    },
+
+    __cachedBarType() {
+      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate;
+    },
+
+    __cachedBuffer() {
+      return h('div', {
+        class: 'v-progress-linear__buffer',
+        style: this.styles
+      });
+    },
+
+    __cachedDeterminate() {
+      return h('div', this.setBackgroundColor(this.color, {
+        class: `v-progress-linear__determinate`,
+        style: {
+          width: convertToUnit(this.normalizedValue, '%')
+        }
+      }));
+    },
+
+    __cachedIndeterminate() {
+      return h('div', {
+        class: ['v-progress-linear__indeterminate', {
+          'v-progress-linear__indeterminate--active': this.active
+        }]
+      }, [this.genProgressBar('long'), this.genProgressBar('short')]);
+    },
+
+    __cachedStream() {
+      if (!this.stream) return null;
+      return h('div', this.setTextColor(this.color, {
+        class: 'v-progress-linear__stream',
+        style: {
+          width: convertToUnit(100 - this.normalizedBuffer, '%')
+        }
+      }));
+    },
+
+    backgroundStyle() {
+      const backgroundOpacity = this.backgroundOpacity == null ? this.backgroundColor ? 1 : 0.3 : parseFloat(this.backgroundOpacity);
+      return {
+        opacity: backgroundOpacity,
+        [this.isReversed ? 'right' : 'left']: convertToUnit(this.normalizedValue, '%'),
+        width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%')
+      };
+    },
+
+    classes() {
+      return {
+        '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() {
+      return this.indeterminate ? VFadeTransition : VSlideXTransition;
+    },
+
+    isReversed() {
+      return this.$vuetify.rtl !== this.reverse;
+    },
+
+    normalizedBuffer() {
+      return this.normalize(this.bufferValue);
+    },
+
+    normalizedValue() {
+      return this.normalize(this.internalLazyValue);
+    },
+
+    reactive() {
+      return Boolean(this.onChange) || Boolean(this.onUpdateModelValue) || Boolean(this.$attrs.onChange) || Boolean(this.$attrs['onUpdate:modelValue']);
+    },
+
+    styles() {
+      const styles = {};
+
+      if (!this.active) {
+        styles.height = 0;
+      }
+
+      if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {
+        styles.width = convertToUnit(this.normalizedBuffer, '%');
+      }
+
+      return styles;
+    }
+
+  },
+  watch: {
+    modelValue(val) {
+      this.internalLazyValue = val;
+    },
+
+    value(val) {
+      this.internalLazyValue = val;
+    }
+
+  },
+  methods: {
+    genContent() {
+      const slot = getSlot(this, 'default', {
+        value: this.internalLazyValue
+      });
+      if (!slot) return null;
+      return h('div', {
+        class: 'v-progress-linear__content'
+      }, {
+        default: () => slot
+      });
+    },
+
+    genListeners() {
+      const listeners = this.$listeners || {};
+
+      if (this.reactive) {
+        listeners.onClick = this.onClick;
+      }
+
+      return listeners;
+    },
+
+    genProgressBar(name) {
+      return h('div', this.setBackgroundColor(this.color, {
+        class: ['v-progress-linear__indeterminate', {
+          [name]: true
+        }]
+      }));
+    },
+
+    onClick(e) {
+      if (!this.reactive) return;
+      const {
+        width
+      } = this.$el.getBoundingClientRect();
+      const newValue = e.offsetX / width * 100;
+      this.internalLazyValue = newValue;
+      this.$emit('update:modelValue', newValue);
+      this.$emit('change', newValue);
+      this.$emit('click', e);
+    },
+
+    onObserve(entries, observer, isIntersecting) {
+      this.isVisible = isIntersecting;
+    },
+
+    normalize(value) {
+      const numValue = typeof value === 'string' ? parseFloat(value) : value;
+      if (numValue < 0) return 0;
+      if (numValue > 100) return 100;
+      return numValue;
+    }
+
+  },
+
+  render() {
+    const data = {
+      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 ? convertToUnit(this.height) : 0,
+        top: this.top ? 0 : undefined
+      },
+      ...this.genListeners()
+    };
+    return withDirectives(h('div', data, [this.__cachedStream, this.__cachedBackground, this.__cachedBuffer, this.__cachedBar, this.genContent()]), [[Intersect, this.onObserve]]);
+  }
+
+});
+//# sourceMappingURL=VProgressLinear.js.map

package/lib/components/VProgressLinear/VProgressLinear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VProgressLinear/VProgressLinear.ts"],"names":[],"mappings":"AAAA,SAAS,CAAT,EAAY,cAAZ,QAAkC,KAAlC;AACA,OAAO,8DAAP,C,CAEA;;AACA,SACE,eADF,EAEE,iBAFF,QAGO,gBAHP,C,CAKA;;AACA,SAAoB,SAApB,QAAqC,4BAArC,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,SAAS,OAAO,IAAI,mBAApB,QAA+C,2BAA/C;AACA,SAAS,OAAO,IAAI,gBAApB,QAA4C,wBAA5C;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,SAAS,aAAT,EAAwB,OAAxB,QAAuC,oBAAvC;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA,MAAM,UAAU,GAAG,MAAM,CACvB,SADuB,EAEvB,mBAAmB,CAAC,CAAC,UAAD,EAAa,OAAb,EAAsB,KAAtB,EAA6B,QAA7B,CAAD,CAFI,EAGvB,gBAAgB,CAAC,YAAD,EAAe,mBAAf,CAHO,EAIvB,SAJuB,CAAzB;AAOA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,mBADyB;AAG/B,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,OADA;AAEN,MAAA,OAAO,EAAE;AAFH,KADH;AAKL,IAAA,eAAe,EAAE;AACf,MAAA,IAAI,EAAE,MADS;AAEf,MAAA,OAAO,EAAE;AAFM,KALZ;AASL,IAAA,iBAAiB,EAAE;AACjB,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADW;AAEjB,MAAA,OAAO,EAAE;AAFQ,KATd;AAaL,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADK;AAEX,MAAA,OAAO,EAAE;AAFE,KAbR;AAiBL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KAjBF;AAqBL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,MAAA,OAAO,EAAE;AAFH,KArBH;AAyBL,IAAA,aAAa,EAAE,OAzBV;AA0BL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADI;AAEV,MAAA,OAAO,EAAE;AAFC,KA1BP;AA8BL,IAAA,KAAK,EAAE,OA9BF;AA+BL,IAAA,OAAO,EAAE,OA/BJ;AAgCL,IAAA,OAAO,EAAE,OAhCJ;AAiCL,IAAA,MAAM,EAAE,OAjCH;AAkCL,IAAA,OAAO,EAAE,OAlCJ;AAmCL;AACA,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ,KApCF;AAwCL;AACA,IAAA,QAAQ,EAAE,QAzCL;AA0CL,IAAA,kBAAkB,EAAE;AA1Cf,GAHwB;AAgD/B,EAAA,KAAK,EAAE,CAAC,mBAAD,EAAsB,QAAtB,EAAgC,OAAhC,CAhDwB;;AAkD/B,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,iBAAiB,EAAE,KAAK,UAAL,IAAmB,KAAK,KAAxB,IAAiC,CAD/C;AAEL,MAAA,SAAS,EAAE;AAFN,KAAP;AAID,GAvD8B;;AAyD/B,EAAA,QAAQ,EAAE;AACR,IAAA,kBAAkB,GAAA;AAChB,aAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,eAAL,IAAwB,KAAK,KAArD,EAA4D;AAC1E,QAAA,KAAK,EAAE,+BADmE;AAE1E,QAAA,KAAK,EAAE,KAAK;AAF8D,OAA5D,CAAR,CAAR;AAID,KANO;;AAOR,IAAA,WAAW,GAAA;AACT,aAAO,CAAC,CAAC,KAAK,kBAAN,EAA0B,EAA1B,EAA8B;AACpC,QAAA,OAAO,EAAE,MAAM,CAAC,KAAK,eAAN;AADqB,OAA9B,CAAR;AAGD,KAXO;;AAYR,IAAA,eAAe,GAAA;AACb,aAAO,KAAK,aAAL,GAAqB,KAAK,qBAA1B,GAAkD,KAAK,mBAA9D;AACD,KAdO;;AAeR,IAAA,cAAc,GAAA;AACZ,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,2BADO;AAEd,QAAA,KAAK,EAAE,KAAK;AAFE,OAAR,CAAR;AAID,KApBO;;AAqBR,IAAA,mBAAmB,GAAA;AACjB,aAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAClD,QAAA,KAAK,EAAE,gCAD2C;AAElD,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE,aAAa,CAAC,KAAK,eAAN,EAAuB,GAAvB;AADf;AAF2C,OAApC,CAAR,CAAR;AAMD,KA5BO;;AA6BR,IAAA,qBAAqB,GAAA;AACnB,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,CAAC,kCAAD,EACL;AACE,sDAA4C,KAAK;AADnD,SADK;AADO,OAAR,EAML,CACD,KAAK,cAAL,CAAoB,MAApB,CADC,EAED,KAAK,cAAL,CAAoB,OAApB,CAFC,CANK,CAAR;AAUD,KAxCO;;AAyCR,IAAA,cAAc,GAAA;AACZ,UAAI,CAAC,KAAK,MAAV,EAAkB,OAAO,IAAP;AAElB,aAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B;AAC5C,QAAA,KAAK,EAAE,2BADqC;AAE5C,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAE,aAAa,CAAC,MAAM,KAAK,gBAAZ,EAA8B,GAA9B;AADf;AAFqC,OAA9B,CAAR,CAAR;AAMD,KAlDO;;AAmDR,IAAA,eAAe,GAAA;AACb,YAAM,iBAAiB,GAAG,KAAK,iBAAL,IAA0B,IAA1B,GACrB,KAAK,eAAL,GAAuB,CAAvB,GAA2B,GADN,GAEtB,UAAU,CAAC,KAAK,iBAAN,CAFd;AAIA,aAAO;AACL,QAAA,OAAO,EAAE,iBADJ;AAEL,SAAC,KAAK,UAAL,GAAkB,OAAlB,GAA4B,MAA7B,GAAsC,aAAa,CAAC,KAAK,eAAN,EAAuB,GAAvB,CAF9C;AAGL,QAAA,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAL,CAAS,CAAT,EAAY,KAAK,gBAAL,GAAwB,KAAK,eAAzC,CAAD,EAA4D,GAA5D;AAHf,OAAP;AAKD,KA7DO;;AA8DR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,uCAA+B,KAAK,QAD/B;AAEL,oCAA4B,KAAK,KAF5B;AAGL,oCAA4B,KAAK,KAH5B;AAIL,uCAA+B,KAAK,QAJ/B;AAKL,sCAA8B,KAAK,UAL9B;AAML,sCAA8B,KAAK,OAN9B;AAOL,sCAA8B,KAAK,OAP9B;AAQL,sCAA8B,KAAK,SAR9B;AASL,WAAG,KAAK;AATH,OAAP;AAWD,KA1EO;;AA2ER,IAAA,kBAAkB,GAAA;AAChB,aAAO,KAAK,aAAL,GAAqB,eAArB,GAAuC,iBAA9C;AACD,KA7EO;;AA8ER,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,QAAL,CAAc,GAAd,KAAsB,KAAK,OAAlC;AACD,KAhFO;;AAiFR,IAAA,gBAAgB,GAAA;AACd,aAAO,KAAK,SAAL,CAAe,KAAK,WAApB,CAAP;AACD,KAnFO;;AAoFR,IAAA,eAAe,GAAA;AACb,aAAO,KAAK,SAAL,CAAe,KAAK,iBAApB,CAAP;AACD,KAtFO;;AAuFR,IAAA,QAAQ,GAAA;AACN,aAAO,OAAO,CAAC,KAAK,QAAN,CAAP,IAA0B,OAAO,CAAC,KAAK,kBAAN,CAAjC,IACA,OAAO,CAAC,KAAK,MAAL,CAAY,QAAb,CADP,IACiC,OAAO,CAAC,KAAK,MAAL,CAAY,qBAAZ,CAAD,CAD/C;AAED,KA1FO;;AA2FR,IAAA,MAAM,GAAA;AACJ,YAAM,MAAM,GAAwB,EAApC;;AAEA,UAAI,CAAC,KAAK,MAAV,EAAkB;AAChB,QAAA,MAAM,CAAC,MAAP,GAAgB,CAAhB;AACD;;AAED,UAAI,CAAC,KAAK,aAAN,IAAuB,UAAU,CAAC,KAAK,gBAAN,CAAV,KAAsC,GAAjE,EAAsE;AACpE,QAAA,MAAM,CAAC,KAAP,GAAe,aAAa,CAAC,KAAK,gBAAN,EAAwB,GAAxB,CAA5B;AACD;;AAED,aAAO,MAAP;AACD;;AAvGO,GAzDqB;AAmK/B,EAAA,KAAK,EAAE;AACL,IAAA,UAAU,CAAE,GAAF,EAAK;AACb,WAAK,iBAAL,GAAyB,GAAzB;AACD,KAHI;;AAIL,IAAA,KAAK,CAAE,GAAF,EAAK;AACR,WAAK,iBAAL,GAAyB,GAAzB;AACD;;AANI,GAnKwB;AA4K/B,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,YAAM,IAAI,GAAG,OAAO,CAAC,IAAD,EAAO,SAAP,EAAkB;AAAE,QAAA,KAAK,EAAE,KAAK;AAAd,OAAlB,CAApB;AAEA,UAAI,CAAC,IAAL,EAAW,OAAO,IAAP;AAEX,aAAO,CAAC,CACN,KADM,EAEN;AACE,QAAA,KAAK,EAAE;AADT,OAFM,EAKN;AACE,QAAA,OAAO,EAAE,MAAM;AADjB,OALM,CAAR;AASD,KAfM;;AAgBP,IAAA,YAAY,GAAA;AACV,YAAM,SAAS,GAAG,KAAK,UAAL,IAAmB,EAArC;;AAEA,UAAI,KAAK,QAAT,EAAmB;AACjB,QAAA,SAAS,CAAC,OAAV,GAAoB,KAAK,OAAzB;AACD;;AAED,aAAO,SAAP;AACD,KAxBM;;AAyBP,IAAA,cAAc,CAAE,IAAF,EAAwB;AACpC,aAAO,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAClD,QAAA,KAAK,EAAE,CAAC,kCAAD,EACL;AACE,WAAC,IAAD,GAAQ;AADV,SADK;AAD2C,OAApC,CAAR,CAAR;AAOD,KAjCM;;AAkCP,IAAA,OAAO,CAAE,CAAF,EAAe;AACpB,UAAI,CAAC,KAAK,QAAV,EAAoB;AAEpB,YAAM;AAAE,QAAA;AAAF,UAAY,KAAK,GAAL,CAAS,qBAAT,EAAlB;AAEA,YAAM,QAAQ,GAAG,CAAC,CAAC,OAAF,GAAY,KAAZ,GAAoB,GAArC;AACA,WAAK,iBAAL,GAAyB,QAAzB;AAEA,WAAK,KAAL,CAAW,mBAAX,EAAgC,QAAhC;AACA,WAAK,KAAL,CAAW,QAAX,EAAqB,QAArB;AACA,WAAK,KAAL,CAAW,OAAX,EAAoB,CAApB;AACD,KA7CM;;AA8CP,IAAA,SAAS,CAAE,OAAF,EAAwC,QAAxC,EAAwE,cAAxE,EAA+F;AACtG,WAAK,SAAL,GAAiB,cAAjB;AACD,KAhDM;;AAiDP,IAAA,SAAS,CAAE,KAAF,EAAwB;AAC/B,YAAM,QAAQ,GAAG,OAAO,KAAP,KAAiB,QAAjB,GAA4B,UAAU,CAAC,KAAD,CAAtC,GAAgD,KAAjE;AACA,UAAI,QAAQ,GAAG,CAAf,EAAkB,OAAO,CAAP;AAClB,UAAI,QAAQ,GAAG,GAAf,EAAoB,OAAO,GAAP;AACpB,aAAO,QAAP;AACD;;AAtDM,GA5KsB;;AAqO/B,EAAA,MAAM,GAAA;AACJ,UAAM,IAAI,GAAG;AACX,MAAA,KAAK,EAAE,CAAC,mBAAD,EAAsB,KAAK,OAA3B,CADI;AAEX,MAAA,IAAI,EAAE,aAFK;AAGX,uBAAiB,CAHN;AAIX,uBAAiB,KAAK,gBAJX;AAKX,uBAAiB,KAAK,aAAL,GAAqB,SAArB,GAAiC,KAAK,eAL5C;AAMX,MAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,KAAK,MAAL,GAAc,CAAd,GAAkB,SADrB;AAEL,QAAA,MAAM,EAAE,KAAK,MAAL,GAAc,aAAa,CAAC,KAAK,MAAN,CAA3B,GAA2C,CAF9C;AAGL,QAAA,GAAG,EAAE,KAAK,GAAL,GAAW,CAAX,GAAe;AAHf,OANI;AAWX,SAAG,KAAK,YAAL;AAXQ,KAAb;AAcA,WAAO,cAAc,CAAC,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,CACnC,KAAK,cAD8B,EAEnC,KAAK,kBAF8B,EAGnC,KAAK,cAH8B,EAInC,KAAK,WAJ8B,EAKnC,KAAK,UAAL,EALmC,CAAd,CAAF,EAMjB,CACF,CACE,SADF,EAEE,KAAK,SAFP,CADE,CANiB,CAArB;AAYD;;AAhQ8B,CAAlB,CAAf","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/lib/components/VProgressLinear/index.js

@@ -0,0 +1,4 @@
+import VProgressLinear from './VProgressLinear';
+export { VProgressLinear };
+export default VProgressLinear;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VProgressLinear/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAP,MAA4B,mBAA5B;AAEA,SAAS,eAAT;AACA,eAAe,eAAf","sourcesContent":["import VProgressLinear from './VProgressLinear'\n\nexport { VProgressLinear }\nexport default VProgressLinear\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/VRadioGroup/VRadio.js

@@ -0,0 +1,176 @@
+import { h } from 'vue'; // Styles
+
+import "../../../src/components/VRadioGroup/VRadio.sass";
+import VLabel from '../VLabel';
+import VIcon from '../VIcon';
+import VInput from '../VInput'; // Mixins
+
+import BindsAttrs from '../../mixins/binds-attrs';
+import Colorable from '../../mixins/colorable';
+import { factory as GroupableFactory } from '../../mixins/groupable';
+import Rippleable from '../../mixins/rippleable';
+import Themeable from '../../mixins/themeable';
+import Selectable, { prevent } from '../../mixins/selectable'; // Utilities
+
+import { getSlot } from '../../util/helpers';
+import mixins from '../../util/mixins';
+import { mergeListeners } from '../../util/mergeData';
+const baseMixins = mixins(BindsAttrs, Colorable, Rippleable, GroupableFactory('radioGroup'), Themeable);
+/* @vue/component */
+
+export default baseMixins.extend({
+  name: 'v-radio',
+  inheritAttrs: false,
+  emits: ['change', 'focus', 'blur'],
+  props: {
+    disabled: {
+      type: Boolean,
+      default: null
+    },
+    id: String,
+    label: String,
+    name: String,
+    offIcon: {
+      type: String,
+      default: '$radioOff'
+    },
+    onIcon: {
+      type: String,
+      default: '$radioOn'
+    },
+    readonly: {
+      type: Boolean,
+      default: null
+    },
+    value: {
+      default: null
+    }
+  },
+  data: () => ({
+    isFocused: false
+  }),
+  computed: {
+    classes() {
+      return {
+        'v-radio--is-disabled': this.isDisabled,
+        'v-radio--is-focused': this.isFocused,
+        ...this.themeClasses,
+        ...this.groupClasses
+      };
+    },
+
+    computedColor() {
+      if (this.isDisabled) return undefined;
+      return Selectable.computed.computedColor.call(this);
+    },
+
+    computedIcon() {
+      return this.isActive ? this.onIcon : this.offIcon;
+    },
+
+    computedId() {
+      return VInput.computed.computedId.call(this);
+    },
+
+    hasLabel: VInput.computed.hasLabel,
+
+    hasState() {
+      return (this.radioGroup || {}).hasState;
+    },
+
+    isDisabled() {
+      var _a;
+
+      return (_a = this.disabled) !== null && _a !== void 0 ? _a : !!this.radioGroup && this.radioGroup.isDisabled;
+    },
+
+    isReadonly() {
+      var _a;
+
+      return (_a = this.readonly) !== null && _a !== void 0 ? _a : !!this.radioGroup && this.radioGroup.isReadonly;
+    },
+
+    computedName() {
+      if (this.name || !this.radioGroup) {
+        return this.name;
+      }
+
+      return this.radioGroup.name || `radio-${this.radioGroup.$.uid}`;
+    },
+
+    rippleState() {
+      return Selectable.computed.rippleState.call(this);
+    },
+
+    validationState() {
+      return (this.radioGroup || {}).validationState || this.computedColor;
+    }
+
+  },
+  methods: {
+    genInput(args) {
+      // We can't actually use the mixin directly because
+      // it's made for standalone components, but its
+      // genInput method is exactly what we need
+      return Selectable.methods.genInput.call(this, 'radio', args);
+    },
+
+    genLabel() {
+      if (!this.hasLabel) return null;
+      return h(VLabel, {
+        // Label shouldn't cause the input to focus
+        onClick: prevent,
+        for: this.computedId,
+        color: this.validationState,
+        focused: this.hasState
+      }, () => getSlot(this, 'label') || this.label);
+    },
+
+    genRadio() {
+      const {
+        title,
+        ...radioAttrs
+      } = this.attrs$;
+      return h('div', {
+        class: 'v-input--selection-controls__input'
+      }, [h(VIcon, this.setTextColor(this.validationState, {
+        dense: this.radioGroup && this.radioGroup.dense
+      }), () => this.computedIcon), this.genInput({
+        name: this.computedName,
+        value: this.value,
+        ...radioAttrs
+      }), this.genRipple(this.setTextColor(this.rippleState))]);
+    },
+
+    onFocus(e) {
+      this.isFocused = true;
+      this.$emit('focus', e);
+    },
+
+    onBlur(e) {
+      this.isFocused = false;
+      this.$emit('blur', e);
+    },
+
+    onChange() {
+      if (this.isDisabled || this.isReadonly || this.isActive) return;
+      this.toggle();
+    },
+
+    onKeydown: () => {} // Override default with noop
+
+  },
+
+  render() {
+    const data = {
+      class: ['v-radio', this.classes],
+      ...mergeListeners({
+        onClick: this.onChange
+      }, this.listeners$),
+      title: this.attrs$.title
+    };
+    return h('div', data, [this.genRadio(), this.genLabel()]);
+  }
+
+});
+//# sourceMappingURL=VRadio.js.map

package/lib/components/VRadioGroup/VRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VRadioGroup/VRadio.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VRadio.sass'\n\n// Components\nimport VRadioGroup from './VRadioGroup'\nimport VLabel from '../VLabel'\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\nimport Selectable, { prevent } from '../../mixins/selectable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeData } from 'vue'\nimport mixins from '../../util/mixins'\nimport { mergeListeners } from '../../util/mergeData'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Colorable,\n  Rippleable,\n  GroupableFactory('radioGroup'),\n  Themeable\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  radioGroup: InstanceType<typeof VRadioGroup>\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-radio',\n\n  inheritAttrs: false,\n\n  emits: ['change', 'focus', 'blur'],\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: null,\n    },\n    id: String,\n    label: String,\n    name: String,\n    offIcon: {\n      type: String,\n      default: '$radioOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$radioOn',\n    },\n    readonly: {\n      type: Boolean,\n      default: null,\n    },\n    value: {\n      default: null,\n    },\n  },\n\n  data: () => ({\n    isFocused: false,\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-radio--is-disabled': this.isDisabled,\n        'v-radio--is-focused': this.isFocused,\n        ...this.themeClasses,\n        ...this.groupClasses,\n      }\n    },\n    computedColor (): string | undefined {\n      if (this.isDisabled) return undefined\n      return Selectable.computed.computedColor.call(this)\n    },\n    computedIcon (): string {\n      return this.isActive\n        ? this.onIcon\n        : this.offIcon\n    },\n    computedId (): string {\n      return VInput.computed.computedId.call(this)\n    },\n    hasLabel: VInput.computed.hasLabel,\n    hasState (): boolean {\n      return (this.radioGroup || {}).hasState\n    },\n    isDisabled (): boolean {\n      return this.disabled ?? (\n        !!this.radioGroup &&\n        this.radioGroup.isDisabled\n      )\n    },\n    isReadonly (): boolean {\n      return this.readonly ?? (\n        !!this.radioGroup &&\n        this.radioGroup.isReadonly\n      )\n    },\n    computedName (): string {\n      if (this.name || !this.radioGroup) {\n        return this.name\n      }\n\n      return this.radioGroup.name || `radio-${this.radioGroup.$.uid}`\n    },\n    rippleState (): string | undefined {\n      return Selectable.computed.rippleState.call(this)\n    },\n    validationState (): string | undefined {\n      return (this.radioGroup || {}).validationState || this.computedColor\n    },\n  },\n\n  methods: {\n    genInput (args: any) {\n      // We can't actually use the mixin directly because\n      // it's made for standalone components, but its\n      // genInput method is exactly what we need\n      return Selectable.methods.genInput.call(this, 'radio', args)\n    },\n    genLabel () {\n      if (!this.hasLabel) return null\n\n      return h(VLabel, {\n        // Label shouldn't cause the input to focus\n        onClick: prevent,\n        for: this.computedId,\n        color: this.validationState,\n        focused: this.hasState,\n      }, () => getSlot(this, 'label') || this.label)\n    },\n    genRadio () {\n      const { title, ...radioAttrs } = this.attrs$\n\n      return h('div', {\n        class: 'v-input--selection-controls__input',\n      }, [\n        h(VIcon, this.setTextColor(this.validationState, {\n          dense: this.radioGroup && this.radioGroup.dense,\n        }), () => this.computedIcon),\n        this.genInput({\n          name: this.computedName,\n          value: this.value,\n          ...radioAttrs,\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    onFocus (e: Event) {\n      this.isFocused = true\n      this.$emit('focus', e)\n    },\n    onBlur (e: Event) {\n      this.isFocused = false\n      this.$emit('blur', e)\n    },\n    onChange () {\n      if (this.isDisabled || this.isReadonly || this.isActive) return\n\n      this.toggle()\n    },\n    onKeydown: () => {}, // Override default with noop\n  },\n\n  render (): VNode {\n    const data: VNodeData = {\n      class: ['v-radio', this.classes],\n      ...mergeListeners({\n        onClick: this.onChange,\n      }, this.listeners$),\n      title: this.attrs$.title\n    }\n\n    return h('div', data, [\n      this.genRadio(),\n      this.genLabel(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VRadio.js"}

package/lib/components/VRadioGroup/VRadioGroup.js

@@ -0,0 +1,95 @@
+// Styles
+import "../../../src/styles/components/_selection-controls.sass";
+import "../../../src/components/VRadioGroup/VRadioGroup.sass"; // Extensions
+
+import VInput from '../VInput';
+import { BaseItemGroup } from '../VItemGroup/VItemGroup'; // Utilities
+
+import { mergeProps, h } from 'vue';
+import mixins from '../../util/mixins';
+import { breaking } from '../../util/console';
+const baseMixins = mixins(VInput, BaseItemGroup);
+/* @vue/component */
+
+export default baseMixins.extend({
+  name: 'v-radio-group',
+
+  provide() {
+    return {
+      radioGroup: this
+    };
+  },
+
+  props: {
+    column: {
+      type: Boolean,
+      default: true
+    },
+    height: {
+      type: [Number, String],
+      default: 'auto'
+    },
+    name: String,
+    row: Boolean,
+    // If no value set on VRadio
+    // will match valueComparator
+    // force default to null
+    modelValue: null
+  },
+  computed: {
+    classes() {
+      return { ...VInput.computed.classes.call(this),
+        'v-input--selection-controls v-input--radio-group': true,
+        'v-input--radio-group--column': this.column && !this.row,
+        'v-input--radio-group--row': this.row
+      };
+    }
+
+  },
+
+  created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue'], ['onChange', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
+  methods: {
+    genDefaultSlot() {
+      return h('div', {
+        class: 'v-input--radio-group__input',
+        id: this.id,
+        role: 'radiogroup',
+        'aria-labelledby': this.computedId
+      }, VInput.methods.genDefaultSlot.call(this));
+    },
+
+    genInputSlot() {
+      const render = VInput.methods.genInputSlot.call(this);
+      delete render.props.onClick;
+      return render;
+    },
+
+    genLabel() {
+      const label = VInput.methods.genLabel.call(this);
+      if (!label) return null;
+      label.data.attrs.id = this.computedId; // WAI considers this an orphaned label
+
+      delete label.data.attrs.for;
+      label.tag = 'legend';
+      return label;
+    },
+
+    onClick: BaseItemGroup.methods.onClick
+  },
+
+  render() {
+    const vnode = VInput.render.call(this);
+    vnode.props = mergeProps(vnode.props, this.attrs$);
+    return vnode;
+  }
+
+});
+//# sourceMappingURL=VRadioGroup.js.map

package/lib/components/VRadioGroup/VRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VRadioGroup/VRadioGroup.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './VRadioGroup.sass'\n\n// Extensions\nimport VInput from '../VInput'\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'\n\n// Utilities\nimport { mergeProps, h } from 'vue'\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst baseMixins = mixins(\n  VInput,\n  BaseItemGroup,\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-radio-group',\n\n  provide () {\n    return {\n      radioGroup: this,\n    }\n  },\n\n  props: {\n    column: {\n      type: Boolean,\n      default: true,\n    },\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    name: String,\n    row: Boolean,\n    // If no value set on VRadio\n    // will match valueComparator\n    // force default to null\n    modelValue: null as unknown as PropType<any>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.computed.classes.call(this),\n        'v-input--selection-controls v-input--radio-group': true,\n        'v-input--radio-group--column': this.column && !this.row,\n        'v-input--radio-group--row': this.row,\n      }\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n      ['onChange', '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    genDefaultSlot () {\n      return h('div', {\n        class: 'v-input--radio-group__input',\n        id: this.id,\n        role: 'radiogroup',\n        'aria-labelledby': this.computedId,\n      }, VInput.methods.genDefaultSlot.call(this))\n    },\n    genInputSlot () {\n      const render = VInput.methods.genInputSlot.call(this)\n\n      delete render.props!.onClick\n\n      return render\n    },\n    genLabel () {\n      const label = VInput.methods.genLabel.call(this)\n\n      if (!label) return null\n\n      label.data!.attrs!.id = this.computedId\n      // WAI considers this an orphaned label\n      delete label.data!.attrs!.for\n      label.tag = 'legend'\n\n      return label\n    },\n    onClick: BaseItemGroup.methods.onClick,\n  },\n\n  render () {\n    const vnode = VInput.render.call(this)\n\n    vnode.props = mergeProps(vnode.props, this.attrs$);\n\n    return vnode\n  },\n})\n"],"sourceRoot":"","file":"VRadioGroup.js"}

package/lib/components/VRadioGroup/index.js

@@ -0,0 +1,10 @@
+import VRadioGroup from './VRadioGroup';
+import VRadio from './VRadio';
+export { VRadioGroup, VRadio };
+export default {
+  $_vuetify_subcomponents: {
+    VRadioGroup,
+    VRadio
+  }
+};
+//# sourceMappingURL=index.js.map

package/lib/components/VRadioGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VRadioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAP,MAAwB,eAAxB;AACA,OAAO,MAAP,MAAmB,UAAnB;AAEA,SAAS,WAAT,EAAsB,MAAtB;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,WADuB;AAEvB,IAAA;AAFuB;AADZ,CAAf","sourcesContent":["import VRadioGroup from './VRadioGroup'\nimport VRadio from './VRadio'\n\nexport { VRadioGroup, VRadio }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VRadioGroup,\n    VRadio,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}