svelteplot 0.3.11-pr-153.17 → 0.3.11-pr-153.18

package/dist/marks/Text.svelte

@@ -49,6 +49,10 @@
             | 'bottom-right',
             Datum
         >;
+        /**
+         * rotate text by angle in degrees
+         */
+        rotate: ConstantAccessor<number, Datum>;
     }
 
     import { getContext, type Snippet } from 'svelte';
@@ -59,14 +63,11 @@
         ConstantAccessor,
         ChannelAccessor,
         PlotDefaults,
-        TransformArg,
-        RawValue,
         LinkableMarkProps
     } from '../types/index.js';
     import { resolveProp, resolveStyles } from '../helpers/resolve.js';
     import Mark from '../Mark.svelte';
     import { sort } from '../index.js';
-    import Anchor from './helpers/Anchor.svelte';
 
     import MultilineText from './helpers/MultilineText.svelte';
 

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

@@ -1,6 +1,6 @@
 import type * as CSS from 'csstype';
 import { type Snippet } from 'svelte';
-import type { DataRecord, ConstantAccessor, ChannelAccessor, RawValue, LinkableMarkProps } from '../types/index.js';
+import type { DataRecord, ConstantAccessor, ChannelAccessor, LinkableMarkProps } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
     props(): Partial<{
         filter?: ConstantAccessor<boolean, Datum>;
@@ -14,7 +14,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: RawValue, b: RawValue) => number) | ConstantAccessor<RawValue, Datum>;
+        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | ConstantAccessor<import("../types/data").RawValue, Datum>;
         stroke: ChannelAccessor<Datum>;
         strokeWidth: ConstantAccessor<number, Datum>;
         strokeOpacity: ConstantAccessor<number, Datum>;
@@ -94,6 +94,10 @@ declare class __sveltets_Render<Datum extends DataRecord> {
          */
         lineHeight?: ConstantAccessor<number, Datum>;
         frameAnchor?: ConstantAccessor<"bottom" | "top" | "left" | "right" | "top-left" | "bottom-left" | "top-right" | "bottom-right", Datum>;
+        /**
+         * rotate text by angle in degrees
+         */
+        rotate: ConstantAccessor<number, Datum>;
     };
     events(): {};
     slots(): {};

package/dist/marks/helpers/MultilineText.svelte

@@ -116,6 +116,8 @@
     const lineHeight = $derived(
         textLines.length > 1 ? (resolveProp(args.lineHeight, d.datum) ?? 1.2) : 0
     );
+
+    const rotate = $derived(+resolveProp(args.rotate, d.datum, 0));
 </script>
 
 {#if textLines.length > 1}
@@ -134,7 +136,7 @@
                       : 0) *
                     computedFontSize *
                     lineHeight
-        )})"
+        )}) rotate({rotate})"
         >{#each textLines as line, l (l)}<tspan
                 x="0"
                 dy={l ? computedFontSize * lineHeight : 0}
@@ -146,7 +148,7 @@
     <text
         class={[textClassName, styleClass]}
         dominant-baseline={LINE_ANCHOR[lineAnchor]}
-        transform="translate({Math.round(x + dx)},{Math.round(y + dy)})"
+        transform="translate({Math.round(x + dx)},{Math.round(y + dy)}) rotate({rotate})"
         {style}
         >{textLines[0]}{#if title}<title>{title}</title>{/if}</text>
 {/if}

package/dist/types/scale.d.ts

@@ -21,7 +21,7 @@ export type ScaleOptions = {
      * Reverse the scale.
      */
     reverse: boolean;
-    label?: string;
+    label?: string | false;
     interval?: string | number;
     clamp: boolean;
     nice: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.3.11-pr-153.17",
+    "version": "0.3.11-pr-153.18",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",