@offensichtbar-codestock/ngx-flex-masonry-grid/offensichtbar-codestock-ngx-flex-masonry-grid.metadata.json

Angular Module for displaying items in a flex-based masonry layout without any third party dependencies

{"__symbolic":"module","version":4,"exports":[{"from":"./lib/animations/"}],"metadata":{"NgxFlexMasonryGridItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"osb-ngx-flexmasonry-grid-item","template":"<ng-content></ng-content> ","animations":[{"__symbolic":"select","member":"TRIGGER_FADE_OUT"}]}]}],"members":{"heightprops":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":5},"arguments":["style.height"]}]}],"getLeaveDrawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":5},"arguments":["@TRIGGER_FADE_OUT"]}]}],"animationIsDone":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":25,"character":5},"arguments":["@TRIGGER_FADE_OUT.done"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":80,"character":9},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":77,"character":25},{"__symbolic":"reference","module":"@angular/animations","name":"AnimationBuilder","line":78,"character":25},{"__symbolic":"reference","name":"NgxFlexMasonryGridService"},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"upDatePosition":[{"__symbolic":"method"}],"playAnimation":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"startLoading":[{"__symbolic":"method"}],"checkActionLoaded":[{"__symbolic":"method"}],"loadImage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NgxFlexMasonryGridService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"observeimage":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"clearStack":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"NgxFlexMasonryGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"osb-ngx-flexmasonry-grid","template":"<ng-content></ng-content> ","styles":["\n        \n\n        :host::ng-deep  > * {        \n            visibility: hidden;\n            box-sizing: border-box;\n            backface-visibility:hidden;\n        }\n    "],"providers":[{"__symbolic":"reference","name":"NgxFlexMasonryGridService"},{"provide":{"__symbolic":"reference","name":"ɵb"},"useExisting":{"__symbolic":"reference","name":"NgxFlexMasonryGridComponent"}}]}]}],"members":{"layoutComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":5}}]}],"itemRemoved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5}}]}],"itemLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":5}}]}],"itemsLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":5}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":49,"character":5},"arguments":[{"__symbolic":"reference","name":"NgxFlexMasonryGridItemComponent"}]}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":50,"character":5},"arguments":["window:resize",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":68,"character":34},{"__symbolic":"reference","name":"NgxFlexMasonryGridService"}]}],"ngOnInit":[{"__symbolic":"method"}],"forceUpdateLayout":[{"__symbolic":"method"}],"layout":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"getRowHeights":[{"__symbolic":"method"}],"getElementOffsets":[{"__symbolic":"method"}],"setContainerHeight":[{"__symbolic":"method"}],"translateElements":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NgxFlexMasonryGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxFlexMasonryGridComponent"},{"__symbolic":"reference","name":"NgxFlexMasonryGridItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":9,"character":4}],"providers":[{"__symbolic":"reference","name":"NgxFlexMasonryGridService"}],"exports":[{"__symbolic":"reference","name":"NgxFlexMasonryGridComponent"},{"__symbolic":"reference","name":"NgxFlexMasonryGridItemComponent"}]}]}],"members":{}},"NgxFlexMasonryGridAnimations":{"__symbolic":"interface"},"NgxFlexMasonryGridLoadingParams":{"__symbolic":"interface"},"ɵa":{"__symbolic":"interface"},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":7,"character":42},"arguments":["CIRCULAR_IMPORT_PARENT"]}},"origins":{"NgxFlexMasonryGridItemComponent":"./lib/ngx-flex-masonry-grid-item.component","NgxFlexMasonryGridService":"./lib/ngx-flex-masonry-grid.service","NgxFlexMasonryGridComponent":"./lib/ngx-flex-masonry-grid.component","NgxFlexMasonryGridModule":"./lib/ngx-flex-masonry-grid.module","NgxFlexMasonryGridAnimations":"./lib/ngx-flex-masonry-grid-options","NgxFlexMasonryGridLoadingParams":"./lib/ngx-flex-masonry-grid-options","ɵa":"./lib/circular-imports","ɵb":"./lib/circular-imports"},"importAs":"@offensichtbar-codestock/ngx-flex-masonry-grid"}