layerchart 2.0.0-next.60 → 2.0.0-next.61

package/dist/components/ChartChildren/ChartChildren.base.svelte

@@ -0,0 +1,212 @@
+<script lang="ts" module>
+  import type { Component } from 'svelte';
+  import type { AnyScale } from '../../utils/scales.svelte.js';
+  import type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+
+  /**
+   * Per-layer primitives a `<ChartChildren.base>` consumer must inject.
+   *
+   * `Layer` is the layer wrapper (Svg / Canvas / Html, or the agnostic
+   * `Layer` dispatcher). `Axis` / `Grid` / `Rule` / `Highlight` /
+   * `ChartClipPath` are the per-layer compound mark variants (or the
+   * agnostic dispatchers).
+   */
+  export type ChartChildrenBaseLayerComponents = {
+    Layer: Component<any>;
+    Axis: Component<any>;
+    Grid: Component<any>;
+    Rule: Component<any>;
+    Highlight: Component<any>;
+    ChartClipPath: Component<any>;
+  };
+
+  export type ChartChildrenBaseProps<
+    TData,
+    XScale extends AnyScale = AnyScale,
+    YScale extends AnyScale = AnyScale,
+  > = ChartChildrenProps<TData, XScale, YScale> & ChartChildrenBaseLayerComponents;
+</script>
+
+<script
+  lang="ts"
+  generics="TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale"
+>
+  import { getChartContext } from '../../contexts/chart.js';
+  import { getSettings } from '../../contexts/settings.js';
+  import { asAny } from '../../utils/types.js';
+  import { getObjectOrNull } from '../../utils/common.js';
+
+  const context = getChartContext<TData, XScale, YScale>();
+  const settings = getSettings();
+
+  let {
+    Layer,
+    Axis,
+    Grid,
+    Rule,
+    Highlight,
+    ChartClipPath,
+    props = {},
+    children: childrenProp,
+    belowContext,
+    grid = true,
+    belowMarks,
+    marks,
+    aboveMarks,
+    axis = true,
+    rule = true,
+    points = false,
+    labels = false,
+    highlight = true,
+    aboveContext,
+    legend,
+    tooltip,
+    tooltipContext,
+    annotations = [],
+  }: ChartChildrenBaseProps<TData, XScale, YScale> = $props();
+
+  let snippetProps = $derived({ context });
+  let layer = $derived(settings.layer);
+</script>
+
+{#if childrenProp}
+  {@render childrenProp(snippetProps)}
+{:else}
+  {@render belowContext?.(snippetProps)}
+
+  <Layer
+    type={layer}
+    center={context.radial}
+    {...asAny(layer === 'canvas' ? props.canvas : props.svg)}
+    debug={settings.debug}
+  >
+    {#if typeof grid === 'function'}
+      {@render grid(snippetProps)}
+    {:else if grid}
+      <Grid
+        x={context.valueAxis === 'x' || context.radial}
+        y={context.valueAxis === 'y' || context.radial}
+        {...getObjectOrNull(grid)}
+        {...props.grid}
+      />
+    {/if}
+
+    <ChartClipPath disabled={!context.props.brush && context.transformState?.mode !== 'domain'}>
+      {#if annotations.length > 0}
+        {#await import('../charts/ChartAnnotations.svelte') then { default: ChartAnnotations }}
+          <ChartAnnotations {annotations} layer="below" />
+        {/await}
+      {/if}
+
+      {@render belowMarks?.(snippetProps)}
+      {@render marks?.(snippetProps)}
+      {@render aboveMarks?.(snippetProps)}
+    </ChartClipPath>
+
+    {#if typeof axis === 'function'}
+      {@render axis(snippetProps)}
+
+      {#if typeof rule === 'function'}
+        {@render rule(snippetProps)}
+      {:else if rule}
+        <Rule
+          x={context.valueAxis === 'x' ? 0 : false}
+          y={context.valueAxis === 'y' ? 0 : false}
+          {...getObjectOrNull(rule)}
+          {...props.rule}
+        />
+      {/if}
+    {:else if axis}
+      {#if axis !== 'x'}
+        <!-- y-axis -->
+        <Axis
+          placement={context.radial ? 'radius' : 'left'}
+          {...getObjectOrNull(axis)}
+          {...props.yAxis}
+        />
+      {/if}
+
+      {#if axis !== 'y'}
+        <!-- x-axis -->
+        <Axis
+          placement={context.radial ? 'angle' : 'bottom'}
+          {...getObjectOrNull(axis)}
+          {...props.xAxis}
+        />
+      {/if}
+
+      {#if typeof rule === 'function'}
+        {@render rule(snippetProps)}
+      {:else if rule}
+        <Rule
+          x={context.valueAxis === 'x' ? 0 : false}
+          y={context.valueAxis === 'y' ? 0 : false}
+          {...getObjectOrNull(rule)}
+          {...props.rule}
+        />
+      {/if}
+    {/if}
+
+    <!-- Use `full` to allow labels on edge to not be cropped (bleed into padding) -->
+    <ChartClipPath
+      disabled={!context.props.brush && context.transformState?.mode !== 'domain'}
+      full
+    >
+      {#if typeof points === 'function'}
+        {@render points(snippetProps)}
+      {:else if points}
+        {#await import('../Points/Points.svelte') then { default: Points }}
+          {#each context.series.visibleSeries as s, i (s.key)}
+            <Points
+              seriesKey={s.key}
+              stroke="var(--color-surface-100, light-dark(white, black))"
+              {...getObjectOrNull(points)}
+              {...props.points}
+            />
+          {/each}
+        {/await}
+      {/if}
+
+      {#if typeof labels === 'function'}
+        {@render labels(snippetProps)}
+      {:else if labels}
+        {#await import('../Labels/Labels.svelte') then { default: Labels }}
+          {@const labelSeriesKey = typeof labels === 'object' ? labels.seriesKey : undefined}
+          {#each context.series.visibleSeries.filter((s) => !labelSeriesKey || s.key === labelSeriesKey) as s, i (s.key)}
+            <Labels seriesKey={s.key} {...getObjectOrNull(labels)} {...props.labels} />
+          {/each}
+        {/await}
+      {/if}
+
+      {#if typeof highlight === 'function'}
+        {@render highlight(snippetProps)}
+      {:else if highlight}
+        <Highlight {...typeof highlight === 'object' ? highlight : {}} {...props.highlight} />
+      {/if}
+
+      {#if annotations.length > 0}
+        {#await import('../charts/ChartAnnotations.svelte') then { default: ChartAnnotations }}
+          <ChartAnnotations {annotations} layer="above" />
+        {/await}
+      {/if}
+    </ChartClipPath>
+  </Layer>
+
+  {@render aboveContext?.(snippetProps)}
+
+  {#if typeof legend === 'function'}
+    {@render legend(snippetProps)}
+  {:else if legend}
+    {#await import('../Legend.svelte') then { default: Legend }}
+      <Legend placement="bottom" {...getObjectOrNull(legend)} {...props.legend} />
+    {/await}
+  {/if}
+
+  {#if typeof tooltip === 'function'}
+    {@render tooltip(snippetProps)}
+  {:else if tooltipContext}
+    {#await import('../charts/DefaultTooltip.svelte') then { default: DefaultTooltip }}
+      <DefaultTooltip tooltipProps={props.tooltip} canHaveTotal />
+    {/await}
+  {/if}
+{/if}

package/dist/components/ChartChildren/ChartChildren.base.svelte.d.ts

@@ -0,0 +1,44 @@
+import type { Component } from 'svelte';
+import type { AnyScale } from '../../utils/scales.svelte.js';
+import type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+/**
+ * Per-layer primitives a `<ChartChildren.base>` consumer must inject.
+ *
+ * `Layer` is the layer wrapper (Svg / Canvas / Html, or the agnostic
+ * `Layer` dispatcher). `Axis` / `Grid` / `Rule` / `Highlight` /
+ * `ChartClipPath` are the per-layer compound mark variants (or the
+ * agnostic dispatchers).
+ */
+export type ChartChildrenBaseLayerComponents = {
+    Layer: Component<any>;
+    Axis: Component<any>;
+    Grid: Component<any>;
+    Rule: Component<any>;
+    Highlight: Component<any>;
+    ChartClipPath: Component<any>;
+};
+export type ChartChildrenBaseProps<TData, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = ChartChildrenProps<TData, XScale, YScale> & ChartChildrenBaseLayerComponents;
+declare function $$render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(): {
+    props: ChartChildrenBaseProps<TData, XScale, YScale>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> {
+    props(): ReturnType<typeof $$render<TData, XScale, YScale>>['props'];
+    events(): ReturnType<typeof $$render<TData, XScale, YScale>>['events'];
+    slots(): ReturnType<typeof $$render<TData, XScale, YScale>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['events']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData, XScale, YScale>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(internal: unknown, props: ReturnType<__sveltets_Render<TData, XScale, YScale>['props']> & {}): ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
+}
+declare const ChartChildren: $$IsomorphicComponent;
+type ChartChildren<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = InstanceType<typeof ChartChildren<TData, XScale, YScale>>;
+export default ChartChildren;

package/dist/components/ChartChildren/ChartChildren.canvas.svelte

@@ -0,0 +1,23 @@
+<script lang="ts" module>
+  export type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+</script>
+
+<script
+  lang="ts"
+  generics="TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale"
+>
+  import ChartChildrenBase from './ChartChildren.base.svelte';
+  import Layer from '../layers/Canvas.svelte';
+  import Axis from '../Axis/Axis.canvas.svelte';
+  import Grid from '../Grid/Grid.canvas.svelte';
+  import Rule from '../Rule/Rule.canvas.svelte';
+  import Highlight from '../Highlight/Highlight.canvas.svelte';
+  import ChartClipPath from '../ChartClipPath/ChartClipPath.canvas.svelte';
+
+  import type { AnyScale } from '../../utils/scales.svelte.js';
+  import type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+
+  let props: ChartChildrenProps<TData, XScale, YScale> = $props();
+</script>
+
+<ChartChildrenBase {Layer} {Axis} {Grid} {Rule} {Highlight} {ChartClipPath} {...props} />

package/dist/components/ChartChildren/ChartChildren.canvas.svelte.d.ts

@@ -0,0 +1,27 @@
+export type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+import type { AnyScale } from '../../utils/scales.svelte.js';
+import type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+declare function $$render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(): {
+    props: ChartChildrenProps<TData, XScale, YScale>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> {
+    props(): ReturnType<typeof $$render<TData, XScale, YScale>>['props'];
+    events(): ReturnType<typeof $$render<TData, XScale, YScale>>['events'];
+    slots(): ReturnType<typeof $$render<TData, XScale, YScale>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['events']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData, XScale, YScale>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(internal: unknown, props: ReturnType<__sveltets_Render<TData, XScale, YScale>['props']> & {}): ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
+}
+declare const ChartChildren: $$IsomorphicComponent;
+type ChartChildren<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = InstanceType<typeof ChartChildren<TData, XScale, YScale>>;
+export default ChartChildren;

package/dist/components/ChartChildren/ChartChildren.html.svelte

@@ -0,0 +1,23 @@
+<script lang="ts" module>
+  export type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+</script>
+
+<script
+  lang="ts"
+  generics="TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale"
+>
+  import ChartChildrenBase from './ChartChildren.base.svelte';
+  import Layer from '../layers/Html.svelte';
+  import Axis from '../Axis/Axis.html.svelte';
+  import Grid from '../Grid/Grid.html.svelte';
+  import Rule from '../Rule/Rule.html.svelte';
+  import Highlight from '../Highlight/Highlight.html.svelte';
+  import ChartClipPath from '../ChartClipPath/ChartClipPath.html.svelte';
+
+  import type { AnyScale } from '../../utils/scales.svelte.js';
+  import type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+
+  let props: ChartChildrenProps<TData, XScale, YScale> = $props();
+</script>
+
+<ChartChildrenBase {Layer} {Axis} {Grid} {Rule} {Highlight} {ChartClipPath} {...props} />

package/dist/components/ChartChildren/ChartChildren.html.svelte.d.ts

@@ -0,0 +1,27 @@
+export type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+import type { AnyScale } from '../../utils/scales.svelte.js';
+import type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+declare function $$render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(): {
+    props: ChartChildrenProps<TData, XScale, YScale>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> {
+    props(): ReturnType<typeof $$render<TData, XScale, YScale>>['props'];
+    events(): ReturnType<typeof $$render<TData, XScale, YScale>>['events'];
+    slots(): ReturnType<typeof $$render<TData, XScale, YScale>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['events']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData, XScale, YScale>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(internal: unknown, props: ReturnType<__sveltets_Render<TData, XScale, YScale>['props']> & {}): ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
+}
+declare const ChartChildren: $$IsomorphicComponent;
+type ChartChildren<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = InstanceType<typeof ChartChildren<TData, XScale, YScale>>;
+export default ChartChildren;

package/dist/components/{ChartChildren.svelte.d.ts → ChartChildren/ChartChildren.shared.svelte.d.ts}

@@ -1,10 +1,30 @@
 import type { ComponentProps, Snippet } from 'svelte';
-import type TooltipContext from './tooltip/TooltipContext.svelte';
-import type Tooltip from './tooltip/Tooltip.svelte';
-import type TooltipHeader from './tooltip/TooltipHeader.svelte';
-import type TooltipList from './tooltip/TooltipList.svelte';
-import type TooltipItem from './tooltip/TooltipItem.svelte';
-import type TooltipSeparator from './tooltip/TooltipSeparator.svelte';
+import type { ChartState } from '../../contexts/chart.js';
+import type { AnyScale } from '../../utils/scales.svelte.js';
+import type Axis from '../Axis/Axis.svelte';
+import type Area from '../Area/Area.svelte';
+import type Arc from '../Arc/Arc.svelte';
+import type Bars from '../Bars/Bars.svelte';
+import type BrushContext from '../BrushContext.svelte';
+import type Canvas from '../layers/Canvas.svelte';
+import type Grid from '../Grid/Grid.svelte';
+import type Group from '../Group/Group.svelte';
+import type Highlight from '../Highlight/Highlight.svelte';
+import type Labels from '../Labels/Labels.svelte';
+import type Legend from '../Legend.svelte';
+import type Line from '../Line/Line.svelte';
+import type Pie from '../Pie/Pie.svelte';
+import type Points from '../Points/Points.svelte';
+import type Rule from '../Rule/Rule.svelte';
+import type Spline from '../Spline/Spline.svelte';
+import type Svg from '../layers/Svg.svelte';
+import type TooltipContext from '../tooltip/TooltipContext.svelte';
+import type Tooltip from '../tooltip/Tooltip.svelte';
+import type TooltipHeader from '../tooltip/TooltipHeader.svelte';
+import type TooltipList from '../tooltip/TooltipList.svelte';
+import type TooltipItem from '../tooltip/TooltipItem.svelte';
+import type TooltipSeparator from '../tooltip/TooltipSeparator.svelte';
+import type { ChartAnnotations as ChartAnnotationsType } from '../charts/types.js';
 export type ChartChildrenProps<TData, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale, ChartSnippet = Snippet<[{
     context: ChartState<TData, XScale, YScale>;
 }]>> = {
@@ -102,46 +122,3 @@ export type ChartChildrenProps<TData, XScale extends AnyScale = AnyScale, YScale
     aboveMarks?: ChartSnippet;
     aboveContext?: ChartSnippet;
 };
-import { type ChartState } from '../contexts/chart.js';
-import type { AnyScale } from '../utils/scales.svelte.js';
-import type Area from './Area.svelte';
-import type Arc from './Arc.svelte';
-import Axis from './Axis.svelte';
-import type Bars from './Bars.svelte';
-import type BrushContext from './BrushContext.svelte';
-import Grid from './Grid.svelte';
-import type Group from './Group.svelte';
-import Highlight from './Highlight.svelte';
-import type Line from './Line.svelte';
-import type Pie from './Pie.svelte';
-import Rule from './Rule.svelte';
-import type Spline from './Spline.svelte';
-import type { Canvas, Svg } from './index.js';
-import type { ChartAnnotations as ChartAnnotationsType } from './charts/types.js';
-import type Labels from './Labels.svelte';
-import type Legend from './Legend.svelte';
-import type Points from './Points.svelte';
-declare function $$render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(): {
-    props: ChartChildrenProps<TData, XScale, YScale>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> {
-    props(): ReturnType<typeof $$render<TData, XScale, YScale>>['props'];
-    events(): ReturnType<typeof $$render<TData, XScale, YScale>>['events'];
-    slots(): ReturnType<typeof $$render<TData, XScale, YScale>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['events']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TData, XScale, YScale>['bindings']>;
-    } & ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
-    <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(internal: unknown, props: ReturnType<__sveltets_Render<TData, XScale, YScale>['props']> & {}): ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
-}
-declare const ChartChildren: $$IsomorphicComponent;
-type ChartChildren<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = InstanceType<typeof ChartChildren<TData, XScale, YScale>>;
-export default ChartChildren;

package/dist/components/ChartChildren/ChartChildren.svelte

@@ -0,0 +1,23 @@
+<script lang="ts" module>
+  export type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+</script>
+
+<script
+  lang="ts"
+  generics="TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale"
+>
+  import ChartChildrenBase from './ChartChildren.base.svelte';
+  import Layer from '../layers/Layer.svelte';
+  import Axis from '../Axis/Axis.svelte';
+  import Grid from '../Grid/Grid.svelte';
+  import Rule from '../Rule/Rule.svelte';
+  import Highlight from '../Highlight/Highlight.svelte';
+  import ChartClipPath from '../ChartClipPath/ChartClipPath.svelte';
+
+  import type { AnyScale } from '../../utils/scales.svelte.js';
+  import type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+
+  let props: ChartChildrenProps<TData, XScale, YScale> = $props();
+</script>
+
+<ChartChildrenBase {Layer} {Axis} {Grid} {Rule} {Highlight} {ChartClipPath} {...props} />

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

@@ -0,0 +1,27 @@
+export type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+import type { AnyScale } from '../../utils/scales.svelte.js';
+import type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+declare function $$render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(): {
+    props: ChartChildrenProps<TData, XScale, YScale>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> {
+    props(): ReturnType<typeof $$render<TData, XScale, YScale>>['props'];
+    events(): ReturnType<typeof $$render<TData, XScale, YScale>>['events'];
+    slots(): ReturnType<typeof $$render<TData, XScale, YScale>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['events']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData, XScale, YScale>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(internal: unknown, props: ReturnType<__sveltets_Render<TData, XScale, YScale>['props']> & {}): ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
+}
+declare const ChartChildren: $$IsomorphicComponent;
+type ChartChildren<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = InstanceType<typeof ChartChildren<TData, XScale, YScale>>;
+export default ChartChildren;

package/dist/components/ChartChildren/ChartChildren.svg.svelte

@@ -0,0 +1,23 @@
+<script lang="ts" module>
+  export type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+</script>
+
+<script
+  lang="ts"
+  generics="TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale"
+>
+  import ChartChildrenBase from './ChartChildren.base.svelte';
+  import Layer from '../layers/Svg.svelte';
+  import Axis from '../Axis/Axis.svg.svelte';
+  import Grid from '../Grid/Grid.svg.svelte';
+  import Rule from '../Rule/Rule.svg.svelte';
+  import Highlight from '../Highlight/Highlight.svg.svelte';
+  import ChartClipPath from '../ChartClipPath/ChartClipPath.svg.svelte';
+
+  import type { AnyScale } from '../../utils/scales.svelte.js';
+  import type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+
+  let props: ChartChildrenProps<TData, XScale, YScale> = $props();
+</script>
+
+<ChartChildrenBase {Layer} {Axis} {Grid} {Rule} {Highlight} {ChartClipPath} {...props} />

package/dist/components/ChartChildren/ChartChildren.svg.svelte.d.ts

@@ -0,0 +1,27 @@
+export type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+import type { AnyScale } from '../../utils/scales.svelte.js';
+import type { ChartChildrenProps } from './ChartChildren.shared.svelte.js';
+declare function $$render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(): {
+    props: ChartChildrenProps<TData, XScale, YScale>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> {
+    props(): ReturnType<typeof $$render<TData, XScale, YScale>>['props'];
+    events(): ReturnType<typeof $$render<TData, XScale, YScale>>['events'];
+    slots(): ReturnType<typeof $$render<TData, XScale, YScale>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData, XScale, YScale>['props']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['events']>, ReturnType<__sveltets_Render<TData, XScale, YScale>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TData, XScale, YScale>['bindings']>;
+    } & ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    <TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(internal: unknown, props: ReturnType<__sveltets_Render<TData, XScale, YScale>['props']> & {}): ReturnType<__sveltets_Render<TData, XScale, YScale>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
+}
+declare const ChartChildren: $$IsomorphicComponent;
+type ChartChildren<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = InstanceType<typeof ChartChildren<TData, XScale, YScale>>;
+export default ChartChildren;

package/dist/components/ChartClipPath/ChartClipPath.base.svelte

@@ -0,0 +1,33 @@
+<script lang="ts" module>
+  import type { Component } from 'svelte';
+  import type { ChartClipPathProps } from './ChartClipPath.shared.svelte.js';
+
+  export type ChartClipPathBaseLayerComponents = {
+    RectClipPath: Component<any>;
+  };
+
+  export type ChartClipPathBaseProps = ChartClipPathProps & ChartClipPathBaseLayerComponents;
+</script>
+
+<script lang="ts">
+  import { getChartContext } from '../../contexts/chart.js';
+  import { extractLayerProps } from '../../utils/attributes.js';
+
+  let {
+    RectClipPath,
+    full = false,
+    disabled = false,
+    ...restProps
+  }: ChartClipPathBaseProps = $props();
+
+  const ctx = getChartContext();
+</script>
+
+<RectClipPath
+  x={full && ctx.padding.left ? -ctx.padding.left : 0}
+  y={full && ctx.padding.top ? -ctx.padding.top : 0}
+  {disabled}
+  height={ctx.height + (full ? (ctx.padding?.top ?? 0) + (ctx.padding?.bottom ?? 0) : 0)}
+  width={ctx.width + (full ? (ctx.padding?.left ?? 0) + (ctx.padding?.right ?? 0) : 0)}
+  {...extractLayerProps(restProps, 'lc-chart-clip-path')}
+/>

package/dist/components/ChartClipPath/ChartClipPath.base.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Component } from 'svelte';
+import type { ChartClipPathProps } from './ChartClipPath.shared.svelte.js';
+export type ChartClipPathBaseLayerComponents = {
+    RectClipPath: Component<any>;
+};
+export type ChartClipPathBaseProps = ChartClipPathProps & ChartClipPathBaseLayerComponents;
+declare const ChartClipPath: Component<ChartClipPathBaseProps, {}, "">;
+type ChartClipPath = ReturnType<typeof ChartClipPath>;
+export default ChartClipPath;

package/dist/components/ChartClipPath/ChartClipPath.canvas.svelte

@@ -0,0 +1,14 @@
+<script lang="ts" module>
+  export type { ChartClipPathProps, ChartClipPathPropsWithoutHTML } from './ChartClipPath.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import ChartClipPathBase from './ChartClipPath.base.svelte';
+  import RectClipPath from '../RectClipPath/RectClipPath.canvas.svelte';
+
+  import type { ChartClipPathProps } from './ChartClipPath.shared.svelte.js';
+
+  let props: ChartClipPathProps = $props();
+</script>
+
+<ChartClipPathBase {RectClipPath} {...props} />

package/dist/components/ChartClipPath/ChartClipPath.canvas.svelte.d.ts

@@ -0,0 +1,5 @@
+export type { ChartClipPathProps, ChartClipPathPropsWithoutHTML } from './ChartClipPath.shared.svelte.js';
+import type { ChartClipPathProps } from './ChartClipPath.shared.svelte.js';
+declare const ChartClipPath: import("svelte").Component<ChartClipPathProps, {}, "">;
+type ChartClipPath = ReturnType<typeof ChartClipPath>;
+export default ChartClipPath;

package/dist/components/ChartClipPath/ChartClipPath.html.svelte

@@ -0,0 +1,14 @@
+<script lang="ts" module>
+  export type { ChartClipPathProps, ChartClipPathPropsWithoutHTML } from './ChartClipPath.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import ChartClipPathBase from './ChartClipPath.base.svelte';
+  import RectClipPath from '../RectClipPath/RectClipPath.html.svelte';
+
+  import type { ChartClipPathProps } from './ChartClipPath.shared.svelte.js';
+
+  let props: ChartClipPathProps = $props();
+</script>
+
+<ChartClipPathBase {RectClipPath} {...props} />

package/dist/components/ChartClipPath/ChartClipPath.html.svelte.d.ts

@@ -0,0 +1,5 @@
+export type { ChartClipPathProps, ChartClipPathPropsWithoutHTML } from './ChartClipPath.shared.svelte.js';
+import type { ChartClipPathProps } from './ChartClipPath.shared.svelte.js';
+declare const ChartClipPath: import("svelte").Component<ChartClipPathProps, {}, "">;
+type ChartClipPath = ReturnType<typeof ChartClipPath>;
+export default ChartClipPath;