{"__symbolic":"module","version":4,"metadata":{"NgScrollService":{"__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":{}}},"NgScrollComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"k-ng-scroll","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":18},"member":"OnPush"},"template":" <div class=\"wrapper\" #wrapper \n [style.paddingLeft]=\"wrapperLeftPadding+'px'\"  [style.paddingRight]=\"wrapperRightPadding+'px'\">\n    <ng-container *ngIf=\"addOnBefore\">\n        <div style=\"display: inline-block;vertical-align: bottom;\">\n            <ng-container [ngTemplateOutlet]=\"addOnBefore\"></ng-container>\n        </div>\n    </ng-container>\n\n    <k-placeholder-group [group]=\"placeholderArray\" [component]=\"component\"></k-placeholder-group>\n\n    <k-card-group-wrapper\n    #groupwrapper\n    [events]=\"events\"\n    [component]=\"component\"\n    (changeSeenState)=\"handleChangeSeenState($event)\"\n    *ngFor=\"let number of currentCachedPageNumber\"\n    [pageNumber]=\"number\"\n    [itemWidth]=\"itemWidth\"\n    [group]=\"processedData[number]\"></k-card-group-wrapper>\n    \n</div>","styles":[".wrapper{width:100%;height:100%;overflow:auto;box-sizing:border-box;transition:padding .2s}.wrapper::-webkit-scrollbar{width:3px;height:0}.wrapper::-webkit-scrollbar-track{background:#222}.wrapper::-webkit-scrollbar-thumb{background:#666}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"cachedPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"events":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"addOnBefore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"trackRule":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"getData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"clearCachedData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["wrapper",{"static":true}]}]}],"cardGroupWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":48,"character":3},"arguments":["groupwrapper"]}]}],"maxRollingDistanceAtBounday":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":97,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}],"getInitialData":[{"__symbolic":"method"}],"bindWheel":[{"__symbolic":"method"}],"bindScroll":[{"__symbolic":"method"}],"bindResize":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"processData":[{"__symbolic":"method"}],"changeCurrentCachedPageNumber":[{"__symbolic":"method"}],"resetPadding":[{"__symbolic":"method"}],"setPadding":[{"__symbolic":"method"}],"recordColumnNumber":[{"__symbolic":"method"}],"setMaxPage":[{"__symbolic":"method"}],"handleChangeSeenState":[{"__symbolic":"method"}],"doClear":[{"__symbolic":"method"}],"setunableToGetData":[{"__symbolic":"method"}],"cancelGetData":[{"__symbolic":"method"}],"resetWaiting":[{"__symbolic":"method"}],"clearProcessedData":[{"__symbolic":"method"}],"dealNewDataFromResponse":[{"__symbolic":"method"}],"countPlaceHolder":[{"__symbolic":"method"}],"getPage":[{"__symbolic":"method"}],"getRange":[{"__symbolic":"method"}],"doInit":[{"__symbolic":"method"}],"detectChanges":[{"__symbolic":"method"}]}},"NgScrollModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgScrollComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"NgScrollComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"k-card-group-wrapper","template":"\n<!-- <ng-container *ngIf=\"pageNumber===1 && onbefore\">\n    <div style=\"display: inline-block;\">\n        <ng-container [ngTemplateOutlet]=\"onbefore\"></ng-container>\n    </div>\n</ng-container> -->\n<k-group-member\n #groupmember\n[itemWidth]=\"itemWidth\"\n[component]=\"component\"\n*ngFor=\"let item of group;trackBy:trackRule\" \n[memberInfo]=\"item\" \n[itemWidth]=\"itemWidth\"\n[events]=\"events\"></k-group-member>\n","styles":[""]}]}],"members":{"itemWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"pageNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"events":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"changeSeenState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"groupmember":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":41,"character":3},"arguments":["groupmember"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":16},{"__symbolic":"reference","name":"NgScrollComponent"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"checkInView":[{"__symbolic":"method"}],"calculatePadding":[{"__symbolic":"method"}],"initScrollListener":[{"__symbolic":"method"}],"initWheelListener":[{"__symbolic":"method"}],"initResizeListener":[{"__symbolic":"method"}],"getSelfOffset":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"k-group-member","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":18},"member":"OnPush"},"template":"<div class=\"member-item\" \n#wrapper\n[class.placeholder]=\"placeholder\" >\n\n    <ng-template cdkPortalOutlet></ng-template>\n</div>\n","styles":[".member-item{display:inline-block}"]}]}],"members":{"memberInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"events":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"itemWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"myPortal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":19,"character":13},{"static":true}]}]}],"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["wrapper",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgScrollComponent"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateInputs":[{"__symbolic":"method"}],"handleSelfDefinedEvent":[{"__symbolic":"method"}],"getSelfOffset":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"k-placeholder-group","template":"<k-group-member \n[placeholder]=\"true\"\n*ngFor=\"let item of group\" \n[component]=\"component\"\n[memberInfo]=\"item\" ></k-group-member>","styles":[""]}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"NgScrollService":"./lib/ng-scroll.service","NgScrollComponent":"./lib/ng-scroll.component","NgScrollModule":"./lib/ng-scroll.module","ɵa":"./lib/card-group-wrapper/card-group-wrapper.component","ɵb":"./lib/group-member/group-member.component","ɵc":"./lib/placeholder-group/placeholder-group.component"},"importAs":"my-ng-scroll"}