velo-plot 1.11.1

package/dist/index-Dag88bW4.js

@@ -0,0 +1,499 @@
+var f = Object.defineProperty;
+var d = (i, e, t) => e in i ? f(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var c = (i, e, t) => d(i, typeof e != "symbol" ? e + "" : e, t);
+const b = [
+  {
+    label: "Background & Canvas",
+    description: "Chart background and canvas colors",
+    colors: [
+      { key: "backgroundColor", label: "Background", value: "", description: "Main chart background" },
+      { key: "plotAreaBackground", label: "Plot Area", value: "", description: "Data plotting area background" }
+    ]
+  },
+  {
+    label: "Axes",
+    description: "Axis lines, ticks, and labels",
+    colors: [
+      { key: "axis.color", label: "Axis Lines", value: "", description: "Axis line color" },
+      { key: "axis.labelColor", label: "Axis Labels", value: "", description: "Axis label text color" },
+      { key: "axis.titleColor", label: "Axis Titles", value: "", description: "Axis title text color" }
+    ]
+  },
+  {
+    label: "Grid",
+    description: "Grid lines and markers",
+    colors: [
+      { key: "grid.color", label: "Grid Lines", value: "", description: "Major grid line color" },
+      { key: "grid.minorColor", label: "Minor Grid", value: "", description: "Minor grid line color" }
+    ]
+  },
+  {
+    label: "Series Palette",
+    description: "Default colors for data series",
+    colors: [
+      { key: "seriesPalette.0", label: "Series 1", value: "", description: "First series color" },
+      { key: "seriesPalette.1", label: "Series 2", value: "", description: "Second series color" },
+      { key: "seriesPalette.2", label: "Series 3", value: "", description: "Third series color" },
+      { key: "seriesPalette.3", label: "Series 4", value: "", description: "Fourth series color" },
+      { key: "seriesPalette.4", label: "Series 5", value: "", description: "Fifth series color" },
+      { key: "seriesPalette.5", label: "Series 6", value: "", description: "Sixth series color" }
+    ]
+  },
+  {
+    label: "Legend",
+    description: "Legend styling",
+    colors: [
+      { key: "legend.backgroundColor", label: "Legend Background", value: "", description: "Legend panel background" },
+      { key: "legend.textColor", label: "Legend Text", value: "", description: "Legend text color" },
+      { key: "legend.borderColor", label: "Legend Border", value: "", description: "Legend border color" }
+    ]
+  },
+  {
+    label: "Cursor & Selection",
+    description: "Interactive elements",
+    colors: [
+      { key: "cursor.color", label: "Crosshair", value: "", description: "Cursor crosshair color" },
+      { key: "cursor.labelBackground", label: "Cursor Label BG", value: "", description: "Cursor label background" },
+      { key: "selection.color", label: "Selection", value: "", description: "Selection highlight color" },
+      { key: "selection.handleColor", label: "Selection Handles", value: "", description: "Selection handle color" }
+    ]
+  },
+  {
+    label: "Annotations",
+    description: "Annotation default colors",
+    colors: [
+      { key: "annotation.lineColor", label: "Line Annotations", value: "", description: "Default line annotation color" },
+      { key: "annotation.fillColor", label: "Fill Annotations", value: "", description: "Default fill annotation color" },
+      { key: "annotation.textColor", label: "Text Annotations", value: "", description: "Default text annotation color" }
+    ]
+  }
+], n = [
+  {
+    name: "Dark",
+    description: "Classic dark theme with cyan accents",
+    previewColors: ["#1a1a2e", "#00f2ff", "#4ecdc4"],
+    tags: ["dark", "default"],
+    theme: {
+      backgroundColor: "#1a1a2e",
+      plotAreaBackground: "#16213e",
+      axis: {
+        color: "#4a5568",
+        labelColor: "#a0aec0",
+        titleColor: "#e2e8f0",
+        labelFontSize: 11,
+        titleFontSize: 13
+      },
+      grid: {
+        color: "rgba(74, 85, 104, 0.3)",
+        opacity: 0.3
+      },
+      legend: {
+        background: "rgba(26, 26, 46, 0.9)",
+        textColor: "#e2e8f0",
+        borderColor: "rgba(255, 255, 255, 0.1)"
+      },
+      cursor: {
+        color: "#00f2ff",
+        labelBackground: "rgba(0, 242, 255, 0.9)",
+        labelColor: "#000000"
+      },
+      seriesPalette: ["#00f2ff", "#4ecdc4", "#ff6b6b", "#ffd93d", "#6c5ce7", "#a29bfe", "#fd79a8", "#00cec9"],
+      highlightColor: "#00f2ff"
+    }
+  },
+  {
+    name: "Light",
+    description: "Clean light theme for publications",
+    previewColors: ["#ffffff", "#2563eb", "#4f46e5"],
+    tags: ["light", "publication"],
+    theme: {
+      backgroundColor: "#ffffff",
+      plotAreaBackground: "#f8fafc",
+      axis: {
+        color: "#94a3b8",
+        labelColor: "#475569",
+        titleColor: "#1e293b",
+        labelFontSize: 11,
+        titleFontSize: 13
+      },
+      grid: {
+        color: "rgba(148, 163, 184, 0.3)",
+        opacity: 0.3
+      },
+      legend: {
+        backgroundColor: "rgba(255, 255, 255, 0.95)",
+        textColor: "#1e293b",
+        borderColor: "rgba(0, 0, 0, 0.1)"
+      },
+      cursor: {
+        color: "#2563eb",
+        labelBackground: "rgba(37, 99, 235, 0.95)",
+        labelColor: "#ffffff"
+      },
+      seriesPalette: ["#2563eb", "#7c3aed", "#db2777", "#ea580c", "#16a34a", "#0891b2", "#4f46e5", "#be185d"],
+      highlightColor: "#2563eb"
+    }
+  },
+  {
+    name: "Midnight",
+    description: "Deep blue dark theme",
+    previewColors: ["#0f172a", "#3b82f6", "#8b5cf6"],
+    tags: ["dark", "blue"],
+    theme: {
+      backgroundColor: "#0f172a",
+      plotAreaBackground: "#1e293b",
+      axis: {
+        color: "#475569",
+        labelColor: "#94a3b8",
+        titleColor: "#f1f5f9",
+        labelFontSize: 11,
+        titleFontSize: 13
+      },
+      grid: {
+        color: "rgba(71, 85, 105, 0.25)",
+        opacity: 0.25
+      },
+      legend: {
+        backgroundColor: "rgba(15, 23, 42, 0.95)",
+        textColor: "#f1f5f9",
+        borderColor: "rgba(255, 255, 255, 0.08)"
+      },
+      cursor: {
+        color: "#3b82f6",
+        labelBackground: "rgba(59, 130, 246, 0.95)",
+        labelColor: "#ffffff"
+      },
+      seriesPalette: ["#3b82f6", "#8b5cf6", "#ec4899", "#f59e0b", "#10b981", "#06b6d4", "#6366f1", "#f43f5e"],
+      highlightColor: "#3b82f6"
+    }
+  },
+  {
+    name: "Scientific",
+    description: "Clean theme for scientific publications",
+    previewColors: ["#fafafa", "#1f2937", "#059669"],
+    tags: ["light", "scientific", "publication"],
+    theme: {
+      backgroundColor: "#fafafa",
+      plotAreaBackground: "#ffffff",
+      axis: {
+        color: "#374151",
+        labelColor: "#1f2937",
+        titleColor: "#111827",
+        labelFontSize: 12,
+        titleFontSize: 14
+      },
+      grid: {
+        color: "rgba(156, 163, 175, 0.4)",
+        opacity: 0.4
+      },
+      legend: {
+        backgroundColor: "#ffffff",
+        textColor: "#111827",
+        borderColor: "#e5e7eb"
+      },
+      cursor: {
+        color: "#059669",
+        labelBackground: "#059669",
+        labelColor: "#ffffff"
+      },
+      seriesPalette: ["#1f2937", "#059669", "#dc2626", "#2563eb", "#7c3aed", "#ea580c", "#0891b2", "#be123c"],
+      highlightColor: "#059669"
+    }
+  },
+  {
+    name: "Electrochemistry",
+    description: "Theme optimized for electrochemical data",
+    previewColors: ["#0d1117", "#00f2ff", "#ff6b6b"],
+    tags: ["dark", "scientific", "electrochemistry"],
+    theme: {
+      backgroundColor: "#0d1117",
+      plotAreaBackground: "#161b22",
+      axis: {
+        color: "#30363d",
+        labelColor: "#8b949e",
+        titleColor: "#c9d1d9",
+        labelFontSize: 11,
+        titleFontSize: 13
+      },
+      grid: {
+        color: "rgba(48, 54, 61, 0.5)",
+        opacity: 0.5
+      },
+      legend: {
+        backgroundColor: "rgba(13, 17, 23, 0.95)",
+        textColor: "#c9d1d9",
+        borderColor: "rgba(48, 54, 61, 0.8)"
+      },
+      cursor: {
+        color: "#00f2ff",
+        labelBackground: "rgba(0, 242, 255, 0.95)",
+        labelColor: "#000000"
+      },
+      seriesPalette: ["#00f2ff", "#ff6b6b", "#4ecdc4", "#feca57", "#a29bfe", "#fd79a8", "#00cec9", "#e17055"],
+      highlightColor: "#00f2ff"
+    }
+  },
+  {
+    name: "High Contrast",
+    description: "Maximum visibility theme",
+    previewColors: ["#000000", "#ffffff", "#ffff00"],
+    tags: ["dark", "accessibility", "high-contrast"],
+    theme: {
+      backgroundColor: "#000000",
+      plotAreaBackground: "#0a0a0a",
+      axis: {
+        color: "#ffffff",
+        labelColor: "#ffffff",
+        titleColor: "#ffffff",
+        labelFontSize: 12,
+        titleFontSize: 14
+      },
+      grid: {
+        color: "rgba(255, 255, 255, 0.2)",
+        opacity: 0.2
+      },
+      legend: {
+        backgroundColor: "#000000",
+        textColor: "#ffffff",
+        borderColor: "#ffffff"
+      },
+      cursor: {
+        color: "#ffff00",
+        labelBackground: "#ffff00",
+        labelColor: "#000000"
+      },
+      seriesPalette: ["#ffff00", "#00ffff", "#ff00ff", "#00ff00", "#ff8800", "#00ff88", "#8800ff", "#ff0088"],
+      highlightColor: "#ffff00"
+    }
+  }
+];
+class h {
+  constructor(e, t) {
+    c(this, "container");
+    c(this, "options");
+    c(this, "currentTheme");
+    c(this, "element", null);
+    this.container = e, this.options = {
+      baseTheme: n[0].theme,
+      livePreview: !0,
+      showAdvanced: !1,
+      className: "velo-plot-theme-editor",
+      onChange: void 0,
+      onExport: void 0,
+      ...t
+    }, this.currentTheme = this.resolveTheme(this.options.baseTheme), this.render();
+  }
+  /**
+   * Get current theme
+   */
+  getTheme() {
+    return { ...this.currentTheme };
+  }
+  /**
+   * Set theme
+   */
+  setTheme(e) {
+    this.currentTheme = this.resolveTheme(e), this.render(), this.notifyChange();
+  }
+  /**
+   * Update a specific theme property
+   */
+  updateProperty(e, t) {
+    this.setNestedValue(this.currentTheme, e, t), this.notifyChange();
+  }
+  /**
+   * Export theme as JSON
+   */
+  exportTheme() {
+    var t, o;
+    const e = JSON.stringify(this.currentTheme, null, 2);
+    return (o = (t = this.options).onExport) == null || o.call(t, this.currentTheme, e), e;
+  }
+  /**
+   * Import theme from JSON
+   */
+  importTheme(e) {
+    try {
+      const t = JSON.parse(e);
+      this.currentTheme = t, this.render(), this.notifyChange();
+    } catch (t) {
+      console.error("[ThemeEditor] Failed to import theme:", t);
+    }
+  }
+  /**
+   * Get theme preset by name
+   */
+  getPreset(e) {
+    return n.find((t) => t.name.toLowerCase() === e.toLowerCase());
+  }
+  /**
+   * Apply a preset
+   */
+  applyPreset(e) {
+    const t = this.getPreset(e);
+    t && (this.currentTheme = { ...t.theme }, this.render(), this.notifyChange());
+  }
+  /**
+   * Get all available presets
+   */
+  getPresets() {
+    return n;
+  }
+  /**
+   * Destroy the editor
+   */
+  destroy() {
+    this.element && this.element.parentNode && this.element.parentNode.removeChild(this.element), this.element = null;
+  }
+  // ============================================
+  // Private Methods
+  // ============================================
+  resolveTheme(e) {
+    if (typeof e == "string") {
+      const t = this.getPreset(e);
+      return t ? { ...t.theme } : { ...n[0].theme };
+    }
+    return { ...e };
+  }
+  setNestedValue(e, t, o) {
+    const r = t.split(".");
+    let l = e;
+    for (let a = 0; a < r.length - 1; a++) {
+      const s = r[a];
+      s in l || (l[s] = {}), l = l[s];
+    }
+    l[r[r.length - 1]] = o;
+  }
+  getNestedValue(e, t) {
+    const o = t.split(".");
+    let r = e;
+    for (const l of o) {
+      if (r == null || typeof r != "object")
+        return;
+      r = r[l];
+    }
+    return r;
+  }
+  notifyChange() {
+    var e, t;
+    this.options.livePreview && ((t = (e = this.options).onChange) == null || t.call(e, this.currentTheme));
+  }
+  render() {
+    this.element || (this.element = document.createElement("div"), this.element.className = this.options.className, this.container.appendChild(this.element)), this.element.innerHTML = this.generateHTML(), this.attachEventListeners();
+  }
+  generateHTML() {
+    const e = n.map((o) => `
+      <button class="preset-btn" data-preset="${o.name}" title="${o.description || o.name}">
+        <div class="preset-colors">
+          ${(o.previewColors || []).map((r) => `<span style="background:${r}"></span>`).join("")}
+        </div>
+        <span class="preset-name">${o.name}</span>
+      </button>
+    `).join(""), t = b.map((o) => {
+      const r = o.colors.map((l) => {
+        const a = this.getNestedValue(this.currentTheme, l.key) || "#000000";
+        return `
+          <div class="color-row">
+            <label title="${l.description || ""}">${l.label}</label>
+            <input type="color" data-key="${l.key}" value="${this.normalizeColor(a)}" />
+            <input type="text" data-key="${l.key}" value="${a}" class="color-text" />
+          </div>
+        `;
+      }).join("");
+      return `
+        <div class="color-group">
+          <h4>${o.label}</h4>
+          ${o.description ? `<p class="group-desc">${o.description}</p>` : ""}
+          ${r}
+        </div>
+      `;
+    }).join("");
+    return `
+      <div class="theme-editor-inner">
+        <div class="presets-section">
+          <h3>Presets</h3>
+          <div class="presets-grid">${e}</div>
+        </div>
+        <div class="colors-section">
+          <h3>Customize</h3>
+          ${t}
+        </div>
+        <div class="actions-section">
+          <button class="export-btn">Export JSON</button>
+          <button class="import-btn">Import JSON</button>
+        </div>
+      </div>
+    `;
+  }
+  normalizeColor(e) {
+    if (e.startsWith("rgba") || e.startsWith("rgb")) {
+      const t = e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+      if (t) {
+        const o = parseInt(t[1]).toString(16).padStart(2, "0"), r = parseInt(t[2]).toString(16).padStart(2, "0"), l = parseInt(t[3]).toString(16).padStart(2, "0");
+        return `#${o}${r}${l}`;
+      }
+    }
+    return e;
+  }
+  attachEventListeners() {
+    var e, t;
+    this.element && (this.element.querySelectorAll(".preset-btn").forEach((o) => {
+      o.addEventListener("click", () => {
+        const r = o.getAttribute("data-preset");
+        r && this.applyPreset(r);
+      });
+    }), this.element.querySelectorAll('input[type="color"], input.color-text').forEach((o) => {
+      o.addEventListener("input", (r) => {
+        const l = r.target, a = l.getAttribute("data-key");
+        if (a) {
+          this.updateProperty(a, l.value);
+          const s = l.type === "color" ? l.nextElementSibling : l.previousElementSibling;
+          s && (s.value = l.type === "color" ? l.value : this.normalizeColor(l.value));
+        }
+      });
+    }), (e = this.element.querySelector(".export-btn")) == null || e.addEventListener("click", () => {
+      var r;
+      const o = this.exportTheme();
+      (r = navigator.clipboard) == null || r.writeText(o).then(() => {
+      });
+    }), (t = this.element.querySelector(".import-btn")) == null || t.addEventListener("click", () => {
+      const o = prompt("Paste theme JSON:");
+      o && this.importTheme(o);
+    }));
+  }
+}
+function p(i, e) {
+  return new h(i, e);
+}
+function m(i) {
+  const e = n.find((t) => t.name.toLowerCase() === i.toLowerCase());
+  return e ? { ...e.theme } : void 0;
+}
+function C() {
+  return n.map((i) => i.name);
+}
+const u = {
+  name: "velo-plot-theme-editor",
+  version: "1.0.0",
+  description: "Visual theme editor for velo-plot",
+  provides: ["ui", "theme"],
+  tags: ["theme", "editor", "styling", "ui"]
+};
+function v(i = {}) {
+  return {
+    manifest: u,
+    onInit(e) {
+    },
+    onDestroy(e) {
+    }
+  };
+}
+export {
+  v as P,
+  h as T,
+  C as a,
+  n as b,
+  p as c,
+  m as g
+};
+//# sourceMappingURL=index-Dag88bW4.js.map

package/dist/index-Dag88bW4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Dag88bW4.js","sources":["../src/core/theme-editor/index.ts","../src/plugins/theme-editor/index.ts"],"sourcesContent":["/**\n * Sci Plot - Theme Editor Module\n * \n * Provides a visual theme editor for customizing chart appearance:\n * - Color pickers for all theme elements\n * - Live preview\n * - Theme export/import\n * - Preset theme gallery\n * \n * @module theme-editor\n */\n\n// Use a flexible internal type to avoid strict EditorTheme compatibility issues\n// The editor works with partial theme configs that can be applied via createTheme()\nexport type EditorTheme = Record<string, unknown>;\n\n// ============================================\n// Types\n// ============================================\n\nexport interface ThemeEditorOptions {\n  /** Base theme to start from */\n  baseTheme?: EditorTheme | string;\n  /** Enable live preview (default: true) */\n  livePreview?: boolean;\n  /** Show advanced options (default: false) */\n  showAdvanced?: boolean;\n  /** Custom CSS class for the editor */\n  className?: string;\n  /** Callback when theme changes */\n  onChange?: (theme: EditorTheme) => void;\n  /** Callback when export is requested */\n  onExport?: (theme: EditorTheme, json: string) => void;\n}\n\nexport interface ThemePreset {\n  /** Preset name */\n  name: string;\n  /** Description */\n  description?: string;\n  /** Theme configuration */\n  theme: EditorTheme;\n  /** Preview colors (for UI) */\n  previewColors?: string[];\n  /** Tags for filtering */\n  tags?: string[];\n}\n\nexport interface ColorGroup {\n  /** Group label */\n  label: string;\n  /** Group description */\n  description?: string;\n  /** Color properties in this group */\n  colors: ColorProperty[];\n}\n\nexport interface ColorProperty {\n  /** Property key path (e.g., 'background', 'axis.color') */\n  key: string;\n  /** Display label */\n  label: string;\n  /** Description/tooltip */\n  description?: string;\n  /** Current value */\n  value: string;\n  /** Default value */\n  defaultValue?: string;\n}\n\n// ============================================\n// Default Theme Structure\n// ============================================\n\nconst THEME_COLOR_GROUPS: ColorGroup[] = [\n  {\n    label: \"Background & Canvas\",\n    description: \"Chart background and canvas colors\",\n    colors: [\n      { key: \"backgroundColor\", label: \"Background\", value: \"\", description: \"Main chart background\" },\n      { key: \"plotAreaBackground\", label: \"Plot Area\", value: \"\", description: \"Data plotting area background\" },\n    ],\n  },\n  {\n    label: \"Axes\",\n    description: \"Axis lines, ticks, and labels\",\n    colors: [\n      { key: \"axis.color\", label: \"Axis Lines\", value: \"\", description: \"Axis line color\" },\n      { key: \"axis.labelColor\", label: \"Axis Labels\", value: \"\", description: \"Axis label text color\" },\n      { key: \"axis.titleColor\", label: \"Axis Titles\", value: \"\", description: \"Axis title text color\" },\n    ],\n  },\n  {\n    label: \"Grid\",\n    description: \"Grid lines and markers\",\n    colors: [\n      { key: \"grid.color\", label: \"Grid Lines\", value: \"\", description: \"Major grid line color\" },\n      { key: \"grid.minorColor\", label: \"Minor Grid\", value: \"\", description: \"Minor grid line color\" },\n    ],\n  },\n  {\n    label: \"Series Palette\",\n    description: \"Default colors for data series\",\n    colors: [\n      { key: \"seriesPalette.0\", label: \"Series 1\", value: \"\", description: \"First series color\" },\n      { key: \"seriesPalette.1\", label: \"Series 2\", value: \"\", description: \"Second series color\" },\n      { key: \"seriesPalette.2\", label: \"Series 3\", value: \"\", description: \"Third series color\" },\n      { key: \"seriesPalette.3\", label: \"Series 4\", value: \"\", description: \"Fourth series color\" },\n      { key: \"seriesPalette.4\", label: \"Series 5\", value: \"\", description: \"Fifth series color\" },\n      { key: \"seriesPalette.5\", label: \"Series 6\", value: \"\", description: \"Sixth series color\" },\n    ],\n  },\n  {\n    label: \"Legend\",\n    description: \"Legend styling\",\n    colors: [\n      { key: \"legend.backgroundColor\", label: \"Legend Background\", value: \"\", description: \"Legend panel background\" },\n      { key: \"legend.textColor\", label: \"Legend Text\", value: \"\", description: \"Legend text color\" },\n      { key: \"legend.borderColor\", label: \"Legend Border\", value: \"\", description: \"Legend border color\" },\n    ],\n  },\n  {\n    label: \"Cursor & Selection\",\n    description: \"Interactive elements\",\n    colors: [\n      { key: \"cursor.color\", label: \"Crosshair\", value: \"\", description: \"Cursor crosshair color\" },\n      { key: \"cursor.labelBackground\", label: \"Cursor Label BG\", value: \"\", description: \"Cursor label background\" },\n      { key: \"selection.color\", label: \"Selection\", value: \"\", description: \"Selection highlight color\" },\n      { key: \"selection.handleColor\", label: \"Selection Handles\", value: \"\", description: \"Selection handle color\" },\n    ],\n  },\n  {\n    label: \"Annotations\",\n    description: \"Annotation default colors\",\n    colors: [\n      { key: \"annotation.lineColor\", label: \"Line Annotations\", value: \"\", description: \"Default line annotation color\" },\n      { key: \"annotation.fillColor\", label: \"Fill Annotations\", value: \"\", description: \"Default fill annotation color\" },\n      { key: \"annotation.textColor\", label: \"Text Annotations\", value: \"\", description: \"Default text annotation color\" },\n    ],\n  },\n];\n\n// ============================================\n// Theme Presets\n// ============================================\n\nexport const THEME_PRESETS: ThemePreset[] = [\n  {\n    name: \"Dark\",\n    description: \"Classic dark theme with cyan accents\",\n    previewColors: [\"#1a1a2e\", \"#00f2ff\", \"#4ecdc4\"],\n    tags: [\"dark\", \"default\"],\n    theme: {\n      backgroundColor: \"#1a1a2e\",\n      plotAreaBackground: \"#16213e\",\n      axis: {\n        color: \"#4a5568\",\n        labelColor: \"#a0aec0\",\n        titleColor: \"#e2e8f0\",\n        labelFontSize: 11,\n        titleFontSize: 13,\n      },\n      grid: {\n        color: \"rgba(74, 85, 104, 0.3)\",\n        opacity: 0.3,\n      },\n      legend: {\n        background: \"rgba(26, 26, 46, 0.9)\",\n        textColor: \"#e2e8f0\",\n        borderColor: \"rgba(255, 255, 255, 0.1)\",\n      },\n      cursor: {\n        color: \"#00f2ff\",\n        labelBackground: \"rgba(0, 242, 255, 0.9)\",\n        labelColor: \"#000000\",\n      },\n      seriesPalette: [\"#00f2ff\", \"#4ecdc4\", \"#ff6b6b\", \"#ffd93d\", \"#6c5ce7\", \"#a29bfe\", \"#fd79a8\", \"#00cec9\"],\n      highlightColor: \"#00f2ff\",\n    },\n  },\n  {\n    name: \"Light\",\n    description: \"Clean light theme for publications\",\n    previewColors: [\"#ffffff\", \"#2563eb\", \"#4f46e5\"],\n    tags: [\"light\", \"publication\"],\n    theme: {\n      backgroundColor: \"#ffffff\",\n      plotAreaBackground: \"#f8fafc\",\n      axis: {\n        color: \"#94a3b8\",\n        labelColor: \"#475569\",\n        titleColor: \"#1e293b\",\n        labelFontSize: 11,\n        titleFontSize: 13,\n      },\n      grid: {\n        color: \"rgba(148, 163, 184, 0.3)\",\n        opacity: 0.3,\n      },\n      legend: {\n        backgroundColor: \"rgba(255, 255, 255, 0.95)\",\n        textColor: \"#1e293b\",\n        borderColor: \"rgba(0, 0, 0, 0.1)\",\n      },\n      cursor: {\n        color: \"#2563eb\",\n        labelBackground: \"rgba(37, 99, 235, 0.95)\",\n        labelColor: \"#ffffff\",\n      },\n      seriesPalette: [\"#2563eb\", \"#7c3aed\", \"#db2777\", \"#ea580c\", \"#16a34a\", \"#0891b2\", \"#4f46e5\", \"#be185d\"],\n      highlightColor: \"#2563eb\",\n    },\n  },\n  {\n    name: \"Midnight\",\n    description: \"Deep blue dark theme\",\n    previewColors: [\"#0f172a\", \"#3b82f6\", \"#8b5cf6\"],\n    tags: [\"dark\", \"blue\"],\n    theme: {\n      backgroundColor: \"#0f172a\",\n      plotAreaBackground: \"#1e293b\",\n      axis: {\n        color: \"#475569\",\n        labelColor: \"#94a3b8\",\n        titleColor: \"#f1f5f9\",\n        labelFontSize: 11,\n        titleFontSize: 13,\n      },\n      grid: {\n        color: \"rgba(71, 85, 105, 0.25)\",\n        opacity: 0.25,\n      },\n      legend: {\n        backgroundColor: \"rgba(15, 23, 42, 0.95)\",\n        textColor: \"#f1f5f9\",\n        borderColor: \"rgba(255, 255, 255, 0.08)\",\n      },\n      cursor: {\n        color: \"#3b82f6\",\n        labelBackground: \"rgba(59, 130, 246, 0.95)\",\n        labelColor: \"#ffffff\",\n      },\n      seriesPalette: [\"#3b82f6\", \"#8b5cf6\", \"#ec4899\", \"#f59e0b\", \"#10b981\", \"#06b6d4\", \"#6366f1\", \"#f43f5e\"],\n      highlightColor: \"#3b82f6\",\n    },\n  },\n  {\n    name: \"Scientific\",\n    description: \"Clean theme for scientific publications\",\n    previewColors: [\"#fafafa\", \"#1f2937\", \"#059669\"],\n    tags: [\"light\", \"scientific\", \"publication\"],\n    theme: {\n      backgroundColor: \"#fafafa\",\n      plotAreaBackground: \"#ffffff\",\n      axis: {\n        color: \"#374151\",\n        labelColor: \"#1f2937\",\n        titleColor: \"#111827\",\n        labelFontSize: 12,\n        titleFontSize: 14,\n      },\n      grid: {\n        color: \"rgba(156, 163, 175, 0.4)\",\n        opacity: 0.4,\n      },\n      legend: {\n        backgroundColor: \"#ffffff\",\n        textColor: \"#111827\",\n        borderColor: \"#e5e7eb\",\n      },\n      cursor: {\n        color: \"#059669\",\n        labelBackground: \"#059669\",\n        labelColor: \"#ffffff\",\n      },\n      seriesPalette: [\"#1f2937\", \"#059669\", \"#dc2626\", \"#2563eb\", \"#7c3aed\", \"#ea580c\", \"#0891b2\", \"#be123c\"],\n      highlightColor: \"#059669\",\n    },\n  },\n  {\n    name: \"Electrochemistry\",\n    description: \"Theme optimized for electrochemical data\",\n    previewColors: [\"#0d1117\", \"#00f2ff\", \"#ff6b6b\"],\n    tags: [\"dark\", \"scientific\", \"electrochemistry\"],\n    theme: {\n      backgroundColor: \"#0d1117\",\n      plotAreaBackground: \"#161b22\",\n      axis: {\n        color: \"#30363d\",\n        labelColor: \"#8b949e\",\n        titleColor: \"#c9d1d9\",\n        labelFontSize: 11,\n        titleFontSize: 13,\n      },\n      grid: {\n        color: \"rgba(48, 54, 61, 0.5)\",\n        opacity: 0.5,\n      },\n      legend: {\n        backgroundColor: \"rgba(13, 17, 23, 0.95)\",\n        textColor: \"#c9d1d9\",\n        borderColor: \"rgba(48, 54, 61, 0.8)\",\n      },\n      cursor: {\n        color: \"#00f2ff\",\n        labelBackground: \"rgba(0, 242, 255, 0.95)\",\n        labelColor: \"#000000\",\n      },\n      seriesPalette: [\"#00f2ff\", \"#ff6b6b\", \"#4ecdc4\", \"#feca57\", \"#a29bfe\", \"#fd79a8\", \"#00cec9\", \"#e17055\"],\n      highlightColor: \"#00f2ff\",\n    },\n  },\n  {\n    name: \"High Contrast\",\n    description: \"Maximum visibility theme\",\n    previewColors: [\"#000000\", \"#ffffff\", \"#ffff00\"],\n    tags: [\"dark\", \"accessibility\", \"high-contrast\"],\n    theme: {\n      backgroundColor: \"#000000\",\n      plotAreaBackground: \"#0a0a0a\",\n      axis: {\n        color: \"#ffffff\",\n        labelColor: \"#ffffff\",\n        titleColor: \"#ffffff\",\n        labelFontSize: 12,\n        titleFontSize: 14,\n      },\n      grid: {\n        color: \"rgba(255, 255, 255, 0.2)\",\n        opacity: 0.2,\n      },\n      legend: {\n        backgroundColor: \"#000000\",\n        textColor: \"#ffffff\",\n        borderColor: \"#ffffff\",\n      },\n      cursor: {\n        color: \"#ffff00\",\n        labelBackground: \"#ffff00\",\n        labelColor: \"#000000\",\n      },\n      seriesPalette: [\"#ffff00\", \"#00ffff\", \"#ff00ff\", \"#00ff00\", \"#ff8800\", \"#00ff88\", \"#8800ff\", \"#ff0088\"],\n      highlightColor: \"#ffff00\",\n    },\n  },\n];\n\n// ============================================\n// Theme Editor Class\n// ============================================\n\nexport class ThemeEditor {\n  private container: HTMLElement;\n  private options: Required<ThemeEditorOptions>;\n  private currentTheme: EditorTheme;\n  private element: HTMLDivElement | null = null;\n\n  constructor(container: HTMLElement, options?: ThemeEditorOptions) {\n    this.container = container;\n    this.options = {\n      baseTheme: THEME_PRESETS[0].theme,\n      livePreview: true,\n      showAdvanced: false,\n      className: 'velo-plot-theme-editor',\n      onChange: undefined,\n      onExport: undefined,\n      ...options,\n    } as Required<ThemeEditorOptions>;\n\n    this.currentTheme = this.resolveTheme(this.options.baseTheme);\n    this.render();\n  }\n\n  /**\n   * Get current theme\n   */\n  getTheme(): EditorTheme {\n    return { ...this.currentTheme };\n  }\n\n  /**\n   * Set theme\n   */\n  setTheme(theme: EditorTheme | string): void {\n    this.currentTheme = this.resolveTheme(theme);\n    this.render();\n    this.notifyChange();\n  }\n\n  /**\n   * Update a specific theme property\n   */\n  updateProperty(key: string, value: string): void {\n    this.setNestedValue(this.currentTheme, key, value);\n    this.notifyChange();\n  }\n\n  /**\n   * Export theme as JSON\n   */\n  exportTheme(): string {\n    const json = JSON.stringify(this.currentTheme, null, 2);\n    this.options.onExport?.(this.currentTheme, json);\n    return json;\n  }\n\n  /**\n   * Import theme from JSON\n   */\n  importTheme(json: string): void {\n    try {\n      const theme = JSON.parse(json) as EditorTheme;\n      this.currentTheme = theme;\n      this.render();\n      this.notifyChange();\n    } catch (e) {\n      console.error('[ThemeEditor] Failed to import theme:', e);\n    }\n  }\n\n  /**\n   * Get theme preset by name\n   */\n  getPreset(name: string): ThemePreset | undefined {\n    return THEME_PRESETS.find(p => p.name.toLowerCase() === name.toLowerCase());\n  }\n\n  /**\n   * Apply a preset\n   */\n  applyPreset(name: string): void {\n    const preset = this.getPreset(name);\n    if (preset) {\n      this.currentTheme = { ...preset.theme };\n      this.render();\n      this.notifyChange();\n    }\n  }\n\n  /**\n   * Get all available presets\n   */\n  getPresets(): ThemePreset[] {\n    return THEME_PRESETS;\n  }\n\n  /**\n   * Destroy the editor\n   */\n  destroy(): void {\n    if (this.element && this.element.parentNode) {\n      this.element.parentNode.removeChild(this.element);\n    }\n    this.element = null;\n  }\n\n  // ============================================\n  // Private Methods\n  // ============================================\n\n  private resolveTheme(theme: EditorTheme | string): EditorTheme {\n    if (typeof theme === 'string') {\n      const preset = this.getPreset(theme);\n      return preset ? { ...preset.theme } : { ...THEME_PRESETS[0].theme };\n    }\n    return { ...theme };\n  }\n\n  private setNestedValue(obj: Record<string, unknown>, path: string, value: unknown): void {\n    const keys = path.split('.');\n    let current = obj;\n    \n    for (let i = 0; i < keys.length - 1; i++) {\n      const key = keys[i];\n      if (!(key in current)) {\n        current[key] = {};\n      }\n      current = current[key] as Record<string, unknown>;\n    }\n    \n    current[keys[keys.length - 1]] = value;\n  }\n\n  private getNestedValue(obj: Record<string, unknown>, path: string): unknown {\n    const keys = path.split('.');\n    let current: unknown = obj;\n    \n    for (const key of keys) {\n      if (current === null || current === undefined || typeof current !== 'object') {\n        return undefined;\n      }\n      current = (current as Record<string, unknown>)[key];\n    }\n    \n    return current;\n  }\n\n  private notifyChange(): void {\n    if (this.options.livePreview) {\n      this.options.onChange?.(this.currentTheme);\n    }\n  }\n\n  private render(): void {\n    // This creates an HTML structure that can be styled with CSS\n    // In a real implementation, this would create interactive color pickers\n    if (!this.element) {\n      this.element = document.createElement('div');\n      this.element.className = this.options.className;\n      this.container.appendChild(this.element);\n    }\n\n    this.element.innerHTML = this.generateHTML();\n    this.attachEventListeners();\n  }\n\n  private generateHTML(): string {\n    const presetButtons = THEME_PRESETS.map(preset => `\n      <button class=\"preset-btn\" data-preset=\"${preset.name}\" title=\"${preset.description || preset.name}\">\n        <div class=\"preset-colors\">\n          ${(preset.previewColors || []).map(c => `<span style=\"background:${c}\"></span>`).join('')}\n        </div>\n        <span class=\"preset-name\">${preset.name}</span>\n      </button>\n    `).join('');\n\n    const colorGroups = THEME_COLOR_GROUPS.map(group => {\n      const colorInputs = group.colors.map(color => {\n        const value = this.getNestedValue(this.currentTheme as Record<string, unknown>, color.key) as string || '#000000';\n        return `\n          <div class=\"color-row\">\n            <label title=\"${color.description || ''}\">${color.label}</label>\n            <input type=\"color\" data-key=\"${color.key}\" value=\"${this.normalizeColor(value)}\" />\n            <input type=\"text\" data-key=\"${color.key}\" value=\"${value}\" class=\"color-text\" />\n          </div>\n        `;\n      }).join('');\n\n      return `\n        <div class=\"color-group\">\n          <h4>${group.label}</h4>\n          ${group.description ? `<p class=\"group-desc\">${group.description}</p>` : ''}\n          ${colorInputs}\n        </div>\n      `;\n    }).join('');\n\n    return `\n      <div class=\"theme-editor-inner\">\n        <div class=\"presets-section\">\n          <h3>Presets</h3>\n          <div class=\"presets-grid\">${presetButtons}</div>\n        </div>\n        <div class=\"colors-section\">\n          <h3>Customize</h3>\n          ${colorGroups}\n        </div>\n        <div class=\"actions-section\">\n          <button class=\"export-btn\">Export JSON</button>\n          <button class=\"import-btn\">Import JSON</button>\n        </div>\n      </div>\n    `;\n  }\n\n  private normalizeColor(color: string): string {\n    // Convert rgba/rgb to hex for color picker\n    if (color.startsWith('rgba') || color.startsWith('rgb')) {\n      const match = color.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n      if (match) {\n        const r = parseInt(match[1]).toString(16).padStart(2, '0');\n        const g = parseInt(match[2]).toString(16).padStart(2, '0');\n        const b = parseInt(match[3]).toString(16).padStart(2, '0');\n        return `#${r}${g}${b}`;\n      }\n    }\n    return color;\n  }\n\n  private attachEventListeners(): void {\n    if (!this.element) return;\n\n    // Preset buttons\n    this.element.querySelectorAll('.preset-btn').forEach(btn => {\n      btn.addEventListener('click', () => {\n        const presetName = btn.getAttribute('data-preset');\n        if (presetName) {\n          this.applyPreset(presetName);\n        }\n      });\n    });\n\n    // Color inputs\n    this.element.querySelectorAll('input[type=\"color\"], input.color-text').forEach(input => {\n      input.addEventListener('input', (e) => {\n        const target = e.target as HTMLInputElement;\n        const key = target.getAttribute('data-key');\n        if (key) {\n          this.updateProperty(key, target.value);\n          // Sync color picker and text input\n          const sibling = target.type === 'color' \n            ? target.nextElementSibling as HTMLInputElement\n            : target.previousElementSibling as HTMLInputElement;\n          if (sibling) {\n            sibling.value = target.type === 'color' ? target.value : this.normalizeColor(target.value);\n          }\n        }\n      });\n    });\n\n    // Export button\n    this.element.querySelector('.export-btn')?.addEventListener('click', () => {\n      const json = this.exportTheme();\n      navigator.clipboard?.writeText(json).then(() => {\n      });\n    });\n\n    // Import button\n    this.element.querySelector('.import-btn')?.addEventListener('click', () => {\n      const json = prompt('Paste theme JSON:');\n      if (json) {\n        this.importTheme(json);\n      }\n    });\n  }\n}\n\n// ============================================\n// Convenience Functions\n// ============================================\n\n/**\n * Create a theme editor instance\n */\nexport function createThemeEditor(\n  container: HTMLElement,\n  options?: ThemeEditorOptions\n): ThemeEditor {\n  return new ThemeEditor(container, options);\n}\n\n/**\n * Get a preset theme by name\n */\nexport function getPresetTheme(name: string): EditorTheme | undefined {\n  const preset = THEME_PRESETS.find(p => p.name.toLowerCase() === name.toLowerCase());\n  return preset ? { ...preset.theme } : undefined;\n}\n\n/**\n * Get all preset names\n */\nexport function getPresetNames(): string[] {\n  return THEME_PRESETS.map(p => p.name);\n}\n","/**\n * Sci Plot - Theme Editor Plugin\n * \n * Provides a visual interface for editing chart themes in real-time.\n * \n * @module plugins/theme-editor\n */\n\nimport { ThemeEditor } from \"../../core/theme-editor\";\nimport type { EditorTheme, ThemePreset } from \"../../core/theme-editor\";\nimport type { PluginManifest, ChartPlugin, PluginContext } from \"../types\";\n\nexport interface PluginThemeEditorConfig {\n    /** Initial theme to edit */\n    initialTheme?: string;\n    /** Position in the UI */\n    position?: \"left\" | \"right\";\n}\n\nconst manifestThemeEditor: PluginManifest = {\n    name: \"velo-plot-theme-editor\",\n    version: \"1.0.0\",\n    description: \"Visual theme editor for velo-plot\",\n    provides: [\"ui\", \"theme\"],\n    tags: [\"theme\", \"editor\", \"styling\", \"ui\"],\n};\n\n/**\n * SciPlot Theme Editor Plugin\n * \n * Adds a visual panel to customize chart colors and styles.\n */\nexport function PluginThemeEditor(_config: PluginThemeEditorConfig = {}): ChartPlugin<PluginThemeEditorConfig> {\n    return {\n        manifest: manifestThemeEditor,\n\n        onInit(_ctx: PluginContext) {\n        },\n\n        onDestroy(_ctx: PluginContext) {\n        }\n    };\n}\n\nexport { ThemeEditor };\nexport type { EditorTheme, ThemePreset };\nexport default PluginThemeEditor;\n"],"names":["THEME_COLOR_GROUPS","THEME_PRESETS","ThemeEditor","container","options","__publicField","theme","key","value","_a","_b","json","e","name","p","preset","obj","path","keys","current","i","presetButtons","c","colorGroups","group","colorInputs","color","match","r","g","b","btn","presetName","input","target","sibling","createThemeEditor","getPresetTheme","getPresetNames","manifestThemeEditor","PluginThemeEditor","_config","_ctx"],"mappings":"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"}