@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/components/VProgressLinear/VProgressLinear.css

@@ -0,0 +1,212 @@
+.v-progress-linear {
+  background: transparent;
+  overflow: hidden;
+  position: relative;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  width: 100%;
+}
+
+.v-progress-linear__background {
+  background: currentColor;
+  bottom: 0;
+  left: 0;
+  opacity: var(--v-border-opacity);
+  position: absolute;
+  top: 0;
+  transition-property: width, left, right;
+  transition: inherit;
+}
+
+.v-progress-linear__content {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.v-progress-linear__determinate,
+.v-progress-linear__indeterminate {
+  background: currentColor;
+}
+
+.v-progress-linear__determinate {
+  height: inherit;
+  left: 0;
+  position: absolute;
+  transition: inherit;
+  transition-property: width, left, right;
+}
+
+.v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
+  animation-play-state: paused;
+  animation-duration: 2.2s;
+  animation-iteration-count: infinite;
+  bottom: 0;
+  height: inherit;
+  left: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+  width: auto;
+  will-change: left, right;
+}
+.v-progress-linear__indeterminate .long {
+  animation-name: indeterminate-ltr;
+}
+.v-progress-linear__indeterminate .short {
+  animation-name: indeterminate-short-ltr;
+}
+
+.v-progress-linear__stream {
+  animation: stream 0.25s infinite linear;
+  animation-play-state: paused;
+  bottom: 0;
+  left: auto;
+  opacity: 0.3;
+  pointer-events: none;
+  position: absolute;
+  transition: inherit;
+  transition-property: width, left, right;
+}
+
+.v-progress-linear--reverse .v-progress-linear__background,
+.v-progress-linear--reverse .v-progress-linear__determinate,
+.v-progress-linear--reverse .v-progress-linear__content {
+  left: auto;
+  right: 0;
+}
+.v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
+  left: auto;
+  right: 0;
+}
+.v-progress-linear--reverse .v-progress-linear__indeterminate .long {
+  animation-name: indeterminate-rtl;
+}
+.v-progress-linear--reverse .v-progress-linear__indeterminate .short {
+  animation-name: indeterminate-short-rtl;
+}
+.v-progress-linear--reverse .v-progress-linear__stream {
+  right: auto;
+}
+
+.v-progress-linear--absolute,
+.v-progress-linear--fixed {
+  left: 0;
+  z-index: 1;
+}
+
+.v-progress-linear--absolute {
+  position: absolute;
+}
+
+.v-progress-linear--fixed {
+  position: fixed;
+}
+
+.v-progress-linear--rounded {
+  border-radius: 4px;
+}
+.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
+.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
+  border-radius: inherit;
+}
+
+.v-progress-linear--striped .v-progress-linear__determinate {
+  animation: progress-linear-stripes 1s infinite linear;
+  background-image: linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0deg, 0%, 100%, 0.25) 0, hsla(0deg, 0%, 100%, 0.25) 75%, transparent 0, transparent);
+  background-repeat: repeat;
+  background-size: var(--v-progress-linear-height);
+}
+
+.v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
+  animation-play-state: running;
+}
+.v-progress-linear--active .v-progress-linear__stream {
+  animation-play-state: running;
+}
+
+.v-progress-linear--rounded-bar .v-progress-linear__determinate,
+.v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
+.v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
+  border-radius: 4px;
+}
+.v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-ltr, .v-locale--is-ltr .v-progress-linear--rounded-bar .v-progress-linear__determinate {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-rtl, .v-locale--is-rtl .v-progress-linear--rounded-bar .v-progress-linear__determinate {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+@keyframes indeterminate-ltr {
+  0% {
+    left: -90%;
+    right: 100%;
+  }
+  60% {
+    left: -90%;
+    right: 100%;
+  }
+  100% {
+    left: 100%;
+    right: -35%;
+  }
+}
+@keyframes indeterminate-rtl {
+  0% {
+    left: 100%;
+    right: -90%;
+  }
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+  100% {
+    left: -35%;
+    right: 100%;
+  }
+}
+@keyframes indeterminate-short-ltr {
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+  100% {
+    left: 107%;
+    right: -8%;
+  }
+}
+@keyframes indeterminate-short-rtl {
+  0% {
+    left: 100%;
+    right: -200%;
+  }
+  60% {
+    left: -8%;
+    right: 107%;
+  }
+  100% {
+    left: -8%;
+    right: 107%;
+  }
+}
+@keyframes stream {
+  to {
+    transform: translateX(var(--v-progress-linear-stream-to));
+  }
+}
+@keyframes progress-linear-stripes {
+  0% {
+    background-position-x: var(--v-progress-linear-height);
+  }
+}

package/lib/components/VProgressLinear/VProgressLinear.mjs

@@ -1,253 +1,165 @@
-// @ts-nocheck
-
-/* eslint-disable */
-import "./VProgressLinear.sass"; // Components
-
-import { VFadeTransition, VSlideXTransition } from "../transitions/index.mjs"; // Directives
-
-import intersect from "../../directives/intersect/index.mjs"; // Mixins
-
-import Colorable from "../../mixins/colorable/index.mjs";
-import { factory as PositionableFactory } from "../../mixins/positionable.mjs";
-import Proxyable from "../../mixins/proxyable/index.mjs";
-import Themeable from "../../mixins/themeable/index.mjs"; // Utilities
-
-import { convertToUnit, getSlot } from "../../util/helpers.mjs";
-import mixins from "../../util/mixins.mjs"; // Types
-
-const baseMixins = mixins(Colorable, PositionableFactory(['absolute', 'fixed', 'top', 'bottom']), Proxyable, Themeable);
-/* @vue/component */
-
-export default baseMixins.extend({
-  name: 'v-progress-linear',
-  directives: {
-    intersect
-  },
+import { createVNode as _createVNode } from "vue";
+// Styles
+import "./VProgressLinear.css"; // Composables
+
+import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
+import { makeTagProps } from "../../composables/tag.mjs";
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
+import { useBackgroundColor, useTextColor } from "../../composables/color.mjs";
+import { useIntersectionObserver } from "../../composables/intersectionObserver.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { useRtl } from "../../composables/rtl.mjs"; // Utilities
+
+import { convertToUnit, defineComponent } from "../../util/index.mjs";
+import { computed, Transition } from 'vue';
+export const VProgressLinear = defineComponent({
+  name: 'VProgressLinear',
   props: {
     active: {
       type: Boolean,
       default: true
     },
-    backgroundColor: {
-      type: String,
-      default: null
-    },
-    backgroundOpacity: {
-      type: [Number, String],
-      default: null
-    },
+    bgColor: String,
+    bgOpacity: [Number, String],
     bufferValue: {
       type: [Number, String],
-      default: 100
-    },
-    color: {
-      type: String,
-      default: 'primary'
+      default: 0
     },
+    clickable: Boolean,
+    color: String,
     height: {
       type: [Number, String],
       default: 4
     },
     indeterminate: Boolean,
-    query: Boolean,
+    max: {
+      type: [Number, String],
+      default: 100
+    },
+    modelValue: {
+      type: [Number, String],
+      default: 0
+    },
     reverse: Boolean,
-    rounded: Boolean,
     stream: Boolean,
     striped: Boolean,
-    value: {
-      type: [Number, String],
-      default: 0
-    }
-  },
-
-  data() {
-    return {
-      internalLazyValue: this.value || 0,
-      isVisible: true
-    };
+    roundedBar: Boolean,
+    ...makeRoundedProps(),
+    ...makeTagProps(),
+    ...makeThemeProps()
   },
-
-  computed: {
-    __cachedBackground() {
-      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {
-        staticClass: 'v-progress-linear__background',
-        style: this.backgroundStyle
-      }));
-    },
-
-    __cachedBar() {
-      return this.$createElement(this.computedTransition, [this.__cachedBarType]);
-    },
-
-    __cachedBarType() {
-      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate;
-    },
-
-    __cachedBuffer() {
-      return this.$createElement('div', {
-        staticClass: 'v-progress-linear__buffer',
-        style: this.styles
-      });
-    },
-
-    __cachedDeterminate() {
-      return this.$createElement('div', this.setBackgroundColor(this.color, {
-        staticClass: "v-progress-linear__determinate",
-        style: {
-          width: convertToUnit(this.normalizedValue, '%')
-        }
-      }));
-    },
-
-    __cachedIndeterminate() {
-      return this.$createElement('div', {
-        staticClass: 'v-progress-linear__indeterminate',
-        class: {
-          'v-progress-linear__indeterminate--active': this.active
-        }
-      }, [this.genProgressBar('long'), this.genProgressBar('short')]);
-    },
-
-    __cachedStream() {
-      if (!this.stream) return null;
-      return this.$createElement('div', this.setTextColor(this.color, {
-        staticClass: '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(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.$listeners.change);
-    },
-
-    styles() {
-      const styles = {};
-
-      if (!this.active) {
-        styles.height = 0;
-      }
-
-      if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {
-        styles.width = convertToUnit(this.normalizedBuffer, '%');
-      }
-
-      return styles;
-    }
-
+  emits: {
+    'update:modelValue': value => true
   },
-  methods: {
-    genContent() {
-      const slot = getSlot(this, 'default', {
-        value: this.internalLazyValue
-      });
-      if (!slot) return null;
-      return this.$createElement('div', {
-        staticClass: 'v-progress-linear__content'
-      }, slot);
-    },
-
-    genListeners() {
-      const listeners = this.$listeners;
 
-      if (this.reactive) {
-        listeners.click = this.onClick;
-      }
-
-      return listeners;
-    },
-
-    genProgressBar(name) {
-      return this.$createElement('div', this.setBackgroundColor(this.color, {
-        staticClass: 'v-progress-linear__indeterminate',
-        class: {
-          [name]: true
-        }
-      }));
-    },
-
-    onClick(e) {
-      if (!this.reactive) return;
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const progress = useProxiedModel(props, 'modelValue');
+    const {
+      isRtl
+    } = useRtl();
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      textColorClasses,
+      textColorStyles
+    } = useTextColor(props, 'color');
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(computed(() => props.bgColor || props.color));
+    const {
+      backgroundColorClasses: barColorClasses,
+      backgroundColorStyles: barColorStyles
+    } = useBackgroundColor(props, 'color');
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const {
+      intersectionRef,
+      isIntersecting
+    } = useIntersectionObserver();
+    const max = computed(() => parseInt(props.max, 10));
+    const height = computed(() => parseInt(props.height, 10));
+    const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100);
+    const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100);
+    const isReversed = computed(() => isRtl.value !== props.reverse);
+    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition');
+    const opacity = computed(() => {
+      return props.bgOpacity == null ? props.bgOpacity : parseFloat(props.bgOpacity);
+    });
+
+    function handleClick(e) {
+      if (!intersectionRef.value) return;
       const {
+        left,
+        right,
         width
-      } = this.$el.getBoundingClientRect();
-      this.internalValue = e.offsetX / width * 100;
-    },
-
-    onObserve(entries, observer, isIntersecting) {
-      this.isVisible = isIntersecting;
-    },
-
-    normalize(value) {
-      if (value < 0) return 0;
-      if (value > 100) return 100;
-      return parseFloat(value);
+      } = intersectionRef.value.getBoundingClientRect();
+      const value = isReversed.value ? width - e.clientX + (right - width) : e.clientX - left;
+      progress.value = Math.round(value / width * max.value);
     }
 
-  },
-
-  render(h) {
-    const data = {
-      staticClass: 'v-progress-linear',
-      attrs: {
-        role: 'progressbar',
-        'aria-valuemin': 0,
-        'aria-valuemax': this.normalizedBuffer,
-        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue
+    return () => _createVNode(props.tag, {
+      "ref": intersectionRef,
+      "class": ['v-progress-linear', {
+        'v-progress-linear--active': props.active && isIntersecting.value,
+        'v-progress-linear--reverse': isReversed.value,
+        'v-progress-linear--rounded': props.rounded,
+        'v-progress-linear--rounded-bar': props.roundedBar,
+        'v-progress-linear--striped': props.striped
+      }, roundedClasses.value, themeClasses.value],
+      "style": {
+        height: props.active ? convertToUnit(height.value) : 0,
+        '--v-progress-linear-height': convertToUnit(height.value)
       },
-      class: this.classes,
-      directives: [{
-        name: 'intersect',
-        value: this.onObserve
-      }],
-      style: {
-        bottom: this.bottom ? 0 : undefined,
-        height: this.active ? convertToUnit(this.height) : 0,
-        top: this.top ? 0 : undefined
-      },
-      on: this.genListeners()
-    };
-    return h('div', data, [this.__cachedStream, this.__cachedBackground, this.__cachedBuffer, this.__cachedBar, this.genContent()]);
+      "role": "progressbar",
+      "aria-valuemin": "0",
+      "aria-valuemax": props.max,
+      "aria-valuenow": props.indeterminate ? undefined : normalizedValue.value,
+      "onClick": props.clickable && handleClick
+    }, {
+      default: () => [props.stream && _createVNode("div", {
+        "class": ['v-progress-linear__stream', textColorClasses.value],
+        "style": { ...textColorStyles.value,
+          [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),
+          borderTop: `${convertToUnit(height.value / 2)} dotted`,
+          opacity: opacity.value,
+          top: `calc(50% - ${convertToUnit(height.value / 4)})`,
+          width: convertToUnit(100 - normalizedBuffer.value, '%'),
+          '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1))
+        }
+      }, null), _createVNode("div", {
+        "class": ['v-progress-linear__background', backgroundColorClasses.value],
+        "style": [backgroundColorStyles.value, {
+          opacity: opacity.value,
+          width: convertToUnit(!props.stream ? 100 : normalizedBuffer.value, '%')
+        }]
+      }, null), _createVNode(Transition, {
+        "name": transition.value
+      }, {
+        default: () => [!props.indeterminate ? _createVNode("div", {
+          "class": ['v-progress-linear__determinate', barColorClasses.value],
+          "style": [barColorStyles.value, {
+            width: convertToUnit(normalizedValue.value, '%')
+          }]
+        }, null) : _createVNode("div", {
+          "class": "v-progress-linear__indeterminate"
+        }, [['long', 'short'].map(bar => _createVNode("div", {
+          "key": bar,
+          "class": ['v-progress-linear__indeterminate', bar, barColorClasses.value],
+          "style": barColorStyles.value
+        }, null))])]
+      }), slots.default && _createVNode("div", {
+        "class": "v-progress-linear__content"
+      }, [slots.default({
+        value: normalizedValue.value,
+        buffer: normalizedBuffer.value
+      })])]
+    });
   }
 
 });

package/lib/components/VProgressLinear/VProgressLinear.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VProgressLinear/VProgressLinear.ts"],"names":["VFadeTransition","VSlideXTransition","intersect","Colorable","factory","PositionableFactory","Proxyable","Themeable","convertToUnit","getSlot","mixins","baseMixins","extend","name","directives","props","active","type","Boolean","default","backgroundColor","String","backgroundOpacity","Number","bufferValue","color","height","indeterminate","query","reverse","rounded","stream","striped","value","data","internalLazyValue","isVisible","computed","__cachedBackground","$createElement","setBackgroundColor","staticClass","style","backgroundStyle","__cachedBar","computedTransition","__cachedBarType","__cachedIndeterminate","__cachedDeterminate","__cachedBuffer","styles","width","normalizedValue","class","genProgressBar","__cachedStream","setTextColor","normalizedBuffer","parseFloat","opacity","isReversed","classes","absolute","fixed","reactive","themeClasses","$vuetify","rtl","normalize","$listeners","change","methods","genContent","slot","genListeners","listeners","click","onClick","e","$el","getBoundingClientRect","internalValue","offsetX","onObserve","entries","observer","isIntersecting","render","h","attrs","role","undefined","bottom","top","on"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VProgressLinear.sass'\n\n// Components\nimport {\n  VFadeTransition,\n  VSlideXTransition,\n} from '../transitions'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport Proxyable 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 { FunctionalComponentOptions } from 'vue/types'\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  Colorable,\n  PositionableFactory(['absolute', 'fixed', 'top', 'bottom']),\n  Proxyable,\n  Themeable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-progress-linear',\n\n  directives: { intersect },\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    query: Boolean,\n    reverse: Boolean,\n    rounded: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n  },\n\n  data () {\n    return {\n      internalLazyValue: this.value || 0,\n      isVisible: true,\n    }\n  },\n\n  computed: {\n    __cachedBackground (): VNode {\n      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {\n        staticClass: 'v-progress-linear__background',\n        style: this.backgroundStyle,\n      }))\n    },\n    __cachedBar (): VNode {\n      return this.$createElement(this.computedTransition, [this.__cachedBarType])\n    },\n    __cachedBarType (): VNode {\n      return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate\n    },\n    __cachedBuffer (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-progress-linear__buffer',\n        style: this.styles,\n      })\n    },\n    __cachedDeterminate (): VNode {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: `v-progress-linear__determinate`,\n        style: {\n          width: convertToUnit(this.normalizedValue, '%'),\n        },\n      }))\n    },\n    __cachedIndeterminate (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-progress-linear__indeterminate',\n        class: {\n          'v-progress-linear__indeterminate--active': this.active,\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 this.$createElement('div', this.setTextColor(this.color, {\n        staticClass: '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(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 (): FunctionalComponentOptions {\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.$listeners.change)\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  methods: {\n    genContent () {\n      const slot = getSlot(this, 'default', { value: this.internalLazyValue })\n\n      if (!slot) return null\n\n      return this.$createElement('div', {\n        staticClass: 'v-progress-linear__content',\n      }, slot)\n    },\n    genListeners () {\n      const listeners = this.$listeners\n\n      if (this.reactive) {\n        listeners.click = this.onClick\n      }\n\n      return listeners\n    },\n    genProgressBar (name: 'long' | 'short') {\n      return this.$createElement('div', this.setBackgroundColor(this.color, {\n        staticClass: 'v-progress-linear__indeterminate',\n        class: {\n          [name]: true,\n        },\n      }))\n    },\n    onClick (e: MouseEvent) {\n      if (!this.reactive) return\n\n      const { width } = this.$el.getBoundingClientRect()\n\n      this.internalValue = e.offsetX / width * 100\n    },\n    onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n      this.isVisible = isIntersecting\n    },\n    normalize (value: string | number) {\n      if (value < 0) return 0\n      if (value > 100) return 100\n      return parseFloat(value)\n    },\n  },\n\n  render (h): VNode {\n    const data = {\n      staticClass: 'v-progress-linear',\n      attrs: {\n        role: 'progressbar',\n        'aria-valuemin': 0,\n        'aria-valuemax': this.normalizedBuffer,\n        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n      },\n      class: this.classes,\n      directives: [{\n        name: 'intersect',\n        value: this.onObserve,\n      }],\n      style: {\n        bottom: this.bottom ? 0 : undefined,\n        height: this.active ? convertToUnit(this.height) : 0,\n        top: this.top ? 0 : undefined,\n      },\n      on: this.genListeners(),\n    }\n\n    return h('div', data, [\n      this.__cachedStream,\n      this.__cachedBackground,\n      this.__cachedBuffer,\n      this.__cachedBar,\n      this.genContent(),\n    ])\n  },\n})\n"],"file":"VProgressLinear.mjs"}
+{"version":3,"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"names":["makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","convertToUnit","defineComponent","computed","Transition","VProgressLinear","name","props","active","type","Boolean","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","emits","value","setup","slots","progress","isRtl","themeClasses","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","rounded","undefined","borderTop","top","map","bar","buffer"],"mappings":"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","sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { convertToUnit, defineComponent } from '@/util'\nimport { computed, Transition } from 'vue'\n\nexport const VProgressLinear = defineComponent({\n  name: 'VProgressLinear',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    bgColor: String,\n    bgOpacity: [Number, String],\n    bufferValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    clickable: Boolean,\n    color: String,\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    max: {\n      type: [Number, String],\n      default: 100,\n    },\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    reverse: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    roundedBar: Boolean,\n\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n    const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseInt(props.max, 10))\n    const height = computed(() => parseInt(props.height, 10))\n    const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n    const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const opacity = computed(() => {\n      return props.bgOpacity == null\n        ? props.bgOpacity\n        : parseFloat(props.bgOpacity)\n    })\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    return () => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n        ]}\n        style={{\n          height: props.active ? convertToUnit(height.value) : 0,\n          '--v-progress-linear-height': convertToUnit(height.value),\n        }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: opacity.value,\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        ) }\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            backgroundColorClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: opacity.value,\n              width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                barColorClasses.value,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(normalizedValue.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              { ['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    barColorClasses.value,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              )) }\n            </div>\n          ) }\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        ) }\n      </props.tag>\n    )\n  },\n})\n"],"file":"VProgressLinear.mjs"}