Mirrors/lucide
1
0
Fork 0
mirror of https://github.com/lucide-icons/lucide.git synced 2025-12-16 17:57:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

[lucide-angular] Fixes change detection issue with legacy img input setter (#1129)

Browse Source 
* [lucide-angular] Fixes img setter alias

* fixes change detection issue with img setter

---------

Co-authored-by: Karsa <karsa@karsa.org>
This commit is contained in:
Karsa
2023-04-20 18:25:18 +02:00
committed by GitHub
parent a87ae2a92b
commit 84ec1620a8
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/lucide-angular/src/lib/lucide-angular.component.ts
View File

@@ -11,6 +11,7 @@ interface TypedChange<T> extends SimpleChange {
type LucideAngularComponentChanges = {
name?: TypedChange<string|LucideIconData>;
img?: TypedChange<LucideIconData|undefined>;
color?: TypedChange<string>;
size?: TypedChange<number>;
strokeWidth?: TypedChange<number>;
@@ -30,7 +31,7 @@ export class LucideAngularComponent implements OnChanges {
@Input() name?: string|LucideIconData;
@Input() set img(img: LucideIconData) {
this.name = img;
}
};
@Input() color?: string;
_size?: number;
get size(): number {
@@ -70,8 +71,8 @@ export class LucideAngularComponent implements OnChanges {
this.strokeWidth ?? this.iconConfig.strokeWidth
);
this.absoluteStrokeWidth = this.absoluteStrokeWidth ?? false;
if (changes.name) {
const name = changes.name.currentValue;
if (changes.name || changes.img) {
const name = changes.img?.currentValue ?? changes.name?.currentValue;
if (typeof name === 'string') {
const icoOfName = this.getIcon(this.toPascalCase(name));
if (icoOfName) {
@@ -79,8 +80,10 @@ export class LucideAngularComponent implements OnChanges {
} else {
throw new Error(`The "${name}" icon has not been provided by any available icon providers.`);
}
} else {
} else if (typeof name === 'object') {
this.replaceElement(name);
} else {
throw new Error(`No icon name or image has been provided.`);
}
}