@leanix/components 0.4.257 → 0.4.258
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.
|
@@ -12,11 +12,17 @@ export class IconScaleComponent {
|
|
|
12
12
|
this.iconArray = [];
|
|
13
13
|
}
|
|
14
14
|
ngOnChanges(_changes) {
|
|
15
|
-
this.iconArray = this.createIconArray(this.numberOfColoredItems, this.numberOfItems, this.icon?.
|
|
15
|
+
this.iconArray = this.createIconArray(this.numberOfColoredItems, this.numberOfItems, this.icon?.reverse || false);
|
|
16
16
|
}
|
|
17
|
-
createIconArray(
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
createIconArray(coloredItems, totalItems, reverse) {
|
|
18
|
+
return [...Array(totalItems).keys()].map((index) => {
|
|
19
|
+
if (reverse) {
|
|
20
|
+
return index >= totalItems - coloredItems;
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
return index < coloredItems;
|
|
24
|
+
}
|
|
25
|
+
});
|
|
20
26
|
}
|
|
21
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IconScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
28
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: IconScaleComponent, isStandalone: true, selector: "lx-icon-scale", inputs: { icon: "icon", numberOfColoredItems: "numberOfColoredItems", numberOfItems: "numberOfItems" }, usesOnChanges: true, ngImport: i0, template: "<span\n *ngFor=\"let isColored of iconArray\"\n data-testid=\"icon-scale\"\n class=\"iconElement fas fa-{{ icon.type }}\"\n [ngStyle]=\"isColored ? { color: icon.color } : {}\"\n>\n</span>\n", styles: [".iconElement{color:#c2c9d6;width:15px}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
@@ -31,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
|
|
|
31
37
|
}], numberOfItems: [{
|
|
32
38
|
type: Input
|
|
33
39
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zY2FsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvaWNvbi1zY2FsZS9pY29uLXNjYWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pY29uLXNjYWxlL2ljb24tc2NhbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNEIsTUFBTSxlQUFlLENBQUM7O0FBaUJwRyxNQUFNLE9BQU8sa0JBQWtCO0lBUi9CO1FBU2tCLFNBQUksR0FBUztZQUMzQixJQUFJLEVBQUUsTUFBTTtTQUNiLENBQUM7UUFDYyx5QkFBb0IsR0FBRyxDQUFDLENBQUM7UUFDekIsa0JBQWEsR0FBRyxDQUFDLENBQUM7UUFFekIsU0FBSSxHQUFHLG9CQUFvQixDQUFDO1FBQ3JDLGNBQVMsR0FBYyxFQUFFLENBQUM7S0FlM0I7SUFiUSxXQUFXLENBQUMsUUFBdUI7UUFDeEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFDO0lBQ3BILENBQUM7SUFFTyxlQUFlLENBQUMsWUFBb0IsRUFBRSxVQUFrQixFQUFFLE9BQWdCO1FBQ2hGLE9BQU8sQ0FBQyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ2pELElBQUksT0FBTyxFQUFFO2dCQUNYLE9BQU8sS0FBSyxJQUFJLFVBQVUsR0FBRyxZQUFZLENBQUM7YUFDM0M7aUJBQU07Z0JBQ0wsT0FBTyxLQUFLLEdBQUcsWUFBWSxDQUFDO2FBQzdCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzhHQXRCVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixzTUNsQi9CLG9NQU9BLGtHRFNZLEtBQUssbUhBQUUsT0FBTzs7MkZBRWIsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDOzhCQUdULElBQUk7c0JBQW5CLEtBQUs7Z0JBR1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSWNvbiB7XG4gIC8qKiBGb250LWF3ZXNvbWUgaWNvbiBjbGFzcywgZS5nLiAnYWRkcmVzcy1ib29rJy4gU2VlIGh0dHA6Ly9mb250YXdlc29tZS5pby9pY29ucy8gKi9cbiAgdHlwZTogc3RyaW5nO1xuICBjb2xvcj86IHN0cmluZztcbiAgcmV2ZXJzZT86IGJvb2xlYW47XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2x4LWljb24tc2NhbGUnLFxuICB0ZW1wbGF0ZVVybDogJ2ljb24tc2NhbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnaWNvbi1zY2FsZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nRm9yLCBOZ1N0eWxlXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uU2NhbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbjogSWNvbiA9IHtcbiAgICB0eXBlOiAnc3RhcidcbiAgfTtcbiAgQElucHV0KCkgcHVibGljIG51bWJlck9mQ29sb3JlZEl0ZW1zID0gMDtcbiAgQElucHV0KCkgcHVibGljIG51bWJlck9mSXRlbXMgPSAwO1xuXG4gIHJlYWRvbmx5IE5BTUUgPSAnSWNvblNjYWxlQ29tcG9uZW50JztcbiAgaWNvbkFycmF5OiBib29sZWFuW10gPSBbXTtcblxuICBwdWJsaWMgbmdPbkNoYW5nZXMoX2NoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLmljb25BcnJheSA9IHRoaXMuY3JlYXRlSWNvbkFycmF5KHRoaXMubnVtYmVyT2ZDb2xvcmVkSXRlbXMsIHRoaXMubnVtYmVyT2ZJdGVtcywgdGhpcy5pY29uPy5yZXZlcnNlIHx8IGZhbHNlKTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlSWNvbkFycmF5KGNvbG9yZWRJdGVtczogbnVtYmVyLCB0b3RhbEl0ZW1zOiBudW1iZXIsIHJldmVyc2U6IGJvb2xlYW4pOiBib29sZWFuW10ge1xuICAgIHJldHVybiBbLi4uQXJyYXkodG90YWxJdGVtcykua2V5cygpXS5tYXAoKGluZGV4KSA9PiB7XG4gICAgICBpZiAocmV2ZXJzZSkge1xuICAgICAgICByZXR1cm4gaW5kZXggPj0gdG90YWxJdGVtcyAtIGNvbG9yZWRJdGVtcztcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJldHVybiBpbmRleCA8IGNvbG9yZWRJdGVtcztcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxufVxuIiwiPHNwYW5cbiAgKm5nRm9yPVwibGV0IGlzQ29sb3JlZCBvZiBpY29uQXJyYXlcIlxuICBkYXRhLXRlc3RpZD1cImljb24tc2NhbGVcIlxuICBjbGFzcz1cImljb25FbGVtZW50IGZhcyBmYS17eyBpY29uLnR5cGUgfX1cIlxuICBbbmdTdHlsZV09XCJpc0NvbG9yZWQgPyB7IGNvbG9yOiBpY29uLmNvbG9yIH0gOiB7fVwiXG4+XG48L3NwYW4+XG4iXX0=
|
|
@@ -889,11 +889,17 @@ class IconScaleComponent {
|
|
|
889
889
|
this.iconArray = [];
|
|
890
890
|
}
|
|
891
891
|
ngOnChanges(_changes) {
|
|
892
|
-
this.iconArray = this.createIconArray(this.numberOfColoredItems, this.numberOfItems, this.icon?.
|
|
892
|
+
this.iconArray = this.createIconArray(this.numberOfColoredItems, this.numberOfItems, this.icon?.reverse || false);
|
|
893
893
|
}
|
|
894
|
-
createIconArray(
|
|
895
|
-
|
|
896
|
-
|
|
894
|
+
createIconArray(coloredItems, totalItems, reverse) {
|
|
895
|
+
return [...Array(totalItems).keys()].map((index) => {
|
|
896
|
+
if (reverse) {
|
|
897
|
+
return index >= totalItems - coloredItems;
|
|
898
|
+
}
|
|
899
|
+
else {
|
|
900
|
+
return index < coloredItems;
|
|
901
|
+
}
|
|
902
|
+
});
|
|
897
903
|
}
|
|
898
904
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IconScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
899
905
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: IconScaleComponent, isStandalone: true, selector: "lx-icon-scale", inputs: { icon: "icon", numberOfColoredItems: "numberOfColoredItems", numberOfItems: "numberOfItems" }, usesOnChanges: true, ngImport: i0, template: "<span\n *ngFor=\"let isColored of iconArray\"\n data-testid=\"icon-scale\"\n class=\"iconElement fas fa-{{ icon.type }}\"\n [ngStyle]=\"isColored ? { color: icon.color } : {}\"\n>\n</span>\n", styles: [".iconElement{color:#c2c9d6;width:15px}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|