vuetify 3.1.12 → 3.1.14

package/lib/components/VPagination/VPagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VPagination.mjs","names":["VBtn","IconValue","makeBorderProps","makeDensityProps","makeElevationProps","makeRoundedProps","makeSizeProps","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","useDisplay","useLocale","useRtl","useProxiedModel","useRefs","useResizeObserver","computed","nextTick","ref","toRef","createRange","genericComponent","keyValues","useRender","VPagination","name","props","activeColor","String","start","type","Number","default","modelValue","disabled","Boolean","length","validator","val","totalVisible","firstIcon","prevIcon","nextIcon","lastIcon","ariaLabel","pageAriaLabel","currentPageAriaLabel","firstAriaLabel","previousAriaLabel","nextAriaLabel","lastAriaLabel","ellipsis","showFirstLastPage","tag","variant","emits","value","first","prev","next","last","setup","slots","emit","page","t","n","isRtl","themeClasses","width","maxButtons","undefined","scoped","resizeRef","entries","target","contentRect","firstItem","querySelector","totalWidth","itemWidth","offsetWidth","parseFloat","getComputedStyle","marginRight","getMax","parseInt","minButtons","Math","max","floor","toFixed","range","isNaN","MAX_SAFE_INTEGER","even","middle","left","right","rangeLength","rangeStart","ceil","setValue","e","event","preventDefault","refs","updateRef","VPaginationBtn","color","border","density","size","rounded","elevation","items","map","item","index","isActive","key","icon","ariaCurrent","onClick","controls","prevDisabled","nextDisabled","ariaDisabled","updateFocus","currentIndex","$el","focus","onKeydown"],"sources":["../../../src/components/VPagination/VPagination.tsx"],"sourcesContent":["// Styles\nimport './VPagination.sass'\n\n// Components\nimport { VBtn } from '../VBtn'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps } from '@/composables/border'\nimport { makeDensityProps } from '@/composables/density'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useDisplay } from '@/composables'\nimport { useLocale, useRtl } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRefs } from '@/composables/refs'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { computed, nextTick, ref, toRef } from 'vue'\nimport { createRange, genericComponent, keyValues, useRender } from '@/util'\n\n// Types\nimport type { ComponentPublicInstance } from 'vue'\n\nexport type VPaginationSlots = {\n  item: []\n  first: []\n  next: []\n  prev: []\n  last: []\n}\n\nexport const VPagination = genericComponent<VPaginationSlots>()({\n  name: 'VPagination',\n\n  props: {\n    activeColor: String,\n    start: {\n      type: [Number, String],\n      default: 1,\n    },\n    modelValue: {\n      type: Number,\n      default: (props: any) => props.start,\n    },\n    disabled: Boolean,\n    length: {\n      type: [Number, String],\n      default: 1,\n      validator: (val: number) => val % 1 === 0,\n    },\n    totalVisible: [Number, String],\n    firstIcon: {\n      type: IconValue,\n      default: '$first',\n    },\n    prevIcon: {\n      type: IconValue,\n      default: '$prev',\n    },\n    nextIcon: {\n      type: IconValue,\n      default: '$next',\n    },\n    lastIcon: {\n      type: IconValue,\n      default: '$last',\n    },\n    ariaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.root',\n    },\n    pageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.page',\n    },\n    currentPageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.currentPage',\n    },\n    firstAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.first',\n    },\n    previousAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.next',\n    },\n    lastAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.last',\n    },\n    ellipsis: {\n      type: String,\n      default: '...',\n    },\n    showFirstLastPage: Boolean,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'nav' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'text' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n    first: (value: number) => true,\n    prev: (value: number) => true,\n    next: (value: number) => true,\n    last: (value: number) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const page = useProxiedModel(props, 'modelValue')\n    const { t, n } = useLocale()\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { width } = useDisplay()\n    const maxButtons = ref(-1)\n\n    provideDefaults(undefined, { scoped: true })\n\n    const { resizeRef } = useResizeObserver((entries: ResizeObserverEntry[]) => {\n      if (!entries.length) return\n\n      const { target, contentRect } = entries[0]\n\n      const firstItem = target.querySelector('.v-pagination__list > *') as HTMLElement\n\n      if (!firstItem) return\n\n      const totalWidth = contentRect.width\n      const itemWidth =\n        firstItem.offsetWidth +\n        parseFloat(getComputedStyle(firstItem).marginRight) * 2\n\n      maxButtons.value = getMax(totalWidth, itemWidth)\n    })\n\n    const length = computed(() => parseInt(props.length, 10))\n    const start = computed(() => parseInt(props.start, 10))\n\n    const totalVisible = computed(() => {\n      if (props.totalVisible) return parseInt(props.totalVisible, 10)\n      else if (maxButtons.value >= 0) return maxButtons.value\n      return getMax(width.value, 58)\n    })\n\n    function getMax (totalWidth: number, itemWidth: number) {\n      const minButtons = props.showFirstLastPage ? 5 : 3\n      return Math.max(0, Math.floor(\n        // Round to two decimal places to avoid floating point errors\n        +((totalWidth - itemWidth * minButtons) / itemWidth).toFixed(2)\n      ))\n    }\n\n    const range = computed(() => {\n      if (length.value <= 0 || isNaN(length.value) || length.value > Number.MAX_SAFE_INTEGER) return []\n\n      if (totalVisible.value <= 1) return [page.value]\n\n      if (length.value <= totalVisible.value) {\n        return createRange(length.value, start.value)\n      }\n\n      const even = totalVisible.value % 2 === 0\n      const middle = even ? totalVisible.value / 2 : Math.floor(totalVisible.value / 2)\n      const left = even ? middle : middle + 1\n      const right = length.value - middle\n\n      if (left - page.value >= 0) {\n        return [...createRange(Math.max(1, totalVisible.value - 1), start.value), props.ellipsis, length.value]\n      } else if (page.value - right >= (even ? 1 : 0)) {\n        const rangeLength = totalVisible.value - 1\n        const rangeStart = length.value - rangeLength + start.value\n        return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart)]\n      } else {\n        const rangeLength = Math.max(1, totalVisible.value - 3)\n        const rangeStart = rangeLength === 1 ? page.value : page.value - Math.ceil(rangeLength / 2) + start.value\n        return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart), props.ellipsis, length.value]\n      }\n    })\n\n    // TODO: 'first' | 'prev' | 'next' | 'last' does not work here?\n    function setValue (e: Event, value: number, event?: any) {\n      e.preventDefault()\n      page.value = value\n      event && emit(event, value)\n    }\n\n    const { refs, updateRef } = useRefs<ComponentPublicInstance>()\n\n    provideDefaults({\n      VPaginationBtn: {\n        color: toRef(props, 'color'),\n        border: toRef(props, 'border'),\n        density: toRef(props, 'density'),\n        size: toRef(props, 'size'),\n        variant: toRef(props, 'variant'),\n        rounded: toRef(props, 'rounded'),\n        elevation: toRef(props, 'elevation'),\n      },\n    })\n\n    const items = computed(() => {\n      return range.value.map((item, index) => {\n        const ref = (e: any) => updateRef(e, index)\n\n        if (typeof item === 'string') {\n          return {\n            isActive: false,\n            key: `ellipsis-${index}`,\n            page: item,\n            props: {\n              ref,\n              ellipsis: true,\n              icon: true,\n              disabled: true,\n            },\n          }\n        } else {\n          const isActive = item === page.value\n          return {\n            isActive,\n            key: item,\n            page: n(item),\n            props: {\n              ref,\n              ellipsis: false,\n              icon: true,\n              disabled: !!props.disabled || props.length < 2,\n              color: isActive ? props.activeColor : props.color,\n              ariaCurrent: isActive,\n              ariaLabel: t(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, item),\n              onClick: (e: Event) => setValue(e, item),\n            },\n          }\n        }\n      })\n    })\n\n    const controls = computed(() => {\n      const prevDisabled = !!props.disabled || page.value <= start.value\n      const nextDisabled = !!props.disabled || page.value >= start.value + length.value - 1\n\n      return {\n        first: props.showFirstLastPage ? {\n          icon: isRtl.value ? props.lastIcon : props.firstIcon,\n          onClick: (e: Event) => setValue(e, start.value, 'first'),\n          disabled: prevDisabled,\n          ariaLabel: t(props.firstAriaLabel),\n          ariaDisabled: prevDisabled,\n        } : undefined,\n        prev: {\n          icon: isRtl.value ? props.nextIcon : props.prevIcon,\n          onClick: (e: Event) => setValue(e, page.value - 1, 'prev'),\n          disabled: prevDisabled,\n          ariaLabel: t(props.previousAriaLabel),\n          ariaDisabled: prevDisabled,\n        },\n        next: {\n          icon: isRtl.value ? props.prevIcon : props.nextIcon,\n          onClick: (e: Event) => setValue(e, page.value + 1, 'next'),\n          disabled: nextDisabled,\n          ariaLabel: t(props.nextAriaLabel),\n          ariaDisabled: nextDisabled,\n        },\n        last: props.showFirstLastPage ? {\n          icon: isRtl.value ? props.firstIcon : props.lastIcon,\n          onClick: (e: Event) => setValue(e, start.value + length.value - 1, 'last'),\n          disabled: nextDisabled,\n          ariaLabel: t(props.lastAriaLabel),\n          ariaDisabled: nextDisabled,\n        } : undefined,\n      }\n    })\n\n    function updateFocus () {\n      const currentIndex = page.value - start.value\n      refs.value[currentIndex]?.$el.focus()\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key === keyValues.left && !props.disabled && page.value > props.start) {\n        page.value = page.value - 1\n        nextTick(updateFocus)\n      } else if (e.key === keyValues.right && !props.disabled && page.value < start.value + length.value - 1) {\n        page.value = page.value + 1\n        nextTick(updateFocus)\n      }\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ resizeRef }\n        class={[\n          'v-pagination',\n          themeClasses.value,\n        ]}\n        role=\"navigation\"\n        aria-label={ t(props.ariaLabel) }\n        onKeydown={ onKeydown }\n        data-test=\"v-pagination-root\"\n      >\n        <ul class=\"v-pagination__list\">\n          { props.showFirstLastPage && (\n            <li key=\"first\" class=\"v-pagination__first\" data-test=\"v-pagination-first\">\n              { slots.first ? slots.first(controls.value.first) : (\n                <VBtn _as=\"VPaginationBtn\" { ...controls.value.first } />\n              )}\n            </li>\n          )}\n\n          <li key=\"prev\" class=\"v-pagination__prev\" data-test=\"v-pagination-prev\">\n            { slots.prev ? slots.prev(controls.value.prev) : (\n              <VBtn _as=\"VPaginationBtn\" { ...controls.value.prev } />\n            )}\n          </li>\n\n          { items.value.map((item, index) => (\n            <li\n              key={ item.key }\n              class={[\n                'v-pagination__item',\n                {\n                  'v-pagination__item--is-active': item.isActive,\n                },\n              ]}\n              data-test=\"v-pagination-item\"\n            >\n              { slots.item ? slots.item(item) : (\n                <VBtn _as=\"VPaginationBtn\" { ...item.props }>{ item.page }</VBtn>\n              )}\n            </li>\n          ))}\n\n          <li\n            key=\"next\"\n            class=\"v-pagination__next\"\n            data-test=\"v-pagination-next\"\n          >\n            { slots.next ? slots.next(controls.value.next) : (\n              <VBtn _as=\"VPaginationBtn\" { ...controls.value.next } />\n            )}\n          </li>\n\n          { props.showFirstLastPage && (\n            <li\n              key=\"last\"\n              class=\"v-pagination__last\"\n              data-test=\"v-pagination-last\"\n            >\n              { slots.last ? slots.last(controls.value.last) : (\n                <VBtn _as=\"VPaginationBtn\" { ...controls.value.last } />\n              )}\n            </li>\n          )}\n        </ul>\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VPagination = InstanceType<typeof VPagination>\n"],"mappings":"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"}
+{"version":3,"file":"VPagination.mjs","names":["VBtn","IconValue","makeBorderProps","makeDensityProps","makeElevationProps","makeRoundedProps","makeSizeProps","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","useDisplay","useLocale","useRtl","useProxiedModel","useRefs","useResizeObserver","computed","nextTick","ref","toRef","createRange","genericComponent","keyValues","useRender","VPagination","name","props","activeColor","String","start","type","Number","default","modelValue","disabled","Boolean","length","validator","val","totalVisible","firstIcon","prevIcon","nextIcon","lastIcon","ariaLabel","pageAriaLabel","currentPageAriaLabel","firstAriaLabel","previousAriaLabel","nextAriaLabel","lastAriaLabel","ellipsis","showFirstLastPage","tag","variant","emits","value","first","prev","next","last","setup","_ref","slots","emit","page","t","n","isRtl","themeClasses","width","maxButtons","undefined","scoped","resizeRef","entries","target","contentRect","firstItem","querySelector","totalWidth","itemWidth","offsetWidth","parseFloat","getComputedStyle","marginRight","getMax","parseInt","minButtons","Math","max","floor","toFixed","range","isNaN","MAX_SAFE_INTEGER","even","middle","left","right","rangeLength","rangeStart","ceil","setValue","e","event","preventDefault","refs","updateRef","VPaginationBtn","color","border","density","size","rounded","elevation","items","map","item","index","isActive","key","icon","ariaCurrent","onClick","controls","prevDisabled","nextDisabled","ariaDisabled","updateFocus","currentIndex","$el","focus","onKeydown","_createVNode","_mergeProps"],"sources":["../../../src/components/VPagination/VPagination.tsx"],"sourcesContent":["// Styles\nimport './VPagination.sass'\n\n// Components\nimport { VBtn } from '../VBtn'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps } from '@/composables/border'\nimport { makeDensityProps } from '@/composables/density'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useDisplay } from '@/composables'\nimport { useLocale, useRtl } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRefs } from '@/composables/refs'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { computed, nextTick, ref, toRef } from 'vue'\nimport { createRange, genericComponent, keyValues, useRender } from '@/util'\n\n// Types\nimport type { ComponentPublicInstance } from 'vue'\n\nexport type VPaginationSlots = {\n  item: []\n  first: []\n  next: []\n  prev: []\n  last: []\n}\n\nexport const VPagination = genericComponent<VPaginationSlots>()({\n  name: 'VPagination',\n\n  props: {\n    activeColor: String,\n    start: {\n      type: [Number, String],\n      default: 1,\n    },\n    modelValue: {\n      type: Number,\n      default: (props: any) => props.start,\n    },\n    disabled: Boolean,\n    length: {\n      type: [Number, String],\n      default: 1,\n      validator: (val: number) => val % 1 === 0,\n    },\n    totalVisible: [Number, String],\n    firstIcon: {\n      type: IconValue,\n      default: '$first',\n    },\n    prevIcon: {\n      type: IconValue,\n      default: '$prev',\n    },\n    nextIcon: {\n      type: IconValue,\n      default: '$next',\n    },\n    lastIcon: {\n      type: IconValue,\n      default: '$last',\n    },\n    ariaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.root',\n    },\n    pageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.page',\n    },\n    currentPageAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.currentPage',\n    },\n    firstAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.first',\n    },\n    previousAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.previous',\n    },\n    nextAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.next',\n    },\n    lastAriaLabel: {\n      type: String,\n      default: '$vuetify.pagination.ariaLabel.last',\n    },\n    ellipsis: {\n      type: String,\n      default: '...',\n    },\n    showFirstLastPage: Boolean,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'nav' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'text' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n    first: (value: number) => true,\n    prev: (value: number) => true,\n    next: (value: number) => true,\n    last: (value: number) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const page = useProxiedModel(props, 'modelValue')\n    const { t, n } = useLocale()\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { width } = useDisplay()\n    const maxButtons = ref(-1)\n\n    provideDefaults(undefined, { scoped: true })\n\n    const { resizeRef } = useResizeObserver((entries: ResizeObserverEntry[]) => {\n      if (!entries.length) return\n\n      const { target, contentRect } = entries[0]\n\n      const firstItem = target.querySelector('.v-pagination__list > *') as HTMLElement\n\n      if (!firstItem) return\n\n      const totalWidth = contentRect.width\n      const itemWidth =\n        firstItem.offsetWidth +\n        parseFloat(getComputedStyle(firstItem).marginRight) * 2\n\n      maxButtons.value = getMax(totalWidth, itemWidth)\n    })\n\n    const length = computed(() => parseInt(props.length, 10))\n    const start = computed(() => parseInt(props.start, 10))\n\n    const totalVisible = computed(() => {\n      if (props.totalVisible) return parseInt(props.totalVisible, 10)\n      else if (maxButtons.value >= 0) return maxButtons.value\n      return getMax(width.value, 58)\n    })\n\n    function getMax (totalWidth: number, itemWidth: number) {\n      const minButtons = props.showFirstLastPage ? 5 : 3\n      return Math.max(0, Math.floor(\n        // Round to two decimal places to avoid floating point errors\n        +((totalWidth - itemWidth * minButtons) / itemWidth).toFixed(2)\n      ))\n    }\n\n    const range = computed(() => {\n      if (length.value <= 0 || isNaN(length.value) || length.value > Number.MAX_SAFE_INTEGER) return []\n\n      if (totalVisible.value <= 1) return [page.value]\n\n      if (length.value <= totalVisible.value) {\n        return createRange(length.value, start.value)\n      }\n\n      const even = totalVisible.value % 2 === 0\n      const middle = even ? totalVisible.value / 2 : Math.floor(totalVisible.value / 2)\n      const left = even ? middle : middle + 1\n      const right = length.value - middle\n\n      if (left - page.value >= 0) {\n        return [...createRange(Math.max(1, totalVisible.value - 1), start.value), props.ellipsis, length.value]\n      } else if (page.value - right >= (even ? 1 : 0)) {\n        const rangeLength = totalVisible.value - 1\n        const rangeStart = length.value - rangeLength + start.value\n        return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart)]\n      } else {\n        const rangeLength = Math.max(1, totalVisible.value - 3)\n        const rangeStart = rangeLength === 1 ? page.value : page.value - Math.ceil(rangeLength / 2) + start.value\n        return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart), props.ellipsis, length.value]\n      }\n    })\n\n    // TODO: 'first' | 'prev' | 'next' | 'last' does not work here?\n    function setValue (e: Event, value: number, event?: any) {\n      e.preventDefault()\n      page.value = value\n      event && emit(event, value)\n    }\n\n    const { refs, updateRef } = useRefs<ComponentPublicInstance>()\n\n    provideDefaults({\n      VPaginationBtn: {\n        color: toRef(props, 'color'),\n        border: toRef(props, 'border'),\n        density: toRef(props, 'density'),\n        size: toRef(props, 'size'),\n        variant: toRef(props, 'variant'),\n        rounded: toRef(props, 'rounded'),\n        elevation: toRef(props, 'elevation'),\n      },\n    })\n\n    const items = computed(() => {\n      return range.value.map((item, index) => {\n        const ref = (e: any) => updateRef(e, index)\n\n        if (typeof item === 'string') {\n          return {\n            isActive: false,\n            key: `ellipsis-${index}`,\n            page: item,\n            props: {\n              ref,\n              ellipsis: true,\n              icon: true,\n              disabled: true,\n            },\n          }\n        } else {\n          const isActive = item === page.value\n          return {\n            isActive,\n            key: item,\n            page: n(item),\n            props: {\n              ref,\n              ellipsis: false,\n              icon: true,\n              disabled: !!props.disabled || +props.length < 2,\n              color: isActive ? props.activeColor : props.color,\n              ariaCurrent: isActive,\n              ariaLabel: t(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, item),\n              onClick: (e: Event) => setValue(e, item),\n            },\n          }\n        }\n      })\n    })\n\n    const controls = computed(() => {\n      const prevDisabled = !!props.disabled || page.value <= start.value\n      const nextDisabled = !!props.disabled || page.value >= start.value + length.value - 1\n\n      return {\n        first: props.showFirstLastPage ? {\n          icon: isRtl.value ? props.lastIcon : props.firstIcon,\n          onClick: (e: Event) => setValue(e, start.value, 'first'),\n          disabled: prevDisabled,\n          ariaLabel: t(props.firstAriaLabel),\n          ariaDisabled: prevDisabled,\n        } : undefined,\n        prev: {\n          icon: isRtl.value ? props.nextIcon : props.prevIcon,\n          onClick: (e: Event) => setValue(e, page.value - 1, 'prev'),\n          disabled: prevDisabled,\n          ariaLabel: t(props.previousAriaLabel),\n          ariaDisabled: prevDisabled,\n        },\n        next: {\n          icon: isRtl.value ? props.prevIcon : props.nextIcon,\n          onClick: (e: Event) => setValue(e, page.value + 1, 'next'),\n          disabled: nextDisabled,\n          ariaLabel: t(props.nextAriaLabel),\n          ariaDisabled: nextDisabled,\n        },\n        last: props.showFirstLastPage ? {\n          icon: isRtl.value ? props.firstIcon : props.lastIcon,\n          onClick: (e: Event) => setValue(e, start.value + length.value - 1, 'last'),\n          disabled: nextDisabled,\n          ariaLabel: t(props.lastAriaLabel),\n          ariaDisabled: nextDisabled,\n        } : undefined,\n      }\n    })\n\n    function updateFocus () {\n      const currentIndex = page.value - start.value\n      refs.value[currentIndex]?.$el.focus()\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key === keyValues.left && !props.disabled && page.value > +props.start) {\n        page.value = page.value - 1\n        nextTick(updateFocus)\n      } else if (e.key === keyValues.right && !props.disabled && page.value < start.value + length.value - 1) {\n        page.value = page.value + 1\n        nextTick(updateFocus)\n      }\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ resizeRef }\n        class={[\n          'v-pagination',\n          themeClasses.value,\n        ]}\n        role=\"navigation\"\n        aria-label={ t(props.ariaLabel) }\n        onKeydown={ onKeydown }\n        data-test=\"v-pagination-root\"\n      >\n        <ul class=\"v-pagination__list\">\n          { props.showFirstLastPage && (\n            <li key=\"first\" class=\"v-pagination__first\" data-test=\"v-pagination-first\">\n              { slots.first ? slots.first(controls.value.first) : (\n                <VBtn _as=\"VPaginationBtn\" { ...controls.value.first } />\n              )}\n            </li>\n          )}\n\n          <li key=\"prev\" class=\"v-pagination__prev\" data-test=\"v-pagination-prev\">\n            { slots.prev ? slots.prev(controls.value.prev) : (\n              <VBtn _as=\"VPaginationBtn\" { ...controls.value.prev } />\n            )}\n          </li>\n\n          { items.value.map((item, index) => (\n            <li\n              key={ item.key }\n              class={[\n                'v-pagination__item',\n                {\n                  'v-pagination__item--is-active': item.isActive,\n                },\n              ]}\n              data-test=\"v-pagination-item\"\n            >\n              { slots.item ? slots.item(item) : (\n                <VBtn _as=\"VPaginationBtn\" { ...item.props }>{ item.page }</VBtn>\n              )}\n            </li>\n          ))}\n\n          <li\n            key=\"next\"\n            class=\"v-pagination__next\"\n            data-test=\"v-pagination-next\"\n          >\n            { slots.next ? slots.next(controls.value.next) : (\n              <VBtn _as=\"VPaginationBtn\" { ...controls.value.next } />\n            )}\n          </li>\n\n          { props.showFirstLastPage && (\n            <li\n              key=\"last\"\n              class=\"v-pagination__last\"\n              data-test=\"v-pagination-last\"\n            >\n              { slots.last ? slots.last(controls.value.last) : (\n                <VBtn _as=\"VPaginationBtn\" { ...controls.value.last } />\n              )}\n            </li>\n          )}\n        </ul>\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VPagination = InstanceType<typeof VPagination>\n"],"mappings":"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"}

package/lib/components/VParallax/VParallax.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VParallax.mjs","names":["VImg","useDisplay","useIntersectionObserver","useResizeObserver","clamp","genericComponent","getScrollParent","useRender","computed","onBeforeUnmount","ref","watch","watchEffect","floor","val","Math","abs","sign","VParallax","name","props","scale","type","Number","String","default","setup","slots","intersectionRef","isIntersecting","resizeRef","contentRect","height","displayHeight","root","value","$el","scrollParent","document","scrollingElement","addEventListener","onScroll","passive","removeEventListener","frame","cancelAnimationFrame","requestAnimationFrame","el","querySelector","scrollHeight","Document","documentElement","clientHeight","scrollPos","window","scrollY","scrollTop","top","getBoundingClientRect","center","translate","sizeScale","max","style","setProperty"],"sources":["../../../src/components/VParallax/VParallax.tsx"],"sourcesContent":["// Styles\nimport './VParallax.sass'\n\n// Components\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { useDisplay } from '@/composables'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { clamp, genericComponent, getScrollParent, useRender } from '@/util'\nimport { computed, onBeforeUnmount, ref, watch, watchEffect } from 'vue'\n\n// Types\nimport type { VImgSlots } from '../VImg/VImg'\n\nfunction floor (val: number) {\n  return Math.floor(Math.abs(val)) * Math.sign(val)\n}\n\nexport const VParallax = genericComponent<VImgSlots>()({\n  name: 'VParallax',\n\n  props: {\n    scale: {\n      type: [Number, String],\n      default: 0.5,\n    },\n  },\n\n  setup (props, { slots }) {\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n    const { resizeRef, contentRect } = useResizeObserver()\n    const { height: displayHeight } = useDisplay()\n\n    const root = ref<VImg>()\n\n    watchEffect(() => {\n      intersectionRef.value = resizeRef.value = root.value?.$el\n    })\n\n    let scrollParent: Element | Document\n    watch(isIntersecting, val => {\n      if (val) {\n        scrollParent = getScrollParent(intersectionRef.value)\n        scrollParent = scrollParent === document.scrollingElement ? document : scrollParent\n        scrollParent.addEventListener('scroll', onScroll, { passive: true })\n        onScroll()\n      } else {\n        scrollParent.removeEventListener('scroll', onScroll)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      scrollParent?.removeEventListener('scroll', onScroll)\n    })\n\n    watch(displayHeight, onScroll)\n    watch(() => contentRect.value?.height, onScroll)\n\n    const scale = computed(() => {\n      return 1 - clamp(+props.scale)\n    })\n\n    let frame = -1\n    function onScroll () {\n      if (!isIntersecting.value) return\n\n      cancelAnimationFrame(frame)\n      frame = requestAnimationFrame(() => {\n        const el: HTMLElement | null = (root.value?.$el as Element).querySelector('.v-img__img')\n        if (!el) return\n\n        const scrollHeight = scrollParent instanceof Document ? document.documentElement.clientHeight : scrollParent.clientHeight\n        const scrollPos = scrollParent instanceof Document ? window.scrollY : scrollParent.scrollTop\n        const top = intersectionRef.value!.getBoundingClientRect().top + scrollPos\n        const height = contentRect.value!.height\n\n        const center = top + (height - scrollHeight) / 2\n        const translate = floor((scrollPos - center) * scale.value)\n        const sizeScale = Math.max(1, (scale.value * (scrollHeight - height) + height) / height)\n\n        el.style.setProperty('transform', `translateY(${translate}px) scale(${sizeScale})`)\n      })\n    }\n\n    useRender(() => (\n      <VImg\n        class={[\n          'v-parallax',\n          { 'v-parallax--active': isIntersecting.value },\n        ]}\n        ref={ root }\n        cover\n        onLoadstart={ onScroll }\n        onLoad={ onScroll }\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VParallax = InstanceType<typeof VParallax>\n"],"mappings":"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"}
+{"version":3,"file":"VParallax.mjs","names":["VImg","useDisplay","useIntersectionObserver","useResizeObserver","clamp","genericComponent","getScrollParent","useRender","computed","onBeforeUnmount","ref","watch","watchEffect","floor","val","Math","abs","sign","VParallax","name","props","scale","type","Number","String","default","setup","_ref","slots","intersectionRef","isIntersecting","resizeRef","contentRect","height","displayHeight","root","value","$el","scrollParent","document","scrollingElement","addEventListener","onScroll","passive","removeEventListener","frame","cancelAnimationFrame","requestAnimationFrame","el","querySelector","scrollHeight","Document","documentElement","clientHeight","scrollPos","window","scrollY","scrollTop","top","getBoundingClientRect","center","translate","sizeScale","max","style","setProperty","_createVNode"],"sources":["../../../src/components/VParallax/VParallax.tsx"],"sourcesContent":["// Styles\nimport './VParallax.sass'\n\n// Components\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { useDisplay } from '@/composables'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { clamp, genericComponent, getScrollParent, useRender } from '@/util'\nimport { computed, onBeforeUnmount, ref, watch, watchEffect } from 'vue'\n\n// Types\nimport type { VImgSlots } from '../VImg/VImg'\n\nfunction floor (val: number) {\n  return Math.floor(Math.abs(val)) * Math.sign(val)\n}\n\nexport const VParallax = genericComponent<VImgSlots>()({\n  name: 'VParallax',\n\n  props: {\n    scale: {\n      type: [Number, String],\n      default: 0.5,\n    },\n  },\n\n  setup (props, { slots }) {\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n    const { resizeRef, contentRect } = useResizeObserver()\n    const { height: displayHeight } = useDisplay()\n\n    const root = ref<VImg>()\n\n    watchEffect(() => {\n      intersectionRef.value = resizeRef.value = root.value?.$el\n    })\n\n    let scrollParent: Element | Document\n    watch(isIntersecting, val => {\n      if (val) {\n        scrollParent = getScrollParent(intersectionRef.value)\n        scrollParent = scrollParent === document.scrollingElement ? document : scrollParent\n        scrollParent.addEventListener('scroll', onScroll, { passive: true })\n        onScroll()\n      } else {\n        scrollParent.removeEventListener('scroll', onScroll)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      scrollParent?.removeEventListener('scroll', onScroll)\n    })\n\n    watch(displayHeight, onScroll)\n    watch(() => contentRect.value?.height, onScroll)\n\n    const scale = computed(() => {\n      return 1 - clamp(+props.scale)\n    })\n\n    let frame = -1\n    function onScroll () {\n      if (!isIntersecting.value) return\n\n      cancelAnimationFrame(frame)\n      frame = requestAnimationFrame(() => {\n        const el: HTMLElement | null = (root.value?.$el as Element).querySelector('.v-img__img')\n        if (!el) return\n\n        const scrollHeight = scrollParent instanceof Document ? document.documentElement.clientHeight : scrollParent.clientHeight\n        const scrollPos = scrollParent instanceof Document ? window.scrollY : scrollParent.scrollTop\n        const top = intersectionRef.value!.getBoundingClientRect().top + scrollPos\n        const height = contentRect.value!.height\n\n        const center = top + (height - scrollHeight) / 2\n        const translate = floor((scrollPos - center) * scale.value)\n        const sizeScale = Math.max(1, (scale.value * (scrollHeight - height) + height) / height)\n\n        el.style.setProperty('transform', `translateY(${translate}px) scale(${sizeScale})`)\n      })\n    }\n\n    useRender(() => (\n      <VImg\n        class={[\n          'v-parallax',\n          { 'v-parallax--active': isIntersecting.value },\n        ]}\n        ref={ root }\n        cover\n        onLoadstart={ onScroll }\n        onLoad={ onScroll }\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VParallax = InstanceType<typeof VParallax>\n"],"mappings":"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"}

package/lib/components/VPicker/VPicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VPicker.mjs","names":["Colorable","Elevatable","Themeable","convertToUnit","mixins","extend","name","props","flat","Boolean","fullWidth","landscape","noTitle","transition","type","String","default","width","Number","computed","computedTitleColor","defaultTitleColor","isDark","color","methods","genTitle","$createElement","setBackgroundColor","staticClass","class","$slots","title","genBodyTransition","genBody","themeClasses","style","undefined","genActions","actions","render","h","elevationClasses"],"sources":["../../../src/components/VPicker/VPicker.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\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 } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Elevatable,\n  Themeable\n).extend({\n  name: 'v-picker',\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 this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {\n        staticClass: 'v-picker__title',\n        class: {\n          'v-picker__title--landscape': this.landscape,\n        },\n      }), this.$slots.title)\n    },\n    genBodyTransition () {\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n      }, this.$slots.default)\n    },\n    genBody () {\n      return this.$createElement('div', {\n        staticClass: 'v-picker__body',\n        class: {\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 this.$createElement('div', {\n        staticClass: 'v-picker__actions v-card__actions',\n        class: {\n          'v-picker__actions--no-title': this.noTitle,\n        },\n      }, this.$slots.actions)\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-picker v-card',\n      class: {\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"],"mappings":"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"}
+{"version":3,"file":"VPicker.mjs","names":["Colorable","Elevatable","Themeable","convertToUnit","mixins","extend","name","props","flat","Boolean","fullWidth","landscape","noTitle","transition","type","String","default","width","Number","computed","computedTitleColor","defaultTitleColor","isDark","color","methods","genTitle","$createElement","setBackgroundColor","staticClass","class","$slots","title","genBodyTransition","genBody","themeClasses","style","undefined","genActions","actions","render","h","elevationClasses"],"sources":["../../../src/components/VPicker/VPicker.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\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 } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Elevatable,\n  Themeable\n).extend({\n  name: 'v-picker',\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 this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {\n        staticClass: 'v-picker__title',\n        class: {\n          'v-picker__title--landscape': this.landscape,\n        },\n      }), this.$slots.title)\n    },\n    genBodyTransition () {\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n      }, this.$slots.default)\n    },\n    genBody () {\n      return this.$createElement('div', {\n        staticClass: 'v-picker__body',\n        class: {\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 this.$createElement('div', {\n        staticClass: 'v-picker__actions v-card__actions',\n        class: {\n          'v-picker__actions--no-title': this.noTitle,\n        },\n      }, this.$slots.actions)\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-picker v-card',\n      class: {\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"],"mappings":"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"}

package/lib/components/VProgressCircular/VProgressCircular.css

@@ -62,10 +62,12 @@
   transition: all 0.2s ease-in-out;
 }
 .v-progress-circular--indeterminate .v-progress-circular__overlay {
-  animation: progress-circular-dash 1.4s ease-in-out infinite;
+  animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
   stroke-dasharray: 25, 200;
   stroke-dashoffset: 0;
   stroke-linecap: round;
+  transform-origin: center center;
+  transform: rotate(-90deg);
 }
 
 .v-progress-circular--disable-shrink > svg {

package/lib/components/VProgressCircular/VProgressCircular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VProgressCircular.mjs","names":["makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useIntersectionObserver","useResizeObserver","useTextColor","computed","ref","toRef","watchEffect","convertToUnit","genericComponent","useRender","VProgressCircular","name","props","bgColor","String","color","indeterminate","Boolean","modelValue","type","Number","default","rotate","width","tag","setup","slots","MAGIC_RADIUS_CONSTANT","CIRCUMFERENCE","Math","PI","root","themeClasses","sizeClasses","sizeStyles","textColorClasses","textColorStyles","underlayColorClasses","underlayColorStyles","intersectionRef","isIntersecting","resizeRef","contentRect","normalizedValue","max","min","parseFloat","size","value","diameter","strokeWidth","strokeDashOffset","undefined","transform"],"sources":["../../../src/components/VProgressCircular/VProgressCircular.tsx"],"sourcesContent":["// Styles\nimport './VProgressCircular.sass'\n\n// Composables\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef, watchEffect } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VProgressCircular = genericComponent()({\n  name: 'VProgressCircular',\n\n  props: {\n    bgColor: String,\n    color: String,\n    indeterminate: [Boolean, String] as PropType<boolean | 'disable-shrink'>,\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'div' }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const MAGIC_RADIUS_CONSTANT = 20\n    const CIRCUMFERENCE = 2 * Math.PI * MAGIC_RADIUS_CONSTANT\n\n    const root = ref<HTMLElement>()\n\n    const { themeClasses } = provideTheme(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n    const { textColorClasses: underlayColorClasses, textColorStyles: underlayColorStyles } = useTextColor(toRef(props, 'bgColor'))\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n    const { resizeRef, contentRect } = useResizeObserver()\n\n    const normalizedValue = computed(() => Math.max(0, Math.min(100, parseFloat(props.modelValue))))\n    const width = computed(() => Number(props.width))\n    const size = computed(() => {\n      // Get size from element if size prop value is small, large etc\n      return sizeStyles.value\n        ? Number(props.size)\n        : contentRect.value\n          ? contentRect.value.width\n          : Math.max(width.value, 32)\n    })\n    const diameter = computed(() => (MAGIC_RADIUS_CONSTANT / (1 - width.value / size.value)) * 2)\n    const strokeWidth = computed(() => width.value / size.value * diameter.value)\n    const strokeDashOffset = computed(() => convertToUnit(((100 - normalizedValue.value) / 100) * CIRCUMFERENCE))\n\n    watchEffect(() => {\n      intersectionRef.value = root.value\n      resizeRef.value = root.value\n    })\n\n    useRender(() => (\n      <props.tag\n        ref={ root }\n        class={[\n          'v-progress-circular',\n          {\n            'v-progress-circular--indeterminate': !!props.indeterminate,\n            'v-progress-circular--visible': isIntersecting.value,\n            'v-progress-circular--disable-shrink': props.indeterminate === 'disable-shrink',\n          },\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n        ]}\n        style={[\n          sizeStyles.value,\n          textColorStyles.value,\n        ]}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n      >\n        <svg\n          style={{\n            transform: `rotate(calc(-90deg + ${Number(props.rotate)}deg))`,\n          }}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox={ `0 0 ${diameter.value} ${diameter.value}` }\n        >\n          <circle\n            class={[\n              'v-progress-circular__underlay',\n              underlayColorClasses.value,\n            ]}\n            style={ underlayColorStyles.value }\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ 0 }\n          />\n\n          <circle\n            class=\"v-progress-circular__overlay\"\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ strokeDashOffset.value }\n          />\n        </svg>\n\n        { slots.default && (\n          <div class=\"v-progress-circular__content\">\n            { slots.default({ value: normalizedValue.value }) }\n          </div>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressCircular = InstanceType<typeof VProgressCircular>\n"],"mappings":"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"}
+{"version":3,"file":"VProgressCircular.mjs","names":["makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useIntersectionObserver","useResizeObserver","useTextColor","computed","ref","toRef","watchEffect","convertToUnit","genericComponent","useRender","VProgressCircular","name","props","bgColor","String","color","indeterminate","Boolean","modelValue","type","Number","default","rotate","width","tag","setup","_ref","slots","MAGIC_RADIUS_CONSTANT","CIRCUMFERENCE","Math","PI","root","themeClasses","sizeClasses","sizeStyles","textColorClasses","textColorStyles","underlayColorClasses","underlayColorStyles","intersectionRef","isIntersecting","resizeRef","contentRect","normalizedValue","max","min","parseFloat","size","value","diameter","strokeWidth","strokeDashOffset","_createVNode","undefined","transform"],"sources":["../../../src/components/VProgressCircular/VProgressCircular.tsx"],"sourcesContent":["// Styles\nimport './VProgressCircular.sass'\n\n// Composables\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef, watchEffect } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VProgressCircular = genericComponent()({\n  name: 'VProgressCircular',\n\n  props: {\n    bgColor: String,\n    color: String,\n    indeterminate: [Boolean, String] as PropType<boolean | 'disable-shrink'>,\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'div' }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const MAGIC_RADIUS_CONSTANT = 20\n    const CIRCUMFERENCE = 2 * Math.PI * MAGIC_RADIUS_CONSTANT\n\n    const root = ref<HTMLElement>()\n\n    const { themeClasses } = provideTheme(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n    const { textColorClasses: underlayColorClasses, textColorStyles: underlayColorStyles } = useTextColor(toRef(props, 'bgColor'))\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n    const { resizeRef, contentRect } = useResizeObserver()\n\n    const normalizedValue = computed(() => Math.max(0, Math.min(100, parseFloat(props.modelValue))))\n    const width = computed(() => Number(props.width))\n    const size = computed(() => {\n      // Get size from element if size prop value is small, large etc\n      return sizeStyles.value\n        ? Number(props.size)\n        : contentRect.value\n          ? contentRect.value.width\n          : Math.max(width.value, 32)\n    })\n    const diameter = computed(() => (MAGIC_RADIUS_CONSTANT / (1 - width.value / size.value)) * 2)\n    const strokeWidth = computed(() => width.value / size.value * diameter.value)\n    const strokeDashOffset = computed(() => convertToUnit(((100 - normalizedValue.value) / 100) * CIRCUMFERENCE))\n\n    watchEffect(() => {\n      intersectionRef.value = root.value\n      resizeRef.value = root.value\n    })\n\n    useRender(() => (\n      <props.tag\n        ref={ root }\n        class={[\n          'v-progress-circular',\n          {\n            'v-progress-circular--indeterminate': !!props.indeterminate,\n            'v-progress-circular--visible': isIntersecting.value,\n            'v-progress-circular--disable-shrink': props.indeterminate === 'disable-shrink',\n          },\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n        ]}\n        style={[\n          sizeStyles.value,\n          textColorStyles.value,\n        ]}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n      >\n        <svg\n          style={{\n            transform: `rotate(calc(-90deg + ${Number(props.rotate)}deg))`,\n          }}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox={ `0 0 ${diameter.value} ${diameter.value}` }\n        >\n          <circle\n            class={[\n              'v-progress-circular__underlay',\n              underlayColorClasses.value,\n            ]}\n            style={ underlayColorStyles.value }\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ 0 }\n          />\n\n          <circle\n            class=\"v-progress-circular__overlay\"\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ strokeDashOffset.value }\n          />\n        </svg>\n\n        { slots.default && (\n          <div class=\"v-progress-circular__content\">\n            { slots.default({ value: normalizedValue.value }) }\n          </div>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressCircular = InstanceType<typeof VProgressCircular>\n"],"mappings":"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"}

package/lib/components/VProgressCircular/VProgressCircular.sass

@@ -52,10 +52,12 @@
     transition: $progress-circular-intermediate-svg-transition
 
   .v-progress-circular__overlay
-    animation: $progress-circular-rotate-dash
+    animation: $progress-circular-rotate-dash, $progress-circular-rotate-animation
     stroke-dasharray: 25, 200
     stroke-dashoffset: 0
     stroke-linecap: round
+    transform-origin: center center
+    transform: $progress-circular-overlay-transform
 
 .v-progress-circular--disable-shrink
   > svg

package/lib/components/VProgressCircular/_variables.scss

@@ -1,6 +1,7 @@
 // VProgressCircular
 $progress-circular-intermediate-svg-transition: all 0.2s ease-in-out !default;
 $progress-circular-overlay-transition: all 0.2s ease-in-out, stroke-width 0s !default;
+$progress-circular-overlay-transform: rotate(calc(-90deg)) !default;
 $progress-circular-rotate-animation: progress-circular-rotate 1.4s linear infinite !default;
 $progress-circular-rotate-dash: progress-circular-dash 1.4s ease-in-out infinite !default;
 $progress-circular-size: 32px !default;

package/lib/components/VProgressLinear/VProgressLinear.css

@@ -5,6 +5,9 @@
   transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   width: 100%;
 }
+.v-progress-linear--rounded {
+  border-radius: 9999px;
+}
 
 .v-progress-linear__background {
   background: currentColor;
@@ -109,7 +112,7 @@
 }
 
 .v-progress-linear--rounded {
-  border-radius: 4px;
+  border-radius: 9999px;
 }
 .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 {
@@ -118,7 +121,7 @@
 
 .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-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
   background-repeat: repeat;
   background-size: var(--v-progress-linear-height);
 }
@@ -133,7 +136,7 @@
 .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;
+  border-radius: 9999px;
 }
 .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;

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

@@ -1 +1 @@
-{"version":3,"file":"VProgressLinear.mjs","names":["makeRoundedProps","useRounded","makeTagProps","makeLocationProps","useLocation","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","genericComponent","useRender","VProgressLinear","name","props","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","location","emits","value","setup","slots","progress","isRtl","themeClasses","locationStyles","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","bottom","undefined","top","borderTop","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeLocationProps, useLocation } from '@/composables/location'\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/locale'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\ntype VProgressLinearSlots = {\n  default: [{ value: number, buffer: number }]\n}\n\nexport const VProgressLinear = genericComponent<VProgressLinearSlots>()({\n  name: 'VProgressLinear',\n\n  props: {\n    absolute: Boolean,\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    ...makeLocationProps({ location: 'top' } as const),\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 { locationStyles } = useLocation(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    useRender(() => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--absolute': props.absolute,\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          bottom: props.location === 'bottom' ? 0 : undefined,\n          top: props.location === 'top' ? 0 : undefined,\n          height: props.active ? convertToUnit(height.value) : 0,\n          '--v-progress-linear-height': convertToUnit(height.value),\n          ...locationStyles.value,\n        }}\n        role=\"progressbar\"\n        aria-hidden={ props.active ? 'false' : 'true' }\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            key=\"stream\"\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    return {}\n  },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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"}
+{"version":3,"file":"VProgressLinear.mjs","names":["makeRoundedProps","useRounded","makeTagProps","makeLocationProps","useLocation","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","genericComponent","useRender","VProgressLinear","name","props","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","location","emits","value","setup","_ref","slots","progress","isRtl","themeClasses","locationStyles","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","_createVNode","tag","rounded","bottom","undefined","top","borderTop","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeLocationProps, useLocation } from '@/composables/location'\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/locale'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\ntype VProgressLinearSlots = {\n  default: [{ value: number, buffer: number }]\n}\n\nexport const VProgressLinear = genericComponent<VProgressLinearSlots>()({\n  name: 'VProgressLinear',\n\n  props: {\n    absolute: Boolean,\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    ...makeLocationProps({ location: 'top' } as const),\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 { locationStyles } = useLocation(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    useRender(() => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--absolute': props.absolute,\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          bottom: props.location === 'bottom' ? 0 : undefined,\n          top: props.location === 'top' ? 0 : undefined,\n          height: props.active ? convertToUnit(height.value) : 0,\n          '--v-progress-linear-height': convertToUnit(height.value),\n          ...locationStyles.value,\n        }}\n        role=\"progressbar\"\n        aria-hidden={ props.active ? 'false' : 'true' }\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            key=\"stream\"\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    return {}\n  },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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"}

package/lib/components/VProgressLinear/VProgressLinear.sass

@@ -9,6 +9,9 @@
   transition: $progress-linear-transition
   width: 100%
 
+  &--rounded
+    @include tools.rounded($progress-linear-border-radius)
+
 // Elements
 .v-progress-linear__background
   background: $progress-linear-background

package/lib/components/VProgressLinear/_variables.scss

@@ -4,7 +4,7 @@
 $progress-linear-background: currentColor !default;
 $progress-linear-background-background: $progress-linear-background !default;
 $progress-linear-background-opacity: var(--v-border-opacity) !default;
-$progress-linear-border-radius: settings.$border-radius-root !default;
+$progress-linear-border-radius: map-get(settings.$rounded, 'pill') !default;
 $progress-linear-stream-opacity: 0.3 !default;
 $progress-linear-stripe-background-size: 40px 40px !default;
 $progress-linear-stream-border-width: 4px !default;

package/lib/components/VRadio/VRadio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VRadio.mjs","names":["makeSelectionControlProps","VSelectionControl","genericComponent","useRender","VRadio","name","props","falseIcon","trueIcon","setup","slots"],"sources":["../../../src/components/VRadio/VRadio.tsx"],"sourcesContent":["// Components\nimport { makeSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport const VRadio = genericComponent<VSelectionControlSlots>()({\n  name: 'VRadio',\n\n  props: {\n    ...makeSelectionControlProps({\n      falseIcon: '$radioOff',\n      trueIcon: '$radioOn',\n    }),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        class=\"v-radio\"\n        type=\"radio\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VRadio = InstanceType<typeof VRadio>\n"],"mappings":";AAAA;AAAA,SACSA,yBAAyB,EAAEC,iBAAiB,sDAErD;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAGA,OAAO,MAAMC,MAAM,GAAGF,gBAAgB,EAA0B,CAAC;EAC/DG,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACL,GAAGN,yBAAyB,CAAC;MAC3BO,SAAS,EAAE,WAAW;MACtBC,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrBP,SAAS,CAAC,kDAEDG,KAAK;MAAA,SACJ,SAAS;MAAA,QACV;IAAO,IACFI,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VRadio.mjs","names":["makeSelectionControlProps","VSelectionControl","genericComponent","useRender","VRadio","name","props","falseIcon","trueIcon","setup","_ref","slots","_createVNode","_mergeProps"],"sources":["../../../src/components/VRadio/VRadio.tsx"],"sourcesContent":["// Components\nimport { makeSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport const VRadio = genericComponent<VSelectionControlSlots>()({\n  name: 'VRadio',\n\n  props: {\n    ...makeSelectionControlProps({\n      falseIcon: '$radioOff',\n      trueIcon: '$radioOn',\n    }),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        class=\"v-radio\"\n        type=\"radio\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VRadio = InstanceType<typeof VRadio>\n"],"mappings":";AAAA;AAAA,SACSA,yBAAyB,EAAEC,iBAAiB,sDAErD;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAGA,OAAO,MAAMC,MAAM,GAAGF,gBAAgB,EAA0B,CAAC;EAC/DG,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACL,GAAGN,yBAAyB,CAAC;MAC3BO,SAAS,EAAE,WAAW;MACtBC,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBP,SAAS,CAAC,MAAAS,YAAA,CAAAX,iBAAA,EAAAY,WAAA,CAEDP,KAAK;MAAA,SACJ,SAAS;MAAA,QACV;IAAO,IACFK,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VRadioGroup/VRadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VRadioGroup.mjs","names":["VSelectionControl","filterInputProps","makeVInputProps","VInput","makeSelectionControlGroupProps","VSelectionControlGroup","VLabel","IconValue","useProxiedModel","computed","filterInputAttrs","genericComponent","getUid","omit","useRender","VRadioGroup","name","inheritAttrs","props","height","type","Number","String","default","trueIcon","falseIcon","emits","val","setup","attrs","slots","uid","id","model","inputAttrs","controlAttrs","inputProps","_1","controlProps","_2","filterProps","label","for","value","messagesId","isDisabled","isReadonly","undefined"],"sources":["../../../src/components/VRadioGroup/VRadioGroup.tsx"],"sourcesContent":["// Styles\nimport './VRadioGroup.sass'\n\n// Components\nimport { VSelectionControl } from '@/components/VSelectionControl'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeSelectionControlGroupProps, VSelectionControlGroup } from '@/components/VSelectionControlGroup/VSelectionControlGroup'\nimport { VLabel } from '@/components/VLabel'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, useRender } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport type VRadioGroupSlots = VInputSlots & VSelectionControlSlots\n\nexport const VRadioGroup = genericComponent<VRadioGroupSlots>()({\n  name: 'VRadioGroup',\n\n  inheritAttrs: false,\n\n  props: {\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n\n    ...makeVInputProps(),\n    ...omit(makeSelectionControlGroupProps(), ['multiple']),\n\n    trueIcon: {\n      type: IconValue,\n      default: '$radioOn',\n    },\n    falseIcon: {\n      type: IconValue,\n      default: '$radioOff',\n    },\n    type: {\n      type: String,\n      default: 'radio',\n    },\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const uid = getUid()\n    const id = computed(() => props.id || `radio-group-${uid}`)\n    const model = useProxiedModel(props, 'modelValue')\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = filterInputProps(props)\n      const [controlProps, _2] = VSelectionControl.filterProps(props)\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n\n      return (\n        <VInput\n          class=\"v-radio-group\"\n          { ...inputAttrs }\n          { ...inputProps }\n          v-model={ model.value }\n          id={ id.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <>\n                { label && (\n                  <VLabel id={ id.value }>\n                    { label }\n                  </VLabel>\n                )}\n\n                <VSelectionControlGroup\n                  { ...controlProps }\n                  id={ id.value }\n                  aria-describedby={ messagesId.value }\n                  defaultsTarget=\"VRadio\"\n                  trueIcon={ props.trueIcon }\n                  falseIcon={ props.falseIcon }\n                  type={ props.type }\n                  disabled={ isDisabled.value }\n                  readonly={ isReadonly.value }\n                  aria-labelledby={ label ? id.value : undefined }\n                  multiple={ false }\n                  { ...controlAttrs }\n                  v-model={ model.value }\n                  v-slots={ slots }\n                />\n              </>\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VRadioGroup = InstanceType<typeof VRadioGroup>\n"],"mappings":"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"}
+{"version":3,"file":"VRadioGroup.mjs","names":["VSelectionControl","filterInputProps","makeVInputProps","VInput","makeSelectionControlGroupProps","VSelectionControlGroup","VLabel","IconValue","useProxiedModel","computed","filterInputAttrs","genericComponent","getUid","omit","useRender","VRadioGroup","name","inheritAttrs","props","height","type","Number","String","default","trueIcon","falseIcon","emits","val","setup","_ref","attrs","slots","uid","id","model","inputAttrs","controlAttrs","inputProps","_1","controlProps","_2","filterProps","label","for","value","_createVNode","_mergeProps","$event","_ref2","messagesId","isDisabled","isReadonly","_Fragment","undefined"],"sources":["../../../src/components/VRadioGroup/VRadioGroup.tsx"],"sourcesContent":["// Styles\nimport './VRadioGroup.sass'\n\n// Components\nimport { VSelectionControl } from '@/components/VSelectionControl'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeSelectionControlGroupProps, VSelectionControlGroup } from '@/components/VSelectionControlGroup/VSelectionControlGroup'\nimport { VLabel } from '@/components/VLabel'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, useRender } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport type VRadioGroupSlots = VInputSlots & VSelectionControlSlots\n\nexport const VRadioGroup = genericComponent<VRadioGroupSlots>()({\n  name: 'VRadioGroup',\n\n  inheritAttrs: false,\n\n  props: {\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n\n    ...makeVInputProps(),\n    ...omit(makeSelectionControlGroupProps(), ['multiple']),\n\n    trueIcon: {\n      type: IconValue,\n      default: '$radioOn',\n    },\n    falseIcon: {\n      type: IconValue,\n      default: '$radioOff',\n    },\n    type: {\n      type: String,\n      default: 'radio',\n    },\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const uid = getUid()\n    const id = computed(() => props.id || `radio-group-${uid}`)\n    const model = useProxiedModel(props, 'modelValue')\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = filterInputProps(props)\n      const [controlProps, _2] = VSelectionControl.filterProps(props)\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n\n      return (\n        <VInput\n          class=\"v-radio-group\"\n          { ...inputAttrs }\n          { ...inputProps }\n          v-model={ model.value }\n          id={ id.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <>\n                { label && (\n                  <VLabel id={ id.value }>\n                    { label }\n                  </VLabel>\n                )}\n\n                <VSelectionControlGroup\n                  { ...controlProps }\n                  id={ id.value }\n                  aria-describedby={ messagesId.value }\n                  defaultsTarget=\"VRadio\"\n                  trueIcon={ props.trueIcon }\n                  falseIcon={ props.falseIcon }\n                  type={ props.type }\n                  disabled={ isDisabled.value }\n                  readonly={ isReadonly.value }\n                  aria-labelledby={ label ? id.value : undefined }\n                  multiple={ false }\n                  { ...controlAttrs }\n                  v-model={ model.value }\n                  v-slots={ slots }\n                />\n              </>\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VRadioGroup = InstanceType<typeof VRadioGroup>\n"],"mappings":"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"}

package/lib/components/VRadioGroup/index.d.ts

@@ -6,8 +6,8 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 }
 
 declare function deepEqual(a: any, b: any): boolean;
-type EventProp<T = (...args: any[]) => any> = T | T[];
-declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
+type EventProp<T extends any[] = any[], F = (...args: T) => any> = F | F[];
+declare const EventProp: <T extends any[] = any[]>() => PropType<EventProp<T, (...args: T) => any>>;
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
@@ -91,8 +91,8 @@ declare const VRadioGroup: {
             modelValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
-            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hideDetails?: boolean | "auto" | undefined;
@@ -183,8 +183,8 @@ declare const VRadioGroup: {
             modelValue?: any;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
-            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
-            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             validateOn?: "input" | "blur" | "submit" | undefined;
             validationValue?: any;
             hideDetails?: boolean | "auto" | undefined;
@@ -301,8 +301,8 @@ declare const VRadioGroup: {
         modelValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
-        'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
-        'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+        'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+        'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
         validateOn?: "input" | "blur" | "submit" | undefined;
         validationValue?: any;
         hideDetails?: boolean | "auto" | undefined;
@@ -383,8 +383,8 @@ declare const VRadioGroup: {
     modelValue?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
-    'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
-    'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+    'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+    'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
     validateOn?: "input" | "blur" | "submit" | undefined;
     validationValue?: any;
     hideDetails?: boolean | "auto" | undefined;
@@ -517,8 +517,8 @@ declare const VRadioGroup: {
         default: string;
         validator: (v: any) => boolean;
     };
-    'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:prepend': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:append': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
@@ -586,8 +586,8 @@ declare const VRadioGroup: {
         default: string;
         validator: (v: any) => boolean;
     };
-    'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
-    'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:prepend': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
+    'onClick:append': vue.PropType<EventProp<[MouseEvent], (args_0: MouseEvent) => any>>;
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;