@sachin9822/reports-lib 0.0.211 → 0.0.212

package/src/styles/common-style.scss

@@ -0,0 +1,615 @@
+/* Button Report */
+.btn-report{
+    border-radius: 3px;
+    background-color: #8091a5;
+    color: #fff !important;
+    font-size: 14px !important;
+    height: 32px;
+    min-width: 130px;
+    margin: 0 0 0 20px !important;
+    padding: 4px 15px !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: 36px !important;
+}
+
+.dpicker:focus{
+  box-shadow: 0 0 5px 3px rgba(24,119,242,1.000) !important;
+}
+
+.cal{
+  height: 36px !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;
+} 
+
+
+table {
+  width: 100%;
+  border-collapse: separate;
+  margin-bottom: 0 !important;
+  table-layout: fixed !important;
+}
+
+td{
+  padding:0 1rem 10px 0!important;
+  border-right: 0 solid #ffffff !important;
+  background-color: white !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-multiple .ng-select-container .ng-value-container {
+  max-height: 36px !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;
+}
+
+// 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: 36px !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;
+}
+
+
+
+
+// /* Button Report */
+// .btn-report{
+//     border-radius: 3px;
+//     background-color: #8091a5;
+//     color: #fff !important;
+//     font-size: 14px !important;
+//     height: 32px;
+//     min-width: 130px;
+//     margin: 0 0 0 20px !important;
+//     padding: 4px 15px !important;
+// }
+
+// /* Date Picker */
+// .dpicker {
+//   border: 1px solid #ddd !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: 36px !important;
+// }
+
+// .cal{
+//   height: 36px !important;
+// }
+
+// /* Meta Data */
+// .labl {
+//   font-size: 11.2px;
+//   font-weight: bold !important;
+// }
+
+// .info {
+//   font-size: 12px !important;
+//   font-weight: 400;
+// }
+
+// .label-data {
+//   font-weight: 600 !important;
+//   font-size: 0.7rem !important;
+//   line-height: 1rem;
+//   padding-top: 0.5rem !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;
+//   margin-right: 1rem !important;
+//   outline: none !important;
+// }
+
+// .opt-cls:focus{
+//   box-shadow: 0 0 5px 3px rgba(24,119,242,1.000);
+// } 
+
+// // 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 {
+//   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;
+//   border-bottom-right-radius: 0;
+// }
+
+// .search-input:focus{
+//   box-shadow: 0 0 5px 3px rgba(24,119,242,1.000) !important;
+// } 
+
+// // 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: 36px !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;
+// }
+

package/src/test.ts

@@ -0,0 +1,27 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(path: string, deep?: boolean, filter?: RegExp): {
+    <T>(id: string): T;
+    keys(): string[];
+  };
+};
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting(),
+);
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().forEach(context);

package/tsconfig.lib.json

@@ -0,0 +1,15 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": ["node"]
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}