Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ngx-masonry

Package Overview
Dependencies
Maintainers
1
Versions
38
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ngx-masonry - npm Package Compare versions

Comparing version 10.0.1 to 10.0.2

6

bundles/ngx-masonry.umd.js

@@ -482,5 +482,8 @@ (function (global, factory) {

if (images.length === 0) {
this.parent.add(this);
setTimeout(function () {
_this.parent.add(_this);
});
}
else {
this.renderer.setStyle(this.element.nativeElement, 'z-index', '-1');
var _loop_1 = function (imageRef) {

@@ -519,2 +522,3 @@ this_1.renderer.listen(imageRef, 'load', function (_) {

if (this.images.size === 0) {
this.renderer.setStyle(this.element.nativeElement, 'z-index', '0');
this.parent.add(this);

@@ -521,0 +525,0 @@ }

2

bundles/ngx-masonry.umd.min.js

@@ -15,3 +15,3 @@ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/animations")):"function"==typeof define&&define.amd?define("ngx-masonry",["exports","@angular/core","@angular/common","@angular/animations"],e):e((t=t||self)["ngx-masonry"]={},t.ng.core,t.ng.common,t.ng.animations)}(this,(function(t,e,n,o){"use strict";

PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */Object.create;function i(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],o=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function r(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,i,r=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(o=r.next()).done;)a.push(o.value)}catch(t){i={error:t}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(i)throw i.error}}return a}var a;Object.create;var s=function(){function t(t,n){this.platformId=t,this._element=n,this.updateLayout=!1,this.ordered=!1,this.layoutComplete=new e.EventEmitter,this.removeComplete=new e.EventEmitter,this.itemsLoaded=new e.EventEmitter,this.pendingItems=[]}return t.prototype.ngOnInit=function(){var t=this;n.isPlatformBrowser(this.platformId)&&void 0===a&&(a=require("masonry-layout")),this.options||(this.options={}),this.options.itemSelector||(this.options.itemSelector="[ngxMasonryItem], ngxMasonryItem"),this.options.transitionDuration="0s",n.isPlatformBrowser(this.platformId)&&(this.masonryInstance=new a(this._element.nativeElement,this.options),this.masonryInstance.on("layoutComplete",(function(e){t.layoutComplete.emit(e)})),this.masonryInstance.on("removeComplete",(function(e){t.removeComplete.emit(e)})))},t.prototype.ngOnChanges=function(t){t.updateLayout&&(t.updateLayout.firstChange||this.layout())},t.prototype.ngOnDestroy=function(){this.masonryInstance&&this.masonryInstance.destroy()},t.prototype.layout=function(){var t=this;setTimeout((function(){t.masonryInstance.layout()}))},t.prototype.reloadItems=function(){var t=this;setTimeout((function(){t.masonryInstance.reloadItems()}))},t.prototype.addPendingItem=function(t){this.pendingItems.push(t)},t.prototype.add=function(t){var e,n;if(this.ordered)try{for(var o=i(this.pendingItems.entries()),a=o.next();!a.done;a=o.next()){var s=r(a.value,2),m=s[0],p=s[1];if(p){if(0!==p.images.size)return;this.pendingItems[m]=void 0,this.itemLoaded(p),m+1===this.pendingItems.length&&(this.itemsLoaded.emit(this.pendingItems.length),this.pendingItems=[])}}}catch(t){e={error:t}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(e)throw e.error}}else this.itemLoaded(t)},t.prototype.itemLoaded=function(t){t.prepend?this.masonryInstance.prepended(t.element.nativeElement):this.masonryInstance.appended(t.element.nativeElement),1===this.masonryInstance.items.length&&this.masonryInstance.layout(),t.playAnimation(!0)},t.prototype.remove=function(t){this.masonryInstance.remove(t),this.layout()},t}();s.decorators=[{type:e.Component,args:[{selector:"[ngx-masonry], ngx-masonry",template:"<ng-content></ng-content>",styles:["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"]}]}],s.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:e.ElementRef}]},s.propDecorators={options:[{type:e.Input}],updateLayout:[{type:e.Input}],ordered:[{type:e.Input}],layoutComplete:[{type:e.Output}],removeComplete:[{type:e.Output}],itemsLoaded:[{type:e.Output}]};var m=function(){function t(t,e,n,i){this.element=t,this.builder=e,this.parent=n,this.renderer=i,this.prepend=!1,this.animations={show:[o.style({opacity:0}),o.animate("400ms ease-in",o.style({opacity:1}))],hide:[o.style({opacity:"*"}),o.animate("400ms ease-in",o.style({opacity:0}))]}}return t.prototype.ngOnInit=function(){void 0!==this.parent.options.animations&&(this.animations=this.parent.options.animations),this.parent.addPendingItem(this)},t.prototype.ngAfterViewInit=function(){var t,e,n=this,o=this.element.nativeElement.getElementsByTagName("img");if(this.renderer.setStyle(this.element.nativeElement,"opacity","0"),this.images=new Set(o),0===o.length)this.parent.add(this);else{var r=function(t){a.renderer.listen(t,"load",(function(e){n.imageLoaded(t)})),a.renderer.listen(t,"error",(function(e){n.imageLoaded(t)}))},a=this;try{for(var s=i(o),m=s.next();!m.done;m=s.next()){r(m.value)}}catch(e){t={error:e}}finally{try{m&&!m.done&&(e=s.return)&&e.call(s)}finally{if(t)throw t.error}}}},t.prototype.ngOnDestroy=function(){0===this.images.size&&this.element.nativeElement.parentNode&&(this.playAnimation(!1),this.parent.remove(this.element.nativeElement))},t.prototype.imageLoaded=function(t){this.images.delete(t),0===this.images.size&&this.parent.add(this)},t.prototype.playAnimation=function(t){var e=t?this.animations.show:this.animations.hide;e&&this.builder.build(e).create(this.element.nativeElement).play()},t}();m.decorators=[{type:e.Directive,args:[{selector:"[ngxMasonryItem], ngxMasonryItem"}]}],m.ctorParameters=function(){return[{type:e.ElementRef},{type:o.AnimationBuilder},{type:s,decorators:[{type:e.Inject,args:[e.forwardRef((function(){return s}))]}]},{type:e.Renderer2}]},m.propDecorators={prepend:[{type:e.Input}]};var p=function(){};p.decorators=[{type:e.NgModule,args:[{imports:[],declarations:[s,m],exports:[s,m]}]}],t.NgxMasonryComponent=s,t.NgxMasonryDirective=m,t.NgxMasonryModule=p,Object.defineProperty(t,"__esModule",{value:!0})}));
***************************************************************************** */Object.create;function i(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],o=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function r(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,i,r=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(o=r.next()).done;)a.push(o.value)}catch(t){i={error:t}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(i)throw i.error}}return a}var a;Object.create;var s=function(){function t(t,n){this.platformId=t,this._element=n,this.updateLayout=!1,this.ordered=!1,this.layoutComplete=new e.EventEmitter,this.removeComplete=new e.EventEmitter,this.itemsLoaded=new e.EventEmitter,this.pendingItems=[]}return t.prototype.ngOnInit=function(){var t=this;n.isPlatformBrowser(this.platformId)&&void 0===a&&(a=require("masonry-layout")),this.options||(this.options={}),this.options.itemSelector||(this.options.itemSelector="[ngxMasonryItem], ngxMasonryItem"),this.options.transitionDuration="0s",n.isPlatformBrowser(this.platformId)&&(this.masonryInstance=new a(this._element.nativeElement,this.options),this.masonryInstance.on("layoutComplete",(function(e){t.layoutComplete.emit(e)})),this.masonryInstance.on("removeComplete",(function(e){t.removeComplete.emit(e)})))},t.prototype.ngOnChanges=function(t){t.updateLayout&&(t.updateLayout.firstChange||this.layout())},t.prototype.ngOnDestroy=function(){this.masonryInstance&&this.masonryInstance.destroy()},t.prototype.layout=function(){var t=this;setTimeout((function(){t.masonryInstance.layout()}))},t.prototype.reloadItems=function(){var t=this;setTimeout((function(){t.masonryInstance.reloadItems()}))},t.prototype.addPendingItem=function(t){this.pendingItems.push(t)},t.prototype.add=function(t){var e,n;if(this.ordered)try{for(var o=i(this.pendingItems.entries()),a=o.next();!a.done;a=o.next()){var s=r(a.value,2),m=s[0],p=s[1];if(p){if(0!==p.images.size)return;this.pendingItems[m]=void 0,this.itemLoaded(p),m+1===this.pendingItems.length&&(this.itemsLoaded.emit(this.pendingItems.length),this.pendingItems=[])}}}catch(t){e={error:t}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(e)throw e.error}}else this.itemLoaded(t)},t.prototype.itemLoaded=function(t){t.prepend?this.masonryInstance.prepended(t.element.nativeElement):this.masonryInstance.appended(t.element.nativeElement),1===this.masonryInstance.items.length&&this.masonryInstance.layout(),t.playAnimation(!0)},t.prototype.remove=function(t){this.masonryInstance.remove(t),this.layout()},t}();s.decorators=[{type:e.Component,args:[{selector:"[ngx-masonry], ngx-masonry",template:"<ng-content></ng-content>",styles:["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"]}]}],s.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[e.PLATFORM_ID]}]},{type:e.ElementRef}]},s.propDecorators={options:[{type:e.Input}],updateLayout:[{type:e.Input}],ordered:[{type:e.Input}],layoutComplete:[{type:e.Output}],removeComplete:[{type:e.Output}],itemsLoaded:[{type:e.Output}]};var m=function(){function t(t,e,n,i){this.element=t,this.builder=e,this.parent=n,this.renderer=i,this.prepend=!1,this.animations={show:[o.style({opacity:0}),o.animate("400ms ease-in",o.style({opacity:1}))],hide:[o.style({opacity:"*"}),o.animate("400ms ease-in",o.style({opacity:0}))]}}return t.prototype.ngOnInit=function(){void 0!==this.parent.options.animations&&(this.animations=this.parent.options.animations),this.parent.addPendingItem(this)},t.prototype.ngAfterViewInit=function(){var t,e,n=this,o=this.element.nativeElement.getElementsByTagName("img");if(this.renderer.setStyle(this.element.nativeElement,"opacity","0"),this.images=new Set(o),0===o.length)setTimeout((function(){n.parent.add(n)}));else{this.renderer.setStyle(this.element.nativeElement,"z-index","-1");var r=function(t){a.renderer.listen(t,"load",(function(e){n.imageLoaded(t)})),a.renderer.listen(t,"error",(function(e){n.imageLoaded(t)}))},a=this;try{for(var s=i(o),m=s.next();!m.done;m=s.next()){r(m.value)}}catch(e){t={error:e}}finally{try{m&&!m.done&&(e=s.return)&&e.call(s)}finally{if(t)throw t.error}}}},t.prototype.ngOnDestroy=function(){0===this.images.size&&this.element.nativeElement.parentNode&&(this.playAnimation(!1),this.parent.remove(this.element.nativeElement))},t.prototype.imageLoaded=function(t){this.images.delete(t),0===this.images.size&&(this.renderer.setStyle(this.element.nativeElement,"z-index","0"),this.parent.add(this))},t.prototype.playAnimation=function(t){var e=t?this.animations.show:this.animations.hide;e&&this.builder.build(e).create(this.element.nativeElement).play()},t}();m.decorators=[{type:e.Directive,args:[{selector:"[ngxMasonryItem], ngxMasonryItem"}]}],m.ctorParameters=function(){return[{type:e.ElementRef},{type:o.AnimationBuilder},{type:s,decorators:[{type:e.Inject,args:[e.forwardRef((function(){return s}))]}]},{type:e.Renderer2}]},m.propDecorators={prepend:[{type:e.Input}]};var p=function(){};p.decorators=[{type:e.NgModule,args:[{imports:[],declarations:[s,m],exports:[s,m]}]}],t.NgxMasonryComponent=s,t.NgxMasonryDirective=m,t.NgxMasonryModule=p,Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=ngx-masonry.umd.min.js.map
# Change log
## 10.0.2
- delay the event when there is no image
- set z-index to -1 when item is not loaded
## 10.0.1

@@ -4,0 +9,0 @@

@@ -33,5 +33,8 @@ import { Directive, Inject, ElementRef, forwardRef, Renderer2, Input } from '@angular/core';

if (images.length === 0) {
this.parent.add(this);
setTimeout(() => {
this.parent.add(this);
});
}
else {
this.renderer.setStyle(this.element.nativeElement, 'z-index', '-1');
for (const imageRef of images) {

@@ -56,2 +59,3 @@ this.renderer.listen(imageRef, 'load', _ => {

if (this.images.size === 0) {
this.renderer.setStyle(this.element.nativeElement, 'z-index', '0');
this.parent.add(this);

@@ -82,2 +86,2 @@ }

};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hc29ucnkuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hc29ucnkvc3JjL2xpYi9uZ3gtbWFzb25yeS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBNEIsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5SCxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBTTlELE1BQU0sT0FBTyxtQkFBbUI7SUFlOUIsWUFDUyxPQUFtQixFQUNsQixPQUF5QixFQUNzQixNQUEyQixFQUMxRSxRQUFtQjtRQUhwQixZQUFPLEdBQVAsT0FBTyxDQUFZO1FBQ2xCLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQ3NCLFdBQU0sR0FBTixNQUFNLENBQXFCO1FBQzFFLGFBQVEsR0FBUixRQUFRLENBQVc7UUFsQnBCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFHakIsZUFBVSxHQUF5QjtZQUN6QyxJQUFJLEVBQUU7Z0JBQ0osS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDO2dCQUNuQixPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDO2FBQzlDO1lBQ0QsSUFBSSxFQUFFO2dCQUNKLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUMsQ0FBQztnQkFDckIsT0FBTyxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQzthQUM5QztTQUNGLENBQUE7SUFPRSxDQUFDO0lBRUosUUFB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ZW1lbnRSZWYsIGZvcndhcmRSZWYsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3SW5pdCwgUmVuZGVyZXIyLCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBzdHlsZSwgYW5pbWF0ZSwgQW5pbWF0aW9uQnVpbGRlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5pbXBvcnQgeyBOZ3hNYXNvbnJ5Q29tcG9uZW50IH0gZnJvbSAnLi9uZ3gtbWFzb25yeS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmd4TWFzb25yeUFuaW1hdGlvbnMgfSBmcm9tICcuL25neC1tYXNvbnJ5LW9wdGlvbnMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbmd4TWFzb25yeUl0ZW1dLCBuZ3hNYXNvbnJ5SXRlbSdcbn0pXG5leHBvcnQgY2xhc3MgTmd4TWFzb25yeURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgcHJlcGVuZCA9IGZhbHNlO1xuXG4gIHB1YmxpYyBpbWFnZXM6IFNldDxIVE1MSW1hZ2VFbGVtZW50PjtcbiAgcHJpdmF0ZSBhbmltYXRpb25zOiBOZ3hNYXNvbnJ5QW5pbWF0aW9ucyA9IHtcbiAgICBzaG93OiBbXG4gICAgICBzdHlsZSh7b3BhY2l0eTogMH0pLFxuICAgICAgYW5pbWF0ZSgnNDAwbXMgZWFzZS1pbicsIHN0eWxlKHtvcGFjaXR5OiAxfSkpLFxuICAgIF0sXG4gICAgaGlkZTogW1xuICAgICAgc3R5bGUoe29wYWNpdHk6ICcqJ30pLFxuICAgICAgYW5pbWF0ZSgnNDAwbXMgZWFzZS1pbicsIHN0eWxlKHtvcGFjaXR5OiAwfSkpLFxuICAgIF1cbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBlbGVtZW50OiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgYnVpbGRlcjogQW5pbWF0aW9uQnVpbGRlcixcbiAgICBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gTmd4TWFzb25yeUNvbXBvbmVudCkpIHByaXZhdGUgcGFyZW50OiBOZ3hNYXNvbnJ5Q29tcG9uZW50LFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLnBhcmVudC5vcHRpb25zLmFuaW1hdGlvbnMgIT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5hbmltYXRpb25zID0gdGhpcy5wYXJlbnQub3B0aW9ucy5hbmltYXRpb25zO1xuICAgIH1cbiAgICB0aGlzLnBhcmVudC5hZGRQZW5kaW5nSXRlbSh0aGlzKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCBpbWFnZXMgPSB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnaW1nJyk7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ29wYWNpdHknLCAnMCcpO1xuICAgIHRoaXMuaW1hZ2VzID0gbmV3IFNldChpbWFnZXMpO1xuICAgIGlmIChpbWFnZXMubGVuZ3RoID09PSAwKSB7XG4gICAgICB0aGlzLnBhcmVudC5hZGQodGhpcyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGZvciAoY29uc3QgaW1hZ2VSZWYgb2YgaW1hZ2VzKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIubGlzdGVuKGltYWdlUmVmLCAnbG9hZCcsIF8gPT4ge1xuICAgICAgICAgIHRoaXMuaW1hZ2VMb2FkZWQoaW1hZ2VSZWYpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5saXN0ZW4oaW1hZ2VSZWYsICdlcnJvcicsIF8gPT4ge1xuICAgICAgICAgIHRoaXMuaW1hZ2VMb2FkZWQoaW1hZ2VSZWYpO1xuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5pbWFnZXMuc2l6ZSA9PT0gMCAmJiB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5wYXJlbnROb2RlKSB7XG4gICAgICB0aGlzLnBsYXlBbmltYXRpb24oZmFsc2UpO1xuICAgICAgdGhpcy5wYXJlbnQucmVtb3ZlKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGltYWdlTG9hZGVkKGltYWdlPzogSFRNTEltYWdlRWxlbWVudCkge1xuICAgIHRoaXMuaW1hZ2VzLmRlbGV0ZShpbWFnZSk7XG4gICAgaWYgKHRoaXMuaW1hZ2VzLnNpemUgPT09IDApIHtcbiAgICAgIHRoaXMucGFyZW50LmFkZCh0aGlzKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgcGxheUFuaW1hdGlvbihzaG93OiBib29sZWFuKSB7XG4gICAgY29uc3QgbWV0YWRhdGEgPSBzaG93ID8gdGhpcy5hbmltYXRpb25zLnNob3cgOiB0aGlzLmFuaW1hdGlvbnMuaGlkZTtcbiAgICBpZiAobWV0YWRhdGEpIHtcbiAgICAgIGNvbnN0IHBsYXllciA9IHRoaXMuYnVpbGRlci5idWlsZChtZXRhZGF0YSkuY3JlYXRlKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50KTtcbiAgICAgIHBsYXllci5wbGF5KCk7XG4gICAgfVxuICB9XG59XG4iXX0=
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hc29ucnkuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hc29ucnkvc3JjL2xpYi9uZ3gtbWFzb25yeS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBNEIsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5SCxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBTTlELE1BQU0sT0FBTyxtQkFBbUI7SUFlOUIsWUFDUyxPQUFtQixFQUNsQixPQUF5QixFQUNzQixNQUEyQixFQUMxRSxRQUFtQjtRQUhwQixZQUFPLEdBQVAsT0FBTyxDQUFZO1FBQ2xCLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQ3NCLFdBQU0sR0FBTixNQUFNLENBQXFCO1FBQzFFLGFBQVEsR0FBUixRQUFRLENBQVc7UUFsQnBCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFHakIsZUFBVSxHQUF5QjtZQUN6QyxJQUFJLEVBQUU7Z0JBQ0osS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDO2dCQUNuQixPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDO2FBQzlDO1lBQ0QsSUFBSSxFQUFFO2dCQUNKLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUMsQ0FBQztnQkFDckIsT0FBTyxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQzthQUM5QztTQUNGLENBQUE7SUFPRSxDQUFDO0lBRUosUUFB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ZjtJQUNILENBQUM7OztZQTFFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtDQUFrQzthQUM3Qzs7O1lBUjJCLFVBQVU7WUFDYixnQkFBZ0I7WUFFaEMsbUJBQW1CLHVCQXdCdkIsTUFBTSxTQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztZQTNCNkIsU0FBUzs7O3NCQVVwRixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbmplY3QsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3SW5pdCwgUmVuZGVyZXIyLCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBzdHlsZSwgYW5pbWF0ZSwgQW5pbWF0aW9uQnVpbGRlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5pbXBvcnQgeyBOZ3hNYXNvbnJ5Q29tcG9uZW50IH0gZnJvbSAnLi9uZ3gtbWFzb25yeS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmd4TWFzb25yeUFuaW1hdGlvbnMgfSBmcm9tICcuL25neC1tYXNvbnJ5LW9wdGlvbnMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbmd4TWFzb25yeUl0ZW1dLCBuZ3hNYXNvbnJ5SXRlbSdcbn0pXG5leHBvcnQgY2xhc3MgTmd4TWFzb25yeURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgcHJlcGVuZCA9IGZhbHNlO1xuXG4gIHB1YmxpYyBpbWFnZXM6IFNldDxIVE1MSW1hZ2VFbGVtZW50PjtcbiAgcHJpdmF0ZSBhbmltYXRpb25zOiBOZ3hNYXNvbnJ5QW5pbWF0aW9ucyA9IHtcbiAgICBzaG93OiBbXG4gICAgICBzdHlsZSh7b3BhY2l0eTogMH0pLFxuICAgICAgYW5pbWF0ZSgnNDAwbXMgZWFzZS1pbicsIHN0eWxlKHtvcGFjaXR5OiAxfSkpLFxuICAgIF0sXG4gICAgaGlkZTogW1xuICAgICAgc3R5bGUoe29wYWNpdHk6ICcqJ30pLFxuICAgICAgYW5pbWF0ZSgnNDAwbXMgZWFzZS1pbicsIHN0eWxlKHtvcGFjaXR5OiAwfSkpLFxuICAgIF1cbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBlbGVtZW50OiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgYnVpbGRlcjogQW5pbWF0aW9uQnVpbGRlcixcbiAgICBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gTmd4TWFzb25yeUNvbXBvbmVudCkpIHByaXZhdGUgcGFyZW50OiBOZ3hNYXNvbnJ5Q29tcG9uZW50LFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLnBhcmVudC5vcHRpb25zLmFuaW1hdGlvbnMgIT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5hbmltYXRpb25zID0gdGhpcy5wYXJlbnQub3B0aW9ucy5hbmltYXRpb25zO1xuICAgIH1cbiAgICB0aGlzLnBhcmVudC5hZGRQZW5kaW5nSXRlbSh0aGlzKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCBpbWFnZXMgPSB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnaW1nJyk7XG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ29wYWNpdHknLCAnMCcpO1xuICAgIHRoaXMuaW1hZ2VzID0gbmV3IFNldChpbWFnZXMpO1xuICAgIGlmIChpbWFnZXMubGVuZ3RoID09PSAwKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5wYXJlbnQuYWRkKHRoaXMpO1xuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICd6LWluZGV4JywgJy0xJyk7XG4gICAgICBmb3IgKGNvbnN0IGltYWdlUmVmIG9mIGltYWdlcykge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLmxpc3RlbihpbWFnZVJlZiwgJ2xvYWQnLCBfID0+IHtcbiAgICAgICAgICB0aGlzLmltYWdlTG9hZGVkKGltYWdlUmVmKTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMucmVuZGVyZXIubGlzdGVuKGltYWdlUmVmLCAnZXJyb3InLCBfID0+IHtcbiAgICAgICAgICB0aGlzLmltYWdlTG9hZGVkKGltYWdlUmVmKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuaW1hZ2VzLnNpemUgPT09IDAgJiYgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQucGFyZW50Tm9kZSkge1xuICAgICAgdGhpcy5wbGF5QW5pbWF0aW9uKGZhbHNlKTtcbiAgICAgIHRoaXMucGFyZW50LnJlbW92ZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBpbWFnZUxvYWRlZChpbWFnZT86IEhUTUxJbWFnZUVsZW1lbnQpIHtcbiAgICB0aGlzLmltYWdlcy5kZWxldGUoaW1hZ2UpO1xuICAgIGlmICh0aGlzLmltYWdlcy5zaXplID09PSAwKSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LCAnei1pbmRleCcsICcwJyk7XG4gICAgICB0aGlzLnBhcmVudC5hZGQodGhpcyk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHBsYXlBbmltYXRpb24oc2hvdzogYm9vbGVhbikge1xuICAgIGNvbnN0IG1ldGFkYXRhID0gc2hvdyA/IHRoaXMuYW5pbWF0aW9ucy5zaG93IDogdGhpcy5hbmltYXRpb25zLmhpZGU7XG4gICAgaWYgKG1ldGFkYXRhKSB7XG4gICAgICBjb25zdCBwbGF5ZXIgPSB0aGlzLmJ1aWxkZXIuYnVpbGQobWV0YWRhdGEpLmNyZWF0ZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCk7XG4gICAgICBwbGF5ZXIucGxheSgpO1xuICAgIH1cbiAgfVxufVxuIl19

@@ -166,5 +166,8 @@ import { EventEmitter, Component, Inject, PLATFORM_ID, ElementRef, Input, Output, Directive, forwardRef, Renderer2, NgModule } from '@angular/core';

if (images.length === 0) {
this.parent.add(this);
setTimeout(() => {
this.parent.add(this);
});
}
else {
this.renderer.setStyle(this.element.nativeElement, 'z-index', '-1');
for (const imageRef of images) {

@@ -189,2 +192,3 @@ this.renderer.listen(imageRef, 'load', _ => {

if (this.images.size === 0) {
this.renderer.setStyle(this.element.nativeElement, 'z-index', '0');
this.parent.add(this);

@@ -191,0 +195,0 @@ }

{
"name": "ngx-masonry",
"version": "10.0.1",
"version": "10.0.2",
"description": "Angular Module for displaying a feed of items in a masonry layout using https://github.com/desandro/masonry",

@@ -5,0 +5,0 @@ "keywords": [

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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc