@animateicons/angular 0.0.0-stage → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# @animateicons/angular
+
+## 0.2.0
+
+- Added 330 Lucide icons to the `lucide` subpath, so there are now 1500 (999 Lucide and 501 Huge). The same set as `@animateicons/react` 0.13.0, for example `ArrowBigDown`, `MonitorCheck`, `MapPinPlus`, `CalendarSync` and `StarHalf`.
+- Shields now tilt on their bottom tip like they took a hit, and `Database` and `DatabaseBackup` drop a small record into the open top, the same as in React.
+- Requires `@animateicons/vanilla` 0.2.0. No API changes.
+
+## 0.1.0
+
+- First release. The standalone `AnimateIcons` component with signal inputs, and 1170 animated icons (669 Lucide and 501 Huge) as data from the `lucide` and `huge` subpaths.
+- Supports Angular 20, 21 and 22, zoneless apps and zone.js apps, and renders the icon at rest on the server. Plays the same animations as `@animateicons/react`.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Avijit Dey
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,75 @@
-# Temporary Holding Version
+# @animateicons/angular
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+1170 animated SVG icons for Angular. One standalone component with signal inputs, server rendering and zoneless support. The same motion as [`@animateicons/react`](https://www.npmjs.com/package/@animateicons/react).
+
+[![npm](https://img.shields.io/npm/v/@animateicons/angular?color=f45b48)](https://www.npmjs.com/package/@animateicons/angular)
+[![license](https://img.shields.io/npm/l/@animateicons/angular?color=f45b48)](./LICENSE)
+
+Docs: [animateicons.in/icons/docs/angular](https://animateicons.in/icons/docs/angular). Browse every icon at [animateicons.in](https://animateicons.in).
+
+## Installation
+
+```bash
+npm i @animateicons/angular
+```
+
+Works with Angular 20, 21 and 22, with or without zone.js.
+
+## Usage
+
+```ts
+import { Component } from "@angular/core";
+import { AnimateIcons } from "@animateicons/angular";
+import { BellRing } from "@animateicons/angular/lucide";
+
+@Component({
+	selector: "app-example",
+	imports: [AnimateIcons],
+	template: `<animate-icons [icon]="bellRing" [size]="32" color="tomato" />`,
+})
+export class Example {
+	bellRing = BellRing;
+}
+```
+
+Icons are data, named after the icon in PascalCase (`bell-ring` is `BellRing`), and come from the `lucide` or `huge` subpath. The icon animates on hover. Server rendering outputs the whole icon at rest.
+
+## Playing it yourself
+
+```ts
+import { Component, viewChild } from "@angular/core";
+import { AnimateIcons } from "@animateicons/angular";
+import { Bell } from "@animateicons/angular/lucide";
+
+@Component({
+	selector: "app-bell-button",
+	imports: [AnimateIcons],
+	template: `
+		<button (click)="icon()?.startAnimation()">
+			<animate-icons [icon]="bell" [isAnimated]="false" />
+		</button>
+	`,
+})
+export class BellButton {
+	bell = Bell;
+	icon = viewChild(AnimateIcons);
+}
+```
+
+`[isAnimated]="false"` turns hover off so the icon only plays when you call `startAnimation()`. The animation runs outside Angular's change detection, so hovering never re-checks your page.
+
+## Inputs
+
+| Input        | Type       | Default        |
+| ------------ | ---------- | -------------- |
+| `icon`       | `IconData` | required       |
+| `size`       | `number`   | `24`           |
+| `color`      | `string`   | `currentColor` |
+| `duration`   | `number`   | `1`            |
+| `isAnimated` | `boolean`  | `true`         |
+
+`duration` multiplies every duration and delay. With reduced motion turned on, hover does nothing and `startAnimation()` keeps the icon at rest.
+
+## License
+
+MIT. The icon shapes come from Lucide and Huge Icons, see [THIRD_PARTY_NOTICES.md](./THIRD_PARTY_NOTICES.md).

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,81 @@
+# Third-party notices
+
+AnimateIcons icons are based on icon shapes from the projects below. Their licenses say the copyright notice must stay with copies of the icons, so the notices are included here.
+
+## Lucide
+
+Source: https://github.com/lucide-icons/lucide
+
+```
+ISC License
+
+Copyright (c) 2026 Lucide Icons and Contributors
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+```
+
+### Feather
+
+Some Lucide icons are derived from Feather (https://github.com/feathericons/feather). Lucide lists them in its license file: https://github.com/lucide-icons/lucide/blob/main/LICENSE
+
+```
+The MIT License (MIT)
+
+Copyright (c) 2013-present Cole Bemis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```
+
+## Hugeicons
+
+Source: https://github.com/hugeicons/hugeicons (the free `@hugeicons/core-free-icons` set)
+
+```
+MIT License
+
+Copyright (c) 2025 Hugeicons
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+```

package/fesm2022/animateicons-angular-huge.mjs

@@ -0,0 +1 @@
+export * from "@animateicons/vanilla/huge";

package/fesm2022/animateicons-angular-lucide.mjs

@@ -0,0 +1 @@
+export * from "@animateicons/vanilla/lucide";

package/fesm2022/animateicons-angular.mjs

@@ -0,0 +1,183 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DOCUMENT, ElementRef, NgZone, afterRenderEffect, booleanAttribute, effect, inject, input, numberAttribute, signal } from "@angular/core";
+import { attachIcon, renderIcon } from "@animateicons/vanilla";
+var AnimateIcons = class AnimateIcons {
+	icon = input.required(...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
+	size = input(24, {
+		...ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	color = input(...ngDevMode ? [void 0, { debugName: "color" }] : /* istanbul ignore next */ []);
+	duration = input(1, {
+		...ngDevMode ? { debugName: "duration" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	isAnimated = input(true, {
+		...ngDevMode ? { debugName: "isAnimated" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	host = inject(ElementRef).nativeElement;
+	document = inject(DOCUMENT);
+	zone = inject(NgZone);
+	svg = signal(void 0, ...ngDevMode ? [{ debugName: "svg" }] : /* istanbul ignore next */ []);
+	mounted;
+	constructor() {
+		effect(() => {
+			const svg = renderIcon(this.icon(), this.size(), this.document);
+			while (this.host.firstChild) this.host.removeChild(this.host.firstChild);
+			this.host.appendChild(svg);
+			this.svg.set(svg);
+		});
+		afterRenderEffect((onCleanup) => {
+			const svg = this.svg();
+			if (!svg) return;
+			const icon = this.icon();
+			const options = {
+				duration: this.duration(),
+				isAnimated: this.isAnimated()
+			};
+			const mounted = this.zone.runOutsideAngular(() => attachIcon(this.host, svg, icon, options));
+			this.mounted = mounted;
+			onCleanup(() => {
+				mounted.destroy();
+				if (this.mounted === mounted) this.mounted = void 0;
+			});
+		});
+	}
+	startAnimation() {
+		this.zone.runOutsideAngular(() => this.mounted?.startAnimation());
+	}
+	stopAnimation() {
+		this.zone.runOutsideAngular(() => this.mounted?.stopAnimation());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: AnimateIcons,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: AnimateIcons,
+		isStandalone: true,
+		selector: "animate-icons",
+		inputs: {
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			color: {
+				classPropertyName: "color",
+				publicName: "color",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			duration: {
+				classPropertyName: "duration",
+				publicName: "duration",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			isAnimated: {
+				classPropertyName: "isAnimated",
+				publicName: "isAnimated",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "ngSkipHydration": "true" },
+			properties: {
+				"style.position": "'relative'",
+				"style.display": "'inline-flex'",
+				"style.color": "color()"
+			}
+		},
+		ngImport: i0,
+		template: "",
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: AnimateIcons,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "animate-icons",
+			template: "",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				ngSkipHydration: "true",
+				"[style.position]": "'relative'",
+				"[style.display]": "'inline-flex'",
+				"[style.color]": "color()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: true
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		color: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "color",
+				required: false
+			}]
+		}],
+		duration: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "duration",
+				required: false
+			}]
+		}],
+		isAnimated: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isAnimated",
+				required: false
+			}]
+		}]
+	}
+});
+export { AnimateIcons };
+
+//# sourceMappingURL=animateicons-angular.mjs.map

package/fesm2022/animateicons-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animateicons-angular.mjs","names":[],"sources":["../../src/animate-icons.ts"],"sourcesContent":["import {\n\tafterRenderEffect,\n\tbooleanAttribute,\n\tChangeDetectionStrategy,\n\tComponent,\n\tDOCUMENT,\n\teffect,\n\tElementRef,\n\tinject,\n\tinput,\n\tNgZone,\n\tnumberAttribute,\n\tsignal,\n} from \"@angular/core\";\nimport {\n\tattachIcon,\n\trenderIcon,\n\ttype IconControls,\n\ttype IconData,\n\ttype MountedIcon,\n} from \"@animateicons/vanilla\";\n\n@Component({\n\tselector: \"animate-icons\",\n\ttemplate: \"\",\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tngSkipHydration: \"true\",\n\t\t\"[style.position]\": \"'relative'\",\n\t\t\"[style.display]\": \"'inline-flex'\",\n\t\t\"[style.color]\": \"color()\",\n\t},\n})\nexport class AnimateIcons implements IconControls {\n\treadonly icon = input.required<IconData>();\n\treadonly size = input(24, { transform: numberAttribute });\n\treadonly color = input<string>();\n\treadonly duration = input(1, { transform: numberAttribute });\n\treadonly isAnimated = input(true, { transform: booleanAttribute });\n\n\tprivate readonly host: HTMLElement = inject(ElementRef).nativeElement;\n\tprivate readonly document = inject(DOCUMENT);\n\tprivate readonly zone = inject(NgZone);\n\tprivate readonly svg = signal<SVGSVGElement | undefined>(undefined);\n\tprivate mounted: MountedIcon | undefined;\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst svg = renderIcon(this.icon(), this.size(), this.document);\n\t\t\twhile (this.host.firstChild) this.host.removeChild(this.host.firstChild);\n\t\t\tthis.host.appendChild(svg);\n\t\t\tthis.svg.set(svg);\n\t\t});\n\n\t\tafterRenderEffect((onCleanup) => {\n\t\t\tconst svg = this.svg();\n\t\t\tif (!svg) return;\n\t\t\tconst icon = this.icon();\n\t\t\tconst options = {\n\t\t\t\tduration: this.duration(),\n\t\t\t\tisAnimated: this.isAnimated(),\n\t\t\t};\n\t\t\tconst mounted = this.zone.runOutsideAngular(() =>\n\t\t\t\tattachIcon(this.host, svg, icon, options),\n\t\t\t);\n\t\t\tthis.mounted = mounted;\n\t\t\tonCleanup(() => {\n\t\t\t\tmounted.destroy();\n\t\t\t\tif (this.mounted === mounted) this.mounted = undefined;\n\t\t\t});\n\t\t});\n\t}\n\n\tstartAnimation() {\n\t\tthis.zone.runOutsideAngular(() => this.mounted?.startAnimation());\n\t}\n\n\tstopAnimation() {\n\t\tthis.zone.runOutsideAngular(() => this.mounted?.stopAnimation());\n\t}\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,57 @@
 {
-  "name": "@animateicons/angular",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+	"name": "@animateicons/angular",
+	"version": "0.2.0",
+	"description": "Animated SVG icons for Angular. One standalone component with signal inputs, server rendering and zoneless support, with the same motion as @animateicons/react.",
+	"license": "MIT",
+	"author": "Avijit Dey",
+	"homepage": "https://animateicons.in",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/Avijit07x/animateicons.git",
+		"directory": "angular"
+	},
+	"bugs": {
+		"url": "https://github.com/Avijit07x/animateicons/issues"
+	},
+	"keywords": [
+		"icons",
+		"animated icons",
+		"animated svg",
+		"angular icons",
+		"angular",
+		"standalone component",
+		"motion icons",
+		"svg icons",
+		"lucide animated",
+		"huge animated",
+		"free animated icons"
+	],
+	"sideEffects": false,
+	"peerDependencies": {
+		"@angular/core": "^20.0.0 || ^21.0.0 || ^22.0.0"
+	},
+	"dependencies": {
+		"@animateicons/vanilla": "^0.2.0",
+		"tslib": "^2.8.1"
+	},
+	"module": "fesm2022/animateicons-angular.mjs",
+	"typings": "types/animateicons-angular.d.ts",
+	"exports": {
+		"./package.json": {
+			"default": "./package.json"
+		},
+		".": {
+			"types": "./types/animateicons-angular.d.ts",
+			"default": "./fesm2022/animateicons-angular.mjs"
+		},
+		"./huge": {
+			"types": "./types/animateicons-angular-huge.d.ts",
+			"default": "./fesm2022/animateicons-angular-huge.mjs"
+		},
+		"./lucide": {
+			"types": "./types/animateicons-angular-lucide.d.ts",
+			"default": "./fesm2022/animateicons-angular-lucide.mjs"
+		}
+	},
+	"type": "module"
+}

package/types/animateicons-angular-huge.d.ts

@@ -0,0 +1 @@
+export * from "@animateicons/vanilla/huge";

package/types/animateicons-angular-lucide.d.ts

@@ -0,0 +1 @@
+export * from "@animateicons/vanilla/lucide";

package/types/animateicons-angular.d.ts

@@ -0,0 +1,46 @@
+import { IconControls, IconControls as IconControls$1, IconData, IconData as IconData$1, IconLibrary, IconOptions } from "@animateicons/vanilla";
+import * as i0 from "@angular/core";
+export declare class AnimateIcons implements IconControls$1 {
+  readonly icon: import("@angular/core").InputSignal<IconData$1>;
+  readonly size: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly color: import("@angular/core").InputSignal<string | undefined>;
+  readonly duration: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly isAnimated: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly host;
+  private readonly document;
+  private readonly zone;
+  private readonly svg;
+  private mounted;
+  constructor();
+  startAnimation(): void;
+  stopAnimation(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<AnimateIcons, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<AnimateIcons, "animate-icons", never, {
+    "icon": {
+      "alias": "icon";
+      "required": true;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "color": {
+      "alias": "color";
+      "required": false;
+      "isSignal": true;
+    };
+    "duration": {
+      "alias": "duration";
+      "required": false;
+      "isSignal": true;
+    };
+    "isAnimated": {
+      "alias": "isAnimated";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { IconControls, IconData, IconLibrary, IconOptions };