@vaadin/charts 24.8.0-alpha9 → 24.8.0-rc1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/charts",
-  "version": "24.8.0-alpha9",
+  "version": "24.8.0-rc1",
   "publishConfig": {
     "access": "public"
   },
@@ -37,16 +37,16 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "24.8.0-alpha9",
-    "@vaadin/vaadin-lumo-styles": "24.8.0-alpha9",
-    "@vaadin/vaadin-material-styles": "24.8.0-alpha9",
-    "@vaadin/vaadin-themable-mixin": "24.8.0-alpha9",
+    "@vaadin/component-base": "24.8.0-rc1",
+    "@vaadin/vaadin-lumo-styles": "24.8.0-rc1",
+    "@vaadin/vaadin-material-styles": "24.8.0-rc1",
+    "@vaadin/vaadin-themable-mixin": "24.8.0-rc1",
     "highcharts": "9.2.2",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.8.0-alpha9",
-    "@vaadin/test-runner-commands": "24.8.0-alpha9",
+    "@vaadin/chai-plugins": "24.8.0-rc1",
+    "@vaadin/test-runner-commands": "24.8.0-rc1",
     "@vaadin/testing-helpers": "^1.1.0",
     "sinon": "^18.0.0"
   },
@@ -55,5 +55,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "4de3809275ddfd733b0d13fd02af8faf73eb6770"
+  "gitHead": "901d3eb9224983fd81e222e2fa5c7c207f9a6e46"
 }

package/src/vaadin-chart-mixin.js

@@ -28,12 +28,11 @@ import 'highcharts/es-modules/masters/modules/xrange.src.js';
 import 'highcharts/es-modules/masters/modules/bullet.src.js';
 import 'highcharts/es-modules/masters/modules/gantt.src.js';
 import 'highcharts/es-modules/masters/modules/draggable-points.src.js';
-import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
-import { beforeNextRender } from '@polymer/polymer/lib/utils/render-status.js';
 import Pointer from 'highcharts/es-modules/Core/Pointer.js';
 import Highcharts from 'highcharts/es-modules/masters/highstock.src.js';
 import { get } from '@vaadin/component-base/src/path-utils.js';
 import { ResizeMixin } from '@vaadin/component-base/src/resize-mixin.js';
+import { SlotObserver } from '@vaadin/component-base/src/slot-observer.js';
 import { deepMerge, inflateFunctions } from './helpers.js';
 
 ['exportChart', 'exportChartLocal', 'getSVG'].forEach((methodName) => {
@@ -753,7 +752,7 @@ export const ChartMixin = (superClass) =>
     connectedCallback() {
       super.connectedCallback();
       this.__updateStyles();
-      beforeNextRender(this, () => {
+      queueMicrotask(() => {
         // Detect if the chart had already been initialized. This might happen in
         // environments where the chart is lazily attached (e.g Grid).
         if (this.configuration) {
@@ -803,7 +802,7 @@ export const ChartMixin = (superClass) =>
 
     /** @private */
     __addChildObserver() {
-      this._childObserver = new FlattenedNodesObserver(this.$.slot, (info) => {
+      this._childObserver = new SlotObserver(this.$.slot, (info) => {
         this.__addSeries(info.addedNodes.filter(this.__filterSeriesNodes));
         this.__removeSeries(info.removedNodes.filter(this.__filterSeriesNodes));
         this.__cleanupAfterSeriesRemoved(info.removedNodes.filter(this.__filterSeriesNodes));
@@ -1048,7 +1047,7 @@ export const ChartMixin = (superClass) =>
       inflateFunctions(configCopy);
       this._jsonConfigurationBuffer = this.__makeConfigurationBuffer(this._jsonConfigurationBuffer, configCopy);
 
-      beforeNextRender(this, () => {
+      queueMicrotask(() => {
         if (!this.configuration || !this._jsonConfigurationBuffer) {
           return;
         }
@@ -1208,10 +1207,18 @@ export const ChartMixin = (superClass) =>
               if (!self.tempBodyStyle) {
                 let effectiveCss = '';
 
+                // PolymerElement uses `<style>` tags for adding styles
                 [...self.shadowRoot.querySelectorAll('style')].forEach((style) => {
                   effectiveCss += style.textContent;
                 });
 
+                // LitElement uses `adoptedStyleSheets` for adding styles
+                if (self.shadowRoot.adoptedStyleSheets) {
+                  self.shadowRoot.adoptedStyleSheets.forEach((sheet) => {
+                    effectiveCss += [...sheet.cssRules].map((rule) => rule.cssText).join('\n');
+                  });
+                }
+
                 // Strip off host selectors that target individual instances
                 effectiveCss = effectiveCss.replace(/:host\(.+?\)/gu, (match) => {
                   const selector = match.substr(6, match.length - 7);

package/src/vaadin-lit-chart-series.js

@@ -8,7 +8,6 @@
  * See https://vaadin.com/commercial-license-and-service-terms for the full
  * license.
  */
-import './vaadin-lit-chart.js';
 import { LitElement } from 'lit';
 import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/charts",
-  "version": "24.8.0-alpha9",
+  "version": "24.8.0-rc1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/charts",
-  "version": "24.8.0-alpha9",
+  "version": "24.8.0-rc1",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {

package/src/vaadin-lit-chart-series.d.ts

@@ -1,11 +0,0 @@
-/**
- * @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 * from './vaadin-chart-series.js';

package/src/vaadin-lit-chart.d.ts

@@ -1,11 +0,0 @@
-/**
- * @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 * from './vaadin-chart.js';