cat-qw-lib 0.32.21 → 0.32.22
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
|
@@ -155,6 +155,8 @@ class SHARED {
|
|
|
155
155
|
static DESC = "desc";
|
|
156
156
|
static ACTIVE = "Active";
|
|
157
157
|
static IN_ACTIVE = "InActive";
|
|
158
|
+
static SEMICOLON_STRING = ";";
|
|
159
|
+
static COLON_STRING = ":";
|
|
158
160
|
}
|
|
159
161
|
const msgTemplateTypeList = [
|
|
160
162
|
{ id: 1, value: 'email' },
|
|
@@ -3801,25 +3803,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
|
|
|
3801
3803
|
type: Input
|
|
3802
3804
|
}] } });
|
|
3803
3805
|
|
|
3804
|
-
class
|
|
3805
|
-
|
|
3806
|
+
class StyleBuilderService {
|
|
3807
|
+
constructor() { }
|
|
3806
3808
|
getStyle(style) {
|
|
3807
3809
|
if (!style)
|
|
3808
|
-
return {};
|
|
3809
|
-
return style.split(
|
|
3810
|
-
const [prop, value] = rule.split(
|
|
3810
|
+
return {};
|
|
3811
|
+
return style.split(SHARED.SEMICOLON_STRING).reduce((acc, rule) => {
|
|
3812
|
+
const [prop, value] = rule.split(SHARED.COLON_STRING);
|
|
3811
3813
|
if (prop && value)
|
|
3812
3814
|
acc[prop.trim()] = value.trim();
|
|
3813
3815
|
return acc;
|
|
3814
3816
|
}, {});
|
|
3815
3817
|
}
|
|
3816
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type:
|
|
3817
|
-
static
|
|
3818
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: StyleBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3819
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: StyleBuilderService, providedIn: 'root' });
|
|
3820
|
+
}
|
|
3821
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: StyleBuilderService, decorators: [{
|
|
3822
|
+
type: Injectable,
|
|
3823
|
+
args: [{
|
|
3824
|
+
providedIn: 'root'
|
|
3825
|
+
}]
|
|
3826
|
+
}], ctorParameters: () => [] });
|
|
3827
|
+
|
|
3828
|
+
class WidgetItemComponent {
|
|
3829
|
+
styleBulderService;
|
|
3830
|
+
widgetItem;
|
|
3831
|
+
constructor(styleBulderService) {
|
|
3832
|
+
this.styleBulderService = styleBulderService;
|
|
3833
|
+
}
|
|
3834
|
+
getStyle(style) {
|
|
3835
|
+
return this.styleBulderService.getStyle(style);
|
|
3836
|
+
}
|
|
3837
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, deps: [{ token: StyleBuilderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3838
|
+
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 \r\n <p class=\"mb-0 text-color font-semibold text-value-wrapper\">\r\n <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" \r\n class=\"pi pi-exclamation-triangle text-red-500\" \r\n style=\"font-size: 1.3rem\"></i>\r\n <span [ngStyle]=\"getStyle(widgetItem?.style)\">\r\n {{ widgetItem?.value }}\r\n </span> \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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
3818
3839
|
}
|
|
3819
3840
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, decorators: [{
|
|
3820
3841
|
type: Component,
|
|
3821
|
-
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 \r\n <p class=\"mb-0 text-color font-semibold text-value-wrapper\">\r\n
|
|
3822
|
-
}], propDecorators: { widgetItem: [{
|
|
3842
|
+
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 \r\n <p class=\"mb-0 text-color font-semibold text-value-wrapper\">\r\n <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" \r\n class=\"pi pi-exclamation-triangle text-red-500\" \r\n style=\"font-size: 1.3rem\"></i>\r\n <span [ngStyle]=\"getStyle(widgetItem?.style)\">\r\n {{ widgetItem?.value }}\r\n </span> \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"] }]
|
|
3843
|
+
}], ctorParameters: () => [{ type: StyleBuilderService }], propDecorators: { widgetItem: [{
|
|
3823
3844
|
type: Input
|
|
3824
3845
|
}] } });
|
|
3825
3846
|
|