{"__symbolic":"module","version":4,"metadata":{"DataGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DataGridComponent"},{"__symbolic":"reference","name":"DataGridColDirective"},{"__symbolic":"reference","name":"DataGridColHeaderDirective"},{"__symbolic":"reference","name":"DataGridCellDirective"},{"__symbolic":"reference","name":"DataGridFooterDirective"},{"__symbolic":"reference","name":"DataGridHeaderDirective"},{"__symbolic":"reference","name":"DataGridLoaderDirective"},{"__symbolic":"reference","name":"DataGridCellFilterDirective"},{"__symbolic":"reference","name":"DataGridColSortDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4}],"exports":[{"__symbolic":"reference","name":"DataGridComponent"},{"__symbolic":"reference","name":"DataGridColDirective"},{"__symbolic":"reference","name":"DataGridColHeaderDirective"},{"__symbolic":"reference","name":"DataGridCellDirective"},{"__symbolic":"reference","name":"DataGridFooterDirective"},{"__symbolic":"reference","name":"DataGridHeaderDirective"},{"__symbolic":"reference","name":"DataGridLoaderDirective"},{"__symbolic":"reference","name":"DataGridCellFilterDirective"},{"__symbolic":"reference","name":"DataGridColSortDirective"}]}]}],"members":{}},"DataGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ps-data-grid","template":"<ng-container *ngIf=\"loading\" [ngTemplateOutlet]=\"loadingTemplate\"></ng-container> \r\n\r\n<table [ngClass]=\"tableClasses\">\r\n  <thead [ngClass]=\"headerClasses\">\r\n    <tr *ngFor=\"let header of gridHeaders\" >\r\n      <th [attr.colspan]=\"columns.length\">\r\n        <ng-container [ngTemplateOutlet]=\"header.template\"></ng-container>\r\n      </th>\r\n    </tr>\r\n    <tr>\r\n      <th *ngFor=\"let column of columns\">\r\n        <div class=\"flex-container\">\r\n          <div class=\"flex-item\">\r\n            <ng-container *ngIf=\"hasHeaderTemplate(column)\" >\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getColumnHeaderTemplate(column)\"\r\n              ></ng-container>\r\n            </ng-container>\r\n          </div>\r\n  \r\n          <div class=\"flex-item\">\r\n         \r\n              <ng-container *ngIf=\"hasSortingTemplate(column)\">\r\n                <ng-container [ngTemplateOutlet]=\"getSortingTemplate(column)\"></ng-container>\r\n              </ng-container>\r\n  \r\n              <ng-container *ngIf=\"hasFilterTemplate(column)\">\r\n                <ng-container [ngTemplateOutlet]=\"getFilterTemplate(column)\"></ng-container>\r\n              </ng-container>\r\n            </div>\r\n           \r\n        </div>\r\n      </th>\r\n    </tr>\r\n  </thead>\r\n  <tbody *ngIf=\"!noData else noResultTemplate\">\r\n    <tr *ngFor=\"let rowModel of latestResult.data; let i = index; let first = first; let last = last; let odd = odd\">\r\n      <td *ngFor=\"let column of columns\">\r\n        <ng-container *ngIf=\"hasCellTemplate(column)\">\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"getColumnCellTemplate(column)\"\r\n            [ngTemplateOutletContext]=\"{\r\n              $implicit: rowModel,\r\n              column: column,\r\n              rowIndex: i,\r\n              first: first,\r\n              last: last,\r\n              odd: odd\r\n            }\"\r\n          ></ng-container>\r\n        </ng-container>\r\n      </td>\r\n    </tr>\r\n  </tbody>\r\n  <tfoot>\r\n    <tr>\r\n      <td *ngFor=\"let footer of gridFooters\" [attr.colspan]=\"columns.length\">\r\n        <ng-container [ngTemplateOutlet]=\"footer.template\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </tfoot>\r\n</table>\r\n\r\n<ng-template #loadingTemplate>\r\n  <ng-container *ngFor=\"let loader of loaders\">\r\n    <ng-container [ngTemplateOutlet]=\"loader.template\"></ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #noResultTemplate>\r\n  <tbody>\r\n    <tr>\r\n      <td [attr.colspan]=\"columns.length\">\r\n        <p style=\"text-align: center;\">{{ noRecordsDisplayText }}</p>\r\n      </td>\r\n    </tr>\r\n  </tbody>\r\n</ng-template>\r\n","styles":[":host .flex-container{display:flex;justify-content:space-between;align-items:center}:host .flex-item{margin-right:1px;height:100%}"]}]}],"members":{"columnDefinitions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"DataGridColDirective"}]}]}],"gridHeaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"DataGridHeaderDirective"}]}]}],"gridFooters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"DataGridFooterDirective"}]}]}],"loaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"DataGridLoaderDirective"}]}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"tableClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"headerClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"noRecordsText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"columnsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":57,"character":27}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getSortingTemplate":[{"__symbolic":"method"}],"getFilterTemplate":[{"__symbolic":"method"}],"getColumn":[{"__symbolic":"method"}],"getColumnHeaderTemplate":[{"__symbolic":"method"}],"getColumnCellTemplate":[{"__symbolic":"method"}],"hasHeaderTemplate":[{"__symbolic":"method"}],"hasCellTemplate":[{"__symbolic":"method"}],"hasFilterTemplate":[{"__symbolic":"method"}],"hasSortingTemplate":[{"__symbolic":"method"}]}},"DataGridCellDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDataGridCell]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DataGridColDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[psDataGridCol]"}]}],"members":{"columnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3},"arguments":["psDataGridCol"]}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":13,"character":3},"arguments":[{"__symbolic":"reference","name":"DataGridColHeaderDirective"}]}]}],"cellTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":14,"character":3},"arguments":[{"__symbolic":"reference","name":"DataGridCellDirective"}]}]}],"filterTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":15,"character":3},"arguments":[{"__symbolic":"reference","name":"DataGridCellFilterDirective"}]}]}],"sortTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"DataGridColSortDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"DataGridColHeaderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDataGridColHeader]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DataGridHeaderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDataGridHeader]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DataGridFooterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDataGridFooter]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DataGridLoaderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDataGridLoader]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DataGridCellFilterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDataGridCellFilter]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DataGridColSortDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDataGridColSort]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ListViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ListViewComponent"},{"__symbolic":"reference","name":"ListViewItemDirective"},{"__symbolic":"reference","name":"ListViewHeaderDirective"},{"__symbolic":"reference","name":"ListViewFooterDirective"},{"__symbolic":"reference","name":"ListViewSeperatorDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"ListViewComponent"},{"__symbolic":"reference","name":"ListViewItemDirective"},{"__symbolic":"reference","name":"ListViewHeaderDirective"},{"__symbolic":"reference","name":"ListViewFooterDirective"},{"__symbolic":"reference","name":"ListViewSeperatorDirective"}]}]}],"members":{}},"ListViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ps-list-view","template":"<ng-container [ngTemplateOutlet]=\"getViewHeaderTemplate()\"></ng-container>\r\n<ng-container *ngIf=\"!noData else noResultTemplate\">\r\n    <div [ngClass]=\"listViewClasses\">\r\n        <ng-container *ngFor=\"let item of latestResult.data; let index = index; let first = first; let last = last; let odd = odd\">\r\n            <ng-container [ngTemplateOutlet]=\"getViewItemTemplate()\" [ngTemplateOutletContext]=\"{\r\n                $implicit: item,\r\n                index: index,\r\n                first: first,\r\n                last: last,\r\n                odd: odd\r\n              }\">\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n</ng-container>\r\n<ng-container [ngTemplateOutlet]=\"getViewFooterTemplate()\"></ng-container>\r\n\r\n\r\n<ng-template #noResultTemplate>\r\n    <div [ngClass]=\"noRecordClasses\">{{noRecords}}</div>\r\n</ng-template>","styles":[""]}]}],"members":{"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"noRecordsText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"noRecordClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"listViewClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"viewItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":4},"arguments":[{"__symbolic":"reference","name":"ListViewItemDirective"}]}]}],"viewHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":25,"character":4},"arguments":[{"__symbolic":"reference","name":"ListViewHeaderDirective"}]}]}],"viewFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":26,"character":4},"arguments":[{"__symbolic":"reference","name":"ListViewFooterDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getViewItemTemplate":[{"__symbolic":"method"}],"getViewHeaderTemplate":[{"__symbolic":"method"}],"getViewFooterTemplate":[{"__symbolic":"method"}]}},"ListViewItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psListViewItem]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ListViewHeaderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psListViewHeader]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ListViewFooterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psListViewFooter]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ListViewSeperatorDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psListViewSeperator]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DsSearchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DsSearchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"DsSearchComponent"}]}]}],"members":{}},"DsSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ps-ds-search","template":"<form (submit)=\"applySearch()\">\n    <div [ngClass]=\"classes\">\n        <input type=\"search\" (onSearch)=\"onSearch()\" [placeholder]=\"finalSearchText\" [ngClass]=\"searchClasses\"\n            [(ngModel)]=\"filterValue\" [ngModelOptions]=\"{standalone: true}\">\n        <button type=\"submit\" [ngClass]=\"submitButtonClasses\">{{ finalSearchText }}</button>\n    </div>\n</form>","styles":[""]}]}],"members":{"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"filterType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"filterPaths":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"searchText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"submitButtonClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"searchClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onSearch":[{"__symbolic":"method"}],"applySearch":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"DsValidationErrorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DsValidationErrorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"DsValidationErrorComponent"}]}]}],"members":{}},"DsValidationErrorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ps-ds-validation-error","template":"<ng-container *ngFor=\"let err of latestErrors; let isLast=last\">\n    {{ err }}\n    <br *ngIf=\"!isLast\">\n</ng-container>","styles":[""]}]}],"members":{"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ViewModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ViewComponent"},{"__symbolic":"reference","name":"ViewContentDirective"},{"__symbolic":"reference","name":"ViewLoadingDirective"},{"__symbolic":"reference","name":"ViewNoRecordsDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4}],"exports":[{"__symbolic":"reference","name":"ViewComponent"},{"__symbolic":"reference","name":"ViewContentDirective"},{"__symbolic":"reference","name":"ViewLoadingDirective"},{"__symbolic":"reference","name":"ViewNoRecordsDirective"}]}]}],"members":{}},"ViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ps-view","template":"<ng-container *ngIf=\"loading; else notLoading\"> \n    <ng-container *ngIf=\"viewLoading\">\n        <ng-container [ngTemplateOutlet]=\"getViewLoadingTemplate()\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!viewLoading\">\n        {{ finalLoadingText }}\n    </ng-container>\n</ng-container>\n\n<ng-template #notLoading>\n    <ng-container *ngIf=\"!noData else noResultTemplate\">\n        <ng-container [ngTemplateOutlet]=\"getViewContentTemplate()\" [ngTemplateOutletContext]=\"{\n            $implicit: viewModel\n            }\">\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n\n<ng-template #noResultTemplate>\n    <ng-container *ngIf=\"viewNoRecords\">\n        <ng-container [ngTemplateOutlet]=\"getViewNoRecordsTemplate()\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!viewNoRecords\">\n        <div [ngClass]=\"noRecordClasses\">{{noRecords}}</div>\n    </ng-container>\n</ng-template>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"noRecordsText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"loadingText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"noRecordClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"viewContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"ViewContentDirective"}]}]}],"viewLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"ViewLoadingDirective"}]}]}],"viewNoRecords":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":24,"character":3},"arguments":[{"__symbolic":"reference","name":"ViewNoRecordsDirective"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"getViewContentTemplate":[{"__symbolic":"method"}],"getViewNoRecordsTemplate":[{"__symbolic":"method"}],"getViewLoadingTemplate":[{"__symbolic":"method"}]}},"ViewContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psViewContent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ViewLoadingDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psViewLoading]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ViewNoRecordsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psViewNoRecords]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DsCommandModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DsCommandComponent"},{"__symbolic":"reference","name":"DsCommandContentDirective"},{"__symbolic":"reference","name":"DsCommandSubmitDirective"},{"__symbolic":"reference","name":"DsCommandValidationDirective"},{"__symbolic":"reference","name":"DsCommandFooterDirective"},{"__symbolic":"reference","name":"DsCommandErrorDirective"},{"__symbolic":"reference","name":"DsCommandNoCommandDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"DsCommandComponent"},{"__symbolic":"reference","name":"DsCommandContentDirective"},{"__symbolic":"reference","name":"DsCommandSubmitDirective"},{"__symbolic":"reference","name":"DsCommandValidationDirective"},{"__symbolic":"reference","name":"DsCommandFooterDirective"},{"__symbolic":"reference","name":"DsCommandErrorDirective"},{"__symbolic":"reference","name":"DsCommandNoCommandDirective"}]}]}],"members":{}},"DsCommandPropertyError":{"__symbolic":"interface"},"DsCommandComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"ps-ds-command, [psDsCommand]","template":"<ng-container *ngIf=\"command; else noCommand\">\n    <ng-container *ngIf=\"hasContent\" [ngTemplateOutlet]=\"contentTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: command, loading: isLoading }\">\n    </ng-container>\n\n    <ng-container *ngIf=\"lastValidationResult\">\n        <ng-container *ngIf=\"hasValidationTemplate\" [ngTemplateOutlet]=\"validationTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: lastValidationResult }\">\n        </ng-container>\n    </ng-container>\n    \n    <ng-container *ngIf=\"lastErrorMessage && errorContent && errorContent.template\">\n        <ng-container [ngTemplateOutlet]=\"errorContent.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: lastErrorMessage }\">\n        </ng-container>\n    </ng-container>\n    \n    <ng-container *ngIf=\"hasFooterTemplate\" [ngTemplateOutlet]=\"footerTemplate\"\n        [ngTemplateOutletContext]=\"{ $implicit: command, loading: isLoading }\">\n    </ng-container>\n</ng-container>\n\n\n<ng-template #noCommand>\n    <ng-container *ngIf=\"noCommandContent && noCommandContent.template\">\n        <ng-container [ngTemplateOutlet]=\"noCommandContent.template\">\n        </ng-container>\n    </ng-container>\n</ng-template>","styles":[""]}]}],"members":{"params":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"refreshOnSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"resolveCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"commandChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"commandContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":43,"character":3},"arguments":[{"__symbolic":"reference","name":"DsCommandContentDirective"}]}]}],"footerContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":44,"character":3},"arguments":[{"__symbolic":"reference","name":"DsCommandFooterDirective"}]}]}],"noCommandContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":45,"character":3},"arguments":[{"__symbolic":"reference","name":"DsCommandNoCommandDirective"}]}]}],"errorContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":46,"character":3},"arguments":[{"__symbolic":"reference","name":"DsCommandErrorDirective"}]}]}],"validationDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":47,"character":3},"arguments":[{"__symbolic":"reference","name":"DsCommandValidationDirective"}]}]}],"submitDirectives":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":48,"character":3},"arguments":[{"__symbolic":"reference","name":"DsCommandSubmitDirective"}]}]}],"command":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"clearValidationError":[{"__symbolic":"method"}],"clearLastErrorMessage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"resolveModel":[{"__symbolic":"method"}],"changeLoadingState":[{"__symbolic":"method"}],"childClicked":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":159,"character":3},"arguments":["click",["$event"]]}]}],"execute":[{"__symbolic":"method"}]}},"DsCommandContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDsCommandContent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DsCommandSubmitDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDsCommandSubmit]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":8,"character":30}]}]}},"DsCommandValidationDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDsCommandValidation]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DsCommandFooterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDsCommandFooter]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DsCommandNoCommandDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDsCommandNoCommand]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DsCommandErrorDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[psDsCommandError]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DsPagerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DsPagerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"DsPagerComponent"}]}]}],"members":{}},"DsPagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ps-ds-pager","template":"<ul>\n    <li class=\"ds-pager-first\" (click)=\"first()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 19l-7-7 7-7m8 14l-7-7 7-7\" />\n          </svg>\n    </li>\n    <li class=\"ds-pager-previous\" (click)=\"previous()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\" />\n        </svg>\n    </li>\n    <li class=\"ds-pager-page\" [class.ds-pager-current]=\"page == pr\" *ngFor=\"let pr of pageRanges\" (click)=\"page = pr\">{{ pr }}</li>\n    <li class=\"ds-pager-next\" (click)=\"next()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" />\n        </svg>\n    </li>\n    <li class=\"ds-pager-last\" (click)=\"last()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 5l7 7-7 7M5 5l7 7-7 7\" />\n        </svg>\n    </li>\n</ul>","styles":[":host ul{list-style:none;display:flex}:host li{padding:4px 2px}:host li.ds-pager-current{color:#00f}:host svg{height:15px;width:15px}"]}]}],"members":{"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"range":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"refreshPageRange":[{"__symbolic":"method"}],"first":[{"__symbolic":"method"}],"last":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}},"origins":{"DataGridModule":"./lib/data-grid/data-grid.module","DataGridComponent":"./lib/data-grid/data-grid/data-grid.component","DataGridCellDirective":"./lib/data-grid/directives/data-grid-cell.directive","DataGridColDirective":"./lib/data-grid/directives/data-grid-col.directive","DataGridColHeaderDirective":"./lib/data-grid/directives/data-grid-col-header.directive","DataGridHeaderDirective":"./lib/data-grid/directives/data-grid-header.directive","DataGridFooterDirective":"./lib/data-grid/directives/data-grid-footer.directive","DataGridLoaderDirective":"./lib/data-grid/directives/data-grid-loader.directive","DataGridCellFilterDirective":"./lib/data-grid/directives/data-grid-cell-filter.directive","DataGridColSortDirective":"./lib/data-grid/directives/data-grid-col-sort.directive","ListViewModule":"./lib/list-view/list-view.module","ListViewComponent":"./lib/list-view/list-view/list-view.component","ListViewItemDirective":"./lib/list-view/directives/list-view-item.directive","ListViewHeaderDirective":"./lib/list-view/directives/list-view-header.directive","ListViewFooterDirective":"./lib/list-view/directives/list-view-footer.directive","ListViewSeperatorDirective":"./lib/list-view/directives/list-view-seperator.directive","DsSearchModule":"./lib/ds-search/ds-search.module","DsSearchComponent":"./lib/ds-search/ds-search.component","DsValidationErrorModule":"./lib/ds-validation-error/ds-validation-error.module","DsValidationErrorComponent":"./lib/ds-validation-error/ds-validation-error.component","ViewModule":"./lib/view/view.module","ViewComponent":"./lib/view/view.component","ViewContentDirective":"./lib/view/directives/view-content.directive","ViewLoadingDirective":"./lib/view/directives/view-loading.directive","ViewNoRecordsDirective":"./lib/view/directives/view-no-records.directive","DsCommandModule":"./lib/ds-command/ds-command.module","DsCommandPropertyError":"./lib/ds-command/ds-command.component","DsCommandComponent":"./lib/ds-command/ds-command.component","DsCommandContentDirective":"./lib/ds-command/directives/ds-command-content.directive","DsCommandSubmitDirective":"./lib/ds-command/directives/ds-command-submit.directive","DsCommandValidationDirective":"./lib/ds-command/directives/ds-command-validation.directive","DsCommandFooterDirective":"./lib/ds-command/directives/ds-command-footer.directive","DsCommandNoCommandDirective":"./lib/ds-command/directives/ds-command-no-command.directive","DsCommandErrorDirective":"./lib/ds-command/directives/ds-command-error.directive","DsPagerModule":"./lib/ds-pager/ds-pager.module","DsPagerComponent":"./lib/ds-pager/ds-pager.component"},"importAs":"@poweredsoft/ngx-cdk-ui"}