layerchart 0.60.2 → 0.70.0

package/dist/utils/common.js

@@ -31,3 +31,16 @@ export function chartDataArray(data) {
         return data.descendants();
     }
 }
+export function defaultChartPadding(axis, legend) {
+    if (axis === false) {
+        return undefined;
+    }
+    else {
+        return {
+            top: axis === true || axis === 'y' ? 4 : 0,
+            left: axis === true || axis === 'y' ? 20 : 0,
+            bottom: (axis === true || axis === 'x' ? 20 : 0) + (legend === true ? 32 : 0),
+            right: axis === true || axis === 'x' ? 4 : 0,
+        };
+    }
+}

package/dist/utils/index.d.ts

@@ -1,8 +1,10 @@
+export * from './canvas.js';
 export * from './common.js';
 export * from './geo.js';
 export * from './graph.js';
 export * from './hierarchy.js';
 export * from './math.js';
+export * from './path.js';
 export * from './pivot.js';
 export * from './stack.js';
 export * from './ticks.js';

package/dist/utils/index.js

@@ -1,8 +1,10 @@
+export * from './canvas.js';
 export * from './common.js';
 export * from './geo.js';
 export * from './graph.js';
 export * from './hierarchy.js';
 export * from './math.js';
+export * from './path.js';
 export * from './pivot.js';
 export * from './stack.js';
 export * from './ticks.js';

package/dist/utils/math.d.ts

@@ -27,3 +27,5 @@ export declare function cartesianToPolar(x: number, y: number): {
 export declare function celsiusToFahrenheit(temperature: number): number;
 /** Convert fahrenheit temperature to celsius */
 export declare function fahrenheitToCelsius(temperature: number): number;
+/** Parse percent string (`50%`) to decimal (`0.5`) */
+export declare function parsePercent(percent: string | number): number;

package/dist/utils/math.js

@@ -45,3 +45,13 @@ export function celsiusToFahrenheit(temperature) {
 export function fahrenheitToCelsius(temperature) {
     return (temperature - 32) * (5 / 9);
 }
+/** Parse percent string (`50%`) to decimal (`0.5`) */
+export function parsePercent(percent) {
+    if (typeof percent === 'number') {
+        // Assume already decimal
+        return percent;
+    }
+    else {
+        return Number(percent.replace('%', '')) / 100;
+    }
+}

package/dist/utils/path.d.ts

@@ -10,5 +10,12 @@ export declare function circlePath(dimensions: {
     r: number;
     sweep?: 'inside' | 'outside';
 }): string;
+/** Create spike (triangle) using path data  */
+export declare function spikePath({ x, y, width, height, }: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}): string;
 /** Flatten all `y` coordinates to `0` */
 export declare function flattenPathData(pathData: string, yOverride?: number): string;

package/dist/utils/path.js

@@ -14,14 +14,28 @@ export function getEasingPath(easing, count = 1000) {
 }
 /** Create circle using path data.  Useful for labels.  See also d3-shape's arc */
 export function circlePath(dimensions) {
-    // sweep: 0 (inside), 1 (outside)
+    // https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#arcs
     const { cx, cy, r, sweep = 'outside' } = dimensions;
+    // sweep: 0 (inside), 1 (outside)
+    const _sweep = sweep === 'outside' ? 1 : 0;
     return `
     M ${cx - r} ${cy}
-    a ${r},${r} 0 1,${sweep} ${r * 2},0
-    a ${r},${r} 0 1,${sweep} -${r * 2},0
+    a ${r},${r} 0 1,${_sweep} ${r * 2},0
+    a ${r},${r} 0 1,${_sweep} -${r * 2},0
   `;
 }
+/** Create spike (triangle) using path data  */
+export function spikePath({ x, y, width, height, }) {
+    const startPoint = { x: x - width / 2, y };
+    const midPoint = { x, y: y - height };
+    const endPoint = { x: x + width / 2, y };
+    const pathData = `
+    M ${startPoint.x},${startPoint.y}
+    L ${midPoint.x},${midPoint.y}
+    L ${endPoint.x},${endPoint.y}
+  `;
+    return pathData;
+}
 /** Flatten all `y` coordinates to `0` */
 export function flattenPathData(pathData, yOverride = 0) {
     let result = pathData;

package/package.json

@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.60.2",
+  "version": "0.70.0",
   "devDependencies": {
     "@changesets/cli": "^2.27.10",
     "@mdi/js": "^7.4.47",
@@ -41,7 +41,7 @@
     "autoprefixer": "^10.4.20",
     "marked": "^15.0.3",
     "mdsvex": "^0.12.3",
-    "posthog-js": "^1.95.1",
+    "posthog-js": "^1.203.1",
     "prettier": "^3.4.2",
     "prettier-plugin-svelte": "^3.3.2",
     "prism-svelte": "^0.5.0",
@@ -68,7 +68,7 @@
   "type": "module",
   "dependencies": {
     "@dagrejs/dagre": "^1.1.4",
-    "@layerstack/svelte-actions": "^0.0.9",
+    "@layerstack/svelte-actions": "^0.0.11",
     "@layerstack/svelte-stores": "^0.0.9",
     "@layerstack/tailwind": "^0.0.11",
     "@layerstack/utils": "^0.0.7",
@@ -94,7 +94,6 @@
     "date-fns": "^4.1.0",
     "layercake": "^8.4.2",
     "lodash-es": "^4.17.21",
-    "posthog-js": "^1.200.1",
     "shapefile": "^0.6.6",
     "topojson-client": "^3.1.0"
   },