cat-qw-lib 2.3.16 → 2.3.19

package/fesm2022/cat-qw-lib.mjs

@@ -5123,9 +5123,6 @@ let WidgetStore = class WidgetStore extends BaseStore {
     setIsMenu(isMenu) {
         this.update({ isMenu: isMenu });
     }
-    setIsEmptyValueHidden(isEmptyValueHidden) {
-        this.update({ isEmptyValueHidden: isEmptyValueHidden });
-    }
     setWidgetData(value) {
         this.getWidgetData$.next(value);
     }
@@ -5172,9 +5169,6 @@ class WidgetQuery extends BaseQuery {
     getIsMenu() {
         return this.select(state => state['isMenu']);
     }
-    getIsEmptyValueHidden() {
-        return this.select(state => state['isEmptyValueHidden']);
-    }
     getWidgetData() {
         return this.widgetStore.getWidgetData$.asObservable();
     }
@@ -5378,6 +5372,10 @@ class WidgetItemComponent {
         this.handleIsEmptyValueHidden();
     }
     ngOnChanges() {
+        // Handle isEmptyLabelHidden from widget model changes
+        if (this.widget && this.widget.isEmptyLabelHidden !== undefined) {
+            this.isEmptyValueHidden = this.widget.isEmptyLabelHidden;
+        }
         if (this.widgetItem && this.widgetItem.style) {
             this.keyClass = this.widgetItem.style.keyClass;
             this.valueClass = this.widgetItem.style.valueClass;
@@ -5430,17 +5428,13 @@ class WidgetItemComponent {
         });
     }
     handleIsEmptyValueHidden() {
-        this.widgetQuery.getIsEmptyValueHidden()
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((res) => {
-            if (res !== undefined) {
-                this.isEmptyValueHidden = res;
-                // Recompute value properties when isEmptyValueHidden changes
-                if (this.widgetItem && this.widgetItem.style) {
-                    this.computeValueProperties();
-                }
-            }
-        });
+        // Use isEmptyLabelHidden directly from widget model
+        if (this.widget && this.widget.isEmptyLabelHidden !== undefined) {
+            this.isEmptyValueHidden = this.widget.isEmptyLabelHidden;
+        }
+        if (this.widgetItem && this.widgetItem.style) {
+            this.computeValueProperties();
+        }
     }
     handleDynamicEvent(recordId) {
         this.widgetStore.setEventClickDetails({ recordId: recordId, isDailogShow: true });
@@ -5566,11 +5560,11 @@ class WidgetBodyComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetBodyComponent, deps: [{ token: StyleBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WidgetBodyComponent, isStandalone: false, selector: "lib-widget-body", inputs: { widget: "widget" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"widget-body-container grid m-0\">\r\n    <div *ngFor=\"let dataItem of widget?.dataItems || []; let i = index\" [ngClass]=\"[widget.style.width, widget.style.width === 'col-12' ? 'p-0' : '']\">\r\n        @if(!dataItem.isHidden){\r\n        <div class=\"h-full\" [ngStyle]=\"widgetItemStyle[i]\" \r\n        [ngClass]=\"{\r\n            'widget-confirm-wrapper': isConfirmed[i]\r\n        }\">\r\n            <div>\r\n                <lib-widget-item [widgetItem]=\"dataItem\" [widget]=\"widget\"></lib-widget-item>\r\n            </div>\r\n        </div>\r\n        }\r\n    </div>\r\n</div>", styles: [".widget-item-wrapper{border-bottom:1px solid rgba(68,72,109,.1)}.widget-confirm-wrapper{background-color:#e8fbee!important;border:1px solid #22C55E!important}.vulnerability-title-wrapper{background:#fb392d36}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WidgetItemComponent, selector: "lib-widget-item", inputs: ["widgetItem", "widget", "application"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WidgetBodyComponent, isStandalone: false, selector: "lib-widget-body", inputs: { widget: "widget" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"widget-body-container grid m-0\">\r\n    <div *ngFor=\"let dataItem of widget?.dataItems || []; let i = index\" [ngClass]=\"[widget.style.width, widget.style.width === 'col-12' ? 'p-0' : '']\">\r\n        @if(!dataItem.isHidden){\r\n        <div class=\"h-full\" [ngStyle]=\"widgetItemStyle[i]\" \r\n        [ngClass]=\"{\r\n            'widget-confirm-wrapper': isConfirmed[i]\r\n        }\">\r\n            <div>\r\n                <lib-widget-item  [widgetItem]=\"dataItem\" [widget]=\"widget\"></lib-widget-item>\r\n            </div>\r\n        </div>\r\n        }\r\n    </div>\r\n</div>", styles: [".widget-item-wrapper{border-bottom:1px solid rgba(68,72,109,.1)}.widget-confirm-wrapper{background-color:#e8fbee!important;border:1px solid #22C55E!important}.vulnerability-title-wrapper{background:#fb392d36}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WidgetItemComponent, selector: "lib-widget-item", inputs: ["widgetItem", "widget", "application"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-widget-body', standalone: false, template: "<div class=\"widget-body-container grid m-0\">\r\n    <div *ngFor=\"let dataItem of widget?.dataItems || []; let i = index\" [ngClass]=\"[widget.style.width, widget.style.width === 'col-12' ? 'p-0' : '']\">\r\n        @if(!dataItem.isHidden){\r\n        <div class=\"h-full\" [ngStyle]=\"widgetItemStyle[i]\" \r\n        [ngClass]=\"{\r\n            'widget-confirm-wrapper': isConfirmed[i]\r\n        }\">\r\n            <div>\r\n                <lib-widget-item [widgetItem]=\"dataItem\" [widget]=\"widget\"></lib-widget-item>\r\n            </div>\r\n        </div>\r\n        }\r\n    </div>\r\n</div>", styles: [".widget-item-wrapper{border-bottom:1px solid rgba(68,72,109,.1)}.widget-confirm-wrapper{background-color:#e8fbee!important;border:1px solid #22C55E!important}.vulnerability-title-wrapper{background:#fb392d36}\n"] }]
+            args: [{ selector: 'lib-widget-body', standalone: false, template: "<div class=\"widget-body-container grid m-0\">\r\n    <div *ngFor=\"let dataItem of widget?.dataItems || []; let i = index\" [ngClass]=\"[widget.style.width, widget.style.width === 'col-12' ? 'p-0' : '']\">\r\n        @if(!dataItem.isHidden){\r\n        <div class=\"h-full\" [ngStyle]=\"widgetItemStyle[i]\" \r\n        [ngClass]=\"{\r\n            'widget-confirm-wrapper': isConfirmed[i]\r\n        }\">\r\n            <div>\r\n                <lib-widget-item  [widgetItem]=\"dataItem\" [widget]=\"widget\"></lib-widget-item>\r\n            </div>\r\n        </div>\r\n        }\r\n    </div>\r\n</div>", styles: [".widget-item-wrapper{border-bottom:1px solid rgba(68,72,109,.1)}.widget-confirm-wrapper{background-color:#e8fbee!important;border:1px solid #22C55E!important}.vulnerability-title-wrapper{background:#fb392d36}\n"] }]
         }], ctorParameters: () => [{ type: StyleBuilderService }], propDecorators: { widget: [{
                 type: Input
             }] } });
@@ -5894,7 +5888,6 @@ class WidgetContainerComponent {
     onWidgetEventClick = new EventEmitter();
     onWidgetItemClick = new EventEmitter();
     onUpdatedWidgetList = new EventEmitter();
-    isEmptyValueHidden = false;
     destroy$ = new Subject();
     ngOnInit() {
         this.widgetQuery.getWidgetList()
@@ -5910,10 +5903,6 @@ class WidgetContainerComponent {
             this.isMenu = changes[SHARED.IS_MENU].currentValue;
             this.widgetStore.setIsMenu(this.isMenu);
         }
-        if (changes['isEmptyValueHidden']) {
-            this.isEmptyValueHidden = changes['isEmptyValueHidden'].currentValue;
-            this.widgetStore.setIsEmptyValueHidden(this.isEmptyValueHidden);
-        }
     }
     handleViewAllDetails(event) {
         this.onViewAllDetails.emit(event);
@@ -5929,7 +5918,7 @@ class WidgetContainerComponent {
         this.destroy$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetContainerComponent, deps: [{ token: WidgetStore }, { token: WidgetQuery }], 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", isEmptyValueHidden: "isEmptyValueHidden" }, 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 class=\"bg-white widget-menu-container\">\r\n      <lib-widget-row-tile\r\n      [recordId]=\"recordId\"\r\n      [widgetName]=\"widgetName\"\r\n      [onWidgetUpdate]=\"onWidgetUpdate\"\r\n      (onWidgetItemClick)=\"handleWidgetItemClick($event)\"\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);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}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"], dependencies: [{ 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"], outputs: ["onWidgetItemClick"] }] });
+    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 class=\"bg-white widget-menu-container\">\r\n      <lib-widget-row-tile\r\n      [recordId]=\"recordId\"\r\n      [widgetName]=\"widgetName\"\r\n      [onWidgetUpdate]=\"onWidgetUpdate\"\r\n      (onWidgetItemClick)=\"handleWidgetItemClick($event)\"\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);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}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"], dependencies: [{ 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"], outputs: ["onWidgetItemClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetContainerComponent, decorators: [{
             type: Component,
@@ -5954,8 +5943,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 type: Output
             }], onUpdatedWidgetList: [{
                 type: Output
-            }], isEmptyValueHidden: [{
-                type: Input
             }] } });
 
 class WidgetMenuHeaderComponent {