@smartbit4all/ng-client 4.0.22 → 4.0.23
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/esm2022/lib/smart-icon/smart-icon/smart-icon.component.mjs +13 -6
- package/fesm2022/smartbit4all-ng-client.mjs +8 -2
- package/fesm2022/smartbit4all-ng-client.mjs.map +1 -1
- package/lib/smart-icon/smart-icon/smart-icon.component.d.ts +4 -0
- package/package.json +1 -1
- package/smartbit4all-ng-client-4.0.23.tgz +0 -0
- package/smartbit4all-ng-client-4.0.22.tgz +0 -0
|
@@ -2,8 +2,9 @@ import { Component, Inject, Input, } from '@angular/core';
|
|
|
2
2
|
import { COMPONENT_LIBRARY, ComponentLibrary } from '../../view-context/utility/componentLibrary';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../smart-icon.service";
|
|
5
|
-
import * as i2 from "@angular/
|
|
6
|
-
import * as i3 from "
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "@angular/material/icon";
|
|
7
|
+
import * as i4 from "../../view-context/utility/componentLibrary";
|
|
7
8
|
export class SmartIconComponent {
|
|
8
9
|
constructor(service, changeDetector, compLib) {
|
|
9
10
|
this.service = service;
|
|
@@ -16,6 +17,12 @@ export class SmartIconComponent {
|
|
|
16
17
|
this.isCustom = false;
|
|
17
18
|
this.checkIcon();
|
|
18
19
|
}
|
|
20
|
+
getIcon(icon) {
|
|
21
|
+
return 'pi pi-' + icon;
|
|
22
|
+
}
|
|
23
|
+
getStyle(iconcolor) {
|
|
24
|
+
return { color: iconcolor };
|
|
25
|
+
}
|
|
19
26
|
async checkIcon() {
|
|
20
27
|
let fullyQualifiedIcon = await this.service.getFullyQualifiedIcon(this.iconWithoutNamespace);
|
|
21
28
|
if (fullyQualifiedIcon) {
|
|
@@ -29,12 +36,12 @@ export class SmartIconComponent {
|
|
|
29
36
|
this.changeDetector.markForCheck();
|
|
30
37
|
}
|
|
31
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartIconComponent, deps: [{ token: i1.SmartIconService }, { token: i0.ChangeDetectorRef }, { token: COMPONENT_LIBRARY }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartIconComponent, selector: "smart-icon", inputs: { iconWithoutNamespace: ["icon", "iconWithoutNamespace"], color: "color" }, usesOnChanges: true, ngImport: i0, template: "@if(compLib === componentLibrary.PRIMENG) {
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartIconComponent, selector: "smart-icon", inputs: { iconWithoutNamespace: ["icon", "iconWithoutNamespace"], color: "color" }, usesOnChanges: true, ngImport: i0, template: "@if(compLib === componentLibrary.PRIMENG) {\r\n<i [ngClass]=\"getIcon(icon)\" [ngStyle]=\"getStyle(color)\"></i>\r\n} @else { @if (isCustom) {\r\n<mat-icon [color]=\"color ?? 'primary'\" svgIcon=\"{{ icon }}\"></mat-icon>\r\n} @else {\r\n<mat-icon [color]=\"color ?? 'primary'\"> {{ icon }} </mat-icon>\r\n} }\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
33
40
|
}
|
|
34
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartIconComponent, decorators: [{
|
|
35
42
|
type: Component,
|
|
36
|
-
args: [{ selector: 'smart-icon', template: "@if(compLib === componentLibrary.PRIMENG) {
|
|
37
|
-
}], ctorParameters: () => [{ type: i1.SmartIconService }, { type: i0.ChangeDetectorRef }, { type:
|
|
43
|
+
args: [{ selector: 'smart-icon', template: "@if(compLib === componentLibrary.PRIMENG) {\r\n<i [ngClass]=\"getIcon(icon)\" [ngStyle]=\"getStyle(color)\"></i>\r\n} @else { @if (isCustom) {\r\n<mat-icon [color]=\"color ?? 'primary'\" svgIcon=\"{{ icon }}\"></mat-icon>\r\n} @else {\r\n<mat-icon [color]=\"color ?? 'primary'\"> {{ icon }} </mat-icon>\r\n} }\r\n" }]
|
|
44
|
+
}], ctorParameters: () => [{ type: i1.SmartIconService }, { type: i0.ChangeDetectorRef }, { type: i4.ComponentLibrary, decorators: [{
|
|
38
45
|
type: Inject,
|
|
39
46
|
args: [COMPONENT_LIBRARY]
|
|
40
47
|
}] }], propDecorators: { iconWithoutNamespace: [{
|
|
@@ -43,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
43
50
|
}], color: [{
|
|
44
51
|
type: Input
|
|
45
52
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi9zbWFydC1pY29uL3NtYXJ0LWljb24vc21hcnQtaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zbWFydC1uZy1jbGllbnQvc3JjL2xpYi9zbWFydC1pY29uL3NtYXJ0LWljb24vc21hcnQtaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7OztBQU9sRyxNQUFNLE9BQU8sa0JBQWtCO0lBUTdCLFlBQ1UsT0FBeUIsRUFDMUIsY0FBaUMsRUFDTixPQUF5QjtRQUZuRCxZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQUMxQixtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFDTixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQVA3RCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFCLHFCQUFnQixHQUFHLGdCQUFnQixDQUFDLENBQUMsa0NBQWtDO0lBTXBFLENBQUM7SUFFSixXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxPQUFPLENBQUMsSUFBWTtRQUNsQixPQUFPLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDekIsQ0FBQztJQUVELFFBQVEsQ0FBQyxTQUFrQjtRQUN6QixPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxLQUFLLENBQUMsU0FBUztRQUNiLElBQUksa0JBQWtCLEdBQUcsTUFBTSxJQUFJLENBQUMsT0FBTyxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQzdGLElBQUksa0JBQWtCLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLGtCQUFrQixDQUFDO1FBQ2pDLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUM7UUFDeEMsQ0FBQztRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDckMsQ0FBQzsrR0FyQ1Usa0JBQWtCLG1GQVduQixpQkFBaUI7bUdBWGhCLGtCQUFrQiwySkNoQi9CLDJUQU9BOzs0RkRTYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsWUFBWTs7MEJBZW5CLE1BQU07MkJBQUMsaUJBQWlCO3lDQVZaLG9CQUFvQjtzQkFBbEMsS0FBSzt1QkFBQyxNQUFNO2dCQUVKLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEluamVjdCxcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU21hcnRJY29uU2VydmljZSB9IGZyb20gJy4uL3NtYXJ0LWljb24uc2VydmljZSc7XHJcbmltcG9ydCB7IENPTVBPTkVOVF9MSUJSQVJZLCBDb21wb25lbnRMaWJyYXJ5IH0gZnJvbSAnLi4vLi4vdmlldy1jb250ZXh0L3V0aWxpdHkvY29tcG9uZW50TGlicmFyeSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NtYXJ0LWljb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1pY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1pY29uLmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNtYXJ0SWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KCdpY29uJykgaWNvbldpdGhvdXROYW1lc3BhY2UhOiBzdHJpbmc7XHJcbiAgaWNvbiE6IHN0cmluZztcclxuICBASW5wdXQoKSBjb2xvcj86IHN0cmluZztcclxuICBpc0N1c3RvbTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb21wb25lbnRMaWJyYXJ5ID0gQ29tcG9uZW50TGlicmFyeTsgLy8gRXhwb3NlIHRoZSBlbnVtIHRvIHRoZSB0ZW1wbGF0ZVxyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgc2VydmljZTogU21hcnRJY29uU2VydmljZSxcclxuICAgIHB1YmxpYyBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBASW5qZWN0KENPTVBPTkVOVF9MSUJSQVJZKSBwdWJsaWMgY29tcExpYjogQ29tcG9uZW50TGlicmFyeVxyXG4gICkge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgdGhpcy5pc0N1c3RvbSA9IGZhbHNlO1xyXG4gICAgdGhpcy5jaGVja0ljb24oKTtcclxuICB9XHJcblxyXG4gIGdldEljb24oaWNvbjogc3RyaW5nKTogc3RyaW5nIHtcclxuICAgIHJldHVybiAncGkgcGktJyArIGljb247XHJcbiAgfVxyXG5cclxuICBnZXRTdHlsZShpY29uY29sb3I/OiBzdHJpbmcpIHtcclxuICAgIHJldHVybiB7IGNvbG9yOiBpY29uY29sb3IgfTtcclxuICB9XHJcblxyXG4gIGFzeW5jIGNoZWNrSWNvbigpOiBQcm9taXNlPHZvaWQ+IHtcclxuICAgIGxldCBmdWxseVF1YWxpZmllZEljb24gPSBhd2FpdCB0aGlzLnNlcnZpY2UuZ2V0RnVsbHlRdWFsaWZpZWRJY29uKHRoaXMuaWNvbldpdGhvdXROYW1lc3BhY2UpO1xyXG4gICAgaWYgKGZ1bGx5UXVhbGlmaWVkSWNvbikge1xyXG4gICAgICB0aGlzLmlzQ3VzdG9tID0gdHJ1ZTtcclxuICAgICAgdGhpcy5pY29uID0gZnVsbHlRdWFsaWZpZWRJY29uO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5pc0N1c3RvbSA9IGZhbHNlO1xyXG4gICAgICB0aGlzLmljb24gPSB0aGlzLmljb25XaXRob3V0TmFtZXNwYWNlO1xyXG4gICAgfVxyXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcbn1cclxuIiwiQGlmKGNvbXBMaWIgPT09IGNvbXBvbmVudExpYnJhcnkuUFJJTUVORykge1xyXG48aSBbbmdDbGFzc109XCJnZXRJY29uKGljb24pXCIgW25nU3R5bGVdPVwiZ2V0U3R5bGUoY29sb3IpXCI+PC9pPlxyXG59IEBlbHNlIHsgQGlmIChpc0N1c3RvbSkge1xyXG48bWF0LWljb24gW2NvbG9yXT1cImNvbG9yID8/ICdwcmltYXJ5J1wiIHN2Z0ljb249XCJ7eyBpY29uIH19XCI+PC9tYXQtaWNvbj5cclxufSBAZWxzZSB7XHJcbjxtYXQtaWNvbiBbY29sb3JdPVwiY29sb3IgPz8gJ3ByaW1hcnknXCI+IHt7IGljb24gfX0gPC9tYXQtaWNvbj5cclxufSB9XHJcbiJdfQ==
|
|
@@ -4805,6 +4805,12 @@ class SmartIconComponent {
|
|
|
4805
4805
|
this.isCustom = false;
|
|
4806
4806
|
this.checkIcon();
|
|
4807
4807
|
}
|
|
4808
|
+
getIcon(icon) {
|
|
4809
|
+
return 'pi pi-' + icon;
|
|
4810
|
+
}
|
|
4811
|
+
getStyle(iconcolor) {
|
|
4812
|
+
return { color: iconcolor };
|
|
4813
|
+
}
|
|
4808
4814
|
async checkIcon() {
|
|
4809
4815
|
let fullyQualifiedIcon = await this.service.getFullyQualifiedIcon(this.iconWithoutNamespace);
|
|
4810
4816
|
if (fullyQualifiedIcon) {
|
|
@@ -4818,11 +4824,11 @@ class SmartIconComponent {
|
|
|
4818
4824
|
this.changeDetector.markForCheck();
|
|
4819
4825
|
}
|
|
4820
4826
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartIconComponent, deps: [{ token: SmartIconService }, { token: i0.ChangeDetectorRef }, { token: COMPONENT_LIBRARY }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4821
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartIconComponent, selector: "smart-icon", inputs: { iconWithoutNamespace: ["icon", "iconWithoutNamespace"], color: "color" }, usesOnChanges: true, ngImport: i0, template: "@if(compLib === componentLibrary.PRIMENG) {
|
|
4827
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartIconComponent, selector: "smart-icon", inputs: { iconWithoutNamespace: ["icon", "iconWithoutNamespace"], color: "color" }, usesOnChanges: true, ngImport: i0, template: "@if(compLib === componentLibrary.PRIMENG) {\r\n<i [ngClass]=\"getIcon(icon)\" [ngStyle]=\"getStyle(color)\"></i>\r\n} @else { @if (isCustom) {\r\n<mat-icon [color]=\"color ?? 'primary'\" svgIcon=\"{{ icon }}\"></mat-icon>\r\n} @else {\r\n<mat-icon [color]=\"color ?? 'primary'\"> {{ icon }} </mat-icon>\r\n} }\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
4822
4828
|
}
|
|
4823
4829
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartIconComponent, decorators: [{
|
|
4824
4830
|
type: Component,
|
|
4825
|
-
args: [{ selector: 'smart-icon', template: "@if(compLib === componentLibrary.PRIMENG) {
|
|
4831
|
+
args: [{ selector: 'smart-icon', template: "@if(compLib === componentLibrary.PRIMENG) {\r\n<i [ngClass]=\"getIcon(icon)\" [ngStyle]=\"getStyle(color)\"></i>\r\n} @else { @if (isCustom) {\r\n<mat-icon [color]=\"color ?? 'primary'\" svgIcon=\"{{ icon }}\"></mat-icon>\r\n} @else {\r\n<mat-icon [color]=\"color ?? 'primary'\"> {{ icon }} </mat-icon>\r\n} }\r\n" }]
|
|
4826
4832
|
}], ctorParameters: () => [{ type: SmartIconService }, { type: i0.ChangeDetectorRef }, { type: ComponentLibrary, decorators: [{
|
|
4827
4833
|
type: Inject,
|
|
4828
4834
|
args: [COMPONENT_LIBRARY]
|