@leanix/components 0.4.258 → 0.4.260
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/core-ui/components/icon-scale/icon-scale.component.mjs +5 -11
- package/esm2022/lib/forms-ui/components/pill-item/pill-item.component.mjs +3 -3
- package/fesm2022/leanix-components.mjs +6 -12
- package/fesm2022/leanix-components.mjs.map +1 -1
- package/lib/core-ui/components/icon-scale/icon-scale.component.d.ts +2 -0
- package/package.json +1 -1
|
@@ -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==
|
|
@@ -13,11 +13,11 @@ export class PillItemComponent {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: PillItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: PillItemComponent, isStandalone: true, selector: "lx-pill-item", inputs: { item: "item", label: "label", disabled: "disabled" }, outputs: { remove: "remove" }, host: { properties: { "class.disabled": "this.disabled" } }, ngImport: i0, template: "<span data-testid=\"pill-label\" class=\"pillLabel\">{{ label }}</span>\n<span *ngIf=\"!disabled\" data-testid=\"remove-pill-item\" (click)=\"removePill(item, true)\" class=\"remove far fa-times\"></span>\n", styles: [":host{margin:2px;border-radius:1px;border:solid 1px #
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: PillItemComponent, isStandalone: true, selector: "lx-pill-item", inputs: { item: "item", label: "label", disabled: "disabled" }, outputs: { remove: "remove" }, host: { properties: { "class.disabled": "this.disabled" } }, ngImport: i0, template: "<span data-testid=\"pill-label\" class=\"pillLabel\">{{ label }}</span>\n<span *ngIf=\"!disabled\" data-testid=\"remove-pill-item\" (click)=\"removePill(item, true)\" class=\"remove far fa-times\"></span>\n", styles: [":host{margin:2px;border-radius:1px;border:solid 1px #f0f2f5;background-color:#f0f2f5;color:#2a303d;display:inline-block;padding:4px}:host:hover{background-color:#e1e5eb;border:solid 1px #e1e5eb}:host-context(.selected){background-color:#e1e5eb}.pillLabel{margin-left:4px;margin-right:4px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;vertical-align:middle}.remove{vertical-align:middle;margin:0 4px}.remove:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: PillItemComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'lx-pill-item', standalone: true, imports: [NgIf], template: "<span data-testid=\"pill-label\" class=\"pillLabel\">{{ label }}</span>\n<span *ngIf=\"!disabled\" data-testid=\"remove-pill-item\" (click)=\"removePill(item, true)\" class=\"remove far fa-times\"></span>\n", styles: [":host{margin:2px;border-radius:1px;border:solid 1px #
|
|
20
|
+
args: [{ selector: 'lx-pill-item', standalone: true, imports: [NgIf], template: "<span data-testid=\"pill-label\" class=\"pillLabel\">{{ label }}</span>\n<span *ngIf=\"!disabled\" data-testid=\"remove-pill-item\" (click)=\"removePill(item, true)\" class=\"remove far fa-times\"></span>\n", styles: [":host{margin:2px;border-radius:1px;border:solid 1px #f0f2f5;background-color:#f0f2f5;color:#2a303d;display:inline-block;padding:4px}:host:hover{background-color:#e1e5eb;border:solid 1px #e1e5eb}:host-context(.selected){background-color:#e1e5eb}.pillLabel{margin-left:4px;margin-right:4px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;vertical-align:middle}.remove{vertical-align:middle;margin:0 4px}.remove:hover{cursor:pointer}\n"] }]
|
|
21
21
|
}], propDecorators: { item: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], label: [{
|
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImpor
|
|
|
30
30
|
}], remove: [{
|
|
31
31
|
type: Output
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2Zvcm1zLXVpL2NvbXBvbmVudHMvcGlsbC1pdGVtL3BpbGwtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9mb3Jtcy11aS9jb21wb25lbnRzL3BpbGwtaXRlbS9waWxsLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVVwRixNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBUVcsU0FBSSxHQUFHLG1CQUFtQixDQUFDO1FBSUksYUFBUSxHQUFZLEtBQUssQ0FBQztRQUV4RCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQThCLENBQUM7S0FPbkU7SUFMQyxVQUFVLENBQUMsSUFBUyxFQUFFLFVBQW1CLEtBQUs7UUFDNUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztTQUNyQztJQUNILENBQUM7OEdBYlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsb09DWDlCLGdOQUVBLHloQkRPWSxJQUFJOzsyRkFFSCxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsY0FBYyxjQUdaLElBQUksV0FDUCxDQUFDLElBQUksQ0FBQzs4QkFLTixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNrQyxRQUFRO3NCQUEvQyxXQUFXO3VCQUFDLGdCQUFnQjs7c0JBQUcsS0FBSztnQkFFM0IsTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE11bHRpU2VsZWN0UmVtb3ZlSXRlbUV2ZW50IH0gZnJvbSAnLi4vbXVsdGktc2VsZWN0L211bHRpLXNlbGVjdC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdseC1waWxsLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJ3BpbGwtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydwaWxsLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWZdXG59KVxuZXhwb3J0IGNsYXNzIFBpbGxJdGVtQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgTkFNRSA9ICdQaWxsSXRlbUNvbXBvbmVudCc7XG5cbiAgQElucHV0KCkgaXRlbSE6IGFueTtcbiAgQElucHV0KCkgbGFiZWwhOiBzdHJpbmc7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGlzYWJsZWQnKSBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSByZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyPE11bHRpU2VsZWN0UmVtb3ZlSXRlbUV2ZW50PigpO1xuXG4gIHJlbW92ZVBpbGwoaXRlbTogYW55LCBpc01vdXNlOiBib29sZWFuID0gZmFsc2UpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMucmVtb3ZlLmVtaXQoeyBpdGVtLCBpc01vdXNlIH0pO1xuICAgIH1cbiAgfVxufVxuIiwiPHNwYW4gZGF0YS10ZXN0aWQ9XCJwaWxsLWxhYmVsXCIgY2xhc3M9XCJwaWxsTGFiZWxcIj57eyBsYWJlbCB9fTwvc3Bhbj5cbjxzcGFuICpuZ0lmPVwiIWRpc2FibGVkXCIgZGF0YS10ZXN0aWQ9XCJyZW1vdmUtcGlsbC1pdGVtXCIgKGNsaWNrKT1cInJlbW92ZVBpbGwoaXRlbSwgdHJ1ZSlcIiBjbGFzcz1cInJlbW92ZSBmYXIgZmEtdGltZXNcIj48L3NwYW4+XG4iXX0=
|
|
@@ -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 }); }
|
|
@@ -6881,11 +6875,11 @@ class PillItemComponent {
|
|
|
6881
6875
|
}
|
|
6882
6876
|
}
|
|
6883
6877
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: PillItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6884
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: PillItemComponent, isStandalone: true, selector: "lx-pill-item", inputs: { item: "item", label: "label", disabled: "disabled" }, outputs: { remove: "remove" }, host: { properties: { "class.disabled": "this.disabled" } }, ngImport: i0, template: "<span data-testid=\"pill-label\" class=\"pillLabel\">{{ label }}</span>\n<span *ngIf=\"!disabled\" data-testid=\"remove-pill-item\" (click)=\"removePill(item, true)\" class=\"remove far fa-times\"></span>\n", styles: [":host{margin:2px;border-radius:1px;border:solid 1px #
|
|
6878
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: PillItemComponent, isStandalone: true, selector: "lx-pill-item", inputs: { item: "item", label: "label", disabled: "disabled" }, outputs: { remove: "remove" }, host: { properties: { "class.disabled": "this.disabled" } }, ngImport: i0, template: "<span data-testid=\"pill-label\" class=\"pillLabel\">{{ label }}</span>\n<span *ngIf=\"!disabled\" data-testid=\"remove-pill-item\" (click)=\"removePill(item, true)\" class=\"remove far fa-times\"></span>\n", styles: [":host{margin:2px;border-radius:1px;border:solid 1px #f0f2f5;background-color:#f0f2f5;color:#2a303d;display:inline-block;padding:4px}:host:hover{background-color:#e1e5eb;border:solid 1px #e1e5eb}:host-context(.selected){background-color:#e1e5eb}.pillLabel{margin-left:4px;margin-right:4px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;vertical-align:middle}.remove{vertical-align:middle;margin:0 4px}.remove:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
6885
6879
|
}
|
|
6886
6880
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: PillItemComponent, decorators: [{
|
|
6887
6881
|
type: Component,
|
|
6888
|
-
args: [{ selector: 'lx-pill-item', standalone: true, imports: [NgIf], template: "<span data-testid=\"pill-label\" class=\"pillLabel\">{{ label }}</span>\n<span *ngIf=\"!disabled\" data-testid=\"remove-pill-item\" (click)=\"removePill(item, true)\" class=\"remove far fa-times\"></span>\n", styles: [":host{margin:2px;border-radius:1px;border:solid 1px #
|
|
6882
|
+
args: [{ selector: 'lx-pill-item', standalone: true, imports: [NgIf], template: "<span data-testid=\"pill-label\" class=\"pillLabel\">{{ label }}</span>\n<span *ngIf=\"!disabled\" data-testid=\"remove-pill-item\" (click)=\"removePill(item, true)\" class=\"remove far fa-times\"></span>\n", styles: [":host{margin:2px;border-radius:1px;border:solid 1px #f0f2f5;background-color:#f0f2f5;color:#2a303d;display:inline-block;padding:4px}:host:hover{background-color:#e1e5eb;border:solid 1px #e1e5eb}:host-context(.selected){background-color:#e1e5eb}.pillLabel{margin-left:4px;margin-right:4px;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;vertical-align:middle}.remove{vertical-align:middle;margin:0 4px}.remove:hover{cursor:pointer}\n"] }]
|
|
6889
6883
|
}], propDecorators: { item: [{
|
|
6890
6884
|
type: Input
|
|
6891
6885
|
}], label: [{
|