@levita-js/angular 0.1.6

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Jérôme André
+
+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/dist/index.cjs

@@ -0,0 +1,56 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let _angular_core = require("@angular/core");
+let levita_js = require("levita-js");
+
+//#region \0@oxc-project+runtime@0.112.0/helpers/decorateMetadata.js
+function __decorateMetadata(k, v) {
+	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.112.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/index.ts
+var _ref;
+let LevitaDirective = class LevitaDirective {
+	/** Configuration options for the tilt effect. */
+	options;
+	instance;
+	constructor(el) {
+		this.el = el;
+	}
+	ngOnChanges(changes) {
+		if (changes.options) this.initialize();
+	}
+	ngOnDestroy() {
+		this.instance?.destroy();
+	}
+	initialize() {
+		this.instance?.destroy();
+		this.instance = new levita_js.Levita(this.el.nativeElement, (0, levita_js.buildOptions)(this.options ?? {}));
+	}
+	/** Access to the underlying Levita instance. */
+	get levitaInstance() {
+		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);
+
+//#endregion
+Object.defineProperty(exports, 'LevitaDirective', {
+  enumerable: true,
+  get: function () {
+    return LevitaDirective;
+  }
+});

package/dist/index.d.cts

@@ -0,0 +1,29 @@
+import { ElementRef, OnChanges, OnDestroy, SimpleChanges } from "@angular/core";
+import { Levita, LevitaOptions } from "levita-js";
+
+//#region src/index.d.ts
+/**
+ * Angular directive that applies the Levita 3D tilt effect to an element.
+ *
+ * @example
+ * ```html
+ * <div [levita]="{ glare: true, shadow: true }">
+ *   <h1>Hello</h1>
+ * </div>
+ * ```
+ */
+declare class LevitaDirective implements OnChanges, OnDestroy {
+  private el;
+  /** Configuration options for the tilt effect. */
+  options?: Partial<LevitaOptions>;
+  private instance?;
+  constructor(el: ElementRef<HTMLElement>);
+  ngOnChanges(changes: SimpleChanges): void;
+  ngOnDestroy(): void;
+  private initialize;
+  /** Access to the underlying Levita instance. */
+  get levitaInstance(): Levita | undefined;
+}
+//#endregion
+export { LevitaDirective };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +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"}

package/dist/index.d.mts

@@ -0,0 +1,29 @@
+import { ElementRef, OnChanges, OnDestroy, SimpleChanges } from "@angular/core";
+import { Levita, LevitaOptions } from "levita-js";
+
+//#region src/index.d.ts
+/**
+ * Angular directive that applies the Levita 3D tilt effect to an element.
+ *
+ * @example
+ * ```html
+ * <div [levita]="{ glare: true, shadow: true }">
+ *   <h1>Hello</h1>
+ * </div>
+ * ```
+ */
+declare class LevitaDirective implements OnChanges, OnDestroy {
+  private el;
+  /** Configuration options for the tilt effect. */
+  options?: Partial<LevitaOptions>;
+  private instance?;
+  constructor(el: ElementRef<HTMLElement>);
+  ngOnChanges(changes: SimpleChanges): void;
+  ngOnDestroy(): void;
+  private initialize;
+  /** Access to the underlying Levita instance. */
+  get levitaInstance(): Levita | undefined;
+}
+//#endregion
+export { LevitaDirective };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +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"}

package/dist/index.mjs

@@ -0,0 +1,51 @@
+import { Directive, Input } from "@angular/core";
+import { Levita, buildOptions } from "levita-js";
+
+//#region \0@oxc-project+runtime@0.112.0/helpers/decorateMetadata.js
+function __decorateMetadata(k, v) {
+	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.112.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/index.ts
+var _ref;
+let LevitaDirective = class LevitaDirective {
+	/** Configuration options for the tilt effect. */
+	options;
+	instance;
+	constructor(el) {
+		this.el = el;
+	}
+	ngOnChanges(changes) {
+		if (changes.options) this.initialize();
+	}
+	ngOnDestroy() {
+		this.instance?.destroy();
+	}
+	initialize() {
+		this.instance?.destroy();
+		this.instance = new Levita(this.el.nativeElement, buildOptions(this.options ?? {}));
+	}
+	/** Access to the underlying Levita instance. */
+	get levitaInstance() {
+		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);
+
+//#endregion
+export { LevitaDirective };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@levita-js/angular",
+  "version": "0.1.6",
+  "description": "Angular wrapper for Levita 3D tilt & parallax",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": false
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@angular/core": ">=14.0.0"
+  },
+  "dependencies": {
+    "levita-js": "0.1.6"
+  },
+  "devDependencies": {
+    "@angular/core": "^21.2.0",
+    "rxjs": "^7.8.1",
+    "tsdown": "^0.20.3"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Jeromearsene/levita.git",
+    "directory": "packages/angular"
+  },
+  "homepage": "https://github.com/Jeromearsene/levita#readme",
+  "scripts": {
+    "build": "tsdown"
+  }
+}