cat-qw-lib 0.28.4 → 0.28.7
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 +37 -28
- 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 +6 -3
- 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
|
@@ -563,7 +563,6 @@ class BaseControlComponent {
|
|
|
563
563
|
destroy$ = new Subject();
|
|
564
564
|
attributeDestroy$ = new Subject();
|
|
565
565
|
ngOnInit() {
|
|
566
|
-
console.log(this.attributeModel);
|
|
567
566
|
this.addToAttributeList();
|
|
568
567
|
this.baseQuery.getIsFormSubmitted()
|
|
569
568
|
.pipe(takeUntil(this.destroy$))
|
|
@@ -595,21 +594,11 @@ class BaseControlComponent {
|
|
|
595
594
|
}
|
|
596
595
|
}
|
|
597
596
|
addToAttributeList() {
|
|
598
|
-
console.log(this.attributeModel);
|
|
599
597
|
if (this.attributeModel) {
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
if (!Array.isArray(BaseControlComponent.allAttributes)) {
|
|
603
|
-
BaseControlComponent.allAttributes = [];
|
|
598
|
+
if (!BaseControlComponent.allAttributes.some(attr => (attr.name === this.attributeModel.name && attr.displayText === this.attributeModel.displayText))) {
|
|
599
|
+
BaseControlComponent.allAttributes.push(this.attributeModel);
|
|
604
600
|
}
|
|
605
|
-
|
|
606
|
-
// Create a new array to avoid modifying a frozen array
|
|
607
|
-
BaseControlComponent.allAttributes = [...BaseControlComponent.allAttributes, { ...this.attributeModel }];
|
|
608
|
-
}
|
|
609
|
-
console.log(Object.isExtensible(BaseControlComponent.allAttributes)); // Should return true
|
|
610
|
-
console.log(Object.isFrozen(BaseControlComponent.allAttributes)); // Should return false
|
|
611
|
-
console.log(BaseControlComponent.allAttributes);
|
|
612
|
-
this.baseStore.setAttributeModelList([...BaseControlComponent.allAttributes]);
|
|
601
|
+
this.baseStore.setAttributeModelList(BaseControlComponent.allAttributes);
|
|
613
602
|
}
|
|
614
603
|
}
|
|
615
604
|
// handleEnterKey(event:any, valid: boolean|null) {
|
|
@@ -3602,14 +3591,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
|
|
|
3602
3591
|
|
|
3603
3592
|
class WidgetHeaderComponent {
|
|
3604
3593
|
widget;
|
|
3594
|
+
showEditionalFeild;
|
|
3605
3595
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3606
|
-
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"] }] });
|
|
3607
3597
|
}
|
|
3608
3598
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetHeaderComponent, decorators: [{
|
|
3609
3599
|
type: Component,
|
|
3610
|
-
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"] }]
|
|
3611
3601
|
}], propDecorators: { widget: [{
|
|
3612
3602
|
type: Input
|
|
3603
|
+
}], showEditionalFeild: [{
|
|
3604
|
+
type: Input
|
|
3613
3605
|
}] } });
|
|
3614
3606
|
|
|
3615
3607
|
class WidgetFooterComponent {
|
|
@@ -3618,15 +3610,17 @@ class WidgetFooterComponent {
|
|
|
3618
3610
|
constructor(widgetStore) {
|
|
3619
3611
|
this.widgetStore = widgetStore;
|
|
3620
3612
|
}
|
|
3621
|
-
viewAllDetails() {
|
|
3622
|
-
|
|
3613
|
+
viewAllDetails(event) {
|
|
3614
|
+
if (event) {
|
|
3615
|
+
this.widgetStore.setOnViewAllDetails(this.widget);
|
|
3616
|
+
}
|
|
3623
3617
|
}
|
|
3624
3618
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetFooterComponent, deps: [{ token: WidgetStore }], target: i0.ɵɵFactoryTarget.Component });
|
|
3625
|
-
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: [""] });
|
|
3626
3620
|
}
|
|
3627
3621
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetFooterComponent, decorators: [{
|
|
3628
3622
|
type: Component,
|
|
3629
|
-
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>" }]
|
|
3630
3624
|
}], ctorParameters: () => [{ type: WidgetStore }], propDecorators: { widget: [{
|
|
3631
3625
|
type: Input
|
|
3632
3626
|
}] } });
|
|
@@ -3634,11 +3628,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
|
|
|
3634
3628
|
class WidgetItemComponent {
|
|
3635
3629
|
widgetItem;
|
|
3636
3630
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3637
|
-
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"] }] });
|
|
3638
3632
|
}
|
|
3639
3633
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, decorators: [{
|
|
3640
3634
|
type: Component,
|
|
3641
|
-
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"] }]
|
|
3642
3636
|
}], propDecorators: { widgetItem: [{
|
|
3643
3637
|
type: Input
|
|
3644
3638
|
}] } });
|
|
@@ -3665,11 +3659,20 @@ class WidgetContainerComponent {
|
|
|
3665
3659
|
this.widgetQuery = widgetQuery;
|
|
3666
3660
|
}
|
|
3667
3661
|
widgets = [];
|
|
3662
|
+
subscription = new Subscription();
|
|
3668
3663
|
onViewAllDetails = new EventEmitter();
|
|
3664
|
+
showEditionalFeild = SHARED.FALSE;
|
|
3669
3665
|
ngOnInit() {
|
|
3670
|
-
this.widgetQuery.getOnViewAllDetails()
|
|
3671
|
-
|
|
3666
|
+
const detailsSubscription = this.widgetQuery.getOnViewAllDetails()?.subscribe((res) => {
|
|
3667
|
+
if (res) {
|
|
3668
|
+
this.onViewAllDetails.emit(res);
|
|
3669
|
+
}
|
|
3670
|
+
}, (error) => {
|
|
3671
|
+
console.error('Error in getOnViewAllDetails subscription:', error);
|
|
3672
3672
|
});
|
|
3673
|
+
if (detailsSubscription) {
|
|
3674
|
+
this.subscription.add(detailsSubscription);
|
|
3675
|
+
}
|
|
3673
3676
|
const queueId = localStorage.getItem(SHARED.selectedQueue);
|
|
3674
3677
|
const recordId = this.activatedRoute.snapshot.params[SHARED.ID];
|
|
3675
3678
|
if (!queueId || !recordId) {
|
|
@@ -3680,20 +3683,26 @@ class WidgetContainerComponent {
|
|
|
3680
3683
|
return;
|
|
3681
3684
|
}
|
|
3682
3685
|
let url = `${ROUTES.APPLICATION_WIDGET}${SHARED.QUESTION_MARK}${SHARED.QUEUEID}${SHARED.EQUALS}${queueId}${SHARED.AMPERSAND}${SHARED.RECORDID}${SHARED.EQUALS}${recordId}`;
|
|
3683
|
-
this.widgetService.getAllWidgets(url).subscribe((res) => {
|
|
3686
|
+
this.subscription.add(this.widgetService.getAllWidgets(url).subscribe((res) => {
|
|
3684
3687
|
this.widgets = res.sort((a, b) => a.order - b.order);
|
|
3685
3688
|
}, (error) => {
|
|
3686
3689
|
console.error(ERROR.ERROR_FETCHING_WIDGET_DATA, error);
|
|
3687
|
-
});
|
|
3690
|
+
}));
|
|
3691
|
+
}
|
|
3692
|
+
ngOnDestroy() {
|
|
3693
|
+
this.widgets = []; // Clear stored widgets on component destroy
|
|
3694
|
+
this.subscription.unsubscribe(); // Unsubscribe from all subscriptions
|
|
3688
3695
|
}
|
|
3689
3696
|
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 }], 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", 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\"></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: i7$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: WidgetHeaderComponent, selector: "lib-widget-header", inputs: ["widget"] }, { kind: "component", type: WidgetFooterComponent, selector: "lib-widget-footer", inputs: ["widget"] }, { kind: "component", type: WidgetBodyComponent, selector: "lib-widget-body", inputs: ["widget"] }] });
|
|
3697
|
+
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: i7$1.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"] }] });
|
|
3691
3698
|
}
|
|
3692
3699
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetContainerComponent, decorators: [{
|
|
3693
3700
|
type: Component,
|
|
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\"></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"] }]
|
|
3701
|
+
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
3702
|
}], ctorParameters: () => [{ type: WidgetService }, { type: i3$4.ActivatedRoute }, { type: WidgetQuery }], propDecorators: { onViewAllDetails: [{
|
|
3696
3703
|
type: Output
|
|
3704
|
+
}], showEditionalFeild: [{
|
|
3705
|
+
type: Input
|
|
3697
3706
|
}] } });
|
|
3698
3707
|
|
|
3699
3708
|
class WidgetModule {
|