@sachin9822/reports-lib 0.0.211 → 0.0.212

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

@@ -0,0 +1,13 @@
+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/{public-api.d.ts → src/public-api.ts}

@@ -1,24 +1,34 @@
+/*
+ * Public API Surface of reports-lib
+ */
+
+// Services
 export * from './lib/reports-lib.service';
 export * from './lib/services/report.service';
-export * from './lib/services/config.service';
+export * from './lib/services/config.service'
 export * from './lib/shared/export.service';
 export * from './lib/shared/export-generic.service';
 export * from './lib/shared/loader/loader.component';
+
+// Components
 export * from './lib/reports-lib.component';
 export * from './lib/reports-lib.module';
 export * from './lib/components/acc-gl-details-enquiry-report/acc-gl-details-enquiry-report.component';
 export * from './lib/components/transaction-enquiry-report/transaction-enquiry-report.component';
 export * from './lib/components/branch-activity-send-report/branch-activity-send-report.component';
-export * from './lib/components/branch-activity-receive-report/branch-activity-receive-report.component';
+export * from './lib/components/branch-activity-receive-report/branch-activity-receive-report.component'
 export * from './lib/components/cancellation-transaction-report/cancellation-transaction-report.component';
 export * from './lib/components/revenue-per-transaction-report/revenue-per-transaction-report.component';
-export * from './lib/components/statement-of-accounts-report/statement-of-accounts-report.component';
+export * from './lib/components/statement-of-accounts-report/statement-of-accounts-report.component'
 export * from './lib/components/accounting-report/accounting-report.component';
 export * from './lib/components/credit-limit-status-enquiry-report/credit-limit-status-enquiry-report.component';
 export * from './lib/components/funding-report/funding-report.component';
 export * from './lib/components/trial-balance-accounts-report/trial-balance-accounts-report.component';
 export * from './lib/components/branch-activity-send-summary-report/branch-activity-send-summary-report.component';
 export * from './lib/components/transaction-monitoring-report/transaction-monitoring-report.component';
+
+
+// Models
 export * from './lib/models/transaction-enquiry-report/transaction-enquiry.model';
 export * from './lib/models/app-config.model';
 export * from './lib/models/branch-activity-report/branch-activity-send-report';
@@ -26,9 +36,9 @@ export * from './lib/models/branch-activity-report/branch-activity-send-report-r
 export * from './lib/models/branch-activity-receive-report/branch-activity-receive.model';
 export * from './lib/models/cancellation-transaction-report/cancellation-transaction.model';
 export * from './lib/models/revenue-per-transaction-report/revenue-per-transaction.model';
-export * from './lib/models/statement-of-account-report/statement-of-accounts.model';
+export * from './lib/models/statement-of-account-report/statement-of-accounts.model'
 export * from './lib/models/credit-limit-status-enquiry-report/credit-limit-status-enquiry.model';
 export * from './lib/models/statement-of-account-report/statement-of-accounts.model';
-export * from './lib/models/trial-balance-accounts-report/trial-balance-accounts.models';
-export * from './lib/models/transaction-monitoring-report/transaction-monitoring-report-request-domain-model';
-export * from './lib/models/transaction-monitoring-report/transaction-monitoring-report';
+export * from './lib/models/trial-balance-accounts-report/trial-balance-accounts.models'
+export * from './lib/models/transaction-monitoring-report/transaction-monitoring-report-request-domain-model'
+export * from './lib/models/transaction-monitoring-report/transaction-monitoring-report'

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

@@ -0,0 +1,71 @@
+.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

@@ -0,0 +1,146 @@
+
+/* 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

@@ -0,0 +1,395 @@
+/* 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;
+}