@leanix/components 0.4.256 → 0.4.257
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,17 +12,11 @@ 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?.order || 'ASC');
|
16
16
|
}
|
17
|
-
createIconArray(
|
18
|
-
|
19
|
-
|
20
|
-
return index >= totalItems - coloredItems;
|
21
|
-
}
|
22
|
-
else {
|
23
|
-
return index < coloredItems;
|
24
|
-
}
|
25
|
-
});
|
17
|
+
createIconArray(items, totalItems, order) {
|
18
|
+
const coloredItems = order === 'DESC' ? totalItems - items + 1 : items;
|
19
|
+
return [...Array(totalItems).keys()].map((index) => index < coloredItems);
|
26
20
|
}
|
27
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IconScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
28
22
|
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 }); }
|
@@ -37,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
|
|
37
31
|
}], numberOfItems: [{
|
38
32
|
type: Input
|
39
33
|
}] } });
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zY2FsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvaWNvbi1zY2FsZS9pY29uLXNjYWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pY29uLXNjYWxlL2ljb24tc2NhbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNEIsTUFBTSxlQUFlLENBQUM7O0FBbUJwRyxNQUFNLE9BQU8sa0JBQWtCO0lBUi9CO1FBU2tCLFNBQUksR0FBUztZQUMzQixJQUFJLEVBQUUsTUFBTTtTQUNiLENBQUM7UUFDYyx5QkFBb0IsR0FBRyxDQUFDLENBQUM7UUFDekIsa0JBQWEsR0FBRyxDQUFDLENBQUM7UUFFekIsU0FBSSxHQUFHLG9CQUFvQixDQUFDO1FBQ3JDLGNBQVMsR0FBYyxFQUFFLENBQUM7S0FXM0I7SUFUUSxXQUFXLENBQUMsUUFBdUI7UUFDeEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxJQUFJLEtBQUssQ0FBQyxDQUFDO0lBQ2xILENBQUM7SUFFTyxlQUFlLENBQUMsS0FBYSxFQUFFLFVBQWtCLEVBQUUsS0FBcUI7UUFDOUUsTUFBTSxZQUFZLEdBQUcsS0FBSyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBVSxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUV2RSxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssR0FBRyxZQUFZLENBQUMsQ0FBQztJQUM1RSxDQUFDOzhHQWxCVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixzTUNwQi9CLG9NQU9BLGtHRFdZLEtBQUssbUhBQUUsT0FBTzs7MkZBRWIsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDOzhCQUdULElBQUk7c0JBQW5CLEtBQUs7Z0JBR1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSWNvbiB7XG4gIC8qKiBGb250LWF3ZXNvbWUgaWNvbiBjbGFzcywgZS5nLiAnYWRkcmVzcy1ib29rJy4gU2VlIGh0dHA6Ly9mb250YXdlc29tZS5pby9pY29ucy8gKi9cbiAgdHlwZTogc3RyaW5nO1xuICBjb2xvcj86IHN0cmluZztcbiAgLyoqIEBkZXByZWNhdGVkICovXG4gIHJldmVyc2U/OiBib29sZWFuO1xuICBvcmRlcj86ICdBU0MnIHwgJ0RFU0MnO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1pY29uLXNjYWxlJyxcbiAgdGVtcGxhdGVVcmw6ICdpY29uLXNjYWxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2ljb24tc2NhbGUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0ZvciwgTmdTdHlsZV1cbn0pXG5leHBvcnQgY2xhc3MgSWNvblNjYWxlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcHVibGljIGljb246IEljb24gPSB7XG4gICAgdHlwZTogJ3N0YXInXG4gIH07XG4gIEBJbnB1dCgpIHB1YmxpYyBudW1iZXJPZkNvbG9yZWRJdGVtcyA9IDA7XG4gIEBJbnB1dCgpIHB1YmxpYyBudW1iZXJPZkl0ZW1zID0gMDtcblxuICByZWFkb25seSBOQU1FID0gJ0ljb25TY2FsZUNvbXBvbmVudCc7XG4gIGljb25BcnJheTogYm9vbGVhbltdID0gW107XG5cbiAgcHVibGljIG5nT25DaGFuZ2VzKF9jaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgdGhpcy5pY29uQXJyYXkgPSB0aGlzLmNyZWF0ZUljb25BcnJheSh0aGlzLm51bWJlck9mQ29sb3JlZEl0ZW1zLCB0aGlzLm51bWJlck9mSXRlbXMsIHRoaXMuaWNvbj8ub3JkZXIgfHwgJ0FTQycpO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVJY29uQXJyYXkoaXRlbXM6IG51bWJlciwgdG90YWxJdGVtczogbnVtYmVyLCBvcmRlcjogJ0FTQycgfCAnREVTQycpOiBib29sZWFuW10ge1xuICAgIGNvbnN0IGNvbG9yZWRJdGVtcyA9IG9yZGVyID09PSAnREVTQycgPyB0b3RhbEl0ZW1zIC0gaXRlbXMgKyAxIDogaXRlbXM7XG5cbiAgICByZXR1cm4gWy4uLkFycmF5KHRvdGFsSXRlbXMpLmtleXMoKV0ubWFwKChpbmRleCkgPT4gaW5kZXggPCBjb2xvcmVkSXRlbXMpO1xuICB9XG59XG4iLCI8c3BhblxuICAqbmdGb3I9XCJsZXQgaXNDb2xvcmVkIG9mIGljb25BcnJheVwiXG4gIGRhdGEtdGVzdGlkPVwiaWNvbi1zY2FsZVwiXG4gIGNsYXNzPVwiaWNvbkVsZW1lbnQgZmFzIGZhLXt7IGljb24udHlwZSB9fVwiXG4gIFtuZ1N0eWxlXT1cImlzQ29sb3JlZCA/IHsgY29sb3I6IGljb24uY29sb3IgfSA6IHt9XCJcbj5cbjwvc3Bhbj5cbiJdfQ==
|
@@ -889,17 +889,11 @@ 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?.order || 'ASC');
|
893
893
|
}
|
894
|
-
createIconArray(
|
895
|
-
|
896
|
-
|
897
|
-
return index >= totalItems - coloredItems;
|
898
|
-
}
|
899
|
-
else {
|
900
|
-
return index < coloredItems;
|
901
|
-
}
|
902
|
-
});
|
894
|
+
createIconArray(items, totalItems, order) {
|
895
|
+
const coloredItems = order === 'DESC' ? totalItems - items + 1 : items;
|
896
|
+
return [...Array(totalItems).keys()].map((index) => index < coloredItems);
|
903
897
|
}
|
904
898
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: IconScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
905
899
|
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 }); }
|