cats-data-grid 0.0.2 → 0.0.5

package/fesm2022/cats-data-grid.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"cats-data-grid.mjs","sources":["../../../projects/cats-data-grid/src/lib/services/cats-data-grid.service.ts","../../../projects/cats-data-grid/src/lib/pipes/add-class.pipe.ts","../../../projects/cats-data-grid/src/lib/directives/outside-click.directive.ts","../../../projects/cats-data-grid/src/lib/directives/renderer-parser.directive.ts","../../../projects/cats-data-grid/src/lib/cats-data-grid.component.ts","../../../projects/cats-data-grid/src/lib/cats-data-grid.component.html","../../../projects/cats-data-grid/src/public-api.ts","../../../projects/cats-data-grid/src/cats-data-grid.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class CatsDataGridService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n  name: 'addClass'\r\n})\r\nexport class AddClassPipe implements PipeTransform {\r\n\r\n  transform(value: any, tableOption: any): string {\r\n    if (tableOption?.addClasses) {\r\n      return tableOption.addClasses(value)\r\n    }\r\n    return '';\r\n  }\r\n\r\n}\r\n","import { Directive, ElementRef, EventEmitter, HostListener, Output } from \"@angular/core\";\r\n\r\n@Directive({\r\n  selector: \"[appOutsideClick]\",\r\n  standalone: true\r\n})\r\nexport class OutsideClickDirective {\r\n  @Output() clickOutside = new EventEmitter();\r\n  constructor(private el: ElementRef) { }\r\n  @HostListener('document:click', ['$event', '$event.target'])\r\n  onClick(event: MouseEvent, targetElement: HTMLElement) {\r\n    event.stopPropagation();\r\n    if (!targetElement) {\r\n      return;\r\n    }\r\n    const clickInside = this.el.nativeElement.contains(targetElement);\r\n    if (!clickInside) this.clickOutside.emit(event)\r\n  }\r\n}","import {\r\n  Component,\r\n  Directive,\r\n  ElementRef,\r\n  Input,\r\n  OnInit,\r\n  ViewContainerRef,\r\n} from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[appRendererParser]',\r\n})\r\nexport class RendererParserDirective implements OnInit {\r\n  @Input() rowParam: any;\r\n  @Input() col: any;\r\n  @Input() api: any;\r\n  @Input() currentValue: any;\r\n  ref: any;\r\n  constructor(private el: ViewContainerRef, private er: ElementRef) { }\r\n  ngOnInit() {\r\n    this.el?.clear();\r\n    let params: any = {\r\n      data: this.rowParam,\r\n      value: this.currentValue,\r\n      cellParams: this.col?.cellRendererParams,\r\n      col: this.col\r\n    };\r\n    if (\r\n      this.col?.cellRenderer?.prototype &&\r\n      this.col.cellRenderer.prototype?.constructor == this.col.cellRenderer\r\n    ) {\r\n      this.ref = this.el.createComponent(this.col?.cellRenderer);\r\n      this.ref.instance?.cellInit(params, this.api);\r\n    } else if (typeof this.col?.cellRenderer == 'function') {\r\n      let newDiv = document.createElement('div');\r\n      newDiv.className = 'more_data_wrapper';\r\n      newDiv.innerHTML = this.col.cellRenderer(params);\r\n      let toltipDiv = document.createElement('div');\r\n      let itemDiv = document.createElement('div');\r\n      let descDiv = document.createElement('div');\r\n      toltipDiv.className = 'see_more_data';\r\n      itemDiv.className = 'item';\r\n      descDiv.className = 'desc';\r\n      descDiv.innerHTML = newDiv.innerText;\r\n      itemDiv.appendChild(descDiv);\r\n      toltipDiv.appendChild(itemDiv);\r\n      this.er.nativeElement.appendChild(newDiv);\r\n      this.er.nativeElement.appendChild(toltipDiv);\r\n    }\r\n  }\r\n}\r\n","import { AddClassPipe } from \"./pipes/add-class.pipe\";\r\nimport { CommonModule } from '@angular/common';\r\nimport { ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { OutsideClickDirective } from './directives/outside-click.directive';\r\nimport { RendererParserDirective } from './directives/renderer-parser.directive';\r\n\r\n@Component({\r\n  selector: 'cats-data-grid',\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    OutsideClickDirective,\r\n    RendererParserDirective,\r\n    AddClassPipe,\r\n  ],\r\n  templateUrl: './cats-data-grid.component.html',\r\n  styleUrl: './cats-data-grid.component.scss',\r\n})\r\nexport class CatsDataGridComponent implements OnChanges {\r\n  @Input() tableOptions: any;\r\n  @Input() totalRecords: number = 0;\r\n  @Input() sortingRequired = false;\r\n  @Input() checkBoxSelection = false;\r\n  @Input() checkboxSelectionType = 'multiple';\r\n  @Input() rowData: any[] = [];\r\n  @Input() colDefs: any[] = [];\r\n  @Input() paginationRequired = true;\r\n  @Input() selectedRowEmpty: boolean = false;\r\n  @Input() height: number = 300;\r\n  @Output() onPaginationChange = new EventEmitter();\r\n  @Output() onCheckboxSelection = new EventEmitter();\r\n  @Output() onScrollEmitter = new EventEmitter();\r\n\r\n  pageDetails: any = {\r\n    pageSize: 20,\r\n    totalPages: 1,\r\n    currentPage: 1,\r\n  };\r\n  recordsToShow: any = {\r\n    min: 0,\r\n    max: 20,\r\n  };\r\n  sortingColumnIndex!: number;\r\n  sortingType: string = '';\r\n  selectedRow: any[] = [];\r\n\r\n  @Input() pageSizeList: number[] = [20, 50, 75, 100];\r\n  showPageSizeList: boolean = false;\r\n  dragOverIndex: null | number = null;\r\n  draggedIndex: null | number = null;\r\n  constructor(private cd: ChangeDetectorRef) {}\r\n\r\n  ngOnInit(): void {}\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes['colDefs']?.currentValue) {\r\n      this.resetTableConfig();\r\n    }\r\n    if (changes['totalRecords']?.currentValue) {\r\n      this.setPageCount();\r\n    }\r\n    if (changes['rowData']?.currentValue) {\r\n      if (this.selectedRowEmpty) this.selectedRow = [];\r\n      this.rowData = changes['rowData']?.currentValue.map(\r\n        (row: any, i: number) => {\r\n          row.rowId = `${Date.now()}_${i}`;\r\n          if (row?.isSelected) [...this.selectedRow, row];\r\n          return row;\r\n        }\r\n      );\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description Method to parse column value from rowdata object\r\n   *  according to given field value in column Defination\r\n   * @author Tarun Kumar\r\n   * @param row - current row object\r\n   * @param toParse - field value\r\n   * @returns string\r\n   */\r\n  parseColValue(row: any, toParse: string): string {\r\n    if (!toParse?.includes('.')) {\r\n      return row[toParse] || '-';\r\n    } else {\r\n      let toParseArr = toParse.split('.');\r\n      let val = row;\r\n      for (const key of toParseArr) {\r\n        val =\r\n          row?.[val.key] && typeof row[val.key] === 'object'\r\n            ? row[val.key].name\r\n            : row[val.key] ?? '';\r\n        // val = val[key];\r\n      }\r\n      return val || '-';\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description method to reset table configuration\r\n   * @author Tarun Kumar\r\n   * @param none\r\n   * @returns void\r\n   */\r\n  resetTableConfig(): void {\r\n    this.pageDetails.pageSize = 20;\r\n    this.pageDetails.currentPage = 1;\r\n    this.pageDetails.totalPages = 1;\r\n    this.recordsToShow.min = 0;\r\n    this.recordsToShow.max = 20;\r\n    this.setPageCount();\r\n  }\r\n\r\n  /**\r\n   * @description method to set total pages count\r\n   * @author Tarun Kumar\r\n   * @param none\r\n   * @returns void\r\n   */\r\n  setPageCount(): void {\r\n    this.pageDetails.totalPages = Math.ceil(\r\n      this.totalRecords / this.pageDetails.pageSize\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @description method to update table on page size change\r\n   * @author Tarun Kumar\r\n   * @param event\r\n   * @returns void\r\n   */\r\n  onPageSizeChanged(event: any): void {\r\n    this.recordsToShow.min = 0;\r\n    this.recordsToShow.max = parseInt(event);\r\n    this.pageDetails.currentPage = 1;\r\n    this.pageDetails.pageSize = parseInt(event);\r\n    this.setPageCount();\r\n    this.onPaginationChange.emit({\r\n      page: this.pageDetails.currentPage - 1,\r\n      pageSize: this.pageDetails.pageSize,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * @description method to update table on previous button click\r\n   * @author Tarun Kumar\r\n   */\r\n  onBtPrevClick(): void {\r\n    this.recordsToShow.min = this.recordsToShow.min - this.pageDetails.pageSize;\r\n    this.recordsToShow.max = this.recordsToShow.max - this.pageDetails.pageSize;\r\n    if (this.pageDetails.currentPage > 1)\r\n      this.pageDetails.currentPage = this.pageDetails.currentPage - 1;\r\n\r\n    this.onPaginationChange.emit({\r\n      page: this.pageDetails.currentPage - 1,\r\n      pageSize: this.pageDetails.pageSize,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * @description method to update table on next button click\r\n   * @author Tarun Kumar\r\n   */\r\n  onBtNextClick(): void {\r\n    this.recordsToShow.min = this.recordsToShow.min + this.pageDetails.pageSize;\r\n    this.recordsToShow.max = this.recordsToShow.max + this.pageDetails.pageSize;\r\n\r\n    if (this.pageDetails.currentPage < this.pageDetails.totalPages)\r\n      this.pageDetails.currentPage = this.pageDetails.currentPage + 1;\r\n\r\n    this.onPaginationChange.emit({\r\n      page: this.pageDetails.currentPage - 1,\r\n      pageSize: this.pageDetails.pageSize,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * @description method to update table on selecting any page randomly\r\n   * @author Tarun Kumar\r\n   * @param event\r\n   */\r\n  goToSelectedPage(event: any): void {\r\n    let pageNo = event.target.value;\r\n    if (pageNo < 1) {\r\n      this.pageDetails.currentPage = 1;\r\n    } else if (pageNo > this.pageDetails.totalPages) {\r\n      this.pageDetails.currentPage = this.pageDetails.totalPages;\r\n    }\r\n    this.recordsToShow.max =\r\n      this.pageDetails.currentPage * this.pageDetails.pageSize;\r\n    this.recordsToShow.min =\r\n      this.pageDetails.currentPage * this.pageDetails.pageSize -\r\n      this.pageDetails.pageSize;\r\n\r\n    this.onPaginationChange.emit({\r\n      page: this.pageDetails.currentPage - 1,\r\n      pageSize: this.pageDetails.pageSize,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * @description method to sort data according to type and column\r\n   * @author Tarun Kumar\r\n   * @param sortingColumIndex\r\n   * @param fieldName\r\n   * @param sortingType\r\n   */\r\n  onSortingRowData(sortingColumIndex: number, fieldName: string): void {\r\n    this.sortingColumnIndex = sortingColumIndex;\r\n    this.sortingType = !this.sortingType\r\n      ? 'asc'\r\n      : this.sortingType == 'asc'\r\n      ? 'dsc'\r\n      : 'asc';\r\n    if (this.sortingType == 'asc') {\r\n      this.ascendingOrder(fieldName);\r\n    } else {\r\n      this.descendingOrder(fieldName);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description method to sort table in ascending order according to given field\r\n   * @param fieldName\r\n   */\r\n  ascendingOrder(fieldName: string): void {\r\n    this.rowData = this.rowData.sort((a, b) => {\r\n      if (this.parseColValue(a, fieldName) > this.parseColValue(b, fieldName)) {\r\n        return 1;\r\n      } else {\r\n        return -1;\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * @description method to sort table in descending order according to given field\r\n   * @param fieldName\r\n   */\r\n  descendingOrder(fieldName: string): void {\r\n    this.rowData = this.rowData.sort((a, b) => {\r\n      if (this.parseColValue(a, fieldName) > this.parseColValue(b, fieldName)) {\r\n        return -1;\r\n      } else {\r\n        return 1;\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * @description method to check/uncheck all rows on header checkbox selection/deselection\r\n   * @author Tarun Kumar\r\n   * @param event\r\n   */\r\n  onHeaderCheckboxChange(event: any): void {\r\n    if (event.target.checked) {\r\n      this.rowData = this.rowData.map((data) => {\r\n        data.isSelected = true;\r\n        return data;\r\n      });\r\n      this.selectedRow = JSON.parse(JSON.stringify(this.rowData));\r\n      this.onCheckboxSelection.emit(this.rowData);\r\n    } else {\r\n      this.rowData = this.rowData.map((data) => {\r\n        data.isSelected = false;\r\n        return data;\r\n      });\r\n      this.selectedRow = [];\r\n      this.onCheckboxSelection.emit([]);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description method to check/uncheck row on row checkbox selection/deselection\r\n   * @author Tarun Kumar\r\n   * @param event\r\n   */\r\n  onRowCheckboxSelection(event: any): void {\r\n    if (event.target.checked) {\r\n      let ind = this.rowData.findIndex(\r\n        (item: any) => item.rowId == event.target.id\r\n      );\r\n      this.rowData[ind].isSelected = true;\r\n      if (\r\n        this.checkboxSelectionType != 'multiple' &&\r\n        this.selectedRow.length > 0\r\n      ) {\r\n        (\r\n          document.getElementById(this.selectedRow[0].rowId) as HTMLInputElement\r\n        ).checked = false;\r\n        this.selectedRow = [];\r\n      }\r\n      this.selectedRow.push(this.rowData[ind]);\r\n\r\n      this.onCheckboxSelection.emit(this.selectedRow);\r\n    } else {\r\n      let ind = this.rowData.findIndex(\r\n        (item: any) => item.rowId == event.target.id\r\n      );\r\n      this.rowData[ind].isSelected = false;\r\n      let i = this.selectedRow.findIndex(\r\n        (item: any) => item.rowId == event.target.id\r\n      );\r\n      this.selectedRow.splice(i, 1);\r\n      this.onCheckboxSelection.emit(this.selectedRow);\r\n    }\r\n    this.cd.detectChanges();\r\n  }\r\n  /**\r\n   * @description method to check/uncheck all rows on header checkbox selection/deselection\r\n   * @author Tarun Kumar\r\n   * @param col\r\n   * @returns {object}\r\n   */\r\n  getStyle(col: any): object {\r\n    return { width: `${col.width}px` };\r\n  }\r\n  onClickOutside() {\r\n    this.showPageSizeList = false;\r\n  }\r\n  checkCondition(data: any): boolean {\r\n    if (data.status) return true;\r\n    else return false;\r\n  }\r\n  infinityScroll(event: any) {\r\n    if (\r\n      event.target.offsetHeight + event.target.scrollTop >=\r\n        event.target.scrollHeight - 1 &&\r\n      this.rowData.length\r\n    ) {\r\n      this.onScrollEmitter.emit();\r\n    }\r\n  }\r\n\r\n  checkAllSelected(): boolean {\r\n    if (!this.rowData.length) return false;\r\n    return this.selectedRow.length == this.rowData.length;\r\n  }\r\n  checkInterminate(): boolean {\r\n    if (!this.rowData.length) return false;\r\n    return (\r\n      this.selectedRow.length > 0 &&\r\n      this.selectedRow.length < this.rowData.length\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @author Tarun Kumar\r\n   * @description function triggered when the drag starts\r\n   * @param {event object, index}\r\n   * @returns {void}\r\n   */\r\n  onDragStart(event: DragEvent, index: number) {\r\n    this.draggedIndex = index;\r\n    event.dataTransfer?.setData('text/plain', index.toString());\r\n  }\r\n\r\n  /**\r\n   * @author Tarun Kumar\r\n   * @description function to track the index of the element being dragged over and allow dropping\r\n   * @param {event object, index}\r\n   * @returns {void}\r\n   */\r\n  onDragOver(event: DragEvent, index: number) {\r\n    event.preventDefault();\r\n    if (this.dragOverIndex !== index) {\r\n      this.dragOverIndex = index;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @author Tarun Kumar\r\n   * @description function to Reorder the items on drop\r\n   * @param {event object, index}\r\n   * @returns {void}\r\n   */\r\n  onDrop(event: DragEvent, index: number) {\r\n    event.preventDefault();\r\n    if (this.draggedIndex === null) return;\r\n    const draggedItem = this.colDefs[this.draggedIndex];\r\n    this.colDefs.splice(this.draggedIndex, 1);\r\n    this.colDefs.splice(index, 0, draggedItem);\r\n    this.draggedIndex = null;\r\n    this.dragOverIndex = null;\r\n  }\r\n\r\n  /**\r\n   * @author Tarun Kumar\r\n   * @description function to reset dragOverIndex when the drag ends\r\n   * @param {none}\r\n   * @returns {void}\r\n   */\r\n  onDragEnd() {\r\n    this.draggedIndex = null;\r\n    this.dragOverIndex = null;\r\n  }\r\n}\r\n\r\n","<div class=\"tableArea\">\r\n  <div class=\"table_wrapper\" id=\"container_scroll\" (scroll)=\"infinityScroll($event)\" [ngStyle]=\"{height: height + 'px'}\">\r\n    <table cellspacing=\"0\" cellpadding=\"0\">\r\n      <thead class=\"sticky-top\">\r\n        <tr>\r\n          @if (checkBoxSelection && checkboxSelectionType == 'multiple') {\r\n          <th style=\"width: 50px\">\r\n            <span><input class=\"form-check-input cursor-pointer\" type=\"checkbox\" name=\"\" id=\"\" [checked]=\"checkAllSelected()\"\r\n                [indeterminate]=\"checkInterminate()\" (change)=\"onHeaderCheckboxChange($event)\" /></span>\r\n          </th>\r\n          } @for (col of colDefs; track $index) {\r\n          <th [ngStyle]=\"getStyle(col)\" [ngClass]=\"{ 'drag-over': dragOverIndex === $index }\" draggable=\"true\"\r\n        (dragstart)=\"onDragStart($event, $index)\" (dragover)=\"onDragOver($event, $index)\" (drop)=\"onDrop($event, $index)\"\r\n        (dragend)=\"onDragEnd()\" >\r\n            <div class=\"flex-center\" [ngStyle]=\"getStyle(col)\" (click)=\"onSortingRowData($index, col?.fieldName)\">\r\n              <span class=\"ellipsis headerName\">{{ col?.headerName }}</span>\r\n              @if (sortingRequired && sortingColumnIndex == $index) {\r\n              <span class=\"headerName-icon\">\r\n                <ul class=\"\">\r\n                  <li class=\"cursor-pointer\">\r\n                    <img src=\"images/sort_up.svg\" class=\"sorting_up\" [ngClass]=\"\r\n                        sortingColumnIndex == $index && sortingType == 'asc'\r\n                          ? 'd-none'\r\n                          : ''\r\n                      \" />\r\n                  </li>\r\n                  <li class=\"cursor-pointer\">\r\n                    <!-- <i class=\"fa fa-caret-down\" [ngClass]=\"sortingColumnIndex == $index && sortingType == 'dsc' ? 'muted_sort' : ''\"></i> -->\r\n                    <img src=\"images/sort_down.svg\" class=\"sorting_down\" [ngClass]=\"\r\n                        sortingColumnIndex == $index && sortingType == 'dsc'\r\n                          ? 'd-none'\r\n                          : ''\r\n                      \" />\r\n                  </li>\r\n                </ul>\r\n              </span>\r\n              }\r\n            </div>\r\n          </th>\r\n          }\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        @for (data of rowData; track data.rowId) {\r\n        <tr [ngClass]=\"data | addClass : tableOptions\">\r\n          @if (checkBoxSelection) {\r\n          <td style=\"min-width: 50px\">\r\n            @if (checkboxSelectionType=='multiple') {\r\n            <span><input type=\"checkbox\" class=\"form-check-input pointer\" name=\"\" id=\"{{ data.rowId }}\"\r\n                [checked]=\"data?.isSelected\" (change)=\"onRowCheckboxSelection($event)\" /></span>\r\n\r\n            }@else{\r\n            <span class=\"checkboxInput\">\r\n              <input type=\"radio\" name=\"\" id=\"{{ data.rowId }}\" [checked]=\"data?.isSelected\"\r\n                (change)=\"onRowCheckboxSelection($event)\" />\r\n            </span>\r\n\r\n            }\r\n          </td>\r\n          } @for (col of colDefs; track $index) {\r\n          <td [ngStyle]=\"getStyle(col)\" [ngClass]=\"col?.addClass ? col.addClass(data) : ''\">\r\n            @if (!col?.cellRenderer) {\r\n            <div class=\"cell-value\">\r\n              <div class=\"more_data_wrapper\" [ngClass]=\"{ ellipsis: !col.wrapText }\">\r\n                {{ parseColValue(data, col.fieldName) }}\r\n              </div>\r\n              <div class=\"see_more_data\">\r\n                <div class=\"item\">\r\n                  <span class=\"desc\">\r\n                    {{ parseColValue(data, col.fieldName) }}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            } @else{\r\n            <div [rowParam]=\"data\" [col]=\"col\" [api]=\"tableOptions\" [currentValue]=\"data[col.fieldName]\"\r\n              appRendererParser></div>\r\n            }\r\n            <!-- Commented for later use -->\r\n            <!-- <div class=\"tool_tip\">\r\n              <span class=\"\"> {{ parseColValue(data, col.fieldName) }}aditya </span>\r\n            </div> -->\r\n          </td>\r\n          }\r\n        </tr>\r\n        } @empty {\r\n        <tr>\r\n          <td [attr.colspan]=\"colDefs.length + 1\">\r\n            <div class=\"small_data\">\r\n              @if (tableOptions?.noDataTemplate) {\r\n              <ng-container *ngTemplateOutlet=\"tableOptions?.noDataTemplate\"></ng-container>\r\n\r\n              }@else{\r\n              <!-- need to style it properly then we will add it -->\r\n              <span>No Data To Show</span>\r\n\r\n              }\r\n            </div>\r\n          </td>\r\n        </tr>\r\n\r\n        }\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n  <!--  Table Wrapper Ends-->\r\n  @if(paginationRequired){\r\n  <div class=\"pagination_main\">\r\n    <div class=\"entries_details\">\r\n      <span>Showing</span>\r\n      <div class=\"pagination_select\" appOutsideClick (clickOutside)=\"onClickOutside()\">\r\n        <div class=\"select_dropdown pointer\" (click)=\"showPageSizeList = !showPageSizeList\">\r\n          <p class=\"select_text mb-0\">{{ pageDetails.pageSize }}</p>\r\n          <span class=\"chevron_img\">\r\n            <img src=\"images/chevron-down.svg\" class=\"pointer\" />\r\n          </span>\r\n        </div>\r\n        @if(showPageSizeList){\r\n        <div class=\"select_option\">\r\n          @for(option of pageSizeList;track $index){\r\n          <span class=\"pointer\" (click)=\"onPageSizeChanged(option); onClickOutside()\">{{ option }}</span>\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n      <span>Rows | {{ totalRecords > 0 ? recordsToShow.min + 1 : 0 }} -\r\n        {{\r\n        recordsToShow.max > totalRecords ? totalRecords : recordsToShow.max\r\n        }}\r\n        of\r\n        {{ totalRecords }} Entries</span>\r\n    </div>\r\n    <div class=\"pagination_form flex-center\">\r\n      <span>Page</span>\r\n\r\n      <button class=\"outlined_btn prev_btn\" [ngClass]=\"pageDetails.currentPage > 1 ? '' : 'disable_btn'\" type=\"button\"\r\n        (click)=\"onBtPrevClick()\">\r\n        <span> < </span>\r\n      </button>\r\n      <div>\r\n        <input class=\"input_style right\" type=\"number\" [(ngModel)]=\"pageDetails.currentPage\"\r\n          (change)=\"goToSelectedPage($event)\" name=\"\" id=\"\" />\r\n      </div>\r\n      <button class=\"outlined_btn next_btn\" type=\"button\" [ngClass]=\"\r\n          pageDetails.currentPage < pageDetails.totalPages ? '' : 'disable_btn'\r\n        \" (click)=\"onBtNextClick()\">\r\n        <span> > </span>\r\n      </button>\r\n      <span>of {{ pageDetails.totalPages }}</span>\r\n    </div>\r\n  </div>\r\n  }\r\n  <!-- Pagination Ends -->\r\n</div>","/*\r\n * Public API Surface of cats-data-grid\r\n */\r\n\r\nexport * from './lib/services/cats-data-grid.service';\r\nexport * from './lib/cats-data-grid.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cats-data-grid" />
-export * from './public-api';

package/lib/cats-data-grid.component.d.ts

@@ -1,148 +0,0 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class CatsDataGridComponent implements OnChanges {
-    private cd;
-    tableOptions: any;
-    totalRecords: number;
-    sortingRequired: boolean;
-    checkBoxSelection: boolean;
-    checkboxSelectionType: string;
-    rowData: any[];
-    colDefs: any[];
-    paginationRequired: boolean;
-    selectedRowEmpty: boolean;
-    height: number;
-    onPaginationChange: EventEmitter<any>;
-    onCheckboxSelection: EventEmitter<any>;
-    onScrollEmitter: EventEmitter<any>;
-    pageDetails: any;
-    recordsToShow: any;
-    sortingColumnIndex: number;
-    sortingType: string;
-    selectedRow: any[];
-    pageSizeList: number[];
-    showPageSizeList: boolean;
-    dragOverIndex: null | number;
-    draggedIndex: null | number;
-    constructor(cd: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * @description Method to parse column value from rowdata object
-     *  according to given field value in column Defination
-     * @author Tarun Kumar
-     * @param row - current row object
-     * @param toParse - field value
-     * @returns string
-     */
-    parseColValue(row: any, toParse: string): string;
-    /**
-     * @description method to reset table configuration
-     * @author Tarun Kumar
-     * @param none
-     * @returns void
-     */
-    resetTableConfig(): void;
-    /**
-     * @description method to set total pages count
-     * @author Tarun Kumar
-     * @param none
-     * @returns void
-     */
-    setPageCount(): void;
-    /**
-     * @description method to update table on page size change
-     * @author Tarun Kumar
-     * @param event
-     * @returns void
-     */
-    onPageSizeChanged(event: any): void;
-    /**
-     * @description method to update table on previous button click
-     * @author Tarun Kumar
-     */
-    onBtPrevClick(): void;
-    /**
-     * @description method to update table on next button click
-     * @author Tarun Kumar
-     */
-    onBtNextClick(): void;
-    /**
-     * @description method to update table on selecting any page randomly
-     * @author Tarun Kumar
-     * @param event
-     */
-    goToSelectedPage(event: any): void;
-    /**
-     * @description method to sort data according to type and column
-     * @author Tarun Kumar
-     * @param sortingColumIndex
-     * @param fieldName
-     * @param sortingType
-     */
-    onSortingRowData(sortingColumIndex: number, fieldName: string): void;
-    /**
-     * @description method to sort table in ascending order according to given field
-     * @param fieldName
-     */
-    ascendingOrder(fieldName: string): void;
-    /**
-     * @description method to sort table in descending order according to given field
-     * @param fieldName
-     */
-    descendingOrder(fieldName: string): void;
-    /**
-     * @description method to check/uncheck all rows on header checkbox selection/deselection
-     * @author Tarun Kumar
-     * @param event
-     */
-    onHeaderCheckboxChange(event: any): void;
-    /**
-     * @description method to check/uncheck row on row checkbox selection/deselection
-     * @author Tarun Kumar
-     * @param event
-     */
-    onRowCheckboxSelection(event: any): void;
-    /**
-     * @description method to check/uncheck all rows on header checkbox selection/deselection
-     * @author Tarun Kumar
-     * @param col
-     * @returns {object}
-     */
-    getStyle(col: any): object;
-    onClickOutside(): void;
-    checkCondition(data: any): boolean;
-    infinityScroll(event: any): void;
-    checkAllSelected(): boolean;
-    checkInterminate(): boolean;
-    /**
-     * @author Tarun Kumar
-     * @description function triggered when the drag starts
-     * @param {event object, index}
-     * @returns {void}
-     */
-    onDragStart(event: DragEvent, index: number): void;
-    /**
-     * @author Tarun Kumar
-     * @description function to track the index of the element being dragged over and allow dropping
-     * @param {event object, index}
-     * @returns {void}
-     */
-    onDragOver(event: DragEvent, index: number): void;
-    /**
-     * @author Tarun Kumar
-     * @description function to Reorder the items on drop
-     * @param {event object, index}
-     * @returns {void}
-     */
-    onDrop(event: DragEvent, index: number): void;
-    /**
-     * @author Tarun Kumar
-     * @description function to reset dragOverIndex when the drag ends
-     * @param {none}
-     * @returns {void}
-     */
-    onDragEnd(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CatsDataGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatsDataGridComponent, "cats-data-grid", never, { "tableOptions": { "alias": "tableOptions"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "sortingRequired": { "alias": "sortingRequired"; "required": false; }; "checkBoxSelection": { "alias": "checkBoxSelection"; "required": false; }; "checkboxSelectionType": { "alias": "checkboxSelectionType"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "colDefs": { "alias": "colDefs"; "required": false; }; "paginationRequired": { "alias": "paginationRequired"; "required": false; }; "selectedRowEmpty": { "alias": "selectedRowEmpty"; "required": false; }; "height": { "alias": "height"; "required": false; }; "pageSizeList": { "alias": "pageSizeList"; "required": false; }; }, { "onPaginationChange": "onPaginationChange"; "onCheckboxSelection": "onCheckboxSelection"; "onScrollEmitter": "onScrollEmitter"; }, never, never, true, never>;
-}

package/lib/directives/outside-click.directive.d.ts

@@ -1,10 +0,0 @@
-import { ElementRef, EventEmitter } from "@angular/core";
-import * as i0 from "@angular/core";
-export declare class OutsideClickDirective {
-    private el;
-    clickOutside: EventEmitter<any>;
-    constructor(el: ElementRef);
-    onClick(event: MouseEvent, targetElement: HTMLElement): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OutsideClickDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<OutsideClickDirective, "[appOutsideClick]", never, {}, { "clickOutside": "clickOutside"; }, never, never, true, never>;
-}

package/lib/directives/renderer-parser.directive.d.ts

@@ -1,15 +0,0 @@
-import { ElementRef, OnInit, ViewContainerRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class RendererParserDirective implements OnInit {
-    private el;
-    private er;
-    rowParam: any;
-    col: any;
-    api: any;
-    currentValue: any;
-    ref: any;
-    constructor(el: ViewContainerRef, er: ElementRef);
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RendererParserDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RendererParserDirective, "[appRendererParser]", never, { "rowParam": { "alias": "rowParam"; "required": false; }; "col": { "alias": "col"; "required": false; }; "api": { "alias": "api"; "required": false; }; "currentValue": { "alias": "currentValue"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/pipes/add-class.pipe.d.ts

@@ -1,7 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class AddClassPipe implements PipeTransform {
-    transform(value: any, tableOption: any): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AddClassPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AddClassPipe, "addClass", true>;
-}

package/lib/services/cats-data-grid.service.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class CatsDataGridService {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<CatsDataGridService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<CatsDataGridService>;
-}

package/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './lib/services/cats-data-grid.service';
-export * from './lib/cats-data-grid.component';

package/styles/component/_form.scss

@@ -1,246 +0,0 @@
-@use "../sass-utils" as *;
-
-.row_div {
-  min-height: rem(54px);
-  @include flex(flex-start, center);
-
-  .col_div {
-    width: 50%;
-    @include flex(flex-start, center);
-  }
-
-  .label {
-    width: rem(200px);
-    min-width: rem(200px);
-    padding: 0 rem(24px);
-    color: var(--textSecondary70);
-    @include fontStyle(var(--fs-16), 140%, 500);
-
-    @include flex("", center, rem(3px));
-
-    sup {
-      top: rem(-2px);
-    }
-  }
-  .field {
-    padding: rem(8px) rem(24px);
-    flex-grow: 1;
-    @include flex(flex-start, start, "", column);
-    color: var(--textPrimary);
-    @include fontStyle(var(--fs-16), 140%);
-
-    li {
-      list-style: disc;
-      line-height: rem(32px);
-      margin-left: rem(18px);
-    }
-  }
-}
-
-textarea,
-input,
-.ordered_textarea {
-  color: var(--textPrimary);
-}
-
-.errorField {
-  flex-direction: column;
-  align-items: start;
-
-  .error {
-    max-width: rem(448px);
-    @include flex(flex-start, start);
-    i-feather[name="info"] {
-      padding-right: rem(4px);
-      display: flex;
-      stroke: var(--error-red);
-      @include box(rem(14px), rem(14px));
-    }
-  }
-
-  textarea,
-  input,
-  .ordered_textarea {
-    color: var(--textPrimary);
-    border: rem(1px) solid var(--error-red);
-  }
-  .error {
-    padding-top: rem(8px);
-    color: var(--error-red);
-    @include fontStyle(var(--fs-12), 140%, 400);
-  }
-}
-
-sup {
-  color: var(--error-red);
-}
-
-input::placeholder,
-textarea::placeholder {
-  color: var(--textSecondary70);
-  @include fontStyle(var(--fs-16), 140%);
-}
-
-textarea {
-  border: rem(1px) solid var(--border);
-  border-radius: rem(16px);
-  padding: rem(16px);
-  width: 100%;
-  min-height: rem(108px);
-  resize: none;
-}
-input {
-  border: rem(1px) solid var(--border);
-  border-radius: rem(16px);
-  padding: rem(16px);
-  width: 100%;
-  height: rem(54px);
-
-  &.disable {
-    background-color: var(--blue-50);
-    pointer-events: none;
-  }
-}
-
-.ordered_textarea {
-  // max-width: rem(448px);
-  border: rem(1px) solid var(--border);
-  border-radius: rem(16px);
-  padding: rem(16px);
-  width: 100%;
-  list-style: disc;
-  min-height: rem(108px);
-
-  ul {
-    padding-left: rem(32px);
-    outline: none;
-    &.editable-div {
-      min-height: rem(72px);
-      max-height: rem(112px);
-      overflow: auto;
-    }
-
-    li {
-      margin-left: rem(21px);
-      list-style: disc;
-      color: var(--textPrimary);
-      @include fontStyle(var(--fs-16), rem(28px));
-    }
-  }
-}
-
-// ----------------  CUSTOM RADIO INPUT START HERE
-.custom_radio {
-  display: inline-flex;
-  align-items: center;
-  min-width: rem(223px);
-
-  .name {
-    color: var(--neutral-600);
-    @include fontStyle(var(--fs-16), 140%, 400);
-  }
-
-  &.disabled {
-    pointer-events: none;
-
-    .radio_mark {
-      background-color: var(--neutral-100);
-      border: rem(1px) solid var(--neutral-200);
-    }
-
-    .name {
-      color: var(--textPrimary);
-      @include fontStyle(var(--fs-16), 140%);
-    }
-  }
-
-  .name {
-    padding-right: rem(23px);
-  }
-}
-
-.custom_radio input[type="radio"] {
-  display: none;
-}
-
-.radio_mark {
-  @include box(rem(20px), rem(20px));
-  border: rem(1.5px) solid var(--border);
-  border-radius: 50%;
-  margin-right: rem(8px);
-  position: relative;
-  background-color: var(--white);
-}
-
-.custom_radio input[type="radio"]:checked + .radio_mark {
-  background-color: var(--white);
-}
-
-.radio_mark::after {
-  content: "";
-  @include box(rem(12px), rem(12px));
-  background: var(--blue-700);
-  border-radius: 50%;
-  position: absolute;
-  @include positioning(50%, 50%);
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  transition: opacity 0.2s;
-}
-
-.custom_radio input[type="radio"]:checked + .radio_mark::after {
-  opacity: 1;
-}
-
-.dob_age_field {
-  border: rem(1px) solid var(--border);
-  border-radius: rem(16px);
-  padding: 0 rem(16px);
-  width: 100%;
-  height: rem(54px);
-  background-color: var(--blue-50);
-  @include flex(flex-start, center);
-
-  .dob,
-  .age {
-    @include fontStyle(var(--fs-16), 140%);
-    color: var(--textSecondary);
-  }
-  .age {
-    padding-left: rem(10px);
-  }
-  .dob {
-    @include flex(space-between, center);
-    width: 50%;
-    height: 100%;
-    padding-right: rem(10px);
-    border-right: rem(1px) solid var(--border);
-
-    img {
-      @include box(rem(20px), rem(20px));
-    }
-  }
-}
-
-.date {
-  position: relative;
-  width: 100%;
-
-  img {
-    position: absolute;
-    right: rem(16px);
-    top: rem(15px);
-  }
-}
-
-input[type="checkbox"] {
-  margin-right: rem(8px);
-  @include box(rem(16px), rem(16px));
-  border-radius: rem(4px);
-}
-
-ol {
-  li {
-    list-style: auto !important;
-  }
-}

package/styles/sass-utils/_variable.scss

@@ -1,66 +0,0 @@
-:root {
-  --white: #fff;
-  --white-creame: #ebf3ff;
-  --border: #dae3f8;
-  --scrollbar: var(--border);
-  --textPrimary: #0b1c33;
-  --textPrimary70: #0b1c33b3;
-  --textSecondary: #556171;
-  --textSecondary50: #55617180;
-  --textSecondary70: #556171b3;
-
-  --pink-10: #f9fbfe;
-
-  --ice-blue: #67adcf;
-  --primaryBlue: #017db9;
-  --primaryBlue70: #017db9be;
-  --blue-10: #edf4fe;
-  --blue-40: #e3f3fc;
-  --blue-50: #f2f5fa;
-  --blue-5050: #f2f5fa80;
-  --blue-100: #c8e2ff;
-  --blue-200: #a4cfff;
-  --blue-300: #2680ea;
-  --blue-500: #3788e5;
-  --blue-700: #007aff;
-  // --blue-70090: #007AFFE6;
-
-  --yellow-50: #ffeedf;
-  --yellow-100: #fed18f;
-  --yellow-200: #ffbca6;
-  --yellow-300: #f08a2b26;
-  --yellow-400: #e58900;
-
-  --primaryOrange: #f05a2b;
-  --primaryOrange50: #f05a2b80;
-  --primaryOrange70: #f05a2bb3;
-  --orange-10: #fcf5eb;
-  --orange-200: #f7ac94;
-  --orange-300: #fb9676;
-  --theadBg: var(--blue-50);
-
-  --pagination-bg: #f7fafe;
-  --blue-200: var(--border);
-  --neutral-200: #dadbdc;
-  --neutral-600: #040d17;
-  --toastShadow: #0000001f;
-  --dropdown-shadow: #00000014;
-
-  --green-50: #eaf8f1;
-  --green-100: #bde8d3;
-  --green-600: #27a468;
-
-  --red-10: #fcebef;
-  --red-20: #ca0000;
-  --red-30: #F7C1CE;
-  --error-red: #d03258;
-  --tableBorder: var(--border);
-
-  --grey-50: #a5b0bf;
-  --grey-100: #333333;
-  --grey-200: #222A3D;
-
-  --capture-border: #9badca;
-  --captcha-bg: #f3f3f3;
-  --neutral-400: #81858a;
-}