7427.81bb7b58188a760d.js

"use strict";(self.webpackChunknp_ui_lib_app=self.webpackChunknp_ui_lib_app||[]).push([[7427],{7427:(ht,k,u)=>{u.r(k),u.d(k,{NpDataGridDemoModule:()=>x});var c=u(433),m=u(6895),O=u(8379),t=u(4650);class Z{constructor(){}ngOnInit(){}static#t=this.\u0275fac=function(a){return new(a||Z)};static#e=this.\u0275cmp=t.Xpm({type:Z,selectors:[["app-np-data-grid-demo"]],decls:1,vars:0,template:function(a,n){1&a&&t._UZ(0,"router-outlet")},dependencies:[O.lC],encapsulation:2})}var e=u(5499),d=u(1135),I=u(529);class s{constructor(i){this.httpClient=i}getAll(){return this.httpClient.get("/getAllUsers")}getDataUsingLoadOptions(i){return this.httpClient.post("/getAllUsers",i)}updateFirstName(i){return this.httpClient.post("/updateUsers",i)}static#t=this.\u0275fac=function(a){return new(a||s)(t.LFG(I.eN))};static#e=this.\u0275prov=t.Yz7({token:s,factory:s.\u0275fac,providedIn:"root"})}class _{constructor(i){this.dataService=i,this.htmlText='<np-data-grid [columns]="gridColumns" [dataSource]="gridDataSource">\n</np-data-grid>',this.gridColumnText="this.gridColumns = [\n    new Column({ dataField: 'Id', visible: true, caption: 'Id', dataType: DataTypes.Number }),\n    new Column({ dataField: 'FirstName', visible: true, caption: 'First Name', dataType: DataTypes.String }),\n    new Column({ dataField: 'LastName', visible: true, caption: 'Last Name', dataType: DataTypes.String }),\n    new Column({ dataField: 'BirthDate', visible: true, caption: 'Birth Date', dataType: DataTypes.Date }),\n    new Column({ dataField: 'Age', visible: true, caption: 'Age', dataType: DataTypes.Number }),\n    new Column({ dataField: 'Active', visible: true, caption: 'Is Active?', dataType: DataTypes.Boolean })\n];",this.gridDataSourceText="gridDataSource: BehaviorSubject<DataSource> = new BehaviorSubject(null);\n\nthis.dataService.getAll().subscribe((data: any) => {\n  // for client side pass total as 0, as it will calculate total from length of array.\n  const dataSource = new DataSource(data, 0, null, options.isAllPages);\n  this.gridDataSource.next(dataSource);\n});",this.gridDataSource=new d.X(null)}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean})],this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}static#t=this.\u0275fac=function(a){return new(a||_)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:_,selectors:[["app-client-grid"]],decls:23,vars:5,consts:[[1,"page-header"],[1,"np-jumbotron"],[3,"columns","dataSource"]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Client side Basic data grid example"),t.qZA(),t.TgZ(2,"div",1)(3,"pre")(4,"code"),t._uU(5),t.qZA()()(),t.TgZ(6,"p"),t._uU(7," To set client side operations in data grid, add "),t.TgZ(8,"b"),t._uU(9,"columns"),t.qZA(),t._uU(10," and "),t.TgZ(11,"b"),t._uU(12,"dataSource"),t.qZA(),t._uU(13," in grid definition\n"),t.qZA(),t.TgZ(14,"div",1)(15,"pre")(16,"code"),t._uU(17),t.qZA()()(),t.TgZ(18,"div",1)(19,"pre")(20,"code"),t._uU(21),t.qZA()()(),t._UZ(22,"np-data-grid",2)),2&a&&(t.xp6(5),t.Oqu(n.htmlText),t.xp6(12),t.Oqu(n.gridColumnText),t.xp6(4),t.Oqu(n.gridDataSourceText),t.xp6(1),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource))},dependencies:[e.lN],encapsulation:2})}class T{constructor(i){this.dataService=i,this.htmlText='<np-data-grid [columns]="gridColumns" [dataSource]="gridDataSource" [isServerOperations]="true" (onLoadData)="onLoadData($event)">\n</np-data-grid>',this.gridDataSourceText="gridDataSource: BehaviorSubject<DataSource> = new BehaviorSubject(null);\n\nonLoadData(options: LoadOptions) {\n  this.dataService.getDataUsingLoadOptions(options).subscribe((data: any) => {\n    const result = new DataSource(data.data, data.total, null, options.isAllPages);\n    this.gridDataSource.next(result);\n  });\n}",this.gridDataSource=new d.X(null),this.currentLoadOptions=new e.ri}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean})]}onLoadData(i){setTimeout(()=>{this.currentLoadOptions=i},0),this.dataService.getDataUsingLoadOptions(i).subscribe(a=>{const n=new e.o2(a.data,a.total,null,i.isAllPages);this.gridDataSource.next(n)})}static#t=this.\u0275fac=function(a){return new(a||T)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:T,selectors:[["app-server-grid"]],decls:62,vars:12,consts:[[1,"page-header"],[1,"np-jumbotron"],["type","info"],[3,"columns","dataSource","isServerOperations","onLoadData"]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Server side Basic data grid example"),t.qZA(),t.TgZ(2,"p"),t._uU(3," To add server side operations in data grid, set "),t.TgZ(4,"b"),t._uU(5,"isServerOperations"),t.qZA(),t._uU(6,' to "true" in grid definition\n'),t.qZA(),t.TgZ(7,"p"),t._uU(8," And also add method "),t.TgZ(9,"b"),t._uU(10,"onLoadData(options:LoadOptions)"),t.qZA(),t._uU(11,". This method will be invoked every time to fetch data.\n"),t.qZA(),t.TgZ(12,"div",1)(13,"pre")(14,"code"),t._uU(15),t.qZA()()(),t.TgZ(16,"div",1)(17,"pre")(18,"code"),t._uU(19),t.qZA()()(),t.TgZ(20,"p")(21,"b"),t._uU(22,"LoadOptions"),t.qZA(),t._uU(23," has below properties:"),t.qZA(),t.TgZ(24,"ul")(25,"li")(26,"b"),t._uU(27,"pageNumber"),t.qZA()(),t.TgZ(28,"li")(29,"b"),t._uU(30,"pageSize"),t.qZA()(),t.TgZ(31,"li")(32,"b"),t._uU(33,"sortColumns"),t.qZA(),t._uU(34," (This will contains array of all sort columns as "),t.TgZ(35,"q"),t._uU(36),t.qZA(),t._uU(37,") "),t.qZA(),t.TgZ(38,"li")(39,"b"),t._uU(40,"filterColumns"),t.qZA(),t._uU(41," (This will contains array of all filter columns as "),t.TgZ(42,"q"),t._uU(43),t.qZA(),t._uU(44,") "),t.qZA(),t.TgZ(45,"li")(46,"b"),t._uU(47,"odataQuery"),t.qZA(),t._uU(48," (If "),t.TgZ(49,"b"),t._uU(50,"isODataOperations"),t.qZA(),t._uU(51,' is set to "true", then oDataQuery will be passed here.) '),t.qZA(),t.TgZ(52,"li")(53,"b"),t._uU(54,"isAllPages"),t.qZA(),t._uU(55,' (This will be used for server side export to CSV functionality, default value is "false") '),t.qZA()(),t.TgZ(56,"np-alert",2),t._uU(57," Options:"),t.TgZ(58,"code"),t._uU(59),t.ALo(60,"json"),t.qZA()(),t.TgZ(61,"np-data-grid",3),t.NdJ("onLoadData",function(l){return n.onLoadData(l)}),t.qZA()),2&a&&(t.xp6(15),t.Oqu(n.htmlText),t.xp6(4),t.Oqu(n.gridDataSourceText),t.xp6(17),t.AsE("","{"," column : string, sortDirection: string ","}",""),t.xp6(7),t.AsE("","{"," column : string, filterOperator: string, filterValue: string, dataType: string ","}",""),t.xp6(16),t.Oqu(t.lcZ(60,10,n.currentLoadOptions)),t.xp6(2),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("isServerOperations",!0))},dependencies:[e.lN,e.r5,m.Ts],encapsulation:2})}class A{constructor(i){this.dataService=i,this.multiColumnSortEnable=!1}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number,sortEnable:!0}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String,sortEnable:!0}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String,sortEnable:!0}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date,sortEnable:!0}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number,sortEnable:!0}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean,sortEnable:!0})],this.gridDataSource=new d.X(null),this.serverGridDataSource=new d.X(null),this.onLoadData()}onLoadData(){this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}onLoadDataServerGrid(i){setTimeout(()=>{this.currentLoadOptions=i},0),this.dataService.getDataUsingLoadOptions(i).subscribe(a=>{const n=new e.o2(a.data,a.total,{totalCount:1e4},i.isAllPages);this.serverGridDataSource.next(n)})}static#t=this.\u0275fac=function(a){return new(a||A)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:A,selectors:[["app-sorting-grid"]],decls:21,vars:11,consts:[[1,"page-header"],[3,"ngModel","ngModelChange"],[3,"columns","dataSource","multiColumnSortEnable"],["type","info"],[3,"columns","dataSource","isServerOperations","multiColumnSortEnable","onLoadData"]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Sorting example"),t.qZA(),t.TgZ(2,"p"),t._uU(3," To add sorting in data grid set "),t.TgZ(4,"b"),t._uU(5,"sortEnable"),t.qZA(),t._uU(6,' to "true" in column definitions.\n'),t.qZA(),t.TgZ(7,"span"),t._uU(8," To set multi column sort enable: "),t.TgZ(9,"np-switch",1),t.NdJ("ngModelChange",function(l){return n.multiColumnSortEnable=l}),t.qZA()(),t.TgZ(10,"h3"),t._uU(11,"Client side sorting"),t.qZA(),t._UZ(12,"np-data-grid",2),t.TgZ(13,"h3"),t._uU(14,"Server side sorting"),t.qZA(),t.TgZ(15,"np-alert",3),t._uU(16," Options: "),t.TgZ(17,"code"),t._uU(18),t.ALo(19,"json"),t.qZA()(),t.TgZ(20,"np-data-grid",4),t.NdJ("onLoadData",function(l){return n.onLoadDataServerGrid(l)}),t.qZA()),2&a&&(t.xp6(9),t.Q6J("ngModel",n.multiColumnSortEnable),t.xp6(3),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("multiColumnSortEnable",n.multiColumnSortEnable),t.xp6(6),t.Oqu(t.lcZ(19,9,n.currentLoadOptions)),t.xp6(2),t.Q6J("columns",n.gridColumns)("dataSource",n.serverGridDataSource)("isServerOperations",!0)("multiColumnSortEnable",n.multiColumnSortEnable))},dependencies:[e.lN,c.JJ,c.On,e.Mc,e.r5,m.Ts],encapsulation:2})}class h{constructor(i){this.dataService=i,this.showFilters=!0}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number,filterEnable:!0}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String,filterEnable:!0}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String,filterEnable:!0}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date,filterEnable:!0}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number,filterEnable:!0}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean,filterEnable:!0})],this.gridDataSource=new d.X(null),this.serverGridDataSource=new d.X(null),this.onLoadData()}onLoadData(){this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}onLoadDataServerGrid(i){setTimeout(()=>{this.currentLoadOptions=i},0),this.dataService.getDataUsingLoadOptions(i).subscribe(a=>{const n=new e.o2(a.data,a.total,{totalCount:1e4},i.isAllPages);this.serverGridDataSource.next(n)})}static#t=this.\u0275fac=function(a){return new(a||h)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:h,selectors:[["app-filter-grid"]],decls:21,vars:11,consts:[[1,"page-header"],[3,"ngModel","ngModelChange"],[3,"columns","dataSource","showFilters"],["type","info"],[3,"columns","dataSource","isServerOperations","showFilters","onLoadData"]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Filters example"),t.qZA(),t.TgZ(2,"p"),t._uU(3," To add filters in data grid set "),t.TgZ(4,"b"),t._uU(5,"filterEnable"),t.qZA(),t._uU(6,' to "true" in column definitions.\n'),t.qZA(),t.TgZ(7,"p"),t._uU(8," Show filters: "),t.TgZ(9,"np-switch",1),t.NdJ("ngModelChange",function(l){return n.showFilters=l}),t.qZA()(),t.TgZ(10,"h3"),t._uU(11,"Client Side Filtering"),t.qZA(),t._UZ(12,"np-data-grid",2),t.TgZ(13,"h3"),t._uU(14,"Server Side Filtering"),t.qZA(),t.TgZ(15,"np-alert",3),t._uU(16," Options:"),t.TgZ(17,"code"),t._uU(18),t.ALo(19,"json"),t.qZA()(),t.TgZ(20,"np-data-grid",4),t.NdJ("onLoadData",function(l){return n.onLoadDataServerGrid(l)}),t.qZA()),2&a&&(t.xp6(9),t.Q6J("ngModel",n.showFilters),t.xp6(3),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("showFilters",n.showFilters),t.xp6(6),t.Oqu(t.lcZ(19,9,n.currentLoadOptions)),t.xp6(2),t.Q6J("columns",n.gridColumns)("dataSource",n.serverGridDataSource)("isServerOperations",!0)("showFilters",n.showFilters))},dependencies:[e.lN,c.JJ,c.On,e.Mc,e.r5,m.Ts],encapsulation:2})}const L=["actionButtonsTemplate"],R=["birthDateColumnTemplate"],B=["activeColumnTemplate"],M=["avatarColumnTemplate"];function J(r,i){if(1&r){const a=t.EpF();t.TgZ(0,"div",7)(1,"button",8),t.NdJ("click",function(o){const g=t.CHM(a).row,p=t.oxw();return t.KtG(p.onActionClick(g,"Edit",o))}),t._UZ(2,"i",9),t.qZA(),t.TgZ(3,"button",10),t.NdJ("click",function(o){const g=t.CHM(a).row,p=t.oxw();return t.KtG(p.onActionClick(g,"Delete",o))}),t._UZ(4,"i",11),t.qZA()()}}function Q(r,i){1&r&&(t._uU(0),t.ALo(1,"date")),2&r&&t.hij(" ",t.xi3(1,1,i.row.BirthDate,"dd/MM/yyyy"),"\n")}function P(r,i){1&r&&(t.TgZ(0,"span",14),t._uU(1,"Yes"),t.qZA())}function Y(r,i){1&r&&(t.TgZ(0,"span",15),t._uU(1,"No"),t.qZA())}function X(r,i){if(1&r&&(t.YNc(0,P,2,0,"span",12),t.YNc(1,Y,2,0,"span",13)),2&r){const a=i.row;t.Q6J("ngIf",a.Active),t.xp6(1),t.Q6J("ngIf",!a.Active)}}function z(r,i){1&r&&t._UZ(0,"img",16)}class b{constructor(i){this.dataService=i,this.htmlText='<ng-template #activeColumnTemplate let-row="row">\n  <np-switch [(ngModel)]="row.Active" trueLabelText="Yes" falseLabelText="No" [readOnly]="true"></np-switch>\n</ng-template>',this.templateText="@ViewChild('actionButtonsTemplate', { static: true }) actionButtonsTemplate: TemplateRef<any>;",this.columnText="new Column({ dataField: 'Active', visible: true, caption: 'Is Active?', \n  dataType: DataTypes.Boolean, sortEnable: true, filterEnable: true, cellTemplate: this.activeColumnTemplate }),",this.gridDataSource=new d.X(null)}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0,width:100}),new e.sg({visible:!0,caption:"Photo",cellTemplate:this.avatarColumnTemplate,width:50}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date,sortEnable:!0,filterEnable:!0,cellTemplate:this.birthDateColumnTemplate}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean,sortEnable:!0,filterEnable:!0,cellTemplate:this.activeColumnTemplate,width:100,trueFilterText:"Yes",falseFilterText:"No"}),new e.sg({visible:!0,cellTemplate:this.actionButtonsTemplate,width:80})],this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}onActionClick(i,a,n){alert("Action type is : "+a+", Row key value: "+i.Id)}static#t=this.\u0275fac=function(a){return new(a||b)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:b,selectors:[["app-celltemplate-grid"]],viewQuery:function(a,n){if(1&a&&(t.Gf(L,7),t.Gf(R,7),t.Gf(B,7),t.Gf(M,7)),2&a){let o;t.iGM(o=t.CRH())&&(n.actionButtonsTemplate=o.first),t.iGM(o=t.CRH())&&(n.birthDateColumnTemplate=o.first),t.iGM(o=t.CRH())&&(n.activeColumnTemplate=o.first),t.iGM(o=t.CRH())&&(n.avatarColumnTemplate=o.first)}},decls:41,vars:5,consts:[[1,"page-header"],[1,"np-jumbotron"],[3,"columns","dataSource"],["actionButtonsTemplate",""],["birthDateColumnTemplate",""],["activeColumnTemplate",""],["avatarColumnTemplate",""],[1,"np-btn-group"],[1,"np-btn-icon","np-btn-primary",3,"click"],[1,"fa","fa-edit"],[1,"np-btn-icon","np-btn-danger",3,"click"],[1,"fa","fa-trash"],["class","np-badge np-badge-success",4,"ngIf"],["class","np-badge np-badge-danger",4,"ngIf"],[1,"np-badge","np-badge-success"],[1,"np-badge","np-badge-danger"],["src","../../assets/images/img_avatar.png",1,"np-avatar-small"]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Cell template example"),t.qZA(),t.TgZ(2,"p"),t._uU(3," To add cell template in data grid add "),t.TgZ(4,"b"),t._uU(5,"<ng-template>"),t.qZA(),t._uU(6," in html file and get that template as "),t.TgZ(7,"b"),t._uU(8,"TemplateRef<any> in component"),t.qZA()(),t.TgZ(9,"p"),t._uU(10," Now set that template reference in "),t.TgZ(11,"b"),t._uU(12,"cellTemplate"),t.qZA(),t._uU(13," property in column definitions\n"),t.qZA(),t.TgZ(14,"b"),t._uU(15,"In HTML file:"),t.qZA(),t.TgZ(16,"div",1)(17,"pre")(18,"code"),t._uU(19),t.qZA()()(),t.TgZ(20,"b"),t._uU(21,"In Component file:"),t.qZA(),t.TgZ(22,"div",1)(23,"pre")(24,"code"),t._uU(25),t.qZA()()(),t.TgZ(26,"b"),t._uU(27,"In Column definition:"),t.qZA(),t.TgZ(28,"div",1)(29,"pre")(30,"code"),t._uU(31),t.qZA()()(),t._UZ(32,"np-data-grid",2),t.YNc(33,J,5,0,"ng-template",null,3,t.W1O),t.YNc(35,Q,2,4,"ng-template",null,4,t.W1O),t.YNc(37,X,2,2,"ng-template",null,5,t.W1O),t.YNc(39,z,1,0,"ng-template",null,6,t.W1O)),2&a&&(t.xp6(19),t.Oqu(n.htmlText),t.xp6(6),t.Oqu(n.templateText),t.xp6(6),t.Oqu(n.columnText),t.xp6(1),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource))},dependencies:[e.lN,m.O5,m.uU],encapsulation:2})}class U{constructor(i){this.dataService=i,this.gridDataSource=new d.X(null)}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"FirstName",visible:!1,caption:"First Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean,sortEnable:!0,filterEnable:!0})],this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}static#t=this.\u0275fac=function(a){return new(a||U)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:U,selectors:[["app-toolbar-grid"]],decls:43,vars:5,consts:[[1,"page-header"],[1,"np-text-info"],[3,"columns","dataSource","showToolBar","allowExport","showColumnChooser"]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Toolbar , Column chooser, Export to CSV example"),t.qZA(),t.TgZ(2,"p"),t._uU(3," To show tool bar in data grid, set "),t.TgZ(4,"b"),t._uU(5,"showToolBar"),t.qZA(),t._uU(6,' to "true" in grid definition\n'),t.qZA(),t.TgZ(7,"h3"),t._uU(8,"For column chooser:"),t.qZA(),t.TgZ(9,"p"),t._uU(10," To show show Column Chooser in tool bar, set "),t.TgZ(11,"b"),t._uU(12,"showColumnChooser"),t.qZA(),t._uU(13,' to "true". '),t._UZ(14,"br"),t._uU(15," Column chooser will help to show/hide columns in data grid.\n"),t.qZA(),t.TgZ(16,"h3"),t._uU(17,"For toggle filters:"),t.qZA(),t.TgZ(18,"p"),t._uU(19," If any column has "),t.TgZ(20,"b"),t._uU(21,"filterEnable"),t.qZA(),t._uU(22,' set to "true", then toggle filter button will be visible in tool bar\n'),t.qZA(),t.TgZ(23,"h3"),t._uU(24,"For Export to csv:"),t.qZA(),t.TgZ(25,"p"),t._uU(26," To show export to CSV button in tool bar, set "),t.TgZ(27,"b"),t._uU(28,"allowExport"),t.qZA(),t._uU(29,' to "true"\n'),t.qZA(),t.TgZ(30,"p",1),t._uU(31," In export to CSV in client side, it will download file with all pages data\n"),t.qZA(),t.TgZ(32,"p",1),t._uU(33," In server side it will make an extra call to "),t.TgZ(34,"b"),t._uU(35,"onLoadData(option:LoadOptions)"),t.qZA(),t._uU(36," method. "),t._UZ(37,"br"),t._uU(38," In this method's option parameter, "),t.TgZ(39,"b"),t._uU(40,"isAllPages"),t.qZA(),t._uU(41,' is passed as true, which needs to be pass in "next()" method of dataSource as "isAllPages = true".\n'),t.qZA(),t._UZ(42,"np-data-grid",2)),2&a&&(t.xp6(42),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("showToolBar",!0)("allowExport",!0)("showColumnChooser",!0))},dependencies:[e.lN],encapsulation:2})}class S{constructor(i){this.dataService=i,this.gridDataSource=new d.X(null)}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0,rightAlignText:!0}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean,sortEnable:!0,filterEnable:!0,styleClass:"np-text-danger"})],this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}onCellClick(i,a,n){alert("Column: "+a.dataField+" , rowKey:"+n.Id)}static#t=this.\u0275fac=function(a){return new(a||S)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:S,selectors:[["app-columns-grid"]],decls:3,vars:6,consts:[[1,"page-header"],[3,"columns","dataSource","showToolBar","showColumnChooser","allowColumnResize","allowColumnReorder"]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Columns Reorder/Resize and other column properties"),t.qZA(),t._UZ(2,"np-data-grid",1)),2&a&&(t.xp6(2),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("showToolBar",!0)("showColumnChooser",!0)("allowColumnResize",!0)("allowColumnReorder",!0))},dependencies:[e.lN],encapsulation:2})}const H=["singleSelectGrid"],j=["multiSelectGrid"];class q{constructor(i){this.dataService=i,this.gridDataSource=new d.X(null)}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean})],this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}onSelectRow(i){console.log("Selected rows:"+i)}onDeselectRow(i){console.log("Deselected rows:"+i)}getSelectedRows(){const i=this.singleSelectGrid.getSelectedRowKeys();alert(i)}getMultiSelectedRows(){const i=this.multiSelectGrid.getSelectedRowKeys();alert(i)}deselectAll(){this.multiSelectGrid.deselectAll()}selectAll(){this.multiSelectGrid.selectAll()}static#t=this.\u0275fac=function(a){return new(a||q)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:q,selectors:[["app-row-select-grid"]],viewQuery:function(a,n){if(1&a&&(t.Gf(H,7),t.Gf(j,7)),2&a){let o;t.iGM(o=t.CRH())&&(n.singleSelectGrid=o.first),t.iGM(o=t.CRH())&&(n.multiSelectGrid=o.first)}},decls:37,vars:7,consts:[[1,"page-header"],["type","info"],[3,"columns","dataSource","singleRowSelectEnable"],["singleSelectGrid",""],[1,"np-btn-group"],[1,"np-btn",3,"click"],[3,"columns","dataSource","multiRowSelectEnable","selectRowOnClick","onSelect","onDeselect"],["multiSelectGrid",""]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Row selection example"),t.qZA(),t.TgZ(2,"p"),t._uU(3," To set single row selection, set "),t.TgZ(4,"b"),t._uU(5,"singleRowSelectEnable"),t.qZA(),t._uU(6,' to "true" in grid definition\n'),t.qZA(),t.TgZ(7,"p"),t._uU(8," To set multi row selection, set "),t.TgZ(9,"b"),t._uU(10,"multiRowSelectEnable"),t.qZA(),t._uU(11,' to "true" in grid definition\n'),t.qZA(),t.TgZ(12,"np-alert",1),t._uU(13," For select all, in server side operations only those rows will be selected which are fetched through API using pagination, in client side all rows will be selected.\n"),t.qZA(),t.TgZ(14,"p"),t._uU(15,"Set "),t.TgZ(16,"b"),t._uU(17,"selectRowOnClick"),t.qZA(),t._uU(18,' to "true" for selecting row on row click.'),t.qZA(),t.TgZ(19,"h4"),t._uU(20,"Single Row Selection"),t.qZA(),t._UZ(21,"np-data-grid",2,3),t.TgZ(23,"div",4)(24,"button",5),t.NdJ("click",function(){return n.getSelectedRows()}),t._uU(25,"Get Selected Row"),t.qZA()(),t.TgZ(26,"h4"),t._uU(27,"Multi Row Selection"),t.qZA(),t.TgZ(28,"np-data-grid",6,7),t.NdJ("onSelect",function(l){return n.onSelectRow(l)})("onDeselect",function(l){return n.onDeselectRow(l)}),t.qZA(),t.TgZ(30,"div",4)(31,"button",5),t.NdJ("click",function(){return n.getMultiSelectedRows()}),t._uU(32," Get Selected Row "),t.qZA(),t.TgZ(33,"button",5),t.NdJ("click",function(){return n.selectAll()}),t._uU(34,"Select all Rows"),t.qZA(),t.TgZ(35,"button",5),t.NdJ("click",function(){return n.deselectAll()}),t._uU(36,"Deselect all Rows"),t.qZA()()),2&a&&(t.xp6(21),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("singleRowSelectEnable",!0),t.xp6(7),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("multiRowSelectEnable",!0)("selectRowOnClick",!0))},dependencies:[e.lN,e.r5],encapsulation:2})}function K(r,i){if(1&r&&(t.TgZ(0,"span")(1,"b"),t._uU(2,"Name: "),t.qZA(),t._uU(3),t.qZA(),t._UZ(4,"br"),t.TgZ(5,"span")(6,"b"),t._uU(7,"Age: "),t.qZA(),t._uU(8),t.qZA(),t._UZ(9,"br"),t.TgZ(10,"span")(11,"b"),t._uU(12,"Birth Date: "),t.qZA(),t._uU(13),t.ALo(14,"date"),t.qZA()),2&r){const a=i.row;t.xp6(3),t.AsE("",a.FirstName," ",a.LastName,""),t.xp6(5),t.hij("",a.Age," years"),t.xp6(5),t.Oqu(t.xi3(14,4,a.BirthDate,"dd/MM/yyyy"))}}class w{constructor(i){this.dataService=i,this.gridDataSource=new d.X(null),this.singleRowExpand=!1}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean})],this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}static#t=this.\u0275fac=function(a){return new(a||w)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:w,selectors:[["app-master-detail-grid"]],decls:14,vars:6,consts:[[1,"page-header"],[3,"ngModel","ngModelChange"],[3,"columns","dataSource","masterDetailTemplate","singleRowExpand","expandRowOnClick"],["masterDetailTemplate",""]],template:function(a,n){if(1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Master Detail example"),t.qZA(),t.TgZ(2,"p"),t._uU(3," To set master details in data grid, set "),t.TgZ(4,"b"),t._uU(5,"masterDetailTemplate"),t.qZA(),t._uU(6," in grid definition\n"),t.qZA(),t.TgZ(7,"div"),t._uU(8," Set single row expand mode "),t.TgZ(9,"np-switch",1),t.NdJ("ngModelChange",function(l){return n.singleRowExpand=l}),t.qZA()(),t._UZ(10,"br")(11,"np-data-grid",2),t.YNc(12,K,15,7,"ng-template",null,3,t.W1O)),2&a){const o=t.MAs(13);t.xp6(9),t.Q6J("ngModel",n.singleRowExpand),t.xp6(2),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("masterDetailTemplate",o)("singleRowExpand",n.singleRowExpand)("expandRowOnClick",!0)}},dependencies:[e.lN,c.JJ,c.On,e.Mc,m.uU],encapsulation:2})}function V(r,i){if(1&r&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&r){const a=i.summary;t.xp6(1),t.hij("Total:",a?a.totalCount:0,"")}}class f{constructor(i){this.dataService=i,this.gridDataSource=new d.X(null)}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean})],this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}static#t=this.\u0275fac=function(a){return new(a||f)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:f,selectors:[["app-summary-grid"]],decls:18,vars:4,consts:[[1,"page-header"],[3,"columns","dataSource","showSummary","summaryTemplate"],["summaryTemplate",""]],template:function(a,n){if(1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Summary example"),t.qZA(),t.TgZ(2,"p"),t._uU(3," Set "),t.TgZ(4,"b"),t._uU(5,"showSummary"),t.qZA(),t._uU(6," and "),t.TgZ(7,"b"),t._uU(8,"summaryTemplate"),t.qZA(),t._uU(9," in data grid definition.\n"),t.qZA(),t.TgZ(10,"p"),t._uU(11,"Pass "),t.TgZ(12,"b"),t._uU(13,"DataSource.summary"),t.qZA(),t._uU(14," property in data source."),t.qZA(),t._UZ(15,"np-data-grid",1),t.YNc(16,V,2,1,"ng-template",null,2,t.W1O)),2&a){const o=t.MAs(17);t.xp6(15),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("showSummary",!0)("summaryTemplate",o)}},dependencies:[e.lN],encapsulation:2})}const W=["stateManagementGrid"];class C{constructor(i){this.dataService=i,this.isReadOnlyStates=!1,this.gridDataSource=new d.X(null)}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,dataType:e.oS.Number,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"Age",visible:!0,dataType:e.oS.Number,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean,sortEnable:!0,filterEnable:!0})],this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}onStatesUpdate(i){console.log(i),localStorage.setItem("statemanagementgrid",JSON.stringify(this.stateManagementGrid.getAllState()))}onInitDataGrid(){const i=localStorage.getItem("statemanagementgrid");if(i)this.stateManagementGrid.setAllState(JSON.parse(i));else{const a=[new e.sg({dataField:"Id",visible:!1,dataType:e.oS.Number,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0,sortDirection:e.fF.Ascending}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"Age",visible:!0,dataType:e.oS.Number,sortEnable:!0,filterEnable:!0,filterOperator:e.Kp.GreaterThan,filterValue:"40"}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean,sortEnable:!0,filterEnable:!0})],n=new e.ZM("Age more than 40",a);this.stateManagementGrid.setAllState([n])}}loadStateByName(){this.stateManagementGrid.loadStateByName("Age more than 40")}static#t=this.\u0275fac=function(a){return new(a||C)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:C,selectors:[["app-state-management-grid"]],viewQuery:function(a,n){if(1&a&&t.Gf(W,7),2&a){let o;t.iGM(o=t.CRH())&&(n.stateManagementGrid=o.first)}},decls:15,vars:8,consts:[[1,"page-header"],[3,"ngModel","ngModelChange"],[1,"np-btn",3,"click"],[3,"columns","dataSource","showToolBar","enableStateStoring","showColumnChooser","isReadOnlyStates","onInit","onStatesUpdate"],["stateManagementGrid",""]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"State management example"),t.qZA(),t.TgZ(2,"p"),t._uU(3," Set "),t.TgZ(4,"b"),t._uU(5,"isReadOnlyStates"),t.qZA(),t._uU(6," to true, for removing add/edit/delete states. "),t.TgZ(7,"np-switch",1),t.NdJ("ngModelChange",function(l){return n.isReadOnlyStates=l}),t.qZA()(),t.TgZ(8,"p")(9,"button",2),t.NdJ("click",function(){return n.loadStateByName()}),t._uU(10,"Load state by Api"),t.qZA()(),t.TgZ(11,"p"),t._uU(12,"Check console to see parameters passed in onStatesUpdate method"),t.qZA(),t.TgZ(13,"np-data-grid",3,4),t.NdJ("onInit",function(){return n.onInitDataGrid()})("onStatesUpdate",function(l){return n.onStatesUpdate(l)}),t.qZA()),2&a&&(t.xp6(7),t.Q6J("ngModel",n.isReadOnlyStates),t.xp6(6),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("showToolBar",!0)("enableStateStoring",!0)("showToolBar",!0)("showColumnChooser",!0)("isReadOnlyStates",n.isReadOnlyStates))},dependencies:[e.lN,c.JJ,c.On,e.Mc],encapsulation:2})}class y{constructor(i){this.dataService=i,this.gridDataSource=new d.X(null)}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number,width:200}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String,width:200}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String,width:200}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date,width:200}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number,width:200}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean,width:200})],this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}static#t=this.\u0275fac=function(a){return new(a||y)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:y,selectors:[["app-other-grid"]],decls:3,vars:6,consts:[[1,"page-header"],[3,"columns","dataSource","key","height","width","pageSize"]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Set grid height, width and Column width"),t.qZA(),t._UZ(2,"np-data-grid",1)),2&a&&(t.xp6(2),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("key","Id")("height",500)("width",1e3)("pageSize",8))},dependencies:[e.lN],encapsulation:2})}const $=["actionButtonsTemplate"],tt=["birthDateColumnTemplate"],et=["summaryTemplate"],at=["sidePanelRight"];function it(r,i){if(1&r){const a=t.EpF();t.TgZ(0,"div",9)(1,"button",10),t.NdJ("click",function(o){const g=t.CHM(a).row,p=t.oxw();return t.KtG(p.onActionClick(g,"Edit",o))}),t._UZ(2,"i",11),t.qZA(),t.TgZ(3,"button",12),t.NdJ("click",function(o){const g=t.CHM(a).row,p=t.oxw();return t.KtG(p.onActionClick(g,"Delete",o))}),t._UZ(4,"i",13),t.qZA()()}}function nt(r,i){1&r&&(t._uU(0),t.ALo(1,"date")),2&r&&t.hij(" ",t.xi3(1,1,i.row.BirthDate,"dd/MM/yyyy"),"\n")}function ot(r,i){if(1&r&&(t.TgZ(0,"span")(1,"b"),t._uU(2,"Name: "),t.qZA(),t._uU(3),t.qZA(),t._UZ(4,"br"),t.TgZ(5,"span")(6,"b"),t._uU(7,"Age: "),t.qZA(),t._uU(8),t.qZA(),t._UZ(9,"br"),t.TgZ(10,"span")(11,"b"),t._uU(12,"Birth Date: "),t.qZA(),t._uU(13),t.ALo(14,"date"),t.qZA()),2&r){const a=i.row;t.xp6(3),t.AsE("",a.FirstName," ",a.LastName,""),t.xp6(5),t.hij("",a.Age," years"),t.xp6(5),t.Oqu(t.xi3(14,4,a.BirthDate,"dd/MM/yyyy"))}}function rt(r,i){if(1&r&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&r){const a=i.summary;t.xp6(1),t.hij("Total:",a?a.totalCount:0,"")}}function lt(r,i){if(1&r&&(t.TgZ(0,"div"),t._uU(1),t.qZA(),t.TgZ(2,"div"),t._uU(3),t.qZA(),t.TgZ(4,"div"),t._uU(5),t.qZA()),2&r){const a=t.oxw();t.xp6(1),t.hij("Id: ",a.sidepanelData.Id,""),t.xp6(2),t.hij("First Name: ",a.sidepanelData.FirstName,""),t.xp6(2),t.hij("Last Name: ",a.sidepanelData.LastName,"")}}class v{constructor(i){this.dataService=i}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,width:100,caption:"Id",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0,onCellClick:this.cellClicked}),new e.sg({dataField:"FirstName",visible:!0,width:200,caption:"First Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"LastName",visible:!0,width:200,caption:"Last Name",dataType:e.oS.String}),new e.sg({dataField:"BirthDate",visible:!0,width:200,caption:"Birth Date",dataType:e.oS.Date,sortEnable:!0,filterEnable:!0,cellTemplate:this.birthDateColumnTemplate}),new e.sg({dataField:"Age",visible:!0,width:200,dataType:e.oS.Number,sortEnable:!0,filterEnable:!0,styleClass:"np-text-danger",rightAlignText:!0}),new e.sg({dataField:"Active",visible:!0,width:100,caption:"Is Active?",dataType:e.oS.Boolean,filterEnable:!0}),new e.sg({caption:"Actions",visible:!0,width:200,cellTemplate:this.actionButtonsTemplate})],this.gridDataSource=new d.X(null),this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}cellClicked(i,a,n){alert("column "+a.dataField+" clicked. Value is "+n[a.dataField])}onActionClick(i,a,n){n.stopPropagation(),"Edit"===a&&(this.sidepanelData=i,this.sidePanelRight.open(null)),"Delete"===a&&alert("Delete button click for row: "+i.Id)}static#t=this.\u0275fac=function(a){return new(a||v)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:v,selectors:[["app-client-grid-all"]],viewQuery:function(a,n){if(1&a&&(t.Gf($,7),t.Gf(tt,7),t.Gf(et,7),t.Gf(at,7)),2&a){let o;t.iGM(o=t.CRH())&&(n.actionButtonsTemplate=o.first),t.iGM(o=t.CRH())&&(n.birthDateColumnTemplate=o.first),t.iGM(o=t.CRH())&&(n.summaryTemplate=o.first),t.iGM(o=t.CRH())&&(n.sidePanelRight=o.first)}},decls:14,vars:22,consts:[[1,"page-header"],[3,"columns","dataSource","multiColumnSortEnable","masterDetailTemplate","height","width","enableStateStoring","multiRowSelectEnable","showColumnChooser","showToolBar","showFilters","allowExport","title","noDataMessage","showSummary","summaryTemplate","allowColumnReorder","allowColumnResize","styleClass"],["actionButtonsTemplate",""],["birthDateColumnTemplate",""],["masterChildTemplate",""],["summaryTemplate",""],[3,"position","height","width"],["sidePanelRight",""],["npSidepanelContent",""],[1,"np-btn-group"],[1,"np-btn-icon","np-btn-primary",3,"click"],[1,"fa","fa-edit"],[1,"np-btn-icon","np-btn-danger",3,"click"],[1,"fa","fa-trash"]],template:function(a,n){if(1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Client side grid full example"),t.qZA(),t._UZ(2,"np-data-grid",1),t.YNc(3,it,5,0,"ng-template",null,2,t.W1O),t.YNc(5,nt,2,4,"ng-template",null,3,t.W1O),t.YNc(7,ot,15,7,"ng-template",null,4,t.W1O),t.YNc(9,rt,2,1,"ng-template",null,5,t.W1O),t.TgZ(11,"np-sidepanel",6,7),t.YNc(13,lt,6,3,"ng-template",8),t.qZA()),2&a){const o=t.MAs(8),l=t.MAs(10);t.xp6(2),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("multiColumnSortEnable",!0)("masterDetailTemplate",o)("height",600)("width",1e3)("enableStateStoring",!0)("multiRowSelectEnable",!0)("showColumnChooser",!0)("showToolBar",!0)("showFilters",!1)("allowExport",!0)("title","Client side data grid")("noDataMessage","No data available.")("showSummary",!0)("summaryTemplate",l)("allowColumnReorder",!0)("allowColumnResize",!0)("styleClass","myClass"),t.xp6(9),t.Q6J("position","right")("height","100%")("width","50%")}},dependencies:[e.lN,e.sI,e.zy,m.uU],encapsulation:2})}const st=["actionButtonsTemplate"],dt=["summaryTemplate"],ut=["serverSideGrid"];function ct(r,i){if(1&r){const a=t.EpF();t.TgZ(0,"button",8),t.NdJ("onClickMenuItem",function(o){const g=t.CHM(a).row,p=t.oxw();return t.KtG(p.onClickMenuItem(o,g))}),t._UZ(1,"i",9),t.qZA()}if(2&r){const a=t.oxw();t.Q6J("items",a.menuItems)}}function gt(r,i){if(1&r&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&r){const a=i.summary;t.xp6(1),t.hij("Total:",a?a.totalCount:0,"")}}class D{constructor(i){this.dataService=i,this.toggleColumn=!0,this.showFilters=!0,this.isLoading=!0}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0,onCellClick:this.cellClicked}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"Age",visible:!0,dataType:e.oS.Number,sortEnable:!0,filterEnable:!0,styleClass:"np-text-danger",rightAlignText:!0}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean,filterEnable:!0}),new e.sg({visible:!0,cellTemplate:this.actionButtonsTemplate,width:50})],this.gridDataSource=new d.X(null),this.setStateForServerSideGrid(),this.menuItems=[new e.ZS({label:"Edit"}),new e.ZS({label:"Delete"})]}onLoadData(i){this.isLoading=!0,this.dataService.getDataUsingLoadOptions(i).subscribe(a=>{const n=new e.o2(a.data,a.total,{totalCount:a.total},i.isAllPages);this.gridDataSource.next(n),this.isLoading=!1})}cellClicked(i,a,n){alert("column "+a.dataField+" clicked. Value is "+n[a.dataField])}onClickMenuItem(i,a){"Edit"===i.label&&alert("Edit button click for row: "+a.Id),"Delete"===i.label&&alert("Delete button click for row: "+a.Id)}getSelectedRowKeys(){const i=this.serverSideGrid.getSelectedRowKeys();alert(i)}toggleFirstColumn(){this.toggleColumn=!this.toggleColumn,this.toggleColumn?this.serverSideGrid.showColumnByIndex(0):this.serverSideGrid.hideColumnByIndex(0)}changeColumns(){const i=this.serverSideGrid.getColumns();i[0].sortDirection=e.fF.Descending,i[1].filterOperator=e.Kp.StartsWith,i[1].filterValue="Philip",i[2].visible=!1,this.serverSideGrid.setColumns(i)}setStateForServerSideGrid(){const i=[new e.sg({dataField:"Id",visible:!0,width:100,caption:"Id",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0,onCellClick:this.cellClicked}),new e.sg({dataField:"FirstName",visible:!0,width:150,caption:"First Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0,sortDirection:e.fF.Descending}),new e.sg({dataField:"LastName",visible:!0,width:150,caption:"Last Name",dataType:e.oS.String}),new e.sg({dataField:"BirthDate",visible:!0,width:150,caption:"Birth Date",dataType:e.oS.Date,filterEnable:!0}),new e.sg({dataField:"Age",visible:!0,width:100,dataType:e.oS.Number,sortEnable:!0,filterEnable:!0,styleClass:"np-text-danger",filterValue:"50",filterOperator:e.Kp.GreaterThan}),new e.sg({dataField:"Active",visible:!0,width:150,caption:"Is Active?",dataType:e.oS.Boolean,filterEnable:!0}),new e.sg({visible:!1,cellTemplate:this.actionButtonsTemplate})],a=new e.ZM("Age more than 50",i);this.serverSideGrid.setAllState([a])}onInit(){console.log("grid initializing at"+(new Date).toTimeString())}onAfterInit(){console.log("grid initialized at"+(new Date).toTimeString())}goToPage(i){this.serverSideGrid.goToPage(i)}clearFilters(){this.serverSideGrid.removeAllFilters()}clearSorting(){this.serverSideGrid.removeAllSorting()}reset(){this.serverSideGrid.reset()}updateFirstName(){const i=this.serverSideGrid.getSelectedRowKeys();i&&i.length>0&&this.dataService.updateFirstName(i).subscribe(a=>{})}refresh(){this.serverSideGrid.refresh()}static#t=this.\u0275fac=function(a){return new(a||D)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:D,selectors:[["app-server-grid-all"]],viewQuery:function(a,n){if(1&a&&(t.Gf(st,7),t.Gf(dt,7),t.Gf(ut,7)),2&a){let o;t.iGM(o=t.CRH())&&(n.actionButtonsTemplate=o.first),t.iGM(o=t.CRH())&&(n.summaryTemplate=o.first),t.iGM(o=t.CRH())&&(n.serverSideGrid=o.first)}},decls:36,vars:18,consts:[[1,"page-header"],[3,"npLoader","loadingText"],[3,"columns","dataSource","multiRowSelectEnable","title","showColumnChooser","showToolBar","allowExport","enableStateStoring","showFilters","showSummary","summaryTemplate","allowColumnReorder","allowColumnResize","isServerOperations","pageSize","dateFormat","onLoadData","onInit","onAfterInit"],["serverSideGrid",""],["actionButtonsTemplate",""],["summaryTemplate",""],[1,"np-btn-group"],["type","button",1,"np-btn",3,"click"],["type","button","npPopupMenubar","",1,"np-btn-icon","np-btn-primary",3,"items","onClickMenuItem"],[1,"fa","fa-ellipsis-v"]],template:function(a,n){if(1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Server side grid full example"),t.qZA(),t.TgZ(2,"p"),t._uU(3,"Here "),t.TgZ(4,"b"),t._uU(5,"np-loader"),t.qZA(),t._uU(6," is used to show loader on server side operations."),t.qZA(),t.TgZ(7,"div",1)(8,"np-data-grid",2,3),t.NdJ("onLoadData",function(l){return n.onLoadData(l)})("onInit",function(){return n.onInit()})("onAfterInit",function(){return n.onAfterInit()}),t.qZA()(),t.YNc(10,ct,2,1,"ng-template",null,4,t.W1O),t.YNc(12,gt,2,1,"ng-template",null,5,t.W1O),t._UZ(14,"br"),t.TgZ(15,"div",6)(16,"button",7),t.NdJ("click",function(){return n.getSelectedRowKeys()}),t._uU(17," Get Selected Row Keys "),t.qZA(),t.TgZ(18,"button",7),t.NdJ("click",function(){return n.toggleFirstColumn()}),t._uU(19," Toggle 1st column "),t.qZA(),t.TgZ(20,"button",7),t.NdJ("click",function(){return n.changeColumns()}),t._uU(21," Change Column list "),t.qZA(),t.TgZ(22,"button",7),t.NdJ("click",function(){return n.showFilters=!n.showFilters}),t._uU(23," Toggle Filters "),t.qZA(),t.TgZ(24,"button",7),t.NdJ("click",function(){return n.goToPage(2)}),t._uU(25," Go to Page 2 "),t.qZA(),t.TgZ(26,"button",7),t.NdJ("click",function(){return n.clearFilters()}),t._uU(27," Clear All Filters "),t.qZA(),t.TgZ(28,"button",7),t.NdJ("click",function(){return n.clearSorting()}),t._uU(29," Clear All Sorting "),t.qZA(),t.TgZ(30,"button",7),t.NdJ("click",function(){return n.reset()}),t._uU(31,"Reset"),t.qZA(),t.TgZ(32,"button",7),t.NdJ("click",function(){return n.refresh()}),t._uU(33,"Refresh"),t.qZA(),t.TgZ(34,"button",7),t.NdJ("click",function(){return n.updateFirstName()}),t._uU(35," Update FirstName For Selected Records "),t.qZA()()),2&a){const o=t.MAs(13);t.xp6(7),t.Q6J("npLoader",n.isLoading)("loadingText","Loading Data..."),t.xp6(1),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("multiRowSelectEnable",!0)("title","Server side data grid")("showColumnChooser",!0)("showToolBar",!0)("allowExport",!0)("enableStateStoring",!0)("showFilters",n.showFilters)("showSummary",!0)("summaryTemplate",o)("allowColumnReorder",!0)("allowColumnResize",!0)("isServerOperations",!0)("pageSize",5)("dateFormat","dd MMM yy")}},dependencies:[e.lN,e.i5,e.t3],encapsulation:2})}const pt=["birthDateColumnTemplate"],mt=["summaryTemplate"],Zt=["serverSideGrid"];function _t(r,i){if(1&r&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&r){const a=i.summary;t.xp6(1),t.hij("Total:",a?a.totalCount:0,"")}}class F{constructor(i){this.http=i}ngOnInit(){this.gridColumns=[new e.sg({dataField:"ProductID",visible:!0,caption:"ID",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"ProductName",visible:!0,caption:"Product Name",dataType:e.oS.String,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"UnitPrice",visible:!0,caption:"Unit Price",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0}),new e.sg({dataField:"UnitsInStock",visible:!0,caption:"Units In Stock",dataType:e.oS.Number,sortEnable:!0,filterEnable:!0,styleClass:"np-text-danger"})],this.gridDataSource=new d.X(null)}onLoadData(i){setTimeout(()=>{this.odataQuery=i.odataQuery},0),this.http.get("https://services.odata.org/V4/Northwind/Northwind.svc/Products?"+i.odataQuery).subscribe(a=>{if(a&&a.value){const n=new e.o2(a.value,a["@odata.count"],{totalCount:a["@odata.count"]},i.isAllPages);this.gridDataSource.next(n)}})}static#t=this.\u0275fac=function(a){return new(a||F)(t.Y36(I.eN))};static#e=this.\u0275cmp=t.Xpm({type:F,selectors:[["app-odata-grid"]],viewQuery:function(a,n){if(1&a&&(t.Gf(pt,7),t.Gf(mt,7),t.Gf(Zt,7)),2&a){let o;t.iGM(o=t.CRH())&&(n.birthDateColumnTemplate=o.first),t.iGM(o=t.CRH())&&(n.summaryTemplate=o.first),t.iGM(o=t.CRH())&&(n.serverSideGrid=o.first)}},decls:15,vars:13,consts:[[1,"page-header"],["type","info"],[3,"columns","dataSource","multiColumnSortEnable","title","showColumnChooser","showToolBar","allowExport","enableStateStoring","showSummary","summaryTemplate","isServerOperations","isODataOperations","onLoadData"],["serverSideGrid",""],["summaryTemplate",""]],template:function(a,n){if(1&a&&(t.TgZ(0,"h2",0),t._uU(1,"OData Example for V4"),t.qZA(),t.TgZ(2,"p"),t._uU(3," To set OData operations in data grid, set "),t.TgZ(4,"b"),t._uU(5,"[isODataOperations]"),t.qZA(),t._uU(6,' to "true" in grid definition\n'),t.qZA(),t.TgZ(7,"np-alert",1)(8,"b"),t._uU(9,"OData Query :"),t.qZA(),t._uU(10),t.qZA(),t.TgZ(11,"np-data-grid",2,3),t.NdJ("onLoadData",function(l){return n.onLoadData(l)}),t.qZA(),t.YNc(13,_t,2,1,"ng-template",null,4,t.W1O)),2&a){const o=t.MAs(14);t.xp6(10),t.hij(" ",n.odataQuery," "),t.xp6(1),t.Q6J("columns",n.gridColumns)("dataSource",n.gridDataSource)("multiColumnSortEnable",!0)("title","Fetch data from ODATA api")("showColumnChooser",!0)("showToolBar",!0)("allowExport",!0)("enableStateStoring",!0)("showSummary",!0)("summaryTemplate",o)("isServerOperations",!0)("isODataOperations",!0)}},dependencies:[e.lN,e.r5],encapsulation:2})}function Tt(r,i){if(1&r&&t._UZ(0,"np-data-grid",4),2&r){const a=t.oxw();t.Q6J("columns",a.gridColumns)("dataSource",a.gridDataSource)("pageSize",20)("height",440)}}class N{constructor(i){this.dataService=i,this.gridDataSource=new d.X(null)}ngOnInit(){this.gridColumns=[new e.sg({dataField:"Id",visible:!0,caption:"Id",dataType:e.oS.Number}),new e.sg({dataField:"FirstName",visible:!0,caption:"First Name",dataType:e.oS.String}),new e.sg({dataField:"LastName",visible:!0,caption:"Last Name",dataType:e.oS.String}),new e.sg({dataField:"BirthDate",visible:!0,caption:"Birth Date",dataType:e.oS.Date,filterEnable:!0}),new e.sg({dataField:"Age",visible:!0,caption:"Age",dataType:e.oS.Number}),new e.sg({dataField:"Active",visible:!0,caption:"Is Active?",dataType:e.oS.Boolean})],this.dataService.getAll().subscribe(i=>{const a=new e.o2(i,0,{totalCount:1e4});this.gridDataSource.next(a)})}static#t=this.\u0275fac=function(a){return new(a||N)(t.Y36(s))};static#e=this.\u0275cmp=t.Xpm({type:N,selectors:[["app-inside-tab-grid"]],decls:5,vars:2,consts:[[1,"page-header"],["title","Employee List"],[3,"title","id"],["npTabContent",""],[3,"columns","dataSource","pageSize","height"]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Responsive data grid example"),t.qZA(),t.TgZ(2,"np-tabs",1)(3,"np-tab",2),t.YNc(4,Tt,1,4,"ng-template",3),t.qZA()()),2&a&&(t.xp6(3),t.Q6J("title","Employees")("id","tabEmployees"))},dependencies:[e.lN,e.KA,e.Qk,e.Bl],encapsulation:2})}class G{constructor(){this.importText="import { NpDataGridModule } from 'np-ui-lib';",this.htmlText='<np-data-grid [columns]="gridColumns" [dataSource]="gridDataSource">\n</np-data-grid>',this.columnText="[\n  new Column({ dataField: 'Id', visible: true, caption: 'Id',\n    dataType: DataTypes.Number }),\n  ...\n]",this.childRowText="<ng-template #masterDetailTemplate let-row=\"row\">\n  <span><b>Name: </b>{{row.FirstName}} {{row.LastName}}</span>\n  <span><b>Birth Date: </b>{{row.BirthDate | date:'dd/MM/yyyy'}}</span>\n</ng-template>",this.summaryTempText='<ng-template #summaryTemplate let-summary="summary">\n  <span>Total:{{summary ? summary.totalCount : 0}}</span>\n</ng-template>',this.importColumnText="import { Column } from 'np-ui-lib';",this.cellTemplateText='<ng-template #activeColumnTemplate let-row="row">\n  <np-switch [(ngModel)]="row.Active" trueLabelText="Yes" falseLabelText="No"\n  [readOnly]="true"></np-switch>\n</ng-template>',this.cellClickEventText="onCellClick(event, column, data) {\n  alert('Column: ' + column.dataField + ' , rowKey:' + data.Id);\n}",this.importDataSourceText="import { DataSource } from 'np-ui-lib';",this.filterColText="[{ dataField : string, filterOperator: string, filterValue: string, dataType: string}, ...]",this.sortColText="[{ dataField : string, sortDirection: string }, ...]"}ngOnInit(){}static#t=this.\u0275fac=function(a){return new(a||G)};static#e=this.\u0275cmp=t.Xpm({type:G,selectors:[["app-data-grid-doc"]],decls:853,vars:11,consts:[[1,"page-header"],[3,"innerText"],["title","np-data-grid"],[1,"np-table"],["title","Column"],["title","DataSource"],["title","Methods"],["title","Apis"]],template:function(a,n){1&a&&(t.TgZ(0,"h2",0),t._uU(1,"Data Grid"),t.qZA(),t.TgZ(2,"np-card")(3,"np-card-body")(4,"b"),t._uU(5,"Module to import"),t.qZA(),t.TgZ(6,"div")(7,"pre"),t._UZ(8,"code",1),t.qZA()()()(),t.TgZ(9,"np-card")(10,"np-card-body")(11,"b"),t._uU(12,"HTML"),t.qZA(),t.TgZ(13,"div")(14,"pre"),t._UZ(15,"code",1),t.qZA()()()(),t.TgZ(16,"np-card")(17,"np-card-body")(18,"np-tabs")(19,"np-tab",2)(20,"table",3)(21,"tr")(22,"th"),t._uU(23,"Property"),t.qZA(),t.TgZ(24,"th"),t._uU(25,"Description"),t.qZA(),t.TgZ(26,"th"),t._uU(27,"Type"),t.qZA(),t.TgZ(28,"th"),t._uU(29,"Default"),t.qZA()(),t.TgZ(30,"tr")(31,"td"),t._uU(32,"columns"),t.qZA(),t.TgZ(33,"td"),t._uU(34," Array of columns "),t.TgZ(35,"pre")(36,"code"),t._uU(37),t.qZA()()(),t.TgZ(38,"td"),t._uU(39,"Column[]"),t.qZA(),t._UZ(40,"td"),t.qZA(),t.TgZ(41,"tr")(42,"td"),t._uU(43,"dataSource"),t.qZA(),t.TgZ(44,"td"),t._uU(45,"Object of DataSource"),t.qZA(),t.TgZ(46,"td"),t._uU(47,"BehaviorSubject<DataSource>"),t.qZA(),t._UZ(48,"td"),t.qZA(),t.TgZ(49,"tr")(50,"td"),t._uU(51,"isServerOperations"),t.qZA(),t.TgZ(52,"td"),t._uU(53,"Set this property to true if server side operations"),t.qZA(),t.TgZ(54,"td"),t._uU(55,"boolean"),t.qZA(),t.TgZ(56,"td"),t._uU(57,"false"),t.qZA()(),t.TgZ(58,"tr")(59,"td"),t._uU(60,"isODataOperations"),t.qZA(),t.TgZ(61,"td"),t._uU(62," Is OData server operations, then set this property to true "),t.qZA(),t.TgZ(63,"td"),t._uU(64,"boolean"),t.qZA(),t.TgZ(65,"td"),t._uU(66,"false"),t.qZA()(),t.TgZ(67,"tr")(68,"td"),t._uU(69,"odataVersion"),t.qZA(),t.TgZ(70,"td"),t._uU(71," Odata version "),t.qZA(),t.TgZ(72,"td"),t._uU(73,"number"),t.qZA(),t.TgZ(74,"td"),t._uU(75,"1 | 2 | 3 | 4"),t.qZA()(),t.TgZ(76,"tr")(77,"td"),t._uU(78,"height"),t.qZA(),t.TgZ(79,"td"),t._uU(80,"Set height in px"),t.qZA(),t.TgZ(81,"td"),t._uU(82,"number"),t.qZA(),t._UZ(83,"td"),t.qZA(),t.TgZ(84,"tr")(85,"td"),t._uU(86,"width"),t.qZA(),t.TgZ(87,"td"),t._uU(88,"Set width in px"),t.qZA(),t.TgZ(89,"td"),t._uU(90,"number"),t.qZA(),t._UZ(91,"td"),t.qZA(),t.TgZ(92,"tr")(93,"td"),t._uU(94,"key"),t.qZA(),t.TgZ(95,"td"),t._uU(96," Set unique key column field, by default first column will be set as key "),t.qZA(),t.TgZ(97,"td"),t._uU(98,"string"),t.qZA(),t._UZ(99,"td"),t.qZA(),t.TgZ(100,"tr")(101,"td"),t._uU(102,"dateFormat"),t.qZA(),t.TgZ(103,"td"),t._uU(104," Set date format for all date in data grid, date picker in filters also shows this format "),t.qZA(),t.TgZ(105,"td"),t._uU(106,"string"),t.qZA(),t.TgZ(107,"td"),t._uU(108,"dd/MM/yyyy"),t.qZA()(),t.TgZ(109,"tr")(110,"td"),t._uU(111,"pageSize"),t.qZA(),t.TgZ(112,"td"),t._uU(113,"Set page size"),t.qZA(),t.TgZ(114,"td"),t._uU(115,"number"),t.qZA(),t.TgZ(116,"td"),t._uU(117,"10"),t.qZA()(),t.TgZ(118,"tr")(119,"td"),t._uU(120,"multiColumnSortEnable"),t.qZA(),t.TgZ(121,"td"),t._uU(122,"Allow multi column sorting"),t.qZA(),t.TgZ(123,"td"),t._uU(124,"boolean"),t.qZA(),t.TgZ(125,"td"),t._uU(126,"false"),t.qZA()(),t.TgZ(127,"tr")(128,"td"),t._uU(129,"singleRowSelectEnable"),t.qZA(),t.TgZ(130,"td"),t._uU(131,"Set single row selection"),t.qZA(),t.TgZ(132,"td"),t._uU(133,"boolean"),t.qZA(),t.TgZ(134,"td"),t._uU(135,"false"),t.qZA()(),t.TgZ(136,"tr")(137,"td"),t._uU(138,"multiRowSelectEnable"),t.qZA(),t.TgZ(139,"td"),t._uU(140,"Set multi row selection"),t.qZA(),t.TgZ(141,"td"),t._uU(142,"boolean"),t.qZA(),t.TgZ(143,"td"),t._uU(144,"false"),t.qZA()(),t.TgZ(145,"tr")(146,"td"),t._uU(147,"selectRowOnClick"),t.qZA(),t.TgZ(148,"td"),t._uU(149,"Select row on click"),t.qZA(),t.TgZ(150,"td"),t._uU(151,"boolean"),t.qZA(),t.TgZ(152,"td"),t._uU(153,"false"),t.qZA()(),t.TgZ(154,"tr")(155,"td"),t._uU(156,"masterDetailTemplate"),t.qZA(),t.TgZ(157,"td"),t._uU(158," Detail row template "),t.TgZ(159,"pre")(160,"code"),t._uU(161),t.qZA()()(),t.TgZ(162,"td"),t._uU(163,"TemplateRef<any>"),t.qZA(),t._UZ(164,"td"),t.qZA(),t.TgZ(165,"tr")(166,"td"),t._uU(167,"singleRowExpand"),t.qZA(),t.TgZ(168,"td"),t._uU(169,"Expand only single row"),t.qZA(),t.TgZ(170,"td"),t._uU(171,"boolean"),t.qZA(),t.TgZ(172,"td"),t._uU(173,"false"),t.qZA()(),t.TgZ(174,"tr")(175,"td"),t._uU(176,"expandRowOnClick"),t.qZA(),t.TgZ(177,"td"),t._uU(178,"Expand row on click of row"),t.qZA(),t.TgZ(179,"td"),t._uU(180,"boolean"),t.qZA(),t.TgZ(181,"td"),t._uU(182,"false"),t.qZA()(),t.TgZ(183,"tr")(184,"td"),t._uU(185,"showToolBar"),t.qZA(),t.TgZ(186,"td"),t._uU(187," Show toolbar "),t._UZ(188,"br"),t._uU(189," Must be set to true for column chooser, state management and export functionality. "),t.qZA(),t.TgZ(190,"td"),t._uU(191,"boolean"),t.qZA(),t.TgZ(192,"td"),t._uU(193,"false"),t.qZA()(),t.TgZ(194,"tr")(195,"td"),t._uU(196,"showColumnChooser"),t.qZA(),t.TgZ(197,"td"),t._uU(198,"Show column chooser"),t.qZA(),t.TgZ(199,"td"),t._uU(200,"boolean"),t.qZA(),t.TgZ(201,"td"),t._uU(202,"false"),t.qZA()(),t.TgZ(203,"tr")(204,"td"),t._uU(205,"enableStateStoring"),t.qZA(),t.TgZ(206,"td"),t._uU(207,"Allow state management in grid"),t.qZA(),t.TgZ(208,"td"),t._uU(209,"boolean"),t.qZA(),t.TgZ(210,"td"),t._uU(211,"false"),t.qZA()(),t.TgZ(212,"tr")(213,"td"),t._uU(214,"isReadOnlyStates"),t.qZA(),t.TgZ(215,"td"),t._uU(216,"Remove add/edit/delete state functionality"),t.qZA(),t.TgZ(217,"td"),t._uU(218,"boolean"),t.qZA(),t.TgZ(219,"td"),t._uU(220,"false"),t.qZA()(),t.TgZ(221,"tr")(222,"td"),t._uU(223,"showFilters"),t.qZA(),t.TgZ(224,"td"),t._uU(225," Show filters row, must be set to true for showing filters row in grid "),t.qZA(),t.TgZ(226,"td"),t._uU(227,"boolean"),t.qZA(),t.TgZ(228,"td"),t._uU(229,"true"),t.qZA()(),t.TgZ(230,"tr")(231,"td"),t._uU(232,"allowExport"),t.qZA(),t.TgZ(233,"td"),t._uU(234,"Allow to export to CSV file"),t.qZA(),t.TgZ(235,"td"),t._uU(236,"boolean"),t.qZA(),t.TgZ(237,"td"),t._uU(238,"false"),t.qZA()(),t.TgZ(239,"tr")(240,"td"),t._uU(241,"isServerExport"),t.qZA(),t.TgZ(242,"td"),t._uU(243," Is server side export, if "),t.TgZ(244,"b"),t._uU(245,"isServerOperations"),t.qZA(),t._uU(246," is true then, set this property to true "),t.qZA(),t.TgZ(247,"td"),t._uU(248,"boolean"),t.qZA(),t.TgZ(249,"td"),t._uU(250,"false"),t.qZA()(),t.TgZ(251,"tr")(252,"td"),t._uU(253,"showSummary"),t.qZA(),t.TgZ(254,"td"),t._uU(255,"Show summary row at end"),t.qZA(),t.TgZ(256,"td"),t._uU(257,"boolean"),t.qZA(),t.TgZ(258,"td"),t._uU(259,"false"),t.qZA()(),t.TgZ(260,"tr")(261,"td"),t._uU(262,"summaryTemplate"),t.qZA(),t.TgZ(263,"td"),t._uU(264," Set summary template. "),t.TgZ(265,"pre")(266,"code"),t._uU(267),t.qZA()()(),t.TgZ(268,"td"),t._uU(269,"TemplateRef<any>"),t.qZA(),t._UZ(270,"td"),t.qZA(),t.TgZ(271,"tr")(272,"td"),t._uU(273,"allowColumnReorder"),t.qZA(),t.TgZ(274,"td"),t._uU(275," Allow to column re-order "),t._UZ(276,"br"),t._uU(277,"Re-order can be done in column chooser. "),t.qZA(),t.TgZ(278,"td"),t._uU(279,"boolean"),t.qZA(),t.TgZ(280,"td"),t._uU(281,"false"),t.qZA()(),t.TgZ(282,"tr")(283,"td"),t._uU(284,"allowColumnResize"),t.qZA(),t.TgZ(285,"td"),t._uU(286," Allow to column re-size "),t._UZ(287,"br"),t._uU(288,"To re-size column hover on right side border of column header and click and drag border to resize column, it is recommend to give width in column definition if using re-size "),t.qZA(),t.TgZ(289,"td"),t._uU(290,"boolean"),t.qZA(),t.TgZ(291,"td"),t._uU(292,"false"),t.qZA()(),t.TgZ(293,"tr")(294,"td"),t._uU(295,"title"),t.qZA(),t.TgZ(296,"td"),t._uU(297,"Set title to data grid"),t.qZA(),t.TgZ(298,"td"),t._uU(299,"string"),t.qZA(),t._UZ(300,"td"),t.qZA(),t.TgZ(301,"tr")(302,"td"),t._uU(303,"noDataMessage"),t.qZA(),t.TgZ(304,"td"),t._uU(305,"Set message when there is no data found"),t.qZA(),t.TgZ(306,"td"),t._uU(307,"string"),t.qZA(),t._UZ(308,"td"),t.qZA(),t.TgZ(309,"tr")(310,"td"),t._uU(311,"styleClass"),t.qZA(),t.TgZ(312,"td"),t._uU(313,"Set extra class on component"),t.qZA(),t.TgZ(314,"td"),t._uU(315,"string"),t.qZA(),t._UZ(316,"td"),t.qZA(),t.TgZ(317,"tr")(318,"td"),t._uU(319,"inputId"),t.qZA(),t.TgZ(320,"td"),t._uU(321,"Set id attribute"),t.qZA(),t.TgZ(322,"td"),t._uU(323,"string"),t.qZA(),t._UZ(324,"td"),t.qZA()()(),t.TgZ(325,"np-tab",4)(326,"pre")(327,"code"),t._uU(328),t.qZA()(),t.TgZ(329,"table",3)(330,"tr")(331,"th"),t._uU(332,"Property"),t.qZA(),t.TgZ(333,"th"),t._uU(334,"Description"),t.qZA(),t.TgZ(335,"th"),t._uU(336,"Type"),t.qZA(),t.TgZ(337,"th"),t._uU(338,"Default"),t.qZA()(),t.TgZ(339,"tr")(340,"td"),t._uU(341,"dataField"),t.qZA(),t.TgZ(342,"td"),t._uU(343,"Data field property name"),t.qZA(),t.TgZ(344,"td"),t._uU(345,"string"),t.qZA(),t._UZ(346,"td"),t.qZA(),t.TgZ(347,"tr")(348,"td"),t._uU(349,"dataType"),t.qZA(),t.TgZ(350,"td"),t._uU(351," Data field type, import DataTypes from 'np-ui-lib' package "),t._UZ(352,"br"),t._uU(353," DataTypes can be 'number', 'string', 'date', 'boolean' "),t.qZA(),t.TgZ(354,"td"),t._uU(355,"DataTypes"),t.qZA(),t._UZ(356,"td"),t.qZA(),t.TgZ(357,"tr")(358,"td"),t._uU(359,"visible"),t.qZA(),t.TgZ(360,"td"),t._uU(361,"Set default visible or not"),t.qZA(),t.TgZ(362,"td"),t._uU(363,"boolean"),t.qZA(),t.TgZ(364,"td"),t._uU(365,"false"),t.qZA()(),t.TgZ(366,"tr")(367,"td"),t._uU(368,"width"),t.qZA(),t.TgZ(369,"td"),t._uU(370,"Set column width in px"),t.qZA(),t.TgZ(371,"td"),t._uU(372,"number"),t.qZA(),t._UZ(373,"td"),t.qZA(),t.TgZ(374,"tr")(375,"td"),t._uU(376,"caption"),t.qZA(),t.TgZ(377,"td"),t._uU(378,"Set column title"),t.qZA(),t.TgZ(379,"td"),t._uU(380,"string"),t.qZA(),t._UZ(381,"td"),t.qZA(),t.TgZ(382,"tr")(383,"td"),t._uU(384,"sortDirection"),t.qZA(),t.TgZ(385,"td"),t._uU(386," Set sort direction, import SortDirections from 'np-ui-lib' package "),t._UZ(387,"br"),t._uU(388," SortDirections can be 'asc' or 'desc' "),t.qZA(),t.TgZ(389,"td"),t._uU(390,"SortDirections"),t.qZA(),t._UZ(391,"td"),t.qZA(),t.TgZ(392,"tr")(393,"td"),t._uU(394,"filterOperator"),t.qZA(),t.TgZ(395,"td"),t._uU(396," Filter operator, import FilterTypes from 'np-ui-lib' package "),t._UZ(397,"br"),t._uU(398," FilterTypes can be 'startswith', 'endswith', 'contains', 'gt', 'lt', 'le', 'ge', 'eq', 'ne' "),t.qZA(),t.TgZ(399,"td"),t._uU(400,"FilterTypes"),t.qZA(),t._UZ(401,"td"),t.qZA(),t.TgZ(402,"tr")(403,"td"),t._uU(404,"filterValue"),t.qZA(),t.TgZ(405,"td"),t._uU(406,"Value to filter column"),t.qZA(),t.TgZ(407,"td"),t._uU(408,"any"),t.qZA(),t._UZ(409,"td"),t.qZA(),t.TgZ(410,"tr")(411,"td"),t._uU(412,"sortEnable"),t.qZA(),t.TgZ(413,"td"),t._uU(414,"Allow to sort on column"),t.qZA(),t.TgZ(415,"td"),t._uU(416,"boolean"),t.qZA(),t.TgZ(417,"td"),t._uU(418,"false"),t.qZA()(),t.TgZ(419,"tr")(420,"td"),t._uU(421,"filterEnable"),t.qZA(),t.TgZ(422,"td"),t._uU(423,"Allow to filter column"),t.qZA(),t.TgZ(424,"td"),t._uU(425,"boolean"),t.qZA(),t.TgZ(426,"td"),t._uU(427,"false"),t.qZA()(),t.TgZ(428,"tr")(429,"td"),t._uU(430,"cellTemplate"),t.qZA(),t.TgZ(431,"td"),t._uU(432," Template to show column "),t.TgZ(433,"pre")(434,"code"),t._uU(435),t.qZA()()(),t.TgZ(436,"td"),t._uU(437,"TemplateRef<any>"),t.qZA(),t._UZ(438,"td"),t.qZA(),t.TgZ(439,"tr")(440,"td"),t._uU(441,"onCellClick"),t.qZA(),t.TgZ(442,"td"),t._uU(443," Pass function to call on cell click "),t.TgZ(444,"pre")(445,"code"),t._uU(446),t.qZA()()(),t.TgZ(447,"td"),t._uU(448,"any"),t.qZA(),t._UZ(449,"td"),t.qZA(),t.TgZ(450,"tr")(451,"td"),t._uU(452,"styleClass"),t.qZA(),t.TgZ(453,"td"),t._uU(454,"Add CSS class to column"),t.qZA(),t.TgZ(455,"td"),t._uU(456,"string"),t.qZA(),t._UZ(457,"td"),t.qZA(),t.TgZ(458,"tr")(459,"td"),t._uU(460,"rightAlignText"),t.qZA(),t.TgZ(461,"td"),t._uU(462,"Show right aligned text"),t.qZA(),t.TgZ(463,"td"),t._uU(464,"boolean"),t.qZA(),t.TgZ(465,"td"),t._uU(466,"false"),t.qZA()(),t.TgZ(467,"tr")(468,"td"),t._uU(469,"trueFilterText"),t.qZA(),t.TgZ(470,"td"),t._uU(471,"Set display value for filter option true"),t.qZA(),t.TgZ(472,"td"),t._uU(473,"string"),t.qZA(),t.TgZ(474,"td"),t._uU(475,"True"),t.qZA()(),t.TgZ(476,"tr")(477,"td"),t._uU(478,"falseFilterText"),t.qZA(),t.TgZ(479,"td"),t._uU(480,"Set display value for filter option false"),t.qZA(),t.TgZ(481,"td"),t._uU(482,"string"),t.qZA(),t.TgZ(483,"td"),t._uU(484,"False"),t.qZA()()()(),t.TgZ(485,"np-tab",5)(486,"pre")(487,"code"),t._uU(488),t.qZA()(),t.TgZ(489,"table",3)(490,"tr")(491,"th"),t._uU(492,"Property"),t.qZA(),t.TgZ(493,"th"),t._uU(494,"Description"),t.qZA(),t.TgZ(495,"th"),t._uU(496,"Type"),t.qZA(),t.TgZ(497,"th"),t._uU(498,"Default"),t.qZA()(),t.TgZ(499,"tr")(500,"td"),t._uU(501,"data"),t.qZA(),t.TgZ(502,"td"),t._uU(503,"Array of data"),t.qZA(),t.TgZ(504,"td"),t._uU(505,"any[]"),t.qZA(),t._UZ(506,"td"),t.qZA(),t.TgZ(507,"tr")(508,"td"),t._uU(509,"total"),t.qZA(),t.TgZ(510,"td"),t._uU(511," Count of total records, only required for server side operations, in client side operations pass 0 "),t.qZA(),t.TgZ(512,"td"),t._uU(513,"number"),t.qZA(),t._UZ(514,"td"),t.qZA(),t.TgZ(515,"tr")(516,"td"),t._uU(517,"summary"),t.qZA(),t.TgZ(518,"td"),t._uU(519,"Summary data"),t.qZA(),t.TgZ(520,"td"),t._uU(521,"any"),t.qZA(),t._UZ(522,"td"),t.qZA(),t.TgZ(523,"tr")(524,"td"),t._uU(525,"isAllPages"),t.qZA(),t.TgZ(526,"td"),t._uU(527," This property is used on export to CSV in server side operations,"),t._UZ(528,"br"),t._uU(529," it will help to know is all pages fetched to export,"),t._UZ(530,"br"),t._uU(531," if in "),t.TgZ(532,"b"),t._uU(533,"LoadOptions.isAllPages"),t.qZA(),t._uU(534," is true, then pass "),t.TgZ(535,"b"),t._uU(536,"DataSource.isAllPages = true"),t.qZA(),t._uU(537," in next() method. "),t.qZA(),t.TgZ(538,"td"),t._uU(539,"boolean"),t.qZA(),t.TgZ(540,"td"),t._uU(541,"false"),t.qZA()()()(),t.TgZ(542,"np-tab",6)(543,"table",3)(544,"tr")(545,"th"),t._uU(546,"Method"),t.qZA(),t.TgZ(547,"th"),t._uU(548,"Description"),t.qZA(),t.TgZ(549,"th"),t._uU(550,"Parameters"),t.qZA()(),t.TgZ(551,"tr")(552,"td"),t._uU(553,"onLoadData(options : LoadOptions)"),t.qZA(),t.TgZ(554,"td"),t._uU(555," Callback to data load, import LoadOptions from 'np-ui-lib' package "),t._UZ(556,"br"),t._uU(557," LoadOptions has properties like 'pageNumber', 'pageSize', 'sortColumns', 'filterColumns' "),t._UZ(558,"br"),t._uU(559," 'odataQuery', and 'isAllPages' "),t._UZ(560,"br"),t.TgZ(561,"b"),t._uU(562,"sortColumns :"),t.qZA(),t._uU(563," Array of sort columns "),t.TgZ(564,"pre")(565,"code"),t._uU(566),t.qZA()(),t.TgZ(567,"b"),t._uU(568,"filterColumns :"),t.qZA(),t._uU(569," Array of filter columns "),t.TgZ(570,"pre")(571,"code"),t._uU(572),t.qZA()(),t.TgZ(573,"b"),t._uU(574,"odataQuery :"),t.qZA(),t._uU(575," If "),t.TgZ(576,"b"),t._uU(577,"isODataOperations"),t.qZA(),t._uU(578," is set to true, then OData query will be pass to "),t._UZ(579,"br"),t._uU(580," LoadOptions. "),t.qZA(),t.TgZ(581,"td"),t._uU(582,"options : LoadOptions"),t.qZA()(),t.TgZ(583,"tr")(584,"td"),t._uU(585,"onInit()"),t.qZA(),t.TgZ(586,"td"),t._uU(587,"Callback event for component init"),t.qZA(),t._UZ(588,"td"),t.qZA(),t.TgZ(589,"tr")(590,"td"),t._uU(591,"onAfterInit()"),t.qZA(),t.TgZ(592,"td"),t._uU(593,"Callback event for component after init"),t.qZA(),t._UZ(594,"td"),t.qZA(),t.TgZ(595,"tr")(596,"td"),t._uU(597,"onRowClick($event)"),t.qZA(),t.TgZ(598,"td"),t._uU(599," Callback event for row click "),t._UZ(600,"br"),t.TgZ(601,"b"),t._uU(602,"event.data"),t.qZA(),t._uU(603," contains the data of clicked row "),t.qZA(),t.TgZ(604,"td"),t._uU(605,"event"),t.qZA()(),t.TgZ(606,"tr")(607,"td"),t._uU(608,"onSelect(data)"),t.qZA(),t.TgZ(609,"td"),t._uU(610," Callback event for row select "),t._UZ(611,"br"),t.TgZ(612,"b"),t._uU(613,"data"),t.qZA(),t._uU(614," contains the all selected row keys "),t.qZA(),t.TgZ(615,"td"),t._uU(616,"event"),t.qZA()(),t.TgZ(617,"tr")(618,"td"),t._uU(619,"onDeselect(data)"),t.qZA(),t.TgZ(620,"td"),t._uU(621," Callback event for row deselect "),t._UZ(622,"br"),t.TgZ(623,"b"),t._uU(624,"data"),t.qZA(),t._uU(625," contains the all deselected row keys "),t.qZA(),t.TgZ(626,"td"),t._uU(627,"event"),t.qZA()(),t.TgZ(628,"tr")(629,"td"),t._uU(630,"onStatesUpdate(\u2774action, state\u2775)"),t.qZA(),t.TgZ(631,"td"),t._uU(632," Callback event when add/edit/delete any state in state management. "),t._UZ(633,"br"),t._uU(634," Where "),t.TgZ(635,"b"),t._uU(636,"State"),t.qZA(),t._uU(637," class have two properties: "),t._UZ(638,"br"),t._uU(639," public name: string; "),t._UZ(640,"br"),t._uU(641," public columns: Column[]; "),t.qZA(),t.TgZ(642,"td"),t._uU(643,"\u2774action:'add|edit|delete', state: State\u2775"),t.qZA()(),t.TgZ(644,"tr")(645,"td"),t._uU(646,"onServerExport(options : LoadOptions)"),t.qZA(),t.TgZ(647,"td"),t._uU(648," Callback event on export data on server side, "),t._UZ(649,"br"),t._uU(650," here "),t.TgZ(651,"b"),t._uU(652,"isAllPages"),t.qZA(),t._uU(653," flag will be true in LoadOptions "),t.qZA(),t.TgZ(654,"td"),t._uU(655,"options : LoadOptions"),t.qZA()()()(),t.TgZ(656,"np-tab",7)(657,"table",3)(658,"tr")(659,"th"),t._uU(660,"Api"),t.qZA(),t.TgZ(661,"th"),t._uU(662,"Description"),t.qZA(),t.TgZ(663,"th"),t._uU(664,"Parameters"),t.qZA()(),t.TgZ(665,"tr")(666,"td"),t._uU(667,"goToPage(pageNumber: number)"),t.qZA(),t.TgZ(668,"td"),t._uU(669,"Go to page"),t.qZA(),t.TgZ(670,"td"),t._uU(671,"pageNumber: number"),t.qZA()(),t.TgZ(672,"tr")(673,"td"),t._uU(674,"getCurrentPageNumber()"),t.qZA(),t.TgZ(675,"td"),t._uU(676,"Get current page number"),t.qZA(),t._UZ(677,"td"),t.qZA(),t.TgZ(678,"tr")(679,"td"),t._uU(680,"getPageSize()"),t.qZA(),t.TgZ(681,"td"),t._uU(682,"Get page size"),t.qZA(),t._UZ(683,"td"),t.qZA(),t.TgZ(684,"tr")(685,"td"),t._uU(686,"getTotalPages()"),t.qZA(),t.TgZ(687,"td"),t._uU(688,"Get total page count"),t.qZA(),t._UZ(689,"td"),t.qZA(),t.TgZ(690,"tr")(691,"td"),t._uU(692,"getTotalRows()"),t.qZA(),t.TgZ(693,"td"),t._uU(694,"Get total rows count"),t.qZA(),t._UZ(695,"td"),t.qZA(),t.TgZ(696,"tr")(697,"td"),t._uU(698,"getColumns()"),t.qZA(),t.TgZ(699,"td"),t._uU(700,"Get all columns list"),t.qZA(),t._UZ(701,"td"),t.qZA(),t.TgZ(702,"tr")(703,"td"),t._uU(704,"setColumns(columns: Column[])"),t.qZA(),t.TgZ(705,"td"),t._uU(706,"Set columns configurations"),t.qZA(),t.TgZ(707,"td"),t._uU(708,"columns: Column[]"),t.qZA()(),t.TgZ(709,"tr")(710,"td"),t._uU(711,"getSelectedRowKeys()"),t.qZA(),t.TgZ(712,"td"),t._uU(713,"Get selected row keys"),t.qZA(),t._UZ(714,"td"),t.qZA(),t.TgZ(715,"tr")(716,"td"),t._uU(717,"selectRowByKey(key:any)"),t.qZA(),t.TgZ(718,"td"),t._uU(719,"Select row by key"),t.qZA(),t.TgZ(720,"td"),t._uU(721,"key:any"),t.qZA()(),t.TgZ(722,"tr")(723,"td"),t._uU(724,"deselectRowByKey(key:any)"),t.qZA(),t.TgZ(725,"td"),t._uU(726,"Deselect row by key"),t.qZA(),t.TgZ(727,"td"),t._uU(728,"key:any"),t.qZA()(),t.TgZ(729,"tr")(730,"td"),t._uU(731,"selectAll()"),t.qZA(),t.TgZ(732,"td"),t._uU(733,"Select All rows"),t.qZA(),t._UZ(734,"td"),t.qZA(),t.TgZ(735,"tr")(736,"td"),t._uU(737,"deselectAll()"),t.qZA(),t.TgZ(738,"td"),t._uU(739,"Deselect All rows"),t.qZA(),t._UZ(740,"td"),t.qZA(),t.TgZ(741,"tr")(742,"td"),t._uU(743,"showColumnByIndex(idx: number)"),t.qZA(),t.TgZ(744,"td"),t._uU(745,"Show column by index"),t.qZA(),t.TgZ(746,"td"),t._uU(747,"idx: number"),t.qZA()(),t.TgZ(748,"tr")(749,"td"),t._uU(750,"hideColumnByIndex(idx: number)"),t.qZA(),t.TgZ(751,"td"),t._uU(752,"Hide column by index"),t.qZA(),t.TgZ(753,"td"),t._uU(754,"idx: number"),t.qZA()(),t.TgZ(755,"tr")(756,"td"),t._uU(757,"showColumnByDataField(dataField: string)"),t.qZA(),t.TgZ(758,"td"),t._uU(759,"Show column by data field"),t.qZA(),t.TgZ(760,"td"),t._uU(761,"dataField: string"),t.qZA()(),t.TgZ(762,"tr")(763,"td"),t._uU(764,"hideColumnByDataField(dataField: string)"),t.qZA(),t.TgZ(765,"td"),t._uU(766,"Hide column by data field"),t.qZA(),t.TgZ(767,"td"),t._uU(768,"dataField: string"),t.qZA()(),t.TgZ(769,"tr")(770,"td"),t._uU(771,"sortByColumn(dataField: string, direction: SortDirections)"),t.qZA(),t.TgZ(772,"td"),t._uU(773,"Sort column by data field"),t.qZA(),t.TgZ(774,"td"),t._uU(775,"dataField: string, direction: SortDirections"),t.qZA()(),t.TgZ(776,"tr")(777,"td"),t._uU(778," filterByColumn(dataField: string, keyword: string, type: FilterTypes) "),t.qZA(),t.TgZ(779,"td"),t._uU(780,"Filter column by data field"),t.qZA(),t.TgZ(781,"td"),t._uU(782,"dataField: string, keyword: string, type: FilterTypes"),t.qZA()(),t.TgZ(783,"tr")(784,"td"),t._uU(785,"getSortColumns()"),t.qZA(),t.TgZ(786,"td"),t._uU(787,"Get array of sorting column"),t.qZA(),t._UZ(788,"td"),t.qZA(),t.TgZ(789,"tr")(790,"td"),t._uU(791,"getFilterColumns()"),t.qZA(),t.TgZ(792,"td"),t._uU(793,"Get array of filtering column"),t.qZA(),t._UZ(794,"td"),t.qZA(),t.TgZ(795,"tr")(796,"td"),t._uU(797,"removeAllSortings()"),t.qZA(),t.TgZ(798,"td"),t._uU(799,"Remove sorting from all columns"),t.qZA(),t._UZ(800,"td"),t.qZA(),t.TgZ(801,"tr")(802,"td"),t._uU(803,"removeAllFilters()"),t.qZA(),t.TgZ(804,"td"),t._uU(805,"Remove filters from all columns"),t.qZA(),t._UZ(806,"td"),t.qZA(),t.TgZ(807,"tr")(808,"td"),t._uU(809,"refresh()"),t.qZA(),t.TgZ(810,"td"),t._uU(811,"Refresh current page data"),t.qZA(),t._UZ(812,"td"),t.qZA(),t.TgZ(813,"tr")(814,"td"),t._uU(815,"reset()"),t.qZA(),t.TgZ(816,"td"),t._uU(817," Reset data grid (remove sorting, filtering, column selection) "),t.qZA(),t._UZ(818,"td"),t.qZA(),t.TgZ(819,"tr")(820,"td"),t._uU(821,"closeAllChild()"),t.qZA(),t.TgZ(822,"td"),t._uU(823,"Close all details sections"),t.qZA(),t._UZ(824,"td"),t.qZA(),t.TgZ(825,"tr")(826,"td"),t._uU(827,"getAllState()"),t.qZA(),t.TgZ(828,"td"),t._uU(829,"Get all states from state management"),t.qZA(),t._UZ(830,"td"),t.qZA(),t.TgZ(831,"tr")(832,"td"),t._uU(833,"setAllState(states: State[])"),t.qZA(),t.TgZ(834,"td"),t._uU(835," Set array of states, "),t._UZ(836,"br"),t._uU(837,"import State from 'np-ui-lib' package "),t.qZA(),t.TgZ(838,"td"),t._uU(839,"states: State[]"),t.qZA()(),t.TgZ(840,"tr")(841,"td"),t._uU(842,"loadStateByName(stateName: string)"),t.qZA(),t.TgZ(843,"td"),t._uU(844,"Set state by name"),t.qZA(),t.TgZ(845,"td"),t._uU(846,"stateName: string"),t.qZA()(),t.TgZ(847,"tr")(848,"td"),t._uU(849,"getCurrentStateName()"),t.qZA(),t.TgZ(850,"td"),t._uU(851,"Get current state name"),t.qZA(),t._UZ(852,"td"),t.qZA()()()()()()),2&a&&(t.xp6(8),t.Q6J("innerText",n.importText),t.xp6(7),t.Q6J("innerText",n.htmlText),t.xp6(22),t.Oqu(n.columnText),t.xp6(124),t.Oqu(n.childRowText),t.xp6(106),t.Oqu(n.summaryTempText),t.xp6(61),t.Oqu(n.importColumnText),t.xp6(107),t.Oqu(n.cellTemplateText),t.xp6(11),t.Oqu(n.cellClickEventText),t.xp6(42),t.Oqu(n.importDataSourceText),t.xp6(78),t.Oqu(n.sortColText),t.xp6(6),t.Oqu(n.filterColText))},dependencies:[e.KA,e.Qk,e.c0,e.El],encapsulation:2})}const At=[{path:"",component:Z,children:[{path:"data-grid-doc",component:G},{path:"client-grid",component:_},{path:"server-grid",component:T},{path:"sorting-grid",component:A},{path:"filter-grid",component:h},{path:"celltemplate-grid",component:b},{path:"toolbar-grid",component:U},{path:"columns-grid",component:S},{path:"row-select-grid",component:q},{path:"master-detail-grid",component:w},{path:"summary-grid",component:f},{path:"state-management-grid",component:C},{path:"other-grid",component:y},{path:"client-grid-all",component:v},{path:"server-grid-all",component:D},{path:"odata-grid",component:F},{path:"inside-tab-grid",component:N},{path:"**",redirectTo:"client-grid"}]}];class E{static#t=this.\u0275fac=function(a){return new(a||E)};static#e=this.\u0275mod=t.oAB({type:E});static#a=this.\u0275inj=t.cJS({imports:[O.Bz.forChild(At),O.Bz]})}class x{static#t=this.\u0275fac=function(a){return new(a||x)};static#e=this.\u0275mod=t.oAB({type:x});static#a=this.\u0275inj=t.cJS({imports:[E,e.h8,m.ez,c.u5,e.kH,e.i7,I.JF,e.Mi,e.Tk,e.qp,e.Wv,e.LE]})}}}]);