layerchart 0.79.0 → 0.79.2

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.
@@ -262,6 +262,7 @@
262
262
  fill-opacity={fillOpacity}
263
263
  {stroke}
264
264
  stroke-width={strokeWidth}
265
+ class={className}
265
266
  {...$$restProps}
266
267
  on:pointerenter={(e) => tooltip?.show(e, data)}
267
268
  on:pointermove={(e) => tooltip?.show(e, data)}
@@ -89,7 +89,7 @@
89
89
  fill-opacity={fillOpacity}
90
90
  {stroke}
91
91
  stroke-width={strokeWidth}
92
- class={cls($$props.fill == null && 'fill-surface-content')}
92
+ class={cls(fill == null && 'fill-surface-content', className)}
93
93
  {...$$restProps}
94
94
  on:click
95
95
  on:pointermove
@@ -110,8 +110,8 @@
110
110
  stroke-width={strokeWidth}
111
111
  marker-start={markerStartId ? `url(#${markerStartId})` : undefined}
112
112
  marker-end={markerEndId ? `url(#${markerEndId})` : undefined}
113
+ class={cls(stroke === undefined && 'stroke-surface-content', className)}
113
114
  {...$$restProps}
114
- class={cls($$props.stroke === undefined && 'stroke-surface-content', className)}
115
115
  on:click
116
116
  on:pointermove
117
117
  on:pointerleave
@@ -98,11 +98,11 @@
98
98
  y={$tweened_y}
99
99
  width={$tweened_width}
100
100
  height={$tweened_height}
101
- class={cls(fill == null && 'fill-surface-content')}
102
101
  {fill}
103
102
  fill-opacity={fillOpacity}
104
103
  {stroke}
105
104
  stroke-width={strokeWidth}
105
+ class={cls(fill == null && 'fill-surface-content', className)}
106
106
  {...$$restProps}
107
107
  on:click
108
108
  on:pointerenter
@@ -1,3 +1,4 @@
1
+ import { cls } from '@layerstack/tailwind';
1
2
  import { memoize } from 'lodash-es';
2
3
  export const DEFAULT_FILL = 'rgb(0, 0, 0)';
3
4
  const CANVAS_STYLES_ELEMENT_ID = '__layerchart_canvas_styles_id';
@@ -24,7 +25,7 @@ export function getComputedStyles(canvas, { styles, classes } = {}) {
24
25
  Object.assign(svg.style, styles);
25
26
  }
26
27
  if (classes) {
27
- svg.setAttribute('class', classes
28
+ svg.setAttribute('class', cls(classes)
28
29
  .split(' ')
29
30
  .filter((s) => !s.startsWith('transition-'))
30
31
  .join(' '));
package/package.json CHANGED
@@ -4,17 +4,17 @@
4
4
  "author": "Sean Lynch <techniq35@gmail.com>",
5
5
  "license": "MIT",
6
6
  "repository": "techniq/layerchart",
7
- "version": "0.79.0",
7
+ "version": "0.79.2",
8
8
  "devDependencies": {
9
- "@changesets/cli": "^2.27.10",
9
+ "@changesets/cli": "^2.27.12",
10
10
  "@mdi/js": "^7.4.47",
11
11
  "@rollup/plugin-dsv": "^3.0.5",
12
- "@sveltejs/adapter-cloudflare": "^4.8.0",
13
- "@sveltejs/kit": "^2.11.1",
14
- "@sveltejs/package": "^2.3.7",
15
- "@sveltejs/vite-plugin-svelte": "^5.0.2",
12
+ "@sveltejs/adapter-cloudflare": "^5.0.1",
13
+ "@sveltejs/kit": "^2.16.1",
14
+ "@sveltejs/package": "^2.3.9",
15
+ "@sveltejs/vite-plugin-svelte": "^5.0.3",
16
16
  "@svitejs/changesets-changelog-github-compact": "^1.2.0",
17
- "@tailwindcss/typography": "^0.5.15",
17
+ "@tailwindcss/typography": "^0.5.16",
18
18
  "@types/d3-array": "^3.2.1",
19
19
  "@types/d3-color": "^3.1.3",
20
20
  "@types/d3-delaunay": "^6.0.4",
@@ -30,7 +30,7 @@
30
30
  "@types/d3-sankey": "^0.12.4",
31
31
  "@types/d3-scale": "^4.0.8",
32
32
  "@types/d3-scale-chromatic": "^3.1.0",
33
- "@types/d3-shape": "^3.1.6",
33
+ "@types/d3-shape": "^3.1.7",
34
34
  "@types/d3-time": "^3.0.4",
35
35
  "@types/lodash-es": "^4.17.12",
36
36
  "@types/prismjs": "^1.26.5",
@@ -39,31 +39,31 @@
39
39
  "@types/topojson-simplify": "^3.0.3",
40
40
  "@types/topojson-specification": "^1.0.5",
41
41
  "autoprefixer": "^10.4.20",
42
- "marked": "^15.0.3",
42
+ "marked": "^15.0.6",
43
43
  "mdsvex": "^0.12.3",
44
- "posthog-js": "^1.203.1",
44
+ "posthog-js": "^1.210.2",
45
45
  "prettier": "^3.4.2",
46
- "prettier-plugin-svelte": "^3.3.2",
46
+ "prettier-plugin-svelte": "^3.3.3",
47
47
  "prism-svelte": "^0.5.0",
48
48
  "prism-themes": "^1.9.0",
49
49
  "prismjs": "^1.29.0",
50
50
  "rehype-slug": "^6.0.0",
51
51
  "shapefile": "^0.6.6",
52
52
  "solar-calculator": "^0.3.0",
53
- "svelte": "^5.13.0",
54
- "svelte-check": "^4.1.1",
53
+ "svelte": "^5.19.3",
54
+ "svelte-check": "^4.1.4",
55
55
  "svelte-json-tree": "^2.2.0",
56
- "svelte-ux": "^0.76.0",
57
- "svelte2tsx": "^0.7.30",
56
+ "svelte-ux": "^0.90.0",
57
+ "svelte2tsx": "^0.7.34",
58
58
  "tailwindcss": "^3.4.16",
59
59
  "topojson-client": "^3.1.0",
60
60
  "topojson-simplify": "^3.0.3",
61
61
  "tslib": "^2.8.1",
62
- "typescript": "^5.7.2",
62
+ "typescript": "^5.7.3",
63
63
  "unist-util-visit": "^5.0.0",
64
64
  "us-atlas": "^3.0.1",
65
- "vite": "^6.0.3",
66
- "vitest": "^2.1.8"
65
+ "vite": "^6.0.11",
66
+ "vitest": "^3.0.4"
67
67
  },
68
68
  "type": "module",
69
69
  "dependencies": {