cat-qw-lib 0.34.8 → 0.34.9

package/fesm2022/cat-qw-lib.mjs

@@ -3896,6 +3896,7 @@ class WidgetContainerComponent {
     onViewAllDetails = new EventEmitter();
     onViewAllProperties = new EventEmitter();
     showEditionalFeild = SHARED.FALSE;
+    isSidebarVisible = SHARED.FALSE;
     ngOnInit() {
         const detailsSubscription = this.widgetQuery.getOnViewAllDetails()?.subscribe((res) => {
             if (res) {
@@ -3905,19 +3906,18 @@ class WidgetContainerComponent {
             console.error('Error in getOnViewAllDetails subscription:', error);
         });
         this.widgetQuery.getViewPropertyDetails()
-            .pipe(takeUntil(this.destroy$))
+            .pipe(takeUntil(this.destroy$), distinctUntilChanged())
             .subscribe((res) => {
             if (res) {
+                console.log(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 = "67ad9b35549937481158d30b";
-        const recordId = "67ac3e89e90d3f5a63ced3d7";
+        const queueId = localStorage.getItem(SHARED.selectedQueue);
+        const recordId = this.activatedRoute.snapshot.params[SHARED.ID];
         if (!queueId || !recordId) {
             console.error(ERROR.ERROR_MISSING_PARAMETERS, {
                 queueId: queueId || SHARED.MISSING_QUEUE_ID,
@@ -3932,6 +3932,11 @@ class WidgetContainerComponent {
             console.error(ERROR.ERROR_FETCHING_WIDGET_DATA, error);
         }));
     }
+    ngOnChanges(changes) {
+        if (!this.isSidebarVisible) {
+            this.widgetStore.setOnViewPropertyDetails(false);
+        }
+    }
     ngOnDestroy() {
         this.widgets = [];
         this.widgetStore.resetOnViewAllDetails();
@@ -3940,7 +3945,7 @@ class WidgetContainerComponent {
         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", 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetContainerComponent, isStandalone: false, selector: "lib-widget-container", inputs: { showEditionalFeild: "showEditionalFeild", isSidebarVisible: "isSidebarVisible" }, outputs: { onViewAllDetails: "onViewAllDetails", onViewAllProperties: "onViewAllProperties" }, usesOnChanges: true, 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,
@@ -3951,6 +3956,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
                 type: Output
             }], showEditionalFeild: [{
                 type: Input
+            }], isSidebarVisible: [{
+                type: Input
             }] } });
 
 class WidgetModule {