velo-plot 1.11.1

package/dist/index-qhscKTDy.js

@@ -0,0 +1,309 @@
+var c = Object.defineProperty;
+var u = (s, e, t) => e in s ? c(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var r = (s, e, t) => u(s, typeof e != "symbol" ? e + "" : e, t);
+class d {
+  constructor(e, t) {
+    r(this, "container");
+    r(this, "element", null);
+    r(this, "options");
+    r(this, "state", {
+      isLoading: !1,
+      progress: 0,
+      message: "",
+      startTime: null,
+      eta: null
+    });
+    // For ETA calculation
+    r(this, "progressHistory", []);
+    this.container = e, this.options = {
+      type: "spinner",
+      message: "Loading...",
+      showPercentage: !0,
+      overlayOpacity: 0.7,
+      accentColor: "#00f2ff",
+      backgroundColor: "rgba(0, 0, 0, 0.7)",
+      textColor: "#ffffff",
+      size: "medium",
+      className: "velo-plot-loading",
+      autoHide: !0,
+      hideDelay: 200,
+      ...t
+    }, this.state.message = this.options.message;
+  }
+  /**
+   * Show the loading indicator
+   */
+  show(e) {
+    this.state.isLoading = !0, this.state.progress = 0, this.state.startTime = performance.now(), this.state.eta = null, this.progressHistory = [], e && (this.state.message = e), this.createElement(), this.render();
+  }
+  /**
+   * Hide the loading indicator
+   */
+  hide() {
+    this.state.isLoading && (this.state.isLoading = !1, this.element && (this.element.style.opacity = "0"), this.options.autoHide ? setTimeout(() => {
+      this.destroyElement();
+    }, this.options.hideDelay) : this.destroyElement());
+  }
+  /**
+   * Update progress (0-100)
+   */
+  setProgress(e, t) {
+    const i = Math.max(0, Math.min(100, e));
+    this.state.progress = i, t && (this.state.message = t), this.progressHistory.push({
+      time: performance.now(),
+      progress: i
+    }), this.progressHistory.length > 10 && this.progressHistory.shift(), this.calculateEta(), this.render(), i >= 100 && this.options.autoHide && this.hide();
+  }
+  /**
+   * Update message only
+   */
+  setMessage(e) {
+    this.state.message = e, this.render();
+  }
+  /**
+   * Check if loading is in progress
+   */
+  isLoading() {
+    return this.state.isLoading;
+  }
+  /**
+   * Get current progress
+   */
+  getProgress() {
+    return this.state.progress;
+  }
+  /**
+   * Get current state
+   */
+  getState() {
+    return { ...this.state };
+  }
+  /**
+   * Destroy the indicator
+   */
+  destroy() {
+    this.hide(), this.destroyElement();
+  }
+  // ============================================
+  // Private Methods
+  // ============================================
+  createElement() {
+    this.element || (this.element = document.createElement("div"), this.element.className = this.options.className, Object.assign(this.element.style, {
+      position: "absolute",
+      top: "0",
+      left: "0",
+      right: "0",
+      bottom: "0",
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: this.options.backgroundColor,
+      zIndex: "9998",
+      transition: "opacity 0.2s ease"
+    }), this.element.innerHTML = this.getInnerHtml(), this.injectStyles(), this.container.style.position = "relative", this.container.appendChild(this.element));
+  }
+  destroyElement() {
+    this.element && this.element.parentNode && this.element.parentNode.removeChild(this.element), this.element = null;
+  }
+  render() {
+    this.element && (this.element.innerHTML = this.getInnerHtml());
+  }
+  getInnerHtml() {
+    const { type: e, accentColor: t, textColor: i, size: o, showPercentage: a } = this.options, { progress: l, message: m, eta: p } = this.state, h = { small: 24, medium: 40, large: 56 }[o], g = o === "small" ? 12 : o === "large" ? 16 : 14;
+    let n = "";
+    switch (e) {
+      case "spinner":
+        n = `
+          <div class="velo-plot-loading-spinner" style="
+            width: ${h}px;
+            height: ${h}px;
+            border: 3px solid rgba(255,255,255,0.2);
+            border-top-color: ${t};
+            border-radius: 50%;
+            animation: velo-plot-spin 0.8s linear infinite;
+          "></div>
+        `;
+        break;
+      case "progress":
+        n = `
+          <div class="velo-plot-loading-progress" style="
+            width: 200px;
+            height: 8px;
+            background: rgba(255,255,255,0.2);
+            border-radius: 4px;
+            overflow: hidden;
+          ">
+            <div style="
+              width: ${l}%;
+              height: 100%;
+              background: ${t};
+              transition: width 0.2s ease;
+            "></div>
+          </div>
+          ${a ? `
+            <div style="
+              color: ${i};
+              font-size: ${g}px;
+              margin-top: 8px;
+              font-family: system-ui, sans-serif;
+            ">${Math.round(l)}%</div>
+          ` : ""}
+        `;
+        break;
+      case "skeleton":
+        n = `
+          <div class="velo-plot-loading-skeleton" style="
+            width: 80%;
+            max-width: 300px;
+          ">
+            <div class="velo-plot-skeleton-line" style="height: 20px; margin-bottom: 8px;"></div>
+            <div class="velo-plot-skeleton-line" style="height: 16px; width: 60%; margin-bottom: 8px;"></div>
+            <div class="velo-plot-skeleton-line" style="height: 40px;"></div>
+          </div>
+        `;
+        break;
+      case "pulse":
+        n = `
+          <div class="velo-plot-loading-pulse" style="
+            width: ${h}px;
+            height: ${h}px;
+            background: ${t};
+            border-radius: 50%;
+            animation: velo-plot-pulse 1.2s ease-in-out infinite;
+          "></div>
+        `;
+        break;
+    }
+    return m && (n += `
+        <div style="
+          color: ${i};
+          font-size: ${g}px;
+          margin-top: 12px;
+          font-family: system-ui, sans-serif;
+        ">${m}</div>
+      `), p !== null && p > 0 && e === "progress" && (n += `
+        <div style="
+          color: rgba(255,255,255,0.6);
+          font-size: ${g - 2}px;
+          margin-top: 4px;
+          font-family: system-ui, sans-serif;
+        ">~${this.formatTime(p)} remaining</div>
+      `), n;
+  }
+  injectStyles() {
+    const e = "velo-plot-loading-styles";
+    if (document.getElementById(e)) return;
+    const t = document.createElement("style");
+    t.id = e, t.textContent = `
+      @keyframes velo-plot-spin {
+        to { transform: rotate(360deg); }
+      }
+      
+      @keyframes velo-plot-pulse {
+        0%, 100% { transform: scale(1); opacity: 1; }
+        50% { transform: scale(1.2); opacity: 0.7; }
+      }
+      
+      @keyframes velo-plot-skeleton-shimmer {
+        0% { background-position: -200% 0; }
+        100% { background-position: 200% 0; }
+      }
+      
+      .velo-plot-skeleton-line {
+        background: linear-gradient(
+          90deg,
+          rgba(255,255,255,0.1) 25%,
+          rgba(255,255,255,0.2) 50%,
+          rgba(255,255,255,0.1) 75%
+        );
+        background-size: 200% 100%;
+        animation: velo-plot-skeleton-shimmer 1.5s infinite;
+        border-radius: 4px;
+      }
+    `, document.head.appendChild(t);
+  }
+  calculateEta() {
+    if (this.progressHistory.length < 2) {
+      this.state.eta = null;
+      return;
+    }
+    const e = this.progressHistory[0], t = this.progressHistory[this.progressHistory.length - 1], i = t.progress - e.progress, o = t.time - e.time;
+    if (i <= 0) {
+      this.state.eta = null;
+      return;
+    }
+    const a = 100 - t.progress, l = i / o;
+    this.state.eta = a / l;
+  }
+  formatTime(e) {
+    const t = Math.ceil(e / 1e3);
+    if (t < 60) return `${t}s`;
+    const i = Math.floor(t / 60), o = t % 60;
+    return `${i}m ${o}s`;
+  }
+}
+function b(s, e) {
+  return new d(s, e);
+}
+function x(s, e) {
+  const t = new d(s, { message: e });
+  return t.show(), t;
+}
+function w(s, e) {
+  const t = new d(s, {
+    type: "progress",
+    message: e
+  });
+  return t.show(), t;
+}
+const f = {
+  name: "velo-plot-loading",
+  version: "1.0.0",
+  description: "Loading and progress indicators for velo-plot",
+  provides: ["ui"],
+  tags: ["loading", "progress", "ui", "ux"]
+};
+function k(s = {}) {
+  let e = null;
+  return {
+    manifest: f,
+    onInit(t) {
+      if (e = new d(t.ui.container, {
+        ...s,
+        // Inherit theme colors if not explicitly provided
+        accentColor: s.accentColor || (t.ui.theme.isDark ? "#00f2ff" : "#00b4d8")
+      }), s.autoShow !== !1 && e.show(s.message || "Initializing Chart..."), s.autoHide !== !1) {
+        const i = t.events.on("render", () => {
+          t.data.getAllSeries().some((a) => a.getPointCount() > 0) && (e == null || e.hide(), i());
+        });
+      }
+    },
+    onDestroy(t) {
+      e == null || e.destroy(), e = null;
+    },
+    api: {
+      show(t) {
+        e == null || e.show(t);
+      },
+      hide() {
+        e == null || e.hide();
+      },
+      setProgress(t, i) {
+        e == null || e.setProgress(t, i);
+      },
+      setMessage(t) {
+        e == null || e.setMessage(t);
+      },
+      getIndicator: () => e
+    }
+  };
+}
+export {
+  d as L,
+  k as P,
+  w as a,
+  b as c,
+  x as s
+};
+//# sourceMappingURL=index-qhscKTDy.js.map

package/dist/index-qhscKTDy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-qhscKTDy.js","sources":["../src/core/loading/index.ts","../src/plugins/loading/index.ts"],"sourcesContent":["/**\n * Sci 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 * SciPlot 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 * SciPlot 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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"}

package/dist/index-x4stH3jD.js

@@ -0,0 +1,282 @@
+const l = {
+  locale: "en-US",
+  decimalSeparator: ".",
+  thousandsSeparator: ",",
+  dateFormat: "MM/DD/YYYY",
+  timeFormat: "hh:mm:ss a",
+  labels: {
+    start: "Start",
+    pause: "Pause",
+    reset: "Reset",
+    export: "Export",
+    autoScale: "Auto Scale",
+    pan: "Pan",
+    zoom: "Zoom",
+    select: "Select",
+    legend: "Legend",
+    fps: "FPS",
+    points: "points",
+    loading: "Loading...",
+    noData: "No data",
+    error: "Error"
+  }
+}, f = {
+  locale: "es-ES",
+  decimalSeparator: ",",
+  thousandsSeparator: ".",
+  dateFormat: "DD/MM/YYYY",
+  timeFormat: "HH:mm:ss",
+  labels: {
+    start: "Iniciar",
+    pause: "Pausar",
+    reset: "Reiniciar",
+    export: "Exportar",
+    autoScale: "Auto Escala",
+    pan: "Mover",
+    zoom: "Zoom",
+    select: "Seleccionar",
+    legend: "Leyenda",
+    fps: "FPS",
+    points: "puntos",
+    loading: "Cargando...",
+    noData: "Sin datos",
+    error: "Error"
+  }
+}, g = {
+  locale: "de-DE",
+  decimalSeparator: ",",
+  thousandsSeparator: ".",
+  dateFormat: "DD.MM.YYYY",
+  timeFormat: "HH:mm:ss",
+  labels: {
+    start: "Start",
+    pause: "Pause",
+    reset: "Zurücksetzen",
+    export: "Exportieren",
+    autoScale: "Auto-Skalierung",
+    pan: "Verschieben",
+    zoom: "Zoom",
+    select: "Auswählen",
+    legend: "Legende",
+    fps: "FPS",
+    points: "Punkte",
+    loading: "Laden...",
+    noData: "Keine Daten",
+    error: "Fehler"
+  }
+}, F = {
+  locale: "fr-FR",
+  decimalSeparator: ",",
+  thousandsSeparator: " ",
+  dateFormat: "DD/MM/YYYY",
+  timeFormat: "HH:mm:ss",
+  labels: {
+    start: "Démarrer",
+    pause: "Pause",
+    reset: "Réinitialiser",
+    export: "Exporter",
+    autoScale: "Échelle auto",
+    pan: "Déplacer",
+    zoom: "Zoom",
+    select: "Sélectionner",
+    legend: "Légende",
+    fps: "FPS",
+    points: "points",
+    loading: "Chargement...",
+    noData: "Aucune donnée",
+    error: "Erreur"
+  }
+}, h = {
+  locale: "pt-BR",
+  decimalSeparator: ",",
+  thousandsSeparator: ".",
+  dateFormat: "DD/MM/YYYY",
+  timeFormat: "HH:mm:ss",
+  labels: {
+    start: "Iniciar",
+    pause: "Pausar",
+    reset: "Reiniciar",
+    export: "Exportar",
+    autoScale: "Escala Auto",
+    pan: "Mover",
+    zoom: "Zoom",
+    select: "Selecionar",
+    legend: "Legenda",
+    fps: "FPS",
+    points: "pontos",
+    loading: "Carregando...",
+    noData: "Sem dados",
+    error: "Erro"
+  }
+}, D = {
+  locale: "zh-CN",
+  decimalSeparator: ".",
+  thousandsSeparator: ",",
+  dateFormat: "YYYY/MM/DD",
+  timeFormat: "HH:mm:ss",
+  labels: {
+    start: "开始",
+    pause: "暂停",
+    reset: "重置",
+    export: "导出",
+    autoScale: "自动缩放",
+    pan: "平移",
+    zoom: "缩放",
+    select: "选择",
+    legend: "图例",
+    fps: "FPS",
+    points: "点",
+    loading: "加载中...",
+    noData: "无数据",
+    error: "错误"
+  }
+}, b = {
+  locale: "ja-JP",
+  decimalSeparator: ".",
+  thousandsSeparator: ",",
+  dateFormat: "YYYY/MM/DD",
+  timeFormat: "HH:mm:ss",
+  labels: {
+    start: "開始",
+    pause: "一時停止",
+    reset: "リセット",
+    export: "エクスポート",
+    autoScale: "自動スケール",
+    pan: "パン",
+    zoom: "ズーム",
+    select: "選択",
+    legend: "凡例",
+    fps: "FPS",
+    points: "ポイント",
+    loading: "読み込み中...",
+    noData: "データなし",
+    error: "エラー"
+  }
+}, S = {
+  "en-US": l,
+  en: l,
+  "es-ES": f,
+  es: f,
+  "de-DE": g,
+  de: g,
+  "fr-FR": F,
+  fr: F,
+  "pt-BR": h,
+  pt: h,
+  "zh-CN": D,
+  zh: D,
+  "ja-JP": b,
+  ja: b
+}, d = [
+  { value: 1e-15, symbol: "f" },
+  { value: 1e-12, symbol: "p" },
+  { value: 1e-9, symbol: "n" },
+  { value: 1e-6, symbol: "µ" },
+  { value: 1e-3, symbol: "m" },
+  { value: 1, symbol: "" },
+  { value: 1e3, symbol: "k" },
+  { value: 1e6, symbol: "M" },
+  { value: 1e9, symbol: "G" },
+  { value: 1e12, symbol: "T" },
+  { value: 1e15, symbol: "P" }
+];
+let c = l;
+function P(a) {
+  if (typeof a == "string") {
+    const t = S[a];
+    t ? c = t : c = { ...l, locale: a };
+  } else
+    c = { ...l, ...a };
+}
+function x() {
+  return c;
+}
+function H(a) {
+  return S[a];
+}
+function A(a, t) {
+  S[a] = t;
+}
+function L(a) {
+  let t;
+  a ? typeof a == "string" ? t = S[a] || { ...l, locale: a } : t = { ...l, ...a } : t = c;
+  const p = t.decimalSeparator || ".", Y = t.thousandsSeparator || ",", E = { ...l.labels, ...t.labels };
+  return {
+    formatNumber(e, o = 2) {
+      if (t.numberFormatter)
+        return t.numberFormatter(e, o);
+      if (!isFinite(e))
+        return e.toString();
+      const r = Math.abs(e).toFixed(o).split("."), s = r[0].replace(/\B(?=(\d{3})+(?!\d))/g, Y), n = r[1];
+      let m = s;
+      return n && (m += p + n), e < 0 ? "-" + m : m;
+    },
+    formatDate(e) {
+      if (t.dateFormatter)
+        return t.dateFormatter(e);
+      const o = t.dateFormat || "YYYY-MM-DD", r = String(e.getDate()).padStart(2, "0"), s = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getFullYear());
+      return o.replace("YYYY", n).replace("MM", s).replace("DD", r);
+    },
+    formatTime(e) {
+      const o = t.timeFormat || "HH:mm:ss", r = e.getHours(), s = r % 12 || 12, n = String(e.getMinutes()).padStart(2, "0"), m = String(e.getSeconds()).padStart(2, "0"), i = r >= 12 ? "PM" : "AM";
+      return o.replace("HH", String(r).padStart(2, "0")).replace("hh", String(s).padStart(2, "0")).replace("mm", n).replace("ss", m).replace("a", i.toLowerCase()).replace("A", i);
+    },
+    formatDateTime(e) {
+      return this.formatDate(e) + " " + this.formatTime(e);
+    },
+    formatWithPrefix(e, o = "") {
+      if (e === 0) return "0" + (o ? " " + o : "");
+      const r = Math.abs(e);
+      let s = d[5];
+      for (let u = d.length - 1; u >= 0; u--)
+        if (r >= d[u].value * 0.9999) {
+          s = d[u];
+          break;
+        }
+      const n = e / s.value, m = this.formatNumber(n, 2), i = s.symbol + o;
+      return m + (i ? " " + i : "");
+    },
+    formatScientific(e, o = 2) {
+      if (e === 0) return "0";
+      if (!isFinite(e)) return e.toString();
+      const r = Math.floor(Math.log10(Math.abs(e))), s = e / Math.pow(10, r);
+      return this.formatNumber(s, o) + " × 10" + M(r);
+    },
+    getLabel(e) {
+      return E[e] || e;
+    }
+  };
+}
+function M(a) {
+  const t = {
+    "-": "⁻",
+    0: "⁰",
+    1: "¹",
+    2: "²",
+    3: "³",
+    4: "⁴",
+    5: "⁵",
+    6: "⁶",
+    7: "⁷",
+    8: "⁸",
+    9: "⁹"
+  };
+  return String(a).split("").map((p) => t[p] || p).join("");
+}
+const y = L();
+export {
+  l as L,
+  f as a,
+  g as b,
+  F as c,
+  h as d,
+  D as e,
+  b as f,
+  x as g,
+  H as h,
+  L as i,
+  y as j,
+  A as r,
+  P as s
+};
+//# sourceMappingURL=index-x4stH3jD.js.map