@nemigo/svelte 0.2.2 → 0.3.0

package/dist/kit/state.d.ts

@@ -21,7 +21,7 @@ declare class StateCTX extends Queue<QueueItem> {
     /**
      * Безопасно от прокси добавляет новое состояние в историю браузера
      */
-    private pushStateSafe;
+    pushStateSafe(url: string | URL, ctate?: App.PageState): void;
     /**
      * Безопасно от прокси заменяет текущее состояние в истории браузера
      */

package/dist/kit/state.js

@@ -33,12 +33,14 @@ class StateCTX extends Queue {
      * Безопасно от прокси добавляет новое состояние в историю браузера
      */
     pushStateSafe(url, ctate = this.get()) {
+        // eslint-disable-next-line svelte/no-navigation-without-resolve
         pushState(url, parsify(ctate));
     }
     /**
      * Безопасно от прокси заменяет текущее состояние в истории браузера
      */
     replaceStateSafe(url, ctate = this.get()) {
+        // eslint-disable-next-line svelte/no-navigation-without-resolve
         replaceState(url, parsify(ctate));
     }
     //...

package/dist/loader.d.ts

@@ -1,6 +1,6 @@
 export type LoaderHook = ReturnType<LoaderStore["hook"]>;
 export declare class LoaderStore {
-    store: import("./value.svelte.js").ValueStoreType<boolean>;
+    state: import("./value.svelte.js").ValueStateType<boolean>;
     private queue;
     private caller;
     _hydratable: boolean;

package/dist/loader.js

@@ -1,15 +1,15 @@
-import { ValueStore } from "./value.svelte.js";
+import { ValueState } from "./value.svelte.js";
 import { delay } from "@nemigo/helpers/async";
 import { isSSR } from "@nemigo/helpers/html";
 import { onMount } from "svelte";
 export class LoaderStore {
-    store = ValueStore(false);
+    state = ValueState(false);
     queue = [];
     caller = 0;
     _hydratable;
     constructor(hydratable = false) {
         this._hydratable = hydratable;
-        this.store.set(this._hydratable);
+        this.state.set(this._hydratable);
     }
     check(caller) {
         if (this.queue.length === 0)
@@ -21,13 +21,13 @@ export class LoaderStore {
         });
     }
     awaiter(caller) {
-        this.store.set(true);
+        this.state.set(true);
         this.check(caller);
     }
     reset(caller) {
         if (this.caller !== caller)
             return;
-        this.store.set(false);
+        this.state.set(false);
         this.caller = 0;
         this.queue = [];
     }
@@ -58,7 +58,7 @@ export class LoaderStore {
     hydrate() {
         if (this._hydratable) {
             onMount(() => {
-                if (this.store.value)
+                if (this.state.value)
                     this.check(this.caller);
             });
         }

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/dist/value.svelte.d.ts

@@ -1,4 +1,4 @@
-export interface ValueStoreType<T = boolean | undefined> {
+export interface ValueStateType<T = boolean | undefined> {
     /**
      * @reactive
      */
@@ -7,6 +7,6 @@ export interface ValueStoreType<T = boolean | undefined> {
     set(state: T): void;
     untrack<R>(call: (state: T) => R): R;
 }
-declare function ValueStore<T = boolean>(): ValueStoreType<T | undefined>;
-declare function ValueStore<T = boolean>(initial: T): ValueStoreType<T>;
-export { ValueStore };
+declare function ValueState<T = boolean>(): ValueStateType<T | undefined>;
+declare function ValueState<T = boolean>(initial: T): ValueStateType<T>;
+export { ValueState };

package/dist/value.svelte.js

@@ -1,5 +1,5 @@
 import { untrack } from "svelte";
-function ValueStore(initial) {
+function ValueState(initial) {
     let _value = $state(initial);
     return {
         get value() {
@@ -21,4 +21,4 @@ function ValueStore(initial) {
         },
     };
 }
-export { ValueStore };
+export { ValueState };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nemigo/svelte",
-	"version": "0.2.2",
+	"version": "0.3.0",
 	"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"
 	},