@vaadin/charts 25.0.0-alpha2 → 25.0.0-alpha21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/charts",
-  "version": "25.0.0-alpha2",
+  "version": "25.0.0-alpha21",
   "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-alpha2",
-    "@vaadin/vaadin-lumo-styles": "25.0.0-alpha2",
-    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha2",
-    "highcharts": "9.2.2",
+    "@vaadin/component-base": "25.0.0-alpha21",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha21",
+    "highcharts": "12.2.0",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "25.0.0-alpha2",
-    "@vaadin/test-runner-commands": "25.0.0-alpha2",
+    "@vaadin/chai-plugins": "25.0.0-alpha21",
+    "@vaadin/test-runner-commands": "25.0.0-alpha21",
     "@vaadin/testing-helpers": "^2.0.0",
-    "sinon": "^18.0.0"
+    "@vaadin/vaadin-lumo-styles": "25.0.0-alpha21",
+    "sinon": "^21.0.0"
   },
   "cvdlName": "vaadin-chart",
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "67ffcd5355cf21ce1b5039c598525109fc4c164b"
+  "gitHead": "8fb9e9710c01449edf623a1aaac4655cdc11a933"
 }

package/src/helpers.js

@@ -1,3 +1,14 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ *
+ * This program is available under Vaadin Commercial License and Service Terms.
+ *
+ *
+ * See https://vaadin.com/commercial-license-and-service-terms for the full
+ * license.
+ */
+
 export function inflateFunctions(config) {
   if (Array.isArray(config)) {
     config.forEach(inflateFunctions);
@@ -46,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');
+    }
+  }
+}

package/src/styles/vaadin-chart-base-styles.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ *
+ * This program is available under Vaadin Commercial License and Service Terms.
+ *
+ *
+ * See https://vaadin.com/commercial-license-and-service-terms for the full
+ * license.
+ */
+import type { CSSResult } from 'lit';
+
+export const chartStyles: CSSResult;