cat-qw-lib 2.3.34 → 2.4.11
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
CHANGED
|
@@ -333,7 +333,7 @@ const SEQUENTIAL_MESSAGE = [
|
|
|
333
333
|
];
|
|
334
334
|
const apiHiddenHeaderList = ['credentials', 'createdAt', 'updatedAt', '__v', 'properties', '_id', 'authHeaderName', 'authToken'];
|
|
335
335
|
const dictionaryHiddenHeaderList = ['dictionaryItems', '_id', '__v', 'updatedAt', 'createdAt'];
|
|
336
|
-
const widgetHiddenHeaderList = ['_id', 'dataItems', '__v', 'createdAt', 'updatedAt', 'headerDictionaryID', 'headerDictionaryItemID', 'order', 'subHeaderDictionaryID', 'subHeaderDictionaryItemID'];
|
|
336
|
+
const widgetHiddenHeaderList = ['_id', 'dataItems', '__v', 'createdAt', 'updatedAt', 'headerDictionaryID', 'headerDictionaryItemID', 'order', 'subHeaderDictionaryID', 'subHeaderDictionaryItemID', 'badges', 'isEmptyLabelHidden', 'widgetStatusIconClass', 'widgetStatusIconClassExpression', 'widgetStatusIconStyle', 'widgetStatusIconStyleExpression'];
|
|
337
337
|
const templateHiddenHeaderList = ['_id', '__v', 'updatedAt', 'description'];
|
|
338
338
|
const hiddenHeaderList = ['status', 'actions'];
|
|
339
339
|
const expectedRoutes = ['apiManagement', 'queue', 'dictionary', 'widget'];
|
|
@@ -2566,7 +2566,13 @@ class QueueFilterDropdownService {
|
|
|
2566
2566
|
filterParams['purchaseType'] = filters.purchaseType.join(',');
|
|
2567
2567
|
}
|
|
2568
2568
|
if (filters.category && filters.category.length > 0) {
|
|
2569
|
-
|
|
2569
|
+
// Map category UI values to API values
|
|
2570
|
+
const categoryMap = {
|
|
2571
|
+
'UK': 'UK',
|
|
2572
|
+
'Ex-Pat': 'Ex-pat',
|
|
2573
|
+
'Intl': 'International'
|
|
2574
|
+
};
|
|
2575
|
+
filterParams['appCategory'] = filters.category.map(cat => categoryMap[cat] || cat).join(',');
|
|
2570
2576
|
}
|
|
2571
2577
|
if (filters.epc && filters.epc.length > 0) {
|
|
2572
2578
|
filterParams['epc'] = filters.epc.join(',');
|
|
@@ -5440,6 +5446,11 @@ class WidgetHeaderComponent {
|
|
|
5440
5446
|
headerIconStyle = {};
|
|
5441
5447
|
headerIconClass;
|
|
5442
5448
|
processedBadges = [];
|
|
5449
|
+
widgetStatusIconClass;
|
|
5450
|
+
widgetStatusIconClassExpression;
|
|
5451
|
+
widgetStatusIconStyle = {};
|
|
5452
|
+
widgetStatusIconStyleExpression = {};
|
|
5453
|
+
mergedWidgetStatusIconStyle = {};
|
|
5443
5454
|
constructor(styleBulderService) {
|
|
5444
5455
|
this.styleBulderService = styleBulderService;
|
|
5445
5456
|
}
|
|
@@ -5453,9 +5464,40 @@ class WidgetHeaderComponent {
|
|
|
5453
5464
|
this.headerIconStyle = this.styleBulderService.getItemStyle(parsedHeaderIconStyle);
|
|
5454
5465
|
this.headerIconClass = this.widget.style.headerIconClass;
|
|
5455
5466
|
}
|
|
5467
|
+
// Process widget status icon
|
|
5468
|
+
this.processWidgetStatusIcon();
|
|
5456
5469
|
// Process badges
|
|
5457
5470
|
this.processBadges();
|
|
5458
5471
|
}
|
|
5472
|
+
processWidgetStatusIcon() {
|
|
5473
|
+
// Process widget status icon class (static)
|
|
5474
|
+
this.widgetStatusIconClass = this.widget?.widgetStatusIconClass || '';
|
|
5475
|
+
// Process widget status icon class expression (dynamic)
|
|
5476
|
+
this.widgetStatusIconClassExpression = this.widget?.widgetStatusIconClassExpression
|
|
5477
|
+
? this.widget.widgetStatusIconClassExpression.replace(/^['"]+|['"]+$/g, '')
|
|
5478
|
+
: '';
|
|
5479
|
+
// Process widget status icon style (static)
|
|
5480
|
+
if (this.widget?.widgetStatusIconStyle) {
|
|
5481
|
+
const parsedWidgetStatusIconStyle = this.styleBulderService.parseStyleObject(this.widget.widgetStatusIconStyle);
|
|
5482
|
+
this.widgetStatusIconStyle = this.styleBulderService.getItemStyle(parsedWidgetStatusIconStyle);
|
|
5483
|
+
}
|
|
5484
|
+
else {
|
|
5485
|
+
this.widgetStatusIconStyle = {};
|
|
5486
|
+
}
|
|
5487
|
+
// Process widget status icon style expression (dynamic)
|
|
5488
|
+
if (this.widget?.widgetStatusIconStyleExpression) {
|
|
5489
|
+
const parsedWidgetStatusIconStyleExpression = this.styleBulderService.parseStyleObject(this.widget.widgetStatusIconStyleExpression);
|
|
5490
|
+
this.widgetStatusIconStyleExpression = this.styleBulderService.getItemStyle(parsedWidgetStatusIconStyleExpression);
|
|
5491
|
+
}
|
|
5492
|
+
else {
|
|
5493
|
+
this.widgetStatusIconStyleExpression = {};
|
|
5494
|
+
}
|
|
5495
|
+
// Merge icon styles
|
|
5496
|
+
this.mergedWidgetStatusIconStyle = {
|
|
5497
|
+
...this.widgetStatusIconStyle,
|
|
5498
|
+
...this.widgetStatusIconStyleExpression
|
|
5499
|
+
};
|
|
5500
|
+
}
|
|
5459
5501
|
processBadges() {
|
|
5460
5502
|
this.processedBadges = [];
|
|
5461
5503
|
if (this.widget && this.widget.badges && Array.isArray(this.widget.badges)) {
|
|
@@ -5508,11 +5550,11 @@ class WidgetHeaderComponent {
|
|
|
5508
5550
|
}
|
|
5509
5551
|
}
|
|
5510
5552
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetHeaderComponent, deps: [{ token: StyleBuilderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5511
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: WidgetHeaderComponent, isStandalone: false, selector: "lib-widget-header", inputs: { widget: "widget" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"widget.header || widget.subHeader\" class=\"grid m-0 align-items-center justify-content-between px-3 pt-3\">\r\n <div class=\"col-12 p-0\">\r\n <div class=\"flex align-items-center\">\r\n <i [class]=\"headerIconClass\" [ngStyle]=\"headerIconStyle\"></i>\r\n <h3 [ngStyle]=\"headerStyle\" class=\"m-0 application-title-wrapper\">\r\n {{ (widget.header) }}\r\n </h3>\r\n\r\n <!-- Badges -->\r\n <div *ngIf=\"processedBadges && processedBadges.length > 0\" class=\"flex align-items-center ml-2\">\r\n <span *ngFor=\"let badge of processedBadges\" \r\n class=\"px-2 py-1 rounded font-semibold badge
|
|
5553
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: WidgetHeaderComponent, isStandalone: false, selector: "lib-widget-header", inputs: { widget: "widget" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"widget.header || widget.subHeader\" class=\"grid m-0 align-items-center justify-content-between px-3 pt-3\">\r\n <div class=\"col-12 p-0\">\r\n <div class=\"flex align-items-center justify-content-between\">\r\n <div class=\"flex align-items-center\">\r\n <i [class]=\"headerIconClass\" [ngStyle]=\"headerIconStyle\"></i>\r\n <h3 [ngStyle]=\"headerStyle\" class=\"m-0 application-title-wrapper\">\r\n {{ (widget.header) }}\r\n </h3>\r\n\r\n <!-- Badges -->\r\n <div *ngIf=\"processedBadges && processedBadges.length > 0\" class=\"flex align-items-center ml-2\">\r\n <span *ngFor=\"let badge of processedBadges\" \r\n class=\"px-2 py-1 rounded font-semibold badge\"\r\n [ngClass]=\"badge.valueClass\"\r\n [ngStyle]=\"badge.badgeStyle\">\r\n <i *ngIf=\"badge.valueIconClass\" \r\n [ngClass]=\"badge.valueIconClass\" \r\n [ngStyle]=\"badge.mergedValueIconStyle\"\r\n class=\"mr-1\"></i>\r\n <i *ngIf=\"badge.valueIconClassExpression\" \r\n [ngClass]=\"badge.valueIconClassExpression\" \r\n [ngStyle]=\"badge.mergedValueIconStyle\"\r\n class=\"mr-1\"></i>\r\n {{ badge.value !== 'null' ? badge.value : '' }}\r\n </span>\r\n </div>\r\n </div>\r\n\r\n <!-- Widget Status Icon -->\r\n <div class=\"flex align-items-center\">\r\n <i *ngIf=\"widgetStatusIconClass\" [ngClass]=\"widgetStatusIconClass\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n <i *ngIf=\"widgetStatusIconClassExpression\" [ngClass]=\"widgetStatusIconClassExpression\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n </div>\r\n </div>\r\n <div *ngIf=\"widget?.subHeader\" class=\"flex align-items-center mt-2\">\r\n <span [ngStyle]=\"subHeaderStyle\" class=\"mr-3 font-semibold\">{{ widget.subHeader }}</span>\r\n </div>\r\n </div>\r\n</div>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:16px;font-weight:600}.chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1200px) and (max-width: 1800px){.application-title-wrapper{font-size:14px}}\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
5512
5554
|
}
|
|
5513
5555
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetHeaderComponent, decorators: [{
|
|
5514
5556
|
type: Component,
|
|
5515
|
-
args: [{ selector: 'lib-widget-header', standalone: false, template: "<div *ngIf=\"widget.header || widget.subHeader\" class=\"grid m-0 align-items-center justify-content-between px-3 pt-3\">\r\n <div class=\"col-12 p-0\">\r\n <div class=\"flex align-items-center\">\r\n <i [class]=\"headerIconClass\" [ngStyle]=\"headerIconStyle\"></i>\r\n <h3 [ngStyle]=\"headerStyle\" class=\"m-0 application-title-wrapper\">\r\n {{ (widget.header) }}\r\n </h3>\r\n\r\n <!-- Badges -->\r\n <div *ngIf=\"processedBadges && processedBadges.length > 0\" class=\"flex align-items-center ml-2\">\r\n <span *ngFor=\"let badge of processedBadges\" \r\n class=\"px-2 py-1 rounded font-semibold badge
|
|
5557
|
+
args: [{ selector: 'lib-widget-header', standalone: false, template: "<div *ngIf=\"widget.header || widget.subHeader\" class=\"grid m-0 align-items-center justify-content-between px-3 pt-3\">\r\n <div class=\"col-12 p-0\">\r\n <div class=\"flex align-items-center justify-content-between\">\r\n <div class=\"flex align-items-center\">\r\n <i [class]=\"headerIconClass\" [ngStyle]=\"headerIconStyle\"></i>\r\n <h3 [ngStyle]=\"headerStyle\" class=\"m-0 application-title-wrapper\">\r\n {{ (widget.header) }}\r\n </h3>\r\n\r\n <!-- Badges -->\r\n <div *ngIf=\"processedBadges && processedBadges.length > 0\" class=\"flex align-items-center ml-2\">\r\n <span *ngFor=\"let badge of processedBadges\" \r\n class=\"px-2 py-1 rounded font-semibold badge\"\r\n [ngClass]=\"badge.valueClass\"\r\n [ngStyle]=\"badge.badgeStyle\">\r\n <i *ngIf=\"badge.valueIconClass\" \r\n [ngClass]=\"badge.valueIconClass\" \r\n [ngStyle]=\"badge.mergedValueIconStyle\"\r\n class=\"mr-1\"></i>\r\n <i *ngIf=\"badge.valueIconClassExpression\" \r\n [ngClass]=\"badge.valueIconClassExpression\" \r\n [ngStyle]=\"badge.mergedValueIconStyle\"\r\n class=\"mr-1\"></i>\r\n {{ badge.value !== 'null' ? badge.value : '' }}\r\n </span>\r\n </div>\r\n </div>\r\n\r\n <!-- Widget Status Icon -->\r\n <div class=\"flex align-items-center\">\r\n <i *ngIf=\"widgetStatusIconClass\" [ngClass]=\"widgetStatusIconClass\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n <i *ngIf=\"widgetStatusIconClassExpression\" [ngClass]=\"widgetStatusIconClassExpression\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n </div>\r\n </div>\r\n <div *ngIf=\"widget?.subHeader\" class=\"flex align-items-center mt-2\">\r\n <span [ngStyle]=\"subHeaderStyle\" class=\"mr-3 font-semibold\">{{ widget.subHeader }}</span>\r\n </div>\r\n </div>\r\n</div>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:16px;font-weight:600}.chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1200px) and (max-width: 1800px){.application-title-wrapper{font-size:14px}}\n"] }]
|
|
5516
5558
|
}], ctorParameters: () => [{ type: StyleBuilderService }], propDecorators: { widget: [{
|
|
5517
5559
|
type: Input
|
|
5518
5560
|
}] } });
|