layerchart 0.33.0 → 0.34.0

package/dist/components/Axis.svelte

@@ -18,7 +18,7 @@ export let grid = false;
 /** Control the number of ticks*/
 export let ticks = placement === 'left' || placement === 'right' ? 4 : undefined;
 /** Length of the tick line */
-export let tickSize = 4;
+export let tickLength = 4;
 export let format = undefined;
 export let labelProps = undefined;
 export let spring = undefined;
@@ -38,9 +38,11 @@ $: [xRangeMin, xRangeMax] = extent($xRange);
 $: [yRangeMin, yRangeMax] = extent($yRange);
 $: tickVals = Array.isArray(ticks)
     ? ticks
-    : isScaleBand(scale)
-        ? scale.domain()
-        : scale.ticks(typeof ticks === 'function' ? ticks(scale) : ticks);
+    : typeof ticks === 'function'
+        ? ticks(scale)
+        : isScaleBand(scale)
+            ? scale.domain()
+            : scale.ticks(ticks);
 function getCoords(tick) {
     switch (placement) {
         case 'top':
@@ -222,7 +224,7 @@ function getDefaultLabelProps(tick) {
           x1={tickCoords.x}
           y1={tickCoords.y}
           x2={tickCoords.x}
-          y2={tickCoords.y + (placement === 'top' ? -tickSize : tickSize)}
+          y2={tickCoords.y + (placement === 'top' ? -tickLength : tickLength)}
           {tweened}
           {spring}
           class="tick stroke-surface-content/50"
@@ -231,7 +233,7 @@ function getDefaultLabelProps(tick) {
         <Line
           x1={tickCoords.x}
           y1={tickCoords.y}
-          x2={tickCoords.x + (placement === 'left' ? -tickSize : tickSize)}
+          x2={tickCoords.x + (placement === 'left' ? -tickLength : tickLength)}
           y2={tickCoords.y}
           {tweened}
           {spring}

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

@@ -11,7 +11,7 @@ declare const __propDef: {
         /** Draw a rule line.  Use Rule component for greater rendering order control */ rule?: boolean | SVGAttributes<SVGLineElement> | undefined;
         /** Draw a grid lines */ grid?: boolean | SVGAttributes<SVGLineElement> | undefined;
         /** Control the number of ticks*/ ticks?: number | any[] | Function | undefined;
-        /** Length of the tick line */ tickSize?: number | undefined;
+        /** Length of the tick line */ tickLength?: number | undefined;
         format?: FormatType | undefined;
         labelProps?: Partial<ComponentProps<Text>> | undefined;
         spring?: boolean | Parameters<typeof springStore>[1];

package/dist/components/GeoCircle.svelte

@@ -9,4 +9,4 @@ export let precision = 6;
 $: geojson = geoCircle().radius(radius).center(center).precision(precision)();
 </script>
 
-<GeoPath {geojson} {...$$restProps} />
+<GeoPath {geojson} {...$$restProps} on:mousemove on:mouseleave on:click />

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

@@ -7,6 +7,10 @@ declare const __propDef: {
         precision?: number | undefined;
     };
     events: {
+        mousemove: MouseEvent;
+        mouseleave: MouseEvent;
+        click: CustomEvent<any>;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/dist/components/Legend.svelte

@@ -14,7 +14,7 @@ export let ticks = width / 64;
 export let tickFormat = undefined;
 export let tickValues = undefined;
 export let tickFontSize = 10;
-export let tickSize = 4;
+export let tickLength = 4;
 export let placement = undefined;
 export let classes = {};
 $: if (scale == null && rScale) {
@@ -96,7 +96,7 @@ else {
     tickValues = scale.domain();
     tickLabelOffset = xScale.bandwidth() / 2;
     tickLine = false;
-    tickSize = 0;
+    tickLength = 0;
 }
 </script>
 
@@ -126,8 +126,8 @@ else {
   <slot values={tickValues} {scale}>
     <svg
       {width}
-      height={height + tickSize + tickFontSize}
-      viewBox="0 0 {width} {height + tickSize + tickFontSize}"
+      height={height + tickLength + tickFontSize}
+      viewBox="0 0 {width} {height + tickLength + tickFontSize}"
       class="overflow-visible"
     >
       <g>
@@ -145,7 +145,7 @@ else {
           <text
             text-anchor="middle"
             x={xScale(tick) + tickLabelOffset}
-            y={height + tickSize + tickFontSize}
+            y={height + tickLength + tickFontSize}
             style:font-size={tickFontSize}
             class={cls('fill-surface-content', classes.label)}
           >
@@ -157,7 +157,7 @@ else {
               x1={xScale(tick)}
               y1={0}
               x2={xScale(tick)}
-              y2={height + tickSize}
+              y2={height + tickLength}
               class={cls('stroke-surface-content', classes.tick)}
             />
           {/if}

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

@@ -11,7 +11,7 @@ declare const __propDef: {
         tickFormat?: FormatType | undefined;
         tickValues?: any[] | undefined;
         tickFontSize?: number | undefined;
-        tickSize?: number | undefined;
+        tickLength?: number | undefined;
         placement?: ("center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right") | undefined;
         classes?: {
             root?: string | undefined;

package/package.json

@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
     "@mdi/js": "^7.4.47",
@@ -83,7 +83,7 @@
     "lodash-es": "^4.17.21",
     "posthog-js": "^1.116.0",
     "shapefile": "^0.6.6",
-    "svelte-ux": "^0.61.10",
+    "svelte-ux": "^0.62.0",
     "topojson-client": "^3.1.0"
   },
   "peerDependencies": {