cat-qw-lib 2.1.58 → 2.1.60

package/fesm2022/cat-qw-lib.mjs

@@ -68,7 +68,7 @@ import { QuillModule, QuillConfigModule } from 'ngx-quill';
 import * as i5$3 from 'primeng/tabview';
 import { TabViewModule } from 'primeng/tabview';
 import hljs from 'highlight.js';
-import * as i5$4 from 'primeng/skeleton';
+import * as i3$6 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 import * as i2$3 from 'primeng/chart';
 import { ChartModule } from 'primeng/chart';
@@ -5146,6 +5146,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: WidgetStore }, { type: WidgetStore }] });
 
+/**
+ * Service for managing widget configurations.
+ */
+class WidgetService extends BaseService {
+    widgetStore;
+    configService;
+    constructor(http, widgetStore, configService, listService) {
+        super(http, widgetStore, configService, listService);
+        this.widgetStore = widgetStore;
+        this.configService = configService;
+        this._pathName = DATASOURCES.WIDGET;
+    }
+    getAllWidgets(recordId, widgetName) {
+        const url = `${this.apiUrl}${ROUTES.APPLICATION_WIDGET}${SHARED.QUESTION_MARK}${SHARED.RECORDID}${SHARED.EQUALS}${recordId}${SHARED.AMPERSAND}${SHARED.WIDGET_NAME}${SHARED.EQUALS}${widgetName}`;
+        return this.http.get(url).pipe(tap$1((entities) => {
+            this.widgetStore.set(entities);
+            this.widgetStore.setWidgetsList(entities);
+        }));
+    }
+    getEvaluateFromCache(recordId, widgetName) {
+        const url = `${this.apiUrl}${ROUTES.APPLICATION_WIDGET_CACHE}${SHARED.QUESTION_MARK}${SHARED.RECORDID}${SHARED.EQUALS}${recordId}${SHARED.AMPERSAND}${SHARED.WIDGET_NAME}${SHARED.EQUALS}${widgetName}`;
+        return this.http.get(url).pipe(tap$1((entities) => {
+            this.widgetStore.set(entities);
+            this.widgetStore.setWidgetsList(entities);
+        }));
+    }
+    getEvaluateByWidgetName(recordId, widgetName) {
+        const url = `${this.apiUrl}${ROUTES.EVALUATE_BY_WIDGETNAME}${SHARED.QUESTION_MARK}${SHARED.RECORDID}${SHARED.EQUALS}${recordId}${SHARED.AMPERSAND}${SHARED.WIDGET_NAME}${SHARED.EQUALS}${widgetName}`;
+        return this.http.get(url).pipe(tap$1((entities) => {
+            this.widgetStore.set(entities);
+            this.widgetStore.setWidgetsList(entities);
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetService, deps: [{ token: i1$1.HttpClient }, { token: WidgetStore }, { token: AppConfigService }, { token: ListService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: WidgetStore }, { type: AppConfigService }, { type: ListService }] });
+
 class StyleBuilderService {
     constructor() { }
     getStyle(style) {
@@ -5204,47 +5245,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-/**
- * Service for managing widget configurations.
- */
-class WidgetService extends BaseService {
-    widgetStore;
-    configService;
-    constructor(http, widgetStore, configService, listService) {
-        super(http, widgetStore, configService, listService);
-        this.widgetStore = widgetStore;
-        this.configService = configService;
-        this._pathName = DATASOURCES.WIDGET;
-    }
-    getAllWidgets(recordId, widgetName) {
-        const url = `${this.apiUrl}${ROUTES.APPLICATION_WIDGET}${SHARED.QUESTION_MARK}${SHARED.RECORDID}${SHARED.EQUALS}${recordId}${SHARED.AMPERSAND}${SHARED.WIDGET_NAME}${SHARED.EQUALS}${widgetName}`;
-        return this.http.get(url).pipe(tap$1((entities) => {
-            this.widgetStore.set(entities);
-            this.widgetStore.setWidgetsList(entities);
-        }));
-    }
-    getEvaluateFromCache(recordId, widgetName) {
-        const url = `${this.apiUrl}${ROUTES.APPLICATION_WIDGET_CACHE}${SHARED.QUESTION_MARK}${SHARED.RECORDID}${SHARED.EQUALS}${recordId}${SHARED.AMPERSAND}${SHARED.WIDGET_NAME}${SHARED.EQUALS}${widgetName}`;
-        return this.http.get(url).pipe(tap$1((entities) => {
-            this.widgetStore.set(entities);
-            this.widgetStore.setWidgetsList(entities);
-        }));
-    }
-    getEvaluateByWidgetName(recordId, widgetName) {
-        const url = `${this.apiUrl}${ROUTES.EVALUATE_BY_WIDGETNAME}${SHARED.QUESTION_MARK}${SHARED.RECORDID}${SHARED.EQUALS}${recordId}${SHARED.AMPERSAND}${SHARED.WIDGET_NAME}${SHARED.EQUALS}${widgetName}`;
-        return this.http.get(url).pipe(tap$1((entities) => {
-            this.widgetStore.set(entities);
-            this.widgetStore.setWidgetsList(entities);
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetService, deps: [{ token: i1$1.HttpClient }, { token: WidgetStore }, { token: AppConfigService }, { token: ListService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: WidgetStore }, { type: AppConfigService }, { type: ListService }] });
-
 class WidgetHeaderComponent {
     styleBulderService;
     widget;
@@ -5703,52 +5703,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 
 /**
  * WidgetRowTileComponent is a component that displays a row of widgets in a tile format.
- * It fetches the widgets based on the provided record ID and widget name.
+ * It receives the widgets data from its parent container component.
  */
 class WidgetRowTileComponent {
-    widgetService;
-    widgetStore;
     destroy$ = new Subject();
-    widgets;
+    widgets = [];
     isLoading = true;
     recordId;
     widgetName;
     onWidgetUpdate;
-    constructor(widgetService, widgetStore) {
-        this.widgetService = widgetService;
-        this.widgetStore = widgetStore;
-    }
+    constructor() { }
     ngOnInit() {
-        this.getWidgetItemList();
+        // No need to fetch data - it's passed as input
     }
     ngOnChanges(changes) {
-        if (changes[SHARED.ON_WIDGET_UPDATE]) {
-            this.isLoading = true;
-            this.getWidgetItemList();
+        // Handle changes to input properties if needed
+        if (changes['widgets']) {
+            console.log('Widgets data updated:', this.widgets);
+        }
+        if (changes['isLoading']) {
+            console.log('Loading state changed:', this.isLoading);
         }
-    }
-    getWidgetItemList() {
-        this.widgetService.getEvaluateByWidgetName(this.recordId, this.widgetName)
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((res) => {
-            this.widgets = res;
-            this.widgetStore.setWidgetsList(this.widgets);
-            this.isLoading = false;
-        }, (error) => {
-            this.isLoading = false;
-        });
     }
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetRowTileComponent, deps: [{ token: WidgetService }, { token: WidgetStore }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: WidgetRowTileComponent, isStandalone: false, selector: "lib-widget-row-tile", inputs: { recordId: "recordId", widgetName: "widgetName", onWidgetUpdate: "onWidgetUpdate" }, usesOnChanges: true, ngImport: i0, template: "<p-card class=\"widget-block-wrapper block\">\r\n  <div class=\"widget-section-wrapper\">\r\n    <!-- Loading state -->\r\n    <ng-container *ngIf=\"isLoading; else widgetContent\">\r\n      <div *ngFor=\"let n of [1,2,3]\" style=\"padding: 6px;\">\r\n        <p-skeleton width=\"100%\" height=\"45px\" styleClass=\"mb-3\"></p-skeleton>\r\n      </div>\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); 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>\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-color:var(--surface-0)!important;border-radius:10px;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-menu-container{border-radius:10px;background-color:#fff}:host ::-webkit-scrollbar{width:7px}: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: i5$4.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: WidgetMainComponent, selector: "lib-widget-main", inputs: ["widget", "index"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetRowTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: WidgetRowTileComponent, isStandalone: false, selector: "lib-widget-row-tile", inputs: { widgets: "widgets", isLoading: "isLoading", recordId: "recordId", widgetName: "widgetName", onWidgetUpdate: "onWidgetUpdate" }, usesOnChanges: true, ngImport: i0, template: "<p-card class=\"widget-block-wrapper block\">\r\n  <div class=\"widget-section-wrapper\">\r\n    <!-- Loading state -->\r\n    <ng-container *ngIf=\"isLoading; else widgetContent\">\r\n      <div *ngFor=\"let n of [1,2,3]\" style=\"padding: 6px;\">\r\n        <p-skeleton width=\"100%\" height=\"45px\" styleClass=\"mb-3\"></p-skeleton>\r\n      </div>\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); 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>\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-color:var(--surface-0)!important;border-radius:10px;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-menu-container{border-radius:10px;background-color:#fff}:host ::-webkit-scrollbar{width:7px}: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: i3$6.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: WidgetMainComponent, selector: "lib-widget-main", inputs: ["widget", "index"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetRowTileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-widget-row-tile', standalone: false, template: "<p-card class=\"widget-block-wrapper block\">\r\n  <div class=\"widget-section-wrapper\">\r\n    <!-- Loading state -->\r\n    <ng-container *ngIf=\"isLoading; else widgetContent\">\r\n      <div *ngFor=\"let n of [1,2,3]\" style=\"padding: 6px;\">\r\n        <p-skeleton width=\"100%\" height=\"45px\" styleClass=\"mb-3\"></p-skeleton>\r\n      </div>\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); 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>\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-color:var(--surface-0)!important;border-radius:10px;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-menu-container{border-radius:10px;background-color:#fff}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"] }]
-        }], ctorParameters: () => [{ type: WidgetService }, { type: WidgetStore }], propDecorators: { recordId: [{
+        }], ctorParameters: () => [], propDecorators: { widgets: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], recordId: [{
                 type: Input
             }], widgetName: [{
                 type: Input
@@ -5762,11 +5753,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 class WidgetContainerComponent {
     widgetStore;
     widgetQuery;
+    widgetService;
     styleBulderService;
     cdr;
-    constructor(widgetStore, widgetQuery, styleBulderService, cdr) {
+    constructor(widgetStore, widgetQuery, widgetService, styleBulderService, cdr) {
         this.widgetStore = widgetStore;
         this.widgetQuery = widgetQuery;
+        this.widgetService = widgetService;
         this.styleBulderService = styleBulderService;
         this.cdr = cdr;
     }
@@ -5776,25 +5769,56 @@ class WidgetContainerComponent {
     widgetName;
     recordId;
     onWidgetUpdate;
+    // Widget data and loading state
+    widgets = [];
+    isLoading = true;
+    // Style properties
     widgetCardStyle = {};
     widgetCardStyleExpression = {};
     widgetCombinedStyle = {};
+    // Output events
     onViewAllDetails = new EventEmitter();
     onWidgetEventClick = new EventEmitter();
     onWidgetItemClick = new EventEmitter();
     onUpdatedWidgetList = new EventEmitter();
     destroy$ = new Subject();
     ngOnInit() {
-        this.widgetQuery.getWidgetList()
+        this.getWidgetItemList();
+    }
+    ngOnChanges(changes) {
+        if (changes[SHARED.IS_MENU]) {
+            this.isMenu = changes[SHARED.IS_MENU].currentValue;
+            this.widgetStore.setIsMenu(this.isMenu);
+        }
+        if (changes[SHARED.ON_WIDGET_UPDATE]) {
+            this.isLoading = true;
+            this.getWidgetItemList();
+        }
+    }
+    getWidgetItemList() {
+        this.widgetService.getEvaluateByWidgetName(this.recordId, this.widgetName)
             .pipe(takeUntil(this.destroy$))
-            .subscribe((data) => {
-            if (data) {
-                console.log(data, 'fara1');
-                this.updateWidgetStyles(data[0]);
-                this.onUpdatedWidgetList.emit(data);
-            }
+            .subscribe((res) => {
+            this.widgets = res;
+            this.widgetStore.setWidgetsList(this.widgets);
+            this.isLoading = false;
+            // Update styles after data is loaded
+            this.updateWidgetStylesFromData();
+            this.onUpdatedWidgetList.emit(this.widgets);
+        }, (error) => {
+            this.isLoading = false;
+            console.error('Error fetching widget data:', error);
         });
     }
+    updateWidgetStylesFromData() {
+        if (this.widgets && this.widgets.length > 0) {
+            // Find the widget that matches our widgetName
+            const matchingWidget = this.widgets.find((widget) => widget.widgetName === this.widgetName);
+            if (matchingWidget && matchingWidget.style) {
+                this.updateWidgetStyles(matchingWidget);
+            }
+        }
+    }
     updateWidgetStyles(widget) {
         console.log(widget, 'widget');
         if (widget.style) {
@@ -5808,12 +5832,6 @@ class WidgetContainerComponent {
             console.log(this.widgetCombinedStyle, 'test778');
         }
     }
-    ngOnChanges(changes) {
-        if (changes[SHARED.IS_MENU]) {
-            this.isMenu = changes[SHARED.IS_MENU].currentValue;
-            this.widgetStore.setIsMenu(this.isMenu);
-        }
-    }
     handleViewAllDetails(event) {
         this.onViewAllDetails.emit(event);
     }
@@ -5827,13 +5845,13 @@ class WidgetContainerComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetContainerComponent, deps: [{ token: WidgetStore }, { token: WidgetQuery }, { token: StyleBuilderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WidgetContainerComponent, isStandalone: false, selector: "lib-widget-container", inputs: { isMenu: "isMenu", offerWidgetData: "offerWidgetData", valuationWidgetData: "valuationWidgetData", widgetName: "widgetName", recordId: "recordId", onWidgetUpdate: "onWidgetUpdate" }, outputs: { onViewAllDetails: "onViewAllDetails", onWidgetEventClick: "onWidgetEventClick", onWidgetItemClick: "onWidgetItemClick", onUpdatedWidgetList: "onUpdatedWidgetList" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"widget-container-wrapper\">\r\n  @if(isMenu) {\r\n    <div class=\"bg-white widget-menu-container\">\r\n    <lib-widget-menu \r\n    [offerWidgetData]=\"offerWidgetData\"\r\n    [valuationWidgetData]=\"valuationWidgetData\"\r\n    (onViewAllDetails)=\"handleViewAllDetails($event)\"\r\n    (onWidgetEventClick)=\"handleWidgetEventClick($event)\"\r\n    (onWidgetItemClick)=\"handleWidgetItemClick($event)\"\r\n    ></lib-widget-menu>\r\n    </div>\r\n  } @else {\r\n    <div [ngStyle]=\"widgetCombinedStyle\" class=\"widget-menu-container\">\r\n      <lib-widget-row-tile\r\n      [recordId]=\"recordId\"\r\n      [widgetName]=\"widgetName\"\r\n      [onWidgetUpdate]=\"onWidgetUpdate\"\r\n      ></lib-widget-row-tile>\r\n    </div>\r\n  }\r\n</div>", 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-color:var(--surface-0)!important;border-radius:10px;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-menu-container{border-radius:10px;background-color:#fff}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WidgetMenuComponent, selector: "lib-widget-menu", inputs: ["isSidebarVisible", "offerWidgetData", "valuationWidgetData"], outputs: ["onViewAllDetails", "onWidgetEventClick", "onWidgetItemClick"] }, { kind: "component", type: WidgetRowTileComponent, selector: "lib-widget-row-tile", inputs: ["recordId", "widgetName", "onWidgetUpdate"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetContainerComponent, deps: [{ token: WidgetStore }, { token: WidgetQuery }, { token: WidgetService }, { token: StyleBuilderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WidgetContainerComponent, isStandalone: false, selector: "lib-widget-container", inputs: { isMenu: "isMenu", offerWidgetData: "offerWidgetData", valuationWidgetData: "valuationWidgetData", widgetName: "widgetName", recordId: "recordId", onWidgetUpdate: "onWidgetUpdate" }, outputs: { onViewAllDetails: "onViewAllDetails", onWidgetEventClick: "onWidgetEventClick", onWidgetItemClick: "onWidgetItemClick", onUpdatedWidgetList: "onUpdatedWidgetList" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"widget-container-wrapper\">\r\n  @if(isMenu) {\r\n    <div class=\"bg-white widget-menu-container\">\r\n    <lib-widget-menu \r\n    [offerWidgetData]=\"offerWidgetData\"\r\n    [valuationWidgetData]=\"valuationWidgetData\"\r\n    (onViewAllDetails)=\"handleViewAllDetails($event)\"\r\n    (onWidgetEventClick)=\"handleWidgetEventClick($event)\"\r\n    (onWidgetItemClick)=\"handleWidgetItemClick($event)\"\r\n    ></lib-widget-menu>\r\n    </div>\r\n  } @else {\r\n    <div [ngStyle]=\"widgetCombinedStyle\" class=\"widget-menu-container\">\r\n        <lib-widget-row-tile\r\n        [widgets]=\"widgets\"\r\n        [isLoading]=\"isLoading\"\r\n        [recordId]=\"recordId\"\r\n        [widgetName]=\"widgetName\"\r\n        [onWidgetUpdate]=\"onWidgetUpdate\"\r\n        ></lib-widget-row-tile>\r\n    </div>\r\n  }\r\n</div>", 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-color:var(--surface-0)!important;border-radius:10px;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-menu-container{border-radius:10px;background-color:#fff}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WidgetMenuComponent, selector: "lib-widget-menu", inputs: ["isSidebarVisible", "offerWidgetData", "valuationWidgetData"], outputs: ["onViewAllDetails", "onWidgetEventClick", "onWidgetItemClick"] }, { kind: "component", type: WidgetRowTileComponent, selector: "lib-widget-row-tile", inputs: ["widgets", "isLoading", "recordId", "widgetName", "onWidgetUpdate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-widget-container', standalone: false, template: "<div class=\"widget-container-wrapper\">\r\n  @if(isMenu) {\r\n    <div class=\"bg-white widget-menu-container\">\r\n    <lib-widget-menu \r\n    [offerWidgetData]=\"offerWidgetData\"\r\n    [valuationWidgetData]=\"valuationWidgetData\"\r\n    (onViewAllDetails)=\"handleViewAllDetails($event)\"\r\n    (onWidgetEventClick)=\"handleWidgetEventClick($event)\"\r\n    (onWidgetItemClick)=\"handleWidgetItemClick($event)\"\r\n    ></lib-widget-menu>\r\n    </div>\r\n  } @else {\r\n    <div [ngStyle]=\"widgetCombinedStyle\" class=\"widget-menu-container\">\r\n      <lib-widget-row-tile\r\n      [recordId]=\"recordId\"\r\n      [widgetName]=\"widgetName\"\r\n      [onWidgetUpdate]=\"onWidgetUpdate\"\r\n      ></lib-widget-row-tile>\r\n    </div>\r\n  }\r\n</div>", 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-color:var(--surface-0)!important;border-radius:10px;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-menu-container{border-radius:10px;background-color:#fff}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"] }]
-        }], ctorParameters: () => [{ type: WidgetStore }, { type: WidgetQuery }, { type: StyleBuilderService }, { type: i0.ChangeDetectorRef }], propDecorators: { isMenu: [{
+            args: [{ selector: 'lib-widget-container', standalone: false, template: "<div class=\"widget-container-wrapper\">\r\n  @if(isMenu) {\r\n    <div class=\"bg-white widget-menu-container\">\r\n    <lib-widget-menu \r\n    [offerWidgetData]=\"offerWidgetData\"\r\n    [valuationWidgetData]=\"valuationWidgetData\"\r\n    (onViewAllDetails)=\"handleViewAllDetails($event)\"\r\n    (onWidgetEventClick)=\"handleWidgetEventClick($event)\"\r\n    (onWidgetItemClick)=\"handleWidgetItemClick($event)\"\r\n    ></lib-widget-menu>\r\n    </div>\r\n  } @else {\r\n    <div [ngStyle]=\"widgetCombinedStyle\" class=\"widget-menu-container\">\r\n        <lib-widget-row-tile\r\n        [widgets]=\"widgets\"\r\n        [isLoading]=\"isLoading\"\r\n        [recordId]=\"recordId\"\r\n        [widgetName]=\"widgetName\"\r\n        [onWidgetUpdate]=\"onWidgetUpdate\"\r\n        ></lib-widget-row-tile>\r\n    </div>\r\n  }\r\n</div>", 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-color:var(--surface-0)!important;border-radius:10px;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-menu-container{border-radius:10px;background-color:#fff}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"] }]
+        }], ctorParameters: () => [{ type: WidgetStore }, { type: WidgetQuery }, { type: WidgetService }, { type: StyleBuilderService }, { type: i0.ChangeDetectorRef }], propDecorators: { isMenu: [{
                 type: Input
             }], offerWidgetData: [{
                 type: Input