@sachin9822/reports-lib 0.0.213 → 0.0.215

package/src/lib/shared/shared.module.ts

@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { PageSizeSelectorComponent } from './page-size-selector/page-size-selector.component';
-import { MetadataComponent } from './metadata/metadata.component';
-import { NgSelectModule } from '@ng-select/ng-select';
-
-@NgModule({
-    declarations: [PageSizeSelectorComponent, MetadataComponent],
-    imports: [CommonModule, FormsModule,NgSelectModule],
-    exports: [PageSizeSelectorComponent,MetadataComponent]
-})
-export class SharedModule { }

package/src/styles/ag-grid-report-style.scss

@@ -1,71 +0,0 @@
-.transaction-grid ::ng-deep .ag-header {
-  background-color: #f9f9f9;
-  font-weight: 600;
-  font-size: 10px;
-  color: black;
-  border-right: 1px solid #e0e0e0;
-}
- 
-:host ::ng-deep .ag-header-cell {
-  padding: 2px !important;
-  align-items: center !important;
-  justify-content: center !important;
-  border-right: 1px solid #e0e0e0;
-  white-space: normal !important;
-  word-break: normal !important;
-  overflow-wrap: break-word !important;
-  text-align: center !important;
-}
- 
- 
-::ng-deep .ag-header-cell-label {
-  display: flex !important;
-  justify-content: center !important; /* horizontal center */
-  align-items: center !important;     /* vertical center */
-  width: 100%;
-  text-align: center !important;
-}
- 
-/* Also force header text itself to align center */
-::ng-deep .ag-header-cell-text {
-  text-align: center !important;
-  width: 100% !important;
-  display: flex !important;
-  justify-content: center !important;
-}
-.transaction-grid ::ng-deep .ag-row {
-  border-bottom: 1px solid #e0e0e0;
-}
- 
-.transaction-grid ::ng-deep .ag-cell {
-  font-size: 9px;
-  white-space: normal !important;
-  word-break: keep-all !important;
-  overflow-wrap: anywhere;
-  line-height: 1.4;
-  padding: 4px !important;
-  color: black;
-  font-weight: 500;
-  border-right: 0.5px solid #e0e0e0;
-  align-content: center;
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-  cursor: text;
-}
- 
-::ng-deep .ag-cell-label-container {
-  padding: 0px !important;
-}
- 
-.ag-theme-alpine {
-  --ag-header-font-size: 10px;
-  --ag-font-size: 10px;
-  --ag-header-background-color: #fdfdfd;
-  --ag-header-foreground-color: rgb(0, 0, 0);
-}
- 
-::ng-deep .ag-paging-panel {
-  height: 30px !important;
-}

package/src/styles/common-ag-grid-style.scss

@@ -1,146 +0,0 @@
-
-/* AG Grid root styling */
-::ng-deep .ag-root {
-  user-select: text !important;
-}
-
-/* Grid container */
-::ng-deep .compact-grid {
-  font-weight: 500 !important;
-  line-height: 1.1 !important;
-}
-
-/* Header cell styling */
-::ng-deep .compact-grid .ag-header-cell {
-  padding: 1px 2px !important;
-  font-size: 10px !important;
-  font-weight: 700 !important;
-  line-height: 1.2 !important;
-  height: auto !important;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  text-align: center !important;
-  background-color: #f8f9fa;
-  // background-color: rgba(0, 0, 0, 0.04);
-  border-right: 1px solid #e0e0e0;
-}
-
-::ng-deep .compact-grid .ag-header-cell-text {
-  font-size: 10px !important;
-  font-weight: 700 !important;
-  text-align: center !important;
-  width: 100%;
-}
-
-/* Cell styling */
-::ng-deep .compact-grid .ag-cell {
-  cursor: default !important;
-  border-right: 1px solid #e0e0e0;
-  padding: 2px 4px !important;
-  font-size: 9px !important;
-  display: flex !important;
-  align-items: center !important;
-}
-
-::ng-deep .compact-grid .ag-cell-value {
-  cursor: text !important;
-  font-size: 9px !important;
-  padding: 0 3px 0 2 !important;
-}
-
-
-
-/* Alignment classes */
-::ng-deep .compact-grid .ag-right-aligned-cell {
-  text-align: right !important;
-  justify-content: flex-end !important;
-  text-overflow: 'ellipsis';
-}
-
-::ng-deep .ag-left-cols-cell {
-  text-align: left !important;
-  text-overflow: ellipsis !important;
-}
-
-
-
-
-
-::ng-deep .compact-grid .ag-center-cols-cell {
-  text-align: center !important;
-  justify-content: center !important;
-}
-
-/* Row styling */
-::ng-deep .compact-grid .ag-row {
-  min-height: 20px !important;
-  // max-height: 60px !important;
-  max-height: none !important;
-  /* Control row height */
-  border-bottom: 1px solid #f0f0f0;
-}
-
-::ng-deep .compact-grid .ag-row:hover {
-  background-color: #f8f9fa !important;
-}
-
-/* Link cells */
-::ng-deep .ag-cell-value.ag-cell-link {
-  cursor: pointer !important;
-}
-
-
-
-/* Pagination styling */
-::ng-deep .compact-grid .ag-paging-panel {
-  font-size: 11px !important;
-  height: 30px !important;
-  padding: 4px !important;
-}
-
-::ng-deep .compact-grid .ag-paging-button {
-  height: 20px !important;
-  width: 20px !important;
-  font-size: 10px !important;
-  margin: 0 2px !important;
-}
-
-::ng-deep .compact-grid .ag-paging-description {
-  font-size: 11px !important;
-}
-
-
-
-/* All other cells - single line with ellipsis */
-::ng-deep .compact-grid .compact-cell {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  align-items: center !important;
-}
-
-///===========================================================
-
-
-/* Description cell - allow text wrapping but control height */
-::ng-deep .compact-grid .description-cell {
-  white-space: normal !important;
-  word-break: normal !important;
-  overflow-wrap: break-word !important;
-  text-overflow: clip !important;
-  text-align: left !important;
-  padding: 3px 4px !important;
-  line-height: 1.5 !important;
-  display: block !important;
-  overflow: hidden !important;
-  max-height: none !important;
-}
-
-::ng-deep .compact-cell-transaction {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  align-items: left !important;
-  padding-left: 5px !important;
-}

package/src/styles/common-report-style.scss

@@ -1,395 +0,0 @@
-/* Button Report */
-.btn-report{
-    border-radius: 3px;
-    background-color: #8091a5;
-    color: #fff !important;
-    font-size: 14px !important;
-    height: 32px;
-    min-width: 80px;
-    margin: 0 0 0 20px !important;
-    padding: 4px 15px !important;
-}
-
-// Tooltip
-.tooltip-block{
-  white-space: nowrap; 
-  overflow: hidden; 
-  text-overflow: ellipsis;
-  border: 1px solid #ccc !important;
-}
-
-/* Date Picker */
-.dpicker {
-  border: 1px solid #ccc !important;
-  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
-  font-size: 12px !important;
-  font-weight: 400 !important;
-  height: 32px !important;
-}
-
-.dpicker:focus{
-  box-shadow: 0 0 5px 3px rgba(24,119,242,1.000) !important;
-}
-
-.cal{
-  height: 32px !important;
-  background-color: #1877F2;
-}
-
-.cal:focus{
-  box-shadow: none !important;
-}
-
-/* Meta Data */
-.labl {
-  font-size: 11.2px;
-  font-weight: bold !important;
-}
-
-.info {
-  font-size: 12px !important;
-  font-weight: 400;
-  padding-left: 0.5rem;
-}
-
-.label-data {
-  font-weight: 600 !important;
-  font-size: 0.7rem !important;
-  line-height: 1rem;
-  padding-top: 0.15rem !important;
-}
-
-.title {
-  text-align: center;
-  font-size: 18px;
-  font-weight: bold !important;
-}
-
-// Export Options
-.export-options{
-  font-size: 0.75rem;
-  height: 2rem !important;
-  width: 5rem !important;
-  margin-right: -1;
-  margin-left: 0.4rem;
-}
-
-.opt-cls{
-  display: block; 
-  height:100%;
-  width: 5rem;
-  border: 1px solid #ccc !important;
-  border-radius: 4px !important;
-  margin-right: 1rem !important;
-  outline: none !important;
-}
-
-.opt-cls:focus{
-  box-shadow: 0 0 5px 3px rgba(24,119,242,1.000);
-} 
-
-.export-selector{
-  height: 2rem !important;
-}
-
-// Search-Function
-.search-btn {
-  height: 32px;
-  width: 36px;
-  background-color: #8091a5;
-  border: none;
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.search-btn:hover {
-  background-color: #8091a5;
-} 
-
-.search-icon {
-  height: 16px;
-  width: 16px;
-  object-fit: contain;
-} 
-
-.search-input {
-  outline: none !important;
-  border: 1px solid #ccc !important;
-  width: 190px;
-  height: 32px !important;
-  font-size: 0.75rem;
-  padding: 0.25rem 0.5rem;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-  text-transform: uppercase;
-}
-
-.search-input:focus{
-  box-shadow: 0 0 5px 3px rgba(24,119,242,1.000) !important;
-} 
-
-.searchBox{
-  margin-right: auto;
-  display: flex;
-}
-
-
-table {
-  width: 100%;
-  border-collapse: separate;
-  margin-bottom: 0 !important;
-  table-layout: fixed !important;
-}
-
-td{
-  padding:0 1rem 6px 0!important;
-  border-right: 0 solid #ffffff !important;
-  background-color: white !important;
-}
-
-.meta-td{
-  padding: 0 !important;
-}
-
-.row-cls{
-  height: 2.5rem !important;
-}
-
-.inputbox{
-  padding-left: 1rem;
-  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
-;
-}
-// .inputbox input{
-//   height: 2rem;
-// }
-
-// ng-select style
-/* Select Box */
-::ng-deep .ng-select.ng-select-single .ng-select-container {
-    height: 32px I !important;
-}
-
-::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
-  max-height: 32px !important; 
-  overflow-x: auto !important;
-  white-space: nowrap !important;
-}
-
-// Above chnges to manage height
-::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
-  max-height: 32px !important; /* Adjust as needed */
-  overflow-x: auto !important;
-  white-space: nowrap !important;
-}
-
-::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
-  max-width: 200px !important; /* Adjust as needed */
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-}
-
-::ng-deep .ng-select .ng-select-container {
-    cursor: default;
-    display: flex;
-    outline: none;
-    overflow: hidden;
-    position: relative;
-    width: 100%;
-    // max-width: 18.25rem !important;
-}
-::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
-    box-sizing: border-box;
-    cursor: pointer;
-    display: block;
-    white-space: nowrap;
-    overflow-x: scroll !important;
-    text-overflow:clip !important;
-}
-::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option::-webkit-scrollbar {
-  display: none !important; 
-  width: 0 !important;    
-} 
-::ng-deep .ng-select .ng-select-container:focus-within{
-  box-shadow: 0 0 5px 3px rgba(24,119,242,1.000) !important;
-}
-::ng-deep .ng-select .ng-select-container:focus{
-  box-shadow: 0 0 5px 3px rgba(24,119,242,1.000) !important;
-}
-
-::ng-deep .ng-select .ng-select-container,
-::ng-deep .ng-select.ng-select-single .ng-select-container,
-::ng-deep .ng-select.ng-select-multiple .ng-select-container {
-  min-height: 32px !important;
-  height: 32px !important;
-  // line-height: 32px !important;
-  font-size: 12px !important; /* or adjust as needed */
-}
-
-// Ag-Grid css
-/* theme overrides for AG Grid */
-.ag-theme-alpine {
-  --ag-header-font-size: 9px;
-  --ag-font-size: 10px;
-  --ag-header-background-color: #fdfdfd;
-  --ag-header-foreground-color: rgb(0, 0, 0);
-}
-
-/* header cell label alignments */
-.ag-theme-alpine .ag-header-cell-label,
-.ag-theme-alpine .ag-header-group-cell-label {
-  justify-content: flex-start !important;
-}
-
-/* AG Grid root container */
-::ng-deep .ag-root {
-  user-select: text !important;
-}
-
-/* Compact‐grid styling */
-::ng-deep .compact-grid {
-  font-weight: 500 !important;
-  line-height: 1.1 !important;
-}
-
-/* Header cell formatting */
-::ng-deep .compact-grid .ag-header-cell {
-  padding: 1px 2px !important;
-  font-size: 10px !important;
-  font-weight: 700 !important;
-  line-height: 1.2 !important;
-  height: auto !important;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  text-align: center !important;
-  background-color: #f8f9fa;
-  border-right: 1px solid #e0e0e0;
-}
-
-.myGrid .ag-center-cols-clipper,
-.myGrid .ag-body-viewport {
-  display: none;
-}
-
-
-/* Header-cell text */
-::ng-deep .compact-grid .ag-header-cell-text {
-  font-size: 10px !important;
-  font-weight: 700 !important;
-  text-align: center !important;
-  width: 100%;
-}
-
-/* Data cells */
-::ng-deep .compact-grid .ag-cell {
-  cursor: default !important;
-  border-right: 1px solid #e0e0e0;
-  padding: 2px 3px !important;
-  font-size: 9px !important;
-  display: flex !important;
-  align-items: center !important;
-}
-
-::ng-deep .compact-grid .ag-cell-value {
-  cursor: text !important;
-  font-size: 9px !important;
-  padding: 0 3px 0 2px !important;
-}
-
-/* Description cells (multi-line wrapping) */
-::ng-deep .compact-grid .description-cell {
-  white-space: normal !important;
-  word-break: normal !important;
-  overflow-wrap: break-word !important;
-  text-overflow: clip !important;
-  text-align: left !important;
-  padding: 3px 4px !important;
-  line-height: 1.5 !important;
-  display: block !important;
-  overflow: hidden !important;
-  max-height: none !important;
-}
-
-/* Truncated single-line cells */
-::ng-deep .compact-grid .compact-cell {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  align-items: center !important;
-}
-
-/* Transaction-specific truncation */
-::ng-deep .compact-cell-transaction {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  align-items: left !important;
-  padding-left: 5px !important;
-}
-
-/* Right‑aligned numeric cells */
-::ng-deep .compact-grid .ag-right-aligned-cell {
-  text-align: right !important;
-  justify-content: flex-end !important;
-  text-overflow: ellipsis;
-}
-
-/* Left columns cell styling */
-::ng-deep .ag-left-cols-cell {
-  text-align: left !important;
-  text-overflow: ellipsis !important;
-}
-
-/* Center‑aligned columns */
-::ng-deep .compact-grid .ag-center-cols-cell {
-  text-align: center !important;
-  justify-content: center !important;
-}
-
-/* Disable horizontal scroll overflow */
-::ng-deep .ag-center-cols-viewport {
-  width: 100%;
-  overflow-x: hidden !important;
-}
-
-/* Row styling */
-::ng-deep .compact-grid .ag-row {
-  min-height: 20px !important;
-  max-height: none !important;
-  border-bottom: 1px solid #f0f0f0;
-}
-
-::ng-deep .compact-grid .ag-row:hover {
-  background-color: #f8f9fa !important;
-}
-
-/* Link cells cursor */
-::ng-deep .ag-cell-value.ag-cell-link {
-  cursor: pointer !important;
-}
-
-/* Pagination panel */
-::ng-deep .ag-paging-panel {
-  border-top: 1px solid;
-  border-top-color: var(--ag-border-color);
-  color: var(--ag-secondary-foreground-color);
-  height: 30px;
-  font-size: 11px !important;
-}
-
-.panel-cls{
-  font-weight: bold;
-  font-size: 13px;
-  line-height: 1.2;
-  margin: 0;
-  padding: 2px 0;color: #16181E;
-}