Merge pull request #20 from LottieFiles/feat/bounce-playmode

Feat/bounce playmode

Author: samuelOsborne

example/components/Home.vue

@@ -1,20 +1,24 @@
 <template>
   <div>
-    <div style="display: flex; justify-content: center; align-content: center">
-    </div>
+    <div
+      style="display: flex; justify-content: center; align-content: center"
+    ></div>
     <div style="display: flex; justify-content: center; align-content: center">
       <h1>Welcome to LottieVue example</h1>
     </div>
     <br />
     <lottie-vue-player
       id="player-one"
-      :src="`https://assets10.lottiefiles.com/packages/lf20_tzjfwgud.json`"
+      :src="`https://assets9.lottiefiles.com/private_files/lf30_w3ku1h1i.json`"
       :theme="options.theme"
       :player-size="options.playerSize"
       :player-controls="true"
       :showColorPicker="true"
       :loop="true"
+      :speed="3"
       :autoplay="true"
+      mode="normal"
+      :background-color="options.backgroundColor"
       style="width: 100%; height: 400px"
     ></lottie-vue-player>
   </div>
@@ -28,7 +32,7 @@ export default {
       options: {
         minimizable: false,
         playerSize: "standard",
-        backgroundColor: "#fff",
+        backgroundColor: "#9dff97",
         backgroundStyle: "color",
         theme: {
           controlsView: "standard",

package.json

@@ -4,6 +4,7 @@
   "description": "Lottie player wrapper for Vue.js by LottieFiles",
   "scripts": {
     "build": "vue-cli-service build --target lib --name @lottiefiles/vue-lottie-player ./src/index.js && rm ./dist/demo.html",
+    "build:dev": "vue-cli-service build --watch --inline-vue --target lib --name @lottiefiles/vue-lottie-player ./src/index.js && rm ./dist/demo.html",
     "build-with-coverage": "CODE_COVERAGE=true vue-cli-service build --target lib --name @lottiefiles/vue-lottie-player ./src/index.js && rm ./dist/demo.html",
     "release": "semantic-release",
     "run-tests": "yarn run build-with-coverage && yarn run start-cypress",
@@ -22,7 +23,7 @@
     "dist"
   ],
   "dependencies": {
-    "@lottiefiles/lottie-player": "^1.0.4",
+    "@lottiefiles/lottie-player": "^1.5.7",
     "vue": "^2.6.12"
   },
   "devDependencies": {