@almadar/std 16.173.0 → 16.175.0

package/behaviors/registry/ui/learning/atoms/ui-math-canvas.orb

@@ -98,6 +98,53 @@
         {
           "category": "interaction",
           "config": {
+            "angles": {
+              "default": [],
+              "description": "Angle-sweep arcs at a vertex.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "from": {
+                    "name": "from",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "radius": {
+                    "name": "radius",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "to": {
+                    "name": "to",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Angles",
+              "tier": "presentation",
+              "type": "[MathCanvasAnglesItem]"
+            },
             "animate": {
               "default": false,
               "description": "animate prop",
@@ -105,6 +152,48 @@
               "tier": "presentation",
               "type": "boolean"
             },
+            "bars": {
+              "default": [],
+              "description": "Riemann/histogram bar strips.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "opacity": {
+                    "name": "opacity",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "width": {
+                    "name": "width",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "y0": {
+                    "name": "y0",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "y1": {
+                    "name": "y1",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Bars",
+              "tier": "presentation",
+              "type": "[MathCanvasBarsItem]"
+            },
             "className": {
               "description": "className prop",
               "label": "Class Name",
@@ -121,6 +210,15 @@
                     "required": false,
                     "type": "string"
                   },
+                  "dash": {
+                    "name": "dash",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "dashed",
+                      "dotted"
+                    ]
+                  },
                   "label": {
                     "name": "label",
                     "required": false,
@@ -188,6 +286,51 @@
               "tier": "presentation",
               "type": "number"
             },
+            "guides": {
+              "default": [],
+              "description": "Fixed reference lines (vline/hline).",
+              "items": {
+                "properties": {
+                  "at": {
+                    "name": "at",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "dash": {
+                    "name": "dash",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "dashed",
+                      "dotted"
+                    ]
+                  },
+                  "kind": {
+                    "name": "kind",
+                    "required": true,
+                    "type": "string",
+                    "values": [
+                      "vline",
+                      "hline"
+                    ]
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Guides",
+              "tier": "presentation",
+              "type": "[MathCanvasGuidesItem]"
+            },
             "height": {
               "default": 400.0,
               "description": "height prop",
@@ -195,6 +338,38 @@
               "tier": "presentation",
               "type": "number"
             },
+            "hops": {
+              "default": [],
+              "description": "Number-line jump arcs.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "from": {
+                    "name": "from",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "to": {
+                    "name": "to",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Hops",
+              "tier": "presentation",
+              "type": "[MathCanvasHopsItem]"
+            },
             "interactive": {
               "default": false,
               "description": "interactive prop",
@@ -235,6 +410,15 @@
                     "required": false,
                     "type": "number"
                   },
+                  "style": {
+                    "name": "style",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "closed",
+                      "open"
+                    ]
+                  },
                   "x": {
                     "name": "x",
                     "required": true,
@@ -252,6 +436,105 @@
               "tier": "presentation",
               "type": "[MathCanvasPointsItem]"
             },
+            "readouts": {
+              "default": [],
+              "description": "Top-right status chips, forwarded verbatim to LearningCanvas.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "value": {
+                    "name": "value",
+                    "required": true,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Readouts",
+              "tier": "presentation",
+              "type": "[MathCanvasReadoutsItem]"
+            },
+            "regions": {
+              "default": [],
+              "description": "Filled areas under curves or between curve pairs.",
+              "items": {
+                "properties": {
+                  "baseline": {
+                    "name": "baseline",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "opacity": {
+                    "name": "opacity",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "samples": {
+                    "items": {
+                      "properties": {
+                        "x": {
+                          "name": "x",
+                          "required": true,
+                          "type": "number"
+                        },
+                        "y": {
+                          "name": "y",
+                          "required": true,
+                          "type": "number"
+                        }
+                      },
+                      "type": "object"
+                    },
+                    "name": "samples",
+                    "required": true,
+                    "type": "array"
+                  },
+                  "samples2": {
+                    "items": {
+                      "properties": {
+                        "x": {
+                          "name": "x",
+                          "required": true,
+                          "type": "number"
+                        },
+                        "y": {
+                          "name": "y",
+                          "required": true,
+                          "type": "number"
+                        }
+                      },
+                      "type": "object"
+                    },
+                    "name": "samples2",
+                    "required": false,
+                    "type": "array"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Regions",
+              "tier": "presentation",
+              "type": "[MathCanvasRegionsItem]"
+            },
             "shapes": {
               "default": [],
               "description": "Extra declarative shapes in canvas pixel coordinates.",
@@ -281,6 +564,20 @@
                     "required": false,
                     "type": "string"
                   },
+                  "dash": {
+                    "name": "dash",
+                    "required": false,
+                    "type": "string",
+                    "values": [
+                      "dashed",
+                      "dotted"
+                    ]
+                  },
+                  "endAngle": {
+                    "name": "endAngle",
+                    "required": false,
+                    "type": "number"
+                  },
                   "fill": {
                     "name": "fill",
                     "required": false,
@@ -356,6 +653,11 @@
                     "required": false,
                     "type": "number"
                   },
+                  "startAngle": {
+                    "name": "startAngle",
+                    "required": false,
+                    "type": "number"
+                  },
                   "step": {
                     "name": "step",
                     "required": false,
@@ -374,6 +676,7 @@
                       "line",
                       "arrow",
                       "circle",
+                      "ellipse",
                       "rect",
                       "polygon",
                       "path",
@@ -431,6 +734,13 @@
               "tier": "presentation",
               "type": "boolean"
             },
+            "showCurveLabels": {
+              "default": false,
+              "description": "Draw each curve's `label` at its last in-range sample (default false).",
+              "label": "Show Curve Labels",
+              "tier": "presentation",
+              "type": "boolean"
+            },
             "showGrid": {
               "default": true,
               "description": "showGrid prop",
@@ -438,33 +748,137 @@
               "tier": "presentation",
               "type": "boolean"
             },
+            "showTickLabels": {
+              "default": false,
+              "description": "Draw numeric labels on grid lines (default false).",
+              "label": "Show Tick Labels",
+              "tier": "presentation",
+              "type": "boolean"
+            },
             "title": {
               "description": "title prop",
               "label": "Title",
               "tier": "presentation",
               "type": "string"
             },
-            "vectors": {
+            "traces": {
               "default": [],
-              "description": "vectors prop",
+              "description": "Inset sparkline panels, forwarded verbatim to LearningCanvas.",
               "items": {
                 "properties": {
-                  "color": {
-                    "name": "color",
+                  "backgroundColor": {
+                    "name": "backgroundColor",
                     "required": false,
                     "type": "string"
                   },
-                  "label": {
-                    "name": "label",
+                  "backgroundOpacity": {
+                    "name": "backgroundOpacity",
                     "required": false,
-                    "type": "string"
-                  },
-                  "vx": {
-                    "name": "vx",
-                    "required": true,
                     "type": "number"
                   },
-                  "vy": {
+                  "frameColor": {
+                    "name": "frameColor",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "height": {
+                    "name": "height",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "series": {
+                    "items": {
+                      "properties": {
+                        "color": {
+                          "name": "color",
+                          "required": false,
+                          "type": "string"
+                        },
+                        "label": {
+                          "name": "label",
+                          "required": false,
+                          "type": "string"
+                        },
+                        "samples": {
+                          "items": {
+                            "properties": {
+                              "x": {
+                                "name": "x",
+                                "required": true,
+                                "type": "number"
+                              },
+                              "y": {
+                                "name": "y",
+                                "required": true,
+                                "type": "number"
+                              }
+                            },
+                            "type": "object"
+                          },
+                          "name": "samples",
+                          "required": true,
+                          "type": "array"
+                        }
+                      },
+                      "type": "object"
+                    },
+                    "name": "series",
+                    "required": true,
+                    "type": "array"
+                  },
+                  "width": {
+                    "name": "width",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "x": {
+                    "name": "x",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "xLabel": {
+                    "name": "xLabel",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "y": {
+                    "name": "y",
+                    "required": false,
+                    "type": "number"
+                  },
+                  "yLabel": {
+                    "name": "yLabel",
+                    "required": false,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Traces",
+              "tier": "presentation",
+              "type": "[MathCanvasTracesItem]"
+            },
+            "vectors": {
+              "default": [],
+              "description": "vectors prop",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": false,
+                    "type": "string"
+                  },
+                  "vx": {
+                    "name": "vx",
+                    "required": true,
+                    "type": "number"
+                  },
+                  "vy": {
                     "name": "vy",
                     "required": true,
                     "type": "number"
@@ -580,19 +994,507 @@
                 "payloadSchema": [
                   {
                     "name": "curves",
-                    "type": "[MathCanvasCurvesItem]"
+                    "properties": [
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "samples",
+                        "properties": [
+                          {
+                            "name": "x",
+                            "required": true,
+                            "type": "number"
+                          },
+                          {
+                            "name": "y",
+                            "required": true,
+                            "type": "number"
+                          }
+                        ],
+                        "required": true,
+                        "type": "[object]"
+                      },
+                      {
+                        "name": "dash",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
                   },
                   {
                     "name": "points",
-                    "type": "[MathCanvasPointsItem]"
+                    "properties": [
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "radius",
+                        "type": "number"
+                      },
+                      {
+                        "name": "style",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
                   },
                   {
                     "name": "vectors",
-                    "type": "[MathCanvasVectorsItem]"
+                    "properties": [
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "vx",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "vy",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "regions",
+                    "properties": [
+                      {
+                        "name": "samples",
+                        "properties": [
+                          {
+                            "name": "x",
+                            "required": true,
+                            "type": "number"
+                          },
+                          {
+                            "name": "y",
+                            "required": true,
+                            "type": "number"
+                          }
+                        ],
+                        "required": true,
+                        "type": "[object]"
+                      },
+                      {
+                        "name": "samples2",
+                        "properties": [
+                          {
+                            "name": "x",
+                            "required": true,
+                            "type": "number"
+                          },
+                          {
+                            "name": "y",
+                            "required": true,
+                            "type": "number"
+                          }
+                        ],
+                        "type": "[object]"
+                      },
+                      {
+                        "name": "baseline",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "opacity",
+                        "type": "number"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "bars",
+                    "properties": [
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "width",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y0",
+                        "type": "number"
+                      },
+                      {
+                        "name": "y1",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "opacity",
+                        "type": "number"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "guides",
+                    "properties": [
+                      {
+                        "name": "kind",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "at",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "dash",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "angles",
+                    "properties": [
+                      {
+                        "name": "x",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "from",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "to",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "radius",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "hops",
+                    "properties": [
+                      {
+                        "name": "from",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "to",
+                        "required": true,
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
                   },
                   {
                     "name": "shapes",
-                    "type": "[MathCanvasShapesItem]"
+                    "properties": [
+                      {
+                        "name": "type",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "id",
+                        "type": "string"
+                      },
+                      {
+                        "name": "x",
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "type": "number"
+                      },
+                      {
+                        "name": "x1",
+                        "type": "number"
+                      },
+                      {
+                        "name": "y1",
+                        "type": "number"
+                      },
+                      {
+                        "name": "x2",
+                        "type": "number"
+                      },
+                      {
+                        "name": "y2",
+                        "type": "number"
+                      },
+                      {
+                        "name": "radius",
+                        "type": "number"
+                      },
+                      {
+                        "name": "width",
+                        "type": "number"
+                      },
+                      {
+                        "name": "height",
+                        "type": "number"
+                      },
+                      {
+                        "name": "points",
+                        "properties": [
+                          {
+                            "name": "x",
+                            "required": true,
+                            "type": "number"
+                          },
+                          {
+                            "name": "y",
+                            "required": true,
+                            "type": "number"
+                          }
+                        ],
+                        "type": "[object]"
+                      },
+                      {
+                        "name": "path",
+                        "type": "string"
+                      },
+                      {
+                        "name": "text",
+                        "type": "string"
+                      },
+                      {
+                        "name": "label",
+                        "type": "string"
+                      },
+                      {
+                        "name": "fontSize",
+                        "type": "number"
+                      },
+                      {
+                        "name": "align",
+                        "type": "string"
+                      },
+                      {
+                        "name": "axis",
+                        "type": "string"
+                      },
+                      {
+                        "name": "min",
+                        "type": "number"
+                      },
+                      {
+                        "name": "max",
+                        "type": "number"
+                      },
+                      {
+                        "name": "step",
+                        "type": "number"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      },
+                      {
+                        "name": "fill",
+                        "type": "string"
+                      },
+                      {
+                        "name": "lineWidth",
+                        "type": "number"
+                      },
+                      {
+                        "name": "opacity",
+                        "type": "number"
+                      },
+                      {
+                        "name": "startAngle",
+                        "type": "number"
+                      },
+                      {
+                        "name": "endAngle",
+                        "type": "number"
+                      },
+                      {
+                        "name": "dash",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "readouts",
+                    "properties": [
+                      {
+                        "name": "label",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "value",
+                        "required": true,
+                        "type": "string"
+                      },
+                      {
+                        "name": "color",
+                        "type": "string"
+                      }
+                    ],
+                    "type": "[object]"
+                  },
+                  {
+                    "name": "traces",
+                    "properties": [
+                      {
+                        "name": "x",
+                        "type": "number"
+                      },
+                      {
+                        "name": "y",
+                        "type": "number"
+                      },
+                      {
+                        "name": "width",
+                        "type": "number"
+                      },
+                      {
+                        "name": "height",
+                        "type": "number"
+                      },
+                      {
+                        "name": "series",
+                        "properties": [
+                          {
+                            "name": "samples",
+                            "properties": [
+                              {
+                                "name": "x",
+                                "required": true,
+                                "type": "number"
+                              },
+                              {
+                                "name": "y",
+                                "required": true,
+                                "type": "number"
+                              }
+                            ],
+                            "required": true,
+                            "type": "[object]"
+                          },
+                          {
+                            "name": "color",
+                            "type": "string"
+                          },
+                          {
+                            "name": "label",
+                            "type": "string"
+                          }
+                        ],
+                        "required": true,
+                        "type": "[object]"
+                      },
+                      {
+                        "name": "xLabel",
+                        "type": "string"
+                      },
+                      {
+                        "name": "yLabel",
+                        "type": "string"
+                      },
+                      {
+                        "name": "frameColor",
+                        "type": "string"
+                      },
+                      {
+                        "name": "backgroundColor",
+                        "type": "string"
+                      },
+                      {
+                        "name": "backgroundOpacity",
+                        "type": "number"
+                      }
+                    ],
+                    "type": "[object]"
                   }
                 ],
                 "synonyms": "tick, redraw, animate, frame",
@@ -640,20 +1542,29 @@
                     "render-ui",
                     "main",
                     {
+                      "angles": "@config.angles",
                       "animate": "@config.animate",
+                      "bars": "@config.bars",
                       "className": "@config.className",
                       "curves": "@config.curves",
                       "error": "@config.error",
                       "gridStep": "@config.gridStep",
+                      "guides": "@config.guides",
                       "height": "@config.height",
+                      "hops": "@config.hops",
                       "interactive": "@config.interactive",
                       "isLoading": "@config.isLoading",
                       "onShapeClick": "@config.onShapeClick",
                       "points": "@config.points",
+                      "readouts": "@config.readouts",
+                      "regions": "@config.regions",
                       "shapes": "@config.shapes",
                       "showAxes": "@config.showAxes",
+                      "showCurveLabels": "@config.showCurveLabels",
                       "showGrid": "@config.showGrid",
+                      "showTickLabels": "@config.showTickLabels",
                       "title": "@config.title",
+                      "traces": "@config.traces",
                       "type": "math-canvas",
                       "vectors": "@config.vectors",
                       "width": "@config.width",
@@ -675,20 +1586,29 @@
                     "render-ui",
                     "main",
                     {
+                      "angles": "@payload.angles",
                       "animate": "@config.animate",
+                      "bars": "@payload.bars",
                       "className": "@config.className",
                       "curves": "@payload.curves",
                       "error": "@config.error",
                       "gridStep": "@config.gridStep",
+                      "guides": "@payload.guides",
                       "height": "@config.height",
+                      "hops": "@payload.hops",
                       "interactive": "@config.interactive",
                       "isLoading": "@config.isLoading",
                       "onShapeClick": "@config.onShapeClick",
                       "points": "@payload.points",
+                      "readouts": "@payload.readouts",
+                      "regions": "@payload.regions",
                       "shapes": "@payload.shapes",
                       "showAxes": "@config.showAxes",
+                      "showCurveLabels": "@config.showCurveLabels",
                       "showGrid": "@config.showGrid",
+                      "showTickLabels": "@config.showTickLabels",
                       "title": "@config.title",
+                      "traces": "@payload.traces",
                       "type": "math-canvas",
                       "vectors": "@payload.vectors",
                       "width": "@config.width",