web-mojo 2.1.1044 → 2.1.1087

package/dist/charts.es.js

@@ -1,9 +1,561 @@
-import { B, M, b, c, a, P, S } from "./chunks/MetricsMiniChartWidget-DALWxrzu.js";
-import { W } from "./chunks/Dialog-BcJG5Vta.js";
-import { B as B2, a as a2, V, b as b2, c as c2, d } from "./chunks/version-BaFu2yii.js";
+import { B, M, b, c, a, P, S } from "./chunks/MetricsMiniChartWidget-BKbFGvXG.js";
+import { V as View, d as dataFormatter } from "./chunks/Rest-DpbPbmra.js";
+import { W } from "./chunks/Dialog-DHUsZ92-.js";
+import { B as B2, a as a2, V, b as b2, c as c2, d } from "./chunks/version-Dtwh-YkD.js";
+class CircularProgress extends View {
+  constructor(options = {}) {
+    super({
+      className: `circular-progress ${options.className || ""}`,
+      ...options
+    });
+    this.SIZE_PRESETS = {
+      "xs": 40,
+      "sm": 60,
+      "md": 80,
+      "lg": 120,
+      "xl": 180
+    };
+    this.STROKE_PRESETS = {
+      "xs": 4,
+      "sm": 6,
+      "md": 8,
+      "lg": 12,
+      "xl": 16
+    };
+    this.value = options.value !== void 0 ? options.value : 0;
+    this.min = options.min !== void 0 ? options.min : 0;
+    this.max = options.max !== void 0 ? options.max : 100;
+    this.sizePreset = typeof options.size === "string" && this.SIZE_PRESETS[options.size] ? options.size : null;
+    this.size = this.resolveSize(options.size !== void 0 ? options.size : "md");
+    this.strokeWidth = options.strokeWidth === "auto" || options.strokeWidth === void 0 ? this.getAutoStrokeWidth(options.size) : options.strokeWidth;
+    this.theme = options.theme || "basic";
+    this.variant = options.variant || "default";
+    this.color = options.color;
+    this.trackColor = options.trackColor;
+    this.textColor = options.textColor;
+    this.gradientColors = options.gradientColors || null;
+    this.applyTheme();
+    this.applyVariant();
+    this.rotation = options.rotation !== void 0 ? options.rotation : -90;
+    this.gap = options.gap || 0;
+    this.showValue = options.showValue !== false;
+    this.valueFormat = options.valueFormat || "percentage";
+    this.valueFormatter = options.valueFormatter || null;
+    this.label = options.label || null;
+    this.labelHtml = options.labelHtml || null;
+    this.icon = options.icon || null;
+    this.animate = options.animate !== false;
+    this.animationDuration = options.animationDuration || 600;
+    this.animationEasing = options.animationEasing || "ease-out";
+    this.rounded = options.rounded !== false;
+    this.shadow = options.shadow || false;
+    this.clickable = options.clickable || false;
+    this.tooltip = options.tooltip || null;
+    this.tooltipPlacement = options.tooltipPlacement || "top";
+    this.segments = options.segments || null;
+    this.segmentGap = options.segmentGap || 2;
+    this.dataFormatter = dataFormatter;
+    this.svg = null;
+    this.centerElement = null;
+    this.popover = null;
+    this.gradientId = `gradient-${Math.random().toString(36).substr(2, 9)}`;
+  }
+  resolveSize(size) {
+    if (typeof size === "string" && this.SIZE_PRESETS[size]) {
+      return this.SIZE_PRESETS[size];
+    }
+    return typeof size === "number" ? size : this.SIZE_PRESETS.md;
+  }
+  getAutoStrokeWidth(size) {
+    if (typeof size === "string" && this.STROKE_PRESETS[size]) {
+      return this.STROKE_PRESETS[size];
+    }
+    const actualSize = this.resolveSize(size);
+    if (actualSize <= 40) return 4;
+    if (actualSize <= 60) return 6;
+    if (actualSize <= 80) return 8;
+    if (actualSize <= 120) return 12;
+    return 16;
+  }
+  applyTheme() {
+    const themes = {
+      "basic": {
+        trackColor: "#e9ecef",
+        textColor: null,
+        // Use default
+        backgroundColor: null
+      },
+      "shadowed": {
+        trackColor: "#d1d5db",
+        textColor: null,
+        backgroundColor: null,
+        shadow: true
+      },
+      "dark": {
+        trackColor: "#374151",
+        textColor: "#e5e7eb",
+        backgroundColor: "#1f2937"
+      },
+      "light": {
+        trackColor: "#f3f4f6",
+        textColor: "#111827",
+        backgroundColor: "#ffffff"
+      }
+    };
+    const themeConfig = themes[this.theme] || themes.basic;
+    if (!this.trackColor) {
+      this.trackColor = themeConfig.trackColor;
+    }
+    if (!this.textColor && themeConfig.textColor) {
+      this.textColor = themeConfig.textColor;
+    }
+    if (themeConfig.shadow && this.shadow === false) {
+      this.shadow = themeConfig.shadow;
+    }
+  }
+  applyVariant() {
+    const variants = {
+      "success": { color: "#198754", trackColor: "rgba(25, 135, 84, 0.1)" },
+      "danger": { color: "#dc3545", trackColor: "rgba(220, 53, 69, 0.1)" },
+      "warning": { color: "#ffc107", trackColor: "rgba(255, 193, 7, 0.1)" },
+      "info": { color: "#0dcaf0", trackColor: "rgba(13, 202, 240, 0.1)" },
+      "default": { color: "#0d6efd" }
+      // Default blue color
+    };
+    if (variants[this.variant]) {
+      const variantColors = variants[this.variant];
+      if (!this.color) {
+        this.color = variantColors.color;
+      }
+      if (variantColors.trackColor && this.trackColor === this.applyTheme.trackColor) {
+        this.trackColor = variantColors.trackColor;
+      }
+    }
+    if (!this.color) {
+      this.color = "#0d6efd";
+    }
+  }
+  getTemplate() {
+    const sizeClass = this.sizePreset ? `circular-progress-${this.sizePreset}` : "";
+    const variantClass = this.variant !== "default" ? `circular-progress-${this.variant}` : "";
+    const themeClass = this.theme !== "basic" ? `circular-progress-theme-${this.theme}` : "";
+    const clickableClass = this.clickable ? "circular-progress-clickable" : "";
+    const shadowClass = this.shadow ? "circular-progress-shadow" : "";
+    const textColorStyle = this.textColor ? `color: ${this.textColor};` : "";
+    return `
+      <div class="circular-progress-container ${sizeClass} ${variantClass} ${themeClass} ${clickableClass} ${shadowClass}"
+           style="width: ${this.size}px; height: ${this.size}px;">
+        <svg class="circular-progress-svg" 
+             width="${this.size}" 
+             height="${this.size}"
+             viewBox="0 0 ${this.size} ${this.size}">
+        </svg>
+        <div class="circular-progress-center" style="${textColorStyle}">
+          <div class="circular-progress-content"></div>
+        </div>
+      </div>
+    `;
+  }
+  async onAfterRender() {
+    this.svg = this.element.querySelector(".circular-progress-svg");
+    this.centerElement = this.element.querySelector(".circular-progress-content");
+    this.containerElement = this.element.querySelector(".circular-progress-container");
+    this.renderProgress();
+    this.renderCenterContent();
+    if (this.clickable) {
+      this.setupClickHandler();
+    }
+    if (this.tooltip && this.clickable) {
+      this.setupTooltip();
+    }
+  }
+  renderProgress() {
+    if (!this.svg) return;
+    this.svg.innerHTML = "";
+    const center = this.size / 2;
+    const radius = (this.size - this.strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    if (this.gradientColors && this.gradientColors.length > 1) {
+      this.createGradient();
+    }
+    if (this.segments && Array.isArray(this.segments) && this.segments.length > 0) {
+      this.renderSegments(center, radius, circumference);
+    } else {
+      this.renderSingleProgress(center, radius, circumference);
+    }
+  }
+  renderSingleProgress(center, radius, circumference) {
+    const arcLength = this.gap > 0 ? 360 - this.gap : 360;
+    const arcCircumference = arcLength / 360 * circumference;
+    const track = this.createCircle(center, radius, {
+      stroke: this.trackColor,
+      strokeWidth: this.strokeWidth,
+      fill: "none",
+      strokeLinecap: this.rounded ? "round" : "butt",
+      strokeDasharray: this.gap > 0 ? `${arcCircumference} ${circumference}` : "none",
+      transform: `rotate(${this.rotation} ${center} ${center})`
+    });
+    this.svg.appendChild(track);
+    const percentage = this.getPercentage();
+    const progressLength = percentage / 100 * arcCircumference;
+    const dashOffset = arcCircumference - progressLength;
+    const strokeColor = this.gradientColors ? `url(#${this.gradientId})` : this.color;
+    const progress = this.createCircle(center, radius, {
+      stroke: strokeColor,
+      strokeWidth: this.strokeWidth,
+      fill: "none",
+      strokeLinecap: this.rounded ? "round" : "butt",
+      strokeDasharray: `${arcCircumference} ${circumference}`,
+      strokeDashoffset: this.animate ? arcCircumference : dashOffset,
+      transform: `rotate(${this.rotation} ${center} ${center})`,
+      class: "circular-progress-bar"
+    });
+    this.svg.appendChild(progress);
+    if (this.animate) {
+      this.animateProgress(progress, dashOffset);
+    }
+  }
+  renderSegments(center, radius, circumference) {
+    const arcLength = this.gap > 0 ? 360 - this.gap : 360;
+    const arcCircumference = arcLength / 360 * circumference;
+    const track = this.createCircle(center, radius, {
+      stroke: this.trackColor,
+      strokeWidth: this.strokeWidth,
+      fill: "none",
+      strokeLinecap: this.rounded ? "round" : "butt",
+      strokeDasharray: this.gap > 0 ? `${arcCircumference} ${circumference}` : "none",
+      transform: `rotate(${this.rotation} ${center} ${center})`
+    });
+    this.svg.appendChild(track);
+    const total = this.segments.reduce((sum, seg) => sum + (seg.value || 0), 0);
+    if (total > this.max) {
+      console.warn("CircularProgress: Segment total exceeds max value. Clamping to max.");
+    }
+    let currentOffset = 0;
+    this.segments.forEach((segment, index) => {
+      const segmentPercentage = (segment.value || 0) / (this.max - this.min) * 100;
+      const segmentLength = segmentPercentage / 100 * arcCircumference;
+      const gapLength = this.segmentGap / 360 * circumference;
+      if (segmentLength > 0) {
+        const segmentCircle = this.createCircle(center, radius, {
+          stroke: segment.color || this.color,
+          strokeWidth: this.strokeWidth,
+          fill: "none",
+          strokeLinecap: this.rounded ? "round" : "butt",
+          strokeDasharray: `${segmentLength} ${circumference}`,
+          strokeDashoffset: this.animate ? arcCircumference : -currentOffset,
+          transform: `rotate(${this.rotation} ${center} ${center})`,
+          class: `circular-progress-segment circular-progress-segment-${index}`,
+          "data-segment-index": index
+        });
+        this.svg.appendChild(segmentCircle);
+        if (this.animate) {
+          this.animateProgress(segmentCircle, -currentOffset, index * 100);
+        }
+        currentOffset += segmentLength + gapLength;
+      }
+    });
+  }
+  createCircle(cx, cy, attributes = {}) {
+    const circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+    circle.setAttribute("cx", cx);
+    circle.setAttribute("cy", cx);
+    circle.setAttribute("r", cy);
+    Object.entries(attributes).forEach(([key, value]) => {
+      if (key === "strokeWidth") {
+        circle.setAttribute("stroke-width", value);
+      } else if (key === "strokeLinecap") {
+        circle.setAttribute("stroke-linecap", value);
+      } else if (key === "strokeDasharray") {
+        circle.setAttribute("stroke-dasharray", value);
+      } else if (key === "strokeDashoffset") {
+        circle.setAttribute("stroke-dashoffset", value);
+      } else {
+        circle.setAttribute(key, value);
+      }
+    });
+    return circle;
+  }
+  createGradient() {
+    const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+    const gradient = document.createElementNS("http://www.w3.org/2000/svg", "linearGradient");
+    gradient.setAttribute("id", this.gradientId);
+    gradient.setAttribute("x1", "0%");
+    gradient.setAttribute("y1", "0%");
+    gradient.setAttribute("x2", "100%");
+    gradient.setAttribute("y2", "100%");
+    this.gradientColors.forEach((color, index) => {
+      const stop = document.createElementNS("http://www.w3.org/2000/svg", "stop");
+      const offset = index / (this.gradientColors.length - 1) * 100;
+      stop.setAttribute("offset", `${offset}%`);
+      stop.setAttribute("stop-color", color);
+      gradient.appendChild(stop);
+    });
+    defs.appendChild(gradient);
+    this.svg.appendChild(defs);
+  }
+  animateProgress(circle, targetOffset, delay = 0) {
+    setTimeout(() => {
+      circle.style.transition = `stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`;
+      circle.style.strokeDashoffset = targetOffset;
+    }, delay);
+  }
+  renderCenterContent() {
+    if (!this.centerElement) return;
+    if (this.labelHtml) {
+      this.centerElement.innerHTML = this.labelHtml;
+    } else if (this.icon) {
+      this.centerElement.innerHTML = `<i class="${this.icon}"></i>`;
+    } else if (this.showValue) {
+      const formattedValue = this.getFormattedValue();
+      let html = `<div class="circular-progress-value">${formattedValue}</div>`;
+      if (this.label) {
+        html += `<div class="circular-progress-label">${this.label}</div>`;
+      }
+      this.centerElement.innerHTML = html;
+    }
+  }
+  getFormattedValue() {
+    const value = this.value;
+    const min = this.min;
+    const max = this.max;
+    if (this.valueFormatter && typeof this.valueFormatter === "function") {
+      return this.valueFormatter(value, min, max);
+    }
+    switch (this.valueFormat) {
+      case "percentage":
+        return `${Math.round(this.getPercentage())}%`;
+      case "fraction":
+        return `${value}/${max}`;
+      case "value":
+        return value.toString();
+      default:
+        if (this.dataFormatter) {
+          try {
+            return this.dataFormatter.pipe(value, this.valueFormat);
+          } catch (error) {
+            console.warn("CircularProgress: DataFormatter error, falling back to percentage", error);
+            return `${Math.round(this.getPercentage())}%`;
+          }
+        }
+        return `${Math.round(this.getPercentage())}%`;
+    }
+  }
+  getPercentage() {
+    const range = this.max - this.min;
+    if (range === 0) return 0;
+    return (this.value - this.min) / range * 100;
+  }
+  setupClickHandler() {
+    if (!this.containerElement) return;
+    this.containerElement.style.cursor = "pointer";
+    this.containerElement.addEventListener("click", (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      const percentage = this.getPercentage();
+      this.emit("progress:clicked", {
+        value: this.value,
+        percentage,
+        min: this.min,
+        max: this.max
+      });
+      if (this.tooltip) {
+        this.togglePopover();
+      }
+    });
+  }
+  setupTooltip() {
+  }
+  togglePopover() {
+    if (!this.containerElement || typeof window.bootstrap === "undefined") {
+      console.warn("CircularProgress: Bootstrap is required for tooltip support");
+      return;
+    }
+    if (!this.popover) {
+      const content = this.getTooltipContent();
+      const title = typeof this.tooltip === "object" && this.tooltip.title ? this.tooltip.title : void 0;
+      const popoverConfig = {
+        content,
+        html: true,
+        placement: this.tooltipPlacement,
+        trigger: "manual",
+        container: "body"
+      };
+      if (title) {
+        popoverConfig.title = title;
+      }
+      this.popover = new window.bootstrap.Popover(this.containerElement, popoverConfig);
+    }
+    const popoverElement = window.bootstrap.Popover.getInstance(this.containerElement);
+    if (popoverElement && this.containerElement.getAttribute("aria-describedby")) {
+      this.popover.hide();
+    } else {
+      this.popover.setContent({
+        ".popover-body": this.getTooltipContent()
+      });
+      this.popover.show();
+    }
+  }
+  getTooltipContent() {
+    if (typeof this.tooltip === "function") {
+      return this.tooltip(this.value, {
+        min: this.min,
+        max: this.max,
+        percentage: this.getPercentage()
+      });
+    }
+    if (typeof this.tooltip === "object") {
+      return this.tooltip.html || this.tooltip.content || "";
+    }
+    return this.tooltip || "";
+  }
+  // Public API
+  setValue(value, animate = true) {
+    this.value;
+    this.value = Math.max(this.min, Math.min(this.max, value));
+    this.renderCenterContent();
+    if (this.svg && !this.segments) {
+      const progressBar = this.svg.querySelector(".circular-progress-bar");
+      if (progressBar) {
+        const radius = this.size / 2 - this.strokeWidth / 2;
+        const circumference = 2 * Math.PI * radius;
+        const arcLength = this.gap > 0 ? 360 - this.gap : 360;
+        const arcCircumference = arcLength / 360 * circumference;
+        const percentage = this.getPercentage();
+        const progressLength = percentage / 100 * arcCircumference;
+        const dashOffset = arcCircumference - progressLength;
+        if (animate) {
+          progressBar.style.transition = `stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`;
+          progressBar.style.strokeDashoffset = dashOffset;
+        } else {
+          progressBar.style.transition = "none";
+          progressBar.style.strokeDashoffset = dashOffset;
+        }
+      }
+    } else {
+      const oldAnimate = this.animate;
+      this.animate = animate;
+      this.renderProgress();
+      this.animate = oldAnimate;
+    }
+  }
+  setRange(min, max) {
+    this.min = min;
+    this.max = max;
+    this.renderProgress();
+    this.renderCenterContent();
+  }
+  increment(amount = 1) {
+    this.setValue(this.value + amount);
+  }
+  decrement(amount = 1) {
+    this.setValue(this.value - amount);
+  }
+  setColor(color) {
+    this.color = color;
+    this.gradientColors = null;
+    if (this.svg && !this.segments) {
+      const progressBar = this.svg.querySelector(".circular-progress-bar");
+      if (progressBar) {
+        progressBar.setAttribute("stroke", color);
+      }
+    } else {
+      this.renderProgress();
+    }
+  }
+  setGradient(colors) {
+    if (Array.isArray(colors) && colors.length > 1) {
+      this.gradientColors = colors;
+      this.gradientId = `gradient-${Math.random().toString(36).substr(2, 9)}`;
+      this.renderProgress();
+    }
+  }
+  setSize(size) {
+    if (this.containerElement && this.sizePreset) {
+      this.containerElement.classList.remove(`circular-progress-${this.sizePreset}`);
+    }
+    this.sizePreset = typeof size === "string" && this.SIZE_PRESETS[size] ? size : null;
+    this.size = this.resolveSize(size);
+    this.strokeWidth = this.getAutoStrokeWidth(size);
+    if (this.containerElement) {
+      this.containerElement.style.width = `${this.size}px`;
+      this.containerElement.style.height = `${this.size}px`;
+      if (this.sizePreset) {
+        this.containerElement.classList.add(`circular-progress-${this.sizePreset}`);
+      }
+    }
+    if (this.svg) {
+      this.svg.setAttribute("width", this.size);
+      this.svg.setAttribute("height", this.size);
+      this.svg.setAttribute("viewBox", `0 0 ${this.size} ${this.size}`);
+    }
+    this.renderProgress();
+  }
+  animateTo(targetValue, duration = 1e3) {
+    const startValue = this.value;
+    const diff = targetValue - startValue;
+    const startTime = performance.now();
+    const animate = (currentTime) => {
+      const elapsed = currentTime - startTime;
+      const progress = Math.min(elapsed / duration, 1);
+      const easeProgress = 1 - Math.pow(1 - progress, 3);
+      const newValue = startValue + diff * easeProgress;
+      this.setValue(newValue, false);
+      if (progress < 1) {
+        requestAnimationFrame(animate);
+      } else {
+        this.setValue(targetValue, false);
+      }
+    };
+    requestAnimationFrame(animate);
+  }
+  pulse() {
+    if (!this.containerElement) return;
+    this.containerElement.style.animation = "none";
+    setTimeout(() => {
+      this.containerElement.style.animation = "circular-progress-pulse 0.5s ease-out";
+    }, 10);
+    setTimeout(() => {
+      this.containerElement.style.animation = "";
+    }, 500);
+  }
+  complete() {
+    this.variant = "success";
+    this.applyVariant();
+    this.setValue(this.max);
+    this.pulse();
+  }
+  reset() {
+    this.setValue(this.min);
+  }
+  hide() {
+    if (this.element) {
+      this.element.style.display = "none";
+    }
+  }
+  show() {
+    if (this.element) {
+      this.element.style.display = "";
+    }
+  }
+  getValue() {
+    return this.value;
+  }
+  getPercentageValue() {
+    return this.getPercentage();
+  }
+  async onBeforeDestroy() {
+    if (this.popover) {
+      this.popover.dispose();
+      this.popover = null;
+    }
+    await super.onBeforeDestroy();
+  }
+}
 export {
   B2 as BUILD_TIME,
   B as BaseChart,
+  CircularProgress,
   M as MetricsChart,
   b as MetricsMiniChart,
   c as MetricsMiniChartWidget,

package/dist/charts.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"charts.es.js","sources":["../src/extensions/charts/CircularProgress.js"],"sourcesContent":["/**\n * CircularProgress - Modern circular progress indicator component\n * Supports single/multi-segment progress, animations, gradients, and tooltips\n * Uses SVG for crisp rendering at any size\n */\n\nimport View from '@core/View.js';\nimport dataFormatter from '@core/utils/DataFormatter.js';\n\nexport default class CircularProgress extends View {\n  constructor(options = {}) {\n    super({\n      className: `circular-progress ${options.className || ''}`,\n      ...options\n    });\n\n    // Size presets\n    this.SIZE_PRESETS = {\n      'xs': 40,\n      'sm': 60,\n      'md': 80,\n      'lg': 120,\n      'xl': 180\n    };\n\n    // Stroke width presets (auto-calculated based on size)\n    this.STROKE_PRESETS = {\n      'xs': 4,\n      'sm': 6,\n      'md': 8,\n      'lg': 12,\n      'xl': 16\n    };\n\n    // Core configuration\n    this.value = options.value !== undefined ? options.value : 0;\n    this.min = options.min !== undefined ? options.min : 0;\n    this.max = options.max !== undefined ? options.max : 100;\n\n    // Dimensions\n    this.sizePreset = (typeof options.size === 'string' && this.SIZE_PRESETS[options.size]) ? options.size : null;\n    this.size = this.resolveSize(options.size !== undefined ? options.size : 'md');\n    this.strokeWidth = options.strokeWidth === 'auto' || options.strokeWidth === undefined\n      ? this.getAutoStrokeWidth(options.size)\n      : options.strokeWidth;\n\n    // Colors & Styling\n    this.theme = options.theme || 'basic'; // 'basic', '3d', 'dark', 'light'\n    this.variant = options.variant || 'default';\n    this.color = options.color; // Will be set by applyVariant if not provided\n    this.trackColor = options.trackColor; // Will be set by applyTheme if not provided\n    this.textColor = options.textColor; // Custom text color\n    this.gradientColors = options.gradientColors || null;\n\n    // Apply theme (sets colors based on theme)\n    this.applyTheme();\n    \n    // Apply variant colors (sets this.color if not provided)\n    this.applyVariant();\n\n    // Arc configuration\n    this.rotation = options.rotation !== undefined ? options.rotation : -90; // Start at top\n    this.gap = options.gap || 0; // Gap in degrees (0 = full circle)\n\n    // Center content\n    this.showValue = options.showValue !== false;\n    this.valueFormat = options.valueFormat || 'percentage';\n    this.valueFormatter = options.valueFormatter || null;\n    this.label = options.label || null;\n    this.labelHtml = options.labelHtml || null;\n    this.icon = options.icon || null;\n\n    // Animation\n    this.animate = options.animate !== false;\n    this.animationDuration = options.animationDuration || 600;\n    this.animationEasing = options.animationEasing || 'ease-out';\n\n    // Visual options\n    this.rounded = options.rounded !== false;\n    this.shadow = options.shadow || false;\n\n    // Interaction\n    this.clickable = options.clickable || false;\n    this.tooltip = options.tooltip || null;\n    this.tooltipPlacement = options.tooltipPlacement || 'top';\n\n    // Multi-segment mode\n    this.segments = options.segments || null;\n    this.segmentGap = options.segmentGap || 2; // Gap between segments in degrees\n\n    // DataFormatter instance\n    this.dataFormatter = dataFormatter;\n\n    // Internal state\n    this.svg = null;\n    this.centerElement = null;\n    this.popover = null;\n    this.gradientId = `gradient-${Math.random().toString(36).substr(2, 9)}`;\n  }\n\n  resolveSize(size) {\n    if (typeof size === 'string' && this.SIZE_PRESETS[size]) {\n      return this.SIZE_PRESETS[size];\n    }\n    return typeof size === 'number' ? size : this.SIZE_PRESETS.md;\n  }\n\n  getAutoStrokeWidth(size) {\n    if (typeof size === 'string' && this.STROKE_PRESETS[size]) {\n      return this.STROKE_PRESETS[size];\n    }\n    // Auto-calculate based on size\n    const actualSize = this.resolveSize(size);\n    if (actualSize <= 40) return 4;\n    if (actualSize <= 60) return 6;\n    if (actualSize <= 80) return 8;\n    if (actualSize <= 120) return 12;\n    return 16;\n  }\n\n  applyTheme() {\n    const themes = {\n      'basic': {\n        trackColor: '#e9ecef',\n        textColor: null, // Use default\n        backgroundColor: null\n      },\n      'shadowed': {\n        trackColor: '#d1d5db',\n        textColor: null,\n        backgroundColor: null,\n        shadow: true\n      },\n      'dark': {\n        trackColor: '#374151',\n        textColor: '#e5e7eb',\n        backgroundColor: '#1f2937'\n      },\n      'light': {\n        trackColor: '#f3f4f6',\n        textColor: '#111827',\n        backgroundColor: '#ffffff'\n      }\n    };\n\n    const themeConfig = themes[this.theme] || themes.basic;\n    \n    // Apply theme defaults if not explicitly set\n    if (!this.trackColor) {\n      this.trackColor = themeConfig.trackColor;\n    }\n    if (!this.textColor && themeConfig.textColor) {\n      this.textColor = themeConfig.textColor;\n    }\n    if (themeConfig.shadow && this.shadow === false) {\n      this.shadow = themeConfig.shadow;\n    }\n  }\n\n  applyVariant() {\n    const variants = {\n      'success': { color: '#198754', trackColor: 'rgba(25, 135, 84, 0.1)' },\n      'danger': { color: '#dc3545', trackColor: 'rgba(220, 53, 69, 0.1)' },\n      'warning': { color: '#ffc107', trackColor: 'rgba(255, 193, 7, 0.1)' },\n      'info': { color: '#0dcaf0', trackColor: 'rgba(13, 202, 240, 0.1)' },\n      'default': { color: '#0d6efd' } // Default blue color\n    };\n\n    if (variants[this.variant]) {\n      const variantColors = variants[this.variant];\n      if (!this.color) {\n        this.color = variantColors.color;\n      }\n      if (variantColors.trackColor && this.trackColor === this.applyTheme.trackColor) {\n        this.trackColor = variantColors.trackColor;\n      }\n    }\n    \n    // Fallback if no color is set\n    if (!this.color) {\n      this.color = '#0d6efd';\n    }\n  }\n\n  getTemplate() {\n    const sizeClass = this.sizePreset ? `circular-progress-${this.sizePreset}` : '';\n    const variantClass = this.variant !== 'default' ? `circular-progress-${this.variant}` : '';\n    const themeClass = this.theme !== 'basic' ? `circular-progress-theme-${this.theme}` : '';\n    const clickableClass = this.clickable ? 'circular-progress-clickable' : '';\n    const shadowClass = this.shadow ? 'circular-progress-shadow' : '';\n    \n    const textColorStyle = this.textColor ? `color: ${this.textColor};` : '';\n\n    return `\n      <div class=\"circular-progress-container ${sizeClass} ${variantClass} ${themeClass} ${clickableClass} ${shadowClass}\"\n           style=\"width: ${this.size}px; height: ${this.size}px;\">\n        <svg class=\"circular-progress-svg\" \n             width=\"${this.size}\" \n             height=\"${this.size}\"\n             viewBox=\"0 0 ${this.size} ${this.size}\">\n        </svg>\n        <div class=\"circular-progress-center\" style=\"${textColorStyle}\">\n          <div class=\"circular-progress-content\"></div>\n        </div>\n      </div>\n    `;\n  }\n\n  async onAfterRender() {\n    this.svg = this.element.querySelector('.circular-progress-svg');\n    this.centerElement = this.element.querySelector('.circular-progress-content');\n    this.containerElement = this.element.querySelector('.circular-progress-container');\n\n    // Render the progress circle\n    this.renderProgress();\n\n    // Render center content\n    this.renderCenterContent();\n\n    // Setup interactions\n    if (this.clickable) {\n      this.setupClickHandler();\n    }\n\n    // Setup tooltip\n    if (this.tooltip && this.clickable) {\n      this.setupTooltip();\n    }\n  }\n\n  renderProgress() {\n    if (!this.svg) return;\n\n    // Clear previous content\n    this.svg.innerHTML = '';\n\n    const center = this.size / 2;\n    const radius = (this.size - this.strokeWidth) / 2;\n    const circumference = 2 * Math.PI * radius;\n\n    // Create gradient definition if needed\n    if (this.gradientColors && this.gradientColors.length > 1) {\n      this.createGradient();\n    }\n\n    // Determine if we're using segments or single progress\n    if (this.segments && Array.isArray(this.segments) && this.segments.length > 0) {\n      this.renderSegments(center, radius, circumference);\n    } else {\n      this.renderSingleProgress(center, radius, circumference);\n    }\n  }\n\n  renderSingleProgress(center, radius, circumference) {\n    // Calculate arc length\n    const arcLength = this.gap > 0 ? (360 - this.gap) : 360;\n    const arcCircumference = (arcLength / 360) * circumference;\n\n    // Create track (background circle/arc)\n    const track = this.createCircle(center, radius, {\n      stroke: this.trackColor,\n      strokeWidth: this.strokeWidth,\n      fill: 'none',\n      strokeLinecap: this.rounded ? 'round' : 'butt',\n      strokeDasharray: this.gap > 0 ? `${arcCircumference} ${circumference}` : 'none',\n      transform: `rotate(${this.rotation} ${center} ${center})`\n    });\n    this.svg.appendChild(track);\n\n    // Create progress circle\n    const percentage = this.getPercentage();\n    const progressLength = (percentage / 100) * arcCircumference;\n    const dashOffset = arcCircumference - progressLength;\n\n    const strokeColor = this.gradientColors ? `url(#${this.gradientId})` : this.color;\n\n    const progress = this.createCircle(center, radius, {\n      stroke: strokeColor,\n      strokeWidth: this.strokeWidth,\n      fill: 'none',\n      strokeLinecap: this.rounded ? 'round' : 'butt',\n      strokeDasharray: `${arcCircumference} ${circumference}`,\n      strokeDashoffset: this.animate ? arcCircumference : dashOffset,\n      transform: `rotate(${this.rotation} ${center} ${center})`,\n      class: 'circular-progress-bar'\n    });\n\n    this.svg.appendChild(progress);\n\n    // Apply animation\n    if (this.animate) {\n      this.animateProgress(progress, dashOffset);\n    }\n  }\n\n  renderSegments(center, radius, circumference) {\n    // Calculate arc length\n    const arcLength = this.gap > 0 ? (360 - this.gap) : 360;\n    const arcCircumference = (arcLength / 360) * circumference;\n\n    // Create track\n    const track = this.createCircle(center, radius, {\n      stroke: this.trackColor,\n      strokeWidth: this.strokeWidth,\n      fill: 'none',\n      strokeLinecap: this.rounded ? 'round' : 'butt',\n      strokeDasharray: this.gap > 0 ? `${arcCircumference} ${circumference}` : 'none',\n      transform: `rotate(${this.rotation} ${center} ${center})`\n    });\n    this.svg.appendChild(track);\n\n    // Validate segments total\n    const total = this.segments.reduce((sum, seg) => sum + (seg.value || 0), 0);\n    if (total > this.max) {\n      console.warn('CircularProgress: Segment total exceeds max value. Clamping to max.');\n    }\n\n    // Render each segment\n    let currentOffset = 0;\n\n    this.segments.forEach((segment, index) => {\n      const segmentPercentage = ((segment.value || 0) / (this.max - this.min)) * 100;\n      const segmentLength = (segmentPercentage / 100) * arcCircumference;\n\n      // Gap between segments (in circumference units)\n      const gapLength = (this.segmentGap / 360) * circumference;\n\n      if (segmentLength > 0) {\n        const segmentCircle = this.createCircle(center, radius, {\n          stroke: segment.color || this.color,\n          strokeWidth: this.strokeWidth,\n          fill: 'none',\n          strokeLinecap: this.rounded ? 'round' : 'butt',\n          strokeDasharray: `${segmentLength} ${circumference}`,\n          strokeDashoffset: this.animate ? arcCircumference : -(currentOffset),\n          transform: `rotate(${this.rotation} ${center} ${center})`,\n          class: `circular-progress-segment circular-progress-segment-${index}`,\n          'data-segment-index': index\n        });\n\n        this.svg.appendChild(segmentCircle);\n\n        // Apply animation\n        if (this.animate) {\n          this.animateProgress(segmentCircle, -(currentOffset), index * 100);\n        }\n\n        // Update offset for next segment\n        currentOffset += segmentLength + gapLength;\n      }\n    });\n  }\n\n  createCircle(cx, cy, attributes = {}) {\n    const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n    circle.setAttribute('cx', cx);\n    circle.setAttribute('cy', cx); // Use cx for cy since we pass center for both\n    circle.setAttribute('r', cy); // cy parameter is actually the radius\n\n    Object.entries(attributes).forEach(([key, value]) => {\n      if (key === 'strokeWidth') {\n        circle.setAttribute('stroke-width', value);\n      } else if (key === 'strokeLinecap') {\n        circle.setAttribute('stroke-linecap', value);\n      } else if (key === 'strokeDasharray') {\n        circle.setAttribute('stroke-dasharray', value);\n      } else if (key === 'strokeDashoffset') {\n        circle.setAttribute('stroke-dashoffset', value);\n      } else {\n        circle.setAttribute(key, value);\n      }\n    });\n\n    return circle;\n  }\n\n  createGradient() {\n    const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');\n    const gradient = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');\n    gradient.setAttribute('id', this.gradientId);\n    gradient.setAttribute('x1', '0%');\n    gradient.setAttribute('y1', '0%');\n    gradient.setAttribute('x2', '100%');\n    gradient.setAttribute('y2', '100%');\n\n    this.gradientColors.forEach((color, index) => {\n      const stop = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n      const offset = (index / (this.gradientColors.length - 1)) * 100;\n      stop.setAttribute('offset', `${offset}%`);\n      stop.setAttribute('stop-color', color);\n      gradient.appendChild(stop);\n    });\n\n    defs.appendChild(gradient);\n    this.svg.appendChild(defs);\n  }\n\n  animateProgress(circle, targetOffset, delay = 0) {\n    setTimeout(() => {\n      circle.style.transition = `stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`;\n      circle.style.strokeDashoffset = targetOffset;\n    }, delay);\n  }\n\n  renderCenterContent() {\n    if (!this.centerElement) return;\n\n    // Priority: labelHtml > icon > value/label\n    if (this.labelHtml) {\n      this.centerElement.innerHTML = this.labelHtml;\n    } else if (this.icon) {\n      this.centerElement.innerHTML = `<i class=\"${this.icon}\"></i>`;\n    } else if (this.showValue) {\n      const formattedValue = this.getFormattedValue();\n      let html = `<div class=\"circular-progress-value\">${formattedValue}</div>`;\n      \n      if (this.label) {\n        html += `<div class=\"circular-progress-label\">${this.label}</div>`;\n      }\n\n      this.centerElement.innerHTML = html;\n    }\n  }\n\n  getFormattedValue() {\n    const value = this.value;\n    const min = this.min;\n    const max = this.max;\n\n    // Custom formatter function takes precedence\n    if (this.valueFormatter && typeof this.valueFormatter === 'function') {\n      return this.valueFormatter(value, min, max);\n    }\n\n    // Built-in formats\n    switch (this.valueFormat) {\n      case 'percentage':\n        return `${Math.round(this.getPercentage())}%`;\n      \n      case 'fraction':\n        return `${value}/${max}`;\n      \n      case 'value':\n        return value.toString();\n      \n      default:\n        // Try DataFormatter\n        if (this.dataFormatter) {\n          try {\n            return this.dataFormatter.pipe(value, this.valueFormat);\n          } catch (error) {\n            console.warn('CircularProgress: DataFormatter error, falling back to percentage', error);\n            return `${Math.round(this.getPercentage())}%`;\n          }\n        }\n        return `${Math.round(this.getPercentage())}%`;\n    }\n  }\n\n  getPercentage() {\n    const range = this.max - this.min;\n    if (range === 0) return 0;\n    return ((this.value - this.min) / range) * 100;\n  }\n\n  setupClickHandler() {\n    if (!this.containerElement) return;\n\n    this.containerElement.style.cursor = 'pointer';\n    \n    this.containerElement.addEventListener('click', (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      const percentage = this.getPercentage();\n      \n      this.emit('progress:clicked', {\n        value: this.value,\n        percentage,\n        min: this.min,\n        max: this.max\n      });\n\n      // Toggle popover if tooltip is configured\n      if (this.tooltip) {\n        this.togglePopover();\n      }\n    });\n  }\n\n  setupTooltip() {\n    // Bootstrap popover will be initialized on first click\n    // We'll create the popover content dynamically\n  }\n\n  togglePopover() {\n    if (!this.containerElement || typeof window.bootstrap === 'undefined') {\n      console.warn('CircularProgress: Bootstrap is required for tooltip support');\n      return;\n    }\n\n    // Get or create popover instance\n    if (!this.popover) {\n      const content = this.getTooltipContent();\n      const title = typeof this.tooltip === 'object' && this.tooltip.title ? this.tooltip.title : undefined;\n\n      // Build config object, omitting title if undefined\n      const popoverConfig = {\n        content: content,\n        html: true,\n        placement: this.tooltipPlacement,\n        trigger: 'manual',\n        container: 'body'\n      };\n      \n      // Only add title if it exists\n      if (title) {\n        popoverConfig.title = title;\n      }\n\n      this.popover = new window.bootstrap.Popover(this.containerElement, popoverConfig);\n    }\n\n    // Toggle visibility\n    const popoverElement = window.bootstrap.Popover.getInstance(this.containerElement);\n    if (popoverElement && this.containerElement.getAttribute('aria-describedby')) {\n      this.popover.hide();\n    } else {\n      // Update content before showing\n      this.popover.setContent({\n        '.popover-body': this.getTooltipContent()\n      });\n      this.popover.show();\n    }\n  }\n\n  getTooltipContent() {\n    if (typeof this.tooltip === 'function') {\n      return this.tooltip(this.value, {\n        min: this.min,\n        max: this.max,\n        percentage: this.getPercentage()\n      });\n    }\n\n    if (typeof this.tooltip === 'object') {\n      return this.tooltip.html || this.tooltip.content || '';\n    }\n\n    return this.tooltip || '';\n  }\n\n  // Public API\n\n  setValue(value, animate = true) {\n    const oldValue = this.value;\n    this.value = Math.max(this.min, Math.min(this.max, value));\n    \n    // Update center content\n    this.renderCenterContent();\n    \n    // Update progress without full re-render\n    if (this.svg && !this.segments) {\n      const progressBar = this.svg.querySelector('.circular-progress-bar');\n      if (progressBar) {\n        const radius = (this.size / 2) - (this.strokeWidth / 2);\n        const circumference = 2 * Math.PI * radius;\n        const arcLength = this.gap > 0 ? (360 - this.gap) : 360;\n        const arcCircumference = (arcLength / 360) * circumference;\n        const percentage = this.getPercentage();\n        const progressLength = (percentage / 100) * arcCircumference;\n        const dashOffset = arcCircumference - progressLength;\n        \n        if (animate) {\n          // Animate from current offset to new offset\n          progressBar.style.transition = `stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`;\n          progressBar.style.strokeDashoffset = dashOffset;\n        } else {\n          // Update immediately without animation\n          progressBar.style.transition = 'none';\n          progressBar.style.strokeDashoffset = dashOffset;\n        }\n      }\n    } else {\n      // For segments or if no existing progress bar, do full re-render\n      const oldAnimate = this.animate;\n      this.animate = animate;\n      this.renderProgress();\n      this.animate = oldAnimate;\n    }\n  }\n\n  setRange(min, max) {\n    this.min = min;\n    this.max = max;\n    this.renderProgress();\n    this.renderCenterContent();\n  }\n\n  increment(amount = 1) {\n    this.setValue(this.value + amount);\n  }\n\n  decrement(amount = 1) {\n    this.setValue(this.value - amount);\n  }\n\n  setColor(color) {\n    this.color = color;\n    this.gradientColors = null; // Clear gradient\n    \n    // Update color without full re-render\n    if (this.svg && !this.segments) {\n      const progressBar = this.svg.querySelector('.circular-progress-bar');\n      if (progressBar) {\n        progressBar.setAttribute('stroke', color);\n      }\n    } else {\n      // For segments, need to re-render\n      this.renderProgress();\n    }\n  }\n\n  setGradient(colors) {\n    if (Array.isArray(colors) && colors.length > 1) {\n      this.gradientColors = colors;\n      this.gradientId = `gradient-${Math.random().toString(36).substr(2, 9)}`;\n      this.renderProgress();\n    }\n  }\n\n  setSize(size) {\n    // Remove old size class if it exists\n    if (this.containerElement && this.sizePreset) {\n      this.containerElement.classList.remove(`circular-progress-${this.sizePreset}`);\n    }\n    \n    // Update size preset if the new size is a preset string\n    this.sizePreset = (typeof size === 'string' && this.SIZE_PRESETS[size]) ? size : null;\n    this.size = this.resolveSize(size);\n    this.strokeWidth = this.getAutoStrokeWidth(size);\n    \n    // Add new size class if it's a preset\n    if (this.containerElement) {\n      this.containerElement.style.width = `${this.size}px`;\n      this.containerElement.style.height = `${this.size}px`;\n      \n      if (this.sizePreset) {\n        this.containerElement.classList.add(`circular-progress-${this.sizePreset}`);\n      }\n    }\n    \n    if (this.svg) {\n      this.svg.setAttribute('width', this.size);\n      this.svg.setAttribute('height', this.size);\n      this.svg.setAttribute('viewBox', `0 0 ${this.size} ${this.size}`);\n    }\n    \n    this.renderProgress();\n  }\n\n  animateTo(targetValue, duration = 1000) {\n    const startValue = this.value;\n    const diff = targetValue - startValue;\n    const startTime = performance.now();\n\n    const animate = (currentTime) => {\n      const elapsed = currentTime - startTime;\n      const progress = Math.min(elapsed / duration, 1);\n\n      // Ease-out function\n      const easeProgress = 1 - Math.pow(1 - progress, 3);\n      \n      const newValue = startValue + (diff * easeProgress);\n      this.setValue(newValue, false);\n\n      if (progress < 1) {\n        requestAnimationFrame(animate);\n      } else {\n        this.setValue(targetValue, false);\n      }\n    };\n\n    requestAnimationFrame(animate);\n  }\n\n  pulse() {\n    if (!this.containerElement) return;\n\n    this.containerElement.style.animation = 'none';\n    setTimeout(() => {\n      this.containerElement.style.animation = 'circular-progress-pulse 0.5s ease-out';\n    }, 10);\n\n    setTimeout(() => {\n      this.containerElement.style.animation = '';\n    }, 500);\n  }\n\n  complete() {\n    this.variant = 'success';\n    this.applyVariant();\n    this.setValue(this.max);\n    this.pulse();\n  }\n\n  reset() {\n    this.setValue(this.min);\n  }\n\n  hide() {\n    if (this.element) {\n      this.element.style.display = 'none';\n    }\n  }\n\n  show() {\n    if (this.element) {\n      this.element.style.display = '';\n    }\n  }\n\n  getValue() {\n    return this.value;\n  }\n\n  getPercentageValue() {\n    return this.getPercentage();\n  }\n\n  async onBeforeDestroy() {\n    // Clean up popover\n    if (this.popover) {\n      this.popover.dispose();\n      this.popover = null;\n    }\n\n    await super.onBeforeDestroy();\n  }\n}\n"],"names":[],"mappings":"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"}