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

package/dist/components/AnnotationLine/AnnotationLine.svelte

@@ -0,0 +1,26 @@
+<script lang="ts" module>
+  export type {
+    AnnotationLineProps,
+    AnnotationLinePropsWithoutHTML,
+  } from './AnnotationLine.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import { getLayerContext } from '../../contexts/layer.js';
+  import AnnotationLineSvg from './AnnotationLine.svg.svelte';
+  import AnnotationLineCanvas from './AnnotationLine.canvas.svelte';
+  import AnnotationLineHtml from './AnnotationLine.html.svelte';
+  import type { AnnotationLineProps } from './AnnotationLine.shared.svelte.js';
+
+  const layerCtx = getLayerContext();
+
+  let props: AnnotationLineProps = $props();
+</script>
+
+{#if layerCtx === 'svg'}
+  <AnnotationLineSvg {...props} />
+{:else if layerCtx === 'canvas'}
+  <AnnotationLineCanvas {...props} />
+{:else if layerCtx === 'html'}
+  <AnnotationLineHtml {...props} />
+{/if}

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

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

package/dist/components/AnnotationLine/AnnotationLine.svg.svelte

@@ -0,0 +1,17 @@
+<script lang="ts" module>
+  export type {
+    AnnotationLineProps,
+    AnnotationLinePropsWithoutHTML,
+  } from './AnnotationLine.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import AnnotationLineBase from './AnnotationLine.base.svelte';
+  import Line from '../Line/Line.svg.svelte';
+  import Text from '../Text/Text.svg.svelte';
+  import type { AnnotationLineProps } from './AnnotationLine.shared.svelte.js';
+
+  let props: AnnotationLineProps = $props();
+</script>
+
+<AnnotationLineBase {Line} {Text} {...props} />

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

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

package/dist/components/AnnotationPoint/AnnotationPoint.base.svelte

@@ -0,0 +1,169 @@
+<script lang="ts" module>
+  import type { Component } from 'svelte';
+  import type { AnnotationPointProps } from './AnnotationPoint.shared.svelte.js';
+
+  export type AnnotationPointBaseLayerComponents = {
+    Circle: Component<any>;
+    /**
+     * Used for callout link rendering. Optional because the HTML layer
+     * doesn't have a `Link` variant; HTML annotation points without callouts
+     * still render correctly.
+     */
+    Link?: Component<any>;
+    Text: Component<any>;
+  };
+
+  export type AnnotationPointBaseProps = AnnotationPointProps &
+    AnnotationPointBaseLayerComponents;
+</script>
+
+<script lang="ts">
+  import { getChartContext } from '../../contexts/chart.js';
+  import { getGeoContext } from '../../contexts/geo.js';
+  import { isScaleBand } from '../../utils/scales.svelte.js';
+  import { cls } from '@layerstack/tailwind';
+
+  let {
+    Circle,
+    Link,
+    Text,
+    x,
+    y,
+    r = 4,
+    label,
+    labelPlacement = 'center',
+    labelXOffset = 0,
+    labelYOffset = 0,
+    link,
+    details,
+    props,
+  }: AnnotationPointBaseProps = $props();
+
+  const ctx = getChartContext();
+  const geo = getGeoContext();
+
+  const point = $derived.by(() => {
+    if (geo.projection && typeof x === 'number' && typeof y === 'number') {
+      const [px, py] = geo.projection([x, y]) ?? [0, 0];
+      return { x: px, y: py };
+    }
+    return {
+      x: x ? ctx.xScale(x) + (isScaleBand(ctx.xScale) ? ctx.xScale.bandwidth() / 2 : 0) : 0,
+      y: y
+        ? ctx.yScale(y) + (isScaleBand(ctx.yScale) ? ctx.yScale.bandwidth() / 2 : 0)
+        : ctx.height,
+    };
+  });
+
+  const labelProps = $derived.by(() => {
+    const dirX = labelPlacement.includes('left') ? -1 : labelPlacement.includes('right') ? 1 : 0;
+    const dirY = labelPlacement.includes('top') ? -1 : labelPlacement.includes('bottom') ? 1 : 0;
+    const mag = Math.hypot(dirX, dirY) || 1;
+    const signX = labelPlacement.includes('left') ? -1 : 1;
+    const signY = labelPlacement.includes('top') ? -1 : 1;
+
+    return {
+      x: point.x + (r * dirX) / mag + labelXOffset * signX,
+      y: point.y + (r * dirY) / mag + labelYOffset * signY,
+      dy: -2,
+      textAnchor: labelPlacement.includes('left')
+        ? 'end'
+        : labelPlacement.includes('right')
+          ? 'start'
+          : 'middle',
+      verticalAnchor: labelPlacement.includes('top')
+        ? 'end'
+        : labelPlacement.includes('bottom')
+          ? 'start'
+          : 'middle',
+    };
+  });
+
+  const linkEndpoints = $derived.by(() => {
+    if (!link) return null;
+
+    const dirX = labelPlacement.includes('left') ? -1 : labelPlacement.includes('right') ? 1 : 0;
+    const dirY = labelPlacement.includes('top') ? -1 : labelPlacement.includes('bottom') ? 1 : 0;
+    if (dirX === 0 && dirY === 0) return null;
+
+    const mag = Math.hypot(dirX, dirY);
+    return {
+      source: { x: point.x + (r * dirX) / mag, y: point.y + (r * dirY) / mag },
+      target: { x: labelProps.x as number, y: labelProps.y as number },
+    };
+  });
+
+  const linkProps = $derived(typeof link === 'object' ? link : {});
+
+  function onPointerMove(e: PointerEvent | MouseEvent | TouchEvent) {
+    if (details) {
+      e.stopPropagation();
+      ctx.tooltip.show(e, { annotation: { label, details } });
+    }
+  }
+
+  function onPointerLeave(e: PointerEvent | MouseEvent | TouchEvent) {
+    if (details) {
+      e.stopPropagation();
+      ctx.tooltip.hide();
+    }
+  }
+</script>
+
+<Circle
+  cx={point.x}
+  cy={point.y}
+  {r}
+  onpointermove={onPointerMove}
+  onmousemove={onPointerMove}
+  ontouchmove={onPointerMove}
+  onpointerleave={onPointerLeave}
+  onmouseleave={onPointerLeave}
+  ontouchend={onPointerLeave}
+  {...props?.circle}
+  class={cls('lc-annotation-point', link && 'lc-annotation-point-ring', props?.circle?.class)}
+/>
+
+{#if linkEndpoints && Link}
+  <Link
+    x1={linkEndpoints.source.x}
+    y1={linkEndpoints.source.y}
+    x2={linkEndpoints.target.x}
+    y2={linkEndpoints.target.y}
+    type="straight"
+    {...linkProps}
+    class={cls(
+      'lc-annotation-point-link',
+      typeof linkProps.class === 'string' ? linkProps.class : undefined
+    )}
+  />
+{/if}
+
+{#if label}
+  <Text
+    value={label}
+    {...labelProps}
+    {...props?.label}
+    class={cls('lc-annotation-point-label', props?.label?.class)}
+  />
+{/if}
+
+<style>
+  @layer components {
+    :global(:where(.lc-annotation-point-label)) {
+      font-size: 12px;
+      pointer-events: none;
+    }
+
+    :global(:where(.lc-annotation-point-ring)) {
+      --fill-color: none;
+      --stroke-color: var(--color-surface-content, currentColor);
+    }
+
+    :global(:where(.lc-annotation-point-link)) {
+      --stroke-color: var(--color-surface-content, currentColor);
+      fill: none;
+      pointer-events: none;
+    }
+  }
+</style>

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

@@ -0,0 +1,16 @@
+import type { Component } from 'svelte';
+import type { AnnotationPointProps } from './AnnotationPoint.shared.svelte.js';
+export type AnnotationPointBaseLayerComponents = {
+    Circle: Component<any>;
+    /**
+     * Used for callout link rendering. Optional because the HTML layer
+     * doesn't have a `Link` variant; HTML annotation points without callouts
+     * still render correctly.
+     */
+    Link?: Component<any>;
+    Text: Component<any>;
+};
+export type AnnotationPointBaseProps = AnnotationPointProps & AnnotationPointBaseLayerComponents;
+declare const AnnotationPoint: Component<AnnotationPointBaseProps, {}, "">;
+type AnnotationPoint = ReturnType<typeof AnnotationPoint>;
+export default AnnotationPoint;

package/dist/components/AnnotationPoint/AnnotationPoint.canvas.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  export type {
+    AnnotationPointProps,
+    AnnotationPointPropsWithoutHTML,
+  } from './AnnotationPoint.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import AnnotationPointBase from './AnnotationPoint.base.svelte';
+  import Circle from '../Circle/Circle.canvas.svelte';
+  import Link from '../Link/Link.canvas.svelte';
+  import Text from '../Text/Text.canvas.svelte';
+  import type { AnnotationPointProps } from './AnnotationPoint.shared.svelte.js';
+
+  let props: AnnotationPointProps = $props();
+</script>
+
+<AnnotationPointBase {Circle} {Link} {Text} {...props} />

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

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

package/dist/components/AnnotationPoint/AnnotationPoint.html.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  export type {
+    AnnotationPointProps,
+    AnnotationPointPropsWithoutHTML,
+  } from './AnnotationPoint.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import AnnotationPointBase from './AnnotationPoint.base.svelte';
+  import Circle from '../Circle/Circle.html.svelte';
+  import Text from '../Text/Text.html.svelte';
+  import type { AnnotationPointProps } from './AnnotationPoint.shared.svelte.js';
+
+  let props: AnnotationPointProps = $props();
+</script>
+
+<!-- Link is intentionally omitted: callout links aren't supported on the HTML layer. -->
+<AnnotationPointBase {Circle} {Text} {...props} />

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

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

package/dist/components/AnnotationPoint/AnnotationPoint.shared.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentProps } from 'svelte';
+import type { SVGAttributes } from 'svelte/elements';
+import type { CommonStyleProps, Without } from '../../utils/types.js';
+import type { SingleDomainType } from '../../utils/scales.svelte.js';
+import type Circle from '../Circle/Circle.svelte';
+import type Link from '../Link/Link.svelte';
+import type Text from '../Text/Text.svelte';
+import type { Placement } from '../types.js';
+export type AnnotationPointPropsWithoutHTML = {
+    x?: SingleDomainType;
+    y?: SingleDomainType;
+    r?: number;
+    label?: string;
+    labelPlacement?: Placement;
+    labelXOffset?: number;
+    labelYOffset?: number;
+    link?: boolean | Partial<ComponentProps<typeof Link>>;
+    details?: any;
+    props?: {
+        label?: Partial<ComponentProps<typeof Text>>;
+        circle?: Partial<ComponentProps<typeof Circle>>;
+    };
+} & CommonStyleProps;
+export type AnnotationPointProps = AnnotationPointPropsWithoutHTML & Without<SVGAttributes<Element>, AnnotationPointPropsWithoutHTML>;

package/dist/components/{AnnotationPoint.svelte → AnnotationPoint/AnnotationPoint.svelte}

@@ -1,8 +1,8 @@
 <script lang="ts" module>
   import type { ComponentProps } from 'svelte';
   import type { SVGAttributes } from 'svelte/elements';
-  import type { CommonStyleProps, Without } from '../utils/types.js';
-  import { isScaleBand, type SingleDomainType } from '../utils/scales.svelte.js';
+  import type { CommonStyleProps, Without } from '../../utils/types.js';
+  import { isScaleBand, type SingleDomainType } from '../../utils/scales.svelte.js';
 
   export type AnnotationPointPropsWithoutHTML = {
     /** x value of the point */
@@ -48,12 +48,12 @@
 </script>
 
 <script lang="ts">
-  import { getChartContext } from '../contexts/chart.js';
-  import { getGeoContext } from '../contexts/geo.js';
-  import Circle from './Circle.svelte';
-  import Link from './Link.svelte';
-  import Text from './Text.svelte';
-  import type { Placement } from './types.js';
+  import { getChartContext } from '../../contexts/chart.js';
+  import { getGeoContext } from '../../contexts/geo.js';
+  import Circle from '../Circle/Circle.svelte';
+  import Link from '../Link/Link.svelte';
+  import Text from '../Text/Text.svelte';
+  import type { Placement } from '../types.js';
 
   import { cls } from '@layerstack/tailwind';
 

package/dist/components/{AnnotationPoint.svelte.d.ts → AnnotationPoint/AnnotationPoint.svelte.d.ts}

@@ -1,7 +1,7 @@
 import type { ComponentProps } from 'svelte';
 import type { SVGAttributes } from 'svelte/elements';
-import type { CommonStyleProps, Without } from '../utils/types.js';
-import { type SingleDomainType } from '../utils/scales.svelte.js';
+import type { CommonStyleProps, Without } from '../../utils/types.js';
+import { type SingleDomainType } from '../../utils/scales.svelte.js';
 export type AnnotationPointPropsWithoutHTML = {
     /** x value of the point */
     x?: SingleDomainType;
@@ -32,10 +32,10 @@ export type AnnotationPointPropsWithoutHTML = {
     };
 } & CommonStyleProps;
 export type AnnotationPointProps = AnnotationPointPropsWithoutHTML & Without<SVGAttributes<Element>, AnnotationPointPropsWithoutHTML>;
-import Circle from './Circle.svelte';
-import Link from './Link.svelte';
-import Text from './Text.svelte';
-import type { Placement } from './types.js';
+import Circle from '../Circle/Circle.svelte';
+import Link from '../Link/Link.svelte';
+import Text from '../Text/Text.svelte';
+import type { Placement } from '../types.js';
 declare const AnnotationPoint: import("svelte").Component<AnnotationPointProps, {}, "">;
 type AnnotationPoint = ReturnType<typeof AnnotationPoint>;
 export default AnnotationPoint;

package/dist/components/AnnotationPoint/AnnotationPoint.svg.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  export type {
+    AnnotationPointProps,
+    AnnotationPointPropsWithoutHTML,
+  } from './AnnotationPoint.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import AnnotationPointBase from './AnnotationPoint.base.svelte';
+  import Circle from '../Circle/Circle.svg.svelte';
+  import Link from '../Link/Link.svg.svelte';
+  import Text from '../Text/Text.svg.svelte';
+  import type { AnnotationPointProps } from './AnnotationPoint.shared.svelte.js';
+
+  let props: AnnotationPointProps = $props();
+</script>
+
+<AnnotationPointBase {Circle} {Link} {Text} {...props} />

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

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

package/dist/components/{AnnotationRange.svelte → AnnotationRange/AnnotationRange.base.svelte}

@@ -1,62 +1,28 @@
 <script lang="ts" module>
-  import type { ComponentProps } from 'svelte';
-  import type { SVGAttributes } from 'svelte/elements';
-  import type { CommonStyleProps, Without } from '../utils/types.js';
-  import { isScaleBand, type SingleDomainType } from '../utils/scales.svelte.js';
-
-  export type AnnotationRangePropsWithoutHTML = {
-    /** x values of the range */
-    x?: [SingleDomainType, SingleDomainType] | SingleDomainType[];
-
-    /** y values of the range */
-    y?: [SingleDomainType, SingleDomainType] | SingleDomainType[];
-
-    /** Label to display for line*/
-    label?: string;
-
-    /** Placement of the label */
-    labelPlacement?: Placement;
-
-    /** X offset of the label */
-    labelXOffset?: number;
-
-    /** Y offset of the label */
-    labelYOffset?: number;
-
-    /** Add Rect with fill */
-    fill?: string;
-
-    /** Add Rect with class*/
-    class?: string;
-
-    /** Add Rect with gradient */
-    gradient?: ComponentProps<typeof LinearGradient>;
-
-    /** Add Rect with pattern */
-    pattern?: ComponentProps<typeof Pattern>;
-
-    /** Classes for inner elements */
-    props?: {
-      label?: Partial<ComponentProps<typeof Text>>;
-      rect?: Partial<ComponentProps<typeof Rect>>;
-    };
-  } & CommonStyleProps;
-
-  export type AnnotationRangeProps = AnnotationRangePropsWithoutHTML &
-    Without<SVGAttributes<Element>, AnnotationRangePropsWithoutHTML>;
+  import type { Component } from 'svelte';
+  import type { AnnotationRangeProps } from './AnnotationRange.shared.svelte.js';
+
+  export type AnnotationRangeBaseLayerComponents = {
+    LinearGradient: Component<any>;
+    Pattern: Component<any>;
+    Rect: Component<any>;
+    Text: Component<any>;
+  };
+
+  export type AnnotationRangeBaseProps = AnnotationRangeProps &
+    AnnotationRangeBaseLayerComponents;
 </script>
 
 <script lang="ts">
-  import { getChartContext } from '../contexts/chart.js';
-  import LinearGradient from './LinearGradient.svelte';
-  import Pattern from './Pattern.svelte';
-  import Rect from './Rect.svelte';
-  import Text from './Text.svelte';
-  import type { Placement } from './types.js';
-
+  import { getChartContext } from '../../contexts/chart.js';
+  import { isScaleBand } from '../../utils/scales.svelte.js';
   import { cls } from '@layerstack/tailwind';
 
-  const {
+  let {
+    LinearGradient,
+    Pattern,
+    Rect,
+    Text,
     x,
     y,
     fill,
@@ -68,14 +34,11 @@
     labelXOffset = 0,
     labelYOffset = 0,
     props,
-  }: AnnotationRangeProps = $props();
+  }: AnnotationRangeBaseProps = $props();
 
   const ctx = getChartContext();
 
   const rect = $derived.by(() => {
-    // `null`/`undefined` on either side means "extend to chart edge" (xRange/yRange).
-    // Tracked so band adjustments only apply to endpoints derived from the band scale,
-    // not to the xRange fallback (which already contains the full pixel extent).
     const x0FromScale = x?.[0] != null;
     const x1FromScale = x?.[1] != null;
     const x0 = x0FromScale ? ctx.xScale(x![0]) : ctx.xRange[0];
@@ -99,10 +62,10 @@
       y: Math.min(y0, y1),
       width: right - left,
       height: Math.abs(y1 - y0),
-    } satisfies ComponentProps<typeof Rect>;
+    };
   });
 
-  const labelProps = $derived<ComponentProps<typeof Text>>({
+  const labelProps = $derived({
     x:
       ((labelPlacement.includes('left')
         ? rect.x
@@ -117,7 +80,7 @@
           ? (rect.y ?? 0) + rect.height
           : (rect.y ?? 0) + rect.height / 2) ?? 0) +
       (labelPlacement.includes('bottom') ? -labelYOffset : labelYOffset),
-    dy: -2, // adjust for smaler font size
+    dy: -2,
     textAnchor: labelPlacement.includes('left')
       ? 'start'
       : labelPlacement.includes('right')
@@ -142,7 +105,7 @@
 
 {#if gradient}
   <LinearGradient {...gradient}>
-    {#snippet children({ gradient })}
+    {#snippet children({ gradient }: { gradient: string })}
       <Rect {...rect} {...props?.rect} fill={gradient} />
     {/snippet}
   </LinearGradient>
@@ -150,7 +113,7 @@
 
 {#if pattern}
   <Pattern {...pattern}>
-    {#snippet children({ pattern })}
+    {#snippet children({ pattern }: { pattern: string })}
       <Rect {...rect} {...props?.rect} fill={pattern} />
     {/snippet}
   </Pattern>

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

@@ -0,0 +1,12 @@
+import type { Component } from 'svelte';
+import type { AnnotationRangeProps } from './AnnotationRange.shared.svelte.js';
+export type AnnotationRangeBaseLayerComponents = {
+    LinearGradient: Component<any>;
+    Pattern: Component<any>;
+    Rect: Component<any>;
+    Text: Component<any>;
+};
+export type AnnotationRangeBaseProps = AnnotationRangeProps & AnnotationRangeBaseLayerComponents;
+declare const AnnotationRange: Component<AnnotationRangeBaseProps, {}, "">;
+type AnnotationRange = ReturnType<typeof AnnotationRange>;
+export default AnnotationRange;

package/dist/components/AnnotationRange/AnnotationRange.canvas.svelte

@@ -0,0 +1,19 @@
+<script lang="ts" module>
+  export type {
+    AnnotationRangeProps,
+    AnnotationRangePropsWithoutHTML,
+  } from './AnnotationRange.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import AnnotationRangeBase from './AnnotationRange.base.svelte';
+  import LinearGradient from '../LinearGradient/LinearGradient.canvas.svelte';
+  import Pattern from '../Pattern/Pattern.canvas.svelte';
+  import Rect from '../Rect/Rect.canvas.svelte';
+  import Text from '../Text/Text.canvas.svelte';
+  import type { AnnotationRangeProps } from './AnnotationRange.shared.svelte.js';
+
+  let props: AnnotationRangeProps = $props();
+</script>
+
+<AnnotationRangeBase {LinearGradient} {Pattern} {Rect} {Text} {...props} />

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

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

package/dist/components/AnnotationRange/AnnotationRange.html.svelte

@@ -0,0 +1,19 @@
+<script lang="ts" module>
+  export type {
+    AnnotationRangeProps,
+    AnnotationRangePropsWithoutHTML,
+  } from './AnnotationRange.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import AnnotationRangeBase from './AnnotationRange.base.svelte';
+  import LinearGradient from '../LinearGradient/LinearGradient.html.svelte';
+  import Pattern from '../Pattern/Pattern.html.svelte';
+  import Rect from '../Rect/Rect.html.svelte';
+  import Text from '../Text/Text.html.svelte';
+  import type { AnnotationRangeProps } from './AnnotationRange.shared.svelte.js';
+
+  let props: AnnotationRangeProps = $props();
+</script>
+
+<AnnotationRangeBase {LinearGradient} {Pattern} {Rect} {Text} {...props} />

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

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

package/dist/components/AnnotationRange/AnnotationRange.shared.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { ComponentProps } from 'svelte';
+import type { SVGAttributes } from 'svelte/elements';
+import type { CommonStyleProps, Without } from '../../utils/types.js';
+import type { SingleDomainType } from '../../utils/scales.svelte.js';
+import type LinearGradient from '../LinearGradient/LinearGradient.svelte';
+import type Pattern from '../Pattern/Pattern.svelte';
+import type Rect from '../Rect/Rect.svelte';
+import type Text from '../Text/Text.svelte';
+import type { Placement } from '../types.js';
+export type AnnotationRangePropsWithoutHTML = {
+    x?: [SingleDomainType, SingleDomainType] | SingleDomainType[];
+    y?: [SingleDomainType, SingleDomainType] | SingleDomainType[];
+    label?: string;
+    labelPlacement?: Placement;
+    labelXOffset?: number;
+    labelYOffset?: number;
+    fill?: string;
+    class?: string;
+    gradient?: ComponentProps<typeof LinearGradient>;
+    pattern?: ComponentProps<typeof Pattern>;
+    props?: {
+        label?: Partial<ComponentProps<typeof Text>>;
+        rect?: Partial<ComponentProps<typeof Rect>>;
+    };
+} & CommonStyleProps;
+export type AnnotationRangeProps = AnnotationRangePropsWithoutHTML & Without<SVGAttributes<Element>, AnnotationRangePropsWithoutHTML>;