ng-marquee-improved/bundles/ng-marquee-improved.umd.min.js

Angular 7/8 CSS-based Scrolling Marquee

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core")):"function"==typeof define&&define.amd?define("ng-marquee-improved",["exports","@angular/core"],t):t((e=e||self)["ng-marquee-improved"]={},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(){},e.prototype.ngAfterViewInit=function(){this.animationElem=document.querySelector(".ng-marquee-wrapper#"+this.marqueeId+" > div"),this.updateDuration()},e.decorators=[{type:t.Component,args:[{selector:"ng-marquee",template:'<div class="ng-marquee-wrapper" id="{{ marqueeId }}">\n  <div>\n    <ng-content></ng-content>\n  </div>\n</div>\n',changeDetection:t.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%{-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}}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={duration:[{type:t.Input}],marqueeId:[{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-improved.umd.min.js.map