@luna-park/plugin-motion 1.2.0 → 1.3.0

package/dist/index.js

@@ -1,5 +1,5 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.motion-card[data-v-0dfc3339]{gap:var(--length-xxs);background:var(--color-background-dark);padding:var(--length-xs);border-radius:var(--length-radius-s);flex-direction:column;display:flex}.motion-card .header[data-v-0dfc3339]{font-size:var(--font-size-xs);color:var(--color-content-lite);align-items:center;gap:var(--length-xxs);display:flex}.motion-card .header .title[data-v-0dfc3339]{align-items:center;gap:var(--length-xxs);flex:1;display:flex}.motion-card .header .title .icon[data-v-0dfc3339]{font-size:var(--font-icon-xxs);color:var(--color-content-liter)}.motion-card .header .title .hint[data-v-0dfc3339]{color:var(--color-content-litest)}.motion-panel[data-v-bd5f3bea]{flex-direction:column;display:flex}.motion-panel .cards[data-v-bd5f3bea]{margin:var(--length-xs);gap:var(--length-xs);flex-direction:column;display:flex}.motion-panel .option[data-v-bd5f3bea]{align-items:center;gap:var(--length-xs);display:flex}.motion-panel .option .label[data-v-bd5f3bea]{width:48px;font-size:var(--font-size-xs);color:var(--color-content-liter)}.motion-panel .option .input[data-v-bd5f3bea]{flex:1}.motion-panel .curve[data-v-bd5f3bea]{width:16px;height:16px}.motion-panel .curve polyline[data-v-bd5f3bea]{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s as ee, t as te } from "./runtime-_rbH5H1J.js";
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.motion-card[data-v-0dfc3339]{gap:var(--length-xxs);background:var(--color-background-dark);padding:var(--length-xs);border-radius:var(--length-radius-s);flex-direction:column;display:flex}.motion-card .header[data-v-0dfc3339]{font-size:var(--font-size-xs);color:var(--color-content-lite);align-items:center;gap:var(--length-xxs);display:flex}.motion-card .header .title[data-v-0dfc3339]{align-items:center;gap:var(--length-xxs);flex:1;display:flex}.motion-card .header .title .icon[data-v-0dfc3339]{font-size:var(--font-icon-xxs);color:var(--color-content-liter)}.motion-card .header .title .hint[data-v-0dfc3339]{color:var(--color-content-litest)}.motion-panel[data-v-7f091a1a]{flex-direction:column;display:flex}.motion-panel .cards[data-v-7f091a1a]{margin:var(--length-xs);gap:var(--length-xs);flex-direction:column;display:flex}.motion-panel .option[data-v-7f091a1a]{align-items:center;gap:var(--length-xs);display:flex}.motion-panel .option .label[data-v-7f091a1a]{width:48px;font-size:var(--font-size-xs);color:var(--color-content-liter)}.motion-panel .option .input[data-v-7f091a1a]{flex:1}.motion-panel .curve[data-v-7f091a1a]{width:16px;height:16px}.motion-panel .curve polyline[data-v-7f091a1a]{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s as ee, t as te } from "./runtime-BDFfjVth.js";
 import { Fragment as ne, computed as re, createBlock as ie, createCommentVNode as ae, createElementBlock as oe, createElementVNode as se, createSlots as ce, createTextVNode as le, createVNode as ue, defineComponent as de, markRaw as fe, openBlock as pe, ref as me, renderList as he, renderSlot as ge, toDisplayString as _e, unref as s, watch as ve, withCtx as ye } from "vue";
 import { LIcon as be, LInput as xe, LSegmented as Se } from "@luna-park/design";
 //#region \0rolldown/runtime.js
@@ -3680,113 +3680,113 @@ var Rd = "# Motion plugin\n\nAnimates any layout element. Set its fields as `plu
 		}, le = [
 			{
 				icon: { icon: vf },
-				id: "mount",
 				label: "",
-				title: "On mount"
+				title: "On mount",
+				value: "mount"
 			},
 			{
 				icon: { icon: sf },
-				id: "visible",
 				label: "",
-				title: "When visible"
+				title: "When visible",
+				value: "visible"
 			},
 			{
 				icon: { icon: ef },
-				id: "scroll",
 				label: "",
-				title: "Synced with scroll"
+				title: "Synced with scroll",
+				value: "scroll"
 			},
 			{
 				icon: { icon: Yd },
-				id: "hover",
 				label: "",
-				title: "On hover"
+				title: "On hover",
+				value: "hover"
 			},
 			{
 				icon: { icon: cf },
-				id: "press",
 				label: "",
-				title: "On press"
+				title: "On press",
+				value: "press"
 			},
 			{
 				icon: { icon: Gd },
-				id: "focus",
 				label: "",
-				title: "On focus"
+				title: "On focus",
+				value: "focus"
 			},
 			{
 				icon: { icon: Qd },
-				id: "state",
 				label: "",
-				title: "From a state"
+				title: "From a state",
+				value: "state"
 			}
 		], de = [
 			{
 				icon: { icon: Xd },
-				id: "enter",
 				label: "",
-				title: "Enter"
+				title: "Enter",
+				value: "enter"
 			},
 			{
 				icon: { icon: Wd },
-				id: "emphasis",
 				label: "",
-				title: "Emphasis"
+				title: "Emphasis",
+				value: "emphasis"
 			},
 			{
 				icon: { icon: Jd },
-				id: "ambient",
 				label: "",
-				title: "Ambient"
+				title: "Ambient",
+				value: "ambient"
 			},
 			{
 				icon: { icon: df },
-				id: "custom",
 				label: "",
-				title: "Custom from/to"
+				title: "Custom from/to",
+				value: "custom"
 			}
 		], fe = [{
 			icon: { icon: Kd },
-			id: "top",
 			label: "",
-			title: "Top edge of the element"
+			title: "Top edge of the element",
+			value: "top"
 		}, {
 			icon: { icon: tf },
-			id: "center",
 			label: "",
-			title: "Center of the element"
+			title: "Center of the element",
+			value: "center"
 		}], ge = [
 			{
 				icon: { icon: Sf },
-				id: "stop",
 				label: "",
-				title: "Stop at target"
+				title: "Stop at target",
+				value: "stop"
 			},
 			{
 				icon: { icon: ff },
-				id: "continue",
 				label: "",
-				title: "Continue past target"
+				title: "Continue past target",
+				value: "continue"
 			},
 			{
 				icon: { icon: hf },
-				id: "hold",
 				label: "",
-				title: "Hold between target and 100 − target, then reverse"
+				title: "Hold between target and 100 − target, then reverse",
+				value: "hold"
 			}
 		], _e = o.map((e) => ({
-			id: e,
 			label: "",
-			title: e
+			title: e,
+			value: e
 		})), be = me(we(i.modelValue.preset));
 		ve(() => i.modelValue.preset, (e) => {
 			be.value = we(e);
 		});
 		let Ce = re(() => Object.entries(a).filter(([, e]) => e.category === be.value).map(([e]) => ({
 			icon: { icon: te[e] },
-			id: e,
 			label: "",
-			title: Te(e)
+			title: Te(e),
+			value: e
 		})));
 		function we(e) {
 			return e === "custom" ? "custom" : a[e]?.category ?? "enter";
@@ -3814,7 +3814,7 @@ var Rd = "# Motion plugin\n\nAnimates any layout element. Set its fields as `plu
 		}
 		return (n, r) => (pe(), oe("div", Mf, [se("div", Nf, [
 			ue(jf, {
-				hint: le.find((e) => e.id === t.modelValue.trigger)?.title,
+				hint: le.find((e) => e.value === t.modelValue.trigger)?.title,
 				icon: s(mf),
 				title: "Trigger"
 			}, {
@@ -3893,9 +3893,9 @@ var Rd = "# Motion plugin\n\nAnimates any layout element. Set its fields as `plu
 			}, 8, ["hint", "icon"])
 		])]));
 	}
-}), [["__scopeId", "data-v-bd5f3bea"]]), Bf = {
+}), [["__scopeId", "data-v-7f091a1a"]]), Bf = {
 	name: "@luna-park/plugin-motion",
-	version: "1.2.0",
+	version: "1.3.0",
 	private: !1,
 	description: "Motion plugin for Luna Park.",
 	keywords: [
@@ -3932,7 +3932,7 @@ var Rd = "# Motion plugin\n\nAnimates any layout element. Set its fields as `plu
 	},
 	devDependencies: {
 		"@fortawesome/pro-solid-svg-icons": "link:..\\..\\@fortawesome\\pro-solid-svg-icons",
-		"@luna-park/design": "^1.5.0",
+		"@luna-park/design": "^1.6.0",
 		"@luna-park/eslint-config": "^1.3.0",
 		"@luna-park/plugin": "^1.8.0",
 		"@types/node": "^26.6.3",
@@ -3947,7 +3947,7 @@ var Rd = "# Motion plugin\n\nAnimates any layout element. Set its fields as `plu
 		"vue-tsc": "^3.3.11"
 	},
 	peerDependencies: {
-		"@luna-park/design": "^1.4.0",
+		"@luna-park/design": "^1.6.0",
 		vue: "^3.5.24"
 	}
 }, Vf = [