ng-marquee - npm Package Compare versions

Comparing version 0.0.1 to 1.0.0

bundles/ng-marquee.umd.js

@@ -17,2 +17,14 @@ (function (global, factory) {
          */
+        NgMarqueeComponent.prototype.updateDuration = /**
+         * @return {?}
+         */
+            function () {
+                if (!this.duration) {
+                    return;
+                }
+                this.animationElem.style.animationDuration = this.duration + "s";
+            };
+        /**
+         * @return {?}
+         */
         NgMarqueeComponent.prototype.ngOnInit = /**
@@ -22,2 +34,4 @@ * @return {?}
             function () {
+                this.animationElem = /** @type {?} */ (document.querySelectorAll('.ng-marquee-wrapper > div')[0]);
+                this.updateDuration();
             };
@@ -28,3 +42,3 @@ NgMarqueeComponent.decorators = [
                         template: "<div class=\"ng-marquee-wrapper\">\n  <div>\n      <ng-content></ng-content>\n  </div>\n</div>",
-                        styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:18s linear 1s infinite marqueeAnimation;animation:18s linear 1s infinite marqueeAnimation;white-space:nowrap}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"],
+                        styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:25s linear infinite marqueeAnimation;animation:25s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"],
                         changeDetection: core.ChangeDetectionStrategy.OnPush,
@@ -35,2 +49,5 @@ },] },
         NgMarqueeComponent.ctorParameters = function () { return []; };
+        NgMarqueeComponent.propDecorators = {
+            duration: [{ type: core.Input }]
+        };
         return NgMarqueeComponent;
@@ -66,4 +83,4 @@ }());
 
+    exports.NgMarqueeComponent = NgMarqueeComponent;
     exports.NgMarqueeModule = NgMarqueeModule;
-    exports.ɵa = NgMarqueeComponent;
 
@@ -74,2 +91,2 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS51bWQuanMubWFwIiwic291cmNlcyI6WyJuZzovL25nLW1hcnF1ZWUvbGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiLCJuZzovL25nLW1hcnF1ZWUvbGliL25nLW1hcnF1ZWUubW9kdWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctbWFycXVlZScsXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cIm5nLW1hcnF1ZWUtd3JhcHBlclwiPlxuICA8ZGl2PlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PmAsXG4gIHN0eWxlczogW2AubmctbWFycXVlZS13cmFwcGVye292ZXJmbG93OmhpZGRlbjtwb3NpdGlvbjpyZWxhdGl2ZX0ubmctbWFycXVlZS13cmFwcGVyPmRpdnt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO21hcmdpbjowOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7LXdlYmtpdC1hbmltYXRpb246MThzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO2FuaW1hdGlvbjoxOHMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247d2hpdGUtc3BhY2U6bm93cmFwfUAtd2Via2l0LWtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBrZXlmcmFtZXMgbWFycXVlZUFuaW1hdGlvbnswJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpfTEwMCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpfX1AbWVkaWEgKG1heC13aWR0aDo1MDBweCl7Lm5nLW1hcnF1ZWUtd3JhcHBlcj5kaXZ7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTttYXJnaW46MDstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpOy13ZWJraXQtYW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO2FuaW1hdGlvbjo5cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjt3aGl0ZS1zcGFjZTpub3dyYXB9fWBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiIsImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ01hcnF1ZWVDb21wb25lbnQgfSBmcm9tICcuL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW05nTWFycXVlZUNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtOZ01hcnF1ZWVDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIE5nTWFycXVlZU1vZHVsZSB7IH1cbiJdLCJuYW1lcyI6WyJDb21wb25lbnQiLCJDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSIsIk5nTW9kdWxlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUE7UUFjRTtTQUFpQjs7OztRQUVqQixxQ0FBUTs7O1lBQVI7YUFDQzs7b0JBZkZBLGNBQVMsU0FBQzt3QkFDVCxRQUFRLEVBQUUsWUFBWTt3QkFDdEIsUUFBUSxFQUFFLGdHQUlMO3dCQUNMLE1BQU0sRUFBRSxDQUFDLHc0QkFBdzRCLENBQUM7d0JBQ2w1QixlQUFlLEVBQUVDLDRCQUF1QixDQUFDLE1BQU07cUJBQ2hEOzs7O2lDQVhEOzs7Ozs7O0FDQUE7Ozs7b0JBR0NDLGFBQVEsU0FBQzt3QkFDUixPQUFPLEVBQUUsRUFDUjt3QkFDRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQzt3QkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7cUJBQzlCOzs4QkFSRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS51bWQuanMubWFwIiwic291cmNlcyI6WyJuZzovL25nLW1hcnF1ZWUvbGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiLCJuZzovL25nLW1hcnF1ZWUvbGliL25nLW1hcnF1ZWUubW9kdWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctbWFycXVlZScsXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cIm5nLW1hcnF1ZWUtd3JhcHBlclwiPlxuICA8ZGl2PlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PmAsXG4gIHN0eWxlczogW2AubmctbWFycXVlZS13cmFwcGVye292ZXJmbG93OmhpZGRlbjtwb3NpdGlvbjpyZWxhdGl2ZX0ubmctbWFycXVlZS13cmFwcGVyPmRpdnt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO21hcmdpbjowOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7LXdlYmtpdC1hbmltYXRpb246MjVzIGxpbmVhciBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO2FuaW1hdGlvbjoyNXMgbGluZWFyIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247d2hpdGUtc3BhY2U6bm93cmFwfS5uZy1tYXJxdWVlLXdyYXBwZXI6aG92ZXI+ZGl2ey13ZWJraXQtYW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkO2FuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZH1ALXdlYmtpdC1rZXlmcmFtZXMgbWFycXVlZUFuaW1hdGlvbnswJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpfTEwMCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpfX1Aa2V5ZnJhbWVzIG1hcnF1ZWVBbmltYXRpb257MCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKX0xMDAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKX19QG1lZGlhIChtYXgtd2lkdGg6NTAwcHgpey5uZy1tYXJxdWVlLXdyYXBwZXI+ZGl2e3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7bWFyZ2luOjA7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTstd2Via2l0LWFuaW1hdGlvbjo5cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjthbmltYXRpb246OXMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247d2hpdGUtc3BhY2U6bm93cmFwfX1gXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nTWFycXVlZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgZHVyYXRpb246IHN0cmluZyB8IG51bWJlcjtcbiAgYW5pbWF0aW9uRWxlbTogSFRNTERpdkVsZW1lbnQ7XG5cbiAgY29uc3RydWN0b3IoXG4gICkgeyB9XG5cbiAgdXBkYXRlRHVyYXRpb24oKSB7XG4gICAgaWYgKCF0aGlzLmR1cmF0aW9uKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYW5pbWF0aW9uRWxlbS5zdHlsZS5hbmltYXRpb25EdXJhdGlvbiA9IGAke3RoaXMuZHVyYXRpb259c2A7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmFuaW1hdGlvbkVsZW0gPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcubmctbWFycXVlZS13cmFwcGVyID4gZGl2JylbMF0gYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgdGhpcy51cGRhdGVEdXJhdGlvbigpO1xuICB9XG5cbn1cbiIsImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ01hcnF1ZWVDb21wb25lbnQgfSBmcm9tICcuL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW05nTWFycXVlZUNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtOZ01hcnF1ZWVDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIE5nTWFycXVlZU1vZHVsZSB7IH1cbiJdLCJuYW1lcyI6WyJDb21wb25lbnQiLCJDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSIsIklucHV0IiwiTmdNb2R1bGUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQTtRQWlCRTtTQUNLOzs7O1FBRUwsMkNBQWM7OztZQUFkO2dCQUNFLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO29CQUNsQixPQUFPO2lCQUNSO2dCQUNELElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQixHQUFNLElBQUksQ0FBQyxRQUFRLE1BQUcsQ0FBQzthQUNsRTs7OztRQUVELHFDQUFROzs7WUFBUjtnQkFDRSxJQUFJLENBQUMsYUFBYSxxQkFBRyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsMkJBQTJCLENBQUMsQ0FBQyxDQUFDLENBQW1CLENBQUEsQ0FBQztnQkFDakcsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO2FBQ3ZCOztvQkE1QkZBLGNBQVMsU0FBQzt3QkFDVCxRQUFRLEVBQUUsWUFBWTt3QkFDdEIsUUFBUSxFQUFFLGdHQUlMO3dCQUNMLE1BQU0sRUFBRSxDQUFDLGcrQkFBZytCLENBQUM7d0JBQzErQixlQUFlLEVBQUVDLDRCQUF1QixDQUFDLE1BQU07cUJBQ2hEOzs7OzsrQkFHRUMsVUFBSzs7aUNBZFI7Ozs7Ozs7QUNBQTs7OztvQkFHQ0MsYUFBUSxTQUFDO3dCQUNSLE9BQU8sRUFBRSxFQUNSO3dCQUNELFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO3dCQUNsQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztxQkFDOUI7OzhCQVJEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=

bundles/ng-marquee.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core")):"function"==typeof define&&define.amd?define("ng-marquee",["exports","@angular/core"],n):n(e["ng-marquee"]={},e.ng.core)}(this,function(e,n){"use strict";var t=function(){function e(){}return e.prototype.ngOnInit=function(){},e.decorators=[{type:n.Component,args:[{selector:"ng-marquee",template:'<div class="ng-marquee-wrapper">\n  <div>\n      <ng-content></ng-content>\n  </div>\n</div>',styles:[".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:18s linear 1s infinite marqueeAnimation;animation:18s linear 1s infinite marqueeAnimation;white-space:nowrap}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"],changeDetection:n.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[]},e}(),r=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[],declarations:[t],exports:[t]}]}],e}();e.NgMarqueeModule=r,e.ɵa=t,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core")):"function"==typeof define&&define.amd?define("ng-marquee",["exports","@angular/core"],t):t(e["ng-marquee"]={},e.ng.core)}(this,function(e,t){"use strict";var n=function(){function e(){}return e.prototype.updateDuration=function(){this.duration&&(this.animationElem.style.animationDuration=this.duration+"s")},e.prototype.ngOnInit=function(){this.animationElem=document.querySelectorAll(".ng-marquee-wrapper > div")[0],this.updateDuration()},e.decorators=[{type:t.Component,args:[{selector:"ng-marquee",template:'<div class="ng-marquee-wrapper">\n  <div>\n      <ng-content></ng-content>\n  </div>\n</div>',styles:[".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:25s linear infinite marqueeAnimation;animation:25s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[]},e.propDecorators={duration:[{type:t.Input}]},e}(),a=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[],declarations:[n],exports:[n]}]}],e}();e.NgMarqueeComponent=n,e.NgMarqueeModule=a,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ng-marquee.umd.min.js.map

esm2015/lib/ng-marquee/ng-marquee.component.js

@@ -5,3 +5,3 @@ /**
  */
-import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 export class NgMarqueeComponent {
@@ -12,3 +12,14 @@ constructor() { }
      */
+    updateDuration() {
+        if (!this.duration) {
+            return;
+        }
+        this.animationElem.style.animationDuration = `${this.duration}s`;
+    }
+    /**
+     * @return {?}
+     */
     ngOnInit() {
+        this.animationElem = /** @type {?} */ (document.querySelectorAll('.ng-marquee-wrapper > div')[0]);
+        this.updateDuration();
     }
@@ -24,3 +35,3 @@ }
 </div>`,
-                styles: [`.ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:18s linear 1s infinite marqueeAnimation;animation:18s linear 1s infinite marqueeAnimation;white-space:nowrap}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}`],
+                styles: [`.ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:25s linear infinite marqueeAnimation;animation:25s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}`],
                 changeDetection: ChangeDetectionStrategy.OnPush,
@@ -31,3 +42,12 @@ },] },
 NgMarqueeComponent.ctorParameters = () => [];
+NgMarqueeComponent.propDecorators = {
+    duration: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    NgMarqueeComponent.prototype.duration;
+    /** @type {?} */
+    NgMarqueeComponent.prototype.animationElem;
+}
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsdUJBQXVCLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBWTlGLE1BQU07SUFFSixpQkFBaUI7Ozs7SUFFakIsUUFBUTtLQUNQOzs7WUFmRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLFFBQVEsRUFBRTs7OztPQUlMO2dCQUNMLE1BQU0sRUFBRSxDQUFDLHc0QkFBdzRCLENBQUM7Z0JBQ2w1QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctbWFycXVlZScsXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cIm5nLW1hcnF1ZWUtd3JhcHBlclwiPlxuICA8ZGl2PlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PmAsXG4gIHN0eWxlczogW2AubmctbWFycXVlZS13cmFwcGVye292ZXJmbG93OmhpZGRlbjtwb3NpdGlvbjpyZWxhdGl2ZX0ubmctbWFycXVlZS13cmFwcGVyPmRpdnt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO21hcmdpbjowOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7LXdlYmtpdC1hbmltYXRpb246MThzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO2FuaW1hdGlvbjoxOHMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247d2hpdGUtc3BhY2U6bm93cmFwfUAtd2Via2l0LWtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBrZXlmcmFtZXMgbWFycXVlZUFuaW1hdGlvbnswJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpfTEwMCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpfX1AbWVkaWEgKG1heC13aWR0aDo1MDBweCl7Lm5nLW1hcnF1ZWUtd3JhcHBlcj5kaXZ7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTttYXJnaW46MDstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpOy13ZWJraXQtYW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO2FuaW1hdGlvbjo5cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjt3aGl0ZS1zcGFjZTpub3dyYXB9fWBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBWWxGLE1BQU07SUFLSixpQkFDSzs7OztJQUVMLGNBQWM7UUFDWixFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQ25CLE1BQU0sQ0FBQztTQUNSO1FBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUM7S0FDbEU7Ozs7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEscUJBQUcsUUFBUSxDQUFDLGdCQUFnQixDQUFDLDJCQUEyQixDQUFDLENBQUMsQ0FBQyxDQUFtQixDQUFBLENBQUM7UUFDakcsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0tBQ3ZCOzs7WUE1QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixRQUFRLEVBQUU7Ozs7T0FJTDtnQkFDTCxNQUFNLEVBQUUsQ0FBQyxnK0JBQWcrQixDQUFDO2dCQUMxK0IsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07YUFDaEQ7Ozs7O3VCQUdFLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLW1hcnF1ZWUnLFxuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJuZy1tYXJxdWVlLXdyYXBwZXJcIj5cbiAgPGRpdj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5gLFxuICBzdHlsZXM6IFtgLm5nLW1hcnF1ZWUtd3JhcHBlcntvdmVyZmxvdzpoaWRkZW47cG9zaXRpb246cmVsYXRpdmV9Lm5nLW1hcnF1ZWUtd3JhcHBlcj5kaXZ7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTttYXJnaW46MDstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpOy13ZWJraXQtYW5pbWF0aW9uOjI1cyBsaW5lYXIgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjthbmltYXRpb246MjVzIGxpbmVhciBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH0ubmctbWFycXVlZS13cmFwcGVyOmhvdmVyPmRpdnstd2Via2l0LWFuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZDthbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWR9QC13ZWJraXQta2V5ZnJhbWVzIG1hcnF1ZWVBbmltYXRpb257MCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKX0xMDAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKX19QGtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBtZWRpYSAobWF4LXdpZHRoOjUwMHB4KXsubmctbWFycXVlZS13cmFwcGVyPmRpdnt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO21hcmdpbjowOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7LXdlYmtpdC1hbmltYXRpb246OXMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH19YF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGR1cmF0aW9uOiBzdHJpbmcgfCBudW1iZXI7XG4gIGFuaW1hdGlvbkVsZW06IEhUTUxEaXZFbGVtZW50O1xuXG4gIGNvbnN0cnVjdG9yKFxuICApIHsgfVxuXG4gIHVwZGF0ZUR1cmF0aW9uKCkge1xuICAgIGlmICghdGhpcy5kdXJhdGlvbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmFuaW1hdGlvbkVsZW0uc3R5bGUuYW5pbWF0aW9uRHVyYXRpb24gPSBgJHt0aGlzLmR1cmF0aW9ufXNgO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5hbmltYXRpb25FbGVtID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLm5nLW1hcnF1ZWUtd3JhcHBlciA+IGRpdicpWzBdIGFzIEhUTUxEaXZFbGVtZW50O1xuICAgIHRoaXMudXBkYXRlRHVyYXRpb24oKTtcbiAgfVxuXG59XG4iXX0=

esm2015/ng-marquee.js

@@ -8,5 +8,4 @@ /**
  */
-export { NgMarqueeModule } from './public_api';
-export { NgMarqueeComponent as ɵa } from './lib/ng-marquee/ng-marquee.component';
+export { NgMarqueeComponent, NgMarqueeModule } from './public_api';
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJuZy1tYXJxdWVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxnQ0FBYyxjQUFjLENBQUM7QUFFN0IsT0FBTyxFQUFDLGtCQUFrQixJQUFJLEVBQUUsRUFBQyxNQUFNLHVDQUF1QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuXG5leHBvcnQge05nTWFycXVlZUNvbXBvbmVudCBhcyDJtWF9IGZyb20gJy4vbGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJuZy1tYXJxdWVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxvREFBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=

esm2015/public_api.js

@@ -8,4 +8,5 @@ /**
  */
+export { NgMarqueeComponent } from './lib/ng-marquee/ng-marquee.component';
 export { NgMarqueeModule } from './lib/ng-marquee.module';
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJwdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxnQ0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbmctbWFycXVlZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL25nLW1hcnF1ZWUubW9kdWxlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJwdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxtQ0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxnQ0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbmctbWFycXVlZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctbWFycXVlZS5tb2R1bGUnO1xuIl19

esm5/lib/ng-marquee/ng-marquee.component.js

@@ -5,3 +5,3 @@ /**
  */
-import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 var NgMarqueeComponent = /** @class */ (function () {
@@ -13,2 +13,14 @@ function NgMarqueeComponent() {
      */
+    NgMarqueeComponent.prototype.updateDuration = /**
+     * @return {?}
+     */
+    function () {
+        if (!this.duration) {
+            return;
+        }
+        this.animationElem.style.animationDuration = this.duration + "s";
+    };
+    /**
+     * @return {?}
+     */
     NgMarqueeComponent.prototype.ngOnInit = /**
@@ -18,2 +30,4 @@ * @return {?}
     function () {
+        this.animationElem = /** @type {?} */ (document.querySelectorAll('.ng-marquee-wrapper > div')[0]);
+        this.updateDuration();
     };
@@ -24,3 +38,3 @@ NgMarqueeComponent.decorators = [
                     template: "<div class=\"ng-marquee-wrapper\">\n  <div>\n      <ng-content></ng-content>\n  </div>\n</div>",
-                    styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:18s linear 1s infinite marqueeAnimation;animation:18s linear 1s infinite marqueeAnimation;white-space:nowrap}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"],
+                    styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:25s linear infinite marqueeAnimation;animation:25s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -31,6 +45,15 @@ },] },
     NgMarqueeComponent.ctorParameters = function () { return []; };
+    NgMarqueeComponent.propDecorators = {
+        duration: [{ type: Input }]
+    };
     return NgMarqueeComponent;
 }());
 export { NgMarqueeComponent };
+if (false) {
+    /** @type {?} */
+    NgMarqueeComponent.prototype.duration;
+    /** @type {?} */
+    NgMarqueeComponent.prototype.animationElem;
+}
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsdUJBQXVCLEVBQXFCLE1BQU0sZUFBZSxDQUFDOztJQWM1RjtLQUFpQjs7OztJQUVqQixxQ0FBUTs7O0lBQVI7S0FDQzs7Z0JBZkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0QixRQUFRLEVBQUUsZ0dBSUw7b0JBQ0wsTUFBTSxFQUFFLENBQUMsdzRCQUF3NEIsQ0FBQztvQkFDbDVCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDs7Ozs2QkFYRDs7U0FZYSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLW1hcnF1ZWUnLFxuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJuZy1tYXJxdWVlLXdyYXBwZXJcIj5cbiAgPGRpdj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5gLFxuICBzdHlsZXM6IFtgLm5nLW1hcnF1ZWUtd3JhcHBlcntvdmVyZmxvdzpoaWRkZW47cG9zaXRpb246cmVsYXRpdmV9Lm5nLW1hcnF1ZWUtd3JhcHBlcj5kaXZ7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTttYXJnaW46MDstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpOy13ZWJraXQtYW5pbWF0aW9uOjE4cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjthbmltYXRpb246MThzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH1ALXdlYmtpdC1rZXlmcmFtZXMgbWFycXVlZUFuaW1hdGlvbnswJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpfTEwMCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpfX1Aa2V5ZnJhbWVzIG1hcnF1ZWVBbmltYXRpb257MCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKX0xMDAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKX19QG1lZGlhIChtYXgtd2lkdGg6NTAwcHgpey5uZy1tYXJxdWVlLXdyYXBwZXI+ZGl2e3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7bWFyZ2luOjA7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTstd2Via2l0LWFuaW1hdGlvbjo5cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjthbmltYXRpb246OXMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247d2hpdGUtc3BhY2U6bm93cmFwfX1gXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nTWFycXVlZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztJQWlCaEY7S0FDSzs7OztJQUVMLDJDQUFjOzs7SUFBZDtRQUNFLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7WUFDbkIsTUFBTSxDQUFDO1NBQ1I7UUFDRCxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsR0FBTSxJQUFJLENBQUMsUUFBUSxNQUFHLENBQUM7S0FDbEU7Ozs7SUFFRCxxQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsYUFBYSxxQkFBRyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsMkJBQTJCLENBQUMsQ0FBQyxDQUFDLENBQW1CLENBQUEsQ0FBQztRQUNqRyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7S0FDdkI7O2dCQTVCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFFBQVEsRUFBRSxnR0FJTDtvQkFDTCxNQUFNLEVBQUUsQ0FBQyxnK0JBQWcrQixDQUFDO29CQUMxK0IsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzs7OzsyQkFHRSxLQUFLOzs2QkFkUjs7U0FZYSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLW1hcnF1ZWUnLFxuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJuZy1tYXJxdWVlLXdyYXBwZXJcIj5cbiAgPGRpdj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5gLFxuICBzdHlsZXM6IFtgLm5nLW1hcnF1ZWUtd3JhcHBlcntvdmVyZmxvdzpoaWRkZW47cG9zaXRpb246cmVsYXRpdmV9Lm5nLW1hcnF1ZWUtd3JhcHBlcj5kaXZ7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTttYXJnaW46MDstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpOy13ZWJraXQtYW5pbWF0aW9uOjI1cyBsaW5lYXIgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjthbmltYXRpb246MjVzIGxpbmVhciBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH0ubmctbWFycXVlZS13cmFwcGVyOmhvdmVyPmRpdnstd2Via2l0LWFuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZDthbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWR9QC13ZWJraXQta2V5ZnJhbWVzIG1hcnF1ZWVBbmltYXRpb257MCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKX0xMDAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKX19QGtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBtZWRpYSAobWF4LXdpZHRoOjUwMHB4KXsubmctbWFycXVlZS13cmFwcGVyPmRpdnt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO21hcmdpbjowOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7LXdlYmtpdC1hbmltYXRpb246OXMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH19YF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGR1cmF0aW9uOiBzdHJpbmcgfCBudW1iZXI7XG4gIGFuaW1hdGlvbkVsZW06IEhUTUxEaXZFbGVtZW50O1xuXG4gIGNvbnN0cnVjdG9yKFxuICApIHsgfVxuXG4gIHVwZGF0ZUR1cmF0aW9uKCkge1xuICAgIGlmICghdGhpcy5kdXJhdGlvbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmFuaW1hdGlvbkVsZW0uc3R5bGUuYW5pbWF0aW9uRHVyYXRpb24gPSBgJHt0aGlzLmR1cmF0aW9ufXNgO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5hbmltYXRpb25FbGVtID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLm5nLW1hcnF1ZWUtd3JhcHBlciA+IGRpdicpWzBdIGFzIEhUTUxEaXZFbGVtZW50O1xuICAgIHRoaXMudXBkYXRlRHVyYXRpb24oKTtcbiAgfVxuXG59XG4iXX0=

esm5/ng-marquee.js

@@ -8,5 +8,4 @@ /**
  */
-export { NgMarqueeModule } from './public_api';
-export { NgMarqueeComponent as ɵa } from './lib/ng-marquee/ng-marquee.component';
+export { NgMarqueeComponent, NgMarqueeModule } from './public_api';
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJuZy1tYXJxdWVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxnQ0FBYyxjQUFjLENBQUM7QUFFN0IsT0FBTyxFQUFDLGtCQUFrQixJQUFJLEVBQUUsRUFBQyxNQUFNLHVDQUF1QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuXG5leHBvcnQge05nTWFycXVlZUNvbXBvbmVudCBhcyDJtWF9IGZyb20gJy4vbGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJuZy1tYXJxdWVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxvREFBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=

esm5/public_api.js

@@ -8,4 +8,5 @@ /**
  */
+export { NgMarqueeComponent } from './lib/ng-marquee/ng-marquee.component';
 export { NgMarqueeModule } from './lib/ng-marquee.module';
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJwdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxnQ0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbmctbWFycXVlZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL25nLW1hcnF1ZWUubW9kdWxlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJwdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxtQ0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxnQ0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbmctbWFycXVlZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctbWFycXVlZS5tb2R1bGUnO1xuIl19

fesm2015/ng-marquee.js

@@ -1,2 +0,2 @@
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 
@@ -12,3 +12,14 @@ /**
      */
+    updateDuration() {
+        if (!this.duration) {
+            return;
+        }
+        this.animationElem.style.animationDuration = `${this.duration}s`;
+    }
+    /**
+     * @return {?}
+     */
     ngOnInit() {
+        this.animationElem = /** @type {?} */ (document.querySelectorAll('.ng-marquee-wrapper > div')[0]);
+        this.updateDuration();
     }
@@ -24,3 +35,3 @@ }
 </div>`,
-                styles: [`.ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:18s linear 1s infinite marqueeAnimation;animation:18s linear 1s infinite marqueeAnimation;white-space:nowrap}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}`],
+                styles: [`.ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:25s linear infinite marqueeAnimation;animation:25s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}`],
                 changeDetection: ChangeDetectionStrategy.OnPush,
@@ -31,2 +42,5 @@ },] },
 NgMarqueeComponent.ctorParameters = () => [];
+NgMarqueeComponent.propDecorators = {
+    duration: [{ type: Input }]
+};
 
@@ -57,4 +71,4 @@ /**
 
-export { NgMarqueeModule, NgMarqueeComponent as ɵa };
+export { NgMarqueeComponent, NgMarqueeModule };
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcy5tYXAiLCJzb3VyY2VzIjpbIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudC50cyIsIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1tYXJxdWVlJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwibmctbWFycXVlZS13cmFwcGVyXCI+XG4gIDxkaXY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+YCxcbiAgc3R5bGVzOiBbYC5uZy1tYXJxdWVlLXdyYXBwZXJ7b3ZlcmZsb3c6aGlkZGVuO3Bvc2l0aW9uOnJlbGF0aXZlfS5uZy1tYXJxdWVlLXdyYXBwZXI+ZGl2e3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7bWFyZ2luOjA7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTstd2Via2l0LWFuaW1hdGlvbjoxOHMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjE4cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjt3aGl0ZS1zcGFjZTpub3dyYXB9QC13ZWJraXQta2V5ZnJhbWVzIG1hcnF1ZWVBbmltYXRpb257MCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKX0xMDAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKX19QGtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBtZWRpYSAobWF4LXdpZHRoOjUwMHB4KXsubmctbWFycXVlZS13cmFwcGVyPmRpdnt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO21hcmdpbjowOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7LXdlYmtpdC1hbmltYXRpb246OXMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH19YF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxufVxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nTWFycXVlZUNvbXBvbmVudCB9IGZyb20gJy4vbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbTmdNYXJxdWVlQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW05nTWFycXVlZUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlTW9kdWxlIHsgfVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0lBY0UsaUJBQWlCOzs7O0lBRWpCLFFBQVE7S0FDUDs7O1lBZkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixRQUFRLEVBQUU7Ozs7T0FJTDtnQkFDTCxNQUFNLEVBQUUsQ0FBQyx3NEJBQXc0QixDQUFDO2dCQUNsNUIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07YUFDaEQ7Ozs7Ozs7OztBQ1hEOzs7WUFHQyxRQUFRLFNBQUM7Z0JBQ1IsT0FBTyxFQUFFLEVBQ1I7Z0JBQ0QsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7Z0JBQ2xDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2FBQzlCOzs7Ozs7Ozs7Ozs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcy5tYXAiLCJzb3VyY2VzIjpbIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudC50cyIsIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1tYXJxdWVlJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwibmctbWFycXVlZS13cmFwcGVyXCI+XG4gIDxkaXY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+YCxcbiAgc3R5bGVzOiBbYC5uZy1tYXJxdWVlLXdyYXBwZXJ7b3ZlcmZsb3c6aGlkZGVuO3Bvc2l0aW9uOnJlbGF0aXZlfS5uZy1tYXJxdWVlLXdyYXBwZXI+ZGl2e3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7bWFyZ2luOjA7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTstd2Via2l0LWFuaW1hdGlvbjoyNXMgbGluZWFyIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjI1cyBsaW5lYXIgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjt3aGl0ZS1zcGFjZTpub3dyYXB9Lm5nLW1hcnF1ZWUtd3JhcHBlcjpob3Zlcj5kaXZ7LXdlYmtpdC1hbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWQ7YW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkfUAtd2Via2l0LWtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBrZXlmcmFtZXMgbWFycXVlZUFuaW1hdGlvbnswJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpfTEwMCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpfX1AbWVkaWEgKG1heC13aWR0aDo1MDBweCl7Lm5nLW1hcnF1ZWUtd3JhcHBlcj5kaXZ7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTttYXJnaW46MDstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpOy13ZWJraXQtYW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO2FuaW1hdGlvbjo5cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjt3aGl0ZS1zcGFjZTpub3dyYXB9fWBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBkdXJhdGlvbjogc3RyaW5nIHwgbnVtYmVyO1xuICBhbmltYXRpb25FbGVtOiBIVE1MRGl2RWxlbWVudDtcblxuICBjb25zdHJ1Y3RvcihcbiAgKSB7IH1cblxuICB1cGRhdGVEdXJhdGlvbigpIHtcbiAgICBpZiAoIXRoaXMuZHVyYXRpb24pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5hbmltYXRpb25FbGVtLnN0eWxlLmFuaW1hdGlvbkR1cmF0aW9uID0gYCR7dGhpcy5kdXJhdGlvbn1zYDtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuYW5pbWF0aW9uRWxlbSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5uZy1tYXJxdWVlLXdyYXBwZXIgPiBkaXYnKVswXSBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICB0aGlzLnVwZGF0ZUR1cmF0aW9uKCk7XG4gIH1cblxufVxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nTWFycXVlZUNvbXBvbmVudCB9IGZyb20gJy4vbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbTmdNYXJxdWVlQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW05nTWFycXVlZUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlTW9kdWxlIHsgfVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0lBaUJFLGlCQUNLOzs7O0lBRUwsY0FBYztRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQixHQUFHLEdBQUcsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDO0tBQ2xFOzs7O0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLHFCQUFHLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDLENBQUMsQ0FBbUIsQ0FBQSxDQUFDO1FBQ2pHLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztLQUN2Qjs7O1lBNUJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsWUFBWTtnQkFDdEIsUUFBUSxFQUFFOzs7O09BSUw7Z0JBQ0wsTUFBTSxFQUFFLENBQUMsZytCQUFnK0IsQ0FBQztnQkFDMStCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2FBQ2hEOzs7Ozt1QkFHRSxLQUFLOzs7Ozs7O0FDZFI7OztZQUdDLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUUsRUFDUjtnQkFDRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztnQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7YUFDOUI7Ozs7Ozs7Ozs7Ozs7OzsifQ==

fesm5/ng-marquee.js

@@ -1,2 +0,2 @@
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 
@@ -13,2 +13,14 @@ /**
      */
+    NgMarqueeComponent.prototype.updateDuration = /**
+     * @return {?}
+     */
+    function () {
+        if (!this.duration) {
+            return;
+        }
+        this.animationElem.style.animationDuration = this.duration + "s";
+    };
+    /**
+     * @return {?}
+     */
     NgMarqueeComponent.prototype.ngOnInit = /**
@@ -18,2 +30,4 @@ * @return {?}
     function () {
+        this.animationElem = /** @type {?} */ (document.querySelectorAll('.ng-marquee-wrapper > div')[0]);
+        this.updateDuration();
     };
@@ -24,3 +38,3 @@ NgMarqueeComponent.decorators = [
                     template: "<div class=\"ng-marquee-wrapper\">\n  <div>\n      <ng-content></ng-content>\n  </div>\n</div>",
-                    styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:18s linear 1s infinite marqueeAnimation;animation:18s linear 1s infinite marqueeAnimation;white-space:nowrap}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"],
+                    styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:25s linear infinite marqueeAnimation;animation:25s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -31,2 +45,5 @@ },] },
     NgMarqueeComponent.ctorParameters = function () { return []; };
+    NgMarqueeComponent.propDecorators = {
+        duration: [{ type: Input }]
+    };
     return NgMarqueeComponent;
@@ -62,4 +79,4 @@ }());
 
-export { NgMarqueeModule, NgMarqueeComponent as ɵa };
+export { NgMarqueeComponent, NgMarqueeModule };
 
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcy5tYXAiLCJzb3VyY2VzIjpbIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudC50cyIsIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1tYXJxdWVlJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwibmctbWFycXVlZS13cmFwcGVyXCI+XG4gIDxkaXY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+YCxcbiAgc3R5bGVzOiBbYC5uZy1tYXJxdWVlLXdyYXBwZXJ7b3ZlcmZsb3c6aGlkZGVuO3Bvc2l0aW9uOnJlbGF0aXZlfS5uZy1tYXJxdWVlLXdyYXBwZXI+ZGl2e3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7bWFyZ2luOjA7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTstd2Via2l0LWFuaW1hdGlvbjoxOHMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjE4cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjt3aGl0ZS1zcGFjZTpub3dyYXB9QC13ZWJraXQta2V5ZnJhbWVzIG1hcnF1ZWVBbmltYXRpb257MCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKX0xMDAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKX19QGtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBtZWRpYSAobWF4LXdpZHRoOjUwMHB4KXsubmctbWFycXVlZS13cmFwcGVyPmRpdnt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO21hcmdpbjowOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7LXdlYmtpdC1hbmltYXRpb246OXMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH19YF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxufVxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nTWFycXVlZUNvbXBvbmVudCB9IGZyb20gJy4vbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbTmdNYXJxdWVlQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW05nTWFycXVlZUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlTW9kdWxlIHsgfVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0lBY0U7S0FBaUI7Ozs7SUFFakIscUNBQVE7OztJQUFSO0tBQ0M7O2dCQWZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsUUFBUSxFQUFFLGdHQUlMO29CQUNMLE1BQU0sRUFBRSxDQUFDLHc0QkFBdzRCLENBQUM7b0JBQ2w1QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7Ozs7NkJBWEQ7Ozs7Ozs7QUNBQTs7OztnQkFHQyxRQUFRLFNBQUM7b0JBQ1IsT0FBTyxFQUFFLEVBQ1I7b0JBQ0QsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5Qjs7MEJBUkQ7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcy5tYXAiLCJzb3VyY2VzIjpbIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudC50cyIsIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1tYXJxdWVlJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwibmctbWFycXVlZS13cmFwcGVyXCI+XG4gIDxkaXY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+YCxcbiAgc3R5bGVzOiBbYC5uZy1tYXJxdWVlLXdyYXBwZXJ7b3ZlcmZsb3c6aGlkZGVuO3Bvc2l0aW9uOnJlbGF0aXZlfS5uZy1tYXJxdWVlLXdyYXBwZXI+ZGl2e3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7bWFyZ2luOjA7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTstd2Via2l0LWFuaW1hdGlvbjoyNXMgbGluZWFyIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjI1cyBsaW5lYXIgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjt3aGl0ZS1zcGFjZTpub3dyYXB9Lm5nLW1hcnF1ZWUtd3JhcHBlcjpob3Zlcj5kaXZ7LXdlYmtpdC1hbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWQ7YW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkfUAtd2Via2l0LWtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBrZXlmcmFtZXMgbWFycXVlZUFuaW1hdGlvbnswJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpfTEwMCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpfX1AbWVkaWEgKG1heC13aWR0aDo1MDBweCl7Lm5nLW1hcnF1ZWUtd3JhcHBlcj5kaXZ7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTttYXJnaW46MDstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpOy13ZWJraXQtYW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO2FuaW1hdGlvbjo5cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjt3aGl0ZS1zcGFjZTpub3dyYXB9fWBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBkdXJhdGlvbjogc3RyaW5nIHwgbnVtYmVyO1xuICBhbmltYXRpb25FbGVtOiBIVE1MRGl2RWxlbWVudDtcblxuICBjb25zdHJ1Y3RvcihcbiAgKSB7IH1cblxuICB1cGRhdGVEdXJhdGlvbigpIHtcbiAgICBpZiAoIXRoaXMuZHVyYXRpb24pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5hbmltYXRpb25FbGVtLnN0eWxlLmFuaW1hdGlvbkR1cmF0aW9uID0gYCR7dGhpcy5kdXJhdGlvbn1zYDtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuYW5pbWF0aW9uRWxlbSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5uZy1tYXJxdWVlLXdyYXBwZXIgPiBkaXYnKVswXSBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICB0aGlzLnVwZGF0ZUR1cmF0aW9uKCk7XG4gIH1cblxufVxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nTWFycXVlZUNvbXBvbmVudCB9IGZyb20gJy4vbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbTmdNYXJxdWVlQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW05nTWFycXVlZUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlTW9kdWxlIHsgfVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0lBaUJFO0tBQ0s7Ozs7SUFFTCwyQ0FBYzs7O0lBQWQ7UUFDRSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsR0FBTSxJQUFJLENBQUMsUUFBUSxNQUFHLENBQUM7S0FDbEU7Ozs7SUFFRCxxQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsYUFBYSxxQkFBRyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsMkJBQTJCLENBQUMsQ0FBQyxDQUFDLENBQW1CLENBQUEsQ0FBQztRQUNqRyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7S0FDdkI7O2dCQTVCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFFBQVEsRUFBRSxnR0FJTDtvQkFDTCxNQUFNLEVBQUUsQ0FBQyxnK0JBQWcrQixDQUFDO29CQUMxK0IsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzs7OzsyQkFHRSxLQUFLOzs2QkFkUjs7Ozs7OztBQ0FBOzs7O2dCQUdDLFFBQVEsU0FBQztvQkFDUixPQUFPLEVBQUUsRUFDUjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzlCOzswQkFSRDs7Ozs7Ozs7Ozs7Ozs7OyJ9

lib/ng-marquee/ng-marquee.component.d.ts

 import { OnInit } from '@angular/core';
 export declare class NgMarqueeComponent implements OnInit {
+    duration: string | number;
+    animationElem: HTMLDivElement;
     constructor();
+    updateDuration(): void;
     ngOnInit(): void;
 }

ng-marquee.d.ts

@@ -5,2 +5,1 @@ /**
 export * from './public_api';
-export { NgMarqueeComponent as ɵa } from './lib/ng-marquee/ng-marquee.component';

ng-marquee.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"NgMarqueeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"imports":[],"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ng-marquee","template":"<div class=\"ng-marquee-wrapper\">\n  <div>\n      <ng-content></ng-content>\n  </div>\n</div>","styles":[".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:18s linear 1s infinite marqueeAnimation;animation:18s linear 1s infinite marqueeAnimation;white-space:nowrap}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"NgMarqueeModule":"./lib/ng-marquee.module","ɵa":"./lib/ng-marquee/ng-marquee.component"},"importAs":"ng-marquee"}
+{"__symbolic":"module","version":4,"metadata":{"NgMarqueeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ng-marquee","template":"<div class=\"ng-marquee-wrapper\">\n  <div>\n      <ng-content></ng-content>\n  </div>\n</div>","styles":[".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:25s linear infinite marqueeAnimation;animation:25s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"}}]}],"members":{"duration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"updateDuration":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"NgMarqueeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"imports":[],"declarations":[{"__symbolic":"reference","name":"NgMarqueeComponent"}],"exports":[{"__symbolic":"reference","name":"NgMarqueeComponent"}]}]}],"members":{}}},"origins":{"NgMarqueeComponent":"./lib/ng-marquee/ng-marquee.component","NgMarqueeModule":"./lib/ng-marquee.module"},"importAs":"ng-marquee"}

package.json

 {
   "name": "ng-marquee",
-  "version": "0.0.1",
+  "version": "1.0.0",
+  "description": "Angular 6+ CSS Marquee (Alternative To HTML Marquee Tag)",
+  "keywords": [
+    "angular",
+    "ng-marquee",
+    "marquee",
+    "moving text",
+    "scrollling text",
+    "angular 2+",
+    "angular 6"
+  ],
+  "author": "Yuvaraj",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/shivarajnaidu/ng-marquee.git"
+  },
+  "bugs": {
+    "url": "https://github.com/shivarajnaidu/ng-marquee/issues"
+  },
+  "homepage": "https://github.com/shivarajnaidu/ng-marquee#readme",
   "peerDependencies": {
@@ -5,0 +25,0 @@ "@angular/common": "^6.0.0-rc.0 || ^6.0.0",

public_api.d.ts

@@ -0,1 +1,2 @@
+export * from './lib/ng-marquee/ng-marquee.component';
 export * from './lib/ng-marquee.module';

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 contributors or author data

Maintenance

Package does not specify a list of contributors or an author in package.json.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No License Found

License

(Experimental) License information could not be found.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

56321

increased by27.38%

Number of low license alerts

0

decreased by-100%

Lines of code

416

increased by29.6%

Number of low maintenance alerts

0

decreased by-100%

Number of low quality alerts

1

decreased by-66.67%

Number of low supply chain risk alerts

0

decreased by-100%

No dependency changes