@nemigo/svelte 0.2.2 → 0.2.3

package/dist/transitions.d.ts

@@ -1,6 +1,6 @@
 import type { Property } from "csstype";
 import { linear } from "svelte/easing";
-import type { SlideParams, TransitionConfig } from "svelte/transition";
+import type { FlyParams, SlideParams, TransitionConfig } from "svelte/transition";
 export interface ClassNameTransitionParams {
     animationClassName: string;
     /**
@@ -23,6 +23,10 @@ export declare const classNameTransition: (node: HTMLElement, { animationClassNa
 export declare function slide(node: Element, { delay, duration, easing, axis, classic }?: SlideParams & {
     classic?: boolean;
 }): TransitionConfig;
+/**
+ * Анимация всплытия (scale + fly)
+ */
+export declare const bloop: (node: Element, { delay, duration, easing, x, y, opacity }?: FlyParams) => TransitionConfig;
 /**
  * Микс-анимация из scale и translate с добавлением лёгкого fade-эффекта
  */

package/dist/transitions.js

@@ -101,6 +101,33 @@ export function slide(node, { delay = 0, duration = 325, easing, axis = "y", cla
     };
 }
 //...
+const split_css_unit = (value) => {
+    const split = typeof value === "string" && value.match(/^\s*(-?[\d.]+)(\S*)\s*$/);
+    return split ? [parseFloat(split[1]), split[2] || "px"] : [Number(value), "px"];
+};
+/**
+ * Анимация всплытия (scale + fly)
+ */
+export const bloop = (node, { delay = 0, duration = 325, easing = quadInOut, x = 0, y = 0, opacity = 0 } = {}) => {
+    const style = getComputedStyle(node);
+    const target_opacity = +style.opacity;
+    const transform = style.transform === "none" ? "" : style.transform;
+    const od = target_opacity * (1 - opacity);
+    const { 0: x_value, 1: x_unit } = split_css_unit(x);
+    const { 0: y_value, 1: y_unit } = split_css_unit(y);
+    return {
+        delay,
+        duration,
+        easing,
+        css: (t, u) => {
+            const boosted = css_boost(t, 2 / 5);
+            return `
+			transform: ${transform} translate(${(1 - t) * x_value}${x_unit}, ${(1 - t) * y_value}${y_unit}) scale(${boosted});
+			opacity: ${target_opacity - od * u}
+		`;
+        },
+    };
+};
 /**
  * Микс-анимация из scale и translate с добавлением лёгкого fade-эффекта
  */
@@ -120,7 +147,6 @@ export const upper = (node, { delay = 0, duration = 400, x = 0, y = 0, opacity =
         },
     };
 };
-//...
 /**
  * Просто анимация изменения размера через font-size (0 ~ 1)
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nemigo/svelte",
-	"version": "0.2.2",
+	"version": "0.2.3",
 	"private": false,
 	"author": {
 		"name": "Vlad Logvin",
@@ -33,7 +33,7 @@
 		}
 	},
 	"peerDependencies": {
-		"@nemigo/helpers": "^0.3.0",
+		"@nemigo/helpers": ">0.3.0",
 		"@sveltejs/kit": "^2.12.0",
 		"svelte": "^5.0.0"
 	},