@vaadin/charts 25.0.0-alpha8 → 25.0.0-beta1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/charts",
-  "version": "25.0.0-alpha8",
+  "version": "25.0.0-beta1",
   "publishConfig": {
     "access": "public"
   },
@@ -21,7 +21,6 @@
   "type": "module",
   "files": [
     "src",
-    "theme",
     "vaadin-*.d.ts",
     "vaadin-*.js",
     "web-types.json",
@@ -35,22 +34,22 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/component-base": "25.0.0-alpha8",
-    "@vaadin/vaadin-lumo-styles": "25.0.0-alpha8",
-    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha8",
-    "highcharts": "9.2.2",
+    "@vaadin/component-base": "25.0.0-beta1",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-beta1",
+    "highcharts": "12.2.0",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "25.0.0-alpha8",
-    "@vaadin/test-runner-commands": "25.0.0-alpha8",
+    "@vaadin/chai-plugins": "25.0.0-beta1",
+    "@vaadin/test-runner-commands": "25.0.0-beta1",
     "@vaadin/testing-helpers": "^2.0.0",
-    "sinon": "^18.0.0"
+    "@vaadin/vaadin-lumo-styles": "25.0.0-beta1",
+    "sinon": "^21.0.0"
   },
   "cvdlName": "vaadin-chart",
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "ebf53673d5f639d2b1b6f2b31f640f530643ee2f"
+  "gitHead": "1d20cf54e582d1f2e209126d4586f8b4c01c50e0"
 }

package/src/helpers.js

@@ -57,3 +57,49 @@ export function deepMerge(target, source) {
 
   return target;
 }
+
+export function prepareExport(chart) {
+  // Guard against another print 'before print' event coming before
+  // the 'after print' event.
+  if (!chart.tempBodyStyle) {
+    let effectiveCss = '';
+
+    // LitElement uses `adoptedStyleSheets` for adding styles
+    if (chart.shadowRoot.adoptedStyleSheets) {
+      chart.shadowRoot.adoptedStyleSheets.forEach((sheet) => {
+        effectiveCss += `${[...sheet.cssRules].map((rule) => rule.cssText).join('\n')}\n`;
+      });
+    }
+
+    // Strip off host selectors that target individual instances
+    effectiveCss = effectiveCss.replace(/:host\(.+?\)/gu, (match) => {
+      const selector = match.substr(6, match.length - 7);
+      return chart.matches(selector) ? '' : match;
+    });
+
+    // Zoom out a bit to avoid clipping the chart's edge on paper
+    effectiveCss =
+      `${effectiveCss}body {` +
+      `    -moz-transform: scale(0.9, 0.9);` + // Mozilla
+      `    zoom: 0.9;` + // Others
+      `    zoom: 90%;` + // Webkit
+      `}`;
+
+    chart.tempBodyStyle = document.createElement('style');
+    chart.tempBodyStyle.textContent = effectiveCss;
+    document.body.appendChild(chart.tempBodyStyle);
+    if (chart.options.chart.styledMode) {
+      document.body.setAttribute('styled-mode', '');
+    }
+  }
+}
+
+export function cleanupExport(chart) {
+  if (chart.tempBodyStyle) {
+    document.body.removeChild(chart.tempBodyStyle);
+    delete chart.tempBodyStyle;
+    if (chart.options.chart.styledMode) {
+      document.body.removeAttribute('styled-mode');
+    }
+  }
+}