velo-plot 3.0.0 → 3.1.0

package/dist/index-qhscKTDy.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-qhscKTDy.js","sources":["../src/core/loading/index.ts","../src/plugins/loading/index.ts"],"sourcesContent":["/**\n * Velo Plot - Loading Indicator Module\n * \n * Provides visual loading/progress indicators for chart operations.\n * Supports progress bars, spinners, and skeleton placeholders.\n * \n * @module loading\n */\n\n// ============================================\n// Types\n// ============================================\n\nexport type LoadingIndicatorType = 'spinner' | 'progress' | 'skeleton' | 'pulse';\n\nexport interface LoadingIndicatorOptions {\n  /** Indicator type (default: 'spinner') */\n  type?: LoadingIndicatorType;\n  /** Message to display (default: 'Loading...') */\n  message?: string;\n  /** Show percentage for progress type (default: true) */\n  showPercentage?: boolean;\n  /** Background overlay opacity (0-1, default: 0.7) */\n  overlayOpacity?: number;\n  /** Accent color for spinner/progress (default: '#00f2ff') */\n  accentColor?: string;\n  /** Background color (default: 'rgba(0,0,0,0.7)') */\n  backgroundColor?: string;\n  /** Text color (default: '#ffffff') */\n  textColor?: string;\n  /** Size: 'small', 'medium', 'large' (default: 'medium') */\n  size?: 'small' | 'medium' | 'large';\n  /** Custom CSS class */\n  className?: string;\n  /** Auto-hide after completion (default: true) */\n  autoHide?: boolean;\n  /** Hide delay in ms after completion (default: 300) */\n  hideDelay?: number;\n}\n\nexport interface LoadingState {\n  /** Whether loading is in progress */\n  isLoading: boolean;\n  /** Progress value (0-100) */\n  progress: number;\n  /** Current message */\n  message: string;\n  /** Start time of loading */\n  startTime: number | null;\n  /** Estimated time remaining in ms */\n  eta: number | null;\n}\n\n// ============================================\n// Loading Indicator Implementation\n// ============================================\n\nexport class LoadingIndicator {\n  private container: HTMLElement;\n  private element: HTMLDivElement | null = null;\n  private options: Required<LoadingIndicatorOptions>;\n  private state: LoadingState = {\n    isLoading: false,\n    progress: 0,\n    message: '',\n    startTime: null,\n    eta: null,\n  };\n\n  // For ETA calculation\n  private progressHistory: { time: number; progress: number }[] = [];\n\n  constructor(container: HTMLElement, options?: LoadingIndicatorOptions) {\n    this.container = container;\n    this.options = {\n      type: 'spinner',\n      message: 'Loading...',\n      showPercentage: true,\n      overlayOpacity: 0.7,\n      accentColor: '#00f2ff',\n      backgroundColor: 'rgba(0, 0, 0, 0.7)',\n      textColor: '#ffffff',\n      size: 'medium',\n      className: 'velo-plot-loading',\n      autoHide: true,\n      hideDelay: 200,\n      ...options,\n    };\n    this.state.message = this.options.message;\n  }\n\n  /**\n   * Show the loading indicator\n   */\n  show(message?: string): void {\n    this.state.isLoading = true;\n    this.state.progress = 0;\n    this.state.startTime = performance.now();\n    this.state.eta = null;\n    this.progressHistory = [];\n    \n    if (message) {\n      this.state.message = message;\n    }\n\n    this.createElement();\n    this.render();\n  }\n\n  /**\n   * Hide the loading indicator\n   */\n  hide(): void {\n    if (!this.state.isLoading) return;\n    this.state.isLoading = false;\n    \n    if (this.element) {\n      this.element.style.opacity = '0';\n    }\n\n    if (this.options.autoHide) {\n      setTimeout(() => {\n        this.destroyElement();\n      }, this.options.hideDelay);\n    } else {\n      this.destroyElement();\n    }\n  }\n\n  /**\n   * Update progress (0-100)\n   */\n  setProgress(progress: number, message?: string): void {\n    const clampedProgress = Math.max(0, Math.min(100, progress));\n    this.state.progress = clampedProgress;\n    \n    if (message) {\n      this.state.message = message;\n    }\n\n    // Track progress for ETA\n    this.progressHistory.push({\n      time: performance.now(),\n      progress: clampedProgress,\n    });\n\n    // Keep only recent history\n    if (this.progressHistory.length > 10) {\n      this.progressHistory.shift();\n    }\n\n    // Calculate ETA\n    this.calculateEta();\n    \n    this.render();\n\n    // Auto-complete\n    if (clampedProgress >= 100 && this.options.autoHide) {\n      this.hide();\n    }\n  }\n\n  /**\n   * Update message only\n   */\n  setMessage(message: string): void {\n    this.state.message = message;\n    this.render();\n  }\n\n  /**\n   * Check if loading is in progress\n   */\n  isLoading(): boolean {\n    return this.state.isLoading;\n  }\n\n  /**\n   * Get current progress\n   */\n  getProgress(): number {\n    return this.state.progress;\n  }\n\n  /**\n   * Get current state\n   */\n  getState(): LoadingState {\n    return { ...this.state };\n  }\n\n  /**\n   * Destroy the indicator\n   */\n  destroy(): void {\n    this.hide();\n    this.destroyElement();\n  }\n\n  // ============================================\n  // Private Methods\n  // ============================================\n\n  private createElement(): void {\n    if (this.element) return;\n\n    this.element = document.createElement('div');\n    this.element.className = this.options.className;\n    \n    // Apply overlay styles\n    Object.assign(this.element.style, {\n      position: 'absolute',\n      top: '0',\n      left: '0',\n      right: '0',\n      bottom: '0',\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: this.options.backgroundColor,\n      zIndex: '9998',\n      transition: 'opacity 0.2s ease',\n    });\n\n    // Create inner content\n    this.element.innerHTML = this.getInnerHtml();\n    \n    // Inject styles\n    this.injectStyles();\n\n    this.container.style.position = 'relative';\n    this.container.appendChild(this.element);\n  }\n\n  private destroyElement(): void {\n    if (this.element && this.element.parentNode) {\n      this.element.parentNode.removeChild(this.element);\n    }\n    this.element = null;\n  }\n\n  private render(): void {\n    if (!this.element) return;\n    this.element.innerHTML = this.getInnerHtml();\n  }\n\n  private getInnerHtml(): string {\n    const { type, accentColor, textColor, size, showPercentage } = this.options;\n    const { progress, message, eta } = this.state;\n    \n    const sizeMap = { small: 24, medium: 40, large: 56 };\n    const spinnerSize = sizeMap[size];\n    const fontSize = size === 'small' ? 12 : size === 'large' ? 16 : 14;\n\n    let content = '';\n\n    switch (type) {\n      case 'spinner':\n        content = `\n          <div class=\"velo-plot-loading-spinner\" style=\"\n            width: ${spinnerSize}px;\n            height: ${spinnerSize}px;\n            border: 3px solid rgba(255,255,255,0.2);\n            border-top-color: ${accentColor};\n            border-radius: 50%;\n            animation: velo-plot-spin 0.8s linear infinite;\n          \"></div>\n        `;\n        break;\n\n      case 'progress':\n        content = `\n          <div class=\"velo-plot-loading-progress\" style=\"\n            width: 200px;\n            height: 8px;\n            background: rgba(255,255,255,0.2);\n            border-radius: 4px;\n            overflow: hidden;\n          \">\n            <div style=\"\n              width: ${progress}%;\n              height: 100%;\n              background: ${accentColor};\n              transition: width 0.2s ease;\n            \"></div>\n          </div>\n          ${showPercentage ? `\n            <div style=\"\n              color: ${textColor};\n              font-size: ${fontSize}px;\n              margin-top: 8px;\n              font-family: system-ui, sans-serif;\n            \">${Math.round(progress)}%</div>\n          ` : ''}\n        `;\n        break;\n\n      case 'skeleton':\n        content = `\n          <div class=\"velo-plot-loading-skeleton\" style=\"\n            width: 80%;\n            max-width: 300px;\n          \">\n            <div class=\"velo-plot-skeleton-line\" style=\"height: 20px; margin-bottom: 8px;\"></div>\n            <div class=\"velo-plot-skeleton-line\" style=\"height: 16px; width: 60%; margin-bottom: 8px;\"></div>\n            <div class=\"velo-plot-skeleton-line\" style=\"height: 40px;\"></div>\n          </div>\n        `;\n        break;\n\n      case 'pulse':\n        content = `\n          <div class=\"velo-plot-loading-pulse\" style=\"\n            width: ${spinnerSize}px;\n            height: ${spinnerSize}px;\n            background: ${accentColor};\n            border-radius: 50%;\n            animation: velo-plot-pulse 1.2s ease-in-out infinite;\n          \"></div>\n        `;\n        break;\n    }\n\n    // Add message\n    if (message) {\n      content += `\n        <div style=\"\n          color: ${textColor};\n          font-size: ${fontSize}px;\n          margin-top: 12px;\n          font-family: system-ui, sans-serif;\n        \">${message}</div>\n      `;\n    }\n\n    // Add ETA if available\n    if (eta !== null && eta > 0 && type === 'progress') {\n      content += `\n        <div style=\"\n          color: rgba(255,255,255,0.6);\n          font-size: ${fontSize - 2}px;\n          margin-top: 4px;\n          font-family: system-ui, sans-serif;\n        \">~${this.formatTime(eta)} remaining</div>\n      `;\n    }\n\n    return content;\n  }\n\n  private injectStyles(): void {\n    const styleId = 'velo-plot-loading-styles';\n    if (document.getElementById(styleId)) return;\n\n    const style = document.createElement('style');\n    style.id = styleId;\n    style.textContent = `\n      @keyframes velo-plot-spin {\n        to { transform: rotate(360deg); }\n      }\n      \n      @keyframes velo-plot-pulse {\n        0%, 100% { transform: scale(1); opacity: 1; }\n        50% { transform: scale(1.2); opacity: 0.7; }\n      }\n      \n      @keyframes velo-plot-skeleton-shimmer {\n        0% { background-position: -200% 0; }\n        100% { background-position: 200% 0; }\n      }\n      \n      .velo-plot-skeleton-line {\n        background: linear-gradient(\n          90deg,\n          rgba(255,255,255,0.1) 25%,\n          rgba(255,255,255,0.2) 50%,\n          rgba(255,255,255,0.1) 75%\n        );\n        background-size: 200% 100%;\n        animation: velo-plot-skeleton-shimmer 1.5s infinite;\n        border-radius: 4px;\n      }\n    `;\n    document.head.appendChild(style);\n  }\n\n  private calculateEta(): void {\n    if (this.progressHistory.length < 2) {\n      this.state.eta = null;\n      return;\n    }\n\n    const first = this.progressHistory[0];\n    const last = this.progressHistory[this.progressHistory.length - 1];\n    \n    const progressDelta = last.progress - first.progress;\n    const timeDelta = last.time - first.time;\n\n    if (progressDelta <= 0) {\n      this.state.eta = null;\n      return;\n    }\n\n    const remainingProgress = 100 - last.progress;\n    const rate = progressDelta / timeDelta;\n    this.state.eta = remainingProgress / rate;\n  }\n\n  private formatTime(ms: number): string {\n    const seconds = Math.ceil(ms / 1000);\n    if (seconds < 60) return `${seconds}s`;\n    const minutes = Math.floor(seconds / 60);\n    const remainingSeconds = seconds % 60;\n    return `${minutes}m ${remainingSeconds}s`;\n  }\n}\n\n// ============================================\n// Convenience Functions\n// ============================================\n\n/**\n * Create a loading indicator for a container\n */\nexport function createLoadingIndicator(\n  container: HTMLElement,\n  options?: LoadingIndicatorOptions\n): LoadingIndicator {\n  return new LoadingIndicator(container, options);\n}\n\n/**\n * Show loading with a simple spinner\n */\nexport function showLoading(\n  container: HTMLElement,\n  message?: string\n): LoadingIndicator {\n  const indicator = new LoadingIndicator(container, { message });\n  indicator.show();\n  return indicator;\n}\n\n/**\n * Show progress loading\n */\nexport function showProgress(\n  container: HTMLElement,\n  message?: string\n): LoadingIndicator {\n  const indicator = new LoadingIndicator(container, {\n    type: 'progress',\n    message,\n  });\n  indicator.show();\n  return indicator;\n}\n","/**\n * VeloPlot Engine - Loading Indicator Plugin\n * \n * Provides customizable loading and progress indicators.\n * \n * @module plugins/loading\n */\n\nimport { LoadingIndicator } from \"../../core/loading\";\nimport type { LoadingIndicatorOptions } from \"../../core/loading\";\nimport type { PluginManifest, ChartPlugin, PluginContext } from \"../types\";\n\nexport interface PluginLoadingConfig extends Partial<LoadingIndicatorOptions> {\n    /** Auto-show on heavy data operations */\n    autoShow?: boolean;\n}\n\nconst manifestLoading: PluginManifest = {\n    name: \"velo-plot-loading\",\n    version: \"1.0.0\",\n    description: \"Loading and progress indicators for velo-plot\",\n    provides: [\"ui\"],\n    tags: [\"loading\", \"progress\", \"ui\", \"ux\"],\n};\n\n/**\n * VeloPlot Loading Plugin\n * \n * Adds sleek loading indicators and progress trackers to the chart.\n */\nexport function PluginLoading(_config: PluginLoadingConfig = {}): ChartPlugin<PluginLoadingConfig> {\n    let indicator: LoadingIndicator | null = null;\n\n    return {\n        manifest: manifestLoading,\n\n        onInit(ctx: PluginContext) {   \n            // Create the indicator using the container from the UI context\n            indicator = new LoadingIndicator(ctx.ui.container, {\n                ..._config,\n                // Inherit theme colors if not explicitly provided\n                accentColor: _config.accentColor || (ctx.ui.theme.isDark ? '#00f2ff' : '#00b4d8'),\n            });\n\n            // If autoShow is enabled (or by default during init), show it\n            if (_config.autoShow !== false) {\n                indicator.show(_config.message || 'Initializing Chart...');\n            }\n\n            // Optional: Auto-hide on first successful render WITH data\n            if (_config.autoHide !== false) {\n                const off = ctx.events.on('render', () => {\n                   const hasData = ctx.data.getAllSeries().some(s => s.getPointCount() > 0);\n                   if (hasData) {\n                       indicator?.hide();\n                       off();\n                   }\n                });\n            }\n        },\n\n        onDestroy(_ctx: PluginContext) {\n            indicator?.destroy();\n            indicator = null;\n        },\n\n        api: {\n            show(message?: string) {\n                indicator?.show(message);\n            },\n            hide() {\n                indicator?.hide();\n            },\n            setProgress(progress: number, message?: string) {\n                indicator?.setProgress(progress, message);\n            },\n            setMessage(message: string) {\n                indicator?.setMessage(message);\n            },\n            getIndicator: () => indicator\n        }\n    };\n}\n\nexport { LoadingIndicator };\nexport default PluginLoading;\n"],"names":["LoadingIndicator","container","options","__publicField","message","progress","clampedProgress","type","accentColor","textColor","size","showPercentage","eta","spinnerSize","fontSize","content","styleId","style","first","last","progressDelta","timeDelta","remainingProgress","rate","ms","seconds","minutes","remainingSeconds","createLoadingIndicator","showLoading","indicator","showProgress","manifestLoading","PluginLoading","_config","ctx","off","s","_ctx"],"mappings":"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"}
+{"version":3,"file":"index-qhscKTDy.js","sources":["../src/core/loading/index.ts","../src/plugins/loading/index.ts"],"sourcesContent":["/**\n * Velo Plot - Loading Indicator Module\n * \n * Provides visual loading/progress indicators for chart operations.\n * Supports progress bars, spinners, and skeleton placeholders.\n * \n * @module loading\n */\n\n// ============================================\n// Types\n// ============================================\n\nexport type LoadingIndicatorType = 'spinner' | 'progress' | 'skeleton' | 'pulse';\n\nexport interface LoadingIndicatorOptions {\n  /** Indicator type (default: 'spinner') */\n  type?: LoadingIndicatorType;\n  /** Message to display (default: 'Loading...') */\n  message?: string;\n  /** Show percentage for progress type (default: true) */\n  showPercentage?: boolean;\n  /** Background overlay opacity (0-1, default: 0.7) */\n  overlayOpacity?: number;\n  /** Accent color for spinner/progress (default: '#00f2ff') */\n  accentColor?: string;\n  /** Background color (default: 'rgba(0,0,0,0.7)') */\n  backgroundColor?: string;\n  /** Text color (default: '#ffffff') */\n  textColor?: string;\n  /** Size: 'small', 'medium', 'large' (default: 'medium') */\n  size?: 'small' | 'medium' | 'large';\n  /** Custom CSS class */\n  className?: string;\n  /** Auto-hide after completion (default: true) */\n  autoHide?: boolean;\n  /** Hide delay in ms after completion (default: 300) */\n  hideDelay?: number;\n}\n\nexport interface LoadingState {\n  /** Whether loading is in progress */\n  isLoading: boolean;\n  /** Progress value (0-100) */\n  progress: number;\n  /** Current message */\n  message: string;\n  /** Start time of loading */\n  startTime: number | null;\n  /** Estimated time remaining in ms */\n  eta: number | null;\n}\n\n// ============================================\n// Loading Indicator Implementation\n// ============================================\n\nexport class LoadingIndicator {\n  private container: HTMLElement;\n  private element: HTMLDivElement | null = null;\n  private options: Required<LoadingIndicatorOptions>;\n  private state: LoadingState = {\n    isLoading: false,\n    progress: 0,\n    message: '',\n    startTime: null,\n    eta: null,\n  };\n\n  // For ETA calculation\n  private progressHistory: { time: number; progress: number }[] = [];\n\n  constructor(container: HTMLElement, options?: LoadingIndicatorOptions) {\n    this.container = container;\n    this.options = {\n      type: 'spinner',\n      message: 'Loading...',\n      showPercentage: true,\n      overlayOpacity: 0.7,\n      accentColor: '#00f2ff',\n      backgroundColor: 'rgba(0, 0, 0, 0.7)',\n      textColor: '#ffffff',\n      size: 'medium',\n      className: 'velo-plot-loading',\n      autoHide: true,\n      hideDelay: 200,\n      ...options,\n    };\n    this.state.message = this.options.message;\n  }\n\n  /**\n   * Show the loading indicator\n   */\n  show(message?: string): void {\n    this.state.isLoading = true;\n    this.state.progress = 0;\n    this.state.startTime = performance.now();\n    this.state.eta = null;\n    this.progressHistory = [];\n    \n    if (message) {\n      this.state.message = message;\n    }\n\n    this.createElement();\n    this.render();\n  }\n\n  /**\n   * Hide the loading indicator\n   */\n  hide(): void {\n    if (!this.state.isLoading) return;\n    this.state.isLoading = false;\n    \n    if (this.element) {\n      this.element.style.opacity = '0';\n    }\n\n    if (this.options.autoHide) {\n      setTimeout(() => {\n        this.destroyElement();\n      }, this.options.hideDelay);\n    } else {\n      this.destroyElement();\n    }\n  }\n\n  /**\n   * Update progress (0-100)\n   */\n  setProgress(progress: number, message?: string): void {\n    const clampedProgress = Math.max(0, Math.min(100, progress));\n    this.state.progress = clampedProgress;\n    \n    if (message) {\n      this.state.message = message;\n    }\n\n    // Track progress for ETA\n    this.progressHistory.push({\n      time: performance.now(),\n      progress: clampedProgress,\n    });\n\n    // Keep only recent history\n    if (this.progressHistory.length > 10) {\n      this.progressHistory.shift();\n    }\n\n    // Calculate ETA\n    this.calculateEta();\n    \n    this.render();\n\n    // Auto-complete\n    if (clampedProgress >= 100 && this.options.autoHide) {\n      this.hide();\n    }\n  }\n\n  /**\n   * Update message only\n   */\n  setMessage(message: string): void {\n    this.state.message = message;\n    this.render();\n  }\n\n  /**\n   * Check if loading is in progress\n   */\n  isLoading(): boolean {\n    return this.state.isLoading;\n  }\n\n  /**\n   * Get current progress\n   */\n  getProgress(): number {\n    return this.state.progress;\n  }\n\n  /**\n   * Get current state\n   */\n  getState(): LoadingState {\n    return { ...this.state };\n  }\n\n  /**\n   * Destroy the indicator\n   */\n  destroy(): void {\n    this.hide();\n    this.destroyElement();\n  }\n\n  // ============================================\n  // Private Methods\n  // ============================================\n\n  private createElement(): void {\n    if (this.element) return;\n\n    this.element = document.createElement('div');\n    this.element.className = this.options.className;\n    \n    // Apply overlay styles\n    Object.assign(this.element.style, {\n      position: 'absolute',\n      top: '0',\n      left: '0',\n      right: '0',\n      bottom: '0',\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: this.options.backgroundColor,\n      zIndex: '9998',\n      transition: 'opacity 0.2s ease',\n    });\n\n    // Create inner content\n    this.element.innerHTML = this.getInnerHtml();\n    \n    // Inject styles\n    this.injectStyles();\n\n    this.container.style.position = 'relative';\n    this.container.appendChild(this.element);\n  }\n\n  private destroyElement(): void {\n    if (this.element && this.element.parentNode) {\n      this.element.parentNode.removeChild(this.element);\n    }\n    this.element = null;\n  }\n\n  private render(): void {\n    if (!this.element) return;\n    this.element.innerHTML = this.getInnerHtml();\n  }\n\n  private getInnerHtml(): string {\n    const { type, accentColor, textColor, size, showPercentage } = this.options;\n    const { progress, message, eta } = this.state;\n    \n    const sizeMap = { small: 24, medium: 40, large: 56 };\n    const spinnerSize = sizeMap[size];\n    const fontSize = size === 'small' ? 12 : size === 'large' ? 16 : 14;\n\n    let content = '';\n\n    switch (type) {\n      case 'spinner':\n        content = `\n          <div class=\"velo-plot-loading-spinner\" style=\"\n            width: ${spinnerSize}px;\n            height: ${spinnerSize}px;\n            border: 3px solid rgba(255,255,255,0.2);\n            border-top-color: ${accentColor};\n            border-radius: 50%;\n            animation: velo-plot-spin 0.8s linear infinite;\n          \"></div>\n        `;\n        break;\n\n      case 'progress':\n        content = `\n          <div class=\"velo-plot-loading-progress\" style=\"\n            width: 200px;\n            height: 8px;\n            background: rgba(255,255,255,0.2);\n            border-radius: 4px;\n            overflow: hidden;\n          \">\n            <div style=\"\n              width: ${progress}%;\n              height: 100%;\n              background: ${accentColor};\n              transition: width 0.2s ease;\n            \"></div>\n          </div>\n          ${showPercentage ? `\n            <div style=\"\n              color: ${textColor};\n              font-size: ${fontSize}px;\n              margin-top: 8px;\n              font-family: system-ui, sans-serif;\n            \">${Math.round(progress)}%</div>\n          ` : ''}\n        `;\n        break;\n\n      case 'skeleton':\n        content = `\n          <div class=\"velo-plot-loading-skeleton\" style=\"\n            width: 80%;\n            max-width: 300px;\n          \">\n            <div class=\"velo-plot-skeleton-line\" style=\"height: 20px; margin-bottom: 8px;\"></div>\n            <div class=\"velo-plot-skeleton-line\" style=\"height: 16px; width: 60%; margin-bottom: 8px;\"></div>\n            <div class=\"velo-plot-skeleton-line\" style=\"height: 40px;\"></div>\n          </div>\n        `;\n        break;\n\n      case 'pulse':\n        content = `\n          <div class=\"velo-plot-loading-pulse\" style=\"\n            width: ${spinnerSize}px;\n            height: ${spinnerSize}px;\n            background: ${accentColor};\n            border-radius: 50%;\n            animation: velo-plot-pulse 1.2s ease-in-out infinite;\n          \"></div>\n        `;\n        break;\n    }\n\n    // Add message\n    if (message) {\n      content += `\n        <div style=\"\n          color: ${textColor};\n          font-size: ${fontSize}px;\n          margin-top: 12px;\n          font-family: system-ui, sans-serif;\n        \">${message}</div>\n      `;\n    }\n\n    // Add ETA if available\n    if (eta !== null && eta > 0 && type === 'progress') {\n      content += `\n        <div style=\"\n          color: rgba(255,255,255,0.6);\n          font-size: ${fontSize - 2}px;\n          margin-top: 4px;\n          font-family: system-ui, sans-serif;\n        \">~${this.formatTime(eta)} remaining</div>\n      `;\n    }\n\n    return content;\n  }\n\n  private injectStyles(): void {\n    const styleId = 'velo-plot-loading-styles';\n    if (document.getElementById(styleId)) return;\n\n    const style = document.createElement('style');\n    style.id = styleId;\n    style.textContent = `\n      @keyframes velo-plot-spin {\n        to { transform: rotate(360deg); }\n      }\n      \n      @keyframes velo-plot-pulse {\n        0%, 100% { transform: scale(1); opacity: 1; }\n        50% { transform: scale(1.2); opacity: 0.7; }\n      }\n      \n      @keyframes velo-plot-skeleton-shimmer {\n        0% { background-position: -200% 0; }\n        100% { background-position: 200% 0; }\n      }\n      \n      .velo-plot-skeleton-line {\n        background: linear-gradient(\n          90deg,\n          rgba(255,255,255,0.1) 25%,\n          rgba(255,255,255,0.2) 50%,\n          rgba(255,255,255,0.1) 75%\n        );\n        background-size: 200% 100%;\n        animation: velo-plot-skeleton-shimmer 1.5s infinite;\n        border-radius: 4px;\n      }\n    `;\n    document.head.appendChild(style);\n  }\n\n  private calculateEta(): void {\n    if (this.progressHistory.length < 2) {\n      this.state.eta = null;\n      return;\n    }\n\n    const first = this.progressHistory[0];\n    const last = this.progressHistory[this.progressHistory.length - 1];\n    \n    const progressDelta = last.progress - first.progress;\n    const timeDelta = last.time - first.time;\n\n    if (progressDelta <= 0) {\n      this.state.eta = null;\n      return;\n    }\n\n    const remainingProgress = 100 - last.progress;\n    const rate = progressDelta / timeDelta;\n    this.state.eta = remainingProgress / rate;\n  }\n\n  private formatTime(ms: number): string {\n    const seconds = Math.ceil(ms / 1000);\n    if (seconds < 60) return `${seconds}s`;\n    const minutes = Math.floor(seconds / 60);\n    const remainingSeconds = seconds % 60;\n    return `${minutes}m ${remainingSeconds}s`;\n  }\n}\n\n// ============================================\n// Convenience Functions\n// ============================================\n\n/**\n * Create a loading indicator for a container\n */\nexport function createLoadingIndicator(\n  container: HTMLElement,\n  options?: LoadingIndicatorOptions\n): LoadingIndicator {\n  return new LoadingIndicator(container, options);\n}\n\n/**\n * Show loading with a simple spinner\n */\nexport function showLoading(\n  container: HTMLElement,\n  message?: string\n): LoadingIndicator {\n  const indicator = new LoadingIndicator(container, { message });\n  indicator.show();\n  return indicator;\n}\n\n/**\n * Show progress loading\n */\nexport function showProgress(\n  container: HTMLElement,\n  message?: string\n): LoadingIndicator {\n  const indicator = new LoadingIndicator(container, {\n    type: 'progress',\n    message,\n  });\n  indicator.show();\n  return indicator;\n}\n","/**\n * VeloPlot Engine - Loading Indicator Plugin\n * \n * Provides customizable loading and progress indicators.\n * \n * @module plugins/loading\n */\n\nimport { LoadingIndicator } from \"../../core/loading\";\nimport type { LoadingIndicatorOptions } from \"../../core/loading\";\nimport type { PluginManifest, ChartPlugin, PluginContext } from \"../types\";\n\nexport interface PluginLoadingConfig extends Partial<LoadingIndicatorOptions> {\n    /** Auto-show on heavy data operations */\n    autoShow?: boolean;\n}\n\nconst manifestLoading: PluginManifest = {\n    name: \"velo-plot-loading\",\n    version: \"1.0.0\",\n    description: \"Loading and progress indicators for velo-plot\",\n    provides: [\"ui\"],\n    tags: [\"loading\", \"progress\", \"ui\", \"ux\"],\n};\n\n/**\n * VeloPlot Loading Plugin\n * \n * Adds sleek loading indicators and progress trackers to the chart.\n */\nexport function PluginLoading(_config: PluginLoadingConfig = {}): ChartPlugin<PluginLoadingConfig> {\n    let indicator: LoadingIndicator | null = null;\n\n    return {\n        manifest: manifestLoading,\n\n        onInit(ctx: PluginContext) {   \n            // Create the indicator using the container from the UI context\n            indicator = new LoadingIndicator(ctx.ui.container, {\n                ..._config,\n                // Inherit theme colors if not explicitly provided\n                accentColor: _config.accentColor || (ctx.ui.theme.isDark ? '#00f2ff' : '#00b4d8'),\n            });\n\n            // If autoShow is enabled (or by default during init), show it\n            if (_config.autoShow !== false) {\n                indicator.show(_config.message || 'Initializing Chart...');\n            }\n\n            // Optional: Auto-hide on first successful render WITH data\n            if (_config.autoHide !== false) {\n                const off = ctx.events.on('render', () => {\n                   const hasData = ctx.data.getAllSeries().some(s => s.getPointCount() > 0);\n                   if (hasData) {\n                       indicator?.hide();\n                       off();\n                   }\n                });\n            }\n        },\n\n        onDestroy(_ctx: PluginContext) {\n            indicator?.destroy();\n            indicator = null;\n        },\n\n        api: {\n            show(message?: string) {\n                indicator?.show(message);\n            },\n            hide() {\n                indicator?.hide();\n            },\n            setProgress(progress: number, message?: string) {\n                indicator?.setProgress(progress, message);\n            },\n            setMessage(message: string) {\n                indicator?.setMessage(message);\n            },\n            getIndicator: () => indicator\n        }\n    };\n}\n\nexport default PluginLoading;\n"],"names":["LoadingIndicator","container","options","__publicField","message","progress","clampedProgress","type","accentColor","textColor","size","showPercentage","eta","spinnerSize","fontSize","content","styleId","style","first","last","progressDelta","timeDelta","remainingProgress","rate","ms","seconds","minutes","remainingSeconds","createLoadingIndicator","showLoading","indicator","showProgress","manifestLoading","PluginLoading","_config","ctx","off","s","_ctx"],"mappings":"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"}

package/dist/index.core.d.ts

@@ -2,7 +2,6 @@
  * Velo Plot - Core Bundle
  *
  * Minimal bundle containing only the essential features for 2D charts.
- * Achieve ~60KB gzipped by excluding optional plugins.
  */
 export { createChart } from './core/Chart';
 export { Series } from './core/Series';
@@ -11,10 +10,13 @@ export type { Chart, ChartOptions, ExportOptions } from './core/Chart';
 export type { AxisOptions, SeriesOptions, SeriesData, SeriesStyle, ZoomOptions, Point, Bounds, Range, ScaleType, SeriesType, } from './types';
 export { LinearScale, LogScale, createScale } from './scales';
 export type { Scale } from './scales';
-export { NativeWebGLRenderer, parseColor, createRenderer, createNativeRenderer, } from './renderer';
-export type { IWebGLRenderer, SeriesRenderData, RenderOptions } from './renderer';
+export { NativeWebGLRenderer, parseColor, } from './renderer/NativeWebGLRenderer';
+export { createRenderer, createNativeRenderer, } from './renderer/RendererInterface';
+export type { IWebGLRenderer, SeriesRenderData, RenderOptions, } from './renderer/RendererInterface';
 export { DARK_THEME, LIGHT_THEME, DEFAULT_THEME, createTheme, getThemeByName, } from './theme';
 export type { ChartTheme, GridTheme, AxisTheme } from './theme';
-export { AnimationEngine, easings, DEFAULT_ANIMATION_CONFIG, getSharedAnimationEngine, } from './core/animation';
-export { createPluginContext, PluginManagerImpl, getPluginRegistry, registerPlugin, definePlugin, createPlugin, createConfigurablePlugin, } from './plugins';
-export type { PluginManifest, PluginContext, ChartPlugin, PluginFactory, PluginManager, } from './plugins';
+export { createPluginContext } from './plugins/PluginContext';
+export { PluginManagerImpl } from './plugins/PluginManager';
+export { getPluginRegistry, registerPlugin, definePlugin, } from './plugins/PluginRegistry';
+export { createPlugin, createConfigurablePlugin } from './plugins/createPlugin';
+export type { PluginManifest, PluginContext, ChartPlugin, PluginFactory, PluginManager, } from './plugins/types';

package/dist/index.d.ts

@@ -1,17 +1,4 @@
-/**
- * Velo Plot - High-Performance Scientific Charting
- *
- * A WebGL-based charting engine designed for scientific data visualization
- * and high-performance rendering of large datasets.
- *
- * Features:
- * - 10⁵–10⁶ points at 60 FPS
- * - Zoom/pan via GPU uniforms (no buffer recreation)
- * - Scientific precision with Float32/Float64 arrays
- * - Data analysis utilities (peak detection, cycle detection, etc.)
- *
- * @packageDocumentation
- */
+
 export { createChart } from './core/Chart';
 export { Series } from './core/Series';
 export { EventEmitter } from './core/EventEmitter';

package/dist/plugins/3d.js

@@ -2969,7 +2969,9 @@ class Ct {
       return;
     }
     const e = this.impulseData, t = e.baseY ?? 0;
-    let i = 1 / 0, s = -1 / 0, n = t, o = -1 / 0, l = 1 / 0, h = -1 / 0;
+    let i = 1 / 0, s = -1 / 0;
+    const n = t;
+    let o = -1 / 0, l = 1 / 0, h = -1 / 0;
     for (let c = 0; c < e.x.length; c++)
       e.x[c] < i && (i = e.x[c]), e.x[c] > s && (s = e.x[c]), e.y[c] > o && (o = e.y[c]), e.z[c] < l && (l = e.z[c]), e.z[c] > h && (h = e.z[c]);
     this.bounds = { minX: i, maxX: s, minY: n, maxY: o, minZ: l, maxZ: h };