@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?.reverse || false);
15
+ this.iconArray = this.createIconArray(this.numberOfColoredItems, this.numberOfItems, this.icon?.order || 'ASC');
16
16
  }
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
- });
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zY2FsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9jb3JlLXVpL2NvbXBvbmVudHMvaWNvbi1zY2FsZS9pY29uLXNjYWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvcmUtdWkvY29tcG9uZW50cy9pY29uLXNjYWxlL2ljb24tc2NhbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBNEIsTUFBTSxlQUFlLENBQUM7O0FBaUJwRyxNQUFNLE9BQU8sa0JBQWtCO0lBUi9CO1FBU2tCLFNBQUksR0FBUztZQUMzQixJQUFJLEVBQUUsTUFBTTtTQUNiLENBQUM7UUFDYyx5QkFBb0IsR0FBRyxDQUFDLENBQUM7UUFDekIsa0JBQWEsR0FBRyxDQUFDLENBQUM7UUFFekIsU0FBSSxHQUFHLG9CQUFvQixDQUFDO1FBQ3JDLGNBQVMsR0FBYyxFQUFFLENBQUM7S0FlM0I7SUFiUSxXQUFXLENBQUMsUUFBdUI7UUFDeEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFDO0lBQ3BILENBQUM7SUFFTyxlQUFlLENBQUMsWUFBb0IsRUFBRSxVQUFrQixFQUFFLE9BQWdCO1FBQ2hGLE9BQU8sQ0FBQyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ2pELElBQUksT0FBTyxFQUFFO2dCQUNYLE9BQU8sS0FBSyxJQUFJLFVBQVUsR0FBRyxZQUFZLENBQUM7YUFDM0M7aUJBQU07Z0JBQ0wsT0FBTyxLQUFLLEdBQUcsWUFBWSxDQUFDO2FBQzdCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzhHQXRCVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixzTUNsQi9CLG9NQU9BLGtHRFNZLEtBQUssbUhBQUUsT0FBTzs7MkZBRWIsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDOzhCQUdULElBQUk7c0JBQW5CLEtBQUs7Z0JBR1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSWNvbiB7XG4gIC8qKiBGb250LWF3ZXNvbWUgaWNvbiBjbGFzcywgZS5nLiAnYWRkcmVzcy1ib29rJy4gU2VlIGh0dHA6Ly9mb250YXdlc29tZS5pby9pY29ucy8gKi9cbiAgdHlwZTogc3RyaW5nO1xuICBjb2xvcj86IHN0cmluZztcbiAgcmV2ZXJzZT86IGJvb2xlYW47XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2x4LWljb24tc2NhbGUnLFxuICB0ZW1wbGF0ZVVybDogJ2ljb24tc2NhbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnaWNvbi1zY2FsZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nRm9yLCBOZ1N0eWxlXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uU2NhbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbjogSWNvbiA9IHtcbiAgICB0eXBlOiAnc3RhcidcbiAgfTtcbiAgQElucHV0KCkgcHVibGljIG51bWJlck9mQ29sb3JlZEl0ZW1zID0gMDtcbiAgQElucHV0KCkgcHVibGljIG51bWJlck9mSXRlbXMgPSAwO1xuXG4gIHJlYWRvbmx5IE5BTUUgPSAnSWNvblNjYWxlQ29tcG9uZW50JztcbiAgaWNvbkFycmF5OiBib29sZWFuW10gPSBbXTtcblxuICBwdWJsaWMgbmdPbkNoYW5nZXMoX2NoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLmljb25BcnJheSA9IHRoaXMuY3JlYXRlSWNvbkFycmF5KHRoaXMubnVtYmVyT2ZDb2xvcmVkSXRlbXMsIHRoaXMubnVtYmVyT2ZJdGVtcywgdGhpcy5pY29uPy5yZXZlcnNlIHx8IGZhbHNlKTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlSWNvbkFycmF5KGNvbG9yZWRJdGVtczogbnVtYmVyLCB0b3RhbEl0ZW1zOiBudW1iZXIsIHJldmVyc2U6IGJvb2xlYW4pOiBib29sZWFuW10ge1xuICAgIHJldHVybiBbLi4uQXJyYXkodG90YWxJdGVtcykua2V5cygpXS5tYXAoKGluZGV4KSA9PiB7XG4gICAgICBpZiAocmV2ZXJzZSkge1xuICAgICAgICByZXR1cm4gaW5kZXggPj0gdG90YWxJdGVtcyAtIGNvbG9yZWRJdGVtcztcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJldHVybiBpbmRleCA8IGNvbG9yZWRJdGVtcztcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxufVxuIiwiPHNwYW5cbiAgKm5nRm9yPVwibGV0IGlzQ29sb3JlZCBvZiBpY29uQXJyYXlcIlxuICBkYXRhLXRlc3RpZD1cImljb24tc2NhbGVcIlxuICBjbGFzcz1cImljb25FbGVtZW50IGZhcyBmYS17eyBpY29uLnR5cGUgfX1cIlxuICBbbmdTdHlsZV09XCJpc0NvbG9yZWQgPyB7IGNvbG9yOiBpY29uLmNvbG9yIH0gOiB7fVwiXG4+XG48L3NwYW4+XG4iXX0=
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?.reverse || false);
892
+ this.iconArray = this.createIconArray(this.numberOfColoredItems, this.numberOfItems, this.icon?.order || 'ASC');
893
893
  }
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
- });
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 }); }