@vaadin/charts 24.6.5 → 24.7.0-alpha10

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

@@ -0,0 +1,11 @@
+/**
+ * @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-series.js

@@ -0,0 +1,33 @@
+/**
+ * @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 './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';
+import { ChartSeriesMixin } from './vaadin-chart-series-mixin.js';
+
+/**
+ * LitElement based version of `<vaadin-chart-series>` web component.
+ *
+ * ## Disclaimer
+ *
+ * This component is an experiment and not yet a part of Vaadin platform.
+ * There is no ETA regarding specific Vaadin version where it'll land.
+ */
+class ChartSeries extends ChartSeriesMixin(PolylitMixin(LitElement)) {
+  static get is() {
+    return 'vaadin-chart-series';
+  }
+}
+
+defineCustomElement(ChartSeries);
+
+export { ChartSeries };

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

@@ -0,0 +1,11 @@
+/**
+ * @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';

package/src/vaadin-lit-chart.js

@@ -0,0 +1,61 @@
+/**
+ * @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 './vaadin-lit-chart-series.js';
+import { css, html, LitElement } from 'lit';
+import { defineCustomElement } from '@vaadin/component-base/src/define.js';
+import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
+import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
+import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { ChartMixin } from './vaadin-chart-mixin.js';
+
+/**
+ * LitElement based version of `<vaadin-chart>` web component.
+ *
+ * ## Disclaimer
+ *
+ * This component is an experiment and not yet a part of Vaadin platform.
+ * There is no ETA regarding specific Vaadin version where it'll land.
+ */
+class Chart extends ChartMixin(ThemableMixin(ElementMixin(PolylitMixin(LitElement)))) {
+  static get styles() {
+    return css`
+      :host {
+        display: block;
+        width: 100%;
+        overflow: hidden;
+      }
+
+      :host([hidden]) {
+        display: none !important;
+      }
+    `;
+  }
+
+  /** @protected */
+  render() {
+    return html`
+      <div id="chart"></div>
+      <slot id="slot"></slot>
+    `;
+  }
+
+  static get is() {
+    return 'vaadin-chart';
+  }
+
+  static get cvdlName() {
+    return 'vaadin-chart';
+  }
+}
+
+defineCustomElement(Chart);
+
+export { Chart };

package/theme/lumo/vaadin-lit-chart.d.ts

@@ -0,0 +1,2 @@
+import './vaadin-chart-styles.js';
+import '../../src/vaadin-lit-chart.js';

package/theme/lumo/vaadin-lit-chart.js

@@ -0,0 +1,2 @@
+import './vaadin-chart-styles.js';
+import '../../src/vaadin-lit-chart.js';

package/theme/material/vaadin-lit-chart.d.ts

@@ -0,0 +1,2 @@
+import './vaadin-chart-styles.js';
+import '../../src/vaadin-lit-chart.js';

package/theme/material/vaadin-lit-chart.js

@@ -0,0 +1,2 @@
+import './vaadin-chart-styles.js';
+import '../../src/vaadin-lit-chart.js';

package/theme/vaadin-chart-base-theme.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2024 Vaadin Ltd.
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *
@@ -1030,6 +1030,12 @@ const chartBaseTheme = css`
     stroke-width: 1px;
   }
 
+  /* Workaround for https://github.com/highcharts/highcharts/issues/22490 */
+  :where([styled-mode]) .highcharts-gantt-series .highcharts-partfill-overlay {
+    fill: hsla(0, 0%, 0%, 0.3);
+    stroke: hsla(0, 0%, 0%, 0.3);
+  }
+
   /* RTL styles */
   :host([dir='rtl']) :where([styled-mode]) .highcharts-container {
     text-align: right;

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

@@ -0,0 +1 @@
+export * from './vaadin-chart-series.js';

package/vaadin-lit-chart-series.js

@@ -0,0 +1 @@
+export * from './src/vaadin-lit-chart-series.js';

package/vaadin-lit-chart.d.ts

@@ -0,0 +1 @@
+export * from './vaadin-chart.js';

package/vaadin-lit-chart.js

@@ -0,0 +1,2 @@
+import './theme/lumo/vaadin-lit-chart.js';
+export * from './src/vaadin-lit-chart.js';