cat-qw-lib 0.33.1 → 0.33.2

package/fesm2022/cat-qw-lib.mjs

@@ -3773,11 +3773,11 @@ class WidgetHeaderComponent {
     widget;
     showEditionalFeild;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.4", type: WidgetHeaderComponent, isStandalone: false, selector: "lib-widget-header", inputs: { widget: "widget", showEditionalFeild: "showEditionalFeild" }, ngImport: i0, template: "<div class=\"grid m-0 align-items-center justify-content-between\">\n  <div class=\"col-10 p-0\">\n    <div class=\"flex align-items-center\">\n      <h3 class=\"mb-0 application-title-wrapper font-bold mr-3\">\n        {{ (widget.header) }}\n      </h3>\n    </div>\n    <div *ngIf=\"widget?.subHeader\" class=\"flex align-items-center mt-2\">\n      <span class=\"mr-1\">Risk Rating:</span>\n      <span class=\"mr-3 font-semibold\" [ngClass]=\"{\n            'text-red-500': widget.subHeader === 'High',\n            'text-green-500': widget.subHeader === 'Low',\n            'text-yellow-500': widget.subHeader === 'Medium'\n          }\">{{ widget.subHeader }}</span>\n    </div>\n  </div>\n  @if(showEditionalFeild) {\n  <div class=\"chart-icon-wrapper col-2 p-0\">\n    <div class=\"flex justify-content-end\">\n      <img src=\"assets/images/chart-icon.png\" alt=\"chart-icon\" />\n    </div>\n    <span class=\"text-green-500 w-full block text-right mt-1\">80%</span>\n  </div>\n}\n\n</div>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:20px;font-weight:400}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.4", type: WidgetHeaderComponent, isStandalone: false, selector: "lib-widget-header", inputs: { widget: "widget", showEditionalFeild: "showEditionalFeild" }, ngImport: i0, template: "<div class=\"grid m-0 align-items-center justify-content-between\">\n  <div class=\"col-10 p-0\">\n    <div class=\"flex align-items-center\">\n      <h3 class=\"mb-0 application-title-wrapper font-bold mr-3\">\n        {{ (widget.header) }}\n      </h3>\n    </div>\n    <div *ngIf=\"widget?.subHeader\" class=\"flex align-items-center mt-2\">\n      <span class=\"mr-1\">Risk Rating:</span>\n      <span class=\"mr-3 font-semibold\" [ngClass]=\"{\n            'text-red-500': widget.subHeader === 'High',\n            'text-green-500': widget.subHeader === 'Low',\n            'text-yellow-500': widget.subHeader === 'Medium'\n          }\">{{ widget.subHeader }}</span>\n    </div>\n  </div>\n  @if(showEditionalFeild) {\n  <div class=\"chart-icon-wrapper col-2 p-0\">\n    <div class=\"flex justify-content-end\">\n      <img src=\"assets/images/chart-icon.png\" alt=\"chart-icon\" />\n    </div>\n    <span class=\"text-green-500 w-full block text-right mt-1\">80%</span>\n  </div>\n}\n\n</div>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:21px;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-widget-header', standalone: false, template: "<div class=\"grid m-0 align-items-center justify-content-between\">\n  <div class=\"col-10 p-0\">\n    <div class=\"flex align-items-center\">\n      <h3 class=\"mb-0 application-title-wrapper font-bold mr-3\">\n        {{ (widget.header) }}\n      </h3>\n    </div>\n    <div *ngIf=\"widget?.subHeader\" class=\"flex align-items-center mt-2\">\n      <span class=\"mr-1\">Risk Rating:</span>\n      <span class=\"mr-3 font-semibold\" [ngClass]=\"{\n            'text-red-500': widget.subHeader === 'High',\n            'text-green-500': widget.subHeader === 'Low',\n            'text-yellow-500': widget.subHeader === 'Medium'\n          }\">{{ widget.subHeader }}</span>\n    </div>\n  </div>\n  @if(showEditionalFeild) {\n  <div class=\"chart-icon-wrapper col-2 p-0\">\n    <div class=\"flex justify-content-end\">\n      <img src=\"assets/images/chart-icon.png\" alt=\"chart-icon\" />\n    </div>\n    <span class=\"text-green-500 w-full block text-right mt-1\">80%</span>\n  </div>\n}\n\n</div>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:20px;font-weight:400}\n"] }]
+            args: [{ selector: 'lib-widget-header', standalone: false, template: "<div class=\"grid m-0 align-items-center justify-content-between\">\n  <div class=\"col-10 p-0\">\n    <div class=\"flex align-items-center\">\n      <h3 class=\"mb-0 application-title-wrapper font-bold mr-3\">\n        {{ (widget.header) }}\n      </h3>\n    </div>\n    <div *ngIf=\"widget?.subHeader\" class=\"flex align-items-center mt-2\">\n      <span class=\"mr-1\">Risk Rating:</span>\n      <span class=\"mr-3 font-semibold\" [ngClass]=\"{\n            'text-red-500': widget.subHeader === 'High',\n            'text-green-500': widget.subHeader === 'Low',\n            'text-yellow-500': widget.subHeader === 'Medium'\n          }\">{{ widget.subHeader }}</span>\n    </div>\n  </div>\n  @if(showEditionalFeild) {\n  <div class=\"chart-icon-wrapper col-2 p-0\">\n    <div class=\"flex justify-content-end\">\n      <img src=\"assets/images/chart-icon.png\" alt=\"chart-icon\" />\n    </div>\n    <span class=\"text-green-500 w-full block text-right mt-1\">80%</span>\n  </div>\n}\n\n</div>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:21px;font-weight:700}\n"] }]
         }], propDecorators: { widget: [{
                 type: Input
             }], showEditionalFeild: [{
@@ -3837,11 +3837,11 @@ class WidgetItemComponent {
         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\"> \n  <p class=\"mb-0 text-color-secondary mr-3\">{{ widgetItem?.key }}</p>\n  \n  <p class=\"mb-0 text-color font-semibold text-value-wrapper\">\n    <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" \n       class=\"pi pi-exclamation-triangle text-red-500\" \n       style=\"font-size: 1.3rem\"></i>\n    <span [ngStyle]=\"getStyle(widgetItem?.style)\">\n      {{ widgetItem?.value }}\n    </span> \n  </p>\n</div>\n", styles: [".text-value-wrapper{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    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\"> \n  <p class=\"mb-0 text-color-secondary mr-3 key-field-wrapper w-50\">{{ widgetItem?.key }}</p>\n  \n  <div class=\"mb-0 text-color font-semibold text-value-wrapper w-50\">\n    <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" \n       class=\"pi pi-exclamation-triangle text-red-500\" \n       style=\"font-size: 1.3rem\"></i>\n    <p class=\"key-field-wrapper\" [ngStyle]=\"getStyle(widgetItem?.style)\">\n      {{ widgetItem?.value }}\n    </p> \n  </div>\n</div>\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"] }] });
 }
 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\"> \n  <p class=\"mb-0 text-color-secondary mr-3\">{{ widgetItem?.key }}</p>\n  \n  <p class=\"mb-0 text-color font-semibold text-value-wrapper\">\n    <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" \n       class=\"pi pi-exclamation-triangle text-red-500\" \n       style=\"font-size: 1.3rem\"></i>\n    <span [ngStyle]=\"getStyle(widgetItem?.style)\">\n      {{ widgetItem?.value }}\n    </span> \n  </p>\n</div>\n", styles: [".text-value-wrapper{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%}\n"] }]
+            args: [{ selector: 'lib-widget-item', standalone: false, template: "<div class=\"flex align-items-center justify-content-between\"> \n  <p class=\"mb-0 text-color-secondary mr-3 key-field-wrapper w-50\">{{ widgetItem?.key }}</p>\n  \n  <div class=\"mb-0 text-color font-semibold text-value-wrapper w-50\">\n    <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" \n       class=\"pi pi-exclamation-triangle text-red-500\" \n       style=\"font-size: 1.3rem\"></i>\n    <p class=\"key-field-wrapper\" [ngStyle]=\"getStyle(widgetItem?.style)\">\n      {{ widgetItem?.value }}\n    </p> \n  </div>\n</div>\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: [{
                 type: Input
             }] } });
@@ -3906,11 +3906,11 @@ class WidgetContainerComponent {
         this.subscription.unsubscribe();
     }
     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\">\n    <div class=\"flex align-items-center justify-content-end pb-0 px-3\">\n      <p-button\n        class=\"p-0 refresh-btn-wrapper\"\n        [text]=\"true\"\n        aria-label=\"Refresh\"\n      >\n        <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\n        <span class=\"text-lg font-semibold\">Refresh</span>\n      </p-button>\n    </div>\n    <p-divider />\n  \n    <div class=\"widget-section-wrapper p-3\">\n    <ng-container *ngIf=\"widgets && widgets.length > 0; else noWidgets\">\n      <ng-container *ngFor=\"let widget of widgets\">\n        <div class=\"widget-container-wrapper\">\n          <lib-widget-header [widget]=\"widget\" [showEditionalFeild]=\"showEditionalFeild\"></lib-widget-header>\n          <div class=\"widget-content-wrapper mt-4 p-3\">\n            <lib-widget-body [widget]=\"widget\"></lib-widget-body>\n            <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\n          </div>\n        </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #noWidgets>\n      <p class=\"text-color font-semibold\">No Widgets Configured</p>\n    </ng-template>\n    </div>\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% - 34px);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:10px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:var(--gray-500);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: i3$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i4$1.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i8.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" }, ngImport: i0, template: "<p-card class=\"widget-block-wrapper block\">\n    <div class=\"flex align-items-center justify-content-end pb-0 px-3 py-1\">\n      <p-button\n        class=\"p-0 refresh-btn-wrapper\"\n        [text]=\"true\"\n        aria-label=\"Refresh\"\n      >\n        <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\n        <span class=\"text-lg font-semibold\">Refresh</span>\n      </p-button>\n    </div>\n    <p-divider />\n  \n    <div class=\"widget-section-wrapper p-3\">\n    <ng-container *ngIf=\"widgets && widgets.length > 0; else noWidgets\">\n      <ng-container *ngFor=\"let widget of widgets\">\n        <div class=\"widget-container-wrapper h-full overflow-y-auto\">\n          <lib-widget-header [widget]=\"widget\" [showEditionalFeild]=\"showEditionalFeild\"></lib-widget-header>\n          <div class=\"widget-content-wrapper mt-4 p-3\">\n            <lib-widget-body [widget]=\"widget\"></lib-widget-body>\n            <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\n          </div>\n        </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #noWidgets>\n      <p class=\"text-color font-semibold\">No Widgets Configured</p>\n    </ng-template>\n    </div>\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% - 34px);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:10px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:var(--gray-500);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: i3$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i4$1.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i8.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\">\n    <div class=\"flex align-items-center justify-content-end pb-0 px-3\">\n      <p-button\n        class=\"p-0 refresh-btn-wrapper\"\n        [text]=\"true\"\n        aria-label=\"Refresh\"\n      >\n        <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\n        <span class=\"text-lg font-semibold\">Refresh</span>\n      </p-button>\n    </div>\n    <p-divider />\n  \n    <div class=\"widget-section-wrapper p-3\">\n    <ng-container *ngIf=\"widgets && widgets.length > 0; else noWidgets\">\n      <ng-container *ngFor=\"let widget of widgets\">\n        <div class=\"widget-container-wrapper\">\n          <lib-widget-header [widget]=\"widget\" [showEditionalFeild]=\"showEditionalFeild\"></lib-widget-header>\n          <div class=\"widget-content-wrapper mt-4 p-3\">\n            <lib-widget-body [widget]=\"widget\"></lib-widget-body>\n            <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\n          </div>\n        </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #noWidgets>\n      <p class=\"text-color font-semibold\">No Widgets Configured</p>\n    </ng-template>\n    </div>\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% - 34px);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:10px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:var(--gray-500);border-radius:20px}\n"] }]
+            args: [{ selector: 'lib-widget-container', standalone: false, template: "<p-card class=\"widget-block-wrapper block\">\n    <div class=\"flex align-items-center justify-content-end pb-0 px-3 py-1\">\n      <p-button\n        class=\"p-0 refresh-btn-wrapper\"\n        [text]=\"true\"\n        aria-label=\"Refresh\"\n      >\n        <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\n        <span class=\"text-lg font-semibold\">Refresh</span>\n      </p-button>\n    </div>\n    <p-divider />\n  \n    <div class=\"widget-section-wrapper p-3\">\n    <ng-container *ngIf=\"widgets && widgets.length > 0; else noWidgets\">\n      <ng-container *ngFor=\"let widget of widgets\">\n        <div class=\"widget-container-wrapper h-full overflow-y-auto\">\n          <lib-widget-header [widget]=\"widget\" [showEditionalFeild]=\"showEditionalFeild\"></lib-widget-header>\n          <div class=\"widget-content-wrapper mt-4 p-3\">\n            <lib-widget-body [widget]=\"widget\"></lib-widget-body>\n            <lib-widget-footer [widget]=\"widget\"></lib-widget-footer>\n          </div>\n        </div>\n        </ng-container>\n    </ng-container>\n    <ng-template #noWidgets>\n      <p class=\"text-color font-semibold\">No Widgets Configured</p>\n    </ng-template>\n    </div>\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% - 34px);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:10px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background-color:var(--gray-500);border-radius:20px}\n"] }]
         }], ctorParameters: () => [{ type: WidgetService }, { type: i3$4.ActivatedRoute }, { type: WidgetQuery }, { type: WidgetStore }], propDecorators: { onViewAllDetails: [{
                 type: Output
             }], showEditionalFeild: [{