svelteplot 0.2.6-next.0 → 0.2.6-next.1

package/dist/Plot.svelte

@@ -4,7 +4,7 @@
     their data and channels and computes the shared scales.
 
     The Plot component is split into two parts. This is the outer Plot which 
-    provides convenient defaults and automatically adds axes etc to the grapihcs.
+    provides convenient defaults and automatically adds axes etc to the graphics.
     The downside is that it adds a bunch of imports that you may not be using.
     To help with this you can use the core/Plot component directly for a more
     low-level Plot wrapper.
@@ -74,7 +74,7 @@
     {#if restOptions.title}<h2>{restOptions.title}</h2>{/if}
     {#if restOptions.subtitle}<h3>{restOptions.subtitle}</h3>{/if}
     <!-- also pass on user header -->
-    {#if userHeader}{@render userHeader()}{/if}
+    {#if userHeader}{@render userHeader?.()}{/if}
     {#if restOptions.color?.legend}
         <ColorLegend />
     {/if}
@@ -85,7 +85,7 @@
 
 {#snippet footer()}
     {#if restOptions.caption}<div>{restOptions.caption}</div>{/if}
-    {#if userFooter}{@render userFooter()}{/if}
+    {#if userFooter}{@render userFooter?.()}{/if}
 {/snippet}
 
 <!-- There's a bug triggering RangeError: Maximum call stack size exceeded 

package/dist/Plot.svelte.d.ts

@@ -5,7 +5,7 @@ import type { PlotOptions } from './types.js';
  * their data and channels and computes the shared scales.
  *
  * The Plot component is split into two parts. This is the outer Plot which
- * provides convenient defaults and automatically adds axes etc to the grapihcs.
+ * provides convenient defaults and automatically adds axes etc to the graphics.
  * The downside is that it adds a bunch of imports that you may not be using.
  * To help with this you can use the core/Plot component directly for a more
  * low-level Plot wrapper.

package/dist/core/Plot.svelte

@@ -471,7 +471,7 @@
     data-testid={testid}>
     {#if header}
         <div class="plot-header">
-            {#if header}{@render header()}{/if}
+            {@render header?.()}
         </div>
     {/if}
     <div class="plot-body" bind:this={plotBody}>
@@ -500,11 +500,11 @@
                 {/if}
             </FacetGrid>
         </svg>
-        {#if overlay}<div class="plot-overlay">{@render overlay()}</div>{/if}
+        {#if overlay}<div class="plot-overlay">{@render overlay?.()}</div>{/if}
     </div>
     {#if footer}
         <figcaption class="plot-footer">
-            {#if footer}{@render footer()}{/if}
+            {@render footer?.()}
         </figcaption>
     {/if}
 </figure>

package/dist/helpers/autoScales.js

@@ -193,7 +193,7 @@ function getScaleRange(name, scaleOptions, plotOptions, plotWidth, plotHeight, p
                     : name === 'r'
                         ? [0, 10]
                         : name === 'symbol'
-                            ? // Plot is smart enough to pick different default shapes depending on wether
+                            ? // Plot is smart enough to pick different default shapes depending on whether
                                 // or not there are filled dot marks in the plot, so we have to pass this
                                 // information all the way here
                                 plotHasFilledDotMarks

package/dist/helpers/callWithProps.d.ts

@@ -2,7 +2,7 @@ import type { RawValue } from '../types.js';
 type Setter = (v: any) => void;
 /**
  * Helper function to call a D3 "function class" while also calling
- * porperty setter functions on the result.
+ * property setter functions on the result.
  */
 export default function (d3func: () => Record<string, Setter>, args: RawValue[], props?: Record<string, RawValue>): Record<string, Setter>;
 export {};

package/dist/helpers/callWithProps.js

@@ -1,6 +1,6 @@
 /**
  * Helper function to call a D3 "function class" while also calling
- * porperty setter functions on the result.
+ * property setter functions on the result.
  */
 export default function (d3func, args, props = {}) {
     const res = d3func(...args);

package/dist/helpers/scales.d.ts

@@ -30,9 +30,9 @@ export declare function createScale<T extends ScaleOptions>(name: ScaleName, sca
  */
 export declare function inferScaleType(name: ScaleName, dataValues: RawValue[], markTypes: Set<MarkType>): ScaleType;
 /**
- * Mark channels can explicitely or implicitely be exempt from being
+ * Mark channels can explicitly or implicitly be exempt from being
  * mapped to a scale, so everywhere where values are being mapped to
- * scales, we need to check if the the scale is supposed to be used
+ * scales, we need to check if the scale is supposed to be used
  * not. That's what this function is used for.
  */
 export declare function getUsedScales(plot: PlotState, options: GenericMarkOptions, mark: Mark<GenericMarkOptions>): UsedScales;

package/dist/helpers/scales.js

@@ -247,9 +247,9 @@ const scaledChannelNames = [
     'length'
 ];
 /**
- * Mark channels can explicitely or implicitely be exempt from being
+ * Mark channels can explicitly or implicitly be exempt from being
  * mapped to a scale, so everywhere where values are being mapped to
- * scales, we need to check if the the scale is supposed to be used
+ * scales, we need to check if the scale is supposed to be used
  * not. That's what this function is used for.
  */
 export function getUsedScales(plot, options, mark) {
@@ -277,7 +277,7 @@ function looksLikeOpacity(input) {
 export function projectXY(scales, x, y, useXScale = true, useYScale = true) {
     if (scales.projection) {
         // TODO: pretty sure this is not how projection streams are supposed to be used
-        // efficiantly, in observable plot, all data points of a mark are projected using
+        // efficiently, in observable plot, all data points of a mark are projected using
         // the same stream
         let x_, y_;
         const stream = scales.projection.stream({

package/dist/marks/GridX.svelte

@@ -7,12 +7,12 @@
     import { testFilter } from '../helpers/index.js';
     import { RAW_VALUE } from '../transforms/recordize.js';
 
-    type GrixXMarkProps = BaseMarkProps & {
+    type GridXMarkProps = BaseMarkProps & {
         data?: RawValue[];
         automatic?: boolean;
     };
 
-    let { data = [], automatic = false, ...options }: GrixXMarkProps = $props();
+    let { data = [], automatic = false, ...options }: GridXMarkProps = $props();
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     const plot = $derived(getPlotState());

package/dist/marks/GridX.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { BaseMarkProps, RawValue } from '../types.js';
-type GrixXMarkProps = BaseMarkProps & {
+type GridXMarkProps = BaseMarkProps & {
     data?: RawValue[];
     automatic?: boolean;
 };
-declare const GridX: import("svelte").Component<GrixXMarkProps, {}, "">;
+declare const GridX: import("svelte").Component<GridXMarkProps, {}, "">;
 type GridX = ReturnType<typeof GridX>;
 export default GridX;

package/dist/marks/helpers/BaseAxisX.svelte

@@ -88,7 +88,7 @@
         const T = tickObjects.length;
         for (let i = 0; i < T; i++) {
             let j = i;
-            // find the preceeding tick that was not hidden
+            // find the preceding tick that was not hidden
             do {
                 j--;
             } while (j >= 0 && tickObjects[j].hidden);

package/dist/marks/helpers/BaseAxisY.svelte

@@ -70,7 +70,7 @@
         const T = tickObjects.length;
         for (let i = 0; i < T; i++) {
             let j = i;
-            // find the preceeding tick that was not hidden
+            // find the preceding tick that was not hidden
             do {
                 j--;
             } while (j >= 0 && tickObjects[j].hidden);

package/dist/marks/helpers/MarkerPath.svelte

@@ -25,7 +25,7 @@
         datum: DataRecord;
         /**
          * the marker shape to use at the start of the path, defaults to
-         * cirlce
+         * circle
          */
         markerStart?: boolean | MarkerShape;
         /**

package/dist/marks/helpers/MarkerPath.svelte.d.ts

@@ -8,7 +8,7 @@ type MarkerPathProps = BaseMarkProps & {
     datum: DataRecord;
     /**
      * the marker shape to use at the start of the path, defaults to
-     * cirlce
+     * circle
      */
     markerStart?: boolean | MarkerShape;
     /**

package/dist/transforms/bin.d.ts

@@ -45,7 +45,7 @@ export declare function binX<T>({ data, ...channels }: TransformArg<T, DataRecor
  */
 export declare function binY<T>({ data, ...channels }: TransformArg<T, DataRecord>, options?: BinYOptions): TransformArg<T, DataRecord>;
 /**
- * for binning in x and y dimension simulatenously
+ * for binning in x and y dimension simultaneously
  */
 export declare function bin<T>({ data, ...channels }: TransformArg<T, DataRecord>, options?: BinOptions): TransformArg<T, DataRecord>;
 export {};

package/dist/transforms/bin.js

@@ -87,7 +87,7 @@ export function binY({ data, ...channels }, options = { thresholds: 'auto', cumu
     return binBy('y', { data, ...channels }, options);
 }
 /**
- * for binning in x and y dimension simulatenously
+ * for binning in x and y dimension simultaneously
  */
 export function bin({ data, ...channels }, options = { thresholds: 'auto', cumulative: false }) {
     const { domain, thresholds = 'auto', interval, cumulative = false } = options;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.2.6-next.0",
+    "version": "0.2.6-next.1",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",