From c61c5aceefa29540e6afc238581f15596cc0bf94 Mon Sep 17 00:00:00 2001 From: Marc Stammerjohann Date: Thu, 16 Jan 2020 17:58:47 +0100 Subject: [PATCH] 0.3.0 --- CHANGELOG.md | 9 +++++++++ README.md | 22 +++++++++++++++------- package.json | 2 +- projects/lottie/package.json | 2 +- 4 files changed, 26 insertions(+), 9 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index d270a49..77b7cf4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,12 @@ +# [0.3.0](https://github.com/fivethree-team/lottie/compare/v0.1.0...v0.3.0) (2020-01-16) + + +### Features + +* **ng:** support angular 9 ([1dd860d](https://github.com/fivethree-team/lottie/commit/1dd860d5fc39f5ff03ba8c0b11b33535703c34d7)) + + + # [0.2.0](https://github.com/fivethree-team/lottie/compare/v0.1.0...v0.2.0) (2019-07-26) diff --git a/README.md b/README.md index 69effba..e1df80a 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,12 @@ [![npm version](https://badge.fury.io/js/%40fivethree%2Flottie.svg)](https://www.npmjs.com/@fivethree/lottie) [![License](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/fivethree-team/lottie/blob/master/LICENSE) -Lottie Animation Component for Angular 7 or higher. +Lottie Animation Component for Angular 8 or higher. + +| Angular | @fivehtree/core | +| ------- | --------------- | +| 8/9 | 0.3.x+ | +| 7 | 0.2.x | ## 📦 Installation @@ -15,6 +20,7 @@ yarn add @fivethree/lottie lottie-web ``` ## 🔨 Usage + Import the module into your root application module: ```typescript @@ -22,9 +28,7 @@ import { NgModule } from '@angular/core'; import { LottieModule } from '@fivethree/lottie'; @NgModule({ - imports: [ - LottieModule - ] + imports: [LottieModule] }) export class AppModule {} ``` @@ -34,7 +38,12 @@ export class AppModule {} Add the lottie component to your template: ```html - + ``` You need to setup the `lottieParams` in your component: @@ -46,10 +55,9 @@ import { LottieAnimation, LottieParams } from '@fivethree/lottie'; Component({ selector: 'app-home', templateUrl: 'home.page.html', - styleUrls: ['home.page.scss'], + styleUrls: ['home.page.scss'] }) export class HomePage { - lottieParams: LottieParams = { path: 'assets/lottie/empty_box.json', renderer: 'canvas', diff --git a/package.json b/package.json index e1014a2..52e051f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@fivethree/lottie", - "version": "0.2.0", + "version": "0.3.0", "author": "Marc Stammerjohann", "description": "Lottie Animation Angular Component", "keywords": [ diff --git a/projects/lottie/package.json b/projects/lottie/package.json index c402d5c..1d6f794 100644 --- a/projects/lottie/package.json +++ b/projects/lottie/package.json @@ -1,6 +1,6 @@ { "name": "@fivethree/lottie", - "version": "0.2.0", + "version": "0.3.0", "description": "Lottie Animation Component", "keywords": [ "lottie",