cat-qw-lib 0.28.3 → 0.28.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/cat-qw-lib.mjs +30 -25
- package/fesm2022/cat-qw-lib.mjs.map +1 -1
- package/lib/shared/state/base.store.d.ts +2 -1
- package/lib/widget/components/widget-container/widget-container.component.d.ts +8 -4
- package/lib/widget/components/widget-footer/widget-footer.component.d.ts +1 -1
- package/lib/widget/components/widget-header/widget-header.component.d.ts +2 -1
- package/package.json +1 -1
package/fesm2022/cat-qw-lib.mjs
CHANGED
|
@@ -11,7 +11,7 @@ import { DropdownModule } from 'primeng/dropdown';
|
|
|
11
11
|
import { InputGroupModule } from 'primeng/inputgroup';
|
|
12
12
|
import * as i3$3 from 'primeng/button';
|
|
13
13
|
import { ButtonModule } from 'primeng/button';
|
|
14
|
-
import * as
|
|
14
|
+
import * as i8 from 'primeng/card';
|
|
15
15
|
import { CardModule } from 'primeng/card';
|
|
16
16
|
import * as i3 from 'primeng/sidebar';
|
|
17
17
|
import { SidebarModule } from 'primeng/sidebar';
|
|
@@ -595,18 +595,10 @@ class BaseControlComponent {
|
|
|
595
595
|
}
|
|
596
596
|
addToAttributeList() {
|
|
597
597
|
if (this.attributeModel) {
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
BaseControlComponent.allAttributes = [];
|
|
598
|
+
if (!BaseControlComponent.allAttributes.some(attr => (attr.name === this.attributeModel.name && attr.displayText === this.attributeModel.displayText))) {
|
|
599
|
+
BaseControlComponent.allAttributes.push(this.attributeModel);
|
|
601
600
|
}
|
|
602
|
-
|
|
603
|
-
// Create a new array to avoid modifying a frozen array
|
|
604
|
-
BaseControlComponent.allAttributes = [...BaseControlComponent.allAttributes, { ...this.attributeModel }];
|
|
605
|
-
}
|
|
606
|
-
console.log(Object.isExtensible(BaseControlComponent.allAttributes)); // Should return true
|
|
607
|
-
console.log(Object.isFrozen(BaseControlComponent.allAttributes)); // Should return false
|
|
608
|
-
console.log(BaseControlComponent.allAttributes);
|
|
609
|
-
this.baseStore.setAttributeModelList([...BaseControlComponent.allAttributes]);
|
|
601
|
+
this.baseStore.setAttributeModelList(BaseControlComponent.allAttributes);
|
|
610
602
|
}
|
|
611
603
|
}
|
|
612
604
|
// handleEnterKey(event:any, valid: boolean|null) {
|
|
@@ -3599,14 +3591,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
|
|
|
3599
3591
|
|
|
3600
3592
|
class WidgetHeaderComponent {
|
|
3601
3593
|
widget;
|
|
3594
|
+
showEditionalFeild;
|
|
3602
3595
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3603
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3596
|
+
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\">\r\n <div class=\"col-10 p-0\">\r\n <div class=\"flex align-items-center\">\r\n <h3 class=\"mb-0 application-title-wrapper font-bold mr-3\">\r\n {{ (widget.header) }}\r\n </h3>\r\n </div>\r\n <div *ngIf=\"widget?.subHeader\" class=\"flex align-items-center mt-2\">\r\n <span class=\"mr-1\">Risk Rating:</span>\r\n <span class=\"mr-3 font-semibold\" [ngClass]=\"{\r\n 'text-red-500': widget.subHeader === 'High',\r\n 'text-green-500': widget.subHeader === 'Low',\r\n 'text-yellow-500': widget.subHeader === 'Medium'\r\n }\">{{ widget.subHeader }}</span>\r\n </div>\r\n </div>\r\n @if(showEditionalFeild) {\r\n <div class=\"chart-icon-wrapper col-2 p-0\">\r\n <div class=\"flex justify-content-end\">\r\n <img src=\"assets/images/chart-icon.png\" alt=\"chart-icon\" />\r\n </div>\r\n <span class=\"text-green-500 w-full block text-right mt-1\">80%</span>\r\n </div>\r\n}\r\n\r\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"] }] });
|
|
3604
3597
|
}
|
|
3605
3598
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetHeaderComponent, decorators: [{
|
|
3606
3599
|
type: Component,
|
|
3607
|
-
args: [{ selector: 'lib-widget-header', standalone: false, template: "<div class=\"grid m-0 align-items-center\">\r\n
|
|
3600
|
+
args: [{ selector: 'lib-widget-header', standalone: false, template: "<div class=\"grid m-0 align-items-center justify-content-between\">\r\n <div class=\"col-10 p-0\">\r\n <div class=\"flex align-items-center\">\r\n <h3 class=\"mb-0 application-title-wrapper font-bold mr-3\">\r\n {{ (widget.header) }}\r\n </h3>\r\n </div>\r\n <div *ngIf=\"widget?.subHeader\" class=\"flex align-items-center mt-2\">\r\n <span class=\"mr-1\">Risk Rating:</span>\r\n <span class=\"mr-3 font-semibold\" [ngClass]=\"{\r\n 'text-red-500': widget.subHeader === 'High',\r\n 'text-green-500': widget.subHeader === 'Low',\r\n 'text-yellow-500': widget.subHeader === 'Medium'\r\n }\">{{ widget.subHeader }}</span>\r\n </div>\r\n </div>\r\n @if(showEditionalFeild) {\r\n <div class=\"chart-icon-wrapper col-2 p-0\">\r\n <div class=\"flex justify-content-end\">\r\n <img src=\"assets/images/chart-icon.png\" alt=\"chart-icon\" />\r\n </div>\r\n <span class=\"text-green-500 w-full block text-right mt-1\">80%</span>\r\n </div>\r\n}\r\n\r\n</div>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:20px;font-weight:400}\n"] }]
|
|
3608
3601
|
}], propDecorators: { widget: [{
|
|
3609
3602
|
type: Input
|
|
3603
|
+
}], showEditionalFeild: [{
|
|
3604
|
+
type: Input
|
|
3610
3605
|
}] } });
|
|
3611
3606
|
|
|
3612
3607
|
class WidgetFooterComponent {
|
|
@@ -3615,15 +3610,17 @@ class WidgetFooterComponent {
|
|
|
3615
3610
|
constructor(widgetStore) {
|
|
3616
3611
|
this.widgetStore = widgetStore;
|
|
3617
3612
|
}
|
|
3618
|
-
viewAllDetails() {
|
|
3619
|
-
|
|
3613
|
+
viewAllDetails(event) {
|
|
3614
|
+
if (event) {
|
|
3615
|
+
this.widgetStore.setOnViewAllDetails(this.widget);
|
|
3616
|
+
}
|
|
3620
3617
|
}
|
|
3621
3618
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetFooterComponent, deps: [{ token: WidgetStore }], target: i0.ɵɵFactoryTarget.Component });
|
|
3622
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetFooterComponent, isStandalone: false, selector: "lib-widget-footer", inputs: { widget: "widget" }, ngImport: i0, template: "<div\r\n class=\"col-12 p-0 mt-3 flex justify-content-center\"\r\n >\r\n <a\r\n class=\"p-button p-button-link text-primary-500\"\r\n >\r\n <span class=\"underline font-semibold\" (click)=\"viewAllDetails()\">View All Details</span>\r\n <i class=\"pi pi-arrow-up-right arrow-up-icon ml-2\"></i>\r\n </a>\r\n</div>", styles: [""] });
|
|
3619
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetFooterComponent, isStandalone: false, selector: "lib-widget-footer", inputs: { widget: "widget" }, ngImport: i0, template: "<div\r\n class=\"col-12 p-0 mt-3 flex justify-content-center\"\r\n >\r\n <a\r\n class=\"p-button p-button-link text-primary-500\"\r\n >\r\n <span class=\"underline font-semibold\" (click)=\"viewAllDetails($event)\">View All Details</span>\r\n <i class=\"pi pi-arrow-up-right arrow-up-icon ml-2\"></i>\r\n </a>\r\n</div>", styles: [""] });
|
|
3623
3620
|
}
|
|
3624
3621
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetFooterComponent, decorators: [{
|
|
3625
3622
|
type: Component,
|
|
3626
|
-
args: [{ selector: 'lib-widget-footer', standalone: false, template: "<div\r\n class=\"col-12 p-0 mt-3 flex justify-content-center\"\r\n >\r\n <a\r\n class=\"p-button p-button-link text-primary-500\"\r\n >\r\n <span class=\"underline font-semibold\" (click)=\"viewAllDetails()\">View All Details</span>\r\n <i class=\"pi pi-arrow-up-right arrow-up-icon ml-2\"></i>\r\n </a>\r\n</div>" }]
|
|
3623
|
+
args: [{ selector: 'lib-widget-footer', standalone: false, template: "<div\r\n class=\"col-12 p-0 mt-3 flex justify-content-center\"\r\n >\r\n <a\r\n class=\"p-button p-button-link text-primary-500\"\r\n >\r\n <span class=\"underline font-semibold\" (click)=\"viewAllDetails($event)\">View All Details</span>\r\n <i class=\"pi pi-arrow-up-right arrow-up-icon ml-2\"></i>\r\n </a>\r\n</div>" }]
|
|
3627
3624
|
}], ctorParameters: () => [{ type: WidgetStore }], propDecorators: { widget: [{
|
|
3628
3625
|
type: Input
|
|
3629
3626
|
}] } });
|
|
@@ -3631,11 +3628,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
|
|
|
3631
3628
|
class WidgetItemComponent {
|
|
3632
3629
|
widgetItem;
|
|
3633
3630
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3634
|
-
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\">{{widgetItem?.key}}</p>\r\n <p class=\"mb-0 text-color font-semibold text-value-wrapper\" [ngClass]=\"widgetItem?.style\"
|
|
3631
|
+
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\">{{ widgetItem?.key }}</p>\r\n <p class=\"mb-0 text-color font-semibold text-value-wrapper\" [ngClass]=\"widgetItem?.style\">\r\n <i *ngIf=\"widgetItem?.style === 'color:red'\" class=\"pi pi-exclamation-triangle text-red-500\" style=\"font-size: 1.3rem\"></i>\r\n {{ widgetItem?.value }}\r\n </p>\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%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3635
3632
|
}
|
|
3636
3633
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, decorators: [{
|
|
3637
3634
|
type: Component,
|
|
3638
|
-
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\">{{widgetItem?.key}}</p>\r\n <p class=\"mb-0 text-color font-semibold text-value-wrapper\" [ngClass]=\"widgetItem?.style\"
|
|
3635
|
+
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\">{{ widgetItem?.key }}</p>\r\n <p class=\"mb-0 text-color font-semibold text-value-wrapper\" [ngClass]=\"widgetItem?.style\">\r\n <i *ngIf=\"widgetItem?.style === 'color:red'\" class=\"pi pi-exclamation-triangle text-red-500\" style=\"font-size: 1.3rem\"></i>\r\n {{ widgetItem?.value }}\r\n </p>\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%}\n"] }]
|
|
3639
3636
|
}], propDecorators: { widgetItem: [{
|
|
3640
3637
|
type: Input
|
|
3641
3638
|
}] } });
|
|
@@ -3656,13 +3653,16 @@ class WidgetContainerComponent {
|
|
|
3656
3653
|
widgetService;
|
|
3657
3654
|
activatedRoute;
|
|
3658
3655
|
widgetQuery;
|
|
3659
|
-
|
|
3656
|
+
widgetStore;
|
|
3657
|
+
constructor(widgetService, activatedRoute, widgetQuery, widgetStore) {
|
|
3660
3658
|
this.widgetService = widgetService;
|
|
3661
3659
|
this.activatedRoute = activatedRoute;
|
|
3662
3660
|
this.widgetQuery = widgetQuery;
|
|
3661
|
+
this.widgetStore = widgetStore;
|
|
3663
3662
|
}
|
|
3664
3663
|
widgets = [];
|
|
3665
3664
|
onViewAllDetails = new EventEmitter();
|
|
3665
|
+
showEditionalFeild = SHARED.FALSE;
|
|
3666
3666
|
ngOnInit() {
|
|
3667
3667
|
this.widgetQuery.getOnViewAllDetails().subscribe((res) => {
|
|
3668
3668
|
this.onViewAllDetails.emit(res);
|
|
@@ -3683,14 +3683,19 @@ class WidgetContainerComponent {
|
|
|
3683
3683
|
console.error(ERROR.ERROR_FETCHING_WIDGET_DATA, error);
|
|
3684
3684
|
});
|
|
3685
3685
|
}
|
|
3686
|
-
|
|
3687
|
-
|
|
3686
|
+
ngOnDestroy() {
|
|
3687
|
+
this.widgetStore.setOnViewAllDetails(null);
|
|
3688
|
+
}
|
|
3689
|
+
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 });
|
|
3690
|
+
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=\"flex align-items-center justify-content-end pb-0 px-3\">\r\n <p-button\r\n class=\"p-0 refresh-btn-wrapper\"\r\n [text]=\"true\"\r\n aria-label=\"Refresh\"\r\n >\r\n <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\r\n <span class=\"text-lg font-semibold\">Refresh</span>\r\n </p-button>\r\n </div>\r\n <p-divider />\r\n \r\n <div class=\"widget-section-wrapper p-3\">\r\n <ng-container *ngIf=\"widgets && widgets.length > 0; else noWidgets\">\r\n <ng-container *ngFor=\"let widget of widgets\">\r\n <div class=\"widget-container-wrapper\">\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% - 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.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"] }] });
|
|
3688
3691
|
}
|
|
3689
3692
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetContainerComponent, decorators: [{
|
|
3690
3693
|
type: Component,
|
|
3691
|
-
args: [{ selector: 'lib-widget-container', standalone: false, template: "<p-card class=\"widget-block-wrapper block\">\r\n <div class=\"flex align-items-center justify-content-end pb-0 px-3\">\r\n <p-button\r\n class=\"p-0 refresh-btn-wrapper\"\r\n [text]=\"true\"\r\n aria-label=\"Refresh\"\r\n >\r\n <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\r\n <span class=\"text-lg font-semibold\">Refresh</span>\r\n </p-button>\r\n </div>\r\n <p-divider />\r\n \r\n <div class=\"widget-section-wrapper p-3\">\r\n <ng-container *ngIf=\"widgets && widgets.length > 0; else noWidgets\">\r\n <ng-container *ngFor=\"let widget of widgets\">\r\n <div class=\"widget-container-wrapper\">\r\n <lib-widget-header [widget]=\"widget\"></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% - 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"] }]
|
|
3692
|
-
}], ctorParameters: () => [{ type: WidgetService }, { type: i3$4.ActivatedRoute }, { type: WidgetQuery }], propDecorators: { onViewAllDetails: [{
|
|
3694
|
+
args: [{ selector: 'lib-widget-container', standalone: false, template: "<p-card class=\"widget-block-wrapper block\">\r\n <div class=\"flex align-items-center justify-content-end pb-0 px-3\">\r\n <p-button\r\n class=\"p-0 refresh-btn-wrapper\"\r\n [text]=\"true\"\r\n aria-label=\"Refresh\"\r\n >\r\n <i class=\"pi pi-sync pr-2\" style=\"font-size: 16px\"></i>\r\n <span class=\"text-lg font-semibold\">Refresh</span>\r\n </p-button>\r\n </div>\r\n <p-divider />\r\n \r\n <div class=\"widget-section-wrapper p-3\">\r\n <ng-container *ngIf=\"widgets && widgets.length > 0; else noWidgets\">\r\n <ng-container *ngFor=\"let widget of widgets\">\r\n <div class=\"widget-container-wrapper\">\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% - 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"] }]
|
|
3695
|
+
}], ctorParameters: () => [{ type: WidgetService }, { type: i3$4.ActivatedRoute }, { type: WidgetQuery }, { type: WidgetStore }], propDecorators: { onViewAllDetails: [{
|
|
3693
3696
|
type: Output
|
|
3697
|
+
}], showEditionalFeild: [{
|
|
3698
|
+
type: Input
|
|
3694
3699
|
}] } });
|
|
3695
3700
|
|
|
3696
3701
|
class WidgetModule {
|