@egjs/ngx-infinitegrid 3.3.0 → 4.1.2-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +111 -178
- package/bundles/egjs-ngx-infinitegrid.umd.js +586 -750
- package/bundles/egjs-ngx-infinitegrid.umd.js.map +1 -1
- package/bundles/egjs-ngx-infinitegrid.umd.min.js +12 -12
- package/bundles/egjs-ngx-infinitegrid.umd.min.js.map +1 -1
- package/egjs-ngx-infinitegrid.d.ts +5 -1
- package/egjs-ngx-infinitegrid.metadata.json +1 -1
- package/esm2015/egjs-ngx-infinitegrid.js +7 -7
- package/esm2015/lib/consts.js +20 -23
- package/esm2015/lib/grids/ngx-frame-infinitegrid.component.js +19 -0
- package/esm2015/lib/grids/ngx-justified-infinitegrid.component.js +21 -0
- package/esm2015/lib/grids/ngx-masonry-infinitegrid.component.js +20 -0
- package/esm2015/lib/grids/ngx-packing-infinitegrid.component.js +20 -0
- package/esm2015/lib/ngx-infinitegrid.component.js +134 -311
- package/esm2015/lib/ngx-infinitegrid.interface.js +10 -18
- package/esm2015/lib/ngx-infinitegrid.module.js +14 -21
- package/esm2015/lib/ngx-infinitegrid.service.js +5 -10
- package/esm2015/lib/types.js +2 -5
- package/esm2015/public-api.js +5 -13
- package/fesm2015/egjs-ngx-infinitegrid.js +214 -475
- package/fesm2015/egjs-ngx-infinitegrid.js.map +1 -1
- package/lib/consts.d.ts +1 -1
- package/lib/grids/ngx-frame-infinitegrid.component.d.ts +8 -0
- package/lib/grids/ngx-justified-infinitegrid.component.d.ts +10 -0
- package/lib/grids/ngx-masonry-infinitegrid.component.d.ts +9 -0
- package/lib/grids/ngx-packing-infinitegrid.component.d.ts +9 -0
- package/lib/ngx-infinitegrid.component.d.ts +57 -37
- package/lib/ngx-infinitegrid.interface.d.ts +9 -5
- package/lib/ngx-infinitegrid.service.d.ts +1 -1
- package/lib/types.d.ts +18 -4
- package/package.json +19 -16
- package/public-api.d.ts +1 -5
- package/esm2015/lib/ngx-framelayout.component.js +0 -28
- package/esm2015/lib/ngx-gridlayout.component.js +0 -28
- package/esm2015/lib/ngx-justifiedlayout.component.js +0 -28
- package/esm2015/lib/ngx-packinglayout.component.js +0 -28
- package/esm2015/lib/ngx-squarelayout.component.js +0 -28
- package/esm5/egjs-ngx-infinitegrid.js +0 -10
- package/esm5/lib/consts.js +0 -8
- package/esm5/lib/ngx-framelayout.component.js +0 -33
- package/esm5/lib/ngx-gridlayout.component.js +0 -33
- package/esm5/lib/ngx-infinitegrid.component.js +0 -385
- package/esm5/lib/ngx-infinitegrid.interface.js +0 -25
- package/esm5/lib/ngx-infinitegrid.module.js +0 -42
- package/esm5/lib/ngx-infinitegrid.service.js +0 -21
- package/esm5/lib/ngx-justifiedlayout.component.js +0 -33
- package/esm5/lib/ngx-packinglayout.component.js +0 -33
- package/esm5/lib/ngx-squarelayout.component.js +0 -33
- package/esm5/lib/types.js +0 -5
- package/esm5/public-api.js +0 -16
- package/fesm5/egjs-ngx-infinitegrid.js +0 -611
- package/fesm5/egjs-ngx-infinitegrid.js.map +0 -1
- package/lib/ngx-framelayout.component.d.ts +0 -5
- package/lib/ngx-gridlayout.component.d.ts +0 -5
- package/lib/ngx-justifiedlayout.component.d.ts +0 -5
- package/lib/ngx-packinglayout.component.d.ts +0 -5
- package/lib/ngx-squarelayout.component.d.ts +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"NgxInfiniteGridService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"NgxInfiniteGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"ngx-infinitegrid, [NgxInfiniteGrid]","template":{"__symbolic":"reference","name":"ɵa"},"styles":[]}]}],"members":{"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"groupBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"useFirstRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"layoutOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"append":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"prepend":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"imageError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"contentError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":3}}]}],"layoutComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":3}}]}],"visibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"render":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"wrapperRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["wrapper",{"static":false}]}]}],"containerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":3},"arguments":["container",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getElements":[{"__symbolic":"method"}],"getVisibleItems":[{"__symbolic":"method"}],"toItems":[{"__symbolic":"method"}],"updateVisibleItems":[{"__symbolic":"method"}]}},"NgxGridLayoutComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ngx-gridlayout, [NgxGridLayout]","template":{"__symbolic":"reference","name":"ɵa"},"styles":[]}]}],"members":{"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}]}},"NgxJustifiedLayoutComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ngx-justifiedlayout, [NgxJustifiedLayout]","template":{"__symbolic":"reference","name":"ɵa"},"styles":[]}]}],"members":{"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}]}},"NgxSquareLayoutComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ngx-squarelayout, [NgxSquareLayout]","template":{"__symbolic":"reference","name":"ɵa"},"styles":[]}]}],"members":{"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}]}},"NgxFrameLayoutComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ngx-framelayout, [NgxFrameLayout]","template":{"__symbolic":"reference","name":"ɵa"},"styles":[]}]}],"members":{"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}]}},"NgxPackingLayoutComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ngx-packinglayout, [NgxPackingLayout]","template":{"__symbolic":"reference","name":"ɵa"},"styles":[]}]}],"members":{"layoutType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}]}},"NgxInfiniteGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},{"__symbolic":"reference","name":"NgxGridLayoutComponent"},{"__symbolic":"reference","name":"NgxJustifiedLayoutComponent"},{"__symbolic":"reference","name":"NgxSquareLayoutComponent"},{"__symbolic":"reference","name":"NgxFrameLayoutComponent"},{"__symbolic":"reference","name":"NgxPackingLayoutComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},{"__symbolic":"reference","name":"NgxGridLayoutComponent"},{"__symbolic":"reference","name":"NgxJustifiedLayoutComponent"},{"__symbolic":"reference","name":"NgxSquareLayoutComponent"},{"__symbolic":"reference","name":"NgxFrameLayoutComponent"},{"__symbolic":"reference","name":"NgxPackingLayoutComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"\n <ng-template #content><ng-content></ng-content></ng-template>\n <ng-template #viewer>\n <ng-template [ngIf]=\"options.isOverflowScroll\" [ngIfElse]=\"noContainer\">\n <div class=\"","right":{"__symbolic":"reference","module":"@egjs/infinitegrid","name":"CONTAINER_CLASSNAME","line":6,"character":20}},"right":"\" #container>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </ng-template>\n <ng-template #noContainer>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </ng-template>\n </ng-template>\n <ng-template [ngIf]=\"elRef.nativeElement.tagName==='NGX-INFINITEGRID'\" [ngIfElse]=\"noWrapper\">\n <div #wrapper>\n <ng-container *ngTemplateOutlet=\"viewer\"></ng-container>\n </div>\n </ng-template>\n <ng-template #noWrapper>\n <ng-container *ngTemplateOutlet=\"viewer\"></ng-container>\n </ng-template>\n "}},"origins":{"NgxInfiniteGridService":"./lib/ngx-infinitegrid.service","NgxInfiniteGridComponent":"./lib/ngx-infinitegrid.component","NgxGridLayoutComponent":"./lib/ngx-gridlayout.component","NgxJustifiedLayoutComponent":"./lib/ngx-justifiedlayout.component","NgxSquareLayoutComponent":"./lib/ngx-squarelayout.component","NgxFrameLayoutComponent":"./lib/ngx-framelayout.component","NgxPackingLayoutComponent":"./lib/ngx-packinglayout.component","NgxInfiniteGridModule":"./lib/ngx-infinitegrid.module","ɵa":"./lib/consts"},"importAs":"@egjs/ngx-infinitegrid"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"NgxInfinitegridService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"NgxMasonryInfiniteGridComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ngx-masonry-infinite-grid, [NgxMasonryInfiniteGrid]","template":{"__symbolic":"reference","name":"ɵb"},"styles":[]}]}],"members":{"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"columnSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"columnSizeRatio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}]},"statics":{"GridClass":{"__symbolic":"reference","module":"@egjs/infinitegrid","name":"MasonryInfiniteGrid","line":18,"character":28}}},"NgxInfiniteGridComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"ngx-infinite-grid, [NgxInfiniteGrid]","template":"<slot></slot>","styles":[":host { display: block }"]}]}],"members":{"gridConstructor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"renderer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"containerTag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"threshold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"useRecycle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"horizontal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"percentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"isEqualSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"isConstantSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"gap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"attributePrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"resizeDebounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"maxResizeDebounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"autoResize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"useFit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"useTransform":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"renderOnPropertyChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"preserveUIOnDestroy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"defaultDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"externalItemRenderer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"externalContainerManager":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"usePlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"useLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"useFirstRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"groupBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"renderComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"contentError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":3}}]}],"changeScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"requestAppend":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3}}]}],"requestPrepend":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":77,"character":3}}]}],"_wrapperRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":79,"character":3},"arguments":["wrapperRef",{"static":false}]}]}],"_containerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":3},"arguments":["containerRef",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":84,"character":49},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":84,"character":56}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":84,"character":36},{"__symbolic":"reference","name":"Object"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_getItemInfos":[{"__symbolic":"method"}],"_updateVisibleChildren":[{"__symbolic":"method"}]},"statics":{"GridClass":{"__symbolic":"error","message":"Variable not initialized","line":43,"character":16}}},"NgxInfiniteGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},{"__symbolic":"reference","name":"NgxMasonryInfiniteGridComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4}],"exports":[{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},{"__symbolic":"reference","name":"NgxMasonryInfiniteGridComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"ɵa":{"__symbolic":"interface"},"ɵb":"\n<ng-template #content><ng-content></ng-content></ng-template>\n\n<ng-template #viewer>\n <ng-template [ngIf]=\"container === true\" [ngIfElse]=\"noContainer\">\n <div #containerRef>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </ng-template>\n <ng-template #noContainer>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </ng-template>\n</ng-template>\n\n<ng-template [ngIf]=\"elementRef.nativeElement.tagName.indexOf('NGX-') === 0\" [ngIfElse]=\"noWrapper\">\n <div #wrapperRef>\n <ng-container *ngTemplateOutlet=\"viewer\"></ng-container>\n </div>\n</ng-template>\n\n<ng-template #noWrapper>\n <ng-container *ngTemplateOutlet=\"viewer\"></ng-container>\n</ng-template>\n","ɵc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ngx-justified-infinite-grid, [NgxJustifiedInfiniteGrid]","template":{"__symbolic":"reference","name":"ɵb"},"styles":[]}]}],"members":{"columnRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"rowRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"sizeRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"displayedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"isCroppedSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}]},"statics":{"GridClass":{"__symbolic":"reference","module":"@egjs/infinitegrid","name":"JustifiedInfiniteGrid","line":23,"character":28}}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ngx-frame-infinite-grid, [NgxFrameInfiniteGrid]","template":{"__symbolic":"reference","name":"ɵb"},"styles":[]}]}],"members":{"frame":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"useFrameFill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"rectSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}]},"statics":{"GridClass":{"__symbolic":"reference","module":"@egjs/infinitegrid","name":"FrameInfiniteGrid","line":21,"character":28}}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxInfiniteGridComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ngx-packing-infinite-grid, [NgxPackingInfiniteGrid]","template":{"__symbolic":"reference","name":"ɵb"},"styles":[]}]}],"members":{"aspectRatio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"sizeWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"ratioWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"weightPriority":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}]},"statics":{"GridClass":{"__symbolic":"reference","module":"@egjs/infinitegrid","name":"PackingInfiniteGrid","line":22,"character":28}}}},"origins":{"NgxInfinitegridService":"./lib/ngx-infinitegrid.service","NgxMasonryInfiniteGridComponent":"./lib/grids/ngx-masonry-infinitegrid.component","NgxInfiniteGridComponent":"./lib/ngx-infinitegrid.component","NgxInfiniteGridModule":"./lib/ngx-infinitegrid.module","ɵa":"./lib/ngx-infinitegrid.interface","ɵb":"./lib/consts","ɵc":"./lib/grids/ngx-justified-infinitegrid.component","ɵd":"./lib/grids/ngx-frame-infinitegrid.component","ɵe":"./lib/grids/ngx-packing-infinitegrid.component"},"importAs":"@egjs/ngx-infinitegrid"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
-
*/
|
|
5
1
|
/**
|
|
6
2
|
* Generated bundle index. Do not edit.
|
|
7
3
|
*/
|
|
8
|
-
export
|
|
9
|
-
export { TEMPLATE as
|
|
10
|
-
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
export { TEMPLATE as ɵb } from './lib/consts';
|
|
6
|
+
export { NgxFrameInfiniteGridComponent as ɵd } from './lib/grids/ngx-frame-infinitegrid.component';
|
|
7
|
+
export { NgxJustifiedInfiniteGridComponent as ɵc } from './lib/grids/ngx-justified-infinitegrid.component';
|
|
8
|
+
export { NgxPackingInfiniteGridComponent as ɵe } from './lib/grids/ngx-packing-infinitegrid.component';
|
|
9
|
+
export { NgxInfiniteGridInterface as ɵa } from './lib/ngx-infinitegrid.interface';
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWdqcy1uZ3gtaW5maW5pdGVncmlkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvbmd4LWluZmluaXRlZ3JpZC9zcmMvZWdqcy1uZ3gtaW5maW5pdGVncmlkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUM7QUFFN0IsT0FBTyxFQUFDLFFBQVEsSUFBSSxFQUFFLEVBQUMsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFDLDZCQUE2QixJQUFJLEVBQUUsRUFBQyxNQUFNLDhDQUE4QyxDQUFDO0FBQ2pHLE9BQU8sRUFBQyxpQ0FBaUMsSUFBSSxFQUFFLEVBQUMsTUFBTSxrREFBa0QsQ0FBQztBQUN6RyxPQUFPLEVBQUMsK0JBQStCLElBQUksRUFBRSxFQUFDLE1BQU0sZ0RBQWdELENBQUM7QUFDckcsT0FBTyxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLGtDQUFrQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuXG5leHBvcnQge1RFTVBMQVRFIGFzIMm1Yn0gZnJvbSAnLi9saWIvY29uc3RzJztcbmV4cG9ydCB7Tmd4RnJhbWVJbmZpbml0ZUdyaWRDb21wb25lbnQgYXMgybVkfSBmcm9tICcuL2xpYi9ncmlkcy9uZ3gtZnJhbWUtaW5maW5pdGVncmlkLmNvbXBvbmVudCc7XG5leHBvcnQge05neEp1c3RpZmllZEluZmluaXRlR3JpZENvbXBvbmVudCBhcyDJtWN9IGZyb20gJy4vbGliL2dyaWRzL25neC1qdXN0aWZpZWQtaW5maW5pdGVncmlkLmNvbXBvbmVudCc7XG5leHBvcnQge05neFBhY2tpbmdJbmZpbml0ZUdyaWRDb21wb25lbnQgYXMgybVlfSBmcm9tICcuL2xpYi9ncmlkcy9uZ3gtcGFja2luZy1pbmZpbml0ZWdyaWQuY29tcG9uZW50JztcbmV4cG9ydCB7Tmd4SW5maW5pdGVHcmlkSW50ZXJmYWNlIGFzIMm1YX0gZnJvbSAnLi9saWIvbmd4LWluZmluaXRlZ3JpZC5pbnRlcmZhY2UnOyJdfQ==
|
package/esm2015/lib/consts.js
CHANGED
|
@@ -1,28 +1,25 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
-
*/
|
|
5
|
-
import { CONTAINER_CLASSNAME } from '@egjs/infinitegrid';
|
|
6
|
-
/** @type {?} */
|
|
7
1
|
export const TEMPLATE = `
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
</div>
|
|
14
|
-
</ng-template>
|
|
15
|
-
<ng-template #noContainer>
|
|
2
|
+
<ng-template #content><ng-content></ng-content></ng-template>
|
|
3
|
+
|
|
4
|
+
<ng-template #viewer>
|
|
5
|
+
<ng-template [ngIf]="container === true" [ngIfElse]="noContainer">
|
|
6
|
+
<div #containerRef>
|
|
16
7
|
<ng-container *ngTemplateOutlet="content"></ng-container>
|
|
17
|
-
</ng-template>
|
|
18
|
-
</ng-template>
|
|
19
|
-
<ng-template [ngIf]="elRef.nativeElement.tagName==='NGX-INFINITEGRID'" [ngIfElse]="noWrapper">
|
|
20
|
-
<div #wrapper>
|
|
21
|
-
<ng-container *ngTemplateOutlet="viewer"></ng-container>
|
|
22
8
|
</div>
|
|
23
9
|
</ng-template>
|
|
24
|
-
<ng-template #
|
|
25
|
-
<ng-container *ngTemplateOutlet="
|
|
10
|
+
<ng-template #noContainer>
|
|
11
|
+
<ng-container *ngTemplateOutlet="content"></ng-container>
|
|
26
12
|
</ng-template>
|
|
27
|
-
|
|
28
|
-
|
|
13
|
+
</ng-template>
|
|
14
|
+
|
|
15
|
+
<ng-template [ngIf]="elementRef.nativeElement.tagName.indexOf('NGX-') === 0" [ngIfElse]="noWrapper">
|
|
16
|
+
<div #wrapperRef>
|
|
17
|
+
<ng-container *ngTemplateOutlet="viewer"></ng-container>
|
|
18
|
+
</div>
|
|
19
|
+
</ng-template>
|
|
20
|
+
|
|
21
|
+
<ng-template #noWrapper>
|
|
22
|
+
<ng-container *ngTemplateOutlet="viewer"></ng-container>
|
|
23
|
+
</ng-template>
|
|
24
|
+
`;
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWluZmluaXRlZ3JpZC9zcmMvbGliL2NvbnN0cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBdUJ2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IFRFTVBMQVRFID0gYFxuPG5nLXRlbXBsYXRlICNjb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3ZpZXdlcj5cbiAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cImNvbnRhaW5lciA9PT0gdHJ1ZVwiIFtuZ0lmRWxzZV09XCJub0NvbnRhaW5lclwiPlxuICAgIDxkaXYgI2NvbnRhaW5lclJlZj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjbm9Db250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudGFnTmFtZS5pbmRleE9mKCdOR1gtJykgPT09IDBcIiBbbmdJZkVsc2VdPVwibm9XcmFwcGVyXCI+XG4gIDxkaXYgI3dyYXBwZXJSZWY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInZpZXdlclwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjbm9XcmFwcGVyPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidmlld2VyXCI+PC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuYDtcbiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgxInfiniteGridComponent, } from '../ngx-infinitegrid.component';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { FrameInfiniteGrid as VanillaFrameInfiniteGrid, } from "@egjs/infinitegrid";
|
|
4
|
+
import { TEMPLATE } from '../consts';
|
|
5
|
+
export class NgxFrameInfiniteGridComponent extends NgxInfiniteGridComponent {
|
|
6
|
+
}
|
|
7
|
+
NgxFrameInfiniteGridComponent.GridClass = VanillaFrameInfiniteGrid;
|
|
8
|
+
NgxFrameInfiniteGridComponent.decorators = [
|
|
9
|
+
{ type: Component, args: [{
|
|
10
|
+
selector: 'ngx-frame-infinite-grid, [NgxFrameInfiniteGrid]',
|
|
11
|
+
template: TEMPLATE
|
|
12
|
+
},] }
|
|
13
|
+
];
|
|
14
|
+
NgxFrameInfiniteGridComponent.propDecorators = {
|
|
15
|
+
frame: [{ type: Input }],
|
|
16
|
+
useFrameFill: [{ type: Input }],
|
|
17
|
+
rectSize: [{ type: Input }]
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWZyYW1lLWluZmluaXRlZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtaW5maW5pdGVncmlkL3NyYy9saWIvZ3JpZHMvbmd4LWZyYW1lLWluZmluaXRlZ3JpZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHdCQUF3QixHQUN6QixNQUFNLCtCQUErQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFDTCxpQkFBaUIsSUFBSSx3QkFBd0IsR0FFOUMsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBUXJDLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSx3QkFBd0I7O0FBSzNELHVDQUFTLEdBQUcsd0JBQXdCLENBQUM7O1lBVnBELFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaURBQWlEO2dCQUMzRCxRQUFRLEVBQUUsUUFBUTthQUVuQjs7O29CQUdFLEtBQUs7MkJBQ0wsS0FBSzt1QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTmd4SW5maW5pdGVHcmlkQ29tcG9uZW50LFxufSBmcm9tICcuLi9uZ3gtaW5maW5pdGVncmlkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBGcmFtZUluZmluaXRlR3JpZCBhcyBWYW5pbGxhRnJhbWVJbmZpbml0ZUdyaWQsXG4gIEZyYW1lSW5maW5pdGVHcmlkT3B0aW9ucyxcbn0gZnJvbSBcIkBlZ2pzL2luZmluaXRlZ3JpZFwiO1xuaW1wb3J0IHsgVEVNUExBVEUgfSBmcm9tICcuLi9jb25zdHMnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1mcmFtZS1pbmZpbml0ZS1ncmlkLCBbTmd4RnJhbWVJbmZpbml0ZUdyaWRdJyxcbiAgdGVtcGxhdGU6IFRFTVBMQVRFLFxuICBzdHlsZXM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hGcmFtZUluZmluaXRlR3JpZENvbXBvbmVudCBleHRlbmRzIE5neEluZmluaXRlR3JpZENvbXBvbmVudFxuICBpbXBsZW1lbnRzIFJlcXVpcmVkPEZyYW1lSW5maW5pdGVHcmlkT3B0aW9ucz4ge1xuICBASW5wdXQoKSBmcmFtZSE6IFJlcXVpcmVkPEZyYW1lSW5maW5pdGVHcmlkT3B0aW9ucz5bJ2ZyYW1lJ107XG4gIEBJbnB1dCgpIHVzZUZyYW1lRmlsbCE6IFJlcXVpcmVkPEZyYW1lSW5maW5pdGVHcmlkT3B0aW9ucz5bJ3VzZUZyYW1lRmlsbCddO1xuICBASW5wdXQoKSByZWN0U2l6ZSE6IFJlcXVpcmVkPEZyYW1lSW5maW5pdGVHcmlkT3B0aW9ucz5bJ3JlY3RTaXplJ107XG4gIHB1YmxpYyBzdGF0aWMgR3JpZENsYXNzID0gVmFuaWxsYUZyYW1lSW5maW5pdGVHcmlkO1xufVxuIl19
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { NgxInfiniteGridComponent, } from '../ngx-infinitegrid.component';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { JustifiedInfiniteGrid as VanillaJustifiedInfiniteGrid, } from "@egjs/infinitegrid";
|
|
4
|
+
import { TEMPLATE } from '../consts';
|
|
5
|
+
export class NgxJustifiedInfiniteGridComponent extends NgxInfiniteGridComponent {
|
|
6
|
+
}
|
|
7
|
+
NgxJustifiedInfiniteGridComponent.GridClass = VanillaJustifiedInfiniteGrid;
|
|
8
|
+
NgxJustifiedInfiniteGridComponent.decorators = [
|
|
9
|
+
{ type: Component, args: [{
|
|
10
|
+
selector: 'ngx-justified-infinite-grid, [NgxJustifiedInfiniteGrid]',
|
|
11
|
+
template: TEMPLATE
|
|
12
|
+
},] }
|
|
13
|
+
];
|
|
14
|
+
NgxJustifiedInfiniteGridComponent.propDecorators = {
|
|
15
|
+
columnRange: [{ type: Input }],
|
|
16
|
+
rowRange: [{ type: Input }],
|
|
17
|
+
sizeRange: [{ type: Input }],
|
|
18
|
+
displayedRow: [{ type: Input }],
|
|
19
|
+
isCroppedSize: [{ type: Input }]
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWp1c3RpZmllZC1pbmZpbml0ZWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWluZmluaXRlZ3JpZC9zcmMvbGliL2dyaWRzL25neC1qdXN0aWZpZWQtaW5maW5pdGVncmlkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsd0JBQXdCLEdBQ3pCLE1BQU0sK0JBQStCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUNMLHFCQUFxQixJQUFJLDRCQUE0QixHQUV0RCxNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFRckMsTUFBTSxPQUFPLGlDQUFrQyxTQUFRLHdCQUF3Qjs7QUFPL0QsMkNBQVMsR0FBRyw0QkFBNEIsQ0FBQzs7WUFaeEQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx5REFBeUQ7Z0JBQ25FLFFBQVEsRUFBRSxRQUFRO2FBRW5COzs7MEJBR0UsS0FBSzt1QkFDTCxLQUFLO3dCQUNMLEtBQUs7MkJBQ0wsS0FBSzs0QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTmd4SW5maW5pdGVHcmlkQ29tcG9uZW50LFxufSBmcm9tICcuLi9uZ3gtaW5maW5pdGVncmlkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBKdXN0aWZpZWRJbmZpbml0ZUdyaWQgYXMgVmFuaWxsYUp1c3RpZmllZEluZmluaXRlR3JpZCxcbiAgSnVzdGlmaWVkSW5maW5pdGVHcmlkT3B0aW9ucyxcbn0gZnJvbSBcIkBlZ2pzL2luZmluaXRlZ3JpZFwiO1xuaW1wb3J0IHsgVEVNUExBVEUgfSBmcm9tICcuLi9jb25zdHMnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1qdXN0aWZpZWQtaW5maW5pdGUtZ3JpZCwgW05neEp1c3RpZmllZEluZmluaXRlR3JpZF0nLFxuICB0ZW1wbGF0ZTogVEVNUExBVEUsXG4gIHN0eWxlczogW10sXG59KVxuZXhwb3J0IGNsYXNzIE5neEp1c3RpZmllZEluZmluaXRlR3JpZENvbXBvbmVudCBleHRlbmRzIE5neEluZmluaXRlR3JpZENvbXBvbmVudFxuICBpbXBsZW1lbnRzIFJlcXVpcmVkPEp1c3RpZmllZEluZmluaXRlR3JpZE9wdGlvbnM+IHtcbiAgQElucHV0KCkgY29sdW1uUmFuZ2UhOiBSZXF1aXJlZDxKdXN0aWZpZWRJbmZpbml0ZUdyaWRPcHRpb25zPlsnY29sdW1uUmFuZ2UnXTtcbiAgQElucHV0KCkgcm93UmFuZ2UhOiBSZXF1aXJlZDxKdXN0aWZpZWRJbmZpbml0ZUdyaWRPcHRpb25zPlsncm93UmFuZ2UnXTtcbiAgQElucHV0KCkgc2l6ZVJhbmdlITogUmVxdWlyZWQ8SnVzdGlmaWVkSW5maW5pdGVHcmlkT3B0aW9ucz5bJ3NpemVSYW5nZSddO1xuICBASW5wdXQoKSBkaXNwbGF5ZWRSb3chOiBSZXF1aXJlZDxKdXN0aWZpZWRJbmZpbml0ZUdyaWRPcHRpb25zPlsnZGlzcGxheWVkUm93J107XG4gIEBJbnB1dCgpIGlzQ3JvcHBlZFNpemUhOiBSZXF1aXJlZDxKdXN0aWZpZWRJbmZpbml0ZUdyaWRPcHRpb25zPlsnaXNDcm9wcGVkU2l6ZSddO1xuICBwdWJsaWMgc3RhdGljIEdyaWRDbGFzcyA9IFZhbmlsbGFKdXN0aWZpZWRJbmZpbml0ZUdyaWQ7XG59XG4iXX0=
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { NgxInfiniteGridComponent, } from '../ngx-infinitegrid.component';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { MasonryInfiniteGrid as VanillaMasonryInfiniteGrid, } from "@egjs/infinitegrid";
|
|
4
|
+
import { TEMPLATE } from '../consts';
|
|
5
|
+
export class NgxMasonryInfiniteGridComponent extends NgxInfiniteGridComponent {
|
|
6
|
+
}
|
|
7
|
+
NgxMasonryInfiniteGridComponent.GridClass = VanillaMasonryInfiniteGrid;
|
|
8
|
+
NgxMasonryInfiniteGridComponent.decorators = [
|
|
9
|
+
{ type: Component, args: [{
|
|
10
|
+
selector: 'ngx-masonry-infinite-grid, [NgxMasonryInfiniteGrid]',
|
|
11
|
+
template: TEMPLATE
|
|
12
|
+
},] }
|
|
13
|
+
];
|
|
14
|
+
NgxMasonryInfiniteGridComponent.propDecorators = {
|
|
15
|
+
column: [{ type: Input }],
|
|
16
|
+
columnSize: [{ type: Input }],
|
|
17
|
+
columnSizeRatio: [{ type: Input }],
|
|
18
|
+
align: [{ type: Input }]
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hc29ucnktaW5maW5pdGVncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1pbmZpbml0ZWdyaWQvc3JjL2xpYi9ncmlkcy9uZ3gtbWFzb25yeS1pbmZpbml0ZWdyaWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx3QkFBd0IsR0FDekIsTUFBTSwrQkFBK0IsQ0FBQztBQUN2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQ0wsbUJBQW1CLElBQUksMEJBQTBCLEdBRWxELE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQVFyQyxNQUFNLE9BQU8sK0JBQWdDLFNBQVEsd0JBQXdCOztBQUU3RCx5Q0FBUyxHQUFHLDBCQUEwQixDQUFDOztZQVB0RCxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHFEQUFxRDtnQkFDL0QsUUFBUSxFQUFFLFFBQVE7YUFFbkI7OztxQkFJRSxLQUFLO3lCQUNMLEtBQUs7OEJBQ0wsS0FBSztvQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTmd4SW5maW5pdGVHcmlkQ29tcG9uZW50LFxufSBmcm9tICcuLi9uZ3gtaW5maW5pdGVncmlkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBNYXNvbnJ5SW5maW5pdGVHcmlkIGFzIFZhbmlsbGFNYXNvbnJ5SW5maW5pdGVHcmlkLFxuICBNYXNvbnJ5SW5maW5pdGVHcmlkT3B0aW9ucyxcbn0gZnJvbSBcIkBlZ2pzL2luZmluaXRlZ3JpZFwiO1xuaW1wb3J0IHsgVEVNUExBVEUgfSBmcm9tICcuLi9jb25zdHMnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1tYXNvbnJ5LWluZmluaXRlLWdyaWQsIFtOZ3hNYXNvbnJ5SW5maW5pdGVHcmlkXScsXG4gIHRlbXBsYXRlOiBURU1QTEFURSxcbiAgc3R5bGVzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgTmd4TWFzb25yeUluZmluaXRlR3JpZENvbXBvbmVudCBleHRlbmRzIE5neEluZmluaXRlR3JpZENvbXBvbmVudFxuICBpbXBsZW1lbnRzIFJlcXVpcmVkPE1hc29ucnlJbmZpbml0ZUdyaWRPcHRpb25zPiB7XG4gIHB1YmxpYyBzdGF0aWMgR3JpZENsYXNzID0gVmFuaWxsYU1hc29ucnlJbmZpbml0ZUdyaWQ7XG4gIEBJbnB1dCgpIGNvbHVtbiE6IFJlcXVpcmVkPE1hc29ucnlJbmZpbml0ZUdyaWRPcHRpb25zPlsnY29sdW1uJ107XG4gIEBJbnB1dCgpIGNvbHVtblNpemUhOiBSZXF1aXJlZDxNYXNvbnJ5SW5maW5pdGVHcmlkT3B0aW9ucz5bJ2NvbHVtblNpemUnXTtcbiAgQElucHV0KCkgY29sdW1uU2l6ZVJhdGlvITogUmVxdWlyZWQ8TWFzb25yeUluZmluaXRlR3JpZE9wdGlvbnM+Wydjb2x1bW5TaXplUmF0aW8nXTtcbiAgQElucHV0KCkgYWxpZ24hOiBSZXF1aXJlZDxNYXNvbnJ5SW5maW5pdGVHcmlkT3B0aW9ucz5bJ2FsaWduJ107XG59XG4iXX0=
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { NgxInfiniteGridComponent, } from '../ngx-infinitegrid.component';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { PackingInfiniteGrid as VanillaPackingInfiniteGrid, } from "@egjs/infinitegrid";
|
|
4
|
+
import { TEMPLATE } from '../consts';
|
|
5
|
+
export class NgxPackingInfiniteGridComponent extends NgxInfiniteGridComponent {
|
|
6
|
+
}
|
|
7
|
+
NgxPackingInfiniteGridComponent.GridClass = VanillaPackingInfiniteGrid;
|
|
8
|
+
NgxPackingInfiniteGridComponent.decorators = [
|
|
9
|
+
{ type: Component, args: [{
|
|
10
|
+
selector: 'ngx-packing-infinite-grid, [NgxPackingInfiniteGrid]',
|
|
11
|
+
template: TEMPLATE
|
|
12
|
+
},] }
|
|
13
|
+
];
|
|
14
|
+
NgxPackingInfiniteGridComponent.propDecorators = {
|
|
15
|
+
aspectRatio: [{ type: Input }],
|
|
16
|
+
sizeWeight: [{ type: Input }],
|
|
17
|
+
ratioWeight: [{ type: Input }],
|
|
18
|
+
weightPriority: [{ type: Input }]
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXBhY2tpbmctaW5maW5pdGVncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1pbmZpbml0ZWdyaWQvc3JjL2xpYi9ncmlkcy9uZ3gtcGFja2luZy1pbmZpbml0ZWdyaWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx3QkFBd0IsR0FDekIsTUFBTSwrQkFBK0IsQ0FBQztBQUN2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQ0wsbUJBQW1CLElBQUksMEJBQTBCLEdBRWxELE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQVFyQyxNQUFNLE9BQU8sK0JBQWdDLFNBQVEsd0JBQXdCOztBQU03RCx5Q0FBUyxHQUFHLDBCQUEwQixDQUFDOztZQVh0RCxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHFEQUFxRDtnQkFDL0QsUUFBUSxFQUFFLFFBQVE7YUFFbkI7OzswQkFHRSxLQUFLO3lCQUNMLEtBQUs7MEJBQ0wsS0FBSzs2QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgTmd4SW5maW5pdGVHcmlkQ29tcG9uZW50LFxufSBmcm9tICcuLi9uZ3gtaW5maW5pdGVncmlkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBQYWNraW5nSW5maW5pdGVHcmlkIGFzIFZhbmlsbGFQYWNraW5nSW5maW5pdGVHcmlkLFxuICBQYWNraW5nSW5maW5pdGVHcmlkT3B0aW9ucyxcbn0gZnJvbSBcIkBlZ2pzL2luZmluaXRlZ3JpZFwiO1xuaW1wb3J0IHsgVEVNUExBVEUgfSBmcm9tICcuLi9jb25zdHMnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1wYWNraW5nLWluZmluaXRlLWdyaWQsIFtOZ3hQYWNraW5nSW5maW5pdGVHcmlkXScsXG4gIHRlbXBsYXRlOiBURU1QTEFURSxcbiAgc3R5bGVzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgTmd4UGFja2luZ0luZmluaXRlR3JpZENvbXBvbmVudCBleHRlbmRzIE5neEluZmluaXRlR3JpZENvbXBvbmVudFxuICBpbXBsZW1lbnRzIFJlcXVpcmVkPFBhY2tpbmdJbmZpbml0ZUdyaWRPcHRpb25zPiB7XG4gIEBJbnB1dCgpIGFzcGVjdFJhdGlvITogUmVxdWlyZWQ8UGFja2luZ0luZmluaXRlR3JpZE9wdGlvbnM+Wydhc3BlY3RSYXRpbyddO1xuICBASW5wdXQoKSBzaXplV2VpZ2h0ITogUmVxdWlyZWQ8UGFja2luZ0luZmluaXRlR3JpZE9wdGlvbnM+WydzaXplV2VpZ2h0J107XG4gIEBJbnB1dCgpIHJhdGlvV2VpZ2h0ITogUmVxdWlyZWQ8UGFja2luZ0luZmluaXRlR3JpZE9wdGlvbnM+WydyYXRpb1dlaWdodCddO1xuICBASW5wdXQoKSB3ZWlnaHRQcmlvcml0eSE6IFJlcXVpcmVkPFBhY2tpbmdJbmZpbml0ZUdyaWRPcHRpb25zPlsnd2VpZ2h0UHJpb3JpdHknXTtcbiAgcHVibGljIHN0YXRpYyBHcmlkQ2xhc3MgPSBWYW5pbGxhUGFja2luZ0luZmluaXRlR3JpZDtcbn1cbiJdfQ==
|