{"version":3,"sources":["../../src/app/components/dataview/dataview.ts"],"names":["DataView","el","cd","filterService","this","layout","pageLinks","paginatorPosition","alwaysShowPaginator","paginatorDropdownScrollHeight","currentPageReportTemplate","showFirstLastIcon","showPageLinks","emptyMessage","onLazyLoad","EventEmitter","trackBy","index","item","loadingIcon","first","onPage","onSort","onChangeLayout","prototype","ngOnInit","lazy","emit","createLazyLoadMetadata","initialized","ngOnChanges","simpleChanges","value","_value","currentValue","updateTotalRecords","hasFilter","filter","filterValue","sortField","sortOrder","sort","ngAfterContentInit","_this","templates","forEach","getType","listItemTemplate","template","gridItemTemplate","paginatorLeftTemplate","paginatorRightTemplate","paginatorDropdownItemTemplate","headerTemplate","footerTemplate","updateItemTemplate","itemTemplate","changeLayout","markForCheck","totalRecords","length","paginate","event","rows","data1","data2","value1","ObjectUtils","resolveFieldData","value2","result","localeCompare","isEmpty","data","filteredValue","getBlockableElement","nativeElement","children","filterMatchMode","searchFields","filterBy","split","filterLocale","paginator","trim","Component","args","selector","changeDetection","ChangeDetectionStrategy","OnPush","encapsulation","ViewEncapsulation","None","ElementRef","ChangeDetectorRef","FilterService","Input","Output","ContentChild","Header","Footer","ContentChildren","PrimeTemplate","DataViewLayoutOptions","dv","preventDefault","NgModule","imports","CommonModule","SharedModule","PaginatorModule","exports","declarations"],"mappings":"6lBAgJI,SAAAA,EAAmBC,EAAuBC,EAA8BC,GAArDC,KAAAH,GAAAA,EAAuBG,KAAAF,GAAAA,EAA8BE,KAAAD,cAAAA,EA9F/DC,KAAAC,OAAiB,OAQjBD,KAAAE,UAAoB,EAIpBF,KAAAG,kBAA4B,SAE5BH,KAAAI,qBAA+B,EAI/BJ,KAAAK,8BAAwC,QAExCL,KAAAM,0BAAoC,gCAMpCN,KAAAO,mBAA6B,EAE7BP,KAAAQ,eAAyB,EAIzBR,KAAAS,aAAuB,mBAEtBT,KAAAU,WAAgC,IAAIC,EAAAA,aAMrCX,KAAAY,QAAoB,SAACC,EAAeC,GAAc,OAAAA,GAQlDd,KAAAe,YAAsB,gBAEtBf,KAAAgB,MAAgB,EAQfhB,KAAAiB,OAA4B,IAAIN,EAAAA,aAEhCX,KAAAkB,OAA4B,IAAIP,EAAAA,aAEhCX,KAAAmB,eAAoC,IAAIR,EAAAA,oBAkClDf,EAAAwB,UAAAC,SAAA,WACQrB,KAAKsB,MACLtB,KAAKU,WAAWa,KAAKvB,KAAKwB,0BAE9BxB,KAAKyB,aAAc,GAGvB7B,EAAAwB,UAAAM,YAAA,SAAYC,GACJA,EAAcC,QACd5B,KAAK6B,OAASF,EAAcC,MAAME,aAClC9B,KAAK+B,sBAEA/B,KAAKsB,MAAQtB,KAAKgC,aACnBhC,KAAKiC,OAAOjC,KAAKkC,eAIrBP,EAAcQ,WAAaR,EAAcS,aAEpCpC,KAAKsB,OAAQtB,KAAKyB,aACnBzB,KAAKqC,SAKjBzC,EAAAwB,UAAAkB,mBAAA,WAAA,IAAAC,EAAAvC,KACIA,KAAKwC,UAAUC,SAAQ,SAAC3B,GACpB,OAAOA,EAAK4B,WACR,IAAK,WACDH,EAAKI,iBAAmB7B,EAAK8B,SACjC,MAEA,IAAK,WACDL,EAAKM,iBAAmB/B,EAAK8B,SACjC,MAEA,IAAK,gBACDL,EAAKO,sBAAwBhC,EAAK8B,SACtC,MAEA,IAAK,iBACDL,EAAKQ,uBAAyBjC,EAAK8B,SACvC,MAEA,IAAK,wBACDL,EAAKS,8BAAgClC,EAAK8B,SAC9C,MAEA,IAAK,SACDL,EAAKU,eAAiBnC,EAAK8B,SAC/B,MAEA,IAAK,SACDL,EAAKW,eAAiBpC,EAAK8B,aAKvC5C,KAAKmD,sBAGTvD,EAAAwB,UAAA+B,mBAAA,WACI,OAAOnD,KAAKC,QACR,IAAK,OACDD,KAAKoD,aAAepD,KAAK2C,iBAC7B,MAEA,IAAK,OACD3C,KAAKoD,aAAepD,KAAK6C,mBAKrCjD,EAAAwB,UAAAiC,aAAA,SAAapD,GACTD,KAAKC,OAASA,EACdD,KAAKmB,eAAeI,KAAK,CACrBtB,OAAQD,KAAKC,SAEjBD,KAAKmD,qBAELnD,KAAKF,GAAGwD,gBAGZ1D,EAAAwB,UAAAW,mBAAA,WACI/B,KAAKuD,aAAevD,KAAKsB,KAAOtB,KAAKuD,aAAgBvD,KAAK6B,OAAS7B,KAAK6B,OAAO2B,OAAS,GAG5F5D,EAAAwB,UAAAqC,SAAA,SAASC,GACL1D,KAAKgB,MAAQ0C,EAAM1C,MACnBhB,KAAK2D,KAAOD,EAAMC,KAEd3D,KAAKsB,MACLtB,KAAKU,WAAWa,KAAKvB,KAAKwB,0BAG9BxB,KAAKiB,OAAOM,KAAK,CACbP,MAAOhB,KAAKgB,MACZ2C,KAAM3D,KAAK2D,QAInB/D,EAAAwB,UAAAiB,KAAA,WAAA,IAAAE,EAAAvC,KACIA,KAAKgB,MAAQ,EAEThB,KAAKsB,KACLtB,KAAKU,WAAWa,KAAKvB,KAAKwB,0BAErBxB,KAAK4B,QACV5B,KAAK4B,MAAMS,MAAK,SAACuB,EAAOC,GACpB,IAAIC,EAASC,EAAAA,YAAYC,iBAAiBJ,EAAOrB,EAAKJ,WAClD8B,EAASF,EAAAA,YAAYC,iBAAiBH,EAAOtB,EAAKJ,WAClD+B,EAAS,KAab,OAVIA,EADU,MAAVJ,GAA4B,MAAVG,GACR,EACK,MAAVH,GAA4B,MAAVG,EACd,EACM,MAAVH,GAA4B,MAAVG,EACd,EACc,iBAAXH,GAAyC,iBAAXG,EACjCH,EAAOK,cAAcF,GAEpBH,EAASG,GAAW,EAAKH,EAASG,EAAU,EAAI,EAEtD1B,EAAKH,UAAY8B,KAGzBlE,KAAKgC,aACLhC,KAAKiC,OAAOjC,KAAKkC,cAIzBlC,KAAKkB,OAAOK,KAAK,CACbY,UAAWnC,KAAKmC,UAChBC,UAAWpC,KAAKoC,aAIxBxC,EAAAwB,UAAAgD,QAAA,WACI,IAAIC,EAAOrE,KAAKsE,eAAetE,KAAK4B,MACpC,OAAe,MAARyC,GAA+B,GAAfA,EAAKb,QAGhC5D,EAAAwB,UAAAI,uBAAA,WACI,MAAO,CACHR,MAAOhB,KAAKgB,MACZ2C,KAAM3D,KAAK2D,KACXxB,UAAWnC,KAAKmC,UAChBC,UAAWpC,KAAKoC,YAIxBxC,EAAAwB,UAAAmD,oBAAA,WACI,OAAOvE,KAAKH,GAAG2E,cAAcC,SAAS,IAG1C7E,EAAAwB,UAAAa,OAAA,SAAOA,EAAgByC,GAGnB,QAHmB,IAAAA,IAAAA,EAAA,YACnB1E,KAAKkC,YAAcD,EAEfjC,KAAK4B,OAAS5B,KAAK4B,MAAM4B,OAAQ,CACjC,IAAImB,EAAe3E,KAAK4E,SAASC,MAAM,KACvC7E,KAAKsE,cAAgBtE,KAAKD,cAAckC,OAAOjC,KAAK4B,MAAO+C,EAAc1C,EAAQyC,EAAiB1E,KAAK8E,cAEnG9E,KAAKsE,cAAcd,SAAWxD,KAAK4B,MAAM4B,SACzCxD,KAAKsE,cAAgB,MAGrBtE,KAAK+E,YACL/E,KAAKgB,MAAQ,EACbhB,KAAKuD,aAAevD,KAAKsE,cAAgBtE,KAAKsE,cAAcd,OAASxD,KAAK4B,MAAQ5B,KAAK4B,MAAM4B,OAAS,GAG1GxD,KAAKF,GAAGwD,iBAIhB1D,EAAAwB,UAAAY,UAAA,WACI,OAAOhC,KAAKkC,aAAelC,KAAKkC,YAAY8C,OAAOxB,OAAS,4BA5TnEyB,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,aACVvC,SAAU,g2GAmCVwC,gBAAiBC,EAAAA,wBAAwBC,OACzCC,cAAeC,EAAAA,kBAAkBC,uNA7CVC,EAAAA,kBAAgKC,EAAAA,yBAG1IC,EAAAA,iDA+C5CC,EAAAA,yBAEAA,EAAAA,oBAEAA,EAAAA,4BAEAA,EAAAA,yBAEAA,EAAAA,kCAEAA,EAAAA,iCAEAA,EAAAA,mCAEAA,EAAAA,yCAEAA,EAAAA,6CAEAA,EAAAA,yCAEAA,EAAAA,qCAEAA,EAAAA,sCAEAA,EAAAA,iCAEAA,EAAAA,6BAEAA,EAAAA,oBAEAA,EAAAA,4BAEAA,EAAAA,0BAEAC,EAAAA,sBAEAD,EAAAA,0BAEAA,EAAAA,uBAEAA,EAAAA,wBAEAA,EAAAA,4BAEAA,EAAAA,uBAEAA,EAAAA,2BAEAA,EAAAA,qBAEAA,EAAAA,yBAEAA,EAAAA,yBAEAA,EAAAA,qBAEAA,EAAAA,sBAEAC,EAAAA,uBAEAA,EAAAA,+BAEAA,EAAAA,uBAEAC,EAAAA,aAAYb,KAAA,CAACc,EAAAA,wBAEbD,EAAAA,aAAYb,KAAA,CAACe,EAAAA,2BAEbC,EAAAA,gBAAehB,KAAA,CAACiB,EAAAA,mCAoOjB,SAAAC,EAAmBC,GAAArG,KAAAqG,GAAAA,SAEnBD,EAAAhF,UAAAiC,aAAA,SAAaK,EAAczD,GACvBD,KAAKqG,GAAGhD,aAAapD,GACrByD,EAAM4C,2CAvBbrB,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,0BACVvC,SAAU,gsBASV2C,cAAeC,EAAAA,kBAAkBC,kDAQV7F,oCAJtBiG,EAAAA,0BAEAA,EAAAA,eAcL,iCALCU,EAAAA,SAAQrB,KAAA,CAAC,CACNsB,QAAS,CAACC,EAAAA,aAAaC,EAAAA,aAAaC,EAAAA,iBACpCC,QAAS,CAAChH,EAAS8G,EAAAA,aAAaN,GAChCS,aAAc,CAACjH,EAASwG","sourcesContent":["import {NgModule,Component,ElementRef,OnInit,AfterContentInit,Input,Output,EventEmitter,ContentChild,ContentChildren,QueryList,TemplateRef,OnChanges,SimpleChanges,ChangeDetectionStrategy,ChangeDetectorRef, ViewEncapsulation} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ObjectUtils} from 'primeng/utils';\nimport {Header,Footer,PrimeTemplate,SharedModule,FilterService} from 'primeng/api';\nimport {PaginatorModule} from 'primeng/paginator';\nimport {BlockableUI} from 'primeng/api';\n\n@Component({\n    selector: 'p-dataView',\n    template: `\n        <div [ngClass]=\"{'p-dataview p-component': true, 'p-dataview-list': (layout === 'list'), 'p-dataview-grid': (layout === 'grid')}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"p-dataview-loading\" *ngIf=\"loading\">\n                <div class=\"p-dataview-loading-overlay p-component-overlay\">\n                    <i [class]=\"'p-dataview-loading-icon pi-spin ' + loadingIcon\"></i>\n                </div>\n            </div>\n            <div class=\"p-dataview-header\" *ngIf=\"header || headerTemplate\">\n                <ng-content select=\"p-header\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" [alwaysShow]=\"alwaysShowPaginator\"\n                (onPageChange)=\"paginate($event)\" styleClass=\"p-paginator-top\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator && (paginatorPosition === 'top' || paginatorPosition =='both')\"\n                [dropdownAppendTo]=\"paginatorDropdownAppendTo\" [dropdownScrollHeight]=\"paginatorDropdownScrollHeight\" [templateLeft]=\"paginatorLeftTemplate\" [templateRight]=\"paginatorRightTemplate\"\n                [currentPageReportTemplate]=\"currentPageReportTemplate\" [showFirstLastIcon]=\"showFirstLastIcon\" [dropdownItemTemplate]=\"paginatorDropdownItemTemplate\" [showCurrentPageReport]=\"showCurrentPageReport\" [showJumpToPageDropdown]=\"showJumpToPageDropdown\" [showPageLinks]=\"showPageLinks\"></p-paginator>\n            <div class=\"p-dataview-content\">\n                <div class=\"p-grid p-nogutter\">\n                    <ng-template ngFor let-rowData let-rowIndex=\"index\" [ngForOf]=\"paginator ? ((filteredValue||value) | slice:(lazy ? 0 : first):((lazy ? 0 : first) + rows)) : (filteredValue||value)\" [ngForTrackBy]=\"trackBy\">\n                        <ng-container *ngTemplateOutlet=\"itemTemplate; context: {$implicit: rowData, rowIndex: rowIndex}\"></ng-container>\n                    </ng-template>\n                    <div *ngIf=\"isEmpty()\" class=\"p-col\">\n                        <div class=\"p-dataview-emptymessage\">{{emptyMessage}}</div>\n                    </div>\n                </div>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" [alwaysShow]=\"alwaysShowPaginator\"\n                (onPageChange)=\"paginate($event)\" styleClass=\"p-paginator-bottom\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator && (paginatorPosition === 'bottom' || paginatorPosition =='both')\"\n                [dropdownAppendTo]=\"paginatorDropdownAppendTo\" [dropdownScrollHeight]=\"paginatorDropdownScrollHeight\" [templateLeft]=\"paginatorLeftTemplate\" [templateRight]=\"paginatorRightTemplate\"\n                [currentPageReportTemplate]=\"currentPageReportTemplate\" [showFirstLastIcon]=\"showFirstLastIcon\" [dropdownItemTemplate]=\"paginatorDropdownItemTemplate\" [showCurrentPageReport]=\"showCurrentPageReport\" [showJumpToPageDropdown]=\"showJumpToPageDropdown\" [showPageLinks]=\"showPageLinks\"></p-paginator>\n            <div class=\"p-dataview-footer\" *ngIf=\"footer || footerTemplate\">\n                <ng-content select=\"p-footer\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n            </div>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./dataview.css']\n})\nexport class DataView implements OnInit,AfterContentInit,BlockableUI,OnChanges {\n\n    @Input() layout: string = 'list';\n\n    @Input() paginator: boolean;\n\n    @Input() rows: number;\n\n    @Input() totalRecords: number;\n\n    @Input() pageLinks: number = 5;\n\n    @Input() rowsPerPageOptions: any[];\n\n    @Input() paginatorPosition: string = 'bottom';\n\n    @Input() alwaysShowPaginator: boolean = true;\n\n    @Input() paginatorDropdownAppendTo: any;\n\n    @Input() paginatorDropdownScrollHeight: string = '200px';\n\n    @Input() currentPageReportTemplate: string = '{currentPage} of {totalPages}';\n\n    @Input() showCurrentPageReport: boolean;\n\n    @Input() showJumpToPageDropdown: boolean;\n\n    @Input() showFirstLastIcon: boolean = true;\n\n    @Input() showPageLinks: boolean = true;\n\n    @Input() lazy: boolean;\n\n    @Input() emptyMessage: string = 'No records found';\n\n    @Output() onLazyLoad: EventEmitter<any> = new EventEmitter();\n\n    @Input() style: any;\n\n    @Input() styleClass: string;\n\n    @Input() trackBy: Function = (index: number, item: any) => item;\n\n    @Input() filterBy: string;\n\n    @Input() filterLocale: string;\n\n    @Input() loading: boolean;\n\n    @Input() loadingIcon: string = 'pi pi-spinner';\n\n    @Input() first: number = 0;\n\n    @Input() sortField: string;\n\n    @Input() sortOrder: number;\n\n    @Input() value: any[];\n\n    @Output() onPage: EventEmitter<any> = new EventEmitter();\n\n    @Output() onSort: EventEmitter<any> = new EventEmitter();\n\n    @Output() onChangeLayout: EventEmitter<any> = new EventEmitter();\n\n    @ContentChild(Header) header;\n\n    @ContentChild(Footer) footer;\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<any>;\n\n    _value: any[];\n\n    listItemTemplate: TemplateRef<any>;\n\n    gridItemTemplate: TemplateRef<any>;\n\n    itemTemplate: TemplateRef<any>;\n\n    headerTemplate: TemplateRef<any>;\n\n    footerTemplate: TemplateRef<any>;\n\n    paginatorLeftTemplate: TemplateRef<any>;\n\n    paginatorRightTemplate: TemplateRef<any>;\n\n    paginatorDropdownItemTemplate: TemplateRef<any>;\n\n    filteredValue: any[];\n\n    filterValue: string;\n\n    initialized: boolean;\n\n    constructor(public el: ElementRef, public cd: ChangeDetectorRef, public filterService: FilterService) {}\n\n    ngOnInit() {\n        if (this.lazy) {\n            this.onLazyLoad.emit(this.createLazyLoadMetadata());\n        }\n        this.initialized = true;\n    }\n\n    ngOnChanges(simpleChanges: SimpleChanges) {\n        if (simpleChanges.value) {\n            this._value = simpleChanges.value.currentValue;\n            this.updateTotalRecords();\n\n            if (!this.lazy && this.hasFilter()) {\n                this.filter(this.filterValue);\n            }\n        }\n\n        if (simpleChanges.sortField || simpleChanges.sortOrder) {\n            //avoid triggering lazy load prior to lazy initialization at onInit\n            if (!this.lazy || this.initialized) {\n                this.sort();\n            }\n        }\n    }\n\n    ngAfterContentInit() {\n        this.templates.forEach((item) => {\n            switch(item.getType()) {\n                case 'listItem':\n                    this.listItemTemplate = item.template;\n                break;\n\n                case 'gridItem':\n                    this.gridItemTemplate = item.template;\n                break;\n\n                case 'paginatorleft':\n                    this.paginatorLeftTemplate = item.template;\n                break;\n\n                case 'paginatorright':\n                    this.paginatorRightTemplate = item.template;\n                break;\n\n                case 'paginatordropdownitem':\n                    this.paginatorDropdownItemTemplate = item.template;\n                break;\n\n                case 'header':\n                    this.headerTemplate = item.template;\n                break;\n\n                case 'footer':\n                    this.footerTemplate = item.template;\n                break;\n            }\n        });\n\n        this.updateItemTemplate();\n    }\n\n    updateItemTemplate() {\n        switch(this.layout) {\n            case 'list':\n                this.itemTemplate = this.listItemTemplate;\n            break;\n\n            case 'grid':\n                this.itemTemplate = this.gridItemTemplate;\n            break;\n        }\n    }\n\n    changeLayout(layout: string) {\n        this.layout = layout;\n        this.onChangeLayout.emit({\n            layout: this.layout\n        });\n        this.updateItemTemplate();\n\n        this.cd.markForCheck();\n    }\n\n    updateTotalRecords() {\n        this.totalRecords = this.lazy ? this.totalRecords : (this._value ? this._value.length : 0);\n    }\n\n    paginate(event) {\n        this.first = event.first;\n        this.rows = event.rows;\n\n        if (this.lazy) {\n            this.onLazyLoad.emit(this.createLazyLoadMetadata());\n        }\n\n        this.onPage.emit({\n            first: this.first,\n            rows: this.rows\n        });\n    }\n\n    sort() {\n        this.first = 0;\n\n        if (this.lazy) {\n            this.onLazyLoad.emit(this.createLazyLoadMetadata());\n        }\n        else if (this.value) {\n            this.value.sort((data1, data2) => {\n                let value1 = ObjectUtils.resolveFieldData(data1, this.sortField);\n                let value2 = ObjectUtils.resolveFieldData(data2, this.sortField);\n                let result = null;\n\n                if (value1 == null && value2 != null)\n                    result = -1;\n                else if (value1 != null && value2 == null)\n                    result = 1;\n                else if (value1 == null && value2 == null)\n                    result = 0;\n                else if (typeof value1 === 'string' && typeof value2 === 'string')\n                    result = value1.localeCompare(value2);\n                else\n                    result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;\n\n                return (this.sortOrder * result);\n            });\n\n            if (this.hasFilter()) {\n                this.filter(this.filterValue);\n            }\n        }\n\n        this.onSort.emit({\n            sortField: this.sortField,\n            sortOrder: this.sortOrder\n        });\n    }\n\n    isEmpty() {\n        let data = this.filteredValue||this.value;\n        return data == null || data.length == 0;\n    }\n\n    createLazyLoadMetadata(): any {\n        return {\n            first: this.first,\n            rows: this.rows,\n            sortField: this.sortField,\n            sortOrder: this.sortOrder\n        };\n    }\n\n    getBlockableElement(): HTMLElement {\n        return this.el.nativeElement.children[0];\n    }\n\n    filter(filter: string, filterMatchMode:string =\"contains\") {\n        this.filterValue = filter;\n\n        if (this.value && this.value.length) {\n            let searchFields = this.filterBy.split(',');\n            this.filteredValue = this.filterService.filter(this.value, searchFields, filter, filterMatchMode, this.filterLocale);\n\n            if (this.filteredValue.length === this.value.length ) {\n                this.filteredValue = null;\n            }\n\n            if (this.paginator) {\n                this.first = 0;\n                this.totalRecords = this.filteredValue ? this.filteredValue.length : this.value ? this.value.length : 0;\n            }\n\n            this.cd.markForCheck();\n        }\n    }\n\n    hasFilter() {\n        return this.filterValue && this.filterValue.trim().length > 0;\n    }\n}\n\n@Component({\n    selector: 'p-dataViewLayoutOptions',\n    template: `\n        <div [ngClass]=\"'p-dataview-layout-options p-selectbutton p-buttonset'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <button type=\"button\" class=\"p-button p-button-icon-only\" [ngClass]=\"{'p-highlight': dv.layout === 'list'}\" (click)=\"changeLayout($event, 'list')\" (keydown.enter)=\"changeLayout($event, 'list')\">\n                <i class=\"pi pi-bars\"></i>\n            </button><button type=\"button\" class=\"p-button p-button-icon-only\" [ngClass]=\"{'p-highlight': dv.layout === 'grid'}\" (click)=\"changeLayout($event, 'grid')\" (keydown.enter)=\"changeLayout($event, 'grid')\">\n                <i class=\"pi pi-th-large\"></i>\n            </button>\n        </div>\n    `,\n    encapsulation: ViewEncapsulation.None\n})\nexport class DataViewLayoutOptions  {\n\n    @Input() style: any;\n\n    @Input() styleClass: string;\n\n    constructor(public dv: DataView) {}\n\n    changeLayout(event: Event, layout: string) {\n        this.dv.changeLayout(layout);\n        event.preventDefault();\n    }\n}\n@NgModule({\n    imports: [CommonModule,SharedModule,PaginatorModule],\n    exports: [DataView,SharedModule,DataViewLayoutOptions],\n    declarations: [DataView,DataViewLayoutOptions]\n})\nexport class DataViewModule { }\n"]}