@levita-js/angular 0.1.6 → 0.2.0

package/README.md

@@ -0,0 +1,7 @@
+# @levita-js/angular
+
+Angular wrapper for Levita 3D tilt & parallax.
+
+Provides a standalone attribute directive `[levita]` to easily apply 3D tilt effects to any element in your Angular applications.
+
+Refer to the main [Levita README](https://github.com/Jeromearsene/levita#readme) for full documentation and examples.

package/dist/index.cjs

@@ -16,9 +16,17 @@ function __decorate(decorators, target, key, desc) {
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
 
+//#endregion
+//#region \0@oxc-project+runtime@0.112.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
 //#endregion
 //#region src/index.ts
-var _ref;
+var _ref, _ref2;
 let LevitaDirective = class LevitaDirective {
 	/** Configuration options for the tilt effect. */
 	options;
@@ -41,11 +49,15 @@ let LevitaDirective = class LevitaDirective {
 		return this.instance;
 	}
 };
-__decorate([(0, _angular_core.Input)("levita"), __decorateMetadata("design:type", typeof (_ref = typeof Partial !== "undefined" && Partial) === "function" ? _ref : Object)], LevitaDirective.prototype, "options", void 0);
-LevitaDirective = __decorate([(0, _angular_core.Directive)({
-	selector: "[levita]",
-	standalone: true
-}), __decorateMetadata("design:paramtypes", [Object])], LevitaDirective);
+__decorate([(0, _angular_core.Input)("levita"), __decorateMetadata("design:type", typeof (_ref2 = typeof Partial !== "undefined" && Partial) === "function" ? _ref2 : Object)], LevitaDirective.prototype, "options", void 0);
+LevitaDirective = __decorate([
+	(0, _angular_core.Directive)({
+		selector: "[levita]",
+		standalone: true
+	}),
+	__decorateParam(0, (0, _angular_core.Inject)(_angular_core.ElementRef)),
+	__decorateMetadata("design:paramtypes", [typeof (_ref = typeof _angular_core.ElementRef !== "undefined" && _angular_core.ElementRef) === "function" ? _ref : Object])
+], LevitaDirective);
 
 //#endregion
 Object.defineProperty(exports, 'LevitaDirective', {

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;;AAoBA;;;;;;;;cAIa,eAAA,YAA2B,SAAA,EAAW,SAAA;EAAA,QAM9B,EAAA;EAN8B;EAEjC,OAAA,GAAU,OAAA,CAAQ,aAAA;EAAA,QAE3B,QAAA;cAEY,EAAA,EAAI,UAAA,CAAW,WAAA;EAEnC,WAAA,CAAY,OAAA,EAAS,aAAA;EAMrB,WAAA,CAAA;EAAA,QAIQ,UAAA;EAhBmB;EAAA,IAsBvB,cAAA,CAAA,GAAkB,MAAA;AAAA"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;;AAqBA;;;;;;;;cAIa,eAAA,YAA2B,SAAA,EAAW,SAAA;EAAA,QAMV,EAAA;EANU;EAEjC,OAAA,GAAU,OAAA,CAAQ,aAAA;EAAA,QAE3B,QAAA;cAEgC,EAAA,EAAI,UAAA,CAAW,WAAA;EAEvD,WAAA,CAAY,OAAA,EAAS,aAAA;EAMrB,WAAA,CAAA;EAAA,QAIQ,UAAA;EAhBmB;EAAA,IAsBvB,cAAA,CAAA,GAAkB,MAAA;AAAA"}

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;;AAoBA;;;;;;;;cAIa,eAAA,YAA2B,SAAA,EAAW,SAAA;EAAA,QAM9B,EAAA;EAN8B;EAEjC,OAAA,GAAU,OAAA,CAAQ,aAAA;EAAA,QAE3B,QAAA;cAEY,EAAA,EAAI,UAAA,CAAW,WAAA;EAEnC,WAAA,CAAY,OAAA,EAAS,aAAA;EAMrB,WAAA,CAAA;EAAA,QAIQ,UAAA;EAhBmB;EAAA,IAsBvB,cAAA,CAAA,GAAkB,MAAA;AAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;;AAqBA;;;;;;;;cAIa,eAAA,YAA2B,SAAA,EAAW,SAAA;EAAA,QAMV,EAAA;EANU;EAEjC,OAAA,GAAU,OAAA,CAAQ,aAAA;EAAA,QAE3B,QAAA;cAEgC,EAAA,EAAI,UAAA,CAAW,WAAA;EAEvD,WAAA,CAAY,OAAA,EAAS,aAAA;EAMrB,WAAA,CAAA;EAAA,QAIQ,UAAA;EAhBmB;EAAA,IAsBvB,cAAA,CAAA,GAAkB,MAAA;AAAA"}

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { Directive, Input } from "@angular/core";
+import { Directive, ElementRef, Inject, Input } from "@angular/core";
 import { Levita, buildOptions } from "levita-js";
 
 //#region \0@oxc-project+runtime@0.112.0/helpers/decorateMetadata.js
@@ -15,9 +15,17 @@ function __decorate(decorators, target, key, desc) {
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
 
+//#endregion
+//#region \0@oxc-project+runtime@0.112.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
 //#endregion
 //#region src/index.ts
-var _ref;
+var _ref, _ref2;
 let LevitaDirective = class LevitaDirective {
 	/** Configuration options for the tilt effect. */
 	options;
@@ -40,11 +48,15 @@ let LevitaDirective = class LevitaDirective {
 		return this.instance;
 	}
 };
-__decorate([Input("levita"), __decorateMetadata("design:type", typeof (_ref = typeof Partial !== "undefined" && Partial) === "function" ? _ref : Object)], LevitaDirective.prototype, "options", void 0);
-LevitaDirective = __decorate([Directive({
-	selector: "[levita]",
-	standalone: true
-}), __decorateMetadata("design:paramtypes", [Object])], LevitaDirective);
+__decorate([Input("levita"), __decorateMetadata("design:type", typeof (_ref2 = typeof Partial !== "undefined" && Partial) === "function" ? _ref2 : Object)], LevitaDirective.prototype, "options", void 0);
+LevitaDirective = __decorate([
+	Directive({
+		selector: "[levita]",
+		standalone: true
+	}),
+	__decorateParam(0, Inject(ElementRef)),
+	__decorateMetadata("design:paramtypes", [typeof (_ref = typeof ElementRef !== "undefined" && ElementRef) === "function" ? _ref : Object])
+], LevitaDirective);
 
 //#endregion
 export { LevitaDirective };

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n\tDirective,\n\ttype ElementRef,\n\tInput,\n\ttype OnChanges,\n\ttype OnDestroy,\n\ttype SimpleChanges,\n} from \"@angular/core\";\nimport { buildOptions, Levita, type LevitaOptions } from \"levita-js\";\n\n/**\n * Angular directive that applies the Levita 3D tilt effect to an element.\n *\n * @example\n * ```html\n * <div [levita]=\"{ glare: true, shadow: true }\">\n *   <h1>Hello</h1>\n * </div>\n * ```\n */\n@Directive({\n\tselector: \"[levita]\",\n\tstandalone: true,\n})\nexport class LevitaDirective implements OnChanges, OnDestroy {\n\t/** Configuration options for the tilt effect. */\n\t@Input(\"levita\") options?: Partial<LevitaOptions>;\n\n\tprivate instance?: Levita;\n\n\tconstructor(private el: ElementRef<HTMLElement>) {}\n\n\tngOnChanges(changes: SimpleChanges): void {\n\t\tif (changes.options) {\n\t\t\tthis.initialize();\n\t\t}\n\t}\n\n\tngOnDestroy(): void {\n\t\tthis.instance?.destroy();\n\t}\n\n\tprivate initialize(): void {\n\t\tthis.instance?.destroy();\n\t\tthis.instance = new Levita(this.el.nativeElement, buildOptions(this.options ?? {}));\n\t}\n\n\t/** Access to the underlying Levita instance. */\n\tget levitaInstance(): Levita | undefined {\n\t\treturn this.instance;\n\t}\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBO,4BAAM,gBAAgD;;CAE5D,AAAiB;CAEjB,AAAQ;CAER,YAAY,AAAQ,IAA6B;EAA7B;;CAEpB,YAAY,SAA8B;AACzC,MAAI,QAAQ,QACX,MAAK,YAAY;;CAInB,cAAoB;AACnB,OAAK,UAAU,SAAS;;CAGzB,AAAQ,aAAmB;AAC1B,OAAK,UAAU,SAAS;AACxB,OAAK,WAAW,IAAI,OAAO,KAAK,GAAG,eAAe,aAAa,KAAK,WAAW,EAAE,CAAC,CAAC;;;CAIpF,IAAI,iBAAqC;AACxC,SAAO,KAAK;;;YAvBZ,MAAM,SAAS;8BANhB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,CAAC"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n\tDirective,\n\tElementRef,\n\tInject,\n\tInput,\n\ttype OnChanges,\n\ttype OnDestroy,\n\ttype SimpleChanges,\n} from \"@angular/core\";\nimport { buildOptions, Levita, type LevitaOptions } from \"levita-js\";\n\n/**\n * Angular directive that applies the Levita 3D tilt effect to an element.\n *\n * @example\n * ```html\n * <div [levita]=\"{ glare: true, shadow: true }\">\n *   <h1>Hello</h1>\n * </div>\n * ```\n */\n@Directive({\n\tselector: \"[levita]\",\n\tstandalone: true,\n})\nexport class LevitaDirective implements OnChanges, OnDestroy {\n\t/** Configuration options for the tilt effect. */\n\t@Input(\"levita\") options?: Partial<LevitaOptions>;\n\n\tprivate instance?: Levita;\n\n\tconstructor(@Inject(ElementRef) private el: ElementRef<HTMLElement>) {}\n\n\tngOnChanges(changes: SimpleChanges): void {\n\t\tif (changes.options) {\n\t\t\tthis.initialize();\n\t\t}\n\t}\n\n\tngOnDestroy(): void {\n\t\tthis.instance?.destroy();\n\t}\n\n\tprivate initialize(): void {\n\t\tthis.instance?.destroy();\n\t\tthis.instance = new Levita(this.el.nativeElement, buildOptions(this.options ?? {}));\n\t}\n\n\t/** Access to the underlying Levita instance. */\n\tget levitaInstance(): Levita | undefined {\n\t\treturn this.instance;\n\t}\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,4BAAM,gBAAgD;;CAE5D,AAAiB;CAEjB,AAAQ;CAER,YAAY,AAA4B,IAA6B;EAA7B;;CAExC,YAAY,SAA8B;AACzC,MAAI,QAAQ,QACX,MAAK,YAAY;;CAInB,cAAoB;AACnB,OAAK,UAAU,SAAS;;CAGzB,AAAQ,aAAmB;AAC1B,OAAK,UAAU,SAAS;AACxB,OAAK,WAAW,IAAI,OAAO,KAAK,GAAG,eAAe,aAAa,KAAK,WAAW,EAAE,CAAC,CAAC;;;CAIpF,IAAI,iBAAqC;AACxC,SAAO,KAAK;;;YAvBZ,MAAM,SAAS;;CANhB,UAAU;EACV,UAAU;EACV,YAAY;EACZ,CAAC;oBAOY,OAAO,WAAW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levita-js/angular",
-  "version": "0.1.6",
+  "version": "0.2.0",
   "description": "Angular wrapper for Levita 3D tilt & parallax",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -23,17 +23,19 @@
   ],
   "publishConfig": {
     "access": "public",
-    "provenance": false
+    "provenance": true
   },
   "sideEffects": false,
   "peerDependencies": {
     "@angular/core": ">=14.0.0"
   },
   "dependencies": {
-    "levita-js": "0.1.6"
+    "levita-js": "0.2.0"
   },
   "devDependencies": {
     "@angular/core": "^21.2.0",
+    "@angular/platform-browser-dynamic": "^21.2.0",
+    "reflect-metadata": "^0.2.2",
     "rxjs": "^7.8.1",
     "tsdown": "^0.20.3"
   },
@@ -45,6 +47,7 @@
   },
   "homepage": "https://github.com/Jeromearsene/levita#readme",
   "scripts": {
-    "build": "tsdown"
+    "build": "tsdown",
+    "type-check": "tsc --noEmit"
   }
 }