ng-vertical-timeline - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

bundles/ng-vertical-timeline.umd.js

@@ -9,3 +9,3 @@ (function (global, factory) {
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
@@ -28,3 +28,3 @@ var NgVerticalTimelineService = /** @class */ (function () {
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
@@ -55,3 +55,3 @@ var NgVerticalTimelineComponent = /** @class */ (function () {
                         selector: 'ng-vertical-timeline',
-                        template: "<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                        template: "<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\" [style.backgroundColor]=\"primaryColor\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                         styles: [".timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:\"\";position:absolute;width:6px;background-color:#222;top:0;bottom:0;left:50%;margin-left:-3px}.timeline .container{position:relative;width:50%;margin:initial;padding:10px 40px;background-color:initial;box-sizing:border-box}.timeline .container:after{content:\"\";position:absolute;width:25px;height:25px;right:-12px;background-color:#000428;border:4px solid #004e92;top:15px;border-radius:50%;z-index:1}.timeline .container .inner{background-color:#fff;color:#222;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.timeline .container .inner .head{display:flex;align-items:center;color:#fff;background-color:#222}.timeline .container .inner .head .icon{margin:20px;max-width:50px}.timeline .container .inner .head .icon img{width:100%;height:100%}.timeline .container .inner .head .title{font-size:24px;text-transform:uppercase}.timeline .container .inner .head .title span{display:block;font-size:14px}.timeline .container .inner .body{background-color:#fff;padding:20px}.left{left:0}.left:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid #222;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #222}.right{left:50%}.right:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.right:after{left:-16px}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline .container{width:100%;padding-left:70px;padding-right:25px}.timeline .container:before{left:60px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.left::after,.right::after{left:12px}.right{left:0}#timeline--1,#timeline--2,#timeline--3{top:initial}}"]
@@ -63,3 +63,4 @@ }] }
         NgVerticalTimelineComponent.propDecorators = {
-            data: [{ type: i0.Input }]
+            data: [{ type: i0.Input }],
+            primaryColor: [{ type: i0.Input }]
         };
@@ -71,3 +72,3 @@ return NgVerticalTimelineComponent;
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
@@ -89,3 +90,3 @@ var NgVerticalTimelineModule = /** @class */ (function () {
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
@@ -95,3 +96,3 @@
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
@@ -107,2 +108,2 @@
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUudW1kLmpzLm1hcCIsInNvdXJjZXMiOlsibmc6Ly9uZy12ZXJ0aWNhbC10aW1lbGluZS9saWIvbmctdmVydGljYWwtdGltZWxpbmUuc2VydmljZS50cyIsIm5nOi8vbmctdmVydGljYWwtdGltZWxpbmUvbGliL25nLXZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudC50cyIsIm5nOi8vbmctdmVydGljYWwtdGltZWxpbmUvbGliL25nLXZlcnRpY2FsLXRpbWVsaW5lLm1vZHVsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIE5nVmVydGljYWxUaW1lbGluZVNlcnZpY2Uge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG59XG4iLCJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRpbWVsaW5lRXZlbnQgfSBmcm9tICcuL3RpbWVsaW5lLWV2ZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctdmVydGljYWwtdGltZWxpbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE5nVmVydGljYWxUaW1lbGluZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIGRhdGE6IFRpbWVsaW5lRXZlbnRbXTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIGlzUGFpcihpZDogbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEoaWQgJSAyKTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJyb3dzZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7IE5nVmVydGljYWxUaW1lbGluZUNvbXBvbmVudCB9IGZyb20gJy4vbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0Jyb3dzZXJNb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtOZ1ZlcnRpY2FsVGltZWxpbmVDb21wb25lbnRdLFxuICBleHBvcnRzOiBbTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBOZ1ZlcnRpY2FsVGltZWxpbmVNb2R1bGUge31cbiJdLCJuYW1lcyI6WyJJbmplY3RhYmxlIiwiQ29tcG9uZW50IiwiSW5wdXQiLCJOZ01vZHVsZSIsIkJyb3dzZXJNb2R1bGUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQTtRQU9FO1NBQWlCOztvQkFMbEJBLGFBQVUsU0FBQzt3QkFDVixVQUFVLEVBQUUsTUFBTTtxQkFDbkI7Ozs7O3dDQUpEO0tBRUE7Ozs7OztBQ0ZBO1FBWUU7U0FBZ0I7Ozs7UUFFaEIsOENBQVE7OztZQUFSLGVBQWE7Ozs7O1FBRWIsNENBQU07Ozs7WUFBTixVQUFPLEVBQVU7Z0JBQ2YsT0FBTyxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQzthQUNsQjs7b0JBZkZDLFlBQVMsU0FBQzt3QkFDVCxRQUFRLEVBQUUsc0JBQXNCO3dCQUNoQyxrcEJBQW9EOztxQkFFckQ7Ozs7OzJCQUVFQyxRQUFLOztRQVVSLGtDQUFDO0tBaEJEOzs7Ozs7QUNIQTtRQUlBO1NBS3dDOztvQkFMdkNDLFdBQVEsU0FBQzt3QkFDUixPQUFPLEVBQUUsQ0FBQ0MsNkJBQWEsQ0FBQzt3QkFDeEIsWUFBWSxFQUFFLENBQUMsMkJBQTJCLENBQUM7d0JBQzNDLE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO3FCQUN2Qzs7UUFDc0MsK0JBQUM7S0FMeEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=ng-vertical-timeline.umd.js.map

bundles/ng-vertical-timeline.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/platform-browser")):"function"==typeof define&&define.amd?define("ng-vertical-timeline",["exports","@angular/core","@angular/platform-browser"],t):t(e["ng-vertical-timeline"]={},e.ng.core,e.ng.platformBrowser)}(this,function(e,t,n){"use strict";var i=function(){function e(){}return e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[]},e.ngInjectableDef=t.defineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e}(),r=function(){function e(){}return e.prototype.ngOnInit=function(){},e.prototype.isPair=function(e){return!(e%2)},e.decorators=[{type:t.Component,args:[{selector:"ng-vertical-timeline",template:'<div class="timeline">\r\n\r\n  <div *ngFor="let item of data">\r\n\r\n    <div class="container left" [ngClass]="isPair(item.id)?\'left\':\'right\'">\r\n      <div class="inner">\r\n        <div class="head">\r\n          <div class="icon">\r\n            <img class="ui tiny image" [src]="item.icon">\r\n          </div>\r\n\r\n          <div class="title">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class="body">\r\n          <p [innerHTML]="item.content"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n',styles:['.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background-color:#222;top:0;bottom:0;left:50%;margin-left:-3px}.timeline .container{position:relative;width:50%;margin:initial;padding:10px 40px;background-color:initial;box-sizing:border-box}.timeline .container:after{content:"";position:absolute;width:25px;height:25px;right:-12px;background-color:#000428;border:4px solid #004e92;top:15px;border-radius:50%;z-index:1}.timeline .container .inner{background-color:#fff;color:#222;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.timeline .container .inner .head{display:flex;align-items:center;color:#fff;background-color:#222}.timeline .container .inner .head .icon{margin:20px;max-width:50px}.timeline .container .inner .head .icon img{width:100%;height:100%}.timeline .container .inner .head .title{font-size:24px;text-transform:uppercase}.timeline .container .inner .head .title span{display:block;font-size:14px}.timeline .container .inner .body{background-color:#fff;padding:20px}.left{left:0}.left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid #222;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #222}.right{left:50%}.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.right:after{left:-16px}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline .container{width:100%;padding-left:70px;padding-right:25px}.timeline .container:before{left:60px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.left::after,.right::after{left:12px}.right{left:0}#timeline--1,#timeline--2,#timeline--3{top:initial}}']}]}],e.ctorParameters=function(){return[]},e.propDecorators={data:[{type:t.Input}]},e}(),o=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[n.BrowserModule],declarations:[r],exports:[r]}]}],e}();e.NgVerticalTimelineService=i,e.NgVerticalTimelineComponent=r,e.NgVerticalTimelineModule=o,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/platform-browser")):"function"==typeof define&&define.amd?define("ng-vertical-timeline",["exports","@angular/core","@angular/platform-browser"],t):t(e["ng-vertical-timeline"]={},e.ng.core,e.ng.platformBrowser)}(this,function(e,t,n){"use strict";var r=(i.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],i.ctorParameters=function(){return[]},i.ngInjectableDef=t.defineInjectable({factory:function(){return new i},token:i,providedIn:"root"}),i);function i(){}var o=(a.prototype.ngOnInit=function(){},a.prototype.isPair=function(e){return!(e%2)},a.decorators=[{type:t.Component,args:[{selector:"ng-vertical-timeline",template:'<div class="timeline">\r\n\r\n  <div *ngFor="let item of data">\r\n\r\n    <div class="container left" [ngClass]="isPair(item.id)?\'left\':\'right\'">\r\n      <div class="inner">\r\n        <div class="head" [style.backgroundColor]="primaryColor">\r\n          <div class="icon">\r\n            <img class="ui tiny image" [src]="item.icon">\r\n          </div>\r\n\r\n          <div class="title">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class="body">\r\n          <p [innerHTML]="item.content"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n',styles:['.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background-color:#222;top:0;bottom:0;left:50%;margin-left:-3px}.timeline .container{position:relative;width:50%;margin:initial;padding:10px 40px;background-color:initial;box-sizing:border-box}.timeline .container:after{content:"";position:absolute;width:25px;height:25px;right:-12px;background-color:#000428;border:4px solid #004e92;top:15px;border-radius:50%;z-index:1}.timeline .container .inner{background-color:#fff;color:#222;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.timeline .container .inner .head{display:flex;align-items:center;color:#fff;background-color:#222}.timeline .container .inner .head .icon{margin:20px;max-width:50px}.timeline .container .inner .head .icon img{width:100%;height:100%}.timeline .container .inner .head .title{font-size:24px;text-transform:uppercase}.timeline .container .inner .head .title span{display:block;font-size:14px}.timeline .container .inner .body{background-color:#fff;padding:20px}.left{left:0}.left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid #222;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #222}.right{left:50%}.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.right:after{left:-16px}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline .container{width:100%;padding-left:70px;padding-right:25px}.timeline .container:before{left:60px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.left::after,.right::after{left:12px}.right{left:0}#timeline--1,#timeline--2,#timeline--3{top:initial}}']}]}],a.ctorParameters=function(){return[]},a.propDecorators={data:[{type:t.Input}],primaryColor:[{type:t.Input}]},a);function a(){}var l=(p.decorators=[{type:t.NgModule,args:[{imports:[n.BrowserModule],declarations:[o],exports:[o]}]}],p);function p(){}e.NgVerticalTimelineService=r,e.NgVerticalTimelineComponent=o,e.NgVerticalTimelineModule=l,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ng-vertical-timeline.umd.min.js.map

esm2015/lib/ng-vertical-timeline.component.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -23,3 +23,3 @@ import { Component, Input } from '@angular/core';
                 selector: 'ng-vertical-timeline',
-                template: "<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                template: "<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\" [style.backgroundColor]=\"primaryColor\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                 styles: [".timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:\"\";position:absolute;width:6px;background-color:#222;top:0;bottom:0;left:50%;margin-left:-3px}.timeline .container{position:relative;width:50%;margin:initial;padding:10px 40px;background-color:initial;box-sizing:border-box}.timeline .container:after{content:\"\";position:absolute;width:25px;height:25px;right:-12px;background-color:#000428;border:4px solid #004e92;top:15px;border-radius:50%;z-index:1}.timeline .container .inner{background-color:#fff;color:#222;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.timeline .container .inner .head{display:flex;align-items:center;color:#fff;background-color:#222}.timeline .container .inner .head .icon{margin:20px;max-width:50px}.timeline .container .inner .head .icon img{width:100%;height:100%}.timeline .container .inner .head .title{font-size:24px;text-transform:uppercase}.timeline .container .inner .head .title span{display:block;font-size:14px}.timeline .container .inner .body{background-color:#fff;padding:20px}.left{left:0}.left:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid #222;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #222}.right{left:50%}.right:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.right:after{left:-16px}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline .container{width:100%;padding-left:70px;padding-right:25px}.timeline .container:before{left:60px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.left::after,.right::after{left:12px}.right{left:0}#timeline--1,#timeline--2,#timeline--3{top:initial}}"]
@@ -31,3 +31,4 @@ }] }
 NgVerticalTimelineComponent.propDecorators = {
-    data: [{ type: Input }]
+    data: [{ type: Input }],
+    primaryColor: [{ type: Input }]
 };
@@ -37,3 +38,5 @@ if (false) {
     NgVerticalTimelineComponent.prototype.data;
+    /** @type {?} */
+    NgVerticalTimelineComponent.prototype.primaryColor;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctdmVydGljYWwtdGltZWxpbmUvIiwic291cmNlcyI6WyJsaWIvbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVF6RCxNQUFNLE9BQU8sMkJBQTJCO0lBSXRDLGdCQUFlLENBQUM7Ozs7SUFFaEIsUUFBUSxLQUFJLENBQUM7Ozs7O0lBRWIsTUFBTSxDQUFDLEVBQVU7UUFDZixPQUFPLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDbkIsQ0FBQzs7O1lBZkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxzQkFBc0I7Z0JBQ2hDLGtwQkFBb0Q7O2FBRXJEOzs7OzttQkFFRSxLQUFLOzs7O0lBQU4sMkNBQ3NCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaW1lbGluZUV2ZW50IH0gZnJvbSAnLi90aW1lbGluZS1ldmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLXZlcnRpY2FsLXRpbWVsaW5lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25nLXZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOZ1ZlcnRpY2FsVGltZWxpbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBkYXRhOiBUaW1lbGluZUV2ZW50W107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBpc1BhaXIoaWQ6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhKGlkICUgMik7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctdmVydGljYWwtdGltZWxpbmUvIiwic291cmNlcyI6WyJsaWIvbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVF6RCxNQUFNLE9BQU8sMkJBQTJCO0lBTXRDLGdCQUFlLENBQUM7Ozs7SUFFaEIsUUFBUSxLQUFJLENBQUM7Ozs7O0lBRWIsTUFBTSxDQUFDLEVBQVU7UUFDZixPQUFPLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDbkIsQ0FBQzs7O1lBakJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsc0JBQXNCO2dCQUNoQywyckJBQW9EOzthQUVyRDs7Ozs7bUJBRUUsS0FBSzsyQkFFTCxLQUFLOzs7O0lBRk4sMkNBQ3NCOztJQUN0QixtREFDcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVGltZWxpbmVFdmVudCB9IGZyb20gJy4vdGltZWxpbmUtZXZlbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduZy12ZXJ0aWNhbC10aW1lbGluZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25nLXZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ1ZlcnRpY2FsVGltZWxpbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpXHJcbiAgZGF0YTogVGltZWxpbmVFdmVudFtdO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHJpbWFyeUNvbG9yOiBzdHJpbmc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKSB7fVxyXG5cclxuICBpc1BhaXIoaWQ6IG51bWJlcik6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuICEoaWQgJSAyKTtcclxuICB9XHJcbn1cclxuIl19

esm2015/lib/ng-vertical-timeline.module.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -17,2 +17,2 @@ import { NgModule } from '@angular/core';
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctdmVydGljYWwtdGltZWxpbmUvIiwic291cmNlcyI6WyJsaWIvbmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQU8vRSxNQUFNLE9BQU8sd0JBQXdCOzs7WUFMcEMsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQztnQkFDeEIsWUFBWSxFQUFFLENBQUMsMkJBQTJCLENBQUM7Z0JBQzNDLE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO2FBQ3ZDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJyb3dzZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7IE5nVmVydGljYWxUaW1lbGluZUNvbXBvbmVudCB9IGZyb20gJy4vbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0Jyb3dzZXJNb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtOZ1ZlcnRpY2FsVGltZWxpbmVDb21wb25lbnRdLFxuICBleHBvcnRzOiBbTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBOZ1ZlcnRpY2FsVGltZWxpbmVNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctdmVydGljYWwtdGltZWxpbmUvIiwic291cmNlcyI6WyJsaWIvbmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQU8vRSxNQUFNLE9BQU8sd0JBQXdCOzs7WUFMcEMsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQztnQkFDeEIsWUFBWSxFQUFFLENBQUMsMkJBQTJCLENBQUM7Z0JBQzNDLE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO2FBQ3ZDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBOZ1ZlcnRpY2FsVGltZWxpbmVDb21wb25lbnQgfSBmcm9tICcuL25nLXZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtCcm93c2VyTW9kdWxlXSxcclxuICBkZWNsYXJhdGlvbnM6IFtOZ1ZlcnRpY2FsVGltZWxpbmVDb21wb25lbnRdLFxyXG4gIGV4cG9ydHM6IFtOZ1ZlcnRpY2FsVGltZWxpbmVDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ1ZlcnRpY2FsVGltZWxpbmVNb2R1bGUge31cclxuIl19

esm2015/lib/ng-vertical-timeline.service.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -18,2 +18,2 @@ import { Injectable } from '@angular/core';
 /** @nocollapse */ NgVerticalTimelineService.ngInjectableDef = i0.defineInjectable({ factory: function NgVerticalTimelineService_Factory() { return new NgVerticalTimelineService(); }, token: NgVerticalTimelineService, providedIn: "root" });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXZlcnRpY2FsLXRpbWVsaW5lLyIsInNvdXJjZXMiOlsibGliL25nLXZlcnRpY2FsLXRpbWVsaW5lLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSzNDLE1BQU0sT0FBTyx5QkFBeUI7SUFFcEMsZ0JBQWdCLENBQUM7OztZQUxsQixVQUFVLFNBQUM7Z0JBQ1YsVUFBVSxFQUFFLE1BQU07YUFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIE5nVmVydGljYWxUaW1lbGluZVNlcnZpY2Uge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXZlcnRpY2FsLXRpbWVsaW5lLyIsInNvdXJjZXMiOlsibGliL25nLXZlcnRpY2FsLXRpbWVsaW5lLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSzNDLE1BQU0sT0FBTyx5QkFBeUI7SUFFcEMsZ0JBQWdCLENBQUM7OztZQUxsQixVQUFVLFNBQUM7Z0JBQ1YsVUFBVSxFQUFFLE1BQU07YUFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ASW5qZWN0YWJsZSh7XHJcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ1ZlcnRpY2FsVGltZWxpbmVTZXJ2aWNlIHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxufVxyXG4iXX0=

esm2015/lib/timeline-event.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -5,0 +5,0 @@ export class TimelineEvent {

esm2015/ng-vertical-timeline.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -5,0 +5,0 @@ /**

esm2015/public_api.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -11,2 +11,2 @@ /*
 export { NgVerticalTimelineModule } from './lib/ng-vertical-timeline.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXZlcnRpY2FsLXRpbWVsaW5lLyIsInNvdXJjZXMiOlsicHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsMENBQWMsb0NBQW9DLENBQUM7QUFDbkQsNENBQWMsc0NBQXNDLENBQUM7QUFDckQseUNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5nLXZlcnRpY2FsLXRpbWVsaW5lXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctdmVydGljYWwtdGltZWxpbmUuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXZlcnRpY2FsLXRpbWVsaW5lLyIsInNvdXJjZXMiOlsicHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsMENBQWMsb0NBQW9DLENBQUM7QUFDbkQsNENBQWMsc0NBQXNDLENBQUM7QUFDckQseUNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbmctdmVydGljYWwtdGltZWxpbmVcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZy12ZXJ0aWNhbC10aW1lbGluZS5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlJztcclxuIl19

esm5/lib/ng-vertical-timeline.component.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -30,3 +30,3 @@ import { Component, Input } from '@angular/core';
                     selector: 'ng-vertical-timeline',
-                    template: "<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\" [style.backgroundColor]=\"primaryColor\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     styles: [".timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:\"\";position:absolute;width:6px;background-color:#222;top:0;bottom:0;left:50%;margin-left:-3px}.timeline .container{position:relative;width:50%;margin:initial;padding:10px 40px;background-color:initial;box-sizing:border-box}.timeline .container:after{content:\"\";position:absolute;width:25px;height:25px;right:-12px;background-color:#000428;border:4px solid #004e92;top:15px;border-radius:50%;z-index:1}.timeline .container .inner{background-color:#fff;color:#222;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.timeline .container .inner .head{display:flex;align-items:center;color:#fff;background-color:#222}.timeline .container .inner .head .icon{margin:20px;max-width:50px}.timeline .container .inner .head .icon img{width:100%;height:100%}.timeline .container .inner .head .title{font-size:24px;text-transform:uppercase}.timeline .container .inner .head .title span{display:block;font-size:14px}.timeline .container .inner .body{background-color:#fff;padding:20px}.left{left:0}.left:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid #222;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #222}.right{left:50%}.right:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.right:after{left:-16px}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline .container{width:100%;padding-left:70px;padding-right:25px}.timeline .container:before{left:60px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.left::after,.right::after{left:12px}.right{left:0}#timeline--1,#timeline--2,#timeline--3{top:initial}}"]
@@ -38,3 +38,4 @@ }] }
     NgVerticalTimelineComponent.propDecorators = {
-        data: [{ type: Input }]
+        data: [{ type: Input }],
+        primaryColor: [{ type: Input }]
     };
@@ -47,3 +48,5 @@ return NgVerticalTimelineComponent;
     NgVerticalTimelineComponent.prototype.data;
+    /** @type {?} */
+    NgVerticalTimelineComponent.prototype.primaryColor;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctdmVydGljYWwtdGltZWxpbmUvIiwic291cmNlcyI6WyJsaWIvbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd6RDtJQVNFO0lBQWUsQ0FBQzs7OztJQUVoQiw4Q0FBUTs7O0lBQVIsY0FBWSxDQUFDOzs7OztJQUViLDRDQUFNOzs7O0lBQU4sVUFBTyxFQUFVO1FBQ2YsT0FBTyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ25CLENBQUM7O2dCQWZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxrcEJBQW9EOztpQkFFckQ7Ozs7O3VCQUVFLEtBQUs7O0lBVVIsa0NBQUM7Q0FBQSxBQWhCRCxJQWdCQztTQVhZLDJCQUEyQjs7O0lBQ3RDLDJDQUNzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGltZWxpbmVFdmVudCB9IGZyb20gJy4vdGltZWxpbmUtZXZlbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy12ZXJ0aWNhbC10aW1lbGluZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25nLXZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgZGF0YTogVGltZWxpbmVFdmVudFtdO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgaXNQYWlyKGlkOiBudW1iZXIpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIShpZCAlIDIpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctdmVydGljYWwtdGltZWxpbmUvIiwic291cmNlcyI6WyJsaWIvbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd6RDtJQVdFO0lBQWUsQ0FBQzs7OztJQUVoQiw4Q0FBUTs7O0lBQVIsY0FBWSxDQUFDOzs7OztJQUViLDRDQUFNOzs7O0lBQU4sVUFBTyxFQUFVO1FBQ2YsT0FBTyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ25CLENBQUM7O2dCQWpCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsMnJCQUFvRDs7aUJBRXJEOzs7Ozt1QkFFRSxLQUFLOytCQUVMLEtBQUs7O0lBVVIsa0NBQUM7Q0FBQSxBQWxCRCxJQWtCQztTQWJZLDJCQUEyQjs7O0lBQ3RDLDJDQUNzQjs7SUFDdEIsbURBQ3FCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRpbWVsaW5lRXZlbnQgfSBmcm9tICcuL3RpbWVsaW5lLWV2ZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbmctdmVydGljYWwtdGltZWxpbmUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKVxyXG4gIGRhdGE6IFRpbWVsaW5lRXZlbnRbXTtcclxuICBASW5wdXQoKVxyXG4gIHByaW1hcnlDb2xvcjogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgaXNQYWlyKGlkOiBudW1iZXIpOiBib29sZWFuIHtcclxuICAgIHJldHVybiAhKGlkICUgMik7XHJcbiAgfVxyXG59XHJcbiJdfQ==

esm5/lib/ng-vertical-timeline.module.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -21,2 +21,2 @@ import { NgModule } from '@angular/core';
 export { NgVerticalTimelineModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctdmVydGljYWwtdGltZWxpbmUvIiwic291cmNlcyI6WyJsaWIvbmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUUvRTtJQUFBO0lBS3VDLENBQUM7O2dCQUx2QyxRQUFRLFNBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUN4QixZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDM0MsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7aUJBQ3ZDOztJQUNzQywrQkFBQztDQUFBLEFBTHhDLElBS3dDO1NBQTNCLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCcm93c2VyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBOZ1ZlcnRpY2FsVGltZWxpbmVDb21wb25lbnQgfSBmcm9tICcuL25nLXZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtCcm93c2VyTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW05nVmVydGljYWxUaW1lbGluZUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmdWZXJ0aWNhbFRpbWVsaW5lTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctdmVydGljYWwtdGltZWxpbmUvIiwic291cmNlcyI6WyJsaWIvbmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUUvRTtJQUFBO0lBS3VDLENBQUM7O2dCQUx2QyxRQUFRLFNBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUN4QixZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDM0MsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7aUJBQ3ZDOztJQUNzQywrQkFBQztDQUFBLEFBTHhDLElBS3dDO1NBQTNCLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJyb3dzZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHsgTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50IH0gZnJvbSAnLi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbQnJvd3Nlck1vZHVsZV0sXHJcbiAgZGVjbGFyYXRpb25zOiBbTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50XSxcclxuICBleHBvcnRzOiBbTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmdWZXJ0aWNhbFRpbWVsaW5lTW9kdWxlIHt9XHJcbiJdfQ==

esm5/lib/ng-vertical-timeline.service.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -21,2 +21,2 @@ import { Injectable } from '@angular/core';
 export { NgVerticalTimelineService };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXZlcnRpY2FsLXRpbWVsaW5lLyIsInNvdXJjZXMiOlsibGliL25nLXZlcnRpY2FsLXRpbWVsaW5lLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTNDO0lBS0U7SUFBZ0IsQ0FBQzs7Z0JBTGxCLFVBQVUsU0FBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkI7Ozs7O29DQUpEO0NBUUMsQUFORCxJQU1DO1NBSFkseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBOZ1ZlcnRpY2FsVGltZWxpbmVTZXJ2aWNlIHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXZlcnRpY2FsLXRpbWVsaW5lLyIsInNvdXJjZXMiOlsibGliL25nLXZlcnRpY2FsLXRpbWVsaW5lLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTNDO0lBS0U7SUFBZ0IsQ0FBQzs7Z0JBTGxCLFVBQVUsU0FBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkI7Ozs7O29DQUpEO0NBUUMsQUFORCxJQU1DO1NBSFkseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTmdWZXJ0aWNhbFRpbWVsaW5lU2VydmljZSB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbn1cclxuIl19

esm5/lib/timeline-event.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -5,0 +5,0 @@ var TimelineEvent = /** @class */ (function () {

esm5/ng-vertical-timeline.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -5,0 +5,0 @@ /**

esm5/public_api.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -11,2 +11,2 @@ /*
 export { NgVerticalTimelineModule } from './lib/ng-vertical-timeline.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXZlcnRpY2FsLXRpbWVsaW5lLyIsInNvdXJjZXMiOlsicHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsMENBQWMsb0NBQW9DLENBQUM7QUFDbkQsNENBQWMsc0NBQXNDLENBQUM7QUFDckQseUNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5nLXZlcnRpY2FsLXRpbWVsaW5lXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctdmVydGljYWwtdGltZWxpbmUuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXZlcnRpY2FsLXRpbWVsaW5lLyIsInNvdXJjZXMiOlsicHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsMENBQWMsb0NBQW9DLENBQUM7QUFDbkQsNENBQWMsc0NBQXNDLENBQUM7QUFDckQseUNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbmctdmVydGljYWwtdGltZWxpbmVcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZy12ZXJ0aWNhbC10aW1lbGluZS5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlJztcclxuIl19

fesm2015/ng-vertical-timeline.js

@@ -6,3 +6,3 @@ import { Injectable, Component, Input, NgModule, defineInjectable } from '@angular/core';
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -23,3 +23,3 @@ class NgVerticalTimelineService {
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -43,3 +43,3 @@ class NgVerticalTimelineComponent {
                 selector: 'ng-vertical-timeline',
-                template: "<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                template: "<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\" [style.backgroundColor]=\"primaryColor\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                 styles: [".timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:\"\";position:absolute;width:6px;background-color:#222;top:0;bottom:0;left:50%;margin-left:-3px}.timeline .container{position:relative;width:50%;margin:initial;padding:10px 40px;background-color:initial;box-sizing:border-box}.timeline .container:after{content:\"\";position:absolute;width:25px;height:25px;right:-12px;background-color:#000428;border:4px solid #004e92;top:15px;border-radius:50%;z-index:1}.timeline .container .inner{background-color:#fff;color:#222;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.timeline .container .inner .head{display:flex;align-items:center;color:#fff;background-color:#222}.timeline .container .inner .head .icon{margin:20px;max-width:50px}.timeline .container .inner .head .icon img{width:100%;height:100%}.timeline .container .inner .head .title{font-size:24px;text-transform:uppercase}.timeline .container .inner .head .title span{display:block;font-size:14px}.timeline .container .inner .body{background-color:#fff;padding:20px}.left{left:0}.left:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid #222;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #222}.right{left:50%}.right:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.right:after{left:-16px}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline .container{width:100%;padding-left:70px;padding-right:25px}.timeline .container:before{left:60px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.left::after,.right::after{left:12px}.right{left:0}#timeline--1,#timeline--2,#timeline--3{top:initial}}"]
@@ -51,3 +51,4 @@ }] }
 NgVerticalTimelineComponent.propDecorators = {
-    data: [{ type: Input }]
+    data: [{ type: Input }],
+    primaryColor: [{ type: Input }]
 };
@@ -57,3 +58,3 @@
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -72,3 +73,3 @@ class NgVerticalTimelineModule {
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -78,3 +79,3 @@
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -84,2 +85,2 @@
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUuanMubWFwIiwic291cmNlcyI6WyJuZzovL25nLXZlcnRpY2FsLXRpbWVsaW5lL2xpYi9uZy12ZXJ0aWNhbC10aW1lbGluZS5zZXJ2aWNlLnRzIiwibmc6Ly9uZy12ZXJ0aWNhbC10aW1lbGluZS9saWIvbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LnRzIiwibmc6Ly9uZy12ZXJ0aWNhbC10aW1lbGluZS9saWIvbmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgTmdWZXJ0aWNhbFRpbWVsaW5lU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbn1cbiIsImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGltZWxpbmVFdmVudCB9IGZyb20gJy4vdGltZWxpbmUtZXZlbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy12ZXJ0aWNhbC10aW1lbGluZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25nLXZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgZGF0YTogVGltZWxpbmVFdmVudFtdO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgaXNQYWlyKGlkOiBudW1iZXIpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIShpZCAlIDIpO1xuICB9XG59XG4iLCJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50IH0gZnJvbSAnLi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQnJvd3Nlck1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW05nVmVydGljYWxUaW1lbGluZUNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtOZ1ZlcnRpY2FsVGltZWxpbmVDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIE5nVmVydGljYWxUaW1lbGluZU1vZHVsZSB7fVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxNQUthLHlCQUF5QjtJQUVwQyxpQkFBaUI7OztZQUxsQixVQUFVLFNBQUM7Z0JBQ1YsVUFBVSxFQUFFLE1BQU07YUFDbkI7Ozs7Ozs7Ozs7QUNKRCxNQVFhLDJCQUEyQjtJQUl0QyxpQkFBZ0I7Ozs7SUFFaEIsUUFBUSxNQUFLOzs7OztJQUViLE1BQU0sQ0FBQyxFQUFVO1FBQ2YsT0FBTyxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQztLQUNsQjs7O1lBZkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxzQkFBc0I7Z0JBQ2hDLGtwQkFBb0Q7O2FBRXJEOzs7OzttQkFFRSxLQUFLOzs7Ozs7O0FDVFIsTUFTYSx3QkFBd0I7OztZQUxwQyxRQUFRLFNBQUM7Z0JBQ1IsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO2dCQUN4QixZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztnQkFDM0MsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7YUFDdkM7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=ng-vertical-timeline.js.map

fesm5/ng-vertical-timeline.js

@@ -6,3 +6,3 @@ import { Injectable, Component, Input, NgModule, defineInjectable } from '@angular/core';
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -25,3 +25,3 @@ var NgVerticalTimelineService = /** @class */ (function () {
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -52,3 +52,3 @@ var NgVerticalTimelineComponent = /** @class */ (function () {
                     selector: 'ng-vertical-timeline',
-                    template: "<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\" [style.backgroundColor]=\"primaryColor\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     styles: [".timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:\"\";position:absolute;width:6px;background-color:#222;top:0;bottom:0;left:50%;margin-left:-3px}.timeline .container{position:relative;width:50%;margin:initial;padding:10px 40px;background-color:initial;box-sizing:border-box}.timeline .container:after{content:\"\";position:absolute;width:25px;height:25px;right:-12px;background-color:#000428;border:4px solid #004e92;top:15px;border-radius:50%;z-index:1}.timeline .container .inner{background-color:#fff;color:#222;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.timeline .container .inner .head{display:flex;align-items:center;color:#fff;background-color:#222}.timeline .container .inner .head .icon{margin:20px;max-width:50px}.timeline .container .inner .head .icon img{width:100%;height:100%}.timeline .container .inner .head .title{font-size:24px;text-transform:uppercase}.timeline .container .inner .head .title span{display:block;font-size:14px}.timeline .container .inner .body{background-color:#fff;padding:20px}.left{left:0}.left:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid #222;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #222}.right{left:50%}.right:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.right:after{left:-16px}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline .container{width:100%;padding-left:70px;padding-right:25px}.timeline .container:before{left:60px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.left::after,.right::after{left:12px}.right{left:0}#timeline--1,#timeline--2,#timeline--3{top:initial}}"]
@@ -60,3 +60,4 @@ }] }
     NgVerticalTimelineComponent.propDecorators = {
-        data: [{ type: Input }]
+        data: [{ type: Input }],
+        primaryColor: [{ type: Input }]
     };
@@ -68,3 +69,3 @@ return NgVerticalTimelineComponent;
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -86,3 +87,3 @@ var NgVerticalTimelineModule = /** @class */ (function () {
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -92,3 +93,3 @@
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -98,2 +99,2 @@
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdmVydGljYWwtdGltZWxpbmUuanMubWFwIiwic291cmNlcyI6WyJuZzovL25nLXZlcnRpY2FsLXRpbWVsaW5lL2xpYi9uZy12ZXJ0aWNhbC10aW1lbGluZS5zZXJ2aWNlLnRzIiwibmc6Ly9uZy12ZXJ0aWNhbC10aW1lbGluZS9saWIvbmctdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LnRzIiwibmc6Ly9uZy12ZXJ0aWNhbC10aW1lbGluZS9saWIvbmctdmVydGljYWwtdGltZWxpbmUubW9kdWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgTmdWZXJ0aWNhbFRpbWVsaW5lU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbn1cbiIsImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGltZWxpbmVFdmVudCB9IGZyb20gJy4vdGltZWxpbmUtZXZlbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy12ZXJ0aWNhbC10aW1lbGluZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25nLXZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgZGF0YTogVGltZWxpbmVFdmVudFtdO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgaXNQYWlyKGlkOiBudW1iZXIpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIShpZCAlIDIpO1xuICB9XG59XG4iLCJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgTmdWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50IH0gZnJvbSAnLi9uZy12ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQnJvd3Nlck1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW05nVmVydGljYWxUaW1lbGluZUNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtOZ1ZlcnRpY2FsVGltZWxpbmVDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIE5nVmVydGljYWxUaW1lbGluZU1vZHVsZSB7fVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTtJQU9FO0tBQWlCOztnQkFMbEIsVUFBVSxTQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQjs7Ozs7b0NBSkQ7Q0FFQTs7Ozs7O0FDRkE7SUFZRTtLQUFnQjs7OztJQUVoQiw4Q0FBUTs7O0lBQVIsZUFBYTs7Ozs7SUFFYiw0Q0FBTTs7OztJQUFOLFVBQU8sRUFBVTtRQUNmLE9BQU8sRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUM7S0FDbEI7O2dCQWZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxrcEJBQW9EOztpQkFFckQ7Ozs7O3VCQUVFLEtBQUs7O0lBVVIsa0NBQUM7Q0FoQkQ7Ozs7OztBQ0hBO0lBSUE7S0FLd0M7O2dCQUx2QyxRQUFRLFNBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUN4QixZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDM0MsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7aUJBQ3ZDOztJQUNzQywrQkFBQztDQUx4Qzs7Ozs7Ozs7Ozs7Ozs7In0=
+//# sourceMappingURL=ng-vertical-timeline.js.map

lib/ng-vertical-timeline.component.d.ts

@@ -5,2 +5,3 @@ import { OnInit } from '@angular/core';
     data: TimelineEvent[];
+    primaryColor: string;
     constructor();
@@ -7,0 +8,0 @@ ngOnInit(): void;

ng-vertical-timeline.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"NgVerticalTimelineService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"NgVerticalTimelineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-vertical-timeline","template":"<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:\"\";position:absolute;width:6px;background-color:#222;top:0;bottom:0;left:50%;margin-left:-3px}.timeline .container{position:relative;width:50%;margin:initial;padding:10px 40px;background-color:initial;box-sizing:border-box}.timeline .container:after{content:\"\";position:absolute;width:25px;height:25px;right:-12px;background-color:#000428;border:4px solid #004e92;top:15px;border-radius:50%;z-index:1}.timeline .container .inner{background-color:#fff;color:#222;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.timeline .container .inner .head{display:flex;align-items:center;color:#fff;background-color:#222}.timeline .container .inner .head .icon{margin:20px;max-width:50px}.timeline .container .inner .head .icon img{width:100%;height:100%}.timeline .container .inner .head .title{font-size:24px;text-transform:uppercase}.timeline .container .inner .head .title span{display:block;font-size:14px}.timeline .container .inner .body{background-color:#fff;padding:20px}.left{left:0}.left:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid #222;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #222}.right{left:50%}.right:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.right:after{left:-16px}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline .container{width:100%;padding-left:70px;padding-right:25px}.timeline .container:before{left:60px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.left::after,.right::after{left:12px}.right{left:0}#timeline--1,#timeline--2,#timeline--3{top:initial}}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isPair":[{"__symbolic":"method"}]}},"NgVerticalTimelineModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":5,"character":12}],"declarations":[{"__symbolic":"reference","name":"NgVerticalTimelineComponent"}],"exports":[{"__symbolic":"reference","name":"NgVerticalTimelineComponent"}]}]}],"members":{}}},"origins":{"NgVerticalTimelineService":"./lib/ng-vertical-timeline.service","NgVerticalTimelineComponent":"./lib/ng-vertical-timeline.component","NgVerticalTimelineModule":"./lib/ng-vertical-timeline.module"},"importAs":"ng-vertical-timeline"}
+{"__symbolic":"module","version":4,"metadata":{"NgVerticalTimelineService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"NgVerticalTimelineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ng-vertical-timeline","template":"<div class=\"timeline\">\r\n\r\n  <div *ngFor=\"let item of data\">\r\n\r\n    <div class=\"container left\" [ngClass]=\"isPair(item.id)?'left':'right'\">\r\n      <div class=\"inner\">\r\n        <div class=\"head\" [style.backgroundColor]=\"primaryColor\">\r\n          <div class=\"icon\">\r\n            <img class=\"ui tiny image\" [src]=\"item.icon\">\r\n          </div>\r\n\r\n          <div class=\"title\">\r\n            <span>{{item.date}}</span>\r\n            {{item.title }}\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"body\">\r\n          <p [innerHTML]=\"item.content\"></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:\"\";position:absolute;width:6px;background-color:#222;top:0;bottom:0;left:50%;margin-left:-3px}.timeline .container{position:relative;width:50%;margin:initial;padding:10px 40px;background-color:initial;box-sizing:border-box}.timeline .container:after{content:\"\";position:absolute;width:25px;height:25px;right:-12px;background-color:#000428;border:4px solid #004e92;top:15px;border-radius:50%;z-index:1}.timeline .container .inner{background-color:#fff;color:#222;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.timeline .container .inner .head{display:flex;align-items:center;color:#fff;background-color:#222}.timeline .container .inner .head .icon{margin:20px;max-width:50px}.timeline .container .inner .head .icon img{width:100%;height:100%}.timeline .container .inner .head .title{font-size:24px;text-transform:uppercase}.timeline .container .inner .head .title span{display:block;font-size:14px}.timeline .container .inner .body{background-color:#fff;padding:20px}.left{left:0}.left:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:solid #222;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #222}.right{left:50%}.right:before{content:\" \";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.right:after{left:-16px}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline .container{width:100%;padding-left:70px;padding-right:25px}.timeline .container:before{left:60px;border:solid #222;border-width:10px 10px 10px 0;border-color:transparent #222 transparent transparent}.left::after,.right::after{left:12px}.right{left:0}#timeline--1,#timeline--2,#timeline--3{top:initial}}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"primaryColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isPair":[{"__symbolic":"method"}]}},"NgVerticalTimelineModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":5,"character":12}],"declarations":[{"__symbolic":"reference","name":"NgVerticalTimelineComponent"}],"exports":[{"__symbolic":"reference","name":"NgVerticalTimelineComponent"}]}]}],"members":{}}},"origins":{"NgVerticalTimelineService":"./lib/ng-vertical-timeline.service","NgVerticalTimelineComponent":"./lib/ng-vertical-timeline.component","NgVerticalTimelineModule":"./lib/ng-vertical-timeline.module"},"importAs":"ng-vertical-timeline"}

package.json

 {
   "name": "ng-vertical-timeline",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "This is a Angular library that generates a vertical timeline.",
@@ -16,3 +16,3 @@ "keywords": [
   },
-  "homepage": "http://stephen-bruere.com/demo/ng-vertical-timeline",
+  "homepage": "https://gitlab.com/stephen.bruere/ng-vertical-timeline",
   "peerDependencies": {
@@ -19,0 +19,0 @@ "@angular/common": "^7.0.0",

README.md

@@ -1,2 +0,2 @@
-<p align="center"><img src="logo.png" /></p>
+<p align="center"><img src="https://gitlab.com/stephen.bruere/ng-vertical-timeline/raw/master/src/assets/images/logo.png" height="200"/></p>
 
@@ -23,3 +23,3 @@ <h1 align="center"> Angular Vertical Timeline </h1>
 
-<a href="http://stephen-bruere.com/demo/ng-vertical-timeline"> Link the the demo </a>
+<a href="https://stackblitz.com/edit/ng-vertical-timeline"> Editor </a> / <a href="https://ng-vertical-timeline.stackblitz.io"> Demo </a>
 
@@ -82,2 +82,2 @@ <h3> Usage </h3>
 
-This project is licensed under the MIT License
+This project is licensed under the MIT License

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Lines of code

567

increased by2.72%

Number of low quality alerts

2

decreased by-33.33%

Number of lines in readme file

82

increased by1.23%

Worsened metrics

Total package byte prevSize

61194

decreased by-6.6%

No dependency changes