@wpmoo/ui 1.0.0-rc.6 → 1.0.0-rc.8

package/dist/js/chart.js

@@ -1,5 +1,5 @@
 /*!
- * Moo UI chart.js v1.0.0-rc.6 (https://ui.wpmoo.org/)
+ * Moo UI chart.js v1.0.0-rc.8 (https://ui.wpmoo.org/)
  * Copyright 2026 WPMoo (https://wpmoo.org)
  * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
  */
@@ -14562,12 +14562,57 @@ function readThemeColors(themeElement, window2) {
   return colors2;
 }
 function resolveThemeElement(element) {
-  return element?.closest?.("[data-bs-theme]") || element?.ownerDocument?.documentElement || null;
+  const scoped = element?.closest?.("[data-bs-theme]");
+  if (scoped) return scoped;
+  const documentBody = element?.ownerDocument?.body;
+  if (documentBody?.hasAttribute?.("data-bs-theme")) {
+    return documentBody;
+  }
+  return element?.ownerDocument?.documentElement || null;
 }
 function themeElementIsDark(element) {
   const theme = element?.getAttribute?.("data-bs-theme") || element?.dataset?.bsTheme;
   return theme === "dark";
 }
+function clampColorChannel(value) {
+  return Math.min(255, Math.max(0, Math.round(value)));
+}
+function normalizeColorComponent(value) {
+  const component = String(value).trim();
+  if (component.endsWith("%")) {
+    const percentage = Number.parseFloat(component.slice(0, -1));
+    return Number.isFinite(percentage) ? clampColorChannel(percentage / 100 * 255) : null;
+  }
+  const normalized = Number.parseFloat(component);
+  return Number.isFinite(normalized) ? clampColorChannel(normalized * 255) : null;
+}
+function normalizeColorAlpha(value) {
+  if (value === void 0) return 1;
+  const alpha2 = String(value).trim();
+  if (alpha2.endsWith("%")) {
+    const percentage = Number.parseFloat(alpha2.slice(0, -1));
+    return Number.isFinite(percentage) ? Math.min(1, Math.max(0, percentage / 100)) : null;
+  }
+  const numeric = Number.parseFloat(alpha2);
+  return Number.isFinite(numeric) ? Math.min(1, Math.max(0, numeric)) : null;
+}
+function normalizeCanvasColor(value) {
+  if (typeof value !== "string") return null;
+  const color2 = value.trim();
+  const match = color2.match(
+    /^color\(\s*srgb\s+([^\s/]+)\s+([^\s/]+)\s+([^\s/]+)(?:\s*\/\s*([^\s)]+))?\s*\)$/i
+  );
+  if (!match) return color2 || null;
+  const channels = match.slice(1, 4).map(normalizeColorComponent);
+  const alpha2 = normalizeColorAlpha(match[4]);
+  if (channels.some((channel) => channel === null) || alpha2 === null) {
+    return null;
+  }
+  if (alpha2 >= 1) {
+    return `rgb(${channels.join(", ")})`;
+  }
+  return `rgba(${channels.join(", ")}, ${Number(alpha2.toFixed(3))})`;
+}
 function resolveCanvasColor(document2, window2, value, fallback, themeElement) {
   const createElement = document2?.createElement;
   const getComputedStyle2 = window2?.getComputedStyle;
@@ -14581,7 +14626,7 @@ function resolveCanvasColor(document2, window2, value, fallback, themeElement) {
   parent.appendChild(probe);
   try {
     const resolved = getComputedStyle2.call(window2, probe).color;
-    return resolved || fallback;
+    return normalizeCanvasColor(resolved) || fallback;
   } finally {
     probe.remove();
   }
@@ -14853,7 +14898,7 @@ function applyThemeToChart(chart, theme, metadata, explicitColorFields = []) {
     chart.options.plugins.tooltip.bodyColor = theme.secondaryText;
     chart.options.plugins.tooltip.borderColor = theme.borderColor;
   }
-  chart.update("none");
+  chart.update();
 }
 function themedGrid(theme) {
   return {
@@ -15174,9 +15219,16 @@ var MooChart = class _MooChart {
           }
         });
       });
-      this._observer.observe(this._themeElement, {
+      const observerOptions = {
         attributes: true,
         attributeFilter: ["data-bs-theme", "style"]
+      };
+      const observerTargets = [
+        this._themeElement,
+        this._document?.documentElement
+      ].filter((target, index2, targets) => target && targets.indexOf(target) === index2);
+      observerTargets.forEach((target) => {
+        this._observer.observe(target, observerOptions);
       });
     }
     instances2.set(element, this);