@petal-nexus/toolkit 0.2.6 → 0.3.0

package/dist/petal-toolkit.es1329.js

@@ -1,5 +1,486 @@
-var s = {};
+import { jsxs as a, jsx as e, Fragment as y } from "react/jsx-runtime";
+import { memo as g, useState as v, useCallback as f, useEffect as C } from "react";
+/* empty css                     */
+function S(p) {
+  const i = {
+    strokeColor: "#3b82f6",
+    strokeThickness: 2,
+    strokeStyle: "solid",
+    strokeOpacity: 1
+  };
+  switch (p) {
+    case "rectangle":
+    case "ellipse":
+      return {
+        ...i,
+        fillColor: "#3b82f6",
+        fillOpacity: 0.1,
+        showFill: !0
+      };
+    case "text":
+      return {
+        ...i,
+        text: "Text",
+        fontSize: 14,
+        fontFamily: "monospace",
+        textAlign: "left",
+        textColor: "#e5e7eb"
+      };
+    case "arrow":
+      return {
+        ...i,
+        arrowSize: 10,
+        arrowStyle: "simple"
+      };
+    case "fibonacci-retracement":
+    case "fibonacci-extension":
+      return {
+        ...i,
+        fibLevels: [
+          { level: 0, label: "0%", color: "#9ca3af" },
+          { level: 0.236, label: "23.6%", color: "#ef4444" },
+          { level: 0.382, label: "38.2%", color: "#f59e0b" },
+          { level: 0.5, label: "50%", color: "#10b981" },
+          { level: 0.618, label: "61.8%", color: "#3b82f6" },
+          { level: 1, label: "100%", color: "#9ca3af" }
+        ]
+      };
+    default:
+      return i;
+  }
+}
+const w = g(
+  ({
+    drawingManager: p,
+    selectedDrawingId: i,
+    className: b = "",
+    onPropertyChange: c,
+    initiallyCollapsed: N = !1
+  }) => {
+    const [d, k] = v(N), [r, o] = v({}), [n, _] = v(null), h = f(() => {
+      if (!i) {
+        o({}), _(null);
+        return;
+      }
+      const l = p.getDrawing(i);
+      if (!l) {
+        o({}), _(null);
+        return;
+      }
+      _(l.type);
+      const s = S(l.type);
+      o({ ...s, ...l.properties });
+    }, [p, i]);
+    C(() => {
+      h();
+      const l = p.addEventListener((s) => {
+        s.type === "drawing-modified" && s.drawing.id === i ? h() : s.type === "drawing-removed" && s.drawingId === i ? (o({}), _(null)) : s.type === "selection-changed" && h();
+      });
+      return () => l();
+    }, [p, i, h]);
+    const t = f(
+      (l, s) => {
+        if (!i) return;
+        const m = { ...r, [l]: s };
+        o(m), p.modifyDrawing(i, {
+          properties: m
+        }), c == null || c(i, l, s);
+      },
+      [p, i, r, c]
+    ), x = f(() => {
+      k((l) => !l);
+    }, []);
+    return !i || !n ? /* @__PURE__ */ a("div", { className: `properties-panel properties-panel--empty ${b}`, children: [
+      /* @__PURE__ */ e("div", { className: "properties-panel__header", children: /* @__PURE__ */ e("span", { className: "properties-panel__title", children: "Properties" }) }),
+      /* @__PURE__ */ a("div", { className: "properties-panel__empty-state", children: [
+        /* @__PURE__ */ a(
+          "svg",
+          {
+            className: "properties-panel__empty-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            children: [
+              /* @__PURE__ */ e(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: "properties-panel__empty-text", children: "Select a drawing to view properties" })
+      ] })
+    ] }) : /* @__PURE__ */ a(
+      "div",
+      {
+        className: `properties-panel ${d ? "properties-panel--collapsed" : ""} ${b}`,
+        children: [
+          /* @__PURE__ */ a("div", { className: "properties-panel__header", children: [
+            /* @__PURE__ */ e("span", { className: "properties-panel__title", children: "Properties" }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: "properties-panel__collapse-btn",
+                onClick: x,
+                title: d ? "Expand panel" : "Collapse panel",
+                children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: d ? /* @__PURE__ */ e(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M15 19l-7-7 7-7"
+                  }
+                ) : /* @__PURE__ */ e(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M9 5l7 7-7 7"
+                  }
+                ) })
+              }
+            )
+          ] }),
+          !d && /* @__PURE__ */ a("div", { className: "properties-panel__content", children: [
+            /* @__PURE__ */ e("div", { className: "properties-panel__section", children: /* @__PURE__ */ e("div", { className: "properties-panel__type-label", children: L(n) }) }),
+            /* @__PURE__ */ a("div", { className: "properties-panel__section", children: [
+              /* @__PURE__ */ e("h3", { className: "properties-panel__section-title", children: "Stroke" }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ e("label", { className: "properties-panel__label", children: "Color" }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "color",
+                    className: "properties-panel__color-picker",
+                    value: r.strokeColor || "#3b82f6",
+                    onChange: (l) => t("strokeColor", l.target.value)
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "text",
+                    className: "properties-panel__color-input",
+                    value: r.strokeColor || "#3b82f6",
+                    onChange: (l) => t("strokeColor", l.target.value),
+                    placeholder: "#3b82f6"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ a("label", { className: "properties-panel__label", children: [
+                  "Thickness",
+                  " ",
+                  /* @__PURE__ */ a("span", { className: "properties-panel__value", children: [
+                    r.strokeThickness || 2,
+                    "px"
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "range",
+                    className: "properties-panel__slider",
+                    min: "1",
+                    max: "10",
+                    step: "1",
+                    value: r.strokeThickness || 2,
+                    onChange: (l) => t("strokeThickness", parseInt(l.target.value, 10))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ e("label", { className: "properties-panel__label", children: "Style" }),
+                /* @__PURE__ */ a(
+                  "select",
+                  {
+                    className: "properties-panel__select",
+                    value: r.strokeStyle || "solid",
+                    onChange: (l) => t("strokeStyle", l.target.value),
+                    children: [
+                      /* @__PURE__ */ e("option", { value: "solid", children: "Solid" }),
+                      /* @__PURE__ */ e("option", { value: "dashed", children: "Dashed" }),
+                      /* @__PURE__ */ e("option", { value: "dotted", children: "Dotted" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ a("label", { className: "properties-panel__label", children: [
+                  "Opacity",
+                  " ",
+                  /* @__PURE__ */ a("span", { className: "properties-panel__value", children: [
+                    ((r.strokeOpacity || 1) * 100).toFixed(0),
+                    "%"
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "range",
+                    className: "properties-panel__slider",
+                    min: "0",
+                    max: "1",
+                    step: "0.1",
+                    value: r.strokeOpacity || 1,
+                    onChange: (l) => t("strokeOpacity", parseFloat(l.target.value))
+                  }
+                )
+              ] })
+            ] }),
+            (n === "rectangle" || n === "ellipse") && /* @__PURE__ */ a("div", { className: "properties-panel__section", children: [
+              /* @__PURE__ */ e("h3", { className: "properties-panel__section-title", children: "Fill" }),
+              /* @__PURE__ */ e("div", { className: "properties-panel__field properties-panel__field--checkbox", children: /* @__PURE__ */ a("label", { className: "properties-panel__checkbox-label", children: [
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "properties-panel__checkbox",
+                    checked: r.showFill !== !1,
+                    onChange: (l) => t("showFill", l.target.checked)
+                  }
+                ),
+                /* @__PURE__ */ e("span", { children: "Show Fill" })
+              ] }) }),
+              r.showFill !== !1 && /* @__PURE__ */ a(y, { children: [
+                /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                  /* @__PURE__ */ e("label", { className: "properties-panel__label", children: "Color" }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "color",
+                      className: "properties-panel__color-picker",
+                      value: r.fillColor || "#3b82f6",
+                      onChange: (l) => t("fillColor", l.target.value)
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "text",
+                      className: "properties-panel__color-input",
+                      value: r.fillColor || "#3b82f6",
+                      onChange: (l) => t("fillColor", l.target.value),
+                      placeholder: "#3b82f6"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                  /* @__PURE__ */ a("label", { className: "properties-panel__label", children: [
+                    "Opacity",
+                    " ",
+                    /* @__PURE__ */ a("span", { className: "properties-panel__value", children: [
+                      ((r.fillOpacity || 0.1) * 100).toFixed(0),
+                      "%"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      type: "range",
+                      className: "properties-panel__slider",
+                      min: "0",
+                      max: "1",
+                      step: "0.1",
+                      value: r.fillOpacity || 0.1,
+                      onChange: (l) => t("fillOpacity", parseFloat(l.target.value))
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            n === "text" && /* @__PURE__ */ a("div", { className: "properties-panel__section", children: [
+              /* @__PURE__ */ e("h3", { className: "properties-panel__section-title", children: "Text" }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ e("label", { className: "properties-panel__label", children: "Content" }),
+                /* @__PURE__ */ e(
+                  "textarea",
+                  {
+                    className: "properties-panel__textarea",
+                    value: r.text || "",
+                    onChange: (l) => t("text", l.target.value),
+                    placeholder: "Enter text...",
+                    rows: 3
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ a("label", { className: "properties-panel__label", children: [
+                  "Font Size",
+                  " ",
+                  /* @__PURE__ */ a("span", { className: "properties-panel__value", children: [
+                    r.fontSize || 14,
+                    "px"
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "range",
+                    className: "properties-panel__slider",
+                    min: "8",
+                    max: "32",
+                    step: "1",
+                    value: r.fontSize || 14,
+                    onChange: (l) => t("fontSize", parseInt(l.target.value, 10))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ e("label", { className: "properties-panel__label", children: "Font Family" }),
+                /* @__PURE__ */ a(
+                  "select",
+                  {
+                    className: "properties-panel__select",
+                    value: r.fontFamily || "monospace",
+                    onChange: (l) => t("fontFamily", l.target.value),
+                    children: [
+                      /* @__PURE__ */ e("option", { value: "monospace", children: "Monospace" }),
+                      /* @__PURE__ */ e("option", { value: "sans-serif", children: "Sans-Serif" }),
+                      /* @__PURE__ */ e("option", { value: "serif", children: "Serif" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ e("label", { className: "properties-panel__label", children: "Alignment" }),
+                /* @__PURE__ */ a(
+                  "select",
+                  {
+                    className: "properties-panel__select",
+                    value: r.textAlign || "left",
+                    onChange: (l) => t("textAlign", l.target.value),
+                    children: [
+                      /* @__PURE__ */ e("option", { value: "left", children: "Left" }),
+                      /* @__PURE__ */ e("option", { value: "center", children: "Center" }),
+                      /* @__PURE__ */ e("option", { value: "right", children: "Right" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ e("label", { className: "properties-panel__label", children: "Text Color" }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "color",
+                    className: "properties-panel__color-picker",
+                    value: r.textColor || "#e5e7eb",
+                    onChange: (l) => t("textColor", l.target.value)
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "text",
+                    className: "properties-panel__color-input",
+                    value: r.textColor || "#e5e7eb",
+                    onChange: (l) => t("textColor", l.target.value),
+                    placeholder: "#e5e7eb"
+                  }
+                )
+              ] })
+            ] }),
+            n === "arrow" && /* @__PURE__ */ a("div", { className: "properties-panel__section", children: [
+              /* @__PURE__ */ e("h3", { className: "properties-panel__section-title", children: "Arrow" }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ a("label", { className: "properties-panel__label", children: [
+                  "Arrow Size",
+                  " ",
+                  /* @__PURE__ */ a("span", { className: "properties-panel__value", children: [
+                    r.arrowSize || 10,
+                    "px"
+                  ] })
+                ] }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "range",
+                    className: "properties-panel__slider",
+                    min: "5",
+                    max: "30",
+                    step: "1",
+                    value: r.arrowSize || 10,
+                    onChange: (l) => t("arrowSize", parseInt(l.target.value, 10))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: "properties-panel__field", children: [
+                /* @__PURE__ */ e("label", { className: "properties-panel__label", children: "Style" }),
+                /* @__PURE__ */ a(
+                  "select",
+                  {
+                    className: "properties-panel__select",
+                    value: r.arrowStyle || "simple",
+                    onChange: (l) => t("arrowStyle", l.target.value),
+                    children: [
+                      /* @__PURE__ */ e("option", { value: "simple", children: "Simple" }),
+                      /* @__PURE__ */ e("option", { value: "block", children: "Block" }),
+                      /* @__PURE__ */ e("option", { value: "hollow", children: "Hollow" })
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            (n === "fibonacci-retracement" || n === "fibonacci-extension") && /* @__PURE__ */ a("div", { className: "properties-panel__section", children: [
+              /* @__PURE__ */ e("h3", { className: "properties-panel__section-title", children: "Fibonacci Levels" }),
+              /* @__PURE__ */ e("div", { className: "properties-panel__fib-levels", children: (r.fibLevels || []).map((l, s) => /* @__PURE__ */ a("div", { className: "properties-panel__fib-level", children: [
+                /* @__PURE__ */ e("span", { className: "properties-panel__fib-label", children: l.label }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "color",
+                    className: "properties-panel__color-picker properties-panel__color-picker--small",
+                    value: l.color || "#3b82f6",
+                    onChange: (m) => {
+                      const u = [...r.fibLevels || []];
+                      u[s] = { ...u[s], color: m.target.value }, t("fibLevels", u);
+                    }
+                  }
+                )
+              ] }, s)) })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+w.displayName = "PropertiesPanel";
+function L(p) {
+  return {
+    trendline: "Trend Line",
+    "horizontal-line": "Horizontal Line",
+    "vertical-line": "Vertical Line",
+    ray: "Ray",
+    "extended-line": "Extended Line",
+    "fibonacci-retracement": "Fibonacci Retracement",
+    "fibonacci-extension": "Fibonacci Extension",
+    "parallel-channel": "Parallel Channel",
+    rectangle: "Rectangle",
+    ellipse: "Ellipse",
+    arrow: "Arrow",
+    text: "Text",
+    "price-label": "Price Label"
+  }[p] || p;
+}
 export {
-  s as __exports
+  w as PropertiesPanel
 };
 //# sourceMappingURL=petal-toolkit.es1329.js.map

package/dist/petal-toolkit.es1329.js.map

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es1329.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"petal-toolkit.es1329.js","sources":["../src/components/PropertiesPanel.tsx"],"sourcesContent":["/**\n * PropertiesPanel - Institutional-Grade Drawing Properties Editor\n *\n * Professional properties panel following Bloomberg Terminal / TradingView design:\n * - Muted palette (panel disappears, chart is the star)\n * - Collapsible right-side panel\n * - Color picker for stroke/fill colors\n * - Slider for stroke thickness\n * - Dropdown for line style (solid, dashed, dotted)\n * - Conditional fields based on drawing type\n * - Real-time preview on chart\n * - Smooth animations and transitions\n */\n\nimport { memo, useCallback, useEffect, useState } from 'react';\nimport type { DrawingManager, DrawingKind } from '@/scichart/drawing';\nimport './PropertiesPanel.css';\n\nexport interface PropertiesPanelProps {\n  /** DrawingManager instance to control */\n  drawingManager: DrawingManager;\n  /** Currently selected drawing ID (null = no selection) */\n  selectedDrawingId: string | null;\n  /** Optional className for the panel container */\n  className?: string;\n  /** Callback when property changes */\n  onPropertyChange?: (drawingId: string, property: string, value: unknown) => void;\n  /** Initially collapsed state (default: false) */\n  initiallyCollapsed?: boolean;\n}\n\n/**\n * Common drawing properties\n */\ninterface DrawingProperties {\n  // Stroke properties\n  strokeColor?: string;\n  strokeThickness?: number;\n  strokeStyle?: 'solid' | 'dashed' | 'dotted';\n  strokeOpacity?: number;\n\n  // Fill properties (for shapes)\n  fillColor?: string;\n  fillOpacity?: number;\n  showFill?: boolean;\n\n  // Text properties\n  text?: string;\n  fontSize?: number;\n  fontFamily?: string;\n  textAlign?: 'left' | 'center' | 'right';\n  textColor?: string;\n\n  // Fibonacci levels\n  fibLevels?: Array<{ level: number; label: string; color?: string }>;\n\n  // Arrow properties\n  arrowSize?: number;\n  arrowStyle?: 'simple' | 'block' | 'hollow';\n}\n\n/**\n * Get default properties for a drawing type\n */\nfunction getDefaultProperties(type: DrawingKind): Partial<DrawingProperties> {\n  const defaults: Partial<DrawingProperties> = {\n    strokeColor: '#3b82f6',\n    strokeThickness: 2,\n    strokeStyle: 'solid',\n    strokeOpacity: 1.0,\n  };\n\n  switch (type) {\n    case 'rectangle':\n    case 'ellipse':\n      return {\n        ...defaults,\n        fillColor: '#3b82f6',\n        fillOpacity: 0.1,\n        showFill: true,\n      };\n\n    case 'text':\n      return {\n        ...defaults,\n        text: 'Text',\n        fontSize: 14,\n        fontFamily: 'monospace',\n        textAlign: 'left',\n        textColor: '#e5e7eb',\n      };\n\n    case 'arrow':\n      return {\n        ...defaults,\n        arrowSize: 10,\n        arrowStyle: 'simple',\n      };\n\n    case 'fibonacci-retracement':\n    case 'fibonacci-extension':\n      return {\n        ...defaults,\n        fibLevels: [\n          { level: 0, label: '0%', color: '#9ca3af' },\n          { level: 0.236, label: '23.6%', color: '#ef4444' },\n          { level: 0.382, label: '38.2%', color: '#f59e0b' },\n          { level: 0.5, label: '50%', color: '#10b981' },\n          { level: 0.618, label: '61.8%', color: '#3b82f6' },\n          { level: 1, label: '100%', color: '#9ca3af' },\n        ],\n      };\n\n    default:\n      return defaults;\n  }\n}\n\n/**\n * PropertiesPanel component\n */\nexport const PropertiesPanel = memo<PropertiesPanelProps>(\n  ({\n    drawingManager,\n    selectedDrawingId,\n    className = '',\n    onPropertyChange,\n    initiallyCollapsed = false,\n  }) => {\n    const [collapsed, setCollapsed] = useState(initiallyCollapsed);\n    const [properties, setProperties] = useState<DrawingProperties>({});\n    const [drawingType, setDrawingType] = useState<DrawingKind | null>(null);\n\n    // Sync properties from DrawingManager\n    const syncProperties = useCallback(() => {\n      if (!selectedDrawingId) {\n        setProperties({});\n        setDrawingType(null);\n        return;\n      }\n\n      const drawing = drawingManager.getDrawing(selectedDrawingId);\n      if (!drawing) {\n        setProperties({});\n        setDrawingType(null);\n        return;\n      }\n\n      setDrawingType(drawing.type);\n      const defaults = getDefaultProperties(drawing.type);\n      setProperties({ ...defaults, ...drawing.properties });\n    }, [drawingManager, selectedDrawingId]);\n\n    // Listen to DrawingManager events\n    useEffect(() => {\n      syncProperties();\n\n      const unsubscribe = drawingManager.addEventListener((event) => {\n        if (event.type === 'drawing-modified' && event.drawing.id === selectedDrawingId) {\n          syncProperties();\n        } else if (event.type === 'drawing-removed' && event.drawingId === selectedDrawingId) {\n          setProperties({});\n          setDrawingType(null);\n        } else if (event.type === 'selection-changed') {\n          syncProperties();\n        }\n      });\n\n      return () => unsubscribe();\n    }, [drawingManager, selectedDrawingId, syncProperties]);\n\n    // Update property in DrawingManager\n    const updateProperty = useCallback(\n      (property: string, value: unknown) => {\n        if (!selectedDrawingId) return;\n\n        const newProperties = { ...properties, [property]: value };\n        setProperties(newProperties);\n\n        drawingManager.modifyDrawing(selectedDrawingId, {\n          properties: newProperties,\n        });\n\n        onPropertyChange?.(selectedDrawingId, property, value);\n      },\n      [drawingManager, selectedDrawingId, properties, onPropertyChange]\n    );\n\n    // Toggle collapse\n    const toggleCollapse = useCallback(() => {\n      setCollapsed((prev) => !prev);\n    }, []);\n\n    // No selection\n    if (!selectedDrawingId || !drawingType) {\n      return (\n        <div className={`properties-panel properties-panel--empty ${className}`}>\n          <div className=\"properties-panel__header\">\n            <span className=\"properties-panel__title\">Properties</span>\n          </div>\n          <div className=\"properties-panel__empty-state\">\n            <svg\n              className=\"properties-panel__empty-icon\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\n              />\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\n              />\n            </svg>\n            <p className=\"properties-panel__empty-text\">Select a drawing to view properties</p>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={`properties-panel ${collapsed ? 'properties-panel--collapsed' : ''} ${className}`}\n      >\n        {/* Header */}\n        <div className=\"properties-panel__header\">\n          <span className=\"properties-panel__title\">Properties</span>\n          <button\n            className=\"properties-panel__collapse-btn\"\n            onClick={toggleCollapse}\n            title={collapsed ? 'Expand panel' : 'Collapse panel'}\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n              {collapsed ? (\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M15 19l-7-7 7-7\"\n                />\n              ) : (\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M9 5l7 7-7 7\"\n                />\n              )}\n            </svg>\n          </button>\n        </div>\n\n        {/* Content */}\n        {!collapsed && (\n          <div className=\"properties-panel__content\">\n            {/* Drawing Type Label */}\n            <div className=\"properties-panel__section\">\n              <div className=\"properties-panel__type-label\">{getDrawingTypeLabel(drawingType)}</div>\n            </div>\n\n            {/* Common Properties: Stroke */}\n            <div className=\"properties-panel__section\">\n              <h3 className=\"properties-panel__section-title\">Stroke</h3>\n\n              {/* Stroke Color */}\n              <div className=\"properties-panel__field\">\n                <label className=\"properties-panel__label\">Color</label>\n                <input\n                  type=\"color\"\n                  className=\"properties-panel__color-picker\"\n                  value={properties.strokeColor || '#3b82f6'}\n                  onChange={(e) => updateProperty('strokeColor', e.target.value)}\n                />\n                <input\n                  type=\"text\"\n                  className=\"properties-panel__color-input\"\n                  value={properties.strokeColor || '#3b82f6'}\n                  onChange={(e) => updateProperty('strokeColor', e.target.value)}\n                  placeholder=\"#3b82f6\"\n                />\n              </div>\n\n              {/* Stroke Thickness */}\n              <div className=\"properties-panel__field\">\n                <label className=\"properties-panel__label\">\n                  Thickness{' '}\n                  <span className=\"properties-panel__value\">\n                    {properties.strokeThickness || 2}px\n                  </span>\n                </label>\n                <input\n                  type=\"range\"\n                  className=\"properties-panel__slider\"\n                  min=\"1\"\n                  max=\"10\"\n                  step=\"1\"\n                  value={properties.strokeThickness || 2}\n                  onChange={(e) => updateProperty('strokeThickness', parseInt(e.target.value, 10))}\n                />\n              </div>\n\n              {/* Stroke Style */}\n              <div className=\"properties-panel__field\">\n                <label className=\"properties-panel__label\">Style</label>\n                <select\n                  className=\"properties-panel__select\"\n                  value={properties.strokeStyle || 'solid'}\n                  onChange={(e) => updateProperty('strokeStyle', e.target.value)}\n                >\n                  <option value=\"solid\">Solid</option>\n                  <option value=\"dashed\">Dashed</option>\n                  <option value=\"dotted\">Dotted</option>\n                </select>\n              </div>\n\n              {/* Stroke Opacity */}\n              <div className=\"properties-panel__field\">\n                <label className=\"properties-panel__label\">\n                  Opacity{' '}\n                  <span className=\"properties-panel__value\">\n                    {((properties.strokeOpacity || 1.0) * 100).toFixed(0)}%\n                  </span>\n                </label>\n                <input\n                  type=\"range\"\n                  className=\"properties-panel__slider\"\n                  min=\"0\"\n                  max=\"1\"\n                  step=\"0.1\"\n                  value={properties.strokeOpacity || 1.0}\n                  onChange={(e) => updateProperty('strokeOpacity', parseFloat(e.target.value))}\n                />\n              </div>\n            </div>\n\n            {/* Conditional Properties: Fill (for shapes) */}\n            {(drawingType === 'rectangle' || drawingType === 'ellipse') && (\n              <div className=\"properties-panel__section\">\n                <h3 className=\"properties-panel__section-title\">Fill</h3>\n\n                {/* Show Fill Toggle */}\n                <div className=\"properties-panel__field properties-panel__field--checkbox\">\n                  <label className=\"properties-panel__checkbox-label\">\n                    <input\n                      type=\"checkbox\"\n                      className=\"properties-panel__checkbox\"\n                      checked={properties.showFill !== false}\n                      onChange={(e) => updateProperty('showFill', e.target.checked)}\n                    />\n                    <span>Show Fill</span>\n                  </label>\n                </div>\n\n                {properties.showFill !== false && (\n                  <>\n                    {/* Fill Color */}\n                    <div className=\"properties-panel__field\">\n                      <label className=\"properties-panel__label\">Color</label>\n                      <input\n                        type=\"color\"\n                        className=\"properties-panel__color-picker\"\n                        value={properties.fillColor || '#3b82f6'}\n                        onChange={(e) => updateProperty('fillColor', e.target.value)}\n                      />\n                      <input\n                        type=\"text\"\n                        className=\"properties-panel__color-input\"\n                        value={properties.fillColor || '#3b82f6'}\n                        onChange={(e) => updateProperty('fillColor', e.target.value)}\n                        placeholder=\"#3b82f6\"\n                      />\n                    </div>\n\n                    {/* Fill Opacity */}\n                    <div className=\"properties-panel__field\">\n                      <label className=\"properties-panel__label\">\n                        Opacity{' '}\n                        <span className=\"properties-panel__value\">\n                          {((properties.fillOpacity || 0.1) * 100).toFixed(0)}%\n                        </span>\n                      </label>\n                      <input\n                        type=\"range\"\n                        className=\"properties-panel__slider\"\n                        min=\"0\"\n                        max=\"1\"\n                        step=\"0.1\"\n                        value={properties.fillOpacity || 0.1}\n                        onChange={(e) => updateProperty('fillOpacity', parseFloat(e.target.value))}\n                      />\n                    </div>\n                  </>\n                )}\n              </div>\n            )}\n\n            {/* Conditional Properties: Text */}\n            {drawingType === 'text' && (\n              <div className=\"properties-panel__section\">\n                <h3 className=\"properties-panel__section-title\">Text</h3>\n\n                {/* Text Content */}\n                <div className=\"properties-panel__field\">\n                  <label className=\"properties-panel__label\">Content</label>\n                  <textarea\n                    className=\"properties-panel__textarea\"\n                    value={properties.text || ''}\n                    onChange={(e) => updateProperty('text', e.target.value)}\n                    placeholder=\"Enter text...\"\n                    rows={3}\n                  />\n                </div>\n\n                {/* Font Size */}\n                <div className=\"properties-panel__field\">\n                  <label className=\"properties-panel__label\">\n                    Font Size{' '}\n                    <span className=\"properties-panel__value\">{properties.fontSize || 14}px</span>\n                  </label>\n                  <input\n                    type=\"range\"\n                    className=\"properties-panel__slider\"\n                    min=\"8\"\n                    max=\"32\"\n                    step=\"1\"\n                    value={properties.fontSize || 14}\n                    onChange={(e) => updateProperty('fontSize', parseInt(e.target.value, 10))}\n                  />\n                </div>\n\n                {/* Font Family */}\n                <div className=\"properties-panel__field\">\n                  <label className=\"properties-panel__label\">Font Family</label>\n                  <select\n                    className=\"properties-panel__select\"\n                    value={properties.fontFamily || 'monospace'}\n                    onChange={(e) => updateProperty('fontFamily', e.target.value)}\n                  >\n                    <option value=\"monospace\">Monospace</option>\n                    <option value=\"sans-serif\">Sans-Serif</option>\n                    <option value=\"serif\">Serif</option>\n                  </select>\n                </div>\n\n                {/* Text Alignment */}\n                <div className=\"properties-panel__field\">\n                  <label className=\"properties-panel__label\">Alignment</label>\n                  <select\n                    className=\"properties-panel__select\"\n                    value={properties.textAlign || 'left'}\n                    onChange={(e) => updateProperty('textAlign', e.target.value)}\n                  >\n                    <option value=\"left\">Left</option>\n                    <option value=\"center\">Center</option>\n                    <option value=\"right\">Right</option>\n                  </select>\n                </div>\n\n                {/* Text Color */}\n                <div className=\"properties-panel__field\">\n                  <label className=\"properties-panel__label\">Text Color</label>\n                  <input\n                    type=\"color\"\n                    className=\"properties-panel__color-picker\"\n                    value={properties.textColor || '#e5e7eb'}\n                    onChange={(e) => updateProperty('textColor', e.target.value)}\n                  />\n                  <input\n                    type=\"text\"\n                    className=\"properties-panel__color-input\"\n                    value={properties.textColor || '#e5e7eb'}\n                    onChange={(e) => updateProperty('textColor', e.target.value)}\n                    placeholder=\"#e5e7eb\"\n                  />\n                </div>\n              </div>\n            )}\n\n            {/* Conditional Properties: Arrow */}\n            {drawingType === 'arrow' && (\n              <div className=\"properties-panel__section\">\n                <h3 className=\"properties-panel__section-title\">Arrow</h3>\n\n                {/* Arrow Size */}\n                <div className=\"properties-panel__field\">\n                  <label className=\"properties-panel__label\">\n                    Arrow Size{' '}\n                    <span className=\"properties-panel__value\">{properties.arrowSize || 10}px</span>\n                  </label>\n                  <input\n                    type=\"range\"\n                    className=\"properties-panel__slider\"\n                    min=\"5\"\n                    max=\"30\"\n                    step=\"1\"\n                    value={properties.arrowSize || 10}\n                    onChange={(e) => updateProperty('arrowSize', parseInt(e.target.value, 10))}\n                  />\n                </div>\n\n                {/* Arrow Style */}\n                <div className=\"properties-panel__field\">\n                  <label className=\"properties-panel__label\">Style</label>\n                  <select\n                    className=\"properties-panel__select\"\n                    value={properties.arrowStyle || 'simple'}\n                    onChange={(e) => updateProperty('arrowStyle', e.target.value)}\n                  >\n                    <option value=\"simple\">Simple</option>\n                    <option value=\"block\">Block</option>\n                    <option value=\"hollow\">Hollow</option>\n                  </select>\n                </div>\n              </div>\n            )}\n\n            {/* Conditional Properties: Fibonacci Levels */}\n            {(drawingType === 'fibonacci-retracement' || drawingType === 'fibonacci-extension') && (\n              <div className=\"properties-panel__section\">\n                <h3 className=\"properties-panel__section-title\">Fibonacci Levels</h3>\n                <div className=\"properties-panel__fib-levels\">\n                  {(properties.fibLevels || []).map((level, index) => (\n                    <div key={index} className=\"properties-panel__fib-level\">\n                      <span className=\"properties-panel__fib-label\">{level.label}</span>\n                      <input\n                        type=\"color\"\n                        className=\"properties-panel__color-picker properties-panel__color-picker--small\"\n                        value={level.color || '#3b82f6'}\n                        onChange={(e) => {\n                          const newLevels = [...(properties.fibLevels || [])];\n                          newLevels[index] = { ...newLevels[index], color: e.target.value };\n                          updateProperty('fibLevels', newLevels);\n                        }}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nPropertiesPanel.displayName = 'PropertiesPanel';\n\n/**\n * Get human-readable label for drawing type\n */\nfunction getDrawingTypeLabel(type: DrawingKind): string {\n  const labels: Record<DrawingKind, string> = {\n    trendline: 'Trend Line',\n    'horizontal-line': 'Horizontal Line',\n    'vertical-line': 'Vertical Line',\n    ray: 'Ray',\n    'extended-line': 'Extended Line',\n    'fibonacci-retracement': 'Fibonacci Retracement',\n    'fibonacci-extension': 'Fibonacci Extension',\n    'parallel-channel': 'Parallel Channel',\n    rectangle: 'Rectangle',\n    ellipse: 'Ellipse',\n    arrow: 'Arrow',\n    text: 'Text',\n    'price-label': 'Price Label',\n  };\n  return labels[type] || type;\n}\n"],"names":["getDefaultProperties","type","defaults","PropertiesPanel","memo","drawingManager","selectedDrawingId","className","onPropertyChange","initiallyCollapsed","collapsed","setCollapsed","useState","properties","setProperties","drawingType","setDrawingType","syncProperties","useCallback","drawing","useEffect","unsubscribe","event","updateProperty","property","value","newProperties","toggleCollapse","prev","jsxs","jsx","getDrawingTypeLabel","e","Fragment","level","index","newLevels"],"mappings":"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"}

package/dist/petal-toolkit.es133.js

@@ -1,4 +1,4 @@
-import { __exports as c } from "./petal-toolkit.es749.js";
+import { __exports as c } from "./petal-toolkit.es751.js";
 import { __require as W } from "./petal-toolkit.es569.js";
 import { __require as E } from "./petal-toolkit.es608.js";
 import { __require as C } from "./petal-toolkit.es112.js";

package/dist/petal-toolkit.es1330.js

@@ -1,5 +1,75 @@
-var e = {};
+const o = {
+  enabled: !1,
+  period: 14,
+  overbought: 70,
+  oversold: 30,
+  color: void 0,
+  showZones: !0,
+  overboughtZoneColor: void 0,
+  oversoldZoneColor: void 0,
+  showCenterLine: !0,
+  showCurrentValue: !0
+}, e = {
+  enabled: !1,
+  fastPeriod: 12,
+  slowPeriod: 26,
+  signalPeriod: 9,
+  macdColor: void 0,
+  signalColor: void 0,
+  histogramUpColor: void 0,
+  histogramDownColor: void 0,
+  showZeroLine: !0,
+  useGradientHistogram: !0,
+  showCurrentValue: !0
+}, r = {
+  enabled: !1,
+  kPeriod: 14,
+  dPeriod: 3,
+  smoothK: 3,
+  kColor: void 0,
+  dColor: void 0,
+  showZones: !0,
+  overboughtLevel: 80,
+  oversoldLevel: 20,
+  overboughtZoneColor: void 0,
+  oversoldZoneColor: void 0,
+  showCurrentValue: !0
+}, l = {
+  enabled: !1,
+  period: 14,
+  adxColor: void 0,
+  plusDIColor: void 0,
+  minusDIColor: void 0,
+  showZones: !0,
+  weakTrendLevel: 20,
+  strongTrendLevel: 40,
+  weakTrendZoneColor: void 0,
+  showCurrentValue: !0
+}, d = {
+  enabled: !1,
+  period: 20,
+  stdDevMultiplier: 2,
+  bandColor: void 0,
+  middleColor: void 0,
+  fillColor: void 0,
+  showFill: !0,
+  middleBandStyle: "dashed"
+}, i = {
+  enabled: !1,
+  includeBands: !0,
+  bandCount: 2,
+  color: void 0,
+  bandColor: void 0,
+  band1Fill: void 0,
+  band2Fill: void 0,
+  showFill: !0
+};
 export {
-  e as __exports
+  l as DEFAULT_ADX_CONFIG,
+  d as DEFAULT_BOLLINGER_CONFIG,
+  e as DEFAULT_MACD_CONFIG,
+  o as DEFAULT_RSI_CONFIG,
+  r as DEFAULT_STOCHASTIC_CONFIG,
+  i as DEFAULT_VWAP_CONFIG
 };
 //# sourceMappingURL=petal-toolkit.es1330.js.map