cm-ngx-video-lazyloader
Advanced tools
Comparing version 0.0.2 to 0.1.0
@@ -266,3 +266,4 @@ (function (global, factory) { | ||
core.Directive({ | ||
selector: '[libLazyloadVideo]' | ||
// tslint:disable-next-line:directive-selector | ||
selector: '[lazyLoadVideo]' | ||
}) | ||
@@ -269,0 +270,0 @@ ], CmNgxVideoLazyloaderDirective); |
@@ -15,3 +15,3 @@ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core")):"function"==typeof define&&define.amd?define("cm-ngx-video-lazyloader",["exports","@angular/core"],t):t((e=e||self)["cm-ngx-video-lazyloader"]={},e.ng.core)}(this,(function(e,t){"use strict"; | ||
PERFORMANCE OF THIS SOFTWARE. | ||
***************************************************************************** */function r(e,t,r,o){var n,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(a=(i<3?n(a):i>3?n(t,r,a):n(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a}function o(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=i.return)&&r.call(i)}finally{if(n)throw n.error}}return a}var n=function(){function e(e){this.elRef=e,this.lazyLoadPoster=!1}return e.prototype.ngOnInit=function(){var e=this;this.videoElement=this.elRef.nativeElement,"IntersectionObserver"in window&&(this.lazyVideoObserver=new IntersectionObserver((function(t,r){t.forEach((function(t){t.isIntersecting&&(e.lazyLoadPoster&&t.target&&t.target.dataset&&(t.target.poster=t.target.dataset.poster),function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(o(arguments[t]));return e}(t.target.children).forEach((function(e){"string"==typeof e.nodeName&&"SOURCE"===e.nodeName&&(e.src=e.dataset.src)})),t.target.load(),e.lazyVideoObserver.unobserve(t.target))}))})),this.lazyVideoObserver.observe(this.videoElement))},e.prototype.ngOnDestroy=function(){this.lazyVideoObserver.unobserve(this.videoElement)},e.ctorParameters=function(){return[{type:t.ElementRef}]},r([t.Input()],e.prototype,"lazyLoadPoster",void 0),e=r([t.Directive({selector:"[libLazyloadVideo]"})],e)}(),i=function(){function e(){}return e=r([t.NgModule({declarations:[n],imports:[],exports:[n]})],e)}();e.CmNgxVideoLazyloaderModule=i,e.ɵa=n,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
***************************************************************************** */function r(e,t,r,o){var n,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(a=(i<3?n(a):i>3?n(t,r,a):n(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a}function o(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=i.return)&&r.call(i)}finally{if(n)throw n.error}}return a}var n=function(){function e(e){this.elRef=e,this.lazyLoadPoster=!1}return e.prototype.ngOnInit=function(){var e=this;this.videoElement=this.elRef.nativeElement,"IntersectionObserver"in window&&(this.lazyVideoObserver=new IntersectionObserver((function(t,r){t.forEach((function(t){t.isIntersecting&&(e.lazyLoadPoster&&t.target&&t.target.dataset&&(t.target.poster=t.target.dataset.poster),function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(o(arguments[t]));return e}(t.target.children).forEach((function(e){"string"==typeof e.nodeName&&"SOURCE"===e.nodeName&&(e.src=e.dataset.src)})),t.target.load(),e.lazyVideoObserver.unobserve(t.target))}))})),this.lazyVideoObserver.observe(this.videoElement))},e.prototype.ngOnDestroy=function(){this.lazyVideoObserver.unobserve(this.videoElement)},e.ctorParameters=function(){return[{type:t.ElementRef}]},r([t.Input()],e.prototype,"lazyLoadPoster",void 0),e=r([t.Directive({selector:"[lazyLoadVideo]"})],e)}(),i=function(){function e(){}return e=r([t.NgModule({declarations:[n],imports:[],exports:[n]})],e)}();e.CmNgxVideoLazyloaderModule=i,e.ɵa=n,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
//# sourceMappingURL=cm-ngx-video-lazyloader.umd.min.js.map |
@@ -1,1 +0,1 @@ | ||
{"__symbolic":"module","version":4,"metadata":{"CmNgxVideoLazyloaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":2,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[libLazyloadVideo]"}]}],"members":{"lazyLoadPoster":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":11,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"CmNgxVideoLazyloaderModule":"./lib/cm-ngx-video-lazyloader.module","ɵa":"./lib/cm-ngx-video-lazyloader.directive"},"importAs":"cm-ngx-video-lazyloader"} | ||
{"__symbolic":"module","version":4,"metadata":{"CmNgxVideoLazyloaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":2,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[lazyLoadVideo]"}]}],"members":{"lazyLoadPoster":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":12,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"CmNgxVideoLazyloaderModule":"./lib/cm-ngx-video-lazyloader.module","ɵa":"./lib/cm-ngx-video-lazyloader.directive"},"importAs":"cm-ngx-video-lazyloader"} |
@@ -43,6 +43,7 @@ import * as tslib_1 from "tslib"; | ||
Directive({ | ||
selector: '[libLazyloadVideo]' | ||
// tslint:disable-next-line:directive-selector | ||
selector: '[lazyLoadVideo]' | ||
}) | ||
], CmNgxVideoLazyloaderDirective); | ||
export { CmNgxVideoLazyloaderDirective }; | ||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY20tbmd4LXZpZGVvLWxhenlsb2FkZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vY20tbmd4LXZpZGVvLWxhenlsb2FkZXIvIiwic291cmNlcyI6WyJsaWIvY20tbmd4LXZpZGVvLWxhenlsb2FkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUtoRixJQUFhLDZCQUE2QixHQUExQyxNQUFhLDZCQUE2QjtJQU14QyxZQUFvQixLQUFpQjtRQUFqQixVQUFLLEdBQUwsS0FBSyxDQUFZO1FBSjVCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBS2hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQztRQUM3QyxJQUFJLHNCQUFzQixJQUFJLE1BQU0sRUFBRTtZQUNwQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxvQkFBb0IsQ0FBQyxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsRUFBRTtnQkFDdEUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQVUsRUFBRSxFQUFFO29CQUM3QixJQUFJLEtBQUssQ0FBQyxjQUFjLEVBQUU7d0JBQ3hCLElBQUksSUFBSSxDQUFDLGNBQWMsSUFBSSxLQUFLLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFOzRCQUMvRCxLQUFLLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7eUJBQ25EO3dCQUNELE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7d0JBQ3ZELG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQXdCLEVBQUUsRUFBRTs0QkFDdkQsSUFBSSxPQUFPLE1BQU0sQ0FBQyxRQUFRLEtBQUssUUFBUSxJQUFJLE1BQU0sQ0FBQyxRQUFRLEtBQUssUUFBUSxFQUFFO2dDQUN2RSxNQUFNLENBQUMsR0FBRyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDOzZCQUNqQzt3QkFDSCxDQUFDLENBQUMsQ0FBQzt3QkFFSCxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO3dCQUNwQixJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztxQkFDaEQ7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDLENBQUMsQ0FBQztZQUNILElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQ25EO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUN0RCxDQUFDO0NBQ0YsQ0FBQTs7WUEvQjRCLFVBQVU7O0FBSjVCO0lBQVIsS0FBSyxFQUFFO3FFQUF3QjtBQUZyQiw2QkFBNkI7SUFIekMsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLG9CQUFvQjtLQUMvQixDQUFDO0dBQ1csNkJBQTZCLENBcUN6QztTQXJDWSw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uRGVzdHJveSwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbGliTGF6eWxvYWRWaWRlb10nXG59KVxuZXhwb3J0IGNsYXNzIENtTmd4VmlkZW9MYXp5bG9hZGVyRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgpIGxhenlMb2FkUG9zdGVyID0gZmFsc2U7XG4gIGxhenlWaWRlb09ic2VydmVyOiBJbnRlcnNlY3Rpb25PYnNlcnZlcjtcbiAgdmlkZW9FbGVtZW50OiBFbGVtZW50O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudmlkZW9FbGVtZW50ID0gdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIGlmICgnSW50ZXJzZWN0aW9uT2JzZXJ2ZXInIGluIHdpbmRvdykge1xuICAgICAgdGhpcy5sYXp5VmlkZW9PYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcigoZW50cmllcywgb2JzZXJ2ZXIpID0+IHtcbiAgICAgICAgZW50cmllcy5mb3JFYWNoKCh2aWRlbzogYW55KSA9PiB7XG4gICAgICAgICAgaWYgKHZpZGVvLmlzSW50ZXJzZWN0aW5nKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5sYXp5TG9hZFBvc3RlciAmJiB2aWRlby50YXJnZXQgJiYgdmlkZW8udGFyZ2V0LmRhdGFzZXQpIHtcbiAgICAgICAgICAgICAgdmlkZW8udGFyZ2V0LnBvc3RlciA9IHZpZGVvLnRhcmdldC5kYXRhc2V0LnBvc3RlcjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHZpZGVvSHRtbENvbGxlY3Rpb24gPSBbLi4udmlkZW8udGFyZ2V0LmNoaWxkcmVuXTtcbiAgICAgICAgICAgIHZpZGVvSHRtbENvbGxlY3Rpb24uZm9yRWFjaCgoc291cmNlOiBIVE1MVmlkZW9FbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgIGlmICh0eXBlb2Ygc291cmNlLm5vZGVOYW1lID09PSAnc3RyaW5nJyAmJiBzb3VyY2Uubm9kZU5hbWUgPT09ICdTT1VSQ0UnKSB7XG4gICAgICAgICAgICAgICAgc291cmNlLnNyYyA9IHNvdXJjZS5kYXRhc2V0LnNyYztcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIHZpZGVvLnRhcmdldC5sb2FkKCk7XG4gICAgICAgICAgICB0aGlzLmxhenlWaWRlb09ic2VydmVyLnVub2JzZXJ2ZSh2aWRlby50YXJnZXQpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgICAgIHRoaXMubGF6eVZpZGVvT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLnZpZGVvRWxlbWVudCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5sYXp5VmlkZW9PYnNlcnZlci51bm9ic2VydmUodGhpcy52aWRlb0VsZW1lbnQpO1xuICB9XG59XG4iXX0= | ||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY20tbmd4LXZpZGVvLWxhenlsb2FkZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vY20tbmd4LXZpZGVvLWxhenlsb2FkZXIvIiwic291cmNlcyI6WyJsaWIvY20tbmd4LXZpZGVvLWxhenlsb2FkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU1oRixJQUFhLDZCQUE2QixHQUExQyxNQUFhLDZCQUE2QjtJQU14QyxZQUFvQixLQUFpQjtRQUFqQixVQUFLLEdBQUwsS0FBSyxDQUFZO1FBSjVCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBS2hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQztRQUM3QyxJQUFJLHNCQUFzQixJQUFJLE1BQU0sRUFBRTtZQUNwQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxvQkFBb0IsQ0FBQyxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsRUFBRTtnQkFDdEUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQVUsRUFBRSxFQUFFO29CQUM3QixJQUFJLEtBQUssQ0FBQyxjQUFjLEVBQUU7d0JBQ3hCLElBQUksSUFBSSxDQUFDLGNBQWMsSUFBSSxLQUFLLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFOzRCQUMvRCxLQUFLLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7eUJBQ25EO3dCQUNELE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7d0JBQ3ZELG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLE1BQXdCLEVBQUUsRUFBRTs0QkFDdkQsSUFBSSxPQUFPLE1BQU0sQ0FBQyxRQUFRLEtBQUssUUFBUSxJQUFJLE1BQU0sQ0FBQyxRQUFRLEtBQUssUUFBUSxFQUFFO2dDQUN2RSxNQUFNLENBQUMsR0FBRyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDOzZCQUNqQzt3QkFDSCxDQUFDLENBQUMsQ0FBQzt3QkFFSCxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO3dCQUNwQixJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztxQkFDaEQ7Z0JBQ0gsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDLENBQUMsQ0FBQztZQUNILElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQ25EO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUN0RCxDQUFDO0NBQ0YsQ0FBQTs7WUEvQjRCLFVBQVU7O0FBSjVCO0lBQVIsS0FBSyxFQUFFO3FFQUF3QjtBQUZyQiw2QkFBNkI7SUFKekMsU0FBUyxDQUFDO1FBQ1QsOENBQThDO1FBQzlDLFFBQVEsRUFBRSxpQkFBaUI7S0FDNUIsQ0FBQztHQUNXLDZCQUE2QixDQXFDekM7U0FyQ1ksNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBPbkRlc3Ryb3ksIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpkaXJlY3RpdmUtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdbbGF6eUxvYWRWaWRlb10nXG59KVxuZXhwb3J0IGNsYXNzIENtTmd4VmlkZW9MYXp5bG9hZGVyRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgpIGxhenlMb2FkUG9zdGVyID0gZmFsc2U7XG4gIGxhenlWaWRlb09ic2VydmVyOiBJbnRlcnNlY3Rpb25PYnNlcnZlcjtcbiAgdmlkZW9FbGVtZW50OiBFbGVtZW50O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudmlkZW9FbGVtZW50ID0gdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIGlmICgnSW50ZXJzZWN0aW9uT2JzZXJ2ZXInIGluIHdpbmRvdykge1xuICAgICAgdGhpcy5sYXp5VmlkZW9PYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcigoZW50cmllcywgb2JzZXJ2ZXIpID0+IHtcbiAgICAgICAgZW50cmllcy5mb3JFYWNoKCh2aWRlbzogYW55KSA9PiB7XG4gICAgICAgICAgaWYgKHZpZGVvLmlzSW50ZXJzZWN0aW5nKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5sYXp5TG9hZFBvc3RlciAmJiB2aWRlby50YXJnZXQgJiYgdmlkZW8udGFyZ2V0LmRhdGFzZXQpIHtcbiAgICAgICAgICAgICAgdmlkZW8udGFyZ2V0LnBvc3RlciA9IHZpZGVvLnRhcmdldC5kYXRhc2V0LnBvc3RlcjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IHZpZGVvSHRtbENvbGxlY3Rpb24gPSBbLi4udmlkZW8udGFyZ2V0LmNoaWxkcmVuXTtcbiAgICAgICAgICAgIHZpZGVvSHRtbENvbGxlY3Rpb24uZm9yRWFjaCgoc291cmNlOiBIVE1MVmlkZW9FbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgIGlmICh0eXBlb2Ygc291cmNlLm5vZGVOYW1lID09PSAnc3RyaW5nJyAmJiBzb3VyY2Uubm9kZU5hbWUgPT09ICdTT1VSQ0UnKSB7XG4gICAgICAgICAgICAgICAgc291cmNlLnNyYyA9IHNvdXJjZS5kYXRhc2V0LnNyYztcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgIHZpZGVvLnRhcmdldC5sb2FkKCk7XG4gICAgICAgICAgICB0aGlzLmxhenlWaWRlb09ic2VydmVyLnVub2JzZXJ2ZSh2aWRlby50YXJnZXQpO1xuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgICAgIHRoaXMubGF6eVZpZGVvT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLnZpZGVvRWxlbWVudCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5sYXp5VmlkZW9PYnNlcnZlci51bm9ic2VydmUodGhpcy52aWRlb0VsZW1lbnQpO1xuICB9XG59XG4iXX0= |
@@ -43,3 +43,4 @@ import * as tslib_1 from "tslib"; | ||
Directive({ | ||
selector: '[libLazyloadVideo]' | ||
// tslint:disable-next-line:directive-selector | ||
selector: '[lazyLoadVideo]' | ||
}) | ||
@@ -50,2 +51,2 @@ ], CmNgxVideoLazyloaderDirective); | ||
export { CmNgxVideoLazyloaderDirective }; | ||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY20tbmd4LXZpZGVvLWxhenlsb2FkZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vY20tbmd4LXZpZGVvLWxhenlsb2FkZXIvIiwic291cmNlcyI6WyJsaWIvY20tbmd4LXZpZGVvLWxhenlsb2FkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUtoRjtJQU1FLHVDQUFvQixLQUFpQjtRQUFqQixVQUFLLEdBQUwsS0FBSyxDQUFZO1FBSjVCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBS2hDLENBQUM7SUFFRCxnREFBUSxHQUFSO1FBQUEsaUJBdUJDO1FBdEJDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUM7UUFDN0MsSUFBSSxzQkFBc0IsSUFBSSxNQUFNLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksb0JBQW9CLENBQUMsVUFBQyxPQUFPLEVBQUUsUUFBUTtnQkFDbEUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxVQUFDLEtBQVU7b0JBQ3pCLElBQUksS0FBSyxDQUFDLGNBQWMsRUFBRTt3QkFDeEIsSUFBSSxLQUFJLENBQUMsY0FBYyxJQUFJLEtBQUssQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7NEJBQy9ELEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQzt5QkFDbkQ7d0JBQ0QsSUFBTSxtQkFBbUIsb0JBQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQzt3QkFDdkQsbUJBQW1CLENBQUMsT0FBTyxDQUFDLFVBQUMsTUFBd0I7NEJBQ25ELElBQUksT0FBTyxNQUFNLENBQUMsUUFBUSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUSxLQUFLLFFBQVEsRUFBRTtnQ0FDdkUsTUFBTSxDQUFDLEdBQUcsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQzs2QkFDakM7d0JBQ0gsQ0FBQyxDQUFDLENBQUM7d0JBRUgsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQzt3QkFDcEIsS0FBSSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7cUJBQ2hEO2dCQUNILENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFDSCxJQUFJLENBQUMsaUJBQWlCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUNuRDtJQUNILENBQUM7SUFFRCxtREFBVyxHQUFYO1FBQ0UsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDdEQsQ0FBQzs7Z0JBOUIwQixVQUFVOztJQUo1QjtRQUFSLEtBQUssRUFBRTt5RUFBd0I7SUFGckIsNkJBQTZCO1FBSHpDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxvQkFBb0I7U0FDL0IsQ0FBQztPQUNXLDZCQUE2QixDQXFDekM7SUFBRCxvQ0FBQztDQUFBLEFBckNELElBcUNDO1NBckNZLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25EZXN0cm95LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tsaWJMYXp5bG9hZFZpZGVvXSdcbn0pXG5leHBvcnQgY2xhc3MgQ21OZ3hWaWRlb0xhenlsb2FkZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgQElucHV0KCkgbGF6eUxvYWRQb3N0ZXIgPSBmYWxzZTtcbiAgbGF6eVZpZGVvT2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuICB2aWRlb0VsZW1lbnQ6IEVsZW1lbnQ7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbFJlZjogRWxlbWVudFJlZikge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy52aWRlb0VsZW1lbnQgPSB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgaWYgKCdJbnRlcnNlY3Rpb25PYnNlcnZlcicgaW4gd2luZG93KSB7XG4gICAgICB0aGlzLmxhenlWaWRlb09ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKChlbnRyaWVzLCBvYnNlcnZlcikgPT4ge1xuICAgICAgICBlbnRyaWVzLmZvckVhY2goKHZpZGVvOiBhbnkpID0+IHtcbiAgICAgICAgICBpZiAodmlkZW8uaXNJbnRlcnNlY3RpbmcpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmxhenlMb2FkUG9zdGVyICYmIHZpZGVvLnRhcmdldCAmJiB2aWRlby50YXJnZXQuZGF0YXNldCkge1xuICAgICAgICAgICAgICB2aWRlby50YXJnZXQucG9zdGVyID0gdmlkZW8udGFyZ2V0LmRhdGFzZXQucG9zdGVyO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29uc3QgdmlkZW9IdG1sQ29sbGVjdGlvbiA9IFsuLi52aWRlby50YXJnZXQuY2hpbGRyZW5dO1xuICAgICAgICAgICAgdmlkZW9IdG1sQ29sbGVjdGlvbi5mb3JFYWNoKChzb3VyY2U6IEhUTUxWaWRlb0VsZW1lbnQpID0+IHtcbiAgICAgICAgICAgICAgaWYgKHR5cGVvZiBzb3VyY2Uubm9kZU5hbWUgPT09ICdzdHJpbmcnICYmIHNvdXJjZS5ub2RlTmFtZSA9PT0gJ1NPVVJDRScpIHtcbiAgICAgICAgICAgICAgICBzb3VyY2Uuc3JjID0gc291cmNlLmRhdGFzZXQuc3JjO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgdmlkZW8udGFyZ2V0LmxvYWQoKTtcbiAgICAgICAgICAgIHRoaXMubGF6eVZpZGVvT2JzZXJ2ZXIudW5vYnNlcnZlKHZpZGVvLnRhcmdldCk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgICAgdGhpcy5sYXp5VmlkZW9PYnNlcnZlci5vYnNlcnZlKHRoaXMudmlkZW9FbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmxhenlWaWRlb09ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLnZpZGVvRWxlbWVudCk7XG4gIH1cbn1cbiJdfQ== | ||
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY20tbmd4LXZpZGVvLWxhenlsb2FkZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vY20tbmd4LXZpZGVvLWxhenlsb2FkZXIvIiwic291cmNlcyI6WyJsaWIvY20tbmd4LXZpZGVvLWxhenlsb2FkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU1oRjtJQU1FLHVDQUFvQixLQUFpQjtRQUFqQixVQUFLLEdBQUwsS0FBSyxDQUFZO1FBSjVCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBS2hDLENBQUM7SUFFRCxnREFBUSxHQUFSO1FBQUEsaUJBdUJDO1FBdEJDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUM7UUFDN0MsSUFBSSxzQkFBc0IsSUFBSSxNQUFNLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksb0JBQW9CLENBQUMsVUFBQyxPQUFPLEVBQUUsUUFBUTtnQkFDbEUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxVQUFDLEtBQVU7b0JBQ3pCLElBQUksS0FBSyxDQUFDLGNBQWMsRUFBRTt3QkFDeEIsSUFBSSxLQUFJLENBQUMsY0FBYyxJQUFJLEtBQUssQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7NEJBQy9ELEtBQUssQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQzt5QkFDbkQ7d0JBQ0QsSUFBTSxtQkFBbUIsb0JBQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQzt3QkFDdkQsbUJBQW1CLENBQUMsT0FBTyxDQUFDLFVBQUMsTUFBd0I7NEJBQ25ELElBQUksT0FBTyxNQUFNLENBQUMsUUFBUSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsUUFBUSxLQUFLLFFBQVEsRUFBRTtnQ0FDdkUsTUFBTSxDQUFDLEdBQUcsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQzs2QkFDakM7d0JBQ0gsQ0FBQyxDQUFDLENBQUM7d0JBRUgsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQzt3QkFDcEIsS0FBSSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7cUJBQ2hEO2dCQUNILENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFDSCxJQUFJLENBQUMsaUJBQWlCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUNuRDtJQUNILENBQUM7SUFFRCxtREFBVyxHQUFYO1FBQ0UsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDdEQsQ0FBQzs7Z0JBOUIwQixVQUFVOztJQUo1QjtRQUFSLEtBQUssRUFBRTt5RUFBd0I7SUFGckIsNkJBQTZCO1FBSnpDLFNBQVMsQ0FBQztZQUNULDhDQUE4QztZQUM5QyxRQUFRLEVBQUUsaUJBQWlCO1NBQzVCLENBQUM7T0FDVyw2QkFBNkIsQ0FxQ3pDO0lBQUQsb0NBQUM7Q0FBQSxBQXJDRCxJQXFDQztTQXJDWSw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uRGVzdHJveSwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmRpcmVjdGl2ZS1zZWxlY3RvclxuICBzZWxlY3RvcjogJ1tsYXp5TG9hZFZpZGVvXSdcbn0pXG5leHBvcnQgY2xhc3MgQ21OZ3hWaWRlb0xhenlsb2FkZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgQElucHV0KCkgbGF6eUxvYWRQb3N0ZXIgPSBmYWxzZTtcbiAgbGF6eVZpZGVvT2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuICB2aWRlb0VsZW1lbnQ6IEVsZW1lbnQ7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbFJlZjogRWxlbWVudFJlZikge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy52aWRlb0VsZW1lbnQgPSB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgaWYgKCdJbnRlcnNlY3Rpb25PYnNlcnZlcicgaW4gd2luZG93KSB7XG4gICAgICB0aGlzLmxhenlWaWRlb09ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKChlbnRyaWVzLCBvYnNlcnZlcikgPT4ge1xuICAgICAgICBlbnRyaWVzLmZvckVhY2goKHZpZGVvOiBhbnkpID0+IHtcbiAgICAgICAgICBpZiAodmlkZW8uaXNJbnRlcnNlY3RpbmcpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmxhenlMb2FkUG9zdGVyICYmIHZpZGVvLnRhcmdldCAmJiB2aWRlby50YXJnZXQuZGF0YXNldCkge1xuICAgICAgICAgICAgICB2aWRlby50YXJnZXQucG9zdGVyID0gdmlkZW8udGFyZ2V0LmRhdGFzZXQucG9zdGVyO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY29uc3QgdmlkZW9IdG1sQ29sbGVjdGlvbiA9IFsuLi52aWRlby50YXJnZXQuY2hpbGRyZW5dO1xuICAgICAgICAgICAgdmlkZW9IdG1sQ29sbGVjdGlvbi5mb3JFYWNoKChzb3VyY2U6IEhUTUxWaWRlb0VsZW1lbnQpID0+IHtcbiAgICAgICAgICAgICAgaWYgKHR5cGVvZiBzb3VyY2Uubm9kZU5hbWUgPT09ICdzdHJpbmcnICYmIHNvdXJjZS5ub2RlTmFtZSA9PT0gJ1NPVVJDRScpIHtcbiAgICAgICAgICAgICAgICBzb3VyY2Uuc3JjID0gc291cmNlLmRhdGFzZXQuc3JjO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgdmlkZW8udGFyZ2V0LmxvYWQoKTtcbiAgICAgICAgICAgIHRoaXMubGF6eVZpZGVvT2JzZXJ2ZXIudW5vYnNlcnZlKHZpZGVvLnRhcmdldCk7XG4gICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgICAgdGhpcy5sYXp5VmlkZW9PYnNlcnZlci5vYnNlcnZlKHRoaXMudmlkZW9FbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmxhenlWaWRlb09ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLnZpZGVvRWxlbWVudCk7XG4gIH1cbn1cbiJdfQ== |
@@ -44,3 +44,4 @@ import { __decorate } from 'tslib'; | ||
Directive({ | ||
selector: '[libLazyloadVideo]' | ||
// tslint:disable-next-line:directive-selector | ||
selector: '[lazyLoadVideo]' | ||
}) | ||
@@ -47,0 +48,0 @@ ], CmNgxVideoLazyloaderDirective); |
@@ -44,3 +44,4 @@ import { __spread, __decorate } from 'tslib'; | ||
Directive({ | ||
selector: '[libLazyloadVideo]' | ||
// tslint:disable-next-line:directive-selector | ||
selector: '[lazyLoadVideo]' | ||
}) | ||
@@ -47,0 +48,0 @@ ], CmNgxVideoLazyloaderDirective); |
{ | ||
"name": "cm-ngx-video-lazyloader", | ||
"version": "0.0.2", | ||
"version": "0.1.0", | ||
"peerDependencies": { | ||
@@ -5,0 +5,0 @@ "@angular/common": "^8.2.14", |
@@ -8,3 +8,3 @@ # cm-ngx-video-lazyloader | ||
``` | ||
$ npm install --save cm-ngx-video-lazyloader | ||
npm install --save cm-ngx-video-lazyloader | ||
``` | ||
@@ -15,3 +15,3 @@ | ||
1. Import `CmNgxVideoLazyloaderModule` into your root module. | ||
2. Add `libLazyloadVideo` directive to the video tag. | ||
2. Add `lazyLoadVideo` directive to the video tag. | ||
3. Place the video url inside `data-src` attribute instead of `src` attribute. The url will be dynamically assinged to the `src` attribute when the video is in viewport. | ||
@@ -22,3 +22,3 @@ | ||
``` | ||
<video libLazyloadVideo class="card-video" loop autoplay muted id="1" poster="https://example.org/assets/Americas-poster.jpg"> | ||
<video lazyLoadVideo class="card-video" loop autoplay muted id="1" poster="https://example.org/assets/Americas-poster.jpg"> | ||
<source data-src="https://example.org/assets/Americas.mp4" type="video/mp4" /> | ||
@@ -32,3 +32,3 @@ Browser not supported | ||
#### Example: | ||
```<video libLazyloadVideo [lazyLoadPoster]="true" data-poster="https://example.org/...></video>``` | ||
```<video lazyLoadVideo [lazyLoadPoster]="true" data-poster="https://example.org/...></video>``` | ||
@@ -35,0 +35,0 @@ ## Test Development server |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
97017
573