cat-qw-lib 1.0.36 → 1.0.38

package/fesm2022/cat-qw-lib.mjs

@@ -2244,7 +2244,7 @@ var columnStyles = {
 	}
 };
 var rowStyles = {
-	ngClass: "rowData['taskCompletionPercent'] === 100 ? 'border-1 border-green-300 bg-green-50 border-round-xl mb-3 px-2 py-4' : (rowData['taskCompletionPercent'] === 0 ? 'border-1 border-gray-200 bg-gray-50 border-round-xl mb-3 opacity-50 px-2 py-4' : 'border-1 border-orange-300 bg-orange-50 border-round-xl mb-3 px-2 py-4')"
+	ngClass: "rowData['taskCompletionPercent'] === 100 ? 'border-1 border-green-400 bg-green-50 border-round-xl mb-3 px-2 py-4' : (rowData['taskCompletionPercent'] === 0 ? 'border-1 border-gray-200 bg-gray-50 border-round-xl mb-3 opacity-50 px-2 py-4' : 'border-1 border-orange-300 bg-orange-50 border-round-xl mb-3 px-2 py-4')"
 };
 var tableStyles = {
 	ngClass: "border-separate border-spacing-y-4 border-0"
@@ -5880,6 +5880,22 @@ class QueueRecordTableBuilderService extends TableBuilder {
                 }
                 record[field] = cellValue;
             });
+            //---------------------will remove this code and index in params later----code start---------////////
+            // Inject dummy tasks data for first 5 records only
+            const dummyTasks = ['0/0', '5/0', '0/5', '1/6', '1/4', '1/13'];
+            if (index < 5) {
+                record.tasks = dummyTasks[index];
+            }
+            const dummytaskCompletionPercent = [100, 0, 100, 14.29, 20, 7.14];
+            if (index < 5) {
+                record.taskCompletionPercent = dummytaskCompletionPercent[index];
+            }
+            const dummyPeding = ['100 days', '10 days', '98 days', '53 days', '75 days', '14 days'];
+            if (index < 5) {
+                record.pending = dummyPeding[index];
+            }
+            //---------------------will remove this code and index in params later----code end---------////////
+            // console.log("-------record", record);
             // Attach row-level ngClass expression for dynamic row styling
             const rowStyles$1 = rowStyles;
             if (rowStyles$1 && rowStyles$1.ngClass) {
@@ -5904,9 +5920,6 @@ class QueueRecordTableBuilderService extends TableBuilder {
                     if (this.columnStyles[field].line1NgClass) {
                         header.line1NgClassExpression = this.columnStyles[field].line1NgClass;
                     }
-                    if (this.columnStyles[field].line2NgClass) {
-                        header.line2NgClassExpression = this.columnStyles[field].line2NgClass;
-                    }
                 }
             }
             return header;
@@ -6109,11 +6122,11 @@ class QueueRecordTableComponent {
         return this.selectedRows?.length || 0;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueRecordTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: QueueRecordTableComponent, isStandalone: false, selector: "app-queue-record-table", inputs: { table: "table", metaData: "metaData", loading: "loading", selectedRows: "selectedRows", tableHeight: "tableHeight" }, outputs: { selectionChange: "selectionChange", selectedRowsData: "selectedRowsData", assignmentDataReady: "assignmentDataReady", rowClick: "rowClick", paginationChanged: "paginationChanged", filterApplied: "filterApplied", sortApplied: "sortApplied" }, ngImport: i0, template: "<lib-table-secondary \r\n  *ngIf=\"table && table.headers\"\r\n  [table]=\"table\" \r\n  [metaData]=\"metaData\"\r\n  [enableSelection]=\"true\"\r\n  [selectionMode]=\"'multiple'\"\r\n  [selection]=\"selectedRows\"\r\n  [showActions]=\"false\"\r\n  [noRecordsMessage]=\"'No Records Found'\"\r\n  (onPage)=\"onPaginationChange($event)\"\r\n  (selectionChange)=\"onSelectionChange($event)\"\r\n  (rowSelectionChange)=\"onRowClick($event)\"\r\n  (sortChanged)=\"onSort($event)\"\r\n>\r\n</lib-table-secondary>\r\n", styles: [".queue-record-table-wrapper{height:100%;display:flex;flex-direction:column}.queue-record-table-wrapper .table-container{flex:1;overflow:hidden}.queue-record-table-wrapper .pagination-container{margin-top:1rem;padding:.5rem}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}@media screen and (max-width: 768px){.queue-record-table-wrapper .pagination-container{flex-direction:column;gap:.5rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TableSecondaryComponent, selector: "lib-table-secondary", inputs: ["table", "metaData", "title", "builder", "showStatus", "showActions", "showSearchBar", "showNewRecordButton", "showRefreshButton", "pathName", "selectionMode", "selection", "usePagination", "scrollHeight", "rowSelection", "enableSelection", "noRecordsMessage", "searchTerm", "filterQuery"], outputs: ["selectionChange", "rowSelectionChange", "sortChanged", "onDeleteRow", "onPage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: QueueRecordTableComponent, isStandalone: false, selector: "app-queue-record-table", inputs: { table: "table", metaData: "metaData", loading: "loading", selectedRows: "selectedRows", tableHeight: "tableHeight" }, outputs: { selectionChange: "selectionChange", selectedRowsData: "selectedRowsData", assignmentDataReady: "assignmentDataReady", rowClick: "rowClick", paginationChanged: "paginationChanged", filterApplied: "filterApplied", sortApplied: "sortApplied" }, ngImport: i0, template: "<div class=\"bg-white p-4 border-round-xl\">\r\n\r\n<lib-table-secondary \r\n  *ngIf=\"table && table.headers\"\r\n  [table]=\"table\" \r\n  [metaData]=\"metaData\"\r\n  [enableSelection]=\"true\"\r\n  [selectionMode]=\"'multiple'\"\r\n  [selection]=\"selectedRows\"\r\n  [showActions]=\"false\"\r\n  [noRecordsMessage]=\"'No Records Found'\"\r\n  (onPage)=\"onPaginationChange($event)\"\r\n  (selectionChange)=\"onSelectionChange($event)\"\r\n  (rowSelectionChange)=\"onRowClick($event)\"\r\n  (sortChanged)=\"onSort($event)\"\r\n>\r\n</lib-table-secondary>\r\n\r\n</div>", styles: [".queue-record-table-wrapper{height:100%;display:flex;flex-direction:column}.queue-record-table-wrapper .table-container{flex:1;overflow:hidden}.queue-record-table-wrapper .pagination-container{margin-top:1rem;padding:.5rem}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}@media screen and (max-width: 768px){.queue-record-table-wrapper .pagination-container{flex-direction:column;gap:.5rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TableSecondaryComponent, selector: "lib-table-secondary", inputs: ["table", "metaData", "title", "builder", "showStatus", "showActions", "showSearchBar", "showNewRecordButton", "showRefreshButton", "pathName", "selectionMode", "selection", "usePagination", "scrollHeight", "rowSelection", "enableSelection", "noRecordsMessage", "searchTerm", "filterQuery"], outputs: ["selectionChange", "rowSelectionChange", "sortChanged", "onDeleteRow", "onPage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueRecordTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-queue-record-table', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<lib-table-secondary \r\n  *ngIf=\"table && table.headers\"\r\n  [table]=\"table\" \r\n  [metaData]=\"metaData\"\r\n  [enableSelection]=\"true\"\r\n  [selectionMode]=\"'multiple'\"\r\n  [selection]=\"selectedRows\"\r\n  [showActions]=\"false\"\r\n  [noRecordsMessage]=\"'No Records Found'\"\r\n  (onPage)=\"onPaginationChange($event)\"\r\n  (selectionChange)=\"onSelectionChange($event)\"\r\n  (rowSelectionChange)=\"onRowClick($event)\"\r\n  (sortChanged)=\"onSort($event)\"\r\n>\r\n</lib-table-secondary>\r\n", styles: [".queue-record-table-wrapper{height:100%;display:flex;flex-direction:column}.queue-record-table-wrapper .table-container{flex:1;overflow:hidden}.queue-record-table-wrapper .pagination-container{margin-top:1rem;padding:.5rem}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}@media screen and (max-width: 768px){.queue-record-table-wrapper .pagination-container{flex-direction:column;gap:.5rem}}\n"] }]
+            args: [{ selector: 'app-queue-record-table', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bg-white p-4 border-round-xl\">\r\n\r\n<lib-table-secondary \r\n  *ngIf=\"table && table.headers\"\r\n  [table]=\"table\" \r\n  [metaData]=\"metaData\"\r\n  [enableSelection]=\"true\"\r\n  [selectionMode]=\"'multiple'\"\r\n  [selection]=\"selectedRows\"\r\n  [showActions]=\"false\"\r\n  [noRecordsMessage]=\"'No Records Found'\"\r\n  (onPage)=\"onPaginationChange($event)\"\r\n  (selectionChange)=\"onSelectionChange($event)\"\r\n  (rowSelectionChange)=\"onRowClick($event)\"\r\n  (sortChanged)=\"onSort($event)\"\r\n>\r\n</lib-table-secondary>\r\n\r\n</div>", styles: [".queue-record-table-wrapper{height:100%;display:flex;flex-direction:column}.queue-record-table-wrapper .table-container{flex:1;overflow:hidden}.queue-record-table-wrapper .pagination-container{margin-top:1rem;padding:.5rem}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}@media screen and (max-width: 768px){.queue-record-table-wrapper .pagination-container{flex-direction:column;gap:.5rem}}\n"] }]
         }], propDecorators: { table: [{
                 type: Input
             }], metaData: [{