layerchart 2.0.0-next.64 → 2.0.0-next.65

package/dist/components/Path/Path.svg.svelte

@@ -64,6 +64,12 @@
   const drawTransition = $derived(draw ? _drawTransition : () => ({}));
   let startPoint = $state<DOMPoint | undefined>();
 
+  // Compute the class string here rather than inline in the `class={...}`
+  // attribute: a TS cast in markup survives into `dist` and breaks tooling that
+  // parses class expressions independently of Svelte (e.g. @unocss/svelte-scoped,
+  // whose acorn pass chokes on the `as` keyword).
+  const pathClass = $derived(cls('lc-path', classProp as string | undefined));
+
   const endPointDuration = $derived.by(() => {
     if (
       typeof draw === 'object' &&
@@ -123,7 +129,7 @@
     stroke-opacity={strokeOpacityProp}
     stroke-width={strokeWidthProp}
     opacity={opacityProp}
-    class={cls('lc-path', classProp as string | undefined)}
+    class={pathClass}
     marker-start={markerStartId ? `url(#${markerStartId})` : undefined}
     marker-mid={markerMidId ? `url(#${markerMidId})` : undefined}
     marker-end={markerEndId ? `url(#${markerEndId})` : undefined}

package/dist/components/geo/GeoPoint/GeoPoint.base.svelte

@@ -48,8 +48,8 @@
     <Group
       {x}
       {y}
-      opacity={opacity as number}
-      class={className as string}
+      {opacity}
+      class={className}
       {...extractLayerProps(restProps, 'lc-geo-point-group')}
     >
       {@render children({ x, y })}

package/dist/utils/debug.js

@@ -52,7 +52,8 @@ function colorizeArray(arr) {
 function printScale(s, scale, acc) {
     const scaleName = findScaleName(scale);
     console.log(`${indent}${s}:`);
-    console.log(`${indent}${indent}Accessor: "${acc.toString()}"`);
+    if (acc != null)
+        console.log(`${indent}${indent}Accessor: "${acc.toString()}"`);
     console.log(`${indent}${indent}Type: ${scaleName}`);
     printValues(scale, 'domain');
     printValues(scale, 'range', ' ');

package/dist/utils/stack.js

@@ -1,5 +1,5 @@
 import { flatGroup, group, max, rollup, sum } from 'd3-array';
-import { stack } from 'd3-shape';
+import { stack, stackOffsetNone, stackOrderNone } from 'd3-shape';
 import { pivotWider } from './pivot.js';
 export function groupStackData(data, options) {
     const dataByKey = group(data, (d) => d[options.xKey]);
@@ -13,12 +13,11 @@ export function groupStackData(data, options) {
             const stackKeys = [
                 ...new Set(groupData.map((d) => d[options.stackBy ?? ''])),
             ];
-            // @ts-expect-error
             const stackData = stack()
                 .keys(stackKeys)
                 .value((d, key) => d[key] ?? 0)
-                .order(options.order)
-                .offset(options.offset)(pivotData);
+                .order(options.order ?? stackOrderNone)
+                .offset(options.offset ?? stackOffsetNone)(pivotData);
             return stackData.flatMap((series) => {
                 return series.flatMap((s) => {
                     const keys = {
@@ -46,12 +45,11 @@ export function groupStackData(data, options) {
         const pivotData = pivotWider(data, options.xKey, options.stackBy, 'value');
         // @ts-expect-error
         const stackKeys = [...new Set(data.map((d) => d[options.stackBy ?? '']))];
-        // @ts-expect-error
         const stackData = stack()
             .keys(stackKeys)
             .value((d, key) => d[key] ?? 0)
-            .order(options.order)
-            .offset(options.offset)(pivotData);
+            .order(options.order ?? stackOrderNone)
+            .offset(options.offset ?? stackOffsetNone)(pivotData);
         const result = stackData.flatMap((series) => {
             return series.flatMap((s) => {
                 const keys = {

package/package.json

@@ -5,14 +5,14 @@
   "license": "MIT",
   "repository": "techniq/layerchart",
   "homepage": "https://layerchart.com",
-  "version": "2.0.0-next.64",
+  "version": "2.0.0-next.65",
   "devDependencies": {
-    "@changesets/cli": "^2.30.0",
+    "@changesets/cli": "^2.31.0",
     "@napi-rs/canvas": "^0.1.97",
     "@sveltejs/adapter-auto": "^7.0.1",
-    "@sveltejs/kit": "^2.57.1",
-    "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@sveltejs/kit": "^2.62.0",
+    "@sveltejs/package": "^2.5.8",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "@types/d3": "^7.4.3",
     "@types/d3-array": "^3.2.2",
@@ -33,20 +33,20 @@
     "@types/d3-scale-chromatic": "^3.1.0",
     "@types/d3-shape": "^3.1.8",
     "@types/d3-time": "^3.0.4",
-    "@vitest/browser": "^4.1.4",
-    "@vitest/browser-playwright": "^4.1.4",
-    "@vitest/ui": "^4.1.4",
-    "playwright": "^1.59.1",
-    "prettier": "^3.8.2",
-    "prettier-plugin-svelte": "^3.5.1",
-    "svelte": "5.55.3",
-    "svelte-check": "^4.4.6",
-    "svelte2tsx": "^0.7.53",
+    "@vitest/browser": "^4.1.8",
+    "@vitest/browser-playwright": "^4.1.8",
+    "@vitest/ui": "^4.1.8",
+    "playwright": "^1.60.0",
+    "prettier": "^3.8.3",
+    "prettier-plugin-svelte": "^4.1.0",
+    "svelte": "5.56.1",
+    "svelte-check": "^4.5.0",
+    "svelte2tsx": "^0.7.56",
     "tslib": "^2.8.1",
-    "typescript": "^6.0.2",
-    "vite": "^8.0.8",
-    "vitest": "^4.1.4",
-    "vitest-browser-svelte": "^2.1.0"
+    "typescript": "^6.0.3",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.8",
+    "vitest-browser-svelte": "^2.1.1"
   },
   "type": "module",
   "sideEffects": [