cat-qw-lib 0.12.2 → 0.14.2
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 +23 -14
- package/fesm2022/cat-qw-lib.mjs.map +1 -1
- package/lib/widget/components/widget-body/widget-body.component.d.ts +2 -2
- package/lib/widget/components/widget-footer/widget-footer.component.d.ts +6 -1
- package/lib/widget/components/widget-header/widget-header.component.d.ts +2 -2
- package/package.json +1 -1
package/fesm2022/cat-qw-lib.mjs
CHANGED
|
@@ -2985,7 +2985,7 @@ class WidgetService extends BaseService {
|
|
|
2985
2985
|
this._pathName = DATASOURCES.WIDGET;
|
|
2986
2986
|
}
|
|
2987
2987
|
getAllWidgets(name) {
|
|
2988
|
-
const url = `${this.apiUrl}${
|
|
2988
|
+
const url = `${this.apiUrl}${name}`;
|
|
2989
2989
|
return this.http.get(url).pipe(tap$1((entities) => this.widgetStore.set(entities)));
|
|
2990
2990
|
}
|
|
2991
2991
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetService, deps: [{ token: i1$1.HttpClient }, { token: WidgetStore }, { token: AppConfigService }, { token: ListService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
@@ -2997,25 +2997,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
|
|
|
2997
2997
|
}], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: WidgetStore }, { type: AppConfigService }, { type: ListService }] });
|
|
2998
2998
|
|
|
2999
2999
|
class WidgetHeaderComponent {
|
|
3000
|
-
|
|
3000
|
+
widget;
|
|
3001
3001
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3002
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetHeaderComponent, isStandalone: false, selector: "lib-widget-header", inputs: {
|
|
3002
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetHeaderComponent, isStandalone: false, selector: "lib-widget-header", inputs: { widget: "widget" }, ngImport: i0, template: "<div class=\"grid m-0 align-items-center\">\r\n <div class=\"col-12 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\r\n class=\"mr-3 font-semibold\"\r\n [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 }\"\r\n >{{ widget.subHeader }}</span\r\n >\r\n </div>\r\n </div>\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"] }] });
|
|
3003
3003
|
}
|
|
3004
3004
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetHeaderComponent, decorators: [{
|
|
3005
3005
|
type: Component,
|
|
3006
|
-
args: [{ selector: 'lib-widget-header', standalone: false, template: "<div class=\"grid m-0 align-items-center\">\r\n <div class=\"col-12 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 {{ (
|
|
3007
|
-
}], propDecorators: {
|
|
3006
|
+
args: [{ selector: 'lib-widget-header', standalone: false, template: "<div class=\"grid m-0 align-items-center\">\r\n <div class=\"col-12 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\r\n class=\"mr-3 font-semibold\"\r\n [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 }\"\r\n >{{ widget.subHeader }}</span\r\n >\r\n </div>\r\n </div>\r\n </div>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:20px;font-weight:400}\n"] }]
|
|
3007
|
+
}], propDecorators: { widget: [{
|
|
3008
3008
|
type: Input
|
|
3009
3009
|
}] } });
|
|
3010
3010
|
|
|
3011
3011
|
class WidgetFooterComponent {
|
|
3012
|
+
widget;
|
|
3013
|
+
onViewAllDetails = new EventEmitter();
|
|
3014
|
+
viewAllDetails() {
|
|
3015
|
+
this.onViewAllDetails.emit(this.widget?._id);
|
|
3016
|
+
}
|
|
3012
3017
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3013
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetFooterComponent, isStandalone: false, selector: "lib-widget-footer", 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\">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: [""] });
|
|
3018
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetFooterComponent, isStandalone: false, selector: "lib-widget-footer", inputs: { widget: "widget" }, outputs: { onViewAllDetails: "onViewAllDetails" }, 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: [""] });
|
|
3014
3019
|
}
|
|
3015
3020
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetFooterComponent, decorators: [{
|
|
3016
3021
|
type: Component,
|
|
3017
|
-
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\">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>" }]
|
|
3018
|
-
}]
|
|
3022
|
+
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>" }]
|
|
3023
|
+
}], propDecorators: { widget: [{
|
|
3024
|
+
type: Input
|
|
3025
|
+
}], onViewAllDetails: [{
|
|
3026
|
+
type: Output
|
|
3027
|
+
}] } });
|
|
3019
3028
|
|
|
3020
3029
|
class WidgetItemComponent {
|
|
3021
3030
|
widgetItem;
|
|
@@ -3030,14 +3039,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
|
|
|
3030
3039
|
}] } });
|
|
3031
3040
|
|
|
3032
3041
|
class WidgetBodyComponent {
|
|
3033
|
-
|
|
3042
|
+
widget;
|
|
3034
3043
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3035
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetBodyComponent, isStandalone: false, selector: "lib-widget-body", inputs: {
|
|
3044
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetBodyComponent, isStandalone: false, selector: "lib-widget-body", inputs: { widget: "widget" }, ngImport: i0, template: "<div class=\"widget-body-container\">\r\n <div *ngFor=\"let dataItem of widget?.dataItems || []; let i = index\">\r\n <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-item-wrapper' : ''\">\r\n <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-wrapper' : 'widget-last-wrapper'\">\r\n <lib-widget-item [widgetItem]=\"dataItem\"></lib-widget-item>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".widget-item-wrapper{border-bottom:1px solid rgba(68,72,109,.1)}.widget-wrapper{padding:10px 0}.widget-last-wrapper{padding:10px 0 0}\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: "component", type: WidgetItemComponent, selector: "lib-widget-item", inputs: ["widgetItem"] }] });
|
|
3036
3045
|
}
|
|
3037
3046
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetBodyComponent, decorators: [{
|
|
3038
3047
|
type: Component,
|
|
3039
|
-
args: [{ selector: 'lib-widget-body', standalone: false, template: "<div class=\"widget-body-container\">\r\n <div *ngFor=\"let dataItem of
|
|
3040
|
-
}], propDecorators: {
|
|
3048
|
+
args: [{ selector: 'lib-widget-body', standalone: false, template: "<div class=\"widget-body-container\">\r\n <div *ngFor=\"let dataItem of widget?.dataItems || []; let i = index\">\r\n <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-item-wrapper' : ''\">\r\n <div [ngClass]=\"i !== ((widget?.dataItems || []).length - 1) ? 'widget-wrapper' : 'widget-last-wrapper'\">\r\n <lib-widget-item [widgetItem]=\"dataItem\"></lib-widget-item>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".widget-item-wrapper{border-bottom:1px solid rgba(68,72,109,.1)}.widget-wrapper{padding:10px 0}.widget-last-wrapper{padding:10px 0 0}\n"] }]
|
|
3049
|
+
}], propDecorators: { widget: [{
|
|
3041
3050
|
type: Input
|
|
3042
3051
|
}] } });
|
|
3043
3052
|
|
|
@@ -3067,11 +3076,11 @@ class WidgetContainerComponent {
|
|
|
3067
3076
|
});
|
|
3068
3077
|
}
|
|
3069
3078
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetContainerComponent, deps: [{ token: WidgetService }, { token: i3$3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
|
|
3070
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetContainerComponent, isStandalone: false, selector: "lib-widget-container", ngImport: i0, template: "<p-card class=\"widget-block-wrapper w-3 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 *ngFor=\"let widget of widgets\">\r\n <ng-container>\r\n <lib-widget-header [
|
|
3079
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetContainerComponent, isStandalone: false, selector: "lib-widget-container", ngImport: i0, template: "<p-card class=\"widget-block-wrapper w-3 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 *ngFor=\"let widget of widgets\">\r\n <ng-container>\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 </ng-container>\r\n </ng-container>\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% - 55px);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: "component", type: i2$1.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: i6$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"], outputs: ["onViewAllDetails"] }, { kind: "component", type: WidgetBodyComponent, selector: "lib-widget-body", inputs: ["widget"] }] });
|
|
3071
3080
|
}
|
|
3072
3081
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetContainerComponent, decorators: [{
|
|
3073
3082
|
type: Component,
|
|
3074
|
-
args: [{ selector: 'lib-widget-container', standalone: false, template: "<p-card class=\"widget-block-wrapper w-3 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 *ngFor=\"let widget of widgets\">\r\n <ng-container>\r\n <lib-widget-header [
|
|
3083
|
+
args: [{ selector: 'lib-widget-container', standalone: false, template: "<p-card class=\"widget-block-wrapper w-3 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 *ngFor=\"let widget of widgets\">\r\n <ng-container>\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 </ng-container>\r\n </ng-container>\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% - 55px);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"] }]
|
|
3075
3084
|
}], ctorParameters: () => [{ type: WidgetService }, { type: i3$3.ActivatedRoute }] });
|
|
3076
3085
|
|
|
3077
3086
|
class WidgetModule {
|