@nemigo/layout 0.6.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  <script module lang="ts"></script>
2
2
 
3
- <script lang="ts">import { preventStop, preventStopHook } from "@nemigo/helpers/html";
3
+ <script lang="ts">import { preventStop, usePreventStop } from "@nemigo/helpers/html/events";
4
4
  let {
5
5
  id,
6
6
  label,
@@ -19,7 +19,7 @@ let ariaLabel = $derived(label ?? void 0);
19
19
  </script>
20
20
 
21
21
  {#if onClick}
22
- {@const onclick = preventStopHook(onClick, { condition: () => !load && !disabled })}
22
+ {@const onclick = usePreventStop(onClick, { eventHandlerGuard: () => !load && !disabled })}
23
23
  <div
24
24
  aria-label={ariaLabel}
25
25
  title={ariaLabel}
@@ -1,4 +1,4 @@
1
- import type { TargetKeyboardEvent, MouseBoardEvent } from "@nemigo/helpers/html";
1
+ import type { MouseBoardEvent, TargetKeyboardEvent } from "@nemigo/helpers/html/events";
2
2
  import type { Snippet } from "svelte";
3
3
  import type { ClassValue } from "svelte/elements";
4
4
  interface BaseEnterBlockProps {
@@ -1,10 +1,9 @@
1
- import type { Timestamp } from "@nemigo/helpers/types";
2
1
  import type { Component } from "svelte";
3
2
  export interface LazyBlockProps {
4
3
  /**
5
4
  * @default 500
6
5
  */
7
- delay?: Timestamp;
6
+ delay?: number;
8
7
  trigger?: Promise<any>;
9
8
  load: () => Promise<{
10
9
  default: Component;
@@ -1,9 +1,9 @@
1
1
  <script module lang="ts">import { LoaderStore } from "@nemigo/svelte/loader";
2
- export const loaderCursorStore = new LoaderStore(true);
2
+ export const loaderCursorStore = LoaderStore.default();
3
3
  </script>
4
4
 
5
5
  <script lang="ts">$effect(() => {
6
- document.documentElement.style.cursor = loaderCursorStore.state.value ? "wait" : "auto";
6
+ document.documentElement.style.cursor = loaderCursorStore.state.signal ? "wait" : "auto";
7
7
  });
8
8
  loaderCursorStore.hydrate();
9
9
  </script>
@@ -1,5 +1,5 @@
1
1
  import { LoaderStore } from "@nemigo/svelte/loader";
2
- export declare const loaderCursorStore: LoaderStore;
2
+ export declare const loaderCursorStore: LoaderStore<import("@nemigo/svelte").ISvelteState<boolean>>;
3
3
  declare const LoaderCursor: import("svelte").Component<Record<string, never>, {}, "">;
4
4
  type LoaderCursor = ReturnType<typeof LoaderCursor>;
5
5
  export default LoaderCursor;
package/package.json CHANGED
@@ -1,15 +1,19 @@
1
1
  {
2
2
  "name": "@nemigo/layout",
3
- "version": "0.6.0",
3
+ "version": "1.5.0",
4
4
  "private": false,
5
5
  "author": {
6
6
  "name": "Vlad Logvin",
7
7
  "email": "vlad.logvin84@gmail.com"
8
8
  },
9
9
  "type": "module",
10
+ "engines": {
11
+ "node": ">=22",
12
+ "pnpm": ">=10.9.0"
13
+ },
10
14
  "scripts": {
11
15
  "build": "svelte-package && rimraf .svelte-kit",
12
- "check": "tsc --noemit",
16
+ "check": "svelte-check --tsconfig ./tsconfig.json",
13
17
  "lint": "eslint ./",
14
18
  "format": "prettier --write ./"
15
19
  },
@@ -27,13 +31,13 @@
27
31
  "svelte": "./dist/blocks/LazyBlock.svelte"
28
32
  },
29
33
  "./stores/LoaderCursor": {
30
- "types": "./dist/blocks/LoaderCursor.svelte.d.ts",
31
- "svelte": "./dist/blocks/LoaderCursor.svelte"
34
+ "types": "./dist/stores/LoaderCursor.svelte.d.ts",
35
+ "svelte": "./dist/stores/LoaderCursor.svelte"
32
36
  }
33
37
  },
34
38
  "peerDependencies": {
35
- "@nemigo/helpers": ">=0.11.3",
36
- "@nemigo/svelte": ">=0.3.0",
39
+ "@nemigo/helpers": ">=1.5.0",
40
+ "@nemigo/svelte": ">=1.5.0",
37
41
  "svelte": ">=5.0.0"
38
42
  },
39
43
  "devDependencies": {