Initial commit
This commit is contained in:
Pit Friedrich
Generated
+4628
File diff suppressed because it is too large
Load Diff
+262
@@ -0,0 +1,262 @@
|
||||
{
|
||||
"name": "no-name",
|
||||
"license": "UNLICENSED",
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"@vaadin/aura": "25.2.0",
|
||||
"@vaadin/common-frontend": "0.0.22",
|
||||
"@vaadin/react-components": "25.2.0",
|
||||
"@vaadin/react-components-pro": "25.2.0",
|
||||
"@vaadin/vaadin-development-mode-detector": "2.0.7",
|
||||
"@vaadin/vaadin-lumo-styles": "25.2.0",
|
||||
"@vaadin/vaadin-themable-mixin": "25.2.0",
|
||||
"@vaadin/vaadin-usage-statistics": "2.1.3",
|
||||
"apexcharts": "5.15.2",
|
||||
"date-fns": "4.1.0",
|
||||
"lit": "3.3.3",
|
||||
"ol": "10.6.1",
|
||||
"proj4": "2.17.0",
|
||||
"react": "19.2.7",
|
||||
"react-dom": "19.2.7",
|
||||
"react-router": "7.18.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "7.29.7",
|
||||
"@babel/plugin-transform-react-jsx-development": "7.29.7",
|
||||
"@babel/preset-react": "7.29.7",
|
||||
"@babel/types": "7.29.7",
|
||||
"@preact/signals-react-transform": "0.8.1",
|
||||
"@rolldown/plugin-babel": "0.2.3",
|
||||
"@rollup/plugin-replace": "6.0.3",
|
||||
"@rollup/pluginutils": "5.4.0",
|
||||
"@types/node": "25.9.4",
|
||||
"@types/react": "19.2.17",
|
||||
"@types/react-dom": "19.2.3",
|
||||
"@vitejs/plugin-react": "6.0.3",
|
||||
"magic-string": "0.30.21",
|
||||
"rollup-plugin-brotli": "3.1.0",
|
||||
"rollup-plugin-visualizer": "7.0.1",
|
||||
"strip-css-comments": "5.0.0",
|
||||
"transform-ast": "2.4.4",
|
||||
"typescript": "6.0.3",
|
||||
"vite": "8.0.16",
|
||||
"vite-plugin-checker": "0.14.4"
|
||||
},
|
||||
"vaadin": {
|
||||
"dependencies": {
|
||||
"@vaadin/aura": "25.2.0",
|
||||
"@vaadin/common-frontend": "0.0.22",
|
||||
"@vaadin/react-components": "25.2.0",
|
||||
"@vaadin/react-components-pro": "25.2.0",
|
||||
"@vaadin/vaadin-development-mode-detector": "2.0.7",
|
||||
"@vaadin/vaadin-lumo-styles": "25.2.0",
|
||||
"@vaadin/vaadin-themable-mixin": "25.2.0",
|
||||
"@vaadin/vaadin-usage-statistics": "2.1.3",
|
||||
"apexcharts": "5.15.2",
|
||||
"date-fns": "4.1.0",
|
||||
"lit": "3.3.3",
|
||||
"ol": "10.6.1",
|
||||
"proj4": "2.17.0",
|
||||
"react": "19.2.7",
|
||||
"react-dom": "19.2.7",
|
||||
"react-router": "7.18.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "7.29.7",
|
||||
"@babel/plugin-transform-react-jsx-development": "7.29.7",
|
||||
"@babel/preset-react": "7.29.7",
|
||||
"@babel/types": "7.29.7",
|
||||
"@preact/signals-react-transform": "0.8.1",
|
||||
"@rolldown/plugin-babel": "0.2.3",
|
||||
"@rollup/plugin-replace": "6.0.3",
|
||||
"@rollup/pluginutils": "5.4.0",
|
||||
"@types/node": "25.9.4",
|
||||
"@types/react": "19.2.17",
|
||||
"@types/react-dom": "19.2.3",
|
||||
"@vitejs/plugin-react": "6.0.3",
|
||||
"magic-string": "0.30.21",
|
||||
"rollup-plugin-brotli": "3.1.0",
|
||||
"rollup-plugin-visualizer": "7.0.1",
|
||||
"strip-css-comments": "5.0.0",
|
||||
"transform-ast": "2.4.4",
|
||||
"typescript": "6.0.3",
|
||||
"vite": "8.0.16",
|
||||
"vite-plugin-checker": "0.14.4"
|
||||
},
|
||||
"hash": "8bfc1d6a9ed865f834789abfbf3b610d4bb660aaee424aefb9e9ae718e11717b",
|
||||
"overrides": {
|
||||
"@vaadin/a11y-base": "25.2.0",
|
||||
"@vaadin/accordion": "25.2.0",
|
||||
"@vaadin/app-layout": "25.2.0",
|
||||
"@vaadin/aura": "$@vaadin/aura",
|
||||
"@vaadin/avatar": "25.2.0",
|
||||
"@vaadin/avatar-group": "25.2.0",
|
||||
"@vaadin/badge": "25.2.0",
|
||||
"@vaadin/board": "25.2.0",
|
||||
"@vaadin/breadcrumbs": "25.2.0",
|
||||
"@vaadin/button": "25.2.0",
|
||||
"@vaadin/card": "25.2.0",
|
||||
"@vaadin/charts": "25.2.0",
|
||||
"@vaadin/checkbox": "25.2.0",
|
||||
"@vaadin/checkbox-group": "25.2.0",
|
||||
"@vaadin/combo-box": "25.2.0",
|
||||
"@vaadin/common-frontend": "$@vaadin/common-frontend",
|
||||
"@vaadin/component-base": "25.2.0",
|
||||
"@vaadin/confirm-dialog": "25.2.0",
|
||||
"@vaadin/context-menu": "25.2.0",
|
||||
"@vaadin/crud": "25.2.0",
|
||||
"@vaadin/custom-field": "25.2.0",
|
||||
"@vaadin/dashboard": "25.2.0",
|
||||
"@vaadin/date-picker": "25.2.0",
|
||||
"@vaadin/date-time-picker": "25.2.0",
|
||||
"@vaadin/details": "25.2.0",
|
||||
"@vaadin/dialog": "25.2.0",
|
||||
"@vaadin/email-field": "25.2.0",
|
||||
"@vaadin/field-base": "25.2.0",
|
||||
"@vaadin/field-highlighter": "25.2.0",
|
||||
"@vaadin/form-layout": "25.2.0",
|
||||
"@vaadin/grid": "25.2.0",
|
||||
"@vaadin/grid-pro": "25.2.0",
|
||||
"@vaadin/horizontal-layout": "25.2.0",
|
||||
"@vaadin/icon": "25.2.0",
|
||||
"@vaadin/icons": "25.2.0",
|
||||
"@vaadin/input-container": "25.2.0",
|
||||
"@vaadin/integer-field": "25.2.0",
|
||||
"@vaadin/item": "25.2.0",
|
||||
"@vaadin/list-box": "25.2.0",
|
||||
"@vaadin/lit-renderer": "25.2.0",
|
||||
"@vaadin/login": "25.2.0",
|
||||
"@vaadin/map": "25.2.0",
|
||||
"@vaadin/markdown": "25.2.0",
|
||||
"@vaadin/master-detail-layout": "25.2.0",
|
||||
"@vaadin/menu-bar": "25.2.0",
|
||||
"@vaadin/message-input": "25.2.0",
|
||||
"@vaadin/message-list": "25.2.0",
|
||||
"@vaadin/multi-select-combo-box": "25.2.0",
|
||||
"@vaadin/notification": "25.2.0",
|
||||
"@vaadin/number-field": "25.2.0",
|
||||
"@vaadin/overlay": "25.2.0",
|
||||
"@vaadin/password-field": "25.2.0",
|
||||
"@vaadin/popover": "25.2.0",
|
||||
"@vaadin/progress-bar": "25.2.0",
|
||||
"@vaadin/radio-group": "25.2.0",
|
||||
"@vaadin/react-components": "$@vaadin/react-components",
|
||||
"@vaadin/react-components-pro": "$@vaadin/react-components-pro",
|
||||
"@vaadin/rich-text-editor": "25.2.0",
|
||||
"@vaadin/router": "2.0.1",
|
||||
"@vaadin/scroller": "25.2.0",
|
||||
"@vaadin/select": "25.2.0",
|
||||
"@vaadin/side-nav": "25.2.0",
|
||||
"@vaadin/slider": "25.2.0",
|
||||
"@vaadin/split-layout": "25.2.0",
|
||||
"@vaadin/tabs": "25.2.0",
|
||||
"@vaadin/tabsheet": "25.2.0",
|
||||
"@vaadin/text-area": "25.2.0",
|
||||
"@vaadin/text-field": "25.2.0",
|
||||
"@vaadin/time-picker": "25.2.0",
|
||||
"@vaadin/tooltip": "25.2.0",
|
||||
"@vaadin/upload": "25.2.0",
|
||||
"@vaadin/vaadin-development-mode-detector": "$@vaadin/vaadin-development-mode-detector",
|
||||
"@vaadin/vaadin-lumo-styles": "$@vaadin/vaadin-lumo-styles",
|
||||
"@vaadin/vaadin-themable-mixin": "$@vaadin/vaadin-themable-mixin",
|
||||
"@vaadin/vaadin-usage-statistics": "$@vaadin/vaadin-usage-statistics",
|
||||
"@vaadin/vertical-layout": "25.2.0",
|
||||
"@vaadin/virtual-list": "25.2.0",
|
||||
"apexcharts": "$apexcharts",
|
||||
"date-fns": "$date-fns",
|
||||
"lit": "$lit",
|
||||
"ol": "$ol",
|
||||
"proj4": "$proj4",
|
||||
"react": "$react",
|
||||
"react-dom": "$react-dom",
|
||||
"react-router": "$react-router"
|
||||
}
|
||||
},
|
||||
"overrides": {
|
||||
"@vaadin/common-frontend": "$@vaadin/common-frontend",
|
||||
"react-dom": "$react-dom",
|
||||
"@vaadin/form-layout": "25.2.0",
|
||||
"@vaadin/checkbox-group": "25.2.0",
|
||||
"@vaadin/list-box": "25.2.0",
|
||||
"@vaadin/overlay": "25.2.0",
|
||||
"@vaadin/upload": "25.2.0",
|
||||
"@vaadin/app-layout": "25.2.0",
|
||||
"@vaadin/integer-field": "25.2.0",
|
||||
"react": "$react",
|
||||
"@vaadin/slider": "25.2.0",
|
||||
"@vaadin/aura": "$@vaadin/aura",
|
||||
"@vaadin/select": "25.2.0",
|
||||
"@vaadin/master-detail-layout": "25.2.0",
|
||||
"@vaadin/confirm-dialog": "25.2.0",
|
||||
"lit": "$lit",
|
||||
"@vaadin/grid": "25.2.0",
|
||||
"@vaadin/router": "2.0.1",
|
||||
"@vaadin/vaadin-development-mode-detector": "$@vaadin/vaadin-development-mode-detector",
|
||||
"@vaadin/field-base": "25.2.0",
|
||||
"@vaadin/tabsheet": "25.2.0",
|
||||
"@vaadin/text-area": "25.2.0",
|
||||
"@vaadin/context-menu": "25.2.0",
|
||||
"@vaadin/charts": "25.2.0",
|
||||
"@vaadin/password-field": "25.2.0",
|
||||
"@vaadin/date-time-picker": "25.2.0",
|
||||
"@vaadin/progress-bar": "25.2.0",
|
||||
"@vaadin/multi-select-combo-box": "25.2.0",
|
||||
"proj4": "$proj4",
|
||||
"apexcharts": "$apexcharts",
|
||||
"@vaadin/crud": "25.2.0",
|
||||
"react-router": "$react-router",
|
||||
"@vaadin/time-picker": "25.2.0",
|
||||
"@vaadin/number-field": "25.2.0",
|
||||
"@vaadin/avatar-group": "25.2.0",
|
||||
"@vaadin/tooltip": "25.2.0",
|
||||
"@vaadin/vertical-layout": "25.2.0",
|
||||
"@vaadin/login": "25.2.0",
|
||||
"@vaadin/side-nav": "25.2.0",
|
||||
"@vaadin/details": "25.2.0",
|
||||
"@vaadin/icons": "25.2.0",
|
||||
"@vaadin/button": "25.2.0",
|
||||
"@vaadin/vaadin-themable-mixin": "$@vaadin/vaadin-themable-mixin",
|
||||
"@vaadin/board": "25.2.0",
|
||||
"@vaadin/accordion": "25.2.0",
|
||||
"@vaadin/avatar": "25.2.0",
|
||||
"@vaadin/grid-pro": "25.2.0",
|
||||
"@vaadin/radio-group": "25.2.0",
|
||||
"@vaadin/horizontal-layout": "25.2.0",
|
||||
"date-fns": "$date-fns",
|
||||
"@vaadin/virtual-list": "25.2.0",
|
||||
"@vaadin/map": "25.2.0",
|
||||
"@vaadin/popover": "25.2.0",
|
||||
"@vaadin/combo-box": "25.2.0",
|
||||
"@vaadin/menu-bar": "25.2.0",
|
||||
"@vaadin/message-list": "25.2.0",
|
||||
"@vaadin/breadcrumbs": "25.2.0",
|
||||
"@vaadin/custom-field": "25.2.0",
|
||||
"@vaadin/dashboard": "25.2.0",
|
||||
"@vaadin/lit-renderer": "25.2.0",
|
||||
"@vaadin/date-picker": "25.2.0",
|
||||
"@vaadin/field-highlighter": "25.2.0",
|
||||
"@vaadin/vaadin-usage-statistics": "$@vaadin/vaadin-usage-statistics",
|
||||
"@vaadin/dialog": "25.2.0",
|
||||
"@vaadin/item": "25.2.0",
|
||||
"@vaadin/markdown": "25.2.0",
|
||||
"@vaadin/react-components": "$@vaadin/react-components",
|
||||
"ol": "$ol",
|
||||
"@vaadin/card": "25.2.0",
|
||||
"@vaadin/tabs": "25.2.0",
|
||||
"@vaadin/icon": "25.2.0",
|
||||
"@vaadin/split-layout": "25.2.0",
|
||||
"@vaadin/text-field": "25.2.0",
|
||||
"@vaadin/checkbox": "25.2.0",
|
||||
"@vaadin/a11y-base": "25.2.0",
|
||||
"@vaadin/badge": "25.2.0",
|
||||
"@vaadin/component-base": "25.2.0",
|
||||
"@vaadin/input-container": "25.2.0",
|
||||
"@vaadin/notification": "25.2.0",
|
||||
"@vaadin/react-components-pro": "$@vaadin/react-components-pro",
|
||||
"@vaadin/scroller": "25.2.0",
|
||||
"@vaadin/rich-text-editor": "25.2.0",
|
||||
"@vaadin/vaadin-lumo-styles": "$@vaadin/vaadin-lumo-styles",
|
||||
"@vaadin/email-field": "25.2.0",
|
||||
"@vaadin/message-input": "25.2.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
This directory is automatically generated by Vaadin and contains the pre-compiled
|
||||
frontend files/resources for your project (frontend development bundle).
|
||||
|
||||
It should be added to Version Control System and committed, so that other developers
|
||||
do not have to compile it again.
|
||||
|
||||
Frontend development bundle is automatically updated when needed:
|
||||
- an npm/pnpm package is added with @NpmPackage or directly into package.json
|
||||
- CSS, JavaScript or TypeScript files are added with @CssImport, @JsModule or @JavaScript
|
||||
- Vaadin add-on with front-end customizations is added
|
||||
- Custom theme imports/assets added into 'theme.json' file
|
||||
- Exported web component is added.
|
||||
|
||||
If your project development needs a hot deployment of the frontend changes,
|
||||
you can switch Flow to use Vite development server:
|
||||
- set `vaadin.frontend.hotdeploy=true` in `application.properties`
|
||||
- configure `vaadin-maven-plugin`:
|
||||
```
|
||||
<configuration>
|
||||
<frontendHotdeploy>true</frontendHotdeploy>
|
||||
</configuration>
|
||||
```
|
||||
- configure `jetty-maven-plugin`:
|
||||
```
|
||||
<configuration>
|
||||
<systemProperties>
|
||||
<vaadin.frontend.hotdeploy>true</vaadin.frontend.hotdeploy>
|
||||
</systemProperties>
|
||||
</configuration>
|
||||
```
|
||||
|
||||
Read more [about Vaadin development mode](https://vaadin.com/docs/latest/flow/configuration/development-mode#precompiled-bundle).
|
||||
Binary file not shown.
@@ -0,0 +1,43 @@
|
||||
import { html, LitElement } from 'lit';
|
||||
import { customElement } from 'lit/decorators.js';
|
||||
import ApexCharts from 'apexcharts';
|
||||
|
||||
@customElement('apex-chart')
|
||||
export class ApexChart extends LitElement {
|
||||
private chart?: ApexCharts;
|
||||
|
||||
protected createRenderRoot() {
|
||||
return this;
|
||||
}
|
||||
|
||||
render() {
|
||||
return html`<div id="container" style="width:100%;height:100%"></div>`;
|
||||
}
|
||||
|
||||
async renderChart(optionsJson: string) {
|
||||
await this.updateComplete;
|
||||
const options = JSON.parse(optionsJson);
|
||||
|
||||
options.chart = {
|
||||
...options.chart,
|
||||
events: {
|
||||
dataPointSelection: (_e: unknown, _ctx: unknown, cfg: any) => {
|
||||
(this as any).$server.onPointClick(cfg.seriesIndex, cfg.dataPointIndex);
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
const container = this.querySelector('#container') as HTMLElement;
|
||||
if (this.chart) {
|
||||
await this.chart.updateOptions(options);
|
||||
} else {
|
||||
this.chart = new ApexCharts(container, options);
|
||||
await this.chart.render();
|
||||
}
|
||||
}
|
||||
|
||||
disconnectedCallback() {
|
||||
super.disconnectedCallback();
|
||||
this.chart?.destroy();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<!--
|
||||
This file is auto-generated by Vaadin.
|
||||
-->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||||
<style>
|
||||
html, body, #outlet {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
Fix app height for iOS home screen apps:
|
||||
- 100% doesn't cover the entire screen.
|
||||
- 100vh would work on iOS 18 but not on iOS 17 (too tall in Safari, correct in standalone mode).
|
||||
- 100lvh is too tall in Safari. 100svh is too short in standalone apps.
|
||||
- 100dvh doesn't seem to work on first render when launched from home screen (initially like 100svh, then changes to 100lvh when you try to scroll the view).
|
||||
- So, we use 100% for the regular case (Safari and other browsers), and 100lvh for iOS home screen apps. Note, that the `display-mode: standalone` media query only works if the webmanifest defines `"display": "standalone"`.
|
||||
*/
|
||||
@supports (-webkit-touch-callout: none) {
|
||||
@media (display-mode: standalone) {
|
||||
html {
|
||||
height: 100lvh;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<!-- index.ts is included here automatically (either by the dev server or during the build) -->
|
||||
</head>
|
||||
<body>
|
||||
<!-- This outlet div is where the views are rendered -->
|
||||
<div id="outlet"></div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,57 @@
|
||||
package com.example.components;
|
||||
|
||||
import com.vaadin.flow.component.*;
|
||||
import com.vaadin.flow.component.Component;
|
||||
import com.vaadin.flow.component.dependency.JsModule;
|
||||
import com.vaadin.flow.component.dependency.NpmPackage;
|
||||
import com.vaadin.flow.shared.Registration;
|
||||
import tools.jackson.databind.json.JsonMapper;
|
||||
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
@Tag("apex-chart")
|
||||
@NpmPackage(value = "apexcharts", version = "5.15.2")
|
||||
@JsModule("./components/apex-chart.ts")
|
||||
public class ApexChart extends Component implements HasSize {
|
||||
|
||||
private static final JsonMapper MAPPER = JsonMapper.builder().build();
|
||||
|
||||
public void setData(String seriesName, List<Double> values, List<String> categories) {
|
||||
Map<String, Object> options = Map.of(
|
||||
"chart", Map.of("type", "bar", "height", "100%"),
|
||||
"series", List.of(Map.of("name", seriesName, "data", values)),
|
||||
"xaxis", Map.of("categories", categories)
|
||||
);
|
||||
|
||||
getElement().callJsFunction("renderChart", MAPPER.writeValueAsString(options));
|
||||
}
|
||||
|
||||
@ClientCallable
|
||||
private void onPointClick(int seriesIndex, int dataPointIndex) {
|
||||
fireEvent(new PointClickEvent(this, true, seriesIndex, dataPointIndex));
|
||||
}
|
||||
|
||||
public Registration addPointClickListener(ComponentEventListener<PointClickEvent> listener) {
|
||||
return addListener(PointClickEvent.class, listener);
|
||||
}
|
||||
|
||||
public static class PointClickEvent extends ComponentEvent<ApexChart> {
|
||||
private final int seriesIndex;
|
||||
private final int dataPointIndex;
|
||||
|
||||
PointClickEvent(ApexChart source, boolean fromClient, int seriesIndex, int dataPointIndex) {
|
||||
super(source, fromClient);
|
||||
this.seriesIndex = seriesIndex;
|
||||
this.dataPointIndex = dataPointIndex;
|
||||
}
|
||||
|
||||
public int getDataPointIndex() {
|
||||
return dataPointIndex;
|
||||
}
|
||||
|
||||
public int getSeriesIndex() {
|
||||
return seriesIndex;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
package com.example.views;
|
||||
|
||||
import com.example.components.ApexChart;
|
||||
import com.vaadin.flow.component.notification.Notification;
|
||||
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
|
||||
import com.vaadin.flow.router.Route;
|
||||
|
||||
import java.util.List;
|
||||
|
||||
@Route("")
|
||||
public class DashboardView extends VerticalLayout {
|
||||
|
||||
public DashboardView() {
|
||||
ApexChart chart = new ApexChart();
|
||||
chart.setWidthFull();
|
||||
chart.setHeight("400px");
|
||||
chart.setData("Umsatz 2026",
|
||||
List.of(30.0, 40.0, 35.0, 50.0, 49.0, 60.0),
|
||||
List.of("Jan", "Feb", "Mär", "Apr", "Mai", "Jun"));
|
||||
|
||||
chart.addPointClickListener(e -> {
|
||||
Notification.show("Serie %d, Punkt %d"
|
||||
.formatted(e.getSeriesIndex(), e.getDataPointIndex()));
|
||||
});
|
||||
|
||||
add(chart);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
// This TypeScript configuration file is generated by vaadin-maven-plugin.
|
||||
// This is needed for TypeScript compiler to compile your TypeScript code in the project.
|
||||
// It is recommended to commit this file to the VCS.
|
||||
// You might want to change the configurations to fit your preferences
|
||||
// For more information about the configurations, please refer to http://www.typescriptlang.org/docs/handbook/tsconfig-json.html
|
||||
{
|
||||
"_version": "9.2",
|
||||
"compilerOptions": {
|
||||
"sourceMap": true,
|
||||
"jsx": "react-jsx",
|
||||
"inlineSources": true,
|
||||
"module": "esNext",
|
||||
"target": "es2023",
|
||||
"moduleResolution": "bundler",
|
||||
"strict": true,
|
||||
"skipLibCheck": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"noImplicitReturns": true,
|
||||
"noImplicitAny": true,
|
||||
"noImplicitThis": true,
|
||||
"noUnusedLocals": false,
|
||||
"noUnusedParameters": false,
|
||||
"experimentalDecorators": true,
|
||||
"useDefineForClassFields": false,
|
||||
"paths": {
|
||||
"@vaadin/flow-frontend": ["./src/main/frontend/generated/jar-resources"],
|
||||
"@vaadin/flow-frontend/*": ["./src/main/frontend/generated/jar-resources/*"],
|
||||
"Frontend/*": ["./src/main/frontend/*"]
|
||||
}
|
||||
},
|
||||
"include": [
|
||||
"src/main/frontend/**/*",
|
||||
"types.d.ts"
|
||||
],
|
||||
"exclude": [
|
||||
"src/main/frontend/generated/jar-resources/**"
|
||||
]
|
||||
}
|
||||
Vendored
+17
@@ -0,0 +1,17 @@
|
||||
// This TypeScript modules definition file is generated by vaadin-maven-plugin.
|
||||
// You can not directly import your different static files into TypeScript,
|
||||
// This is needed for TypeScript compiler to declare and export as a TypeScript module.
|
||||
// It is recommended to commit this file to the VCS.
|
||||
// You might want to change the configurations to fit your preferences
|
||||
declare module '*.css?inline' {
|
||||
import type { CSSResultGroup } from 'lit';
|
||||
const content: CSSResultGroup;
|
||||
export default content;
|
||||
}
|
||||
|
||||
// Allow any CSS Custom Properties
|
||||
declare module 'csstype' {
|
||||
interface Properties {
|
||||
[index: `--${string}`]: any;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user