ng-marquee - npm Package Compare versions

Comparing version 1.0.2 to 8.0.0

bundles/ng-marquee.umd.js

 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
     typeof define === 'function' && define.amd ? define('ng-marquee', ['exports', '@angular/core'], factory) :
-    (factory((global['ng-marquee'] = {}),global.ng.core));
-}(this, (function (exports,core) { 'use strict';
+    (global = global || self, factory(global['ng-marquee'] = {}, global.ng.core));
+}(this, (function (exports, core) { 'use strict';
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+     * Generated from: lib/ng-marquee/ng-marquee.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var NgMarqueeComponent = (function () {
+    var NgMarqueeComponent = /** @class */ (function () {
         function NgMarqueeComponent() {
         }
         /**
+         * @private
          * @return {?}
          */
         NgMarqueeComponent.prototype.updateDuration = /**
+         * @private
          * @return {?}
          */
-            function () {
-                if (!this.duration) {
-                    return;
-                }
-                this.animationElem.style.animationDuration = this.duration + "s";
-            };
+        function () {
+            if (!this.duration) {
+                return;
+            }
+            this.animationElem.nativeElement.style.animationDuration = this.duration + "s";
+        };
         /**
@@ -32,13 +35,20 @@ * @return {?}
          */
-            function () {
-                this.animationElem = /** @type {?} */ (document.querySelectorAll('.ng-marquee-wrapper > div')[0]);
-                this.updateDuration();
-            };
+        function () {
+        };
+        /**
+         * @return {?}
+         */
+        NgMarqueeComponent.prototype.ngAfterViewInit = /**
+         * @return {?}
+         */
+        function () {
+            this.updateDuration();
+        };
         NgMarqueeComponent.decorators = [
             { type: core.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{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s 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(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(0);transform:translateX(0)}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}}"],
+                        template: "<div class=\"ng-marquee-wrapper\">\n  <div #marqueeContainer>\n      <ng-content></ng-content>\n  </div>\n</div>",
                         changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    },] },
+                        styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"]
+                    }] }
         ];
@@ -48,12 +58,20 @@ /** @nocollapse */
         NgMarqueeComponent.propDecorators = {
-            duration: [{ type: core.Input }]
+            duration: [{ type: core.Input }],
+            animationElem: [{ type: core.ViewChild, args: ['marqueeContainer', { static: true },] }]
         };
         return NgMarqueeComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        NgMarqueeComponent.prototype.duration;
+        /** @type {?} */
+        NgMarqueeComponent.prototype.animationElem;
+    }
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+     * Generated from: lib/ng-marquee.module.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var NgMarqueeModule = (function () {
+    var NgMarqueeModule = /** @class */ (function () {
         function NgMarqueeModule() {
@@ -66,3 +84,3 @@ }
                         exports: [NgMarqueeComponent]
-                    },] },
+                    },] }
         ];
@@ -72,12 +90,2 @@ return NgMarqueeModule;
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
-     */
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
-     */
-
     exports.NgMarqueeComponent = NgMarqueeComponent;
@@ -89,3 +97,2 @@ exports.NgMarqueeModule = NgMarqueeModule;
 })));
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS51bWQuanMubWFwIiwic291cmNlcyI6WyJuZzovL25nLW1hcnF1ZWUvbGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiLCJuZzovL25nLW1hcnF1ZWUvbGliL25nLW1hcnF1ZWUubW9kdWxlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctbWFycXVlZScsXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cIm5nLW1hcnF1ZWUtd3JhcHBlclwiPlxuICA8ZGl2PlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PmAsXG4gIHN0eWxlczogW2AubmctbWFycXVlZS13cmFwcGVye292ZXJmbG93OmhpZGRlbjtwb3NpdGlvbjpyZWxhdGl2ZX0ubmctbWFycXVlZS13cmFwcGVyPmRpdntoZWlnaHQ6MTAwJTtkaXNwbGF5OmlubGluZS1ibG9jazttYXJnaW46MDtwYWRkaW5nLWxlZnQ6MTAwJTstd2Via2l0LWFuaW1hdGlvbjoyMHMgbGluZWFyIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjIwcyBsaW5lYXIgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjt3aGl0ZS1zcGFjZTpub3dyYXB9Lm5nLW1hcnF1ZWUtd3JhcHBlcjpob3Zlcj5kaXZ7LXdlYmtpdC1hbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWQ7YW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkfUAtd2Via2l0LWtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMCk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMCl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBrZXlmcmFtZXMgbWFycXVlZUFuaW1hdGlvbnswJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDApO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDApfTEwMCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpfX1AbWVkaWEgKG1heC13aWR0aDo1MDBweCl7Lm5nLW1hcnF1ZWUtd3JhcHBlcj5kaXZ7d2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTttYXJnaW46MDstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEwMCUpOy13ZWJraXQtYW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO2FuaW1hdGlvbjo5cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjt3aGl0ZS1zcGFjZTpub3dyYXB9fWBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBkdXJhdGlvbjogc3RyaW5nIHwgbnVtYmVyO1xuICBhbmltYXRpb25FbGVtOiBIVE1MRGl2RWxlbWVudDtcblxuICBjb25zdHJ1Y3RvcihcbiAgKSB7IH1cblxuICB1cGRhdGVEdXJhdGlvbigpIHtcbiAgICBpZiAoIXRoaXMuZHVyYXRpb24pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5hbmltYXRpb25FbGVtLnN0eWxlLmFuaW1hdGlvbkR1cmF0aW9uID0gYCR7dGhpcy5kdXJhdGlvbn1zYDtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuYW5pbWF0aW9uRWxlbSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5uZy1tYXJxdWVlLXdyYXBwZXIgPiBkaXYnKVswXSBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICB0aGlzLnVwZGF0ZUR1cmF0aW9uKCk7XG4gIH1cblxufVxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nTWFycXVlZUNvbXBvbmVudCB9IGZyb20gJy4vbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbTmdNYXJxdWVlQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW05nTWFycXVlZUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlTW9kdWxlIHsgfVxuIl0sIm5hbWVzIjpbIkNvbXBvbmVudCIsIkNoYW5nZURldGVjdGlvblN0cmF0ZWd5IiwiSW5wdXQiLCJOZ01vZHVsZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBO1FBaUJFO1NBQ0s7Ozs7UUFFTCwyQ0FBYzs7O1lBQWQ7Z0JBQ0UsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2xCLE9BQU87aUJBQ1I7Z0JBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCLEdBQU0sSUFBSSxDQUFDLFFBQVEsTUFBRyxDQUFDO2FBQ2xFOzs7O1FBRUQscUNBQVE7OztZQUFSO2dCQUNFLElBQUksQ0FBQyxhQUFhLHFCQUFHLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDLENBQUMsQ0FBbUIsQ0FBQSxDQUFDO2dCQUNqRyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7YUFDdkI7O29CQTVCRkEsY0FBUyxTQUFDO3dCQUNULFFBQVEsRUFBRSxZQUFZO3dCQUN0QixRQUFRLEVBQUUsZ0dBSUw7d0JBQ0wsTUFBTSxFQUFFLENBQUMsazdCQUFrN0IsQ0FBQzt3QkFDNTdCLGVBQWUsRUFBRUMsNEJBQXVCLENBQUMsTUFBTTtxQkFDaEQ7Ozs7OytCQUdFQyxVQUFLOztpQ0FkUjs7Ozs7OztBQ0FBOzs7O29CQUdDQyxhQUFRLFNBQUM7d0JBQ1IsT0FBTyxFQUFFLEVBQ1I7d0JBQ0QsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7d0JBQ2xDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO3FCQUM5Qjs7OEJBUkQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=ng-marquee.umd.js.map

bundles/ng-marquee.umd.min.js

@@ -1,2 +0,2 @@
-!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{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s 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(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(0);transform:translateX(0)}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})});
+!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=e||self)["ng-marquee"]={},e.ng.core)}(this,(function(e,n){"use strict";var t=function(){function e(){}return e.prototype.updateDuration=function(){this.duration&&(this.animationElem.nativeElement.style.animationDuration=this.duration+"s")},e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){this.updateDuration()},e.decorators=[{type:n.Component,args:[{selector:"ng-marquee",template:'<div class="ng-marquee-wrapper">\n  <div #marqueeContainer>\n      <ng-content></ng-content>\n  </div>\n</div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={duration:[{type:n.Input}],animationElem:[{type:n.ViewChild,args:["marqueeContainer",{static:!0}]}]},e}();var a=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[],declarations:[t],exports:[t]}]}],e}();e.NgMarqueeComponent=t,e.NgMarqueeModule=a,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-marquee.umd.min.js.map

esm2015/lib/ng-marquee.module.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: lib/ng-marquee.module.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -14,5 +15,4 @@ import { NgModule } from '@angular/core';
                 exports: [NgMarqueeComponent]
-            },] },
+            },] }
 ];
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBUXZFLE1BQU07OztZQU5MLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUUsRUFDUjtnQkFDRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztnQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7YUFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdNYXJxdWVlQ29tcG9uZW50IH0gZnJvbSAnLi9uZy1tYXJxdWVlL25nLW1hcnF1ZWUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtOZ01hcnF1ZWVDb21wb25lbnRdLFxuICBleHBvcnRzOiBbTmdNYXJxdWVlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQVF2RSxNQUFNLE9BQU8sZUFBZTs7O1lBTjNCLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUUsRUFDUjtnQkFDRCxZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztnQkFDbEMsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7YUFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdNYXJxdWVlQ29tcG9uZW50IH0gZnJvbSAnLi9uZy1tYXJxdWVlL25nLW1hcnF1ZWUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtOZ01hcnF1ZWVDb21wb25lbnRdLFxuICBleHBvcnRzOiBbTmdNYXJxdWVlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVNb2R1bGUgeyB9XG4iXX0=

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

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: lib/ng-marquee/ng-marquee.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild, ElementRef } from '@angular/core';
 export class NgMarqueeComponent {
     constructor() { }
     /**
+     * @private
      * @return {?}
@@ -15,3 +17,3 @@ */
         }
-        this.animationElem.style.animationDuration = `${this.duration}s`;
+        this.animationElem.nativeElement.style.animationDuration = `${this.duration}s`;
     }
@@ -22,3 +24,7 @@ /**
     ngOnInit() {
-        this.animationElem = /** @type {?} */ (document.querySelectorAll('.ng-marquee-wrapper > div')[0]);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
         this.updateDuration();
@@ -30,10 +36,6 @@ }
                 selector: 'ng-marquee',
-                template: `<div class="ng-marquee-wrapper">
-  <div>
-      <ng-content></ng-content>
-  </div>
-</div>`,
-                styles: [`.ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s 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(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(0);transform:translateX(0)}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}}`],
+                template: "<div class=\"ng-marquee-wrapper\">\n  <div #marqueeContainer>\n      <ng-content></ng-content>\n  </div>\n</div>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-            },] },
+                styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"]
+            }] }
 ];
@@ -43,3 +45,4 @@ /** @nocollapse */
 NgMarqueeComponent.propDecorators = {
-    duration: [{ type: Input }]
+    duration: [{ type: Input }],
+    animationElem: [{ type: ViewChild, args: ['marqueeContainer', { static: true },] }]
 };
@@ -52,3 +55,2 @@ if (false) {
 }
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBWWxGLE1BQU07SUFLSixpQkFDSzs7OztJQUVMLGNBQWM7UUFDWixFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQ25CLE1BQU0sQ0FBQztTQUNSO1FBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUM7S0FDbEU7Ozs7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEscUJBQUcsUUFBUSxDQUFDLGdCQUFnQixDQUFDLDJCQUEyQixDQUFDLENBQUMsQ0FBQyxDQUFtQixDQUFBLENBQUM7UUFDakcsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0tBQ3ZCOzs7WUE1QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixRQUFRLEVBQUU7Ozs7T0FJTDtnQkFDTCxNQUFNLEVBQUUsQ0FBQyxrN0JBQWs3QixDQUFDO2dCQUM1N0IsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07YUFDaEQ7Ozs7O3VCQUdFLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLW1hcnF1ZWUnLFxuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJuZy1tYXJxdWVlLXdyYXBwZXJcIj5cbiAgPGRpdj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5gLFxuICBzdHlsZXM6IFtgLm5nLW1hcnF1ZWUtd3JhcHBlcntvdmVyZmxvdzpoaWRkZW47cG9zaXRpb246cmVsYXRpdmV9Lm5nLW1hcnF1ZWUtd3JhcHBlcj5kaXZ7aGVpZ2h0OjEwMCU7ZGlzcGxheTppbmxpbmUtYmxvY2s7bWFyZ2luOjA7cGFkZGluZy1sZWZ0OjEwMCU7LXdlYmtpdC1hbmltYXRpb246MjBzIGxpbmVhciBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO2FuaW1hdGlvbjoyMHMgbGluZWFyIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247d2hpdGUtc3BhY2U6bm93cmFwfS5uZy1tYXJxdWVlLXdyYXBwZXI6aG92ZXI+ZGl2ey13ZWJraXQtYW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkO2FuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZH1ALXdlYmtpdC1rZXlmcmFtZXMgbWFycXVlZUFuaW1hdGlvbnswJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDApO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDApfTEwMCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpfX1Aa2V5ZnJhbWVzIG1hcnF1ZWVBbmltYXRpb257MCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgwKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgwKX0xMDAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKX19QG1lZGlhIChtYXgtd2lkdGg6NTAwcHgpey5uZy1tYXJxdWVlLXdyYXBwZXI+ZGl2e3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7bWFyZ2luOjA7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTstd2Via2l0LWFuaW1hdGlvbjo5cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjthbmltYXRpb246OXMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247d2hpdGUtc3BhY2U6bm93cmFwfX1gXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nTWFycXVlZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgZHVyYXRpb246IHN0cmluZyB8IG51bWJlcjtcbiAgYW5pbWF0aW9uRWxlbTogSFRNTERpdkVsZW1lbnQ7XG5cbiAgY29uc3RydWN0b3IoXG4gICkgeyB9XG5cbiAgdXBkYXRlRHVyYXRpb24oKSB7XG4gICAgaWYgKCF0aGlzLmR1cmF0aW9uKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYW5pbWF0aW9uRWxlbS5zdHlsZS5hbmltYXRpb25EdXJhdGlvbiA9IGAke3RoaXMuZHVyYXRpb259c2A7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmFuaW1hdGlvbkVsZW0gPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcubmctbWFycXVlZS13cmFwcGVyID4gZGl2JylbMF0gYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgdGhpcy51cGRhdGVEdXJhdGlvbigpO1xuICB9XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLHVCQUF1QixFQUFFLEtBQUssRUFBaUIsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVF4SCxNQUFNLE9BQU8sa0JBQWtCO0lBSzdCLGdCQUNJLENBQUM7Ozs7O0lBRUcsY0FBYztRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUM7SUFDakYsQ0FBQzs7OztJQUVELFFBQVE7SUFDUixDQUFDOzs7O0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDOzs7WUEzQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qiw0SEFBMEM7Z0JBRTFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7Ozs7dUJBR0UsS0FBSzs0QkFDTCxTQUFTLFNBQUMsa0JBQWtCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOzs7O0lBRC9DLHNDQUFtQzs7SUFDbkMsMkNBQTJGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgQWZ0ZXJWaWV3SW5pdCwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLW1hcnF1ZWUnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmctbWFycXVlZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25nLW1hcnF1ZWUuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcblxuICBASW5wdXQoKSBkdXJhdGlvbjogc3RyaW5nIHwgbnVtYmVyO1xuICBAVmlld0NoaWxkKCdtYXJxdWVlQ29udGFpbmVyJywgeyBzdGF0aWM6IHRydWUgfSkgYW5pbWF0aW9uRWxlbTogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICkgeyB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVEdXJhdGlvbigpIHtcbiAgICBpZiAoIXRoaXMuZHVyYXRpb24pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmFuaW1hdGlvbkVsZW0ubmF0aXZlRWxlbWVudC5zdHlsZS5hbmltYXRpb25EdXJhdGlvbiA9IGAke3RoaXMuZHVyYXRpb259c2A7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnVwZGF0ZUR1cmF0aW9uKCk7XG4gIH1cblxufVxuIl19

esm2015/ng-marquee.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: ng-marquee.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -9,3 +10,2 @@ /**
 export { NgMarqueeComponent, NgMarqueeModule } from './public_api';
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJuZy1tYXJxdWVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxvREFBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJuZy1tYXJxdWVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBSUEsb0RBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

esm2015/public_api.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: public_api.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -10,3 +11,2 @@ /*
 export { NgMarqueeModule } from './lib/ng-marquee.module';
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJwdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxtQ0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxnQ0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbmctbWFycXVlZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctbWFycXVlZS5tb2R1bGUnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJwdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBSUEsbUNBQWMsdUNBQXVDLENBQUM7QUFDdEQsZ0NBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5nLW1hcnF1ZWVcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZy1tYXJxdWVlL25nLW1hcnF1ZWUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL25nLW1hcnF1ZWUubW9kdWxlJztcbiJdfQ==

esm5/lib/ng-marquee.module.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: lib/ng-marquee.module.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -15,3 +16,3 @@ import { NgModule } from '@angular/core';
                     exports: [NgMarqueeComponent]
-                },] },
+                },] }
     ];
@@ -21,3 +22,2 @@ return NgMarqueeModule;
 export { NgMarqueeModule };
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7OztnQkFFdEUsUUFBUSxTQUFDO29CQUNSLE9BQU8sRUFBRSxFQUNSO29CQUNELFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDOUI7OzBCQVJEOztTQVNhLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdNYXJxdWVlQ29tcG9uZW50IH0gZnJvbSAnLi9uZy1tYXJxdWVlL25nLW1hcnF1ZWUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtOZ01hcnF1ZWVDb21wb25lbnRdLFxuICBleHBvcnRzOiBbTmdNYXJxdWVlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUV2RTtJQUFBO0lBTStCLENBQUM7O2dCQU4vQixRQUFRLFNBQUM7b0JBQ1IsT0FBTyxFQUFFLEVBQ1I7b0JBQ0QsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5Qjs7SUFDOEIsc0JBQUM7Q0FBQSxBQU5oQyxJQU1nQztTQUFuQixlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nTWFycXVlZUNvbXBvbmVudCB9IGZyb20gJy4vbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbTmdNYXJxdWVlQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW05nTWFycXVlZUNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlTW9kdWxlIHsgfVxuIl19

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

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: lib/ng-marquee/ng-marquee.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild, ElementRef } from '@angular/core';
 var NgMarqueeComponent = /** @class */ (function () {
@@ -10,5 +11,7 @@ function NgMarqueeComponent() {
     /**
+     * @private
      * @return {?}
      */
     NgMarqueeComponent.prototype.updateDuration = /**
+     * @private
      * @return {?}
@@ -20,3 +23,3 @@ */
         }
-        this.animationElem.style.animationDuration = this.duration + "s";
+        this.animationElem.nativeElement.style.animationDuration = this.duration + "s";
     };
@@ -30,3 +33,10 @@ /**
     function () {
-        this.animationElem = /** @type {?} */ (document.querySelectorAll('.ng-marquee-wrapper > div')[0]);
+    };
+    /**
+     * @return {?}
+     */
+    NgMarqueeComponent.prototype.ngAfterViewInit = /**
+     * @return {?}
+     */
+    function () {
         this.updateDuration();
@@ -37,6 +47,6 @@ };
                     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{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s 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(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(0);transform:translateX(0)}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}}"],
+                    template: "<div class=\"ng-marquee-wrapper\">\n  <div #marqueeContainer>\n      <ng-content></ng-content>\n  </div>\n</div>",
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                },] },
+                    styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"]
+                }] }
     ];
@@ -46,3 +56,4 @@ /** @nocollapse */
     NgMarqueeComponent.propDecorators = {
-        duration: [{ type: Input }]
+        duration: [{ type: Input }],
+        animationElem: [{ type: ViewChild, args: ['marqueeContainer', { static: true },] }]
     };
@@ -58,3 +69,2 @@ return NgMarqueeComponent;
 }
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztJQWlCaEY7S0FDSzs7OztJQUVMLDJDQUFjOzs7SUFBZDtRQUNFLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7WUFDbkIsTUFBTSxDQUFDO1NBQ1I7UUFDRCxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsR0FBTSxJQUFJLENBQUMsUUFBUSxNQUFHLENBQUM7S0FDbEU7Ozs7SUFFRCxxQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsYUFBYSxxQkFBRyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsMkJBQTJCLENBQUMsQ0FBQyxDQUFDLENBQW1CLENBQUEsQ0FBQztRQUNqRyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7S0FDdkI7O2dCQTVCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFFBQVEsRUFBRSxnR0FJTDtvQkFDTCxNQUFNLEVBQUUsQ0FBQyxrN0JBQWs3QixDQUFDO29CQUM1N0IsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzs7OzsyQkFHRSxLQUFLOzs2QkFkUjs7U0FZYSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLW1hcnF1ZWUnLFxuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJuZy1tYXJxdWVlLXdyYXBwZXJcIj5cbiAgPGRpdj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5gLFxuICBzdHlsZXM6IFtgLm5nLW1hcnF1ZWUtd3JhcHBlcntvdmVyZmxvdzpoaWRkZW47cG9zaXRpb246cmVsYXRpdmV9Lm5nLW1hcnF1ZWUtd3JhcHBlcj5kaXZ7aGVpZ2h0OjEwMCU7ZGlzcGxheTppbmxpbmUtYmxvY2s7bWFyZ2luOjA7cGFkZGluZy1sZWZ0OjEwMCU7LXdlYmtpdC1hbmltYXRpb246MjBzIGxpbmVhciBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO2FuaW1hdGlvbjoyMHMgbGluZWFyIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247d2hpdGUtc3BhY2U6bm93cmFwfS5uZy1tYXJxdWVlLXdyYXBwZXI6aG92ZXI+ZGl2ey13ZWJraXQtYW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkO2FuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZH1ALXdlYmtpdC1rZXlmcmFtZXMgbWFycXVlZUFuaW1hdGlvbnswJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKDApO3RyYW5zZm9ybTp0cmFuc2xhdGVYKDApfTEwMCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpfX1Aa2V5ZnJhbWVzIG1hcnF1ZWVBbmltYXRpb257MCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgwKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgwKX0xMDAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKX19QG1lZGlhIChtYXgtd2lkdGg6NTAwcHgpey5uZy1tYXJxdWVlLXdyYXBwZXI+ZGl2e3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7bWFyZ2luOjA7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMDAlKTstd2Via2l0LWFuaW1hdGlvbjo5cyBsaW5lYXIgMXMgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjthbmltYXRpb246OXMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247d2hpdGUtc3BhY2U6bm93cmFwfX1gXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nTWFycXVlZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgZHVyYXRpb246IHN0cmluZyB8IG51bWJlcjtcbiAgYW5pbWF0aW9uRWxlbTogSFRNTERpdkVsZW1lbnQ7XG5cbiAgY29uc3RydWN0b3IoXG4gICkgeyB9XG5cbiAgdXBkYXRlRHVyYXRpb24oKSB7XG4gICAgaWYgKCF0aGlzLmR1cmF0aW9uKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYW5pbWF0aW9uRWxlbS5zdHlsZS5hbmltYXRpb25EdXJhdGlvbiA9IGAke3RoaXMuZHVyYXRpb259c2A7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmFuaW1hdGlvbkVsZW0gPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcubmctbWFycXVlZS13cmFwcGVyID4gZGl2JylbMF0gYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgdGhpcy51cGRhdGVEdXJhdGlvbigpO1xuICB9XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXJxdWVlLyIsInNvdXJjZXMiOlsibGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLHVCQUF1QixFQUFFLEtBQUssRUFBaUIsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV4SDtJQVdFO0lBQ0ksQ0FBQzs7Ozs7SUFFRywyQ0FBYzs7OztJQUF0QjtRQUNFLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsR0FBTSxJQUFJLENBQUMsUUFBUSxNQUFHLENBQUM7SUFDakYsQ0FBQzs7OztJQUVELHFDQUFROzs7SUFBUjtJQUNBLENBQUM7Ozs7SUFFRCw0Q0FBZTs7O0lBQWY7UUFDRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQzs7Z0JBM0JGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsNEhBQTBDO29CQUUxQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7aUJBQ2hEOzs7OzsyQkFHRSxLQUFLO2dDQUNMLFNBQVMsU0FBQyxrQkFBa0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7O0lBb0JqRCx5QkFBQztDQUFBLEFBN0JELElBNkJDO1NBdkJZLGtCQUFrQjs7O0lBRTdCLHNDQUFtQzs7SUFDbkMsMkNBQTJGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgQWZ0ZXJWaWV3SW5pdCwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLW1hcnF1ZWUnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmctbWFycXVlZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25nLW1hcnF1ZWUuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmdNYXJxdWVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcblxuICBASW5wdXQoKSBkdXJhdGlvbjogc3RyaW5nIHwgbnVtYmVyO1xuICBAVmlld0NoaWxkKCdtYXJxdWVlQ29udGFpbmVyJywgeyBzdGF0aWM6IHRydWUgfSkgYW5pbWF0aW9uRWxlbTogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICkgeyB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVEdXJhdGlvbigpIHtcbiAgICBpZiAoIXRoaXMuZHVyYXRpb24pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmFuaW1hdGlvbkVsZW0ubmF0aXZlRWxlbWVudC5zdHlsZS5hbmltYXRpb25EdXJhdGlvbiA9IGAke3RoaXMuZHVyYXRpb259c2A7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnVwZGF0ZUR1cmF0aW9uKCk7XG4gIH1cblxufVxuIl19

esm5/ng-marquee.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: ng-marquee.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -9,3 +10,2 @@ /**
 export { NgMarqueeComponent, NgMarqueeModule } from './public_api';
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJuZy1tYXJxdWVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxvREFBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJuZy1tYXJxdWVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBSUEsb0RBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

esm5/public_api.js

 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: public_api.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -10,3 +11,2 @@ /*
 export { NgMarqueeModule } from './lib/ng-marquee.module';
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJwdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxtQ0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxnQ0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbmctbWFycXVlZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL25nLW1hcnF1ZWUvbmctbWFycXVlZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctbWFycXVlZS5tb2R1bGUnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hcnF1ZWUvIiwic291cmNlcyI6WyJwdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBSUEsbUNBQWMsdUNBQXVDLENBQUM7QUFDdEQsZ0NBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5nLW1hcnF1ZWVcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZy1tYXJxdWVlL25nLW1hcnF1ZWUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL25nLW1hcnF1ZWUubW9kdWxlJztcbiJdfQ==

fesm2015/ng-marquee.js

@@ -1,6 +0,7 @@
-import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild, NgModule } from '@angular/core';
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: lib/ng-marquee/ng-marquee.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -10,2 +11,3 @@ class NgMarqueeComponent {
     /**
+     * @private
      * @return {?}
@@ -17,3 +19,3 @@ */
         }
-        this.animationElem.style.animationDuration = `${this.duration}s`;
+        this.animationElem.nativeElement.style.animationDuration = `${this.duration}s`;
     }
@@ -24,3 +26,7 @@ /**
     ngOnInit() {
-        this.animationElem = /** @type {?} */ (document.querySelectorAll('.ng-marquee-wrapper > div')[0]);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
         this.updateDuration();
@@ -32,10 +38,6 @@ }
                 selector: 'ng-marquee',
-                template: `<div class="ng-marquee-wrapper">
-  <div>
-      <ng-content></ng-content>
-  </div>
-</div>`,
-                styles: [`.ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s 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(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(0);transform:translateX(0)}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}}`],
+                template: "<div class=\"ng-marquee-wrapper\">\n  <div #marqueeContainer>\n      <ng-content></ng-content>\n  </div>\n</div>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-            },] },
+                styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"]
+            }] }
 ];
@@ -45,8 +47,16 @@ /** @nocollapse */
 NgMarqueeComponent.propDecorators = {
-    duration: [{ type: Input }]
+    duration: [{ type: Input }],
+    animationElem: [{ type: ViewChild, args: ['marqueeContainer', { static: true },] }]
 };
+if (false) {
+    /** @type {?} */
+    NgMarqueeComponent.prototype.duration;
+    /** @type {?} */
+    NgMarqueeComponent.prototype.animationElem;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: lib/ng-marquee.module.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -60,3 +70,3 @@ class NgMarqueeModule {
                 exports: [NgMarqueeComponent]
-            },] },
+            },] }
 ];
@@ -66,3 +76,4 @@
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: public_api.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -72,7 +83,7 @@
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: ng-marquee.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 export { NgMarqueeComponent, NgMarqueeModule };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcy5tYXAiLCJzb3VyY2VzIjpbIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudC50cyIsIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1tYXJxdWVlJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwibmctbWFycXVlZS13cmFwcGVyXCI+XG4gIDxkaXY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+YCxcbiAgc3R5bGVzOiBbYC5uZy1tYXJxdWVlLXdyYXBwZXJ7b3ZlcmZsb3c6aGlkZGVuO3Bvc2l0aW9uOnJlbGF0aXZlfS5uZy1tYXJxdWVlLXdyYXBwZXI+ZGl2e2hlaWdodDoxMDAlO2Rpc3BsYXk6aW5saW5lLWJsb2NrO21hcmdpbjowO3BhZGRpbmctbGVmdDoxMDAlOy13ZWJraXQtYW5pbWF0aW9uOjIwcyBsaW5lYXIgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjthbmltYXRpb246MjBzIGxpbmVhciBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH0ubmctbWFycXVlZS13cmFwcGVyOmhvdmVyPmRpdnstd2Via2l0LWFuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZDthbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWR9QC13ZWJraXQta2V5ZnJhbWVzIG1hcnF1ZWVBbmltYXRpb257MCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgwKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgwKX0xMDAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKX19QGtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMCk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMCl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBtZWRpYSAobWF4LXdpZHRoOjUwMHB4KXsubmctbWFycXVlZS13cmFwcGVyPmRpdnt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO21hcmdpbjowOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7LXdlYmtpdC1hbmltYXRpb246OXMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH19YF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGR1cmF0aW9uOiBzdHJpbmcgfCBudW1iZXI7XG4gIGFuaW1hdGlvbkVsZW06IEhUTUxEaXZFbGVtZW50O1xuXG4gIGNvbnN0cnVjdG9yKFxuICApIHsgfVxuXG4gIHVwZGF0ZUR1cmF0aW9uKCkge1xuICAgIGlmICghdGhpcy5kdXJhdGlvbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmFuaW1hdGlvbkVsZW0uc3R5bGUuYW5pbWF0aW9uRHVyYXRpb24gPSBgJHt0aGlzLmR1cmF0aW9ufXNgO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5hbmltYXRpb25FbGVtID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLm5nLW1hcnF1ZWUtd3JhcHBlciA+IGRpdicpWzBdIGFzIEhUTUxEaXZFbGVtZW50O1xuICAgIHRoaXMudXBkYXRlRHVyYXRpb24oKTtcbiAgfVxuXG59XG4iLCJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdNYXJxdWVlQ29tcG9uZW50IH0gZnJvbSAnLi9uZy1tYXJxdWVlL25nLW1hcnF1ZWUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtOZ01hcnF1ZWVDb21wb25lbnRdLFxuICBleHBvcnRzOiBbTmdNYXJxdWVlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVNb2R1bGUgeyB9XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7SUFpQkUsaUJBQ0s7Ozs7SUFFTCxjQUFjO1FBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUM7S0FDbEU7Ozs7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEscUJBQUcsUUFBUSxDQUFDLGdCQUFnQixDQUFDLDJCQUEyQixDQUFDLENBQUMsQ0FBQyxDQUFtQixDQUFBLENBQUM7UUFDakcsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0tBQ3ZCOzs7WUE1QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixRQUFRLEVBQUU7Ozs7T0FJTDtnQkFDTCxNQUFNLEVBQUUsQ0FBQyxrN0JBQWs3QixDQUFDO2dCQUM1N0IsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07YUFDaEQ7Ozs7O3VCQUdFLEtBQUs7Ozs7Ozs7QUNkUjs7O1lBR0MsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRSxFQUNSO2dCQUNELFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO2dCQUNsQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQzthQUM5Qjs7Ozs7Ozs7Ozs7Ozs7OyJ9
+//# sourceMappingURL=ng-marquee.js.map

fesm5/ng-marquee.js

@@ -1,6 +0,7 @@
-import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild, NgModule } from '@angular/core';
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: lib/ng-marquee/ng-marquee.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -11,5 +12,7 @@ var NgMarqueeComponent = /** @class */ (function () {
     /**
+     * @private
      * @return {?}
      */
     NgMarqueeComponent.prototype.updateDuration = /**
+     * @private
      * @return {?}
@@ -21,3 +24,3 @@ */
         }
-        this.animationElem.style.animationDuration = this.duration + "s";
+        this.animationElem.nativeElement.style.animationDuration = this.duration + "s";
     };
@@ -31,3 +34,10 @@ /**
     function () {
-        this.animationElem = /** @type {?} */ (document.querySelectorAll('.ng-marquee-wrapper > div')[0]);
+    };
+    /**
+     * @return {?}
+     */
+    NgMarqueeComponent.prototype.ngAfterViewInit = /**
+     * @return {?}
+     */
+    function () {
         this.updateDuration();
@@ -38,6 +48,6 @@ };
                     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{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s 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(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(0);transform:translateX(0)}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}}"],
+                    template: "<div class=\"ng-marquee-wrapper\">\n  <div #marqueeContainer>\n      <ng-content></ng-content>\n  </div>\n</div>",
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                },] },
+                    styles: [".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"]
+                }] }
     ];
@@ -47,10 +57,18 @@ /** @nocollapse */
     NgMarqueeComponent.propDecorators = {
-        duration: [{ type: Input }]
+        duration: [{ type: Input }],
+        animationElem: [{ type: ViewChild, args: ['marqueeContainer', { static: true },] }]
     };
     return NgMarqueeComponent;
 }());
+if (false) {
+    /** @type {?} */
+    NgMarqueeComponent.prototype.duration;
+    /** @type {?} */
+    NgMarqueeComponent.prototype.animationElem;
+}
 
 /**
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: lib/ng-marquee.module.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -65,3 +83,3 @@ var NgMarqueeModule = /** @class */ (function () {
                     exports: [NgMarqueeComponent]
-                },] },
+                },] }
     ];
@@ -73,3 +91,4 @@ return NgMarqueeModule;
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: public_api.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
@@ -79,7 +98,7 @@
  * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
+ * Generated from: ng-marquee.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
 export { NgMarqueeComponent, NgMarqueeModule };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWFycXVlZS5qcy5tYXAiLCJzb3VyY2VzIjpbIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS9uZy1tYXJxdWVlLmNvbXBvbmVudC50cyIsIm5nOi8vbmctbWFycXVlZS9saWIvbmctbWFycXVlZS5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1tYXJxdWVlJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwibmctbWFycXVlZS13cmFwcGVyXCI+XG4gIDxkaXY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+YCxcbiAgc3R5bGVzOiBbYC5uZy1tYXJxdWVlLXdyYXBwZXJ7b3ZlcmZsb3c6aGlkZGVuO3Bvc2l0aW9uOnJlbGF0aXZlfS5uZy1tYXJxdWVlLXdyYXBwZXI+ZGl2e2hlaWdodDoxMDAlO2Rpc3BsYXk6aW5saW5lLWJsb2NrO21hcmdpbjowO3BhZGRpbmctbGVmdDoxMDAlOy13ZWJraXQtYW5pbWF0aW9uOjIwcyBsaW5lYXIgaW5maW5pdGUgbWFycXVlZUFuaW1hdGlvbjthbmltYXRpb246MjBzIGxpbmVhciBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH0ubmctbWFycXVlZS13cmFwcGVyOmhvdmVyPmRpdnstd2Via2l0LWFuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZDthbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWR9QC13ZWJraXQta2V5ZnJhbWVzIG1hcnF1ZWVBbmltYXRpb257MCV7LXdlYmtpdC10cmFuc2Zvcm06dHJhbnNsYXRlWCgwKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgwKX0xMDAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoLTEwMCUpO3RyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKX19QGtleWZyYW1lcyBtYXJxdWVlQW5pbWF0aW9uezAley13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMCk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMCl9MTAwJXstd2Via2l0LXRyYW5zZm9ybTp0cmFuc2xhdGVYKC0xMDAlKTt0cmFuc2Zvcm06dHJhbnNsYXRlWCgtMTAwJSl9fUBtZWRpYSAobWF4LXdpZHRoOjUwMHB4KXsubmctbWFycXVlZS13cmFwcGVyPmRpdnt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO21hcmdpbjowOy13ZWJraXQtdHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTAwJSk7LXdlYmtpdC1hbmltYXRpb246OXMgbGluZWFyIDFzIGluZmluaXRlIG1hcnF1ZWVBbmltYXRpb247YW5pbWF0aW9uOjlzIGxpbmVhciAxcyBpbmZpbml0ZSBtYXJxdWVlQW5pbWF0aW9uO3doaXRlLXNwYWNlOm5vd3JhcH19YF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGR1cmF0aW9uOiBzdHJpbmcgfCBudW1iZXI7XG4gIGFuaW1hdGlvbkVsZW06IEhUTUxEaXZFbGVtZW50O1xuXG4gIGNvbnN0cnVjdG9yKFxuICApIHsgfVxuXG4gIHVwZGF0ZUR1cmF0aW9uKCkge1xuICAgIGlmICghdGhpcy5kdXJhdGlvbikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmFuaW1hdGlvbkVsZW0uc3R5bGUuYW5pbWF0aW9uRHVyYXRpb24gPSBgJHt0aGlzLmR1cmF0aW9ufXNgO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5hbmltYXRpb25FbGVtID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLm5nLW1hcnF1ZWUtd3JhcHBlciA+IGRpdicpWzBdIGFzIEhUTUxEaXZFbGVtZW50O1xuICAgIHRoaXMudXBkYXRlRHVyYXRpb24oKTtcbiAgfVxuXG59XG4iLCJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdNYXJxdWVlQ29tcG9uZW50IH0gZnJvbSAnLi9uZy1tYXJxdWVlL25nLW1hcnF1ZWUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtOZ01hcnF1ZWVDb21wb25lbnRdLFxuICBleHBvcnRzOiBbTmdNYXJxdWVlQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBOZ01hcnF1ZWVNb2R1bGUgeyB9XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7SUFpQkU7S0FDSzs7OztJQUVMLDJDQUFjOzs7SUFBZDtRQUNFLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLGlCQUFpQixHQUFNLElBQUksQ0FBQyxRQUFRLE1BQUcsQ0FBQztLQUNsRTs7OztJQUVELHFDQUFROzs7SUFBUjtRQUNFLElBQUksQ0FBQyxhQUFhLHFCQUFHLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDLENBQUMsQ0FBbUIsQ0FBQSxDQUFDO1FBQ2pHLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztLQUN2Qjs7Z0JBNUJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsUUFBUSxFQUFFLGdHQUlMO29CQUNMLE1BQU0sRUFBRSxDQUFDLGs3QkFBazdCLENBQUM7b0JBQzU3QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7Ozs7OzJCQUdFLEtBQUs7OzZCQWRSOzs7Ozs7O0FDQUE7Ozs7Z0JBR0MsUUFBUSxTQUFDO29CQUNSLE9BQU8sRUFBRSxFQUNSO29CQUNELFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDOUI7OzBCQVJEOzs7Ozs7Ozs7Ozs7Ozs7In0=
+//# sourceMappingURL=ng-marquee.js.map

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

@@ -1,8 +0,9 @@
-import { OnInit } from '@angular/core';
-export declare class NgMarqueeComponent implements OnInit {
+import { OnInit, AfterViewInit, ElementRef } from '@angular/core';
+export declare class NgMarqueeComponent implements OnInit, AfterViewInit {
     duration: string | number;
-    animationElem: HTMLDivElement;
+    animationElem: ElementRef<HTMLDivElement>;
     constructor();
-    updateDuration(): void;
+    private updateDuration;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
 }

ng-marquee.metadata.json

@@ -1,1 +0,1 @@
-{"__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{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s 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(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{-webkit-transform:translateX(0);transform:translateX(0)}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"}
+{"__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","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<div class=\"ng-marquee-wrapper\">\n  <div #marqueeContainer>\n      <ng-content></ng-content>\n  </div>\n</div>","styles":[".ng-marquee-wrapper{overflow:hidden;position:relative}.ng-marquee-wrapper>div{height:100%;display:inline-block;margin:0;padding-left:100%;-webkit-animation:20s linear infinite marqueeAnimation;animation:20s linear infinite marqueeAnimation;white-space:nowrap}.ng-marquee-wrapper:hover>div{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marqueeAnimation{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media (max-width:500px){.ng-marquee-wrapper>div{width:100%;height:100%;margin:0;transform:translateX(100%);-webkit-animation:9s linear 1s infinite marqueeAnimation;animation:9s linear 1s infinite marqueeAnimation;white-space:nowrap}}"]}]}],"members":{"duration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"animationElem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":["marqueeContainer",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"updateDuration":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__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": "1.0.2",
-  "description": "Angular 6+ CSS Marquee (Alternative To HTML Marquee Tag)",
+  "version": "8.0.0",
+  "description": "Angular 8+ CSS Marquee (Alternative To HTML Marquee Tag)",
   "keywords": [
@@ -11,3 +11,3 @@ "angular",
     "scrollling text",
-    "angular 2+",
+    "Angular 8+",
     "angular 6"
@@ -14,0 +14,0 @@ ],

README.md

 # ng-marquee
-Angular 2+ Component For Marquee Text
+Angular 8+ Component For Marquee Text
 
@@ -4,0 +4,0 @@ [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://paypal.me/shivarajnaidu)

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

Improved metrics

Lines of code

477

increased by14.66%

Worsened metrics

Total package byte prevSize

42153

decreased by-26.01%

No dependency changes