@datalabz_/dashboard-kit 4.0.1 → 4.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalabz_/dashboard-kit",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "DashboardKit runtime + styles, served from jsDelivr",
   "license": "UNLICENSED",
   "files": [

package/v4.js

@@ -1,4 +1,4 @@
-/* DashboardKit v4.js */
+/* DashboardKit v4.js — released from dashboard-kit/ by bitbucket-pipelines.yml on kit-v* tags */
 (function (global) {
   'use strict';
 
@@ -20,7 +20,7 @@
   let _activeTabId = '';
   let _sections = [];   // { id, label, load, loaded, errors }
   let _title = '';
-  let _gitVer = '4862dc5'; // replaced at deploy: sed -i "s/4862dc5/$(git rev-parse --short HEAD)/g" v4.js
+  let _gitVer = '857821c'; // replaced at deploy: sed -i "s/857821c/$(git rev-parse --short HEAD)/g" v4.js
   let _calls = [];   // System Info call log
   let _sectionErrors = {}; // sectionId → error count
   let _generation = 0;
@@ -784,6 +784,23 @@
 
     const clone = document.documentElement.cloneNode(true);
 
+    // A canvas clones blank — its pixels aren't part of the DOM — so each chart
+    // goes into the snapshot as an image of what it currently shows. The size
+    // comes from the inline style Chart.js sets, not clientWidth: a chart on an
+    // inactive tab is display:none and measures 0.
+    const liveCanvases = document.querySelectorAll('canvas');
+    clone.querySelectorAll('canvas').forEach(function (cv, i) {
+      const src = liveCanvases[i];
+      if (!src) return;
+      const img = document.createElement('img');
+      try { img.src = src.toDataURL('image/png'); } catch { return; }
+      img.style.display = 'block';
+      img.style.maxWidth = '100%';
+      img.style.width = src.style.width || '100%';
+      if (src.style.height) img.style.height = src.style.height;
+      cv.replaceWith(img);
+    });
+
     // Strip auth token from System Info pre elements
     if (_authToken) {
       clone.querySelectorAll('pre').forEach(function (pre) {
@@ -985,6 +1002,11 @@
     if (opts.gitVersion) _gitVer = opts.gitVersion;
     _initTooltip();
 
+    // A snapshot copies each canvas as it is at that instant, so a chart still
+    // animating goes into the file half-drawn. A chart that sets its own
+    // `animation` overrides this default.
+    if (global.Chart) global.Chart.defaults.animation = false;
+
     // Build internal section list, append System Info last
     _sections = (opts.sections || []).map(function (s) {
       return { id: s.id, label: s.label, tooltip: s.tooltip, load: s.load, loaded: false, errors: 0 };