layerchart 0.16.0 → 0.17.1

package/dist/components/AxisY.svelte

@@ -1,55 +0,0 @@
-<script>import { getContext } from 'svelte';
-import { format } from 'svelte-ux';
-import { min, max } from 'd3-array';
-import Text from './Text.svelte';
-import { isScaleBand } from '../utils/scales';
-const { padding, xRange, yScale, width } = getContext('LayerCake');
-export let gridlines = false;
-export let ticks = 4;
-export let formatTick = undefined;
-export let xTick = 0;
-export let yTick = 0;
-export let dxTick = 0;
-export let dyTick = -3; // TODO: Maualliy tweak based on font-size until <Text /> handles custom styles
-export let labelProps = undefined;
-$: isBand = isScaleBand($yScale);
-$: tickVals = Array.isArray(ticks)
-    ? ticks
-    : isBand
-        ? $yScale.domain()
-        : $yScale.ticks(typeof ticks === 'function' ? ticks($yScale) : ticks);
-</script>
-
-<g class="axis y-axis" transform="translate({-$padding.left}, 0)">
-	{#each tickVals as tick, i}
-		<g class="tick tick-{tick}" transform="translate({min($xRange)}, {$yScale(tick)})">
-			{#if gridlines !== false}
-				<line
-					x1={$padding.left}
-					x2={$width + $padding.left}
-					y1={yTick + (isBand ? $yScale.bandwidth() / 2 : 0)}
-					y2={yTick + (isBand ? $yScale.bandwidth() / 2 : 0)}
-					class="stroke-gray-200"
-					{...gridlines}
-				/>
-			{/if}
-			<!-- <circle
-        cx={$padding.left - 4}
-        cy={yTick + (isBand ? $yScale.bandwidth() / 2 : 0)}
-        r="2"
-        fill="red"
-      /> -->
-			<Text
-				x={$padding.left - 4}
-				y={yTick + (isBand ? $yScale.bandwidth() / 2 : 0)}
-				dx={dxTick}
-				dy={dyTick}
-				textAnchor="end"
-				verticalAnchor="middle"
-				value={format(tick, formatTick ?? $yScale.tickFormat?.())}
-				class="text-[10px] stroke-white [stroke-width:2px] font-light"
-				{...labelProps}
-			/>
-		</g>
-	{/each}
-</g>

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

@@ -1,38 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { type FormatType } from 'svelte-ux';
-declare const __propDef: {
-    props: {
-        gridlines?: boolean | svelte.JSX.SVGProps<SVGLineElement>;
-        ticks?: number | Function | undefined;
-        formatTick?: FormatType;
-        xTick?: number | undefined;
-        yTick?: number | undefined;
-        dxTick?: number | undefined;
-        dyTick?: number | undefined;
-        labelProps?: {
-            [x: string]: any;
-            value?: string | number | undefined;
-            width?: number | undefined;
-            x?: string | number | undefined;
-            y?: string | number | undefined;
-            dx?: string | number | undefined;
-            dy?: string | number | undefined;
-            lineHeight?: string | undefined;
-            capHeight?: string | undefined;
-            scaleToFit?: boolean | undefined;
-            textAnchor?: "start" | "middle" | "end" | "inherit" | undefined;
-            verticalAnchor?: "start" | "middle" | "end" | "inherit" | undefined;
-            rotate?: number | undefined;
-        } | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AxisYProps = typeof __propDef.props;
-export type AxisYEvents = typeof __propDef.events;
-export type AxisYSlots = typeof __propDef.slots;
-export default class AxisY extends SvelteComponentTyped<AxisYProps, AxisYEvents, AxisYSlots> {
-}
-export {};