@retikz/core 0.3.0-alpha.4 → 0.3.0-alpha.5

package/dist/lib/ir/path/arrow.d.ts

@@ -55,20 +55,20 @@ export declare const ArrowEndDetailSchema: z.ZodObject<{
     length?: number | undefined;
     fill?: string | undefined;
     shape?: string | undefined;
-    color?: string | undefined;
     opacity?: number | undefined;
+    scale?: number | undefined;
+    color?: string | undefined;
     lineWidth?: number | undefined;
     width?: number | undefined;
-    scale?: number | undefined;
 }, {
     length?: number | undefined;
     fill?: string | undefined;
     shape?: string | undefined;
-    color?: string | undefined;
     opacity?: number | undefined;
+    scale?: number | undefined;
+    color?: string | undefined;
     lineWidth?: number | undefined;
     width?: number | undefined;
-    scale?: number | undefined;
 }>;
 /**
  * Path 级箭头详细配置 schema
@@ -97,20 +97,20 @@ export declare const ArrowDetailSchema: z.ZodObject<{
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
     }, {
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
     }>>;
     end: z.ZodOptional<z.ZodObject<{
         shape: z.ZodOptional<z.ZodString>;
@@ -125,78 +125,78 @@ export declare const ArrowDetailSchema: z.ZodObject<{
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
     }, {
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
     }>>;
 }, "strip", z.ZodTypeAny, {
     length?: number | undefined;
     fill?: string | undefined;
     shape?: string | undefined;
-    color?: string | undefined;
     opacity?: number | undefined;
+    scale?: number | undefined;
+    color?: string | undefined;
     lineWidth?: number | undefined;
     width?: number | undefined;
-    scale?: number | undefined;
     start?: {
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
     } | undefined;
     end?: {
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
     } | undefined;
 }, {
     length?: number | undefined;
     fill?: string | undefined;
     shape?: string | undefined;
-    color?: string | undefined;
     opacity?: number | undefined;
+    scale?: number | undefined;
+    color?: string | undefined;
     lineWidth?: number | undefined;
     width?: number | undefined;
-    scale?: number | undefined;
     start?: {
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
     } | undefined;
     end?: {
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
     } | undefined;
 }>;
 /** 端点级箭头视觉规格 */

package/dist/lib/ir/path/path.cjs

@@ -1,4 +1,5 @@
 const require_json = require("../json.cjs");
+const require_animation = require("../animation.cjs");
 const require_paint = require("../paint.cjs");
 const require_arrow = require("./arrow.cjs");
 const require_step = require("./step.cjs");
@@ -22,6 +23,7 @@ var PathSchema = zod.z.object({
 	type: zod.z.literal("path").describe("Discriminator marking this child as a path"),
 	id: zod.z.string().min(1).optional().describe("Optional stable id; required if another path needs to reference this path by string, and used as the hydration hook so client-side event handlers can be bound to the primitives this path emits."),
 	meta: require_json.JsonObjectSchema.optional().describe("Opaque provenance metadata carried by this element (e.g. a Tier 2 lowering tagging which datum / series / layer it came from). Provenance passthrough: preserved verbatim into the Scene primitive(s) this element emits, ignored by renderers, and never interpreted by the compiler — it does not affect layout, connection, style, or bounding box. Must be a JSON object (fully serializable). Not inherited across scopes; not part of the every-X style defaults."),
+	animations: zod.z.array(require_animation.AnimationTrackSchema).optional().describe("Declarative timeline animation tracks for this path (drawOn / fadeIn / …). Each track animates one renderer-agnostic property over normalized time; the base value is the settled (animation-end) state. Carried verbatim into the emitted Scene primitive; renderers play them or render the static settled state with a diagnosable warning when unable. Does not affect layout / bounding box. Not inherited across scopes; not part of the every-X style defaults."),
 	color: zod.z.string().optional().describe("Master color (TikZ `color=`). When set, the stroke, arrow tips, and step labels default to it unless individually overridden. Following the master color (not the stroke) is how a colored line shares its color with its labels and arrows — `stroke=` alone only paints the line."),
 	stroke: zod.z.string().optional().describe("Stroke color of the path; any CSS color. Defaults to currentColor when omitted"),
 	strokeWidth: zod.z.number().optional().describe("Stroke width in user units; defaults to 1 when omitted"),

package/dist/lib/ir/path/path.d.ts

@@ -36,21 +36,21 @@ export declare const ArrowMarkSchema: z.ZodObject<{
     length?: number | undefined;
     fill?: string | undefined;
     shape?: string | undefined;
-    color?: string | undefined;
     opacity?: number | undefined;
+    scale?: number | undefined;
+    color?: string | undefined;
     lineWidth?: number | undefined;
     width?: number | undefined;
-    scale?: number | undefined;
 }, {
     kind: "arrow";
     length?: number | undefined;
     fill?: string | undefined;
     shape?: string | undefined;
-    color?: string | undefined;
     opacity?: number | undefined;
+    scale?: number | undefined;
+    color?: string | undefined;
     lineWidth?: number | undefined;
     width?: number | undefined;
-    scale?: number | undefined;
 }>;
 /** 路径中段箭头标记类型 */
 export type IRArrowMark = z.infer<typeof ArrowMarkSchema>;
@@ -58,6 +58,126 @@ export declare const PathSchema: z.ZodObject<{
     type: z.ZodLiteral<"path">;
     id: z.ZodOptional<z.ZodString>;
     meta: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodType<import('..').JsonValue, z.ZodTypeDef, import('..').JsonValue>>>;
+    animations: z.ZodOptional<z.ZodArray<z.ZodEffects<z.ZodObject<{
+        property: z.ZodString;
+        keyframes: z.ZodEffects<z.ZodArray<z.ZodObject<{
+            at: z.ZodNumber;
+            value: z.ZodType<import('..').JsonValue, z.ZodTypeDef, import('..').JsonValue>;
+            easing: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>]>>;
+        }, "strip", z.ZodTypeAny, {
+            value: import('..').JsonValue;
+            at: number;
+            easing?: string | [number, number, number, number] | undefined;
+        }, {
+            value: import('..').JsonValue;
+            at: number;
+            easing?: string | [number, number, number, number] | undefined;
+        }>, "many">, {
+            value: import('..').JsonValue;
+            at: number;
+            easing?: string | [number, number, number, number] | undefined;
+        }[], {
+            value: import('..').JsonValue;
+            at: number;
+            easing?: string | [number, number, number, number] | undefined;
+        }[]>;
+        duration: z.ZodNumber;
+        delay: z.ZodOptional<z.ZodNumber>;
+        easing: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>]>>;
+        iterations: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodLiteral<"infinite">]>>;
+        direction: z.ZodOptional<z.ZodNativeEnum<{
+            readonly Normal: "normal";
+            readonly Reverse: "reverse";
+            readonly Alternate: "alternate";
+            readonly AlternateReverse: "alternate-reverse";
+        }>>;
+        fill: z.ZodOptional<z.ZodNativeEnum<{
+            readonly None: "none";
+            readonly Forwards: "forwards";
+            readonly Backwards: "backwards";
+            readonly Both: "both";
+        }>>;
+        trigger: z.ZodOptional<z.ZodUnion<[z.ZodNativeEnum<{
+            readonly Load: "load";
+            readonly Visible: "visible";
+            readonly Manual: "manual";
+        }>, z.ZodObject<{
+            onEvent: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            onEvent: string;
+        }, {
+            onEvent: string;
+        }>]>>;
+        origin: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>]>>;
+    }, "strip", z.ZodTypeAny, {
+        property: string;
+        keyframes: {
+            value: import('..').JsonValue;
+            at: number;
+            easing?: string | [number, number, number, number] | undefined;
+        }[];
+        duration: number;
+        fill?: "none" | "forwards" | "backwards" | "both" | undefined;
+        origin?: string | [number, number] | undefined;
+        direction?: "reverse" | "normal" | "alternate" | "alternate-reverse" | undefined;
+        easing?: string | [number, number, number, number] | undefined;
+        delay?: number | undefined;
+        iterations?: number | "infinite" | undefined;
+        trigger?: "load" | "visible" | "manual" | {
+            onEvent: string;
+        } | undefined;
+    }, {
+        property: string;
+        keyframes: {
+            value: import('..').JsonValue;
+            at: number;
+            easing?: string | [number, number, number, number] | undefined;
+        }[];
+        duration: number;
+        fill?: "none" | "forwards" | "backwards" | "both" | undefined;
+        origin?: string | [number, number] | undefined;
+        direction?: "reverse" | "normal" | "alternate" | "alternate-reverse" | undefined;
+        easing?: string | [number, number, number, number] | undefined;
+        delay?: number | undefined;
+        iterations?: number | "infinite" | undefined;
+        trigger?: "load" | "visible" | "manual" | {
+            onEvent: string;
+        } | undefined;
+    }>, {
+        property: string;
+        keyframes: {
+            value: import('..').JsonValue;
+            at: number;
+            easing?: string | [number, number, number, number] | undefined;
+        }[];
+        duration: number;
+        fill?: "none" | "forwards" | "backwards" | "both" | undefined;
+        origin?: string | [number, number] | undefined;
+        direction?: "reverse" | "normal" | "alternate" | "alternate-reverse" | undefined;
+        easing?: string | [number, number, number, number] | undefined;
+        delay?: number | undefined;
+        iterations?: number | "infinite" | undefined;
+        trigger?: "load" | "visible" | "manual" | {
+            onEvent: string;
+        } | undefined;
+    }, {
+        property: string;
+        keyframes: {
+            value: import('..').JsonValue;
+            at: number;
+            easing?: string | [number, number, number, number] | undefined;
+        }[];
+        duration: number;
+        fill?: "none" | "forwards" | "backwards" | "both" | undefined;
+        origin?: string | [number, number] | undefined;
+        direction?: "reverse" | "normal" | "alternate" | "alternate-reverse" | undefined;
+        easing?: string | [number, number, number, number] | undefined;
+        delay?: number | undefined;
+        iterations?: number | "infinite" | undefined;
+        trigger?: "load" | "visible" | "manual" | {
+            onEvent: string;
+        } | undefined;
+    }>, "many">>;
     color: z.ZodOptional<z.ZodString>;
     stroke: z.ZodOptional<z.ZodString>;
     strokeWidth: z.ZodOptional<z.ZodNumber>;
@@ -86,20 +206,20 @@ export declare const PathSchema: z.ZodObject<{
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         }, {
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         }>>;
         end: z.ZodOptional<z.ZodObject<{
             shape: z.ZodOptional<z.ZodString>;
@@ -114,78 +234,78 @@ export declare const PathSchema: z.ZodObject<{
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         }, {
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         }>>;
     }, "strip", z.ZodTypeAny, {
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
         start?: {
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         } | undefined;
         end?: {
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         } | undefined;
     }, {
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
         start?: {
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         } | undefined;
         end?: {
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         } | undefined;
     }>>;
     fill: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
@@ -329,21 +449,21 @@ export declare const PathSchema: z.ZodObject<{
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         }, {
             kind: "arrow";
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         }>;
     }, "strip", z.ZodTypeAny, {
         pos: number;
@@ -352,11 +472,11 @@ export declare const PathSchema: z.ZodObject<{
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         };
     }, {
         pos: number;
@@ -365,11 +485,11 @@ export declare const PathSchema: z.ZodObject<{
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         };
     }>, "many">>;
     children: z.ZodArray<z.ZodDiscriminatedUnion<"kind", [z.ZodObject<{
@@ -2669,45 +2789,64 @@ export declare const PathSchema: z.ZodObject<{
         fit?: "fill" | "contain" | "cover" | undefined;
     } | undefined;
     id?: string | undefined;
-    color?: string | undefined;
     opacity?: number | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+    rotate?: number | undefined;
     scale?: number | {
         x: number;
         y: number;
     } | undefined;
+    color?: string | undefined;
     arrow?: "none" | "->" | "<-" | "<->" | undefined;
     meta?: Record<string, import('..').JsonValue> | undefined;
-    stroke?: string | undefined;
-    strokeWidth?: number | undefined;
+    animations?: {
+        property: string;
+        keyframes: {
+            value: import('..').JsonValue;
+            at: number;
+            easing?: string | [number, number, number, number] | undefined;
+        }[];
+        duration: number;
+        fill?: "none" | "forwards" | "backwards" | "both" | undefined;
+        origin?: string | [number, number] | undefined;
+        direction?: "reverse" | "normal" | "alternate" | "alternate-reverse" | undefined;
+        easing?: string | [number, number, number, number] | undefined;
+        delay?: number | undefined;
+        iterations?: number | "infinite" | undefined;
+        trigger?: "load" | "visible" | "manual" | {
+            onEvent: string;
+        } | undefined;
+    }[] | undefined;
     dashPattern?: number[] | undefined;
     arrowDetail?: {
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
         start?: {
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         } | undefined;
         end?: {
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         } | undefined;
     } | undefined;
     fillRule?: "nonzero" | "evenodd" | undefined;
@@ -2717,7 +2856,6 @@ export declare const PathSchema: z.ZodObject<{
     fillOpacity?: number | undefined;
     drawOpacity?: number | undefined;
     zIndex?: number | undefined;
-    rotate?: number | undefined;
     marks?: {
         pos: number;
         mark: {
@@ -2725,11 +2863,11 @@ export declare const PathSchema: z.ZodObject<{
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         };
     }[] | undefined;
 }, {
@@ -3135,45 +3273,64 @@ export declare const PathSchema: z.ZodObject<{
         fit?: "fill" | "contain" | "cover" | undefined;
     } | undefined;
     id?: string | undefined;
-    color?: string | undefined;
     opacity?: number | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+    rotate?: number | undefined;
     scale?: number | {
         x: number;
         y: number;
     } | undefined;
+    color?: string | undefined;
     arrow?: "none" | "->" | "<-" | "<->" | undefined;
     meta?: Record<string, import('..').JsonValue> | undefined;
-    stroke?: string | undefined;
-    strokeWidth?: number | undefined;
+    animations?: {
+        property: string;
+        keyframes: {
+            value: import('..').JsonValue;
+            at: number;
+            easing?: string | [number, number, number, number] | undefined;
+        }[];
+        duration: number;
+        fill?: "none" | "forwards" | "backwards" | "both" | undefined;
+        origin?: string | [number, number] | undefined;
+        direction?: "reverse" | "normal" | "alternate" | "alternate-reverse" | undefined;
+        easing?: string | [number, number, number, number] | undefined;
+        delay?: number | undefined;
+        iterations?: number | "infinite" | undefined;
+        trigger?: "load" | "visible" | "manual" | {
+            onEvent: string;
+        } | undefined;
+    }[] | undefined;
     dashPattern?: number[] | undefined;
     arrowDetail?: {
         length?: number | undefined;
         fill?: string | undefined;
         shape?: string | undefined;
-        color?: string | undefined;
         opacity?: number | undefined;
+        scale?: number | undefined;
+        color?: string | undefined;
         lineWidth?: number | undefined;
         width?: number | undefined;
-        scale?: number | undefined;
         start?: {
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         } | undefined;
         end?: {
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         } | undefined;
     } | undefined;
     fillRule?: "nonzero" | "evenodd" | undefined;
@@ -3183,7 +3340,6 @@ export declare const PathSchema: z.ZodObject<{
     fillOpacity?: number | undefined;
     drawOpacity?: number | undefined;
     zIndex?: number | undefined;
-    rotate?: number | undefined;
     marks?: {
         pos: number;
         mark: {
@@ -3191,11 +3347,11 @@ export declare const PathSchema: z.ZodObject<{
             length?: number | undefined;
             fill?: string | undefined;
             shape?: string | undefined;
-            color?: string | undefined;
             opacity?: number | undefined;
+            scale?: number | undefined;
+            color?: string | undefined;
             lineWidth?: number | undefined;
             width?: number | undefined;
-            scale?: number | undefined;
         };
     }[] | undefined;
 }>;