All files FzProgress.vue

100% Statements 31/31
100% Branches 0/0
100% Functions 0/0
100% Lines 31/31

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 321x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x  
<script setup lang="ts">
/**
 * FzProgress Component
 *
 * Animated loading spinner indicator component.
 * Wraps FzIcon with spinning animation for use in loading states.
 *
 * @component
 * @example
 * <FzProgress />
 * <FzProgress size="lg" />
 */
import { FzProgressProps } from "./types";
import { FzIcon } from "@fiscozen/icons";
 
const props = withDefaults(defineProps<FzProgressProps>(), {
  name: "spinner-third",
});
</script>
 
<template>
  <FzIcon
    v-bind="props"
    variant="fas"
    spin
    style="
      --fa-animation-duration: 0.86s;
      --fa-animation-timing: cubic-bezier(0.4, 0.15, 0.6, 0.85);
    "
  />
</template>