cat-qw-lib 0.14.2 → 0.14.5
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 +54 -15
- package/fesm2022/cat-qw-lib.mjs.map +1 -1
- package/lib/shared/constant/SHARED.d.ts +2 -0
- package/lib/widget/components/widget-container/widget-container.component.d.ts +6 -2
- package/lib/widget/components/widget-footer/widget-footer.component.d.ts +4 -3
- package/lib/widget/state/widget.query.d.ts +15 -0
- package/lib/widget/state/widget.store.d.ts +3 -0
- 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 i2$1 from 'primeng/button';
|
|
13
13
|
import { ButtonModule } from 'primeng/button';
|
|
14
|
-
import * as
|
|
14
|
+
import * as i7 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';
|
|
@@ -137,6 +137,8 @@ class SHARED {
|
|
|
137
137
|
static RECORDID = "recordId";
|
|
138
138
|
static MISSING_QUEUE_ID = "Missing queueId";
|
|
139
139
|
static MISSING_RECORD_ID = "Missing recordId";
|
|
140
|
+
static EMPTY_STRING = " ";
|
|
141
|
+
static SELECTED_QUEUE_ID = "selectedQueueId";
|
|
140
142
|
}
|
|
141
143
|
const MESSAGE_TYPES = ['SMS', 'WhatsApp', 'Email'];
|
|
142
144
|
const delimiters = ['|', '/', '-'];
|
|
@@ -1280,6 +1282,7 @@ class BlockListComponent {
|
|
|
1280
1282
|
this.selectedQueueId = queueId;
|
|
1281
1283
|
if (showQueueDataForm) {
|
|
1282
1284
|
this.router.navigateByUrl(ROUTES.QUEUE_FORM + queueId);
|
|
1285
|
+
localStorage.setItem(SHARED.SELECTED_QUEUE_ID, queueId);
|
|
1283
1286
|
}
|
|
1284
1287
|
else {
|
|
1285
1288
|
this.queueDataById.emit(queueId);
|
|
@@ -2314,11 +2317,11 @@ class QueueAdminFormComponent extends BaseFormComponent {
|
|
|
2314
2317
|
});
|
|
2315
2318
|
}
|
|
2316
2319
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: QueueAdminFormComponent, deps: [{ token: QueueQuery }, { token: QueueService }, { token: i3$3.ActivatedRoute }, { token: QueueStore }, { token: ValidatorService }, { token: i3$3.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
2317
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: QueueAdminFormComponent, isStandalone: false, selector: "lib-queue-admin-form", usesInheritance: true, ngImport: i0, template: "<div class=\"grid\">\r\n <div class=\"col-12\">\r\n <div
|
|
2320
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: QueueAdminFormComponent, isStandalone: false, selector: "lib-queue-admin-form", usesInheritance: true, ngImport: i0, template: "<div class=\"grid\">\r\n <div class=\"col-12\">\r\n <div>\r\n <form-container\r\n [record]=\"record\"\r\n [headerText]=\"'Queue / Create Queue'\"\r\n (onSave)=\"handleSubmit()\"\r\n (onCancel)=\"handleCancel()\"\r\n [showSave]=\"true\"\r\n [messages]=\"message\"\r\n >\r\n <div class=\"col-12 card md:col-12\">\r\n <h4 class=\"font-bold col-12 md:col-12\">Create Queue</h4>\r\n <div\r\n class=\"mt-4 field flex align-items-center justify-content-between col-12\"\r\n >\r\n <div class=\"field col-12 md:col-6\">\r\n <text-box\r\n [record]=\"record\"\r\n [store]=\"queueStore\"\r\n [attributeModel]=\"{\r\n name : 'name',\r\n displayText:'Project Name',\r\n readonly : false,\r\n isRequired : true,\r\n }\"\r\n >\r\n </text-box>\r\n </div>\r\n <div class=\"field col-12 md:col-6\">\r\n <dropdown\r\n [record]=\"record\"\r\n [store]=\"queueStore\"\r\n [attributeModel]=\"{\r\n name: 'apiConfigId',\r\n readonly: false,\r\n isRequired: true,\r\n dataSource: 'apiConfig',\r\n listLabelProperty: 'name',\r\n listValueProperty: '_id',\r\n displayText: 'Api'\r\n }\"\r\n >\r\n </dropdown>\r\n </div>\r\n </div>\r\n <div class=\"field col-12 md:col-2 mt-4\">\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n label=\"Validate\"\r\n (click)=\"handleGetData()\"\r\n class=\"p-button-raised\"\r\n ></button>\r\n </div>\r\n <ngx-query-builder\r\n [(ngModel)]=\"query\"\r\n [config]=\"config\"\r\n (queryChange)=\"onQueryChange($event)\"\r\n ></ngx-query-builder>\r\n </div>\r\n </form-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".q-ruleset .q-switch-radio:checked+.q-switch-label{background:var(--surface-section)!important;color:var(--text-color)!important;border:1px solid var(--primary-color)!important}.q-ruleset .q-switch-label{color:#000!important;border:1px solid}.q-ruleset .q-button{color:var(--text-color)!important;background:var(--primary-color)!important;border-radius:var(--border-radius)!important}.q-ruleset .q-rule{background:var(--surface-section)!important}.q-ruleset .q-field-control,.q-ruleset .q-operator-control,.q-ruleset .q-input-control,.q-ruleset .q-remove-button{background:var(--surface-section)!important;color:var(--text-color)!important;border:1px solid var(--surface-border)!important}.q-ruleset .q-row{border:1px solid var(--surface-border)!important}.card-footer{display:flex;justify-content:flex-end;margin:10px}.button-container{display:flex}.create-button{padding:10px}\n"], dependencies: [{ kind: "component", type: TextBoxComponent, selector: "text-box" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DropdownComponent, selector: "dropdown", inputs: ["isStaticDropdown"] }, { kind: "component", type: FormContainerComponent, selector: "form-container", inputs: ["messages", "record", "headerText", "showSave", "disableSaveButton"], outputs: ["onSave", "onCancel"] }, { kind: "component", type: i10.QueryBuilderComponent, selector: "ngx-query-builder", inputs: ["disabled", "level", "data", "allowRuleset", "allowCollapse", "emptyMessage", "classNames", "operatorMap", "parentValue", "config", "parentArrowIconTemplate", "parentInputTemplates", "parentOperatorTemplate", "parentFieldTemplate", "parentEntityTemplate", "parentSwitchGroupTemplate", "parentButtonGroupTemplate", "parentRulesetAddRuleButtonTemplate", "parentRulesetAddRulesetButtonTemplate", "parentRulesetRemoveButtonTemplate", "parentRuleRemoveButtonTemplate", "parentEmptyWarningTemplate", "parentChangeCallback", "parentTouchedCallback", "persistValueOnFieldChange", "value"] }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2318
2321
|
}
|
|
2319
2322
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: QueueAdminFormComponent, decorators: [{
|
|
2320
2323
|
type: Component,
|
|
2321
|
-
args: [{ selector: "lib-queue-admin-form", standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"grid\">\r\n <div class=\"col-12\">\r\n <div
|
|
2324
|
+
args: [{ selector: "lib-queue-admin-form", standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"grid\">\r\n <div class=\"col-12\">\r\n <div>\r\n <form-container\r\n [record]=\"record\"\r\n [headerText]=\"'Queue / Create Queue'\"\r\n (onSave)=\"handleSubmit()\"\r\n (onCancel)=\"handleCancel()\"\r\n [showSave]=\"true\"\r\n [messages]=\"message\"\r\n >\r\n <div class=\"col-12 card md:col-12\">\r\n <h4 class=\"font-bold col-12 md:col-12\">Create Queue</h4>\r\n <div\r\n class=\"mt-4 field flex align-items-center justify-content-between col-12\"\r\n >\r\n <div class=\"field col-12 md:col-6\">\r\n <text-box\r\n [record]=\"record\"\r\n [store]=\"queueStore\"\r\n [attributeModel]=\"{\r\n name : 'name',\r\n displayText:'Project Name',\r\n readonly : false,\r\n isRequired : true,\r\n }\"\r\n >\r\n </text-box>\r\n </div>\r\n <div class=\"field col-12 md:col-6\">\r\n <dropdown\r\n [record]=\"record\"\r\n [store]=\"queueStore\"\r\n [attributeModel]=\"{\r\n name: 'apiConfigId',\r\n readonly: false,\r\n isRequired: true,\r\n dataSource: 'apiConfig',\r\n listLabelProperty: 'name',\r\n listValueProperty: '_id',\r\n displayText: 'Api'\r\n }\"\r\n >\r\n </dropdown>\r\n </div>\r\n </div>\r\n <div class=\"field col-12 md:col-2 mt-4\">\r\n <button\r\n pButton\r\n pRipple\r\n type=\"button\"\r\n label=\"Validate\"\r\n (click)=\"handleGetData()\"\r\n class=\"p-button-raised\"\r\n ></button>\r\n </div>\r\n <ngx-query-builder\r\n [(ngModel)]=\"query\"\r\n [config]=\"config\"\r\n (queryChange)=\"onQueryChange($event)\"\r\n ></ngx-query-builder>\r\n </div>\r\n </form-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".q-ruleset .q-switch-radio:checked+.q-switch-label{background:var(--surface-section)!important;color:var(--text-color)!important;border:1px solid var(--primary-color)!important}.q-ruleset .q-switch-label{color:#000!important;border:1px solid}.q-ruleset .q-button{color:var(--text-color)!important;background:var(--primary-color)!important;border-radius:var(--border-radius)!important}.q-ruleset .q-rule{background:var(--surface-section)!important}.q-ruleset .q-field-control,.q-ruleset .q-operator-control,.q-ruleset .q-input-control,.q-ruleset .q-remove-button{background:var(--surface-section)!important;color:var(--text-color)!important;border:1px solid var(--surface-border)!important}.q-ruleset .q-row{border:1px solid var(--surface-border)!important}.card-footer{display:flex;justify-content:flex-end;margin:10px}.button-container{display:flex}.create-button{padding:10px}\n"] }]
|
|
2322
2325
|
}], ctorParameters: () => [{ type: QueueQuery }, { type: QueueService }, { type: i3$3.ActivatedRoute }, { type: QueueStore }, { type: ValidatorService }, { type: i3$3.Router }] });
|
|
2323
2326
|
|
|
2324
2327
|
const routes = [
|
|
@@ -2958,8 +2961,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
|
|
|
2958
2961
|
* Widget Admin Store
|
|
2959
2962
|
*/
|
|
2960
2963
|
let WidgetStore = class WidgetStore extends BaseStore {
|
|
2964
|
+
onViewAllDetails$;
|
|
2961
2965
|
constructor() {
|
|
2962
2966
|
super();
|
|
2967
|
+
this.onViewAllDetails$ = new BehaviorSubject(SHARED.EMPTY_STRING);
|
|
2968
|
+
}
|
|
2969
|
+
setOnViewAllDetails(value) {
|
|
2970
|
+
this.onViewAllDetails$.next(value);
|
|
2963
2971
|
}
|
|
2964
2972
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2965
2973
|
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetStore, providedIn: 'root' });
|
|
@@ -2996,6 +3004,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
|
|
|
2996
3004
|
args: [{ providedIn: 'root' }]
|
|
2997
3005
|
}], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: WidgetStore }, { type: AppConfigService }, { type: ListService }] });
|
|
2998
3006
|
|
|
3007
|
+
/**
|
|
3008
|
+
* Widget Admin Query
|
|
3009
|
+
*/
|
|
3010
|
+
class WidgetQuery extends BaseQuery {
|
|
3011
|
+
store;
|
|
3012
|
+
widgetStore;
|
|
3013
|
+
constructor(store, widgetStore) {
|
|
3014
|
+
super(store);
|
|
3015
|
+
this.store = store;
|
|
3016
|
+
this.widgetStore = widgetStore;
|
|
3017
|
+
}
|
|
3018
|
+
getOnViewAllDetails() {
|
|
3019
|
+
return this.widgetStore.onViewAllDetails$.asObservable();
|
|
3020
|
+
}
|
|
3021
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetQuery, deps: [{ token: WidgetStore }, { token: WidgetStore }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3022
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetQuery, providedIn: 'root' });
|
|
3023
|
+
}
|
|
3024
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetQuery, decorators: [{
|
|
3025
|
+
type: Injectable,
|
|
3026
|
+
args: [{ providedIn: 'root' }]
|
|
3027
|
+
}], ctorParameters: () => [{ type: WidgetStore }, { type: WidgetStore }] });
|
|
3028
|
+
|
|
2999
3029
|
class WidgetHeaderComponent {
|
|
3000
3030
|
widget;
|
|
3001
3031
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -3009,21 +3039,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
|
|
|
3009
3039
|
}] } });
|
|
3010
3040
|
|
|
3011
3041
|
class WidgetFooterComponent {
|
|
3042
|
+
widgetStore;
|
|
3012
3043
|
widget;
|
|
3013
|
-
|
|
3044
|
+
constructor(widgetStore) {
|
|
3045
|
+
this.widgetStore = widgetStore;
|
|
3046
|
+
}
|
|
3014
3047
|
viewAllDetails() {
|
|
3015
|
-
this.
|
|
3048
|
+
this.widgetStore.setOnViewAllDetails(this.widget?._id);
|
|
3016
3049
|
}
|
|
3017
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3018
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: WidgetFooterComponent, isStandalone: false, selector: "lib-widget-footer", inputs: { widget: "widget" },
|
|
3050
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetFooterComponent, deps: [{ token: WidgetStore }], target: i0.ɵɵFactoryTarget.Component });
|
|
3051
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", 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: [""] });
|
|
3019
3052
|
}
|
|
3020
3053
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetFooterComponent, decorators: [{
|
|
3021
3054
|
type: Component,
|
|
3022
3055
|
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: [{
|
|
3056
|
+
}], ctorParameters: () => [{ type: WidgetStore }], propDecorators: { widget: [{
|
|
3024
3057
|
type: Input
|
|
3025
|
-
}], onViewAllDetails: [{
|
|
3026
|
-
type: Output
|
|
3027
3058
|
}] } });
|
|
3028
3059
|
|
|
3029
3060
|
class WidgetItemComponent {
|
|
@@ -3053,12 +3084,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImpor
|
|
|
3053
3084
|
class WidgetContainerComponent {
|
|
3054
3085
|
widgetService;
|
|
3055
3086
|
activatedRoute;
|
|
3056
|
-
|
|
3087
|
+
widgetQuery;
|
|
3088
|
+
constructor(widgetService, activatedRoute, widgetQuery) {
|
|
3057
3089
|
this.widgetService = widgetService;
|
|
3058
3090
|
this.activatedRoute = activatedRoute;
|
|
3091
|
+
this.widgetQuery = widgetQuery;
|
|
3059
3092
|
}
|
|
3060
3093
|
widgets = [];
|
|
3094
|
+
onViewAllDetails = new EventEmitter();
|
|
3061
3095
|
ngOnInit() {
|
|
3096
|
+
this.widgetQuery.getOnViewAllDetails().subscribe((res) => {
|
|
3097
|
+
this.onViewAllDetails.emit(res);
|
|
3098
|
+
});
|
|
3062
3099
|
const queueId = localStorage.getItem(SHARED.selectedQueue);
|
|
3063
3100
|
const recordId = this.activatedRoute.snapshot.params[SHARED.ID];
|
|
3064
3101
|
if (!queueId || !recordId) {
|
|
@@ -3075,13 +3112,15 @@ class WidgetContainerComponent {
|
|
|
3075
3112
|
console.error(ERROR.ERROR_FETCHING_WIDGET_DATA, error);
|
|
3076
3113
|
});
|
|
3077
3114
|
}
|
|
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 });
|
|
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
|
|
3115
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetContainerComponent, deps: [{ token: WidgetService }, { token: i3$3.ActivatedRoute }, { token: WidgetQuery }], target: i0.ɵɵFactoryTarget.Component });
|
|
3116
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", 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 *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: i7.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"] }] });
|
|
3080
3117
|
}
|
|
3081
3118
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetContainerComponent, decorators: [{
|
|
3082
3119
|
type: Component,
|
|
3083
|
-
args: [{ selector: 'lib-widget-container', standalone: false, template: "<p-card class=\"widget-block-wrapper
|
|
3084
|
-
}], ctorParameters: () => [{ type: WidgetService }, { type: i3$3.ActivatedRoute }]
|
|
3120
|
+
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 *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"] }]
|
|
3121
|
+
}], ctorParameters: () => [{ type: WidgetService }, { type: i3$3.ActivatedRoute }, { type: WidgetQuery }], propDecorators: { onViewAllDetails: [{
|
|
3122
|
+
type: Output
|
|
3123
|
+
}] } });
|
|
3085
3124
|
|
|
3086
3125
|
class WidgetModule {
|
|
3087
3126
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: WidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|