layerchart 0.53.0 → 0.54.1

package/dist/components/Grid.svelte.d.ts

@@ -0,0 +1,35 @@
+import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
+import { fade } from 'svelte/transition';
+import type { spring as springStore, tweened as tweenedStore } from 'svelte/motion';
+import type { TransitionParams } from 'svelte-ux';
+import { type AnyScale } from '../utils/scales.js';
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        x?: (boolean | Pick<SVGAttributes<SVGElement>, "class" | "style">) | undefined;
+        y?: (boolean | Pick<SVGAttributes<SVGElement>, "class" | "style">) | undefined;
+        xTicks?: number | any[] | ((scale: AnyScale) => any) | null | undefined;
+        yTicks?: number | any[] | ((scale: AnyScale) => any) | null | undefined;
+        bandAlign?: ("center" | "between") | undefined;
+        radialY?: ("circle" | "linear") | undefined;
+        spring?: boolean | Parameters<typeof springStore>[1];
+        tweened?: boolean | Parameters<typeof tweenedStore>[1];
+        transitionIn?: (typeof fade | (() => {})) | undefined;
+        transitionInParams?: TransitionParams | undefined;
+        classes?: {
+            root?: string;
+            line?: string;
+        } | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type GridProps = typeof __propDef.props;
+export type GridEvents = typeof __propDef.events;
+export type GridSlots = typeof __propDef.slots;
+export default class Grid extends SvelteComponentTyped<GridProps, GridEvents, GridSlots> {
+}
+export {};

package/dist/components/Group.svelte

@@ -1,37 +1,49 @@
-<script>import { tick } from 'svelte';
-import { chartContext } from './ChartContext.svelte';
-import { motionStore } from '../stores/motionStore.js';
-const { width, height } = chartContext();
-/**
- * Translate x
- */
-export let x = undefined;
-export let initialX = x;
-/**
- * Translate x
- */
-export let y = undefined;
-export let initialY = y;
-/**
- * Center within chart
- */
-export let center = false;
-/**
- * Prevent `touchmove` default, which can interfer with `pointermove` when used with `Tooltip`, for example
- */
-export let preventTouchMove = false;
-export let spring = undefined;
-export let tweened = undefined;
-let tweened_x = motionStore(initialX, { spring, tweened });
-let tweened_y = motionStore(initialY, { spring, tweened });
-$: tick().then(() => {
+<script lang="ts">
+  import { tick } from 'svelte';
+  import type { spring as springStore, tweened as tweenedStore } from 'svelte/motion';
+
+  import { chartContext } from './ChartContext.svelte';
+  import { motionStore } from '../stores/motionStore.js';
+
+  const { width, height } = chartContext();
+
+  /**
+   * Translate x
+   */
+  export let x: number | undefined = undefined;
+  export let initialX = x;
+
+  /**
+   * Translate x
+   */
+  export let y: number | undefined = undefined;
+  export let initialY = y;
+
+  /**
+   * Center within chart
+   */
+  export let center: boolean | 'x' | 'y' = false;
+
+  /**
+   * Prevent `touchmove` default, which can interfer with `pointermove` when used with `Tooltip`, for example
+   */
+  export let preventTouchMove = false;
+
+  export let spring: boolean | Parameters<typeof springStore>[1] = undefined;
+  export let tweened: boolean | Parameters<typeof tweenedStore>[1] = undefined;
+
+  let tweened_x = motionStore(initialX, { spring, tweened });
+  let tweened_y = motionStore(initialY, { spring, tweened });
+
+  $: tick().then(() => {
     tweened_x.set(x ?? (center === 'x' || center === true ? $width / 2 : 0));
     tweened_y.set(y ?? (center === 'y' || center === true ? $height / 2 : 0));
-});
-let transform = undefined;
-$: if (center || x != null || y != null) {
+  });
+
+  let transform: string | undefined = undefined;
+  $: if (center || x != null || y != null) {
     transform = `translate(${$tweened_x ?? 0}, ${$tweened_y ?? 0})`;
-}
+  }
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->