tatulund/tabsheet

A simple TabSheet component for Vaadin 23 implement using LitElement based web component

TabSheet

Vaadin 23 Java integration of tab-sheet web component.

Development instructions

JavaScript modules can either be published as an NPM package or be kept as local files in your project. The local JavaScript modules should be put in src/main/resources/META-INF/frontend so that they are automatically found and used in the using application.

If the modules are published then the package should be noted in the component using the @NpmPackage annotation in addition to using @JsModule annotation.

Starting the test/demo server:

1. Run mvn jetty:run.
2. Open http://localhost:8080 in the browser.

Publishing to Vaadin Directory

You can create the zip package needed for Vaadin Directory using

mvn versions:set -DnewVersion=1.0.0 # You cannot publish snapshot versions 
mvn install -Pdirectory

The package is created as target/tabsheet-1.0.0.zip

For more information or to upload the package, visit https://vaadin.com/directory/my-components?uploadNewComponent

tabsheet's Issues

Compilation failure on V14

When using the component v 0.1.0 from Directory the following compilation error happens with Vaadin 14.8.13:

[webpack] ERROR dev-webpack - ERROR in /project/node_modules/@vaadin/flow-frontend/tab-sheet.ts
[webpack] ERROR dev-webpack - ../node_modules/@vaadin/flow-frontend/tab-sheet.ts
[webpack] ERROR dev-webpack - [tsl] ERROR in /project/node_modules/@vaadin/flow-frontend/tab-sheet.ts(205,13)
[webpack] ERROR dev-webpack -       TS6133: 'theme' is declared but its value is never read.
[webpack] ERROR dev-webpack - ? ?wdm?: Failed to compile.

Using version 1.6.0 gives the following frontend compilation error with Vaadin 14.8.13:

[webpack] ERROR dev-webpack - ERROR in ../node_modules/@vaadin/flow-frontend/tab-sheet.ts
[webpack] ERROR dev-webpack - Module not found: Error: Can't resolve '@vaadin/vaadin-icon' in '/project/node_modules/@vaadin/flow-frontend'
[webpack] ERROR dev-webpack -  @ ../node_modules/@vaadin/flow-frontend/tab-sheet.ts 8:0-29
[webpack] ERROR dev-webpack -  @ ../target/frontend/generated-flow-imports.js
[webpack] ERROR dev-webpack - ERROR in ../node_modules/@vaadin/flow-frontend/tab-sheet.ts