sveltekit-ui 1.0.9 → 1.0.10

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.
@@ -3,12 +3,13 @@ import { create_unique_id, set_closurable, set_closurable_color } from "../../cl
3
3
 
4
4
  export function create_icon_manager(config) {
5
5
  const id = config?.id ?? create_unique_id(null, 20)
6
- let deg = $state(null)
7
- let color = $state(null)
8
- let color_alt = $state(null)
9
- let fill = $state(null)
10
- let size = $state(null)
11
- let sw = $state(null)
6
+ let icon_id = $derived(set_closurable(config?.icon_id, null))
7
+ let color = $derived(set_closurable_color(config?.color, "var(--g4-t)"))
8
+ let color_alt = $derived(set_closurable_color(config?.color_alt, "var(--g12-t)"))
9
+ let fill = $derived(set_closurable(config?.fill, "none"))
10
+ let size = $derived(set_closurable(config?.size, 2))
11
+ let sw = $derived(set_closurable(config?.sw, 60))
12
+ let deg = $derived(set_closurable(config?.deg, 0))
12
13
  let ml = $derived(set_closurable(config?.ml, 0))
13
14
  let mr = $derived(set_closurable(config?.mr, 0))
14
15
  let mt = $derived(set_closurable(config?.mt, 0))
@@ -19,8 +20,6 @@ export function create_icon_manager(config) {
19
20
  let movement_stiffness = $derived(set_closurable(config?.movement_stiffness, 0.1))
20
21
  let movement_damping = $derived(set_closurable(config?.movement_damping, 0.1))
21
22
 
22
- let icon_id = $derived(set_closurable(config?.icon_id, null))
23
-
24
23
  let deg_spring = $derived(deg)
25
24
  // tbd had issue switching svelte 4 to svelte 5
26
25
  // const deg_spring = $derived(
@@ -41,16 +40,16 @@ export function create_icon_manager(config) {
41
40
 
42
41
  function set_attributes(input) {
43
42
  // icon_id = set_closurable(input?.icon_id, null) // tbd
44
- deg = set_closurable(input?.deg, deg ?? 0) // up: 0, left: 270, right: 90, down: 180
45
- color = set_closurable_color(input?.color, color ?? "var(--g4-t)")
46
- color_alt = set_closurable_color(input?.color_alt, color_alt ?? "var(--g12-t)")
47
- fill = set_closurable(input?.fill, fill ?? "none")
48
- size = set_closurable(input?.size, size ?? 2)
49
- sw = set_closurable(input?.sw, sw ?? 60)
43
+ // deg = set_closurable(input?.deg, deg ?? 0) // up: 0, left: 270, right: 90, down: 180
44
+ // color = set_closurable_color(input?.color, color ?? "var(--g4-t)")
45
+ // color_alt = set_closurable_color(input?.color_alt, color_alt ?? "var(--g12-t)")
46
+ // fill = set_closurable(input?.fill, fill ?? "none")
47
+ // size = set_closurable(input?.size, size ?? 2)
48
+ // sw = set_closurable(input?.sw, sw ?? 60)
50
49
  }
51
50
 
52
51
  function init(config) {
53
- set_attributes(config)
52
+ // set_attributes(config)
54
53
  }
55
54
 
56
55
  init(config)
@@ -137,7 +137,6 @@ export function create_icon_input_manager(config) {
137
137
  ...val,
138
138
  color: input,
139
139
  }
140
- selected_icon_manager.set_attributes({ color: icon_color })
141
140
  set_icons_prepped()
142
141
  }
143
142
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sveltekit-ui",
3
- "version": "1.0.9",
3
+ "version": "1.0.10",
4
4
  "description": "A SvelteKit UI component library for building modern web applications",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -19,14 +19,14 @@
19
19
  "dependencies": {
20
20
  "context-filter-polyfill": "^0.3.23",
21
21
  "qr-code-styling": "^1.9.2",
22
- "svelte": "^5.36.7"
22
+ "svelte": "^5.36.12"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "@sveltejs/kit": "^2.22.2"
26
26
  },
27
27
  "devDependencies": {
28
28
  "@sveltejs/adapter-vercel": "^5.8.0",
29
- "@sveltejs/kit": "^2.25.0",
29
+ "@sveltejs/kit": "^2.25.1",
30
30
  "@sveltejs/package": "^2.4.0",
31
31
  "@sveltejs/vite-plugin-svelte": "^6.1.0",
32
32
  "@vercel/analytics": "^1.5.0",
@@ -3,12 +3,13 @@ import { create_unique_id, set_closurable, set_closurable_color } from "$lib/cli
3
3
 
4
4
  export function create_icon_manager(config) {
5
5
  const id = config?.id ?? create_unique_id(null, 20)
6
- let deg = $state(null)
7
- let color = $state(null)
8
- let color_alt = $state(null)
9
- let fill = $state(null)
10
- let size = $state(null)
11
- let sw = $state(null)
6
+ let icon_id = $derived(set_closurable(config?.icon_id, null))
7
+ let color = $derived(set_closurable_color(config?.color, "var(--g4-t)"))
8
+ let color_alt = $derived(set_closurable_color(config?.color_alt, "var(--g12-t)"))
9
+ let fill = $derived(set_closurable(config?.fill, "none"))
10
+ let size = $derived(set_closurable(config?.size, 2))
11
+ let sw = $derived(set_closurable(config?.sw, 60))
12
+ let deg = $derived(set_closurable(config?.deg, 0))
12
13
  let ml = $derived(set_closurable(config?.ml, 0))
13
14
  let mr = $derived(set_closurable(config?.mr, 0))
14
15
  let mt = $derived(set_closurable(config?.mt, 0))
@@ -19,8 +20,6 @@ export function create_icon_manager(config) {
19
20
  let movement_stiffness = $derived(set_closurable(config?.movement_stiffness, 0.1))
20
21
  let movement_damping = $derived(set_closurable(config?.movement_damping, 0.1))
21
22
 
22
- let icon_id = $derived(set_closurable(config?.icon_id, null))
23
-
24
23
  let deg_spring = $derived(deg)
25
24
  // tbd had issue switching svelte 4 to svelte 5
26
25
  // const deg_spring = $derived(
@@ -41,16 +40,16 @@ export function create_icon_manager(config) {
41
40
 
42
41
  function set_attributes(input) {
43
42
  // icon_id = set_closurable(input?.icon_id, null) // tbd
44
- deg = set_closurable(input?.deg, deg ?? 0) // up: 0, left: 270, right: 90, down: 180
45
- color = set_closurable_color(input?.color, color ?? "var(--g4-t)")
46
- color_alt = set_closurable_color(input?.color_alt, color_alt ?? "var(--g12-t)")
47
- fill = set_closurable(input?.fill, fill ?? "none")
48
- size = set_closurable(input?.size, size ?? 2)
49
- sw = set_closurable(input?.sw, sw ?? 60)
43
+ // deg = set_closurable(input?.deg, deg ?? 0) // up: 0, left: 270, right: 90, down: 180
44
+ // color = set_closurable_color(input?.color, color ?? "var(--g4-t)")
45
+ // color_alt = set_closurable_color(input?.color_alt, color_alt ?? "var(--g12-t)")
46
+ // fill = set_closurable(input?.fill, fill ?? "none")
47
+ // size = set_closurable(input?.size, size ?? 2)
48
+ // sw = set_closurable(input?.sw, sw ?? 60)
50
49
  }
51
50
 
52
51
  function init(config) {
53
- set_attributes(config)
52
+ // set_attributes(config)
54
53
  }
55
54
 
56
55
  init(config)
@@ -137,7 +137,6 @@ export function create_icon_input_manager(config) {
137
137
  ...val,
138
138
  color: input,
139
139
  }
140
- selected_icon_manager.set_attributes({ color: icon_color })
141
140
  set_icons_prepped()
142
141
  }
143
142