cat-qw-lib 0.57.9 → 0.58.1

package/fesm2022/cat-qw-lib.mjs

@@ -1709,60 +1709,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
                 type: Output
             }] } });
 
-class CustomWidgetService {
-    constructor() { }
-    isLastIndex(event, widgetData) {
-        if (!widgetData.statusList) {
-            return false;
-        }
-        const index = widgetData.statusList.indexOf(event);
-        return index === widgetData.statusList.length - 1;
-    }
-    getNextEventStatus(event, widgetData) {
-        const index = this.getEventIndex(event, widgetData);
-        if (widgetData.statusList && index >= 0 && index + 1 < widgetData.statusList.length) {
-            return widgetData.statusList[index + 1].status;
-        }
-        return null;
-    }
-    getEventIndex(event, widgetData) {
-        return widgetData.statusList ? widgetData.statusList.indexOf(event) : -1;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CustomWidgetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CustomWidgetService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CustomWidgetService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-class CustomWidgetComponent {
-    widgetUtilService;
-    widgetData;
-    constructor(widgetUtilService) {
-        this.widgetUtilService = widgetUtilService;
-    }
-    isLastIndex(event) {
-        return this.widgetUtilService.isLastIndex(event, this.widgetData);
-    }
-    getNextEventStatus(event) {
-        return this.widgetUtilService.getNextEventStatus(event, this.widgetData);
-    }
-    getEventIndex(event) {
-        return this.widgetUtilService.getEventIndex(event, this.widgetData);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CustomWidgetComponent, deps: [{ token: CustomWidgetService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.4", type: CustomWidgetComponent, isStandalone: false, selector: "lib-custom-widget", inputs: { widgetData: "widgetData" }, ngImport: i0, template: "@if(widgetData){\r\n<div class=\"custom-widget\">\r\n\r\n  <div class=\" ml-3\" style=\"display: flex; flex-direction: row; align-items: center;\">\r\n    <h3 class=\"mb-0 font-bold mr-3 widgetData-title-wrapper\">\r\n      {{ (widgetData.title) }}\r\n    </h3>\r\n    \r\n    <span class=\"px-2 py-1 rounded text-white font-semibold badge\" [ngClass]=\"{\r\n      'bg-yellow-500': widgetData.badge === 'Pending',\r\n      'bg-green-500': widgetData.badge === 'Verified'\r\n    }\">\r\n    <i class=\"{{ widgetData.badgeIcon }}\"></i> {{ widgetData.badge }}\r\n    </span>\r\n  \r\n  </div>\r\n  <div class=\"widget-body-wrapper\">\r\n\r\n    <p-timeline class=\"widget-timeline-wrapper\" [value]=\"widgetData?.statusList\">\r\n      <ng-template pTemplate=\"marker\" let-event let-i=\"index\">\r\n        <div class=\"p-timeline-event-marker\" [ngStyle]=\"{\r\n                  'background-color': event.status === 'active' ? '#0F8BFD' :\r\n                                     event.status === 'pending' ? '#676B89' :\r\n                                     event.status === 'removed' ? '#FF0000' :\r\n                                     '#0F8BFD',\r\n                  'border-color': event.status === 'active' ? '#0F8BFD' :\r\n                                     event.status === 'pending' ? '#676B89' :\r\n                                     event.status === 'removed' ? '#FF0000' :\r\n                                     '#0F8BFD',\r\n                  'outline': event.status === 'active' ? '4px solid #0f8bfd33' :\r\n                                     event.status === 'pending' ? '4px solid #676b8933' :\r\n                                     event.status === 'removed' ? '4px solid #FF0000' :\r\n                                     '4px solid #0F8BFD',\r\n                }\"></div>\r\n\r\n        <div class=\"p-timeline-event-connector-border\" *ngIf=\"!isLastIndex(event)\" [ngStyle]=\"{\r\n            border:\r\n              getNextEventStatus(event) === 'active'\r\n                ? '2px solid #0F8BFD'\r\n                : getNextEventStatus(event) === 'pending'\r\n                ? '2px solid #44486d33'\r\n                : getNextEventStatus(event) === 'removed'\r\n                ? '2px solid #FF0000'\r\n                : '2px solid #0F8BFD',\r\n            height: 'calc(100% - 18px)'\r\n          }\"></div>\r\n      </ng-template>\r\n\r\n      <ng-template pTemplate=\"content\" let-event>\r\n        <div class=\"p-timeline-event-content mb-2\"\r\n          [ngClass]=\"{ 'mb-4': widgetData.title === 'Valuation' && event.title }\">\r\n\r\n          <p *ngIf=\"!(widgetData.title === 'Valuation') && event.title\" class=\"event-title mb-2\"\r\n            [innerHTML]=\"event.title\">\r\n          </p>\r\n\r\n          <p *ngIf=\"widgetData.title === 'Valuation' && event.title\" class=\"event-title mb-2\">\r\n            <span style=\"color: #0f8bfd; text-decoration: underline; font-weight: bold\">{{ event.title?.split(' ')[0]\r\n              }}</span>\r\n            {{ event.title?.substring(event.title.indexOf(' ') + 1) }}\r\n          </p>\r\n          \r\n          <span class=\"font-medium event-description\" [ngClass]=\"{ 'font-bold': event.textColor }\"\r\n            [ngStyle]=\"{ color: event.textColor }\" [innerHTML]=\"event.description\"></span>\r\n        </div>\r\n      </ng-template>\r\n    </p-timeline>\r\n  </div>\r\n</div>\r\n\r\n}", styles: [".custom-widget{margin-top:21px}::ng-deep .widget-timeline-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:#f9fafb}::ng-deep .widget-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .p-timeline-event{min-height:50px!important}::ng-deep .p-timeline-event:last-child{min-height:30px!important}.widgetData-title-wrapper{font-size:18px;font-weight:400}.badge{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:5px;font-size:14px}.widget-body-wrapper{padding:14px;margin-top:14px;margin-bottom:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.Timeline, selector: "p-timeline", inputs: ["value", "style", "styleClass", "align", "layout"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CustomWidgetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "lib-custom-widget", standalone: false, template: "@if(widgetData){\r\n<div class=\"custom-widget\">\r\n\r\n  <div class=\" ml-3\" style=\"display: flex; flex-direction: row; align-items: center;\">\r\n    <h3 class=\"mb-0 font-bold mr-3 widgetData-title-wrapper\">\r\n      {{ (widgetData.title) }}\r\n    </h3>\r\n    \r\n    <span class=\"px-2 py-1 rounded text-white font-semibold badge\" [ngClass]=\"{\r\n      'bg-yellow-500': widgetData.badge === 'Pending',\r\n      'bg-green-500': widgetData.badge === 'Verified'\r\n    }\">\r\n    <i class=\"{{ widgetData.badgeIcon }}\"></i> {{ widgetData.badge }}\r\n    </span>\r\n  \r\n  </div>\r\n  <div class=\"widget-body-wrapper\">\r\n\r\n    <p-timeline class=\"widget-timeline-wrapper\" [value]=\"widgetData?.statusList\">\r\n      <ng-template pTemplate=\"marker\" let-event let-i=\"index\">\r\n        <div class=\"p-timeline-event-marker\" [ngStyle]=\"{\r\n                  'background-color': event.status === 'active' ? '#0F8BFD' :\r\n                                     event.status === 'pending' ? '#676B89' :\r\n                                     event.status === 'removed' ? '#FF0000' :\r\n                                     '#0F8BFD',\r\n                  'border-color': event.status === 'active' ? '#0F8BFD' :\r\n                                     event.status === 'pending' ? '#676B89' :\r\n                                     event.status === 'removed' ? '#FF0000' :\r\n                                     '#0F8BFD',\r\n                  'outline': event.status === 'active' ? '4px solid #0f8bfd33' :\r\n                                     event.status === 'pending' ? '4px solid #676b8933' :\r\n                                     event.status === 'removed' ? '4px solid #FF0000' :\r\n                                     '4px solid #0F8BFD',\r\n                }\"></div>\r\n\r\n        <div class=\"p-timeline-event-connector-border\" *ngIf=\"!isLastIndex(event)\" [ngStyle]=\"{\r\n            border:\r\n              getNextEventStatus(event) === 'active'\r\n                ? '2px solid #0F8BFD'\r\n                : getNextEventStatus(event) === 'pending'\r\n                ? '2px solid #44486d33'\r\n                : getNextEventStatus(event) === 'removed'\r\n                ? '2px solid #FF0000'\r\n                : '2px solid #0F8BFD',\r\n            height: 'calc(100% - 18px)'\r\n          }\"></div>\r\n      </ng-template>\r\n\r\n      <ng-template pTemplate=\"content\" let-event>\r\n        <div class=\"p-timeline-event-content mb-2\"\r\n          [ngClass]=\"{ 'mb-4': widgetData.title === 'Valuation' && event.title }\">\r\n\r\n          <p *ngIf=\"!(widgetData.title === 'Valuation') && event.title\" class=\"event-title mb-2\"\r\n            [innerHTML]=\"event.title\">\r\n          </p>\r\n\r\n          <p *ngIf=\"widgetData.title === 'Valuation' && event.title\" class=\"event-title mb-2\">\r\n            <span style=\"color: #0f8bfd; text-decoration: underline; font-weight: bold\">{{ event.title?.split(' ')[0]\r\n              }}</span>\r\n            {{ event.title?.substring(event.title.indexOf(' ') + 1) }}\r\n          </p>\r\n          \r\n          <span class=\"font-medium event-description\" [ngClass]=\"{ 'font-bold': event.textColor }\"\r\n            [ngStyle]=\"{ color: event.textColor }\" [innerHTML]=\"event.description\"></span>\r\n        </div>\r\n      </ng-template>\r\n    </p-timeline>\r\n  </div>\r\n</div>\r\n\r\n}", styles: [".custom-widget{margin-top:21px}::ng-deep .widget-timeline-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:#f9fafb}::ng-deep .widget-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .p-timeline-event{min-height:50px!important}::ng-deep .p-timeline-event:last-child{min-height:30px!important}.widgetData-title-wrapper{font-size:18px;font-weight:400}.badge{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:5px;font-size:14px}.widget-body-wrapper{padding:14px;margin-top:14px;margin-bottom:14px}\n"] }]
-        }], ctorParameters: () => [{ type: CustomWidgetService }], propDecorators: { widgetData: [{
-                type: Input
-            }] } });
-
 class SessionService {
     router;
     constructor(router) {
@@ -1847,7 +1793,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
 
 class SharedModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.4", ngImport: i0, type: SharedModule, declarations: [SidebarComponent, QueueSearchCustomerComponent, CustomWidgetComponent, HasPermissionDirective], imports: [CommonModule,
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.4", ngImport: i0, type: SharedModule, declarations: [SidebarComponent, QueueSearchCustomerComponent, HasPermissionDirective], imports: [CommonModule,
             FormsModule,
             InputTextModule,
             ButtonModule,
@@ -1874,7 +1820,7 @@ class SharedModule {
             CapitalizeWordsPipe,
             TextAreaComponent,
             BaseFormComponent,
-            BlockListComponent], exports: [HasPermissionDirective, CapitalizeWordsPipe, TextBoxComponent, FormsModule, ListboxModule, DialogModule, CustomWidgetComponent, CheckboxModule, DropdownComponent, FormContainerComponent, BaseListComponent, SidebarComponent, DividerModule, CardModule, QueueSearchCustomerComponent, BlockListComponent] });
+            BlockListComponent], exports: [HasPermissionDirective, CapitalizeWordsPipe, TextBoxComponent, FormsModule, ListboxModule, DialogModule, CheckboxModule, DropdownComponent, FormContainerComponent, BaseListComponent, SidebarComponent, DividerModule, CardModule, QueueSearchCustomerComponent, BlockListComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: SharedModule, imports: [CommonModule,
             FormsModule,
             InputTextModule,
@@ -1903,7 +1849,7 @@ class SharedModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [SidebarComponent, QueueSearchCustomerComponent, CustomWidgetComponent, HasPermissionDirective],
+                    declarations: [SidebarComponent, QueueSearchCustomerComponent, HasPermissionDirective],
                     imports: [
                         CommonModule,
                         FormsModule,
@@ -1934,7 +1880,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
                         BaseFormComponent,
                         BlockListComponent
                     ],
-                    exports: [HasPermissionDirective, CapitalizeWordsPipe, TextBoxComponent, FormsModule, ListboxModule, DialogModule, CustomWidgetComponent, CheckboxModule, DropdownComponent, FormContainerComponent, BaseListComponent, SidebarComponent, DividerModule, CardModule, QueueSearchCustomerComponent, BlockListComponent]
+                    exports: [HasPermissionDirective, CapitalizeWordsPipe, TextBoxComponent, FormsModule, ListboxModule, DialogModule, CheckboxModule, DropdownComponent, FormContainerComponent, BaseListComponent, SidebarComponent, DividerModule, CardModule, QueueSearchCustomerComponent, BlockListComponent]
                 }]
         }] });
 
@@ -4440,6 +4386,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
                 type: Input
             }] } });
 
+class CustomWidgetService {
+    constructor() { }
+    isLastIndex(event, widgetData) {
+        if (!widgetData.statusList) {
+            return false;
+        }
+        const index = widgetData.statusList.indexOf(event);
+        return index === widgetData.statusList.length - 1;
+    }
+    getNextEventStatus(event, widgetData) {
+        const index = this.getEventIndex(event, widgetData);
+        if (widgetData.statusList && index >= 0 && index + 1 < widgetData.statusList.length) {
+            return widgetData.statusList[index + 1].status;
+        }
+        return null;
+    }
+    getEventIndex(event, widgetData) {
+        return widgetData.statusList ? widgetData.statusList.indexOf(event) : -1;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CustomWidgetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CustomWidgetService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CustomWidgetService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class CustomWidgetComponent {
+    widgetUtilService;
+    widgetData;
+    constructor(widgetUtilService) {
+        this.widgetUtilService = widgetUtilService;
+    }
+    isLastIndex(event) {
+        return this.widgetUtilService.isLastIndex(event, this.widgetData);
+    }
+    getNextEventStatus(event) {
+        return this.widgetUtilService.getNextEventStatus(event, this.widgetData);
+    }
+    getEventIndex(event) {
+        return this.widgetUtilService.getEventIndex(event, this.widgetData);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CustomWidgetComponent, deps: [{ token: CustomWidgetService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.4", type: CustomWidgetComponent, isStandalone: false, selector: "lib-custom-widget", inputs: { widgetData: "widgetData" }, ngImport: i0, template: "@if(widgetData){\r\n<div class=\"custom-widget\">\r\n\r\n  <div class=\" ml-3\" style=\"display: flex; flex-direction: row; align-items: center;\">\r\n    <h3 class=\"mb-0 font-bold mr-3 widgetData-title-wrapper\">\r\n      {{ (widgetData.title) }}\r\n    </h3>\r\n    \r\n    <span class=\"px-2 py-1 rounded text-white font-semibold badge\" [ngClass]=\"{\r\n      'bg-yellow-500': widgetData.badge === 'Pending',\r\n      'bg-green-500': widgetData.badge === 'Verified'\r\n    }\">\r\n    <i class=\"{{ widgetData.badgeIcon }}\"></i> {{ widgetData.badge }}\r\n    </span>\r\n  \r\n  </div>\r\n  <div class=\"widget-body-wrapper\">\r\n\r\n    <p-timeline class=\"widget-timeline-wrapper\" [value]=\"widgetData?.statusList\">\r\n      <ng-template pTemplate=\"marker\" let-event let-i=\"index\">\r\n        <div class=\"p-timeline-event-marker\" [ngStyle]=\"{\r\n                  'background-color': event.status === 'active' ? '#0F8BFD' :\r\n                                     event.status === 'pending' ? '#676B89' :\r\n                                     event.status === 'removed' ? '#FF0000' :\r\n                                     '#0F8BFD',\r\n                  'border-color': event.status === 'active' ? '#0F8BFD' :\r\n                                     event.status === 'pending' ? '#676B89' :\r\n                                     event.status === 'removed' ? '#FF0000' :\r\n                                     '#0F8BFD',\r\n                  'outline': event.status === 'active' ? '4px solid #0f8bfd33' :\r\n                                     event.status === 'pending' ? '4px solid #676b8933' :\r\n                                     event.status === 'removed' ? '4px solid #FF0000' :\r\n                                     '4px solid #0F8BFD',\r\n                }\"></div>\r\n\r\n        <div class=\"p-timeline-event-connector-border\" *ngIf=\"!isLastIndex(event)\" [ngStyle]=\"{\r\n            border:\r\n              getNextEventStatus(event) === 'active'\r\n                ? '2px solid #0F8BFD'\r\n                : getNextEventStatus(event) === 'pending'\r\n                ? '2px solid #44486d33'\r\n                : getNextEventStatus(event) === 'removed'\r\n                ? '2px solid #FF0000'\r\n                : '2px solid #0F8BFD',\r\n            height: 'calc(100% - 18px)'\r\n          }\"></div>\r\n      </ng-template>\r\n\r\n      <ng-template pTemplate=\"content\" let-event>\r\n        <div class=\"p-timeline-event-content mb-2\"\r\n          [ngClass]=\"{ 'mb-4': widgetData.title === 'Valuation' && event.title }\">\r\n\r\n          <p *ngIf=\"!(widgetData.title === 'Valuation') && event.title\" class=\"event-title mb-2\"\r\n            [innerHTML]=\"event.title\">\r\n          </p>\r\n\r\n          <p *ngIf=\"widgetData.title === 'Valuation' && event.title\" class=\"event-title mb-2\">\r\n            <span style=\"color: #0f8bfd; text-decoration: underline; font-weight: bold\">{{ event.title?.split(' ')[0]\r\n              }}</span>\r\n            {{ event.title?.substring(event.title.indexOf(' ') + 1) }}\r\n          </p>\r\n          \r\n          <span class=\"font-medium event-description\" [ngClass]=\"{ 'font-bold': event.textColor }\"\r\n            [ngStyle]=\"{ color: event.textColor }\" [innerHTML]=\"event.description\"></span>\r\n        </div>\r\n      </ng-template>\r\n    </p-timeline>\r\n  </div>\r\n</div>\r\n\r\n}", styles: [".custom-widget{margin-top:21px}::ng-deep .widget-timeline-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:#f9fafb}::ng-deep .widget-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .p-timeline-event{min-height:50px!important}::ng-deep .p-timeline-event:last-child{min-height:30px!important}.widgetData-title-wrapper{font-size:18px;font-weight:400}.badge{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:5px;font-size:14px}.widget-body-wrapper{padding:14px;margin-top:14px;margin-bottom:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.Timeline, selector: "p-timeline", inputs: ["value", "style", "styleClass", "align", "layout"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CustomWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "lib-custom-widget", standalone: false, template: "@if(widgetData){\r\n<div class=\"custom-widget\">\r\n\r\n  <div class=\" ml-3\" style=\"display: flex; flex-direction: row; align-items: center;\">\r\n    <h3 class=\"mb-0 font-bold mr-3 widgetData-title-wrapper\">\r\n      {{ (widgetData.title) }}\r\n    </h3>\r\n    \r\n    <span class=\"px-2 py-1 rounded text-white font-semibold badge\" [ngClass]=\"{\r\n      'bg-yellow-500': widgetData.badge === 'Pending',\r\n      'bg-green-500': widgetData.badge === 'Verified'\r\n    }\">\r\n    <i class=\"{{ widgetData.badgeIcon }}\"></i> {{ widgetData.badge }}\r\n    </span>\r\n  \r\n  </div>\r\n  <div class=\"widget-body-wrapper\">\r\n\r\n    <p-timeline class=\"widget-timeline-wrapper\" [value]=\"widgetData?.statusList\">\r\n      <ng-template pTemplate=\"marker\" let-event let-i=\"index\">\r\n        <div class=\"p-timeline-event-marker\" [ngStyle]=\"{\r\n                  'background-color': event.status === 'active' ? '#0F8BFD' :\r\n                                     event.status === 'pending' ? '#676B89' :\r\n                                     event.status === 'removed' ? '#FF0000' :\r\n                                     '#0F8BFD',\r\n                  'border-color': event.status === 'active' ? '#0F8BFD' :\r\n                                     event.status === 'pending' ? '#676B89' :\r\n                                     event.status === 'removed' ? '#FF0000' :\r\n                                     '#0F8BFD',\r\n                  'outline': event.status === 'active' ? '4px solid #0f8bfd33' :\r\n                                     event.status === 'pending' ? '4px solid #676b8933' :\r\n                                     event.status === 'removed' ? '4px solid #FF0000' :\r\n                                     '4px solid #0F8BFD',\r\n                }\"></div>\r\n\r\n        <div class=\"p-timeline-event-connector-border\" *ngIf=\"!isLastIndex(event)\" [ngStyle]=\"{\r\n            border:\r\n              getNextEventStatus(event) === 'active'\r\n                ? '2px solid #0F8BFD'\r\n                : getNextEventStatus(event) === 'pending'\r\n                ? '2px solid #44486d33'\r\n                : getNextEventStatus(event) === 'removed'\r\n                ? '2px solid #FF0000'\r\n                : '2px solid #0F8BFD',\r\n            height: 'calc(100% - 18px)'\r\n          }\"></div>\r\n      </ng-template>\r\n\r\n      <ng-template pTemplate=\"content\" let-event>\r\n        <div class=\"p-timeline-event-content mb-2\"\r\n          [ngClass]=\"{ 'mb-4': widgetData.title === 'Valuation' && event.title }\">\r\n\r\n          <p *ngIf=\"!(widgetData.title === 'Valuation') && event.title\" class=\"event-title mb-2\"\r\n            [innerHTML]=\"event.title\">\r\n          </p>\r\n\r\n          <p *ngIf=\"widgetData.title === 'Valuation' && event.title\" class=\"event-title mb-2\">\r\n            <span style=\"color: #0f8bfd; text-decoration: underline; font-weight: bold\">{{ event.title?.split(' ')[0]\r\n              }}</span>\r\n            {{ event.title?.substring(event.title.indexOf(' ') + 1) }}\r\n          </p>\r\n          \r\n          <span class=\"font-medium event-description\" [ngClass]=\"{ 'font-bold': event.textColor }\"\r\n            [ngStyle]=\"{ color: event.textColor }\" [innerHTML]=\"event.description\"></span>\r\n        </div>\r\n      </ng-template>\r\n    </p-timeline>\r\n  </div>\r\n</div>\r\n\r\n}", styles: [".custom-widget{margin-top:21px}::ng-deep .widget-timeline-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:#f9fafb}::ng-deep .widget-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .p-timeline-event{min-height:50px!important}::ng-deep .p-timeline-event:last-child{min-height:30px!important}.widgetData-title-wrapper{font-size:18px;font-weight:400}.badge{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:5px;font-size:14px}.widget-body-wrapper{padding:14px;margin-top:14px;margin-bottom:14px}\n"] }]
+        }], ctorParameters: () => [{ type: CustomWidgetService }], propDecorators: { widgetData: [{
+                type: Input
+            }] } });
+
 class WidgetMenuComponent {
     widgetService;
     activatedRoute;
@@ -4544,7 +4544,7 @@ class WidgetMenuComponent {
         this.destroy$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetMenuComponent, deps: [{ token: WidgetService }, { token: i3$4.ActivatedRoute }, { token: WidgetQuery }, { token: WidgetStore }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetMenuComponent, isStandalone: false, selector: "lib-widget-menu", inputs: { isSidebarVisible: "isSidebarVisible", offerWidgetData: "offerWidgetData", valuationWidgetData: "valuationWidgetData" }, outputs: { onViewAllDetails: "onViewAllDetails", onWidgetEventClick: "onWidgetEventClick", onWidgetItemClick: "onWidgetItemClick" }, usesOnChanges: true, ngImport: i0, template: "<p-card class=\"widget-block-wrapper block\">\r\n  <div class=\"widget-section-wrapper custom-scroll pt-2\">\r\n    <!-- Loading state -->\r\n    <ng-container *ngIf=\"isLoading; else widgetContent\">\r\n      <p class=\"text-color ml-3 font-semibold\">Widget configuration loading...</p>\r\n    </ng-container>\r\n\r\n    <!-- Content after API call -->\r\n    <ng-template #widgetContent>\r\n      <ng-container *ngIf=\"(widgets && widgets.length > 0)  || (valuationWidgetData || offerWidgetData); else noWidgets\">\r\n      <ng-container *ngFor=\"let widget of widgets; let i = index\">\r\n        <lib-widget-main [widget]=\"widget\" [index]=\"i\"></lib-widget-main>\r\n      </ng-container>\r\n    <ng-container *ngIf=\"offerWidgetData\">\r\n        <lib-custom-widget [widgetData]=\"offerWidgetData\"></lib-custom-widget>\r\n      </ng-container>\r\n    <ng-container *ngIf=\"valuationWidgetData\">\r\n        <lib-custom-widget [widgetData]=\"valuationWidgetData\"></lib-custom-widget>\r\n      </ng-container>\r\n      </ng-container>\r\n\r\n      <!-- No widget configured state -->\r\n      <ng-template #noWidgets>\r\n        <p class=\"text-color ml-3 font-semibold\">No Widgets Configured</p>\r\n      </ng-template>\r\n    </ng-template>\r\n    </div>\r\n</p-card>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}::ng-deep .refresh-btn-wrapper .p-button{padding:0}::ng-deep .valuation-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .rating-badge-wrapper .p-button{display:flex;align-items:center}::ng-deep .widget-block-wrapper{height:100%}::ng-deep .widget-block-wrapper .p-card{height:100%;background:transparent;border-radius:0;box-shadow:none}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding:0;height:100%}.application-title-wrapper{font-size:18px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:100%}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}.widget-content-wrapper{border-top:1px solid rgba(68,72,109,.1)}.widget-menu-container{border-radius:10px}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n", ""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: CustomWidgetComponent, selector: "lib-custom-widget", inputs: ["widgetData"] }, { kind: "component", type: WidgetMainComponent, selector: "lib-widget-main", inputs: ["widget", "index"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetMenuComponent, isStandalone: false, selector: "lib-widget-menu", inputs: { isSidebarVisible: "isSidebarVisible", offerWidgetData: "offerWidgetData", valuationWidgetData: "valuationWidgetData" }, outputs: { onViewAllDetails: "onViewAllDetails", onWidgetEventClick: "onWidgetEventClick", onWidgetItemClick: "onWidgetItemClick" }, usesOnChanges: true, ngImport: i0, template: "<p-card class=\"widget-block-wrapper block\">\r\n  <div class=\"widget-section-wrapper custom-scroll pt-2\">\r\n    <!-- Loading state -->\r\n    <ng-container *ngIf=\"isLoading; else widgetContent\">\r\n      <p class=\"text-color ml-3 font-semibold\">Widget configuration loading...</p>\r\n    </ng-container>\r\n\r\n    <!-- Content after API call -->\r\n    <ng-template #widgetContent>\r\n      <ng-container *ngIf=\"(widgets && widgets.length > 0)  || (valuationWidgetData || offerWidgetData); else noWidgets\">\r\n      <ng-container *ngFor=\"let widget of widgets; let i = index\">\r\n        <lib-widget-main [widget]=\"widget\" [index]=\"i\"></lib-widget-main>\r\n      </ng-container>\r\n    <ng-container *ngIf=\"offerWidgetData\">\r\n        <lib-custom-widget [widgetData]=\"offerWidgetData\"></lib-custom-widget>\r\n      </ng-container>\r\n    <ng-container *ngIf=\"valuationWidgetData\">\r\n        <lib-custom-widget [widgetData]=\"valuationWidgetData\"></lib-custom-widget>\r\n      </ng-container>\r\n      </ng-container>\r\n\r\n      <!-- No widget configured state -->\r\n      <ng-template #noWidgets>\r\n        <p class=\"text-color ml-3 font-semibold\">No Widgets Configured</p>\r\n      </ng-template>\r\n    </ng-template>\r\n    </div>\r\n</p-card>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}::ng-deep .refresh-btn-wrapper .p-button{padding:0}::ng-deep .valuation-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .rating-badge-wrapper .p-button{display:flex;align-items:center}::ng-deep .widget-block-wrapper{height:100%}::ng-deep .widget-block-wrapper .p-card{height:100%;background:transparent;border-radius:0;box-shadow:none}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding:0;height:100%}.application-title-wrapper{font-size:18px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:100%}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}.widget-content-wrapper{border-top:1px solid rgba(68,72,109,.1)}.widget-menu-container{border-radius:10px}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n", ""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: WidgetMainComponent, selector: "lib-widget-main", inputs: ["widget", "index"] }, { kind: "component", type: CustomWidgetComponent, selector: "lib-custom-widget", inputs: ["widgetData"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetMenuComponent, decorators: [{
             type: Component,
@@ -4918,14 +4918,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
 
 class WidgetModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.4", ngImport: i0, type: WidgetModule, declarations: [WidgetContainerComponent, WidgetMenuComponent, WidgetMainComponent, WidgetHeaderComponent, WidgetFooterComponent, WidgetBodyComponent, WidgetItemComponent, WidgetRowTileComponent, WidgetMenuContainerComponent, WidgetMenuHeaderComponent, WidgetMenuBodyComponent, WidgetMenuItemComponent], imports: [CommonModule,
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.4", ngImport: i0, type: WidgetModule, declarations: [WidgetContainerComponent, WidgetMenuComponent, WidgetMainComponent, WidgetHeaderComponent, WidgetFooterComponent, WidgetBodyComponent, WidgetItemComponent, WidgetRowTileComponent, WidgetMenuContainerComponent, WidgetMenuHeaderComponent, WidgetMenuBodyComponent, WidgetMenuItemComponent, CustomWidgetComponent], imports: [CommonModule,
             ButtonModule,
             DividerModule,
             CardModule,
             SharedModule,
             SidebarModule,
             TimelineModule,
-            ChartModule], exports: [WidgetContainerComponent, WidgetMenuContainerComponent] });
+            ChartModule], exports: [WidgetContainerComponent, WidgetMenuContainerComponent, CustomWidgetComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetModule, imports: [CommonModule,
             ButtonModule,
             DividerModule,
@@ -4938,7 +4938,7 @@ class WidgetModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [WidgetContainerComponent, WidgetMenuComponent, WidgetMainComponent, WidgetHeaderComponent, WidgetFooterComponent, WidgetBodyComponent, WidgetItemComponent, WidgetRowTileComponent, WidgetMenuContainerComponent, WidgetMenuHeaderComponent, WidgetMenuBodyComponent, WidgetMenuItemComponent],
+                    declarations: [WidgetContainerComponent, WidgetMenuComponent, WidgetMainComponent, WidgetHeaderComponent, WidgetFooterComponent, WidgetBodyComponent, WidgetItemComponent, WidgetRowTileComponent, WidgetMenuContainerComponent, WidgetMenuHeaderComponent, WidgetMenuBodyComponent, WidgetMenuItemComponent, CustomWidgetComponent],
                     imports: [
                         CommonModule,
                         ButtonModule,
@@ -4949,7 +4949,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
                         TimelineModule,
                         ChartModule
                     ],
-                    exports: [WidgetContainerComponent, WidgetMenuContainerComponent]
+                    exports: [WidgetContainerComponent, WidgetMenuContainerComponent, CustomWidgetComponent]
                 }]
         }] });