cat-qw-lib 0.34.7 → 0.34.8

package/fesm2022/cat-qw-lib.mjs

@@ -3704,9 +3704,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
  */
 let WidgetStore = class WidgetStore extends BaseStore {
     onViewAllDetails$;
+    onViewPropertyDetails$;
     constructor() {
         super();
         this.onViewAllDetails$ = new BehaviorSubject(SHARED.EMPTY_STRING);
+        this.onViewPropertyDetails$ = new BehaviorSubject(SHARED.EMPTY);
+    }
+    setOnViewPropertyDetails(value) {
+        this.onViewPropertyDetails$.next(value);
     }
     setOnViewAllDetails(value) {
         this.onViewAllDetails$.next(value);
@@ -3763,6 +3768,9 @@ class WidgetQuery extends BaseQuery {
     getOnViewAllDetails() {
         return this.widgetStore.onViewAllDetails$.asObservable();
     }
+    getViewPropertyDetails() {
+        return this.widgetStore.onViewPropertyDetails$.asObservable();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetQuery, deps: [{ token: WidgetStore }, { token: WidgetStore }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetQuery, providedIn: 'root' });
 }
@@ -3831,31 +3839,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
 
 class WidgetItemComponent {
     styleBulderService;
+    widgetStore;
     widgetItem;
-    constructor(styleBulderService) {
+    widget;
+    constructor(styleBulderService, widgetStore) {
         this.styleBulderService = styleBulderService;
+        this.widgetStore = widgetStore;
     }
     getStyle(style) {
         return this.styleBulderService.getStyle(style);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, deps: [{ token: StyleBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetItemComponent, isStandalone: false, selector: "lib-widget-item", inputs: { widgetItem: "widgetItem" }, ngImport: i0, template: "<div class=\"flex align-items-center justify-content-between\"> \r\n  <p class=\"mb-0 text-color-secondary mr-3 key-field-wrapper w-50\">{{ widgetItem?.key }}</p>\r\n  \r\n  <div class=\"mb-0 text-color font-semibold text-value-wrapper w-50 text-right\">\r\n    <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" \r\n       class=\"pi pi-exclamation-triangle text-red-500\" \r\n       style=\"font-size: 1.3rem\"></i>\r\n    <p class=\"key-field-wrapper\" [ngStyle]=\"getStyle(widgetItem?.style)\">\r\n      {{ (widgetItem?.value && widgetItem?.value !== 'null') ? widgetItem?.value : ''}}\r\n    </p> \r\n  </div>\r\n</div>\r\n", styles: [".text-value-wrapper{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%}.key-field-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-50{width:50%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    onHandleSidebar() {
+        this.widgetStore.setOnViewPropertyDetails(true);
+    }
+    ngOnDestroy() {
+        this.widgetStore.setOnViewPropertyDetails(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, deps: [{ token: StyleBuilderService }, { token: WidgetStore }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetItemComponent, isStandalone: false, selector: "lib-widget-item", inputs: { widgetItem: "widgetItem", widget: "widget" }, ngImport: i0, template: "<div class=\"widget-container\"> \r\n  <div class=\"flex justify-content-between\" [ngClass]=\"!(widgetItem.key === 'Address' && widget.predefinedName === 'Property widget') ? 'align-items-center' : ''\">\r\n  <p class=\"mb-0 text-color-secondary mr-3 key-field-wrapper w-50\">{{ widgetItem?.key }}</p>\r\n  \r\n  <div class=\"mb-0 text-color font-semibold text-value-wrapper w-50 text-right\">\r\n    <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" \r\n       class=\"pi pi-exclamation-triangle text-red-500\" \r\n       style=\"font-size: 1.3rem\"></i>\r\n    <p *ngIf=\"!(widgetItem.key === 'Address' && widget.predefinedName === 'Property widget')\" class=\"key-field-wrapper\" [ngStyle]=\"getStyle(widgetItem?.style)\">\r\n      {{ (widgetItem?.value && widgetItem?.value !== 'null') ? widgetItem?.value : ''}}\r\n    </p> \r\n    <i *ngIf=\"widgetItem.key === 'Address' && widget.predefinedName === 'Property widget'\" class=\"pi pi-map-marker map-icon map-icon-wrapper\"></i>\r\n  </div>\r\n  </div>\r\n  <div *ngIf=\"widgetItem.key === 'Address' && widget.predefinedName === 'Property widget'\" class=\"address-title-wrapper cursor-pointer\"\r\n  [ngStyle]=\"getStyle(widgetItem?.style)\" (click)=\"onHandleSidebar()\">\r\n    {{ widgetItem?.value }}\r\n  </div>\r\n</div>\r\n", styles: [".text-value-wrapper{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%}.key-field-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-50{width:50%!important}.map-icon-wrapper{font-size:16px;padding:13px;border-radius:30px;border:1px solid rgba(76,98,146,.1);background:#4c62920a}.address-title-wrapper{width:80%;word-break:break-word;margin-top:-12px}\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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-widget-item', standalone: false, template: "<div class=\"flex align-items-center justify-content-between\"> \r\n  <p class=\"mb-0 text-color-secondary mr-3 key-field-wrapper w-50\">{{ widgetItem?.key }}</p>\r\n  \r\n  <div class=\"mb-0 text-color font-semibold text-value-wrapper w-50 text-right\">\r\n    <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" \r\n       class=\"pi pi-exclamation-triangle text-red-500\" \r\n       style=\"font-size: 1.3rem\"></i>\r\n    <p class=\"key-field-wrapper\" [ngStyle]=\"getStyle(widgetItem?.style)\">\r\n      {{ (widgetItem?.value && widgetItem?.value !== 'null') ? widgetItem?.value : ''}}\r\n    </p> \r\n  </div>\r\n</div>\r\n", styles: [".text-value-wrapper{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%}.key-field-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-50{width:50%!important}\n"] }]
-        }], ctorParameters: () => [{ type: StyleBuilderService }], propDecorators: { widgetItem: [{
+            args: [{ selector: 'lib-widget-item', standalone: false, template: "<div class=\"widget-container\"> \r\n  <div class=\"flex justify-content-between\" [ngClass]=\"!(widgetItem.key === 'Address' && widget.predefinedName === 'Property widget') ? 'align-items-center' : ''\">\r\n  <p class=\"mb-0 text-color-secondary mr-3 key-field-wrapper w-50\">{{ widgetItem?.key }}</p>\r\n  \r\n  <div class=\"mb-0 text-color font-semibold text-value-wrapper w-50 text-right\">\r\n    <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" \r\n       class=\"pi pi-exclamation-triangle text-red-500\" \r\n       style=\"font-size: 1.3rem\"></i>\r\n    <p *ngIf=\"!(widgetItem.key === 'Address' && widget.predefinedName === 'Property widget')\" class=\"key-field-wrapper\" [ngStyle]=\"getStyle(widgetItem?.style)\">\r\n      {{ (widgetItem?.value && widgetItem?.value !== 'null') ? widgetItem?.value : ''}}\r\n    </p> \r\n    <i *ngIf=\"widgetItem.key === 'Address' && widget.predefinedName === 'Property widget'\" class=\"pi pi-map-marker map-icon map-icon-wrapper\"></i>\r\n  </div>\r\n  </div>\r\n  <div *ngIf=\"widgetItem.key === 'Address' && widget.predefinedName === 'Property widget'\" class=\"address-title-wrapper cursor-pointer\"\r\n  [ngStyle]=\"getStyle(widgetItem?.style)\" (click)=\"onHandleSidebar()\">\r\n    {{ widgetItem?.value }}\r\n  </div>\r\n</div>\r\n", styles: [".text-value-wrapper{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%}.key-field-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-50{width:50%!important}.map-icon-wrapper{font-size:16px;padding:13px;border-radius:30px;border:1px solid rgba(76,98,146,.1);background:#4c62920a}.address-title-wrapper{width:80%;word-break:break-word;margin-top:-12px}\n"] }]
+        }], ctorParameters: () => [{ type: StyleBuilderService }, { type: WidgetStore }], propDecorators: { widgetItem: [{
+                type: Input
+            }], widget: [{
                 type: Input
             }] } });
 
 class WidgetBodyComponent {
     widget;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetBodyComponent, isStandalone: false, selector: "lib-widget-body", inputs: { widget: "widget" }, ngImport: i0, template: "<div class=\"widget-body-container\">\r\n    <div *ngFor=\"let dataItem of widget?.dataItems || []; let i = index\">\r\n        <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-item-wrapper' : ''\">\r\n            <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-wrapper' : 'widget-last-wrapper'\">\r\n                <lib-widget-item [widgetItem]=\"dataItem\"></lib-widget-item>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".widget-item-wrapper{border-bottom:1px solid rgba(68,72,109,.1)}.widget-wrapper{padding:10px 0}.widget-last-wrapper{padding:10px 0 0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: WidgetItemComponent, selector: "lib-widget-item", inputs: ["widgetItem"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetBodyComponent, isStandalone: false, selector: "lib-widget-body", inputs: { widget: "widget" }, ngImport: i0, template: "<div class=\"widget-body-container\">\r\n    <div *ngFor=\"let dataItem of widget?.dataItems || []; let i = index\">\r\n        <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-item-wrapper' : ''\">\r\n            <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-wrapper' : 'widget-last-wrapper'\">\r\n                <lib-widget-item [widgetItem]=\"dataItem\" [widget]=\"widget\"></lib-widget-item>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".widget-item-wrapper{border-bottom:1px solid rgba(68,72,109,.1)}.widget-wrapper{padding:10px 0}.widget-last-wrapper{padding:10px 0 0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: WidgetItemComponent, selector: "lib-widget-item", inputs: ["widgetItem", "widget"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-widget-body', standalone: false, template: "<div class=\"widget-body-container\">\r\n    <div *ngFor=\"let dataItem of widget?.dataItems || []; let i = index\">\r\n        <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-item-wrapper' : ''\">\r\n            <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-wrapper' : 'widget-last-wrapper'\">\r\n                <lib-widget-item [widgetItem]=\"dataItem\"></lib-widget-item>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".widget-item-wrapper{border-bottom:1px solid rgba(68,72,109,.1)}.widget-wrapper{padding:10px 0}.widget-last-wrapper{padding:10px 0 0}\n"] }]
+            args: [{ selector: 'lib-widget-body', standalone: false, template: "<div class=\"widget-body-container\">\r\n    <div *ngFor=\"let dataItem of widget?.dataItems || []; let i = index\">\r\n        <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-item-wrapper' : ''\">\r\n            <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-wrapper' : 'widget-last-wrapper'\">\r\n                <lib-widget-item [widgetItem]=\"dataItem\" [widget]=\"widget\"></lib-widget-item>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".widget-item-wrapper{border-bottom:1px solid rgba(68,72,109,.1)}.widget-wrapper{padding:10px 0}.widget-last-wrapper{padding:10px 0 0}\n"] }]
         }], propDecorators: { widget: [{
                 type: Input
             }] } });
@@ -3871,9 +3890,11 @@ class WidgetContainerComponent {
         this.widgetQuery = widgetQuery;
         this.widgetStore = widgetStore;
     }
+    destroy$ = new Subject();
     widgets = [];
     subscription = new Subscription();
     onViewAllDetails = new EventEmitter();
+    onViewAllProperties = new EventEmitter();
     showEditionalFeild = SHARED.FALSE;
     ngOnInit() {
         const detailsSubscription = this.widgetQuery.getOnViewAllDetails()?.subscribe((res) => {
@@ -3883,11 +3904,20 @@ class WidgetContainerComponent {
         }, (error) => {
             console.error('Error in getOnViewAllDetails subscription:', error);
         });
+        this.widgetQuery.getViewPropertyDetails()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((res) => {
+            if (res) {
+                this.onViewAllProperties.next(res);
+            }
+        });
         if (detailsSubscription) {
             this.subscription.add(detailsSubscription);
         }
-        const queueId = localStorage.getItem(SHARED.selectedQueue);
-        const recordId = this.activatedRoute.snapshot.params[SHARED.ID];
+        // const queueId = localStorage.getItem(SHARED.selectedQueue);
+        // const recordId = this.activatedRoute.snapshot.params[SHARED.ID];
+        const queueId = "67ad9b35549937481158d30b";
+        const recordId = "67ac3e89e90d3f5a63ced3d7";
         if (!queueId || !recordId) {
             console.error(ERROR.ERROR_MISSING_PARAMETERS, {
                 queueId: queueId || SHARED.MISSING_QUEUE_ID,
@@ -3906,15 +3936,19 @@ class WidgetContainerComponent {
         this.widgets = [];
         this.widgetStore.resetOnViewAllDetails();
         this.subscription.unsubscribe();
+        this.destroy$.next();
+        this.destroy$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetContainerComponent, deps: [{ token: WidgetService }, { token: i3$4.ActivatedRoute }, { token: WidgetQuery }, { token: WidgetStore }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetContainerComponent, isStandalone: false, selector: "lib-widget-container", inputs: { showEditionalFeild: "showEditionalFeild" }, outputs: { onViewAllDetails: "onViewAllDetails" }, ngImport: i0, template: "<p-card class=\"widget-block-wrapper block\">\r\n    <div class=\"widget-section-wrapper p-3 pt-2\">\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        <div class=\"widget-container-wrapper\" [ngClass]=\"i !== 0 ? 'mt-4' : ''\">\r\n          <lib-widget-header [widget]=\"widget\" [showEditionalFeild]=\"showEditionalFeild\"></lib-widget-header>\r\n          <div class=\"widget-content-wrapper mt-4 p-3\">\r\n            <lib-widget-body [widget]=\"widget\"></lib-widget-body>\r\n            <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\r\n          </div>\r\n        </div>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-template #noWidgets>\r\n      <p class=\"text-color font-semibold\">No Widgets Configured</p>\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%}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding-bottom:0;height:100%}.application-title-wrapper{font-size:20px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:calc(100% - 20px);overflow-y:auto}.widget-content-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:linear-gradient(0deg,#4c629208 0% 100%),#fff}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:#868181;border-radius:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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$2.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: WidgetHeaderComponent, selector: "lib-widget-header", inputs: ["widget", "showEditionalFeild"] }, { kind: "component", type: WidgetFooterComponent, selector: "lib-widget-footer", inputs: ["widget"] }, { kind: "component", type: WidgetBodyComponent, selector: "lib-widget-body", inputs: ["widget"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetContainerComponent, isStandalone: false, selector: "lib-widget-container", inputs: { showEditionalFeild: "showEditionalFeild" }, outputs: { onViewAllDetails: "onViewAllDetails", onViewAllProperties: "onViewAllProperties" }, ngImport: i0, template: "<p-card class=\"widget-block-wrapper block\">\r\n    <div class=\"widget-section-wrapper p-3 pt-2\">\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        <div class=\"widget-container-wrapper\" [ngClass]=\"i !== 0 ? 'mt-4' : ''\">\r\n          <lib-widget-header [widget]=\"widget\" [showEditionalFeild]=\"showEditionalFeild\"></lib-widget-header>\r\n          <div class=\"widget-content-wrapper mt-4 p-3\">\r\n            <lib-widget-body [widget]=\"widget\"></lib-widget-body>\r\n            <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\r\n          </div>\r\n        </div>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-template #noWidgets>\r\n      <p class=\"text-color font-semibold\">No Widgets Configured</p>\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%}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding-bottom:0;height:100%}.application-title-wrapper{font-size:20px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:calc(100% - 20px);overflow-y:auto}.widget-content-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:linear-gradient(0deg,#4c629208 0% 100%),#fff}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:#868181;border-radius:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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$2.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: WidgetHeaderComponent, selector: "lib-widget-header", inputs: ["widget", "showEditionalFeild"] }, { kind: "component", type: WidgetFooterComponent, selector: "lib-widget-footer", inputs: ["widget"] }, { kind: "component", type: WidgetBodyComponent, selector: "lib-widget-body", inputs: ["widget"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-widget-container', standalone: false, template: "<p-card class=\"widget-block-wrapper block\">\r\n    <div class=\"widget-section-wrapper p-3 pt-2\">\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        <div class=\"widget-container-wrapper\" [ngClass]=\"i !== 0 ? 'mt-4' : ''\">\r\n          <lib-widget-header [widget]=\"widget\" [showEditionalFeild]=\"showEditionalFeild\"></lib-widget-header>\r\n          <div class=\"widget-content-wrapper mt-4 p-3\">\r\n            <lib-widget-body [widget]=\"widget\"></lib-widget-body>\r\n            <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\r\n          </div>\r\n        </div>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-template #noWidgets>\r\n      <p class=\"text-color font-semibold\">No Widgets Configured</p>\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%}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding-bottom:0;height:100%}.application-title-wrapper{font-size:20px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:calc(100% - 20px);overflow-y:auto}.widget-content-wrapper{border-radius:10px;border:1px solid rgba(76,98,146,.1);background:linear-gradient(0deg,#4c629208 0% 100%),#fff}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:#868181;border-radius:20px}\n"] }]
         }], ctorParameters: () => [{ type: WidgetService }, { type: i3$4.ActivatedRoute }, { type: WidgetQuery }, { type: WidgetStore }], propDecorators: { onViewAllDetails: [{
                 type: Output
+            }], onViewAllProperties: [{
+                type: Output
             }], showEditionalFeild: [{
                 type: Input
             }] } });