From 82df00c351f5d5a55571876e630490fbefa628a9 Mon Sep 17 00:00:00 2001 From: Marco Collovati Date: Mon, 23 Sep 2024 08:37:57 +0200 Subject: [PATCH 1/8] chore: document another option to always open browser (#3682) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Petter Holmström --- articles/flow/integrations/spring/configuration.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/articles/flow/integrations/spring/configuration.adoc b/articles/flow/integrations/spring/configuration.adoc index bfbab6f225..a3b8a6315e 100644 --- a/articles/flow/integrations/spring/configuration.adoc +++ b/articles/flow/integrations/spring/configuration.adoc @@ -78,7 +78,7 @@ After a server restart, the application refrains from opening a new browser tab The delay duration can be changed by configuring the `vaadin.launch-browser-delay` property to specify the number of minutes before initiating a new tab launch. -To trigger the tab opening immediately, you can perform a project cleanup (e.g., `mvn clean` or `gradle clean`). Or you can delete the [filename]`tab.launch` file in the build directory (e.g., `target` for Maven, `build` for Gradle). +To trigger the tab opening immediately, you can perform a project cleanup (e.g., `mvn clean` or `gradle clean`). Or you can delete the [filename]`tab.launch` file in the build directory (e.g., `target` for Maven, `build` for Gradle). Another option is to set `vaadin.launch-browser-delay=0` in [filename]`application.properties`. The example below shows how to set the duration, with the value in minutes: From 79492e71b3b50df556cccdb66cadb30448ddf1e1 Mon Sep 17 00:00:00 2001 From: Sergey Vinogradov Date: Mon, 23 Sep 2024 13:12:32 +0400 Subject: [PATCH 2/8] refactor: sort imports in JS/TS examples (1) (#3705) Co-authored-by: Serhii Kulykov --- frontend/demo/component/accordion/accordion-basic.ts | 5 ++--- .../demo/component/accordion/accordion-content.ts | 5 ++--- .../component/accordion/accordion-disabled-panels.ts | 5 ++--- .../component/accordion/accordion-filled-panels.ts | 5 ++--- .../component/accordion/accordion-reverse-panels.ts | 5 ++--- .../component/accordion/accordion-small-panels.ts | 5 ++--- .../demo/component/accordion/accordion-summary.ts | 11 +++++------ .../demo/component/app-layout/app-layout-basic.ts | 6 +++--- .../component/app-layout/app-layout-bottom-navbar.ts | 4 ++-- .../demo/component/app-layout/app-layout-drawer.ts | 6 +++--- .../component/app-layout/app-layout-height-auto.ts | 4 ++-- .../component/app-layout/app-layout-height-full.ts | 4 ++-- .../app-layout/app-layout-navbar-placement-side.ts | 6 +++--- .../app-layout/app-layout-navbar-placement.ts | 6 +++--- .../demo/component/app-layout/app-layout-navbar.ts | 4 ++-- .../app-layout/app-layout-secondary-navigation.ts | 6 +++--- .../auto-grid/react/auto-grid-host-styles.ts | 10 +++++----- .../demo/component/avatar/avatar-abbreviation.ts | 4 ++-- frontend/demo/component/avatar/avatar-basic.ts | 6 +++--- frontend/demo/component/avatar/avatar-group-basic.ts | 4 ++-- .../demo/component/avatar/avatar-group-bg-color.ts | 4 ++-- .../avatar/avatar-group-internationalisation.ts | 4 ++-- .../demo/component/avatar/avatar-group-max-items.ts | 4 ++-- frontend/demo/component/avatar/avatar-image.ts | 6 +++--- frontend/demo/component/avatar/avatar-menu-bar.ts | 7 +++---- frontend/demo/component/avatar/avatar-name.ts | 4 ++-- frontend/demo/component/avatar/avatar-sizes.ts | 6 +++--- frontend/demo/component/badge/badge-basic.ts | 2 +- frontend/demo/component/badge/badge-highlight.ts | 10 +++++----- .../demo/component/badge/badge-icons-only-table.ts | 12 ++++++------ frontend/demo/component/badge/badge-icons-only.ts | 6 +++--- frontend/demo/component/badge/badge-icons.ts | 6 +++--- frontend/demo/component/badge/badge-interactive.ts | 6 +++--- frontend/demo/component/badge/badge-shape.ts | 2 +- frontend/demo/component/badge/badge-size.ts | 2 +- .../basiclayouts/basic-layouts-expanding-items.ts | 6 +++--- ...layouts-horizontal-layout-horizontal-alignment.ts | 4 ++-- ...layouts-horizontal-layout-individual-alignment.ts | 4 ++-- .../basic-layouts-horizontal-layout-margin.ts | 8 ++++---- .../basic-layouts-horizontal-layout-padding.ts | 8 ++++---- ...sic-layouts-horizontal-layout-spacing-variants.ts | 8 ++++---- .../basic-layouts-horizontal-layout-spacing.ts | 8 ++++---- ...c-layouts-horizontal-layout-vertical-alignment.ts | 4 ++-- .../basiclayouts/basic-layouts-horizontal-layout.ts | 4 ++-- .../component/basiclayouts/basic-layouts-margin.ts | 8 ++++---- .../component/basiclayouts/basic-layouts-padding.ts | 8 ++++---- .../basiclayouts/basic-layouts-spacing-variants.ts | 8 ++++---- .../component/basiclayouts/basic-layouts-spacing.ts | 8 ++++---- ...c-layouts-vertical-layout-horizontal-alignment.ts | 4 ++-- ...c-layouts-vertical-layout-individual-alignment.ts | 4 ++-- ...sic-layouts-vertical-layout-vertical-alignment.ts | 4 ++-- .../basiclayouts/basic-layouts-vertical-layout.ts | 4 ++-- frontend/demo/component/board/board-basic.ts | 6 +++--- frontend/demo/component/board/board-breakpoints.ts | 4 ++-- frontend/demo/component/board/board-column-span.ts | 2 +- .../demo/component/board/board-column-wrapping.ts | 4 ++-- frontend/demo/component/board/board-nested.ts | 6 +++--- frontend/demo/component/board/example-chart.ts | 6 +++--- frontend/demo/component/board/example-indicator.ts | 6 +++--- frontend/demo/component/board/example-statistics.ts | 4 ++-- frontend/demo/component/button/button-basic.ts | 5 ++--- frontend/demo/component/button/button-contrast.ts | 5 ++--- frontend/demo/component/button/button-dialog.ts | 5 ++--- .../component/button/button-disable-long-action.ts | 7 +++---- frontend/demo/component/button/button-disabled.ts | 5 ++--- frontend/demo/component/button/button-error.ts | 5 ++--- frontend/demo/component/button/button-focus.ts | 3 +-- frontend/demo/component/button/button-form.ts | 5 ++--- frontend/demo/component/button/button-grid.ts | 7 +++---- frontend/demo/component/button/button-icons.ts | 5 ++--- frontend/demo/component/button/button-images.ts | 3 +-- frontend/demo/component/button/button-labels.ts | 7 +++---- frontend/demo/component/button/button-sizes.ts | 5 ++--- frontend/demo/component/button/button-styles.ts | 5 ++--- frontend/demo/component/button/button-success.ts | 5 ++--- .../demo/component/button/button-tertiary-inline.ts | 3 +-- frontend/demo/component/button/button-warning.ts | 5 ++--- frontend/demo/component/button/fake-progress-bar.ts | 2 +- frontend/demo/component/charts/charts-area.ts | 2 +- frontend/demo/component/charts/charts-column.ts | 2 +- frontend/demo/component/charts/charts-overview.ts | 6 +++--- frontend/demo/component/charts/charts-pie.ts | 2 +- frontend/demo/component/charts/charts-polar.ts | 2 +- .../component/checkbox/checkbox-adjacent-groups.ts | 5 ++--- frontend/demo/component/checkbox/checkbox-basic.ts | 3 +-- .../demo/component/checkbox/checkbox-disabled.ts | 5 ++--- .../checkbox/checkbox-group-basic-features.ts | 5 ++--- .../demo/component/checkbox/checkbox-group-basic.ts | 5 ++--- .../demo/component/checkbox/checkbox-group-styles.ts | 3 +-- .../demo/component/checkbox/checkbox-horizontal.ts | 5 ++--- .../component/checkbox/checkbox-indeterminate.ts | 5 ++--- .../demo/component/checkbox/checkbox-labeling.ts | 3 +-- .../demo/component/checkbox/checkbox-readonly.ts | 4 ++-- .../demo/component/checkbox/checkbox-required.ts | 5 ++--- .../demo/component/checkbox/checkbox-vertical.ts | 5 ++--- .../demo/component/combobox/combo-box-auto-open.ts | 3 +-- .../component/combobox/combo-box-basic-features.ts | 5 ++--- frontend/demo/component/combobox/combo-box-basic.ts | 3 +-- .../component/combobox/combo-box-custom-entry-1.ts | 3 +-- .../component/combobox/combo-box-custom-entry-2.ts | 3 +-- .../demo/component/combobox/combo-box-filtering-1.ts | 3 +-- .../demo/component/combobox/combo-box-filtering-2.ts | 3 +-- .../component/combobox/combo-box-item-class-name.ts | 3 +-- .../demo/component/combobox/combo-box-popup-width.ts | 3 +-- .../component/combobox/combo-box-presentation.ts | 7 +++---- .../combobox/combo-box-readonly-and-disabled.ts | 5 ++--- frontend/demo/component/combobox/combo-box-styles.ts | 3 +-- .../demo/component/combobox/combo-box-validation.ts | 3 +-- .../component/confirmdialog/confirm-dialog-basic.ts | 5 ++--- .../confirmdialog/confirm-dialog-cancel-button.ts | 4 ++-- .../confirmdialog/confirm-dialog-confirm-button.ts | 4 ++-- .../confirmdialog/confirm-dialog-reject-button.ts | 4 ++-- .../demo/component/contextmenu/context-menu-basic.ts | 4 ++-- .../contextmenu/context-menu-best-practices.ts | 8 ++++---- .../component/contextmenu/context-menu-checkable.ts | 2 +- .../component/contextmenu/context-menu-classname.ts | 4 ++-- .../component/contextmenu/context-menu-disabled.ts | 4 ++-- .../component/contextmenu/context-menu-dividers.ts | 4 ++-- .../contextmenu/context-menu-hierarchical.ts | 4 ++-- .../component/contextmenu/context-menu-left-click.ts | 4 ++-- .../contextmenu/context-menu-presentation.ts | 10 +++++----- .../component/cookieconsent/cookie-consent-basic.ts | 2 +- .../cookieconsent/cookie-consent-localization.ts | 2 +- .../cookieconsent/cookie-consent-theming.ts | 4 ++-- frontend/demo/component/crud/crud-basic.ts | 4 ++-- frontend/demo/component/crud/crud-columns.ts | 4 ++-- frontend/demo/component/crud/crud-editor-aside.ts | 2 +- frontend/demo/component/crud/crud-editor-bottom.ts | 2 +- frontend/demo/component/crud/crud-editor-content.ts | 6 +++--- .../demo/component/crud/crud-grid-replacement.ts | 4 ++-- frontend/demo/component/crud/crud-hidden-toolbar.ts | 2 +- .../demo/component/crud/crud-item-initialization.ts | 4 ++-- frontend/demo/component/crud/crud-localization.ts | 2 +- frontend/demo/component/crud/crud-open-editor.ts | 2 +- .../demo/component/crud/crud-sorting-filtering.ts | 2 +- frontend/demo/component/crud/crud-toolbar.ts | 4 ++-- .../component/custom-field/custom-field-basic.ts | 8 ++++---- .../custom-field/custom-field-native-input.ts | 4 ++-- .../custom-field/custom-field-size-variants.ts | 4 ++-- 139 files changed, 303 insertions(+), 353 deletions(-) diff --git a/frontend/demo/component/accordion/accordion-basic.ts b/frontend/demo/component/accordion/accordion-basic.ts index f56f1293c1..43954f4ce5 100644 --- a/frontend/demo/component/accordion/accordion-basic.ts +++ b/frontend/demo/component/accordion/accordion-basic.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/accordion'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('accordion-basic') diff --git a/frontend/demo/component/accordion/accordion-content.ts b/frontend/demo/component/accordion/accordion-content.ts index 86e358b7fe..0bed6583b5 100644 --- a/frontend/demo/component/accordion/accordion-content.ts +++ b/frontend/demo/component/accordion/accordion-content.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/accordion'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('accordion-content') diff --git a/frontend/demo/component/accordion/accordion-disabled-panels.ts b/frontend/demo/component/accordion/accordion-disabled-panels.ts index 880d7fcda5..a2b6f6147c 100644 --- a/frontend/demo/component/accordion/accordion-disabled-panels.ts +++ b/frontend/demo/component/accordion/accordion-disabled-panels.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/accordion'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('accordion-disabled-panels') diff --git a/frontend/demo/component/accordion/accordion-filled-panels.ts b/frontend/demo/component/accordion/accordion-filled-panels.ts index e987ae8d7d..4b84c403dd 100644 --- a/frontend/demo/component/accordion/accordion-filled-panels.ts +++ b/frontend/demo/component/accordion/accordion-filled-panels.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/accordion'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('accordion-filled-panels') diff --git a/frontend/demo/component/accordion/accordion-reverse-panels.ts b/frontend/demo/component/accordion/accordion-reverse-panels.ts index d50ca4a0fd..acb7db59a2 100644 --- a/frontend/demo/component/accordion/accordion-reverse-panels.ts +++ b/frontend/demo/component/accordion/accordion-reverse-panels.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/accordion'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('accordion-reverse-panels') diff --git a/frontend/demo/component/accordion/accordion-small-panels.ts b/frontend/demo/component/accordion/accordion-small-panels.ts index 59a28fbf7c..fe649ac416 100644 --- a/frontend/demo/component/accordion/accordion-small-panels.ts +++ b/frontend/demo/component/accordion/accordion-small-panels.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/accordion'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('accordion-small-panels') diff --git a/frontend/demo/component/accordion/accordion-summary.ts b/frontend/demo/component/accordion/accordion-summary.ts index 2fec0bf850..12089883d7 100644 --- a/frontend/demo/component/accordion/accordion-summary.ts +++ b/frontend/demo/component/accordion/accordion-summary.ts @@ -1,7 +1,4 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/accordion'; import '@vaadin/button'; import '@vaadin/combo-box'; @@ -10,13 +7,15 @@ import '@vaadin/form-layout'; import '@vaadin/horizontal-layout'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { AccordionOpenedChangedEvent } from '@vaadin/accordion'; import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; -import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; -import { getCountries } from 'Frontend/demo/domain/DataService'; import { Binder, field } from '@vaadin/hilla-lit-form'; -import PersonModel from 'Frontend/generated/com/vaadin/demo/domain/PersonModel'; +import { getCountries } from 'Frontend/demo/domain/DataService'; import CardModel from 'Frontend/generated/com/vaadin/demo/domain/CardModel'; +import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; +import PersonModel from 'Frontend/generated/com/vaadin/demo/domain/PersonModel'; import { applyTheme } from 'Frontend/generated/theme'; const responsiveSteps: FormLayoutResponsiveStep[] = [ diff --git a/frontend/demo/component/app-layout/app-layout-basic.ts b/frontend/demo/component/app-layout/app-layout-basic.ts index 9a704349bd..c2349b9f17 100644 --- a/frontend/demo/component/app-layout/app-layout-basic.ts +++ b/frontend/demo/component/app-layout/app-layout-basic.ts @@ -1,14 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/app-layout'; import '@vaadin/app-layout/vaadin-drawer-toggle'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/scroller'; import '@vaadin/side-nav'; -import { applyTheme } from 'Frontend/generated/theme'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line +import { applyTheme } from 'Frontend/generated/theme'; @customElement('app-layout-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/app-layout/app-layout-bottom-navbar.ts b/frontend/demo/component/app-layout/app-layout-bottom-navbar.ts index 9681a4a8b7..774014347d 100644 --- a/frontend/demo/component/app-layout/app-layout-bottom-navbar.ts +++ b/frontend/demo/component/app-layout/app-layout-bottom-navbar.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/app-layout'; import '@vaadin/app-layout/vaadin-drawer-toggle'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/horizontal-layout'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; import { patchAppLayoutNavigation } from './app-layout-helper'; // hidden-source-line diff --git a/frontend/demo/component/app-layout/app-layout-drawer.ts b/frontend/demo/component/app-layout/app-layout-drawer.ts index 5582de520e..8b6a8bc0c1 100644 --- a/frontend/demo/component/app-layout/app-layout-drawer.ts +++ b/frontend/demo/component/app-layout/app-layout-drawer.ts @@ -1,14 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/app-layout'; import '@vaadin/app-layout/vaadin-drawer-toggle'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/scroller'; import '@vaadin/side-nav'; -import { applyTheme } from 'Frontend/generated/theme'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line +import { applyTheme } from 'Frontend/generated/theme'; @customElement('app-layout-drawer') export class Example extends LitElement { diff --git a/frontend/demo/component/app-layout/app-layout-height-auto.ts b/frontend/demo/component/app-layout/app-layout-height-auto.ts index 7db63ce756..c2adf1425d 100644 --- a/frontend/demo/component/app-layout/app-layout-height-auto.ts +++ b/frontend/demo/component/app-layout/app-layout-height-auto.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { css, html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/app-layout'; import '@vaadin/grid'; +import { css, html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/app-layout/app-layout-height-full.ts b/frontend/demo/component/app-layout/app-layout-height-full.ts index b5d1a101a0..f7b3dbba9d 100644 --- a/frontend/demo/component/app-layout/app-layout-height-full.ts +++ b/frontend/demo/component/app-layout/app-layout-height-full.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { css, html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/app-layout'; import '@vaadin/grid'; +import { css, html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/app-layout/app-layout-navbar-placement-side.ts b/frontend/demo/component/app-layout/app-layout-navbar-placement-side.ts index ac045a0816..621bc182fb 100644 --- a/frontend/demo/component/app-layout/app-layout-navbar-placement-side.ts +++ b/frontend/demo/component/app-layout/app-layout-navbar-placement-side.ts @@ -1,14 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/app-layout'; import '@vaadin/app-layout/vaadin-drawer-toggle'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/scroller'; import '@vaadin/side-nav'; -import { applyTheme } from 'Frontend/generated/theme'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line +import { applyTheme } from 'Frontend/generated/theme'; @customElement('app-layout-navbar-placement-side') export class Example extends LitElement { diff --git a/frontend/demo/component/app-layout/app-layout-navbar-placement.ts b/frontend/demo/component/app-layout/app-layout-navbar-placement.ts index faf93b3166..405ab9d4c8 100644 --- a/frontend/demo/component/app-layout/app-layout-navbar-placement.ts +++ b/frontend/demo/component/app-layout/app-layout-navbar-placement.ts @@ -1,14 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/app-layout'; import '@vaadin/app-layout/vaadin-drawer-toggle'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/scroller'; import '@vaadin/side-nav'; -import { applyTheme } from 'Frontend/generated/theme'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line +import { applyTheme } from 'Frontend/generated/theme'; @customElement('app-layout-navbar-placement') export class Example extends LitElement { diff --git a/frontend/demo/component/app-layout/app-layout-navbar.ts b/frontend/demo/component/app-layout/app-layout-navbar.ts index afa1883b7d..c06ae09766 100644 --- a/frontend/demo/component/app-layout/app-layout-navbar.ts +++ b/frontend/demo/component/app-layout/app-layout-navbar.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/app-layout'; import '@vaadin/app-layout/vaadin-drawer-toggle'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/horizontal-layout'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; import { patchAppLayoutNavigation } from './app-layout-helper'; // hidden-source-line diff --git a/frontend/demo/component/app-layout/app-layout-secondary-navigation.ts b/frontend/demo/component/app-layout/app-layout-secondary-navigation.ts index 448cd624a5..b0bd3941c9 100644 --- a/frontend/demo/component/app-layout/app-layout-secondary-navigation.ts +++ b/frontend/demo/component/app-layout/app-layout-secondary-navigation.ts @@ -1,6 +1,4 @@ import 'Frontend/demo/init'; // hidden-source-line -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/app-layout'; import '@vaadin/app-layout/vaadin-drawer-toggle'; import '@vaadin/horizontal-layout'; @@ -9,8 +7,10 @@ import '@vaadin/icons'; import '@vaadin/scroller'; import '@vaadin/side-nav'; import '@vaadin/vertical-layout'; -import { applyTheme } from 'Frontend/generated/theme'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line +import { applyTheme } from 'Frontend/generated/theme'; import { patchAppLayoutNavigation } from './app-layout-helper'; // hidden-source-line @customElement('app-layout-secondary-navigation') diff --git a/frontend/demo/component/auto-grid/react/auto-grid-host-styles.ts b/frontend/demo/component/auto-grid/react/auto-grid-host-styles.ts index 30d4ec8b38..d4d0d53844 100644 --- a/frontend/demo/component/auto-grid/react/auto-grid-host-styles.ts +++ b/frontend/demo/component/auto-grid/react/auto-grid-host-styles.ts @@ -1,10 +1,10 @@ import { css, unsafeCSS } from 'lit'; -// @ts-ignore -import autoGridStyles from '@vaadin/hilla-react-crud/autogrid.obj.js'; -// @ts-ignore -import autoFormStyles from '@vaadin/hilla-react-crud/autoform.obj.js'; -// @ts-ignore +// @ts-expect-error import autoCrudStyles from '@vaadin/hilla-react-crud/autocrud.obj.js'; +// @ts-expect-error +import autoFormStyles from '@vaadin/hilla-react-crud/autoform.obj.js'; +// @ts-expect-error +import autoGridStyles from '@vaadin/hilla-react-crud/autogrid.obj.js'; function extractCss(stylesheet: CSSStyleSheet): string { return Array.from(stylesheet.cssRules) diff --git a/frontend/demo/component/avatar/avatar-abbreviation.ts b/frontend/demo/component/avatar/avatar-abbreviation.ts index ff38e0ba92..e529326113 100644 --- a/frontend/demo/component/avatar/avatar-abbreviation.ts +++ b/frontend/demo/component/avatar/avatar-abbreviation.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('avatar-abbreviation') diff --git a/frontend/demo/component/avatar/avatar-basic.ts b/frontend/demo/component/avatar/avatar-basic.ts index 1e136a64d9..b6b5601da4 100644 --- a/frontend/demo/component/avatar/avatar-basic.ts +++ b/frontend/demo/component/avatar/avatar-basic.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/horizontal-layout'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('avatar-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/avatar/avatar-group-basic.ts b/frontend/demo/component/avatar/avatar-group-basic.ts index 8a83af58aa..475624d3a3 100644 --- a/frontend/demo/component/avatar/avatar-group-basic.ts +++ b/frontend/demo/component/avatar/avatar-group-basic.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/avatar-group'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/avatar-group'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('avatar-group-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/avatar/avatar-group-bg-color.ts b/frontend/demo/component/avatar/avatar-group-bg-color.ts index 71c227653d..09321e74a8 100644 --- a/frontend/demo/component/avatar/avatar-group-bg-color.ts +++ b/frontend/demo/component/avatar/avatar-group-bg-color.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/avatar-group'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/avatar-group'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('avatar-group-bg-color') export class Example extends LitElement { diff --git a/frontend/demo/component/avatar/avatar-group-internationalisation.ts b/frontend/demo/component/avatar/avatar-group-internationalisation.ts index 03a61d52ea..2d74acb27e 100644 --- a/frontend/demo/component/avatar/avatar-group-internationalisation.ts +++ b/frontend/demo/component/avatar/avatar-group-internationalisation.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/avatar-group'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/avatar-group'; import type { AvatarGroupI18n } from '@vaadin/avatar-group'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('avatar-group-internationalistion') export class Example extends LitElement { diff --git a/frontend/demo/component/avatar/avatar-group-max-items.ts b/frontend/demo/component/avatar/avatar-group-max-items.ts index a9452ea5fd..89a9df686e 100644 --- a/frontend/demo/component/avatar/avatar-group-max-items.ts +++ b/frontend/demo/component/avatar/avatar-group-max-items.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/avatar-group'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/avatar-group'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('avatar-group-max-items') export class Example extends LitElement { diff --git a/frontend/demo/component/avatar/avatar-image.ts b/frontend/demo/component/avatar/avatar-image.ts index ff37cac8a2..b0bdfc93e1 100644 --- a/frontend/demo/component/avatar/avatar-image.ts +++ b/frontend/demo/component/avatar/avatar-image.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/horizontal-layout'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; import companyLogo from '../../../../src/main/resources/images/company-logo.png'; @customElement('avatar-image') diff --git a/frontend/demo/component/avatar/avatar-menu-bar.ts b/frontend/demo/component/avatar/avatar-menu-bar.ts index b04389af9a..8a55323397 100644 --- a/frontend/demo/component/avatar/avatar-menu-bar.ts +++ b/frontend/demo/component/avatar/avatar-menu-bar.ts @@ -1,13 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/menu-bar'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { MenuBarItem } from '@vaadin/menu-bar'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('avatar-menu-bar') export class Example extends LitElement { diff --git a/frontend/demo/component/avatar/avatar-name.ts b/frontend/demo/component/avatar/avatar-name.ts index 5fc3e49e14..ae12a52e1b 100644 --- a/frontend/demo/component/avatar/avatar-name.ts +++ b/frontend/demo/component/avatar/avatar-name.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/avatar'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/avatar'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('avatar-name') export class Example extends LitElement { diff --git a/frontend/demo/component/avatar/avatar-sizes.ts b/frontend/demo/component/avatar/avatar-sizes.ts index 98d5f26d83..f8a7ab2857 100644 --- a/frontend/demo/component/avatar/avatar-sizes.ts +++ b/frontend/demo/component/avatar/avatar-sizes.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/horizontal-layout'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('avatar-sizes') export class Example extends LitElement { diff --git a/frontend/demo/component/badge/badge-basic.ts b/frontend/demo/component/badge/badge-basic.ts index 8628f59d99..be914b52c7 100644 --- a/frontend/demo/component/badge/badge-basic.ts +++ b/frontend/demo/component/badge/badge-basic.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/horizontal-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/horizontal-layout'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('badge-basic') diff --git a/frontend/demo/component/badge/badge-highlight.ts b/frontend/demo/component/badge/badge-highlight.ts index 603de7c741..10fb77fcb0 100644 --- a/frontend/demo/component/badge/badge-highlight.ts +++ b/frontend/demo/component/badge/badge-highlight.ts @@ -1,12 +1,12 @@ -import { getReports, ReportStatus } from 'Frontend/demo/domain/DataService'; // hidden-source-line import 'Frontend/demo/init'; // hidden-source-line -import type Report from 'Frontend/generated/com/vaadin/demo/domain/Report'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/icon'; import '@vaadin/icons'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; +import { getReports, ReportStatus } from 'Frontend/demo/domain/DataService'; +import type Report from 'Frontend/generated/com/vaadin/demo/domain/Report'; import { applyTheme } from 'Frontend/generated/theme'; const dateFormatter = new Intl.DateTimeFormat('en-US', { diff --git a/frontend/demo/component/badge/badge-icons-only-table.ts b/frontend/demo/component/badge/badge-icons-only-table.ts index fbf132fbbc..1f1548e01a 100644 --- a/frontend/demo/component/badge/badge-icons-only-table.ts +++ b/frontend/demo/component/badge/badge-icons-only-table.ts @@ -1,13 +1,13 @@ -import { getUserPermissions } from 'Frontend/demo/domain/DataService'; // hidden-source-line import 'Frontend/demo/init'; // hidden-source-line -import type UserPermissions from 'Frontend/generated/com/vaadin/demo/domain/UserPermissions'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/icon'; import '@vaadin/icons'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; +import { getUserPermissions } from 'Frontend/demo/domain/DataService'; // hidden-source-line +import type UserPermissions from 'Frontend/generated/com/vaadin/demo/domain/UserPermissions'; // hidden-source-line import { applyTheme } from 'Frontend/generated/theme'; @customElement('badge-icons-only-table') diff --git a/frontend/demo/component/badge/badge-icons-only.ts b/frontend/demo/component/badge/badge-icons-only.ts index 3d2e065e89..12a31ef585 100644 --- a/frontend/demo/component/badge/badge-icons-only.ts +++ b/frontend/demo/component/badge/badge-icons-only.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('badge-icons-only') export class Example extends LitElement { diff --git a/frontend/demo/component/badge/badge-icons.ts b/frontend/demo/component/badge/badge-icons.ts index fdf4aecf87..fe49d9ab30 100644 --- a/frontend/demo/component/badge/badge-icons.ts +++ b/frontend/demo/component/badge/badge-icons.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('badge-icons') export class Example extends LitElement { diff --git a/frontend/demo/component/badge/badge-interactive.ts b/frontend/demo/component/badge/badge-interactive.ts index 8d0de9587a..061344935f 100644 --- a/frontend/demo/component/badge/badge-interactive.ts +++ b/frontend/demo/component/badge/badge-interactive.ts @@ -1,4 +1,3 @@ -import { getPeople } from 'Frontend/demo/domain/DataService'; // hidden-source-line import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/flow-frontend/comboBoxConnector'; // hidden-source-line import '@vaadin/button'; @@ -7,11 +6,12 @@ import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; -import type { Button } from '@vaadin/button'; -import type { ComboBoxChangeEvent } from '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import { repeat } from 'lit/directives/repeat.js'; +import type { Button } from '@vaadin/button'; +import type { ComboBoxChangeEvent } from '@vaadin/combo-box'; +import { getPeople } from 'Frontend/demo/domain/DataService'; import { applyTheme } from 'Frontend/generated/theme'; type Profession = string; diff --git a/frontend/demo/component/badge/badge-shape.ts b/frontend/demo/component/badge/badge-shape.ts index 0ef78827b6..acdb6a3cd9 100644 --- a/frontend/demo/component/badge/badge-shape.ts +++ b/frontend/demo/component/badge/badge-shape.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/horizontal-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/horizontal-layout'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('badge-shape') diff --git a/frontend/demo/component/badge/badge-size.ts b/frontend/demo/component/badge/badge-size.ts index 7dfe669207..3fd46fe0c9 100644 --- a/frontend/demo/component/badge/badge-size.ts +++ b/frontend/demo/component/badge/badge-size.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/horizontal-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/horizontal-layout'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('badge-size') diff --git a/frontend/demo/component/basiclayouts/basic-layouts-expanding-items.ts b/frontend/demo/component/basiclayouts/basic-layouts-expanding-items.ts index 9b3ec58fec..a4c52de506 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-expanding-items.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-expanding-items.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/radio-group'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('basic-layouts-expanding-items') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-horizontal-alignment.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-horizontal-alignment.ts index 98c38036b6..cb8632d770 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-horizontal-alignment.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-horizontal-alignment.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; +import '@vaadin/horizontal-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/button'; -import '@vaadin/horizontal-layout'; @customElement('basic-layouts-horizontal-layout-horizontal-alignment') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-individual-alignment.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-individual-alignment.ts index 6d2b92bfa4..7fac77d49e 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-individual-alignment.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-individual-alignment.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/horizontal-layout'; +import '@vaadin/text-area'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/horizontal-layout'; -import '@vaadin/text-area'; @customElement('basic-layouts-horizontal-layout-individual-alignment') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-margin.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-margin.ts index dc2be744e3..2410b81a78 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-margin.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-margin.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/button'; import '@vaadin/radio-group'; -import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('basic-layouts-horizontal-layout-margin') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-padding.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-padding.ts index 448d853187..7d0802b8ca 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-padding.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-padding.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/button'; import '@vaadin/radio-group'; -import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('basic-layouts-horizontal-layout-padding') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing-variants.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing-variants.ts index 3ed8196175..3ac28402a4 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing-variants.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing-variants.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/button'; import '@vaadin/radio-group'; -import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('basic-layouts-horizontal-layout-spacing-variants') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing.ts index 19a2aeec4e..b2531f9755 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/button'; import '@vaadin/radio-group'; -import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('basic-layouts-horizontal-layout-spacing') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-vertical-alignment.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-vertical-alignment.ts index f3811e5bca..950c7abac1 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-vertical-alignment.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-vertical-alignment.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/horizontal-layout'; +import '@vaadin/text-area'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/horizontal-layout'; -import '@vaadin/text-area'; @customElement('basic-layouts-horizontal-layout-vertical-alignment') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout.ts index 16d7b5d938..e10fbbf00f 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; +import '@vaadin/horizontal-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/button'; -import '@vaadin/horizontal-layout'; @customElement('basic-layouts-horizontal-layout') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-margin.ts b/frontend/demo/component/basiclayouts/basic-layouts-margin.ts index 4553d10273..213907f1c9 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-margin.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-margin.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/button'; import '@vaadin/radio-group'; -import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('basic-layouts-margin') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-padding.ts b/frontend/demo/component/basiclayouts/basic-layouts-padding.ts index a72beeaa11..cfffb22721 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-padding.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-padding.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/button'; import '@vaadin/radio-group'; -import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('basic-layouts-padding') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-spacing-variants.ts b/frontend/demo/component/basiclayouts/basic-layouts-spacing-variants.ts index 15ec6d3a00..b75fdcacdd 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-spacing-variants.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-spacing-variants.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/button'; import '@vaadin/radio-group'; -import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('basic-layouts-spacing-variants') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-spacing.ts b/frontend/demo/component/basiclayouts/basic-layouts-spacing.ts index 118081ebc1..1cf84bbcbe 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-spacing.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-spacing.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/button'; import '@vaadin/radio-group'; -import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('basic-layouts-spacing') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-horizontal-alignment.ts b/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-horizontal-alignment.ts index 4165e19381..68f76e4eef 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-horizontal-alignment.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-horizontal-alignment.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; +import '@vaadin/vertical-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/button'; -import '@vaadin/vertical-layout'; @customElement('basic-layouts-vertical-layout-horizontal-alignment') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-individual-alignment.ts b/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-individual-alignment.ts index b8599737a8..e050af10d4 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-individual-alignment.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-individual-alignment.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; +import '@vaadin/vertical-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/button'; -import '@vaadin/vertical-layout'; @customElement('basic-layouts-vertical-layout-individual-alignment') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-vertical-alignment.ts b/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-vertical-alignment.ts index 82c1607d32..876c76afee 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-vertical-alignment.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout-vertical-alignment.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; +import '@vaadin/vertical-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/button'; -import '@vaadin/vertical-layout'; @customElement('basic-layouts-vertical-layout-vertical-alignment') export class Example extends LitElement { diff --git a/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout.ts b/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout.ts index 305c62f635..73ccc75a23 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-vertical-layout.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; +import '@vaadin/vertical-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/button'; -import '@vaadin/vertical-layout'; @customElement('basic-layouts-vertical-layout') export class Example extends LitElement { diff --git a/frontend/demo/component/board/board-basic.ts b/frontend/demo/component/board/board-basic.ts index 036ef8bf67..2f4c3f64b1 100644 --- a/frontend/demo/component/board/board-basic.ts +++ b/frontend/demo/component/board/board-basic.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/board'; -import { applyTheme } from 'Frontend/generated/theme'; import './example-indicator'; import './example-chart'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('board-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/board/board-breakpoints.ts b/frontend/demo/component/board/board-breakpoints.ts index a751e31f8a..6d44865b61 100644 --- a/frontend/demo/component/board/board-breakpoints.ts +++ b/frontend/demo/component/board/board-breakpoints.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/board'; import '@vaadin/split-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('board-breakpoints') diff --git a/frontend/demo/component/board/board-column-span.ts b/frontend/demo/component/board/board-column-span.ts index 9c2710f170..9f4f621c98 100644 --- a/frontend/demo/component/board/board-column-span.ts +++ b/frontend/demo/component/board/board-column-span.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/board'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/board'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('board-column-span') diff --git a/frontend/demo/component/board/board-column-wrapping.ts b/frontend/demo/component/board/board-column-wrapping.ts index 1aeae40c33..e06e170c98 100644 --- a/frontend/demo/component/board/board-column-wrapping.ts +++ b/frontend/demo/component/board/board-column-wrapping.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/board'; import '@vaadin/split-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('board-column-wrapping') diff --git a/frontend/demo/component/board/board-nested.ts b/frontend/demo/component/board/board-nested.ts index e414bd8a0a..40137fae26 100644 --- a/frontend/demo/component/board/board-nested.ts +++ b/frontend/demo/component/board/board-nested.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/board'; -import { applyTheme } from 'Frontend/generated/theme'; import './example-indicator'; import './example-statistics'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('board-nested') export class Example extends LitElement { diff --git a/frontend/demo/component/board/example-chart.ts b/frontend/demo/component/board/example-chart.ts index e5426d68e9..0602e5f079 100644 --- a/frontend/demo/component/board/example-chart.ts +++ b/frontend/demo/component/board/example-chart.ts @@ -1,9 +1,9 @@ -import { getViewEvents } from 'Frontend/demo/domain/DataService'; // hidden-source-line -import type ViewEvent from 'Frontend/generated/com/vaadin/demo/domain/ViewEvent'; // hidden-source-line +import '@vaadin/charts'; import { css, html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import { repeat } from 'lit/directives/repeat.js'; -import '@vaadin/charts'; +import { getViewEvents } from 'Frontend/demo/domain/DataService'; +import type ViewEvent from 'Frontend/generated/com/vaadin/demo/domain/ViewEvent'; const monthNames = [ 'Jan', diff --git a/frontend/demo/component/board/example-indicator.ts b/frontend/demo/component/board/example-indicator.ts index 04a155e184..f720ef675f 100644 --- a/frontend/demo/component/board/example-indicator.ts +++ b/frontend/demo/component/board/example-indicator.ts @@ -1,9 +1,9 @@ -import { applyTheme } from 'Frontend/generated/theme'; -import { css, html, LitElement } from 'lit'; -import { customElement, property } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/vertical-layout'; +import { css, html, LitElement } from 'lit'; +import { customElement, property } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('example-indicator') export class ExampleIndicator extends LitElement { diff --git a/frontend/demo/component/board/example-statistics.ts b/frontend/demo/component/board/example-statistics.ts index 7ac3a1df95..a91330a193 100644 --- a/frontend/demo/component/board/example-statistics.ts +++ b/frontend/demo/component/board/example-statistics.ts @@ -1,8 +1,8 @@ -import { getServiceHealth } from 'Frontend/demo/domain/DataService'; -import type ServiceHealth from 'Frontend/generated/com/vaadin/demo/domain/ServiceHealth'; import { css, html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import { repeat } from 'lit/directives/repeat.js'; +import { getServiceHealth } from 'Frontend/demo/domain/DataService'; +import type ServiceHealth from 'Frontend/generated/com/vaadin/demo/domain/ServiceHealth'; @customElement('example-statistics') export class ExampleStatistics extends LitElement { diff --git a/frontend/demo/component/button/button-basic.ts b/frontend/demo/component/button/button-basic.ts index a9d7345555..2e699aea6a 100644 --- a/frontend/demo/component/button/button-basic.ts +++ b/frontend/demo/component/button/button-basic.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-basic') diff --git a/frontend/demo/component/button/button-contrast.ts b/frontend/demo/component/button/button-contrast.ts index a2e62e8792..406d14a943 100644 --- a/frontend/demo/component/button/button-contrast.ts +++ b/frontend/demo/component/button/button-contrast.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-contrast') diff --git a/frontend/demo/component/button/button-dialog.ts b/frontend/demo/component/button/button-dialog.ts index ad44471aca..8892e42525 100644 --- a/frontend/demo/component/button/button-dialog.ts +++ b/frontend/demo/component/button/button-dialog.ts @@ -1,13 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/email-field'; import '@vaadin/form-layout'; import '@vaadin/horizontal-layout'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-dialog') diff --git a/frontend/demo/component/button/button-disable-long-action.ts b/frontend/demo/component/button/button-disable-long-action.ts index ca63e9842c..c4ed1ba7ae 100644 --- a/frontend/demo/component/button/button-disable-long-action.ts +++ b/frontend/demo/component/button/button-disable-long-action.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, query, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/progress-bar'; -import { applyTheme } from 'Frontend/generated/theme'; import './fake-progress-bar'; +import { html, LitElement } from 'lit'; +import { customElement, query, state } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; import type { FakeProgressBar } from './fake-progress-bar'; @customElement('button-disable-long-action') diff --git a/frontend/demo/component/button/button-disabled.ts b/frontend/demo/component/button/button-disabled.ts index 0ce0433ee9..70de4ab116 100644 --- a/frontend/demo/component/button/button-disabled.ts +++ b/frontend/demo/component/button/button-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-disabled') diff --git a/frontend/demo/component/button/button-error.ts b/frontend/demo/component/button/button-error.ts index a626432b46..7357df4780 100644 --- a/frontend/demo/component/button/button-error.ts +++ b/frontend/demo/component/button/button-error.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-error') diff --git a/frontend/demo/component/button/button-focus.ts b/frontend/demo/component/button/button-focus.ts index 690506d00e..00552401d6 100644 --- a/frontend/demo/component/button/button-focus.ts +++ b/frontend/demo/component/button/button-focus.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/button'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/button'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-focus') diff --git a/frontend/demo/component/button/button-form.ts b/frontend/demo/component/button/button-form.ts index 968853f08a..a553691cb4 100644 --- a/frontend/demo/component/button/button-form.ts +++ b/frontend/demo/component/button/button-form.ts @@ -1,13 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/email-field'; import '@vaadin/form-layout'; import '@vaadin/horizontal-layout'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-form') diff --git a/frontend/demo/component/button/button-grid.ts b/frontend/demo/component/button/button-grid.ts index 7a806678b3..fdcba7f854 100644 --- a/frontend/demo/component/button/button-grid.ts +++ b/frontend/demo/component/button/button-grid.ts @@ -1,17 +1,16 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-selection-column'; import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { GridSelectedItemsChangedEvent } from '@vaadin/grid'; import type { GridSelectionColumnSelectAllChangedEvent } from '@vaadin/grid/vaadin-grid-selection-column'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-grid') export class Example extends LitElement { diff --git a/frontend/demo/component/button/button-icons.ts b/frontend/demo/component/button/button-icons.ts index 1ae953524a..9cf1c36474 100644 --- a/frontend/demo/component/button/button-icons.ts +++ b/frontend/demo/component/button/button-icons.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-icons') diff --git a/frontend/demo/component/button/button-images.ts b/frontend/demo/component/button/button-images.ts index bbdfde9917..ab2267d949 100644 --- a/frontend/demo/component/button/button-images.ts +++ b/frontend/demo/component/button/button-images.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/button'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/button'; import { applyTheme } from 'Frontend/generated/theme'; import img from '../../../../src/main/resources/images/vaadin-logo-dark.png'; diff --git a/frontend/demo/component/button/button-labels.ts b/frontend/demo/component/button/button-labels.ts index 6b6f6e4792..fc76b13342 100644 --- a/frontend/demo/component/button/button-labels.ts +++ b/frontend/demo/component/button/button-labels.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { css, html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/email-field'; -import type { EmailFieldValueChangedEvent } from '@vaadin/email-field'; import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; +import { css, html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { EmailFieldValueChangedEvent } from '@vaadin/email-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-labels') diff --git a/frontend/demo/component/button/button-sizes.ts b/frontend/demo/component/button/button-sizes.ts index e6bbb0536a..a9dc1d3e9d 100644 --- a/frontend/demo/component/button/button-sizes.ts +++ b/frontend/demo/component/button/button-sizes.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-sizes') diff --git a/frontend/demo/component/button/button-styles.ts b/frontend/demo/component/button/button-styles.ts index a1fbd49a25..3743f5d605 100644 --- a/frontend/demo/component/button/button-styles.ts +++ b/frontend/demo/component/button/button-styles.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-styles') diff --git a/frontend/demo/component/button/button-success.ts b/frontend/demo/component/button/button-success.ts index cafb66fd64..ee0dc8759a 100644 --- a/frontend/demo/component/button/button-success.ts +++ b/frontend/demo/component/button/button-success.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-success') diff --git a/frontend/demo/component/button/button-tertiary-inline.ts b/frontend/demo/component/button/button-tertiary-inline.ts index 44f21db829..f2dbfab6c9 100644 --- a/frontend/demo/component/button/button-tertiary-inline.ts +++ b/frontend/demo/component/button/button-tertiary-inline.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/button'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/button'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-tertiary-inline') diff --git a/frontend/demo/component/button/button-warning.ts b/frontend/demo/component/button/button-warning.ts index d394eef774..5419638af1 100644 --- a/frontend/demo/component/button/button-warning.ts +++ b/frontend/demo/component/button/button-warning.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('button-warning') diff --git a/frontend/demo/component/button/fake-progress-bar.ts b/frontend/demo/component/button/fake-progress-bar.ts index 6b69e3b451..ea906f2679 100644 --- a/frontend/demo/component/button/fake-progress-bar.ts +++ b/frontend/demo/component/button/fake-progress-bar.ts @@ -1,6 +1,6 @@ +import '@vaadin/progress-bar'; import { css, html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import '@vaadin/progress-bar'; @customElement('fake-progress-bar') export class FakeProgressBar extends LitElement { diff --git a/frontend/demo/component/charts/charts-area.ts b/frontend/demo/component/charts/charts-area.ts index cbfc1c2db3..a422265e6a 100644 --- a/frontend/demo/component/charts/charts-area.ts +++ b/frontend/demo/component/charts/charts-area.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/charts'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/charts'; @customElement('charts-area') export class Example extends LitElement { diff --git a/frontend/demo/component/charts/charts-column.ts b/frontend/demo/component/charts/charts-column.ts index ff1df06474..bcb3556ba3 100644 --- a/frontend/demo/component/charts/charts-column.ts +++ b/frontend/demo/component/charts/charts-column.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/charts'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/charts'; @customElement('charts-column') export class Example extends LitElement { diff --git a/frontend/demo/component/charts/charts-overview.ts b/frontend/demo/component/charts/charts-overview.ts index 59a6f73c6e..59c01379a3 100644 --- a/frontend/demo/component/charts/charts-overview.ts +++ b/frontend/demo/component/charts/charts-overview.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, css, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/charts'; import type { Options, PointOptionsObject } from 'highcharts'; +import { css, html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('charts-overview') export class Example extends LitElement { diff --git a/frontend/demo/component/charts/charts-pie.ts b/frontend/demo/component/charts/charts-pie.ts index cf48734455..0f33792fb5 100644 --- a/frontend/demo/component/charts/charts-pie.ts +++ b/frontend/demo/component/charts/charts-pie.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/charts'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/charts'; @customElement('charts-pie') export class Example extends LitElement { diff --git a/frontend/demo/component/charts/charts-polar.ts b/frontend/demo/component/charts/charts-polar.ts index 01616e07be..86caf1f98c 100644 --- a/frontend/demo/component/charts/charts-polar.ts +++ b/frontend/demo/component/charts/charts-polar.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/charts'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/charts'; @customElement('charts-polar') export class Example extends LitElement { diff --git a/frontend/demo/component/checkbox/checkbox-adjacent-groups.ts b/frontend/demo/component/checkbox/checkbox-adjacent-groups.ts index 40a8113528..825b25e69c 100644 --- a/frontend/demo/component/checkbox/checkbox-adjacent-groups.ts +++ b/frontend/demo/component/checkbox/checkbox-adjacent-groups.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/checkbox'; import '@vaadin/checkbox-group'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('checkbox-adjacent-groups') diff --git a/frontend/demo/component/checkbox/checkbox-basic.ts b/frontend/demo/component/checkbox/checkbox-basic.ts index 7c1e091468..97cfeb83eb 100644 --- a/frontend/demo/component/checkbox/checkbox-basic.ts +++ b/frontend/demo/component/checkbox/checkbox-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/checkbox'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/checkbox'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('checkbox-basic') diff --git a/frontend/demo/component/checkbox/checkbox-disabled.ts b/frontend/demo/component/checkbox/checkbox-disabled.ts index 5f0a98012d..5b5708789e 100644 --- a/frontend/demo/component/checkbox/checkbox-disabled.ts +++ b/frontend/demo/component/checkbox/checkbox-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/checkbox'; import '@vaadin/checkbox-group'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('checkbox-disabled') diff --git a/frontend/demo/component/checkbox/checkbox-group-basic-features.ts b/frontend/demo/component/checkbox/checkbox-group-basic-features.ts index aab75b2c29..4435e825b8 100644 --- a/frontend/demo/component/checkbox/checkbox-group-basic-features.ts +++ b/frontend/demo/component/checkbox/checkbox-group-basic-features.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/checkbox-group'; import '@vaadin/tooltip'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('checkbox-group-basic-features') diff --git a/frontend/demo/component/checkbox/checkbox-group-basic.ts b/frontend/demo/component/checkbox/checkbox-group-basic.ts index b616a05675..960651f47d 100644 --- a/frontend/demo/component/checkbox/checkbox-group-basic.ts +++ b/frontend/demo/component/checkbox/checkbox-group-basic.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/checkbox'; import '@vaadin/checkbox-group'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { CheckboxGroupValueChangedEvent } from '@vaadin/checkbox-group'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/checkbox/checkbox-group-styles.ts b/frontend/demo/component/checkbox/checkbox-group-styles.ts index 4c35f42931..61aa36cb6a 100644 --- a/frontend/demo/component/checkbox/checkbox-group-styles.ts +++ b/frontend/demo/component/checkbox/checkbox-group-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/checkbox-group'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/checkbox-group'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('checkbox-group-styles') diff --git a/frontend/demo/component/checkbox/checkbox-horizontal.ts b/frontend/demo/component/checkbox/checkbox-horizontal.ts index 1d27723f61..ac79ee454a 100644 --- a/frontend/demo/component/checkbox/checkbox-horizontal.ts +++ b/frontend/demo/component/checkbox/checkbox-horizontal.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/checkbox'; import '@vaadin/checkbox-group'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('checkbox-horizontal') diff --git a/frontend/demo/component/checkbox/checkbox-indeterminate.ts b/frontend/demo/component/checkbox/checkbox-indeterminate.ts index 061acad560..e07b0977b2 100644 --- a/frontend/demo/component/checkbox/checkbox-indeterminate.ts +++ b/frontend/demo/component/checkbox/checkbox-indeterminate.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/checkbox'; import '@vaadin/checkbox-group'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { CheckboxGroupValueChangedEvent } from '@vaadin/checkbox-group'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/checkbox/checkbox-labeling.ts b/frontend/demo/component/checkbox/checkbox-labeling.ts index 0b6346def7..d56f922a1c 100644 --- a/frontend/demo/component/checkbox/checkbox-labeling.ts +++ b/frontend/demo/component/checkbox/checkbox-labeling.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/checkbox'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/checkbox'; import { applyTheme } from 'Frontend/generated/theme'; // tag::snippet[] diff --git a/frontend/demo/component/checkbox/checkbox-readonly.ts b/frontend/demo/component/checkbox/checkbox-readonly.ts index 9f9d8a87da..e06f07da7b 100644 --- a/frontend/demo/component/checkbox/checkbox-readonly.ts +++ b/frontend/demo/component/checkbox/checkbox-readonly.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/checkbox'; import '@vaadin/checkbox-group'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('checkbox-group-readonly') diff --git a/frontend/demo/component/checkbox/checkbox-required.ts b/frontend/demo/component/checkbox/checkbox-required.ts index 11ff43c218..6be3f4faf0 100644 --- a/frontend/demo/component/checkbox/checkbox-required.ts +++ b/frontend/demo/component/checkbox/checkbox-required.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/checkbox'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { Binder, field, Required } from '@vaadin/hilla-lit-form'; import UserPermissionsModel from 'Frontend/generated/com/vaadin/demo/domain/UserPermissionsModel'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/checkbox/checkbox-vertical.ts b/frontend/demo/component/checkbox/checkbox-vertical.ts index e8f2fcb7ee..4a2d94b37c 100644 --- a/frontend/demo/component/checkbox/checkbox-vertical.ts +++ b/frontend/demo/component/checkbox/checkbox-vertical.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/checkbox'; import '@vaadin/checkbox-group'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('checkbox-vertical') diff --git a/frontend/demo/component/combobox/combo-box-auto-open.ts b/frontend/demo/component/combobox/combo-box-auto-open.ts index d721729ae8..e667166708 100644 --- a/frontend/demo/component/combobox/combo-box-auto-open.ts +++ b/frontend/demo/component/combobox/combo-box-auto-open.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/combobox/combo-box-basic-features.ts b/frontend/demo/component/combobox/combo-box-basic-features.ts index 237382e7d2..9e388a29c1 100644 --- a/frontend/demo/component/combobox/combo-box-basic-features.ts +++ b/frontend/demo/component/combobox/combo-box-basic-features.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/combo-box'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('combo-box-basic-features') diff --git a/frontend/demo/component/combobox/combo-box-basic.ts b/frontend/demo/component/combobox/combo-box-basic.ts index 3fc3c8ecd2..46dd633657 100644 --- a/frontend/demo/component/combobox/combo-box-basic.ts +++ b/frontend/demo/component/combobox/combo-box-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/combobox/combo-box-custom-entry-1.ts b/frontend/demo/component/combobox/combo-box-custom-entry-1.ts index 4bdbb594ec..1ba2abeb9d 100644 --- a/frontend/demo/component/combobox/combo-box-custom-entry-1.ts +++ b/frontend/demo/component/combobox/combo-box-custom-entry-1.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('combo-box-custom-entry-1') diff --git a/frontend/demo/component/combobox/combo-box-custom-entry-2.ts b/frontend/demo/component/combobox/combo-box-custom-entry-2.ts index afac50c951..5897271fa4 100644 --- a/frontend/demo/component/combobox/combo-box-custom-entry-2.ts +++ b/frontend/demo/component/combobox/combo-box-custom-entry-2.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import type { ComboBoxCustomValueSetEvent } from '@vaadin/combo-box'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/combobox/combo-box-filtering-1.ts b/frontend/demo/component/combobox/combo-box-filtering-1.ts index 26c109130b..fd3f36b698 100644 --- a/frontend/demo/component/combobox/combo-box-filtering-1.ts +++ b/frontend/demo/component/combobox/combo-box-filtering-1.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/combobox/combo-box-filtering-2.ts b/frontend/demo/component/combobox/combo-box-filtering-2.ts index cd955003d5..0a6170e85a 100644 --- a/frontend/demo/component/combobox/combo-box-filtering-2.ts +++ b/frontend/demo/component/combobox/combo-box-filtering-2.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import type { ComboBoxFilterChangedEvent } from '@vaadin/combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; diff --git a/frontend/demo/component/combobox/combo-box-item-class-name.ts b/frontend/demo/component/combobox/combo-box-item-class-name.ts index 0b19e52098..3d0e3033cb 100644 --- a/frontend/demo/component/combobox/combo-box-item-class-name.ts +++ b/frontend/demo/component/combobox/combo-box-item-class-name.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('combo-box-item-class-name') diff --git a/frontend/demo/component/combobox/combo-box-popup-width.ts b/frontend/demo/component/combobox/combo-box-popup-width.ts index dada839203..78e4e29c7e 100644 --- a/frontend/demo/component/combobox/combo-box-popup-width.ts +++ b/frontend/demo/component/combobox/combo-box-popup-width.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/combobox/combo-box-presentation.ts b/frontend/demo/component/combobox/combo-box-presentation.ts index 10b77793c5..9a5f3292e8 100644 --- a/frontend/demo/component/combobox/combo-box-presentation.ts +++ b/frontend/demo/component/combobox/combo-box-presentation.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/combo-box'; -import { comboBoxRenderer } from '@vaadin/combo-box/lit.js'; -import type { ComboBoxLitRenderer } from '@vaadin/combo-box/lit.js'; import type { ComboBoxFilterChangedEvent } from '@vaadin/combo-box'; +import type { ComboBoxLitRenderer } from '@vaadin/combo-box/lit.js'; +import { comboBoxRenderer } from '@vaadin/combo-box/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/combobox/combo-box-readonly-and-disabled.ts b/frontend/demo/component/combobox/combo-box-readonly-and-disabled.ts index 833a0a2bc3..392d2771ad 100644 --- a/frontend/demo/component/combobox/combo-box-readonly-and-disabled.ts +++ b/frontend/demo/component/combobox/combo-box-readonly-and-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/combo-box'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('combo-box-readonly-and-disabled') diff --git a/frontend/demo/component/combobox/combo-box-styles.ts b/frontend/demo/component/combobox/combo-box-styles.ts index 71aa56113d..8eb324ee4e 100644 --- a/frontend/demo/component/combobox/combo-box-styles.ts +++ b/frontend/demo/component/combobox/combo-box-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('combo-box-styles') diff --git a/frontend/demo/component/combobox/combo-box-validation.ts b/frontend/demo/component/combobox/combo-box-validation.ts index f6f1f6fd2a..f92bc48678 100644 --- a/frontend/demo/component/combobox/combo-box-validation.ts +++ b/frontend/demo/component/combobox/combo-box-validation.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('combo-box-validation') diff --git a/frontend/demo/component/confirmdialog/confirm-dialog-basic.ts b/frontend/demo/component/confirmdialog/confirm-dialog-basic.ts index c3350481d4..2fa1b7bcf4 100644 --- a/frontend/demo/component/confirmdialog/confirm-dialog-basic.ts +++ b/frontend/demo/component/confirmdialog/confirm-dialog-basic.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, css, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/confirm-dialog'; import '@vaadin/horizontal-layout'; +import { css, html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { ConfirmDialogOpenedChangedEvent } from '@vaadin/confirm-dialog'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/confirmdialog/confirm-dialog-cancel-button.ts b/frontend/demo/component/confirmdialog/confirm-dialog-cancel-button.ts index adeab50360..9ba1286ee6 100644 --- a/frontend/demo/component/confirmdialog/confirm-dialog-cancel-button.ts +++ b/frontend/demo/component/confirmdialog/confirm-dialog-cancel-button.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/confirm-dialog'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { ConfirmDialogOpenedChangedEvent } from '@vaadin/confirm-dialog'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/confirmdialog/confirm-dialog-confirm-button.ts b/frontend/demo/component/confirmdialog/confirm-dialog-confirm-button.ts index 9a6d4ef1b6..a50e7c77c1 100644 --- a/frontend/demo/component/confirmdialog/confirm-dialog-confirm-button.ts +++ b/frontend/demo/component/confirmdialog/confirm-dialog-confirm-button.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/confirm-dialog'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { ConfirmDialogOpenedChangedEvent } from '@vaadin/confirm-dialog'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/confirmdialog/confirm-dialog-reject-button.ts b/frontend/demo/component/confirmdialog/confirm-dialog-reject-button.ts index 2cd5e912dd..2b85e0eb2c 100644 --- a/frontend/demo/component/confirmdialog/confirm-dialog-reject-button.ts +++ b/frontend/demo/component/confirmdialog/confirm-dialog-reject-button.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/confirm-dialog'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { ConfirmDialogOpenedChangedEvent } from '@vaadin/confirm-dialog'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/contextmenu/context-menu-basic.ts b/frontend/demo/component/contextmenu/context-menu-basic.ts index d352524dbf..69f9765301 100644 --- a/frontend/demo/component/contextmenu/context-menu-basic.ts +++ b/frontend/demo/component/contextmenu/context-menu-basic.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/context-menu'; import '@vaadin/grid'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { Grid } from '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/contextmenu/context-menu-best-practices.ts b/frontend/demo/component/contextmenu/context-menu-best-practices.ts index b1b8896c06..b3e5b6ca31 100644 --- a/frontend/demo/component/contextmenu/context-menu-best-practices.ts +++ b/frontend/demo/component/contextmenu/context-menu-best-practices.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/context-menu'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { Grid } from '@vaadin/grid'; import '@vaadin/menu-bar'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { Grid } from '@vaadin/grid'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; interface FileItem { diff --git a/frontend/demo/component/contextmenu/context-menu-checkable.ts b/frontend/demo/component/contextmenu/context-menu-checkable.ts index 596384ecdd..2879ecc3e0 100644 --- a/frontend/demo/component/contextmenu/context-menu-checkable.ts +++ b/frontend/demo/component/contextmenu/context-menu-checkable.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/context-menu'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/context-menu'; import type { ContextMenuItem, ContextMenuItemSelectedEvent } from '@vaadin/context-menu'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/contextmenu/context-menu-classname.ts b/frontend/demo/component/contextmenu/context-menu-classname.ts index 6808a32d81..d75426d398 100644 --- a/frontend/demo/component/contextmenu/context-menu-classname.ts +++ b/frontend/demo/component/contextmenu/context-menu-classname.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/context-menu'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { ContextMenuItem } from '@vaadin/context-menu'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/contextmenu/context-menu-disabled.ts b/frontend/demo/component/contextmenu/context-menu-disabled.ts index 5afbc5935d..d92867850c 100644 --- a/frontend/demo/component/contextmenu/context-menu-disabled.ts +++ b/frontend/demo/component/contextmenu/context-menu-disabled.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/context-menu'; import '@vaadin/grid'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { Grid } from '@vaadin/grid'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/contextmenu/context-menu-dividers.ts b/frontend/demo/component/contextmenu/context-menu-dividers.ts index 592f4a4563..9bfef5f5c1 100644 --- a/frontend/demo/component/contextmenu/context-menu-dividers.ts +++ b/frontend/demo/component/contextmenu/context-menu-dividers.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/context-menu'; import '@vaadin/grid'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { Grid } from '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/contextmenu/context-menu-hierarchical.ts b/frontend/demo/component/contextmenu/context-menu-hierarchical.ts index 1579d18307..1a1a1702c2 100644 --- a/frontend/demo/component/contextmenu/context-menu-hierarchical.ts +++ b/frontend/demo/component/contextmenu/context-menu-hierarchical.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/context-menu'; import '@vaadin/grid'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { Grid } from '@vaadin/grid'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/contextmenu/context-menu-left-click.ts b/frontend/demo/component/contextmenu/context-menu-left-click.ts index 09c7e237a0..8dbd4ac17e 100644 --- a/frontend/demo/component/contextmenu/context-menu-left-click.ts +++ b/frontend/demo/component/contextmenu/context-menu-left-click.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/context-menu'; +import '@vaadin/grid'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/context-menu'; import type { ContextMenuOpenedChangedEvent } from '@vaadin/context-menu'; -import '@vaadin/grid'; import type { Grid } from '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/contextmenu/context-menu-presentation.ts b/frontend/demo/component/contextmenu/context-menu-presentation.ts index 06380862b9..c824d2485d 100644 --- a/frontend/demo/component/contextmenu/context-menu-presentation.ts +++ b/frontend/demo/component/contextmenu/context-menu-presentation.ts @@ -1,16 +1,16 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement, render } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/context-menu'; -import type { ContextMenuItem } from '@vaadin/context-menu'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { Grid } from '@vaadin/grid'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; +import { html, LitElement, render } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { ContextMenuItem } from '@vaadin/context-menu'; +import type { Grid } from '@vaadin/grid'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/cookieconsent/cookie-consent-basic.ts b/frontend/demo/component/cookieconsent/cookie-consent-basic.ts index cd81ece6d7..31fcdad572 100644 --- a/frontend/demo/component/cookieconsent/cookie-consent-basic.ts +++ b/frontend/demo/component/cookieconsent/cookie-consent-basic.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line import './example-cleanup'; // hidden-source-line +import '@vaadin/cookie-consent'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/cookie-consent'; @customElement('cookie-consent-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/cookieconsent/cookie-consent-localization.ts b/frontend/demo/component/cookieconsent/cookie-consent-localization.ts index 9954df0b56..20235579b1 100644 --- a/frontend/demo/component/cookieconsent/cookie-consent-localization.ts +++ b/frontend/demo/component/cookieconsent/cookie-consent-localization.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line import './example-cleanup'; // hidden-source-line +import '@vaadin/cookie-consent'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/cookie-consent'; @customElement('cookie-consent-localization') export class Example extends LitElement { diff --git a/frontend/demo/component/cookieconsent/cookie-consent-theming.ts b/frontend/demo/component/cookieconsent/cookie-consent-theming.ts index ef6b2bbba1..d6d71597de 100644 --- a/frontend/demo/component/cookieconsent/cookie-consent-theming.ts +++ b/frontend/demo/component/cookieconsent/cookie-consent-theming.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line import './example-cleanup'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/cookie-consent'; import '@vaadin/vaadin-lumo-styles/all-imports'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; @customElement('cookie-consent-theming') export class Example extends LitElement { diff --git a/frontend/demo/component/crud/crud-basic.ts b/frontend/demo/component/crud/crud-basic.ts index 30c66ccf42..940d40dac1 100644 --- a/frontend/demo/component/crud/crud-basic.ts +++ b/frontend/demo/component/crud/crud-basic.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/crud'; import '@vaadin/email-field'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/crud/crud-columns.ts b/frontend/demo/component/crud/crud-columns.ts index 5f329be19e..b56687adaf 100644 --- a/frontend/demo/component/crud/crud-columns.ts +++ b/frontend/demo/component/crud/crud-columns.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/crud'; import '@vaadin/date-picker'; import '@vaadin/email-field'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/crud/crud-editor-aside.ts b/frontend/demo/component/crud/crud-editor-aside.ts index 77b8f997ab..49a28e65a3 100644 --- a/frontend/demo/component/crud/crud-editor-aside.ts +++ b/frontend/demo/component/crud/crud-editor-aside.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/crud'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/crud'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/crud/crud-editor-bottom.ts b/frontend/demo/component/crud/crud-editor-bottom.ts index 1aa89363c2..1962e9d976 100644 --- a/frontend/demo/component/crud/crud-editor-bottom.ts +++ b/frontend/demo/component/crud/crud-editor-bottom.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/crud'; import { css, html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/crud'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/crud/crud-editor-content.ts b/frontend/demo/component/crud/crud-editor-content.ts index 71388a997b..a41e714496 100644 --- a/frontend/demo/component/crud/crud-editor-content.ts +++ b/frontend/demo/component/crud/crud-editor-content.ts @@ -1,12 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/combo-box'; import '@vaadin/crud'; import '@vaadin/form-layout'; -import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import '@vaadin/email-field'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/crud/crud-grid-replacement.ts b/frontend/demo/component/crud/crud-grid-replacement.ts index 0643bde20d..7f7dc392c9 100644 --- a/frontend/demo/component/crud/crud-grid-replacement.ts +++ b/frontend/demo/component/crud/crud-grid-replacement.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/crud'; import '@vaadin/grid'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/crud/crud-hidden-toolbar.ts b/frontend/demo/component/crud/crud-hidden-toolbar.ts index c7d306179d..e15eaeab0e 100644 --- a/frontend/demo/component/crud/crud-hidden-toolbar.ts +++ b/frontend/demo/component/crud/crud-hidden-toolbar.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/crud'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/crud'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/crud/crud-item-initialization.ts b/frontend/demo/component/crud/crud-item-initialization.ts index 844b1637c5..e44bcd18dd 100644 --- a/frontend/demo/component/crud/crud-item-initialization.ts +++ b/frontend/demo/component/crud/crud-item-initialization.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/crud'; +import '@vaadin/email-field'; import { html, LitElement } from 'lit'; import { customElement, query, state } from 'lit/decorators.js'; -import '@vaadin/crud'; import type { Crud, CrudNewEvent } from '@vaadin/crud'; -import '@vaadin/email-field'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/crud/crud-localization.ts b/frontend/demo/component/crud/crud-localization.ts index fec1e11df1..01707eb046 100644 --- a/frontend/demo/component/crud/crud-localization.ts +++ b/frontend/demo/component/crud/crud-localization.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/crud'; import { html, LitElement } from 'lit'; import { customElement, query, state } from 'lit/decorators.js'; -import '@vaadin/crud'; import type { Crud } from '@vaadin/crud'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/crud/crud-open-editor.ts b/frontend/demo/component/crud/crud-open-editor.ts index 965d7ca3bd..c7b9098cc4 100644 --- a/frontend/demo/component/crud/crud-open-editor.ts +++ b/frontend/demo/component/crud/crud-open-editor.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/crud'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/crud'; import type { CrudEditedItemChangedEvent } from '@vaadin/crud'; import type { Grid } from '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; diff --git a/frontend/demo/component/crud/crud-sorting-filtering.ts b/frontend/demo/component/crud/crud-sorting-filtering.ts index 01ddfd7502..29a3d71d89 100644 --- a/frontend/demo/component/crud/crud-sorting-filtering.ts +++ b/frontend/demo/component/crud/crud-sorting-filtering.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/crud'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/crud'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/crud/crud-toolbar.ts b/frontend/demo/component/crud/crud-toolbar.ts index 911d94cc6e..bb44d52b53 100644 --- a/frontend/demo/component/crud/crud-toolbar.ts +++ b/frontend/demo/component/crud/crud-toolbar.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/crud'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/custom-field/custom-field-basic.ts b/frontend/demo/component/custom-field/custom-field-basic.ts index d635697d3a..8d8410af58 100644 --- a/frontend/demo/component/custom-field/custom-field-basic.ts +++ b/frontend/demo/component/custom-field/custom-field-basic.ts @@ -1,12 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/custom-field'; import '@vaadin/date-picker'; -import { applyTheme } from 'Frontend/generated/theme'; +import { differenceInDays, isAfter, parseISO } from 'date-fns'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { Binder, field } from '@vaadin/hilla-lit-form'; import AppointmentModel from 'Frontend/generated/com/vaadin/demo/domain/AppointmentModel'; -import { differenceInDays, parseISO, isAfter } from 'date-fns'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('custom-field-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/custom-field/custom-field-native-input.ts b/frontend/demo/component/custom-field/custom-field-native-input.ts index 3e32f66ed1..054814cca6 100644 --- a/frontend/demo/component/custom-field/custom-field-native-input.ts +++ b/frontend/demo/component/custom-field/custom-field-native-input.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/custom-field'; +import '@vaadin/horizontal-layout'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/custom-field'; import type { CustomFieldChangeEvent } from '@vaadin/custom-field'; -import '@vaadin/horizontal-layout'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('custom-field-native-input') diff --git a/frontend/demo/component/custom-field/custom-field-size-variants.ts b/frontend/demo/component/custom-field/custom-field-size-variants.ts index b23672f61c..555bc5d375 100644 --- a/frontend/demo/component/custom-field/custom-field-size-variants.ts +++ b/frontend/demo/component/custom-field/custom-field-size-variants.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/custom-field'; import '@vaadin/horizontal-layout'; import '@vaadin/select'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('custom-field-size-variants') From de9315516492c0ce16aa9d207bd5d6d369cc90a9 Mon Sep 17 00:00:00 2001 From: Sergey Vinogradov Date: Mon, 23 Sep 2024 17:29:43 +0400 Subject: [PATCH 3/8] refactor: sort imports in JS/TS examples (2) (#3706) --- .../component/datepicker/date-picker-auto-open.ts | 3 +-- .../datepicker/date-picker-basic-features.ts | 5 ++--- .../demo/component/datepicker/date-picker-basic.ts | 3 +-- .../datepicker/date-picker-custom-functions.ts | 9 ++++----- .../datepicker/date-picker-custom-validation.ts | 5 ++--- .../datepicker/date-picker-date-format-indicator.ts | 3 +-- .../component/datepicker/date-picker-date-range.ts | 5 ++--- .../date-picker-individual-input-fields.ts | 7 +++---- .../datepicker/date-picker-initial-position.ts | 5 ++--- .../datepicker/date-picker-internationalization.ts | 3 +-- .../datepicker/date-picker-readonly-and-disabled.ts | 5 ++--- .../demo/component/datepicker/date-picker-styles.ts | 3 +-- .../component/datepicker/date-picker-validation.ts | 7 +++---- .../datepicker/date-picker-week-numbers.ts | 3 +-- .../datetimepicker/date-time-picker-auto-open.ts | 3 +-- .../date-time-picker-basic-features.ts | 5 ++--- .../datetimepicker/date-time-picker-basic.ts | 3 +-- .../date-time-picker-custom-validation.ts | 3 +-- .../date-time-picker-initial-position.ts | 9 ++++----- .../datetimepicker/date-time-picker-input-format.ts | 9 ++++----- .../date-time-picker-internationalization.ts | 3 +-- .../datetimepicker/date-time-picker-minutes-step.ts | 3 +-- .../datetimepicker/date-time-picker-range.ts | 3 +-- .../date-time-picker-readonly-and-disabled.ts | 5 ++--- .../datetimepicker/date-time-picker-seconds-step.ts | 3 +-- .../datetimepicker/date-time-picker-styles.ts | 3 +-- .../datetimepicker/date-time-picker-validation.ts | 5 ++--- .../datetimepicker/date-time-picker-week-numbers.ts | 3 +-- frontend/demo/component/details/details-basic.ts | 5 ++--- frontend/demo/component/details/details-content.ts | 5 ++--- frontend/demo/component/details/details-disabled.ts | 3 +-- frontend/demo/component/details/details-filled.ts | 3 +-- frontend/demo/component/details/details-reverse.ts | 3 +-- frontend/demo/component/details/details-small.ts | 3 +-- frontend/demo/component/details/details-summary.ts | 7 +++---- frontend/demo/component/dialog/dialog-basic.ts | 8 +++----- frontend/demo/component/dialog/dialog-closing.ts | 8 +++----- frontend/demo/component/dialog/dialog-draggable.ts | 8 +++----- frontend/demo/component/dialog/dialog-footer.ts | 10 ++++------ frontend/demo/component/dialog/dialog-header.ts | 12 +++++------- frontend/demo/component/dialog/dialog-no-padding.ts | 13 +++++-------- frontend/demo/component/dialog/dialog-resizable.ts | 13 +++++-------- .../emailfield/email-field-basic-features.ts | 5 ++--- .../demo/component/emailfield/email-field-basic.ts | 5 ++--- .../emailfield/email-field-readonly-and-disabled.ts | 5 ++--- .../demo/component/emailfield/email-field-styles.ts | 3 +-- .../component/emailfield/email-field-validation.ts | 3 +-- .../demo/component/formlayout/form-layout-basic.ts | 6 +++--- .../component/formlayout/form-layout-colspan.ts | 6 +++--- .../formlayout/form-layout-custom-field.ts | 6 ++---- .../formlayout/form-layout-custom-layout.ts | 7 +++---- .../formlayout/form-layout-native-input.ts | 6 ++---- .../demo/component/formlayout/form-layout-side.ts | 5 ++--- frontend/demo/component/grid/grid-basic.ts | 3 +-- frontend/demo/component/grid/grid-cell-focus.ts | 5 ++--- .../demo/component/grid/grid-column-alignment.ts | 5 ++--- frontend/demo/component/grid/grid-column-borders.ts | 7 +++---- .../demo/component/grid/grid-column-filtering.ts | 9 ++++----- .../demo/component/grid/grid-column-freezing.ts | 5 ++--- .../demo/component/grid/grid-column-grouping.ts | 5 ++--- .../component/grid/grid-column-header-footer.ts | 11 +++++------ .../grid/grid-column-reordering-resizing.ts | 5 ++--- .../demo/component/grid/grid-column-visibility.ts | 7 +++---- frontend/demo/component/grid/grid-column-width.ts | 7 +++---- frontend/demo/component/grid/grid-compact.ts | 3 +-- frontend/demo/component/grid/grid-content.ts | 9 ++++----- frontend/demo/component/grid/grid-context-menu.ts | 11 +++++------ frontend/demo/component/grid/grid-data-provider.ts | 11 +++++------ .../demo/component/grid/grid-drag-drop-filters.ts | 5 ++--- .../component/grid/grid-drag-rows-between-grids.ts | 5 ++--- frontend/demo/component/grid/grid-dynamic-height.ts | 11 +++++------ frontend/demo/component/grid/grid-empty-state.ts | 3 +-- .../demo/component/grid/grid-external-filtering.ts | 11 +++++------ .../component/grid/grid-header-footer-styling.ts | 5 ++--- .../demo/component/grid/grid-item-details-toggle.ts | 7 +++---- frontend/demo/component/grid/grid-item-details.ts | 9 ++++----- .../component/grid/grid-lazy-column-rendering.ts | 5 ++--- .../demo/component/grid/grid-multi-select-mode.ts | 5 ++--- frontend/demo/component/grid/grid-multisort.ts | 5 ++--- frontend/demo/component/grid/grid-no-border.ts | 7 +++---- frontend/demo/component/grid/grid-no-row-border.ts | 7 +++---- .../component/grid/grid-rich-content-sorting.ts | 11 +++++------ frontend/demo/component/grid/grid-row-reordering.ts | 9 ++++----- frontend/demo/component/grid/grid-row-stripes.ts | 7 +++---- .../component/grid/grid-single-selection-mode.ts | 3 +-- frontend/demo/component/grid/grid-sorting.ts | 5 ++--- frontend/demo/component/grid/grid-styling.ts | 7 +++---- .../demo/component/grid/grid-tooltip-generator.ts | 11 +++++------ .../demo/component/grid/grid-wrap-cell-content.ts | 7 +++---- frontend/demo/component/gridpro/grid-pro-basic.ts | 5 ++--- .../component/gridpro/grid-pro-cell-editability.ts | 5 ++--- .../demo/component/gridpro/grid-pro-edit-column.ts | 5 ++--- frontend/demo/component/gridpro/grid-pro-editors.ts | 9 ++++----- .../component/gridpro/grid-pro-enter-next-row.ts | 5 ++--- .../gridpro/grid-pro-highlight-editable-cells.ts | 5 ++--- .../gridpro/grid-pro-highlight-read-only-cells.ts | 5 ++--- .../demo/component/gridpro/grid-pro-prevent-save.ts | 5 ++--- .../component/gridpro/grid-pro-single-cell-edit.ts | 5 ++--- .../demo/component/gridpro/grid-pro-single-click.ts | 5 ++--- 99 files changed, 239 insertions(+), 347 deletions(-) diff --git a/frontend/demo/component/datepicker/date-picker-auto-open.ts b/frontend/demo/component/datepicker/date-picker-auto-open.ts index 04ceba39d5..44d00e7474 100644 --- a/frontend/demo/component/datepicker/date-picker-auto-open.ts +++ b/frontend/demo/component/datepicker/date-picker-auto-open.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-picker-auto-open') diff --git a/frontend/demo/component/datepicker/date-picker-basic-features.ts b/frontend/demo/component/datepicker/date-picker-basic-features.ts index f5b70803b3..6c8b83d546 100644 --- a/frontend/demo/component/datepicker/date-picker-basic-features.ts +++ b/frontend/demo/component/datepicker/date-picker-basic-features.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/date-picker'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-picker-basic-features') diff --git a/frontend/demo/component/datepicker/date-picker-basic.ts b/frontend/demo/component/datepicker/date-picker-basic.ts index 787ee4ed04..1763ede86d 100644 --- a/frontend/demo/component/datepicker/date-picker-basic.ts +++ b/frontend/demo/component/datepicker/date-picker-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-picker-basic') diff --git a/frontend/demo/component/datepicker/date-picker-custom-functions.ts b/frontend/demo/component/datepicker/date-picker-custom-functions.ts index cf7646c140..8b4442c5b4 100644 --- a/frontend/demo/component/datepicker/date-picker-custom-functions.ts +++ b/frontend/demo/component/datepicker/date-picker-custom-functions.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, query, state } from 'lit/decorators.js'; import '@vaadin/date-picker'; -import type { DatePicker, DatePickerDate, DatePickerChangeEvent } from '@vaadin/date-picker'; -import { applyTheme } from 'Frontend/generated/theme'; import dateFnsFormat from 'date-fns/format'; import dateFnsParse from 'date-fns/parse'; +import { html, LitElement } from 'lit'; +import { customElement, query, state } from 'lit/decorators.js'; +import type { DatePicker, DatePickerChangeEvent, DatePickerDate } from '@vaadin/date-picker'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-picker-custom-functions') export class Example extends LitElement { diff --git a/frontend/demo/component/datepicker/date-picker-custom-validation.ts b/frontend/demo/component/datepicker/date-picker-custom-validation.ts index 13ae32064a..2bab28309a 100644 --- a/frontend/demo/component/datepicker/date-picker-custom-validation.ts +++ b/frontend/demo/component/datepicker/date-picker-custom-validation.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-picker'; import { Binder, field } from '@vaadin/hilla-lit-form'; -import { applyTheme } from 'Frontend/generated/theme'; import AppointmentModel from 'Frontend/generated/com/vaadin/demo/domain/AppointmentModel'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-picker-custom-validation') export class Example extends LitElement { diff --git a/frontend/demo/component/datepicker/date-picker-date-format-indicator.ts b/frontend/demo/component/datepicker/date-picker-date-format-indicator.ts index bc671b00c6..4df9fe2d68 100644 --- a/frontend/demo/component/datepicker/date-picker-date-format-indicator.ts +++ b/frontend/demo/component/datepicker/date-picker-date-format-indicator.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-picker-date-format-indicator') diff --git a/frontend/demo/component/datepicker/date-picker-date-range.ts b/frontend/demo/component/datepicker/date-picker-date-range.ts index dce2721df8..4a91c5535e 100644 --- a/frontend/demo/component/datepicker/date-picker-date-range.ts +++ b/frontend/demo/component/datepicker/date-picker-date-range.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-picker'; +import '@vaadin/horizontal-layout'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/date-picker'; import type { DatePickerValueChangedEvent } from '@vaadin/date-picker'; -import '@vaadin/horizontal-layout'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-picker-date-range') diff --git a/frontend/demo/component/datepicker/date-picker-individual-input-fields.ts b/frontend/demo/component/datepicker/date-picker-individual-input-fields.ts index a448d0a5de..47b9d118cd 100644 --- a/frontend/demo/component/datepicker/date-picker-individual-input-fields.ts +++ b/frontend/demo/component/datepicker/date-picker-individual-input-fields.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/combo-box'; +import '@vaadin/horizontal-layout'; +import getDaysInMonth from 'date-fns/getDaysInMonth'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/combo-box'; import type { ComboBoxSelectedItemChangedEvent } from '@vaadin/combo-box'; -import '@vaadin/horizontal-layout'; import { applyTheme } from 'Frontend/generated/theme'; -import getDaysInMonth from 'date-fns/getDaysInMonth'; @customElement('date-picker-individual-input-fields') export class Example extends LitElement { diff --git a/frontend/demo/component/datepicker/date-picker-initial-position.ts b/frontend/demo/component/datepicker/date-picker-initial-position.ts index bcdda0eaf1..1fb2483813 100644 --- a/frontend/demo/component/datepicker/date-picker-initial-position.ts +++ b/frontend/demo/component/datepicker/date-picker-initial-position.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-picker'; +import { formatISO, lastDayOfYear } from 'date-fns'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-picker'; import { applyTheme } from 'Frontend/generated/theme'; -import { formatISO, lastDayOfYear } from 'date-fns'; @customElement('date-picker-initial-position') export class Example extends LitElement { diff --git a/frontend/demo/component/datepicker/date-picker-internationalization.ts b/frontend/demo/component/datepicker/date-picker-internationalization.ts index 71191cad02..a3df4877c8 100644 --- a/frontend/demo/component/datepicker/date-picker-internationalization.ts +++ b/frontend/demo/component/datepicker/date-picker-internationalization.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-picker'; import { html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; -import '@vaadin/date-picker'; import type { DatePicker } from '@vaadin/date-picker'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/datepicker/date-picker-readonly-and-disabled.ts b/frontend/demo/component/datepicker/date-picker-readonly-and-disabled.ts index 07d2d4de85..263152f31f 100644 --- a/frontend/demo/component/datepicker/date-picker-readonly-and-disabled.ts +++ b/frontend/demo/component/datepicker/date-picker-readonly-and-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/date-picker'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-picker-readonly-and-disabled') diff --git a/frontend/demo/component/datepicker/date-picker-styles.ts b/frontend/demo/component/datepicker/date-picker-styles.ts index 19033510ee..fb987ba700 100644 --- a/frontend/demo/component/datepicker/date-picker-styles.ts +++ b/frontend/demo/component/datepicker/date-picker-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-picker-styles') diff --git a/frontend/demo/component/datepicker/date-picker-validation.ts b/frontend/demo/component/datepicker/date-picker-validation.ts index 877e3d965a..de831f82cc 100644 --- a/frontend/demo/component/datepicker/date-picker-validation.ts +++ b/frontend/demo/component/datepicker/date-picker-validation.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-picker'; +import { addDays, formatISO, isAfter, isBefore } from 'date-fns'; +import dateFnsParse from 'date-fns/parse'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/date-picker'; import type { DatePickerChangeEvent } from '@vaadin/date-picker'; import { applyTheme } from 'Frontend/generated/theme'; -import { addDays, formatISO, isAfter, isBefore } from 'date-fns'; -import dateFnsParse from 'date-fns/parse'; @customElement('date-picker-validation') export class Example extends LitElement { diff --git a/frontend/demo/component/datepicker/date-picker-week-numbers.ts b/frontend/demo/component/datepicker/date-picker-week-numbers.ts index e60bf23a07..0878812ea2 100644 --- a/frontend/demo/component/datepicker/date-picker-week-numbers.ts +++ b/frontend/demo/component/datepicker/date-picker-week-numbers.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-picker'; import { html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; -import '@vaadin/date-picker'; import type { DatePicker } from '@vaadin/date-picker'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/datetimepicker/date-time-picker-auto-open.ts b/frontend/demo/component/datetimepicker/date-time-picker-auto-open.ts index 8fd8f00c2f..211ec76dc8 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-auto-open.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-auto-open.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-time-picker-auto-open') diff --git a/frontend/demo/component/datetimepicker/date-time-picker-basic-features.ts b/frontend/demo/component/datetimepicker/date-time-picker-basic-features.ts index 8be1a269d9..1243e17c84 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-basic-features.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-basic-features.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/date-time-picker'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-time-picker-basic-features') diff --git a/frontend/demo/component/datetimepicker/date-time-picker-basic.ts b/frontend/demo/component/datetimepicker/date-time-picker-basic.ts index ed64f0e1b9..ae761a3c02 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-basic.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-time-picker-basic') diff --git a/frontend/demo/component/datetimepicker/date-time-picker-custom-validation.ts b/frontend/demo/component/datetimepicker/date-time-picker-custom-validation.ts index ef8e21f8d5..948ec1cedf 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-custom-validation.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-custom-validation.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-time-picker'; import { Binder, field } from '@vaadin/hilla-lit-form'; import AppointmentModel from 'Frontend/generated/com/vaadin/demo/domain/AppointmentModel'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/datetimepicker/date-time-picker-initial-position.ts b/frontend/demo/component/datetimepicker/date-time-picker-initial-position.ts index 329ec60378..72944d3ea8 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-initial-position.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-initial-position.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/date-time-picker'; -import { applyTheme } from 'Frontend/generated/theme'; -import startOfMonth from 'date-fns/startOfMonth'; import addMonths from 'date-fns/addMonths'; import formatISO from 'date-fns/formatISO'; +import startOfMonth from 'date-fns/startOfMonth'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; const startOfNextMonth = startOfMonth(addMonths(new Date(), 1)); const startOfNextMonthISOString = formatISO(startOfNextMonth, { representation: 'date' }); diff --git a/frontend/demo/component/datetimepicker/date-time-picker-input-format.ts b/frontend/demo/component/datetimepicker/date-time-picker-input-format.ts index 498fa2f445..5944875e28 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-input-format.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-input-format.ts @@ -1,13 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, query } from 'lit/decorators.js'; import '@vaadin/date-time-picker'; -import { applyTheme } from 'Frontend/generated/theme'; -import type { DateTimePicker } from '@vaadin/date-time-picker'; import dateFnsFormat from 'date-fns/format'; import dateFnsParse from 'date-fns/parse'; +import { html, LitElement } from 'lit'; +import { customElement, query } from 'lit/decorators.js'; import type { DatePickerDate } from '@vaadin/date-picker'; +import type { DateTimePicker } from '@vaadin/date-time-picker'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-time-picker-input-format') export class Example extends LitElement { diff --git a/frontend/demo/component/datetimepicker/date-time-picker-internationalization.ts b/frontend/demo/component/datetimepicker/date-time-picker-internationalization.ts index faa18be97d..849ef9a64c 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-internationalization.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-internationalization.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-time-picker'; import { html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; -import '@vaadin/date-time-picker'; import type { DateTimePicker } from '@vaadin/date-time-picker'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/datetimepicker/date-time-picker-minutes-step.ts b/frontend/demo/component/datetimepicker/date-time-picker-minutes-step.ts index 3aaa3a3625..a639aa840a 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-minutes-step.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-minutes-step.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-time-picker-minutes-step') diff --git a/frontend/demo/component/datetimepicker/date-time-picker-range.ts b/frontend/demo/component/datetimepicker/date-time-picker-range.ts index 600020f5ab..5134232b8e 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-range.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-range.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-time-picker'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/date-time-picker'; import type { DateTimePickerValueChangedEvent } from '@vaadin/date-time-picker'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/datetimepicker/date-time-picker-readonly-and-disabled.ts b/frontend/demo/component/datetimepicker/date-time-picker-readonly-and-disabled.ts index ebd33d0efe..6742a9a314 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-readonly-and-disabled.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-readonly-and-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/vertical-layout'; import '@vaadin/date-time-picker'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-time-picker-readonly-and-disabled') diff --git a/frontend/demo/component/datetimepicker/date-time-picker-seconds-step.ts b/frontend/demo/component/datetimepicker/date-time-picker-seconds-step.ts index 8cc8842be5..cd12f46639 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-seconds-step.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-seconds-step.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-time-picker-seconds-step') diff --git a/frontend/demo/component/datetimepicker/date-time-picker-styles.ts b/frontend/demo/component/datetimepicker/date-time-picker-styles.ts index b71de88706..39a649ab53 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-styles.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/date-time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('date-time-picker-styles') diff --git a/frontend/demo/component/datetimepicker/date-time-picker-validation.ts b/frontend/demo/component/datetimepicker/date-time-picker-validation.ts index a31c8b2911..01c182a97b 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-validation.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-validation.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-time-picker'; +import { addDays, format, isAfter, isBefore, parseISO } from 'date-fns'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/date-time-picker'; import type { DateTimePickerChangeEvent } from '@vaadin/date-time-picker'; import { applyTheme } from 'Frontend/generated/theme'; -import { addDays, format, isAfter, isBefore, parseISO } from 'date-fns'; const dateTimeFormat = `yyyy-MM-dd'T'HH:00:00`; diff --git a/frontend/demo/component/datetimepicker/date-time-picker-week-numbers.ts b/frontend/demo/component/datetimepicker/date-time-picker-week-numbers.ts index cb554d64e0..31db401ee2 100644 --- a/frontend/demo/component/datetimepicker/date-time-picker-week-numbers.ts +++ b/frontend/demo/component/datetimepicker/date-time-picker-week-numbers.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/date-time-picker'; import { html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; -import '@vaadin/date-time-picker'; import type { DateTimePicker } from '@vaadin/date-time-picker'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/details/details-basic.ts b/frontend/demo/component/details/details-basic.ts index d59fdb3263..4edb16f2fa 100644 --- a/frontend/demo/component/details/details-basic.ts +++ b/frontend/demo/component/details/details-basic.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/details'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('details-basic') diff --git a/frontend/demo/component/details/details-content.ts b/frontend/demo/component/details/details-content.ts index 08002cee87..2ca266218d 100644 --- a/frontend/demo/component/details/details-content.ts +++ b/frontend/demo/component/details/details-content.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/details'; import '@vaadin/vertical-layout'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; // tag::snippet[] diff --git a/frontend/demo/component/details/details-disabled.ts b/frontend/demo/component/details/details-disabled.ts index be32b865f6..0bd6e3ac90 100644 --- a/frontend/demo/component/details/details-disabled.ts +++ b/frontend/demo/component/details/details-disabled.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/details'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/details'; import { applyTheme } from 'Frontend/generated/theme'; // tag::snippet[] diff --git a/frontend/demo/component/details/details-filled.ts b/frontend/demo/component/details/details-filled.ts index 6b5dc8394d..ee88a99fef 100644 --- a/frontend/demo/component/details/details-filled.ts +++ b/frontend/demo/component/details/details-filled.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/details'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/details'; import { applyTheme } from 'Frontend/generated/theme'; // tag::snippet[] diff --git a/frontend/demo/component/details/details-reverse.ts b/frontend/demo/component/details/details-reverse.ts index 3010f921dc..2a52f3312a 100644 --- a/frontend/demo/component/details/details-reverse.ts +++ b/frontend/demo/component/details/details-reverse.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/details'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/details'; import { applyTheme } from 'Frontend/generated/theme'; // tag::snippet[] diff --git a/frontend/demo/component/details/details-small.ts b/frontend/demo/component/details/details-small.ts index 6d26dca68e..ce0b2ac8d0 100644 --- a/frontend/demo/component/details/details-small.ts +++ b/frontend/demo/component/details/details-small.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/details'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/details'; import { applyTheme } from 'Frontend/generated/theme'; // tag::snippet[] diff --git a/frontend/demo/component/details/details-summary.ts b/frontend/demo/component/details/details-summary.ts index 3030a71356..5ed9cdbf72 100644 --- a/frontend/demo/component/details/details-summary.ts +++ b/frontend/demo/component/details/details-summary.ts @@ -1,17 +1,16 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/combo-box'; import '@vaadin/details'; import '@vaadin/form-layout'; -import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/text-field'; import '@vaadin/vaadin-lumo-styles/sizing'; import '@vaadin/vaadin-lumo-styles/color'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/dialog/dialog-basic.ts b/frontend/demo/component/dialog/dialog-basic.ts index c09539df05..c7d56f8794 100644 --- a/frontend/demo/component/dialog/dialog-basic.ts +++ b/frontend/demo/component/dialog/dialog-basic.ts @@ -1,14 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { css, html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; - import '@vaadin/button'; import '@vaadin/dialog'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; -import { dialogFooterRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; +import { css, html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { DialogOpenedChangedEvent } from '@vaadin/dialog'; +import { dialogFooterRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('dialog-basic') diff --git a/frontend/demo/component/dialog/dialog-closing.ts b/frontend/demo/component/dialog/dialog-closing.ts index 6c4bff3116..f81e45b183 100644 --- a/frontend/demo/component/dialog/dialog-closing.ts +++ b/frontend/demo/component/dialog/dialog-closing.ts @@ -1,13 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; - import '@vaadin/button'; import '@vaadin/dialog'; import '@vaadin/vertical-layout'; -import { dialogRenderer } from '@vaadin/dialog/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { DialogOpenedChangedEvent } from '@vaadin/dialog'; +import { dialogRenderer } from '@vaadin/dialog/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('dialog-closing') diff --git a/frontend/demo/component/dialog/dialog-draggable.ts b/frontend/demo/component/dialog/dialog-draggable.ts index e51182fa0d..dae6d6f2d3 100644 --- a/frontend/demo/component/dialog/dialog-draggable.ts +++ b/frontend/demo/component/dialog/dialog-draggable.ts @@ -1,15 +1,13 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; - import '@vaadin/button'; import '@vaadin/dialog'; import '@vaadin/text-area'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; -import { dialogFooterRenderer, dialogHeaderRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { DialogOpenedChangedEvent } from '@vaadin/dialog'; +import { dialogFooterRenderer, dialogHeaderRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('dialog-draggable') diff --git a/frontend/demo/component/dialog/dialog-footer.ts b/frontend/demo/component/dialog/dialog-footer.ts index 30fa94c447..e90c288291 100644 --- a/frontend/demo/component/dialog/dialog-footer.ts +++ b/frontend/demo/component/dialog/dialog-footer.ts @@ -1,15 +1,13 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; - import '@vaadin/button'; import '@vaadin/dialog'; -import { dialogFooterRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { DialogOpenedChangedEvent } from '@vaadin/dialog'; -import { applyTheme } from 'Frontend/generated/theme'; +import { dialogFooterRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('dialog-footer') export class Example extends LitElement { diff --git a/frontend/demo/component/dialog/dialog-header.ts b/frontend/demo/component/dialog/dialog-header.ts index 075ceca9ff..d7b5c35006 100644 --- a/frontend/demo/component/dialog/dialog-header.ts +++ b/frontend/demo/component/dialog/dialog-header.ts @@ -1,9 +1,4 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; - import '@vaadin/button'; import '@vaadin/dialog'; import '@vaadin/email-field'; @@ -11,11 +6,14 @@ import '@vaadin/icon'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; -import { dialogHeaderRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; import type { DialogOpenedChangedEvent } from '@vaadin/dialog'; -import { applyTheme } from 'Frontend/generated/theme'; +import { dialogHeaderRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('dialog-header') export class Example extends LitElement { diff --git a/frontend/demo/component/dialog/dialog-no-padding.ts b/frontend/demo/component/dialog/dialog-no-padding.ts index cc15d858fb..58207cb6b7 100644 --- a/frontend/demo/component/dialog/dialog-no-padding.ts +++ b/frontend/demo/component/dialog/dialog-no-padding.ts @@ -1,19 +1,16 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; - import '@vaadin/button'; import '@vaadin/dialog'; -import { dialogFooterRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; -import type { DialogOpenedChangedEvent } from '@vaadin/dialog'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-selection-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { DialogOpenedChangedEvent } from '@vaadin/dialog'; +import { dialogFooterRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; import { columnBodyRenderer } from '@vaadin/grid/lit.js'; - -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('dialog-no-padding') export class Example extends LitElement { diff --git a/frontend/demo/component/dialog/dialog-resizable.ts b/frontend/demo/component/dialog/dialog-resizable.ts index 8f63fe3ef3..c5e1823677 100644 --- a/frontend/demo/component/dialog/dialog-resizable.ts +++ b/frontend/demo/component/dialog/dialog-resizable.ts @@ -1,18 +1,15 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; - import '@vaadin/button'; import '@vaadin/dialog'; import '@vaadin/grid'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { DialogOpenedChangedEvent } from '@vaadin/dialog'; import { dialogRenderer } from '@vaadin/dialog/lit.js'; - -import { applyTheme } from 'Frontend/generated/theme'; -import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { getPeople } from 'Frontend/demo/domain/DataService'; -import type { DialogOpenedChangedEvent } from '@vaadin/dialog'; +import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('dialog-resizable') export class Example extends LitElement { diff --git a/frontend/demo/component/emailfield/email-field-basic-features.ts b/frontend/demo/component/emailfield/email-field-basic-features.ts index fc0e3f8ab2..d73ac2136e 100644 --- a/frontend/demo/component/emailfield/email-field-basic-features.ts +++ b/frontend/demo/component/emailfield/email-field-basic-features.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/email-field'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('email-field-basic-features') diff --git a/frontend/demo/component/emailfield/email-field-basic.ts b/frontend/demo/component/emailfield/email-field-basic.ts index cf9ee1dd21..36c44e1c96 100644 --- a/frontend/demo/component/emailfield/email-field-basic.ts +++ b/frontend/demo/component/emailfield/email-field-basic.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/email-field'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('email-field-basic') diff --git a/frontend/demo/component/emailfield/email-field-readonly-and-disabled.ts b/frontend/demo/component/emailfield/email-field-readonly-and-disabled.ts index 27cb04550f..1b43d81451 100644 --- a/frontend/demo/component/emailfield/email-field-readonly-and-disabled.ts +++ b/frontend/demo/component/emailfield/email-field-readonly-and-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/email-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('email-field-readonly-and-disabled') diff --git a/frontend/demo/component/emailfield/email-field-styles.ts b/frontend/demo/component/emailfield/email-field-styles.ts index 8414b843f4..491a4d4476 100644 --- a/frontend/demo/component/emailfield/email-field-styles.ts +++ b/frontend/demo/component/emailfield/email-field-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/email-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/email-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('email-field-styles') diff --git a/frontend/demo/component/emailfield/email-field-validation.ts b/frontend/demo/component/emailfield/email-field-validation.ts index 9b825ca34e..90a4573879 100644 --- a/frontend/demo/component/emailfield/email-field-validation.ts +++ b/frontend/demo/component/emailfield/email-field-validation.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/email-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/email-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('email-field-validation') diff --git a/frontend/demo/component/formlayout/form-layout-basic.ts b/frontend/demo/component/formlayout/form-layout-basic.ts index b21dfbcbff..efd9129ad7 100644 --- a/frontend/demo/component/formlayout/form-layout-basic.ts +++ b/frontend/demo/component/formlayout/form-layout-basic.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/form-layout'; -import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import '@vaadin/password-field'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('form-layout-basic') diff --git a/frontend/demo/component/formlayout/form-layout-colspan.ts b/frontend/demo/component/formlayout/form-layout-colspan.ts index 4935561b51..2b0107dccd 100644 --- a/frontend/demo/component/formlayout/form-layout-colspan.ts +++ b/frontend/demo/component/formlayout/form-layout-colspan.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/date-picker'; import '@vaadin/form-layout'; -import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import '@vaadin/text-field'; import '@vaadin/time-picker'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('form-layout-custom-layout') diff --git a/frontend/demo/component/formlayout/form-layout-custom-field.ts b/frontend/demo/component/formlayout/form-layout-custom-field.ts index 572386bf5f..e16252669f 100644 --- a/frontend/demo/component/formlayout/form-layout-custom-field.ts +++ b/frontend/demo/component/formlayout/form-layout-custom-field.ts @@ -1,13 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/form-layout'; import '@vaadin/form-layout/vaadin-form-item'; import '@vaadin/select'; import '@vaadin/custom-field'; import '@vaadin/horizontal-layout'; - +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('form-layout-custom-field') diff --git a/frontend/demo/component/formlayout/form-layout-custom-layout.ts b/frontend/demo/component/formlayout/form-layout-custom-layout.ts index 8c2436b439..8ad1e5c827 100644 --- a/frontend/demo/component/formlayout/form-layout-custom-layout.ts +++ b/frontend/demo/component/formlayout/form-layout-custom-layout.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/email-field'; import '@vaadin/form-layout'; -import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import '@vaadin/split-layout'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('form-layout-custom-layout') diff --git a/frontend/demo/component/formlayout/form-layout-native-input.ts b/frontend/demo/component/formlayout/form-layout-native-input.ts index ee8503f776..02594eb590 100644 --- a/frontend/demo/component/formlayout/form-layout-native-input.ts +++ b/frontend/demo/component/formlayout/form-layout-native-input.ts @@ -1,10 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/form-layout'; import '@vaadin/form-layout/vaadin-form-item'; - +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('form-layout-native-input') diff --git a/frontend/demo/component/formlayout/form-layout-side.ts b/frontend/demo/component/formlayout/form-layout-side.ts index 1387e1a4e1..29de1cbbb5 100644 --- a/frontend/demo/component/formlayout/form-layout-side.ts +++ b/frontend/demo/component/formlayout/form-layout-side.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/form-layout'; import '@vaadin/form-layout/vaadin-form-item'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('form-layout-side') diff --git a/frontend/demo/component/grid/grid-basic.ts b/frontend/demo/component/grid/grid-basic.ts index 2c63729296..738a81ed3e 100644 --- a/frontend/demo/component/grid/grid-basic.ts +++ b/frontend/demo/component/grid/grid-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-cell-focus.ts b/frontend/demo/component/grid/grid-cell-focus.ts index 80717dea7b..725e94af76 100644 --- a/frontend/demo/component/grid/grid-cell-focus.ts +++ b/frontend/demo/component/grid/grid-cell-focus.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; +import '@vaadin/text-area'; import { css, html, LitElement } from 'lit'; import { customElement, query, state } from 'lit/decorators.js'; -import '@vaadin/grid'; import type { Grid, GridCellFocusEvent } from '@vaadin/grid'; -import '@vaadin/text-area'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-column-alignment.ts b/frontend/demo/component/grid/grid-column-alignment.ts index 466e3adaf4..8580f9dd16 100644 --- a/frontend/demo/component/grid/grid-column-alignment.ts +++ b/frontend/demo/component/grid/grid-column-alignment.ts @@ -1,13 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; +import { format } from 'date-fns'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/grid'; import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; -import { format } from 'date-fns'; @customElement('grid-column-alignment') export class Example extends LitElement { diff --git a/frontend/demo/component/grid/grid-column-borders.ts b/frontend/demo/component/grid/grid-column-borders.ts index bf1ac3e64c..93b2419789 100644 --- a/frontend/demo/component/grid/grid-column-borders.ts +++ b/frontend/demo/component/grid/grid-column-borders.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-column-filtering.ts b/frontend/demo/component/grid/grid-column-filtering.ts index 81b76fbcf6..4cf3da1555 100644 --- a/frontend/demo/component/grid/grid-column-filtering.ts +++ b/frontend/demo/component/grid/grid-column-filtering.ts @@ -1,13 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-filter-column.js'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-column-freezing.ts b/frontend/demo/component/grid/grid-column-freezing.ts index 2aa875c4ac..8cf601b34a 100644 --- a/frontend/demo/component/grid/grid-column-freezing.ts +++ b/frontend/demo/component/grid/grid-column-freezing.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/grid'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/grid/grid-column-grouping.ts b/frontend/demo/component/grid/grid-column-grouping.ts index d2fe27d5a1..f0518f38f4 100644 --- a/frontend/demo/component/grid/grid-column-grouping.ts +++ b/frontend/demo/component/grid/grid-column-grouping.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-column-group.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-column-header-footer.ts b/frontend/demo/component/grid/grid-column-header-footer.ts index b780898caa..af43ee3b57 100644 --- a/frontend/demo/component/grid/grid-column-header-footer.ts +++ b/frontend/demo/component/grid/grid-column-header-footer.ts @@ -1,17 +1,16 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; +import '@vaadin/horizontal-layout'; +import '@vaadin/icon'; +import '@vaadin/icons'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/grid'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; import { columnBodyRenderer, columnFooterRenderer, columnHeaderRenderer, } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; -import '@vaadin/horizontal-layout'; -import '@vaadin/icon'; -import '@vaadin/icons'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-column-reordering-resizing.ts b/frontend/demo/component/grid/grid-column-reordering-resizing.ts index f7c16b023c..d8af821ecd 100644 --- a/frontend/demo/component/grid/grid-column-reordering-resizing.ts +++ b/frontend/demo/component/grid/grid-column-reordering-resizing.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-column-group.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-column-visibility.ts b/frontend/demo/component/grid/grid-column-visibility.ts index 345da79161..1668177b21 100644 --- a/frontend/demo/component/grid/grid-column-visibility.ts +++ b/frontend/demo/component/grid/grid-column-visibility.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/context-menu'; -import type { ContextMenuItem, ContextMenuItemSelectedEvent } from '@vaadin/context-menu'; import '@vaadin/grid'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { ContextMenuItem, ContextMenuItemSelectedEvent } from '@vaadin/context-menu'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-column-width.ts b/frontend/demo/component/grid/grid-column-width.ts index 04bc2dfc27..5d0c6c55d2 100644 --- a/frontend/demo/component/grid/grid-column-width.ts +++ b/frontend/demo/component/grid/grid-column-width.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-selection-column.js'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/split-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-compact.ts b/frontend/demo/component/grid/grid-compact.ts index 9361c8d34e..f0d265ecfa 100644 --- a/frontend/demo/component/grid/grid-compact.ts +++ b/frontend/demo/component/grid/grid-compact.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-content.ts b/frontend/demo/component/grid/grid-content.ts index 984fb40f42..c85e28b19b 100644 --- a/frontend/demo/component/grid/grid-content.ts +++ b/frontend/demo/component/grid/grid-content.ts @@ -1,15 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/button'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-selection-column.js'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-context-menu.ts b/frontend/demo/component/grid/grid-context-menu.ts index e82b267a81..9622acae22 100644 --- a/frontend/demo/component/grid/grid-context-menu.ts +++ b/frontend/demo/component/grid/grid-context-menu.ts @@ -1,14 +1,13 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/context-menu'; -import { contextMenuRenderer } from '@vaadin/context-menu/lit.js'; -import type { ContextMenuLitRenderer } from '@vaadin/context-menu/lit.js'; import '@vaadin/grid'; -import type { Grid } from '@vaadin/grid'; import '@vaadin/item'; import '@vaadin/list-box'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { ContextMenuLitRenderer } from '@vaadin/context-menu/lit.js'; +import { contextMenuRenderer } from '@vaadin/context-menu/lit.js'; +import type { Grid } from '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-data-provider.ts b/frontend/demo/component/grid/grid-data-provider.ts index c8066cac95..c2ac1c1f98 100644 --- a/frontend/demo/component/grid/grid-data-provider.ts +++ b/frontend/demo/component/grid/grid-data-provider.ts @@ -1,15 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, query, state } from 'lit/decorators.js'; import '@vaadin/text-field'; import '@vaadin/icon'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-sort-column.js'; import '@vaadin/grid/vaadin-grid-filter-column.js'; -import { getPeople } from 'Frontend/demo/domain/DataService'; -import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement, query, state } from 'lit/decorators.js'; import type { Grid, GridDataProviderCallback, @@ -18,6 +14,9 @@ import type { GridSorterDirection, } from '@vaadin/grid'; import type { TextFieldValueChangedEvent } from '@vaadin/text-field'; +import { getPeople } from 'Frontend/demo/domain/DataService'; +import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; function matchesTerm(value: string, searchTerm: string) { return value.toLowerCase().includes(searchTerm.toLowerCase()); diff --git a/frontend/demo/component/grid/grid-drag-drop-filters.ts b/frontend/demo/component/grid/grid-drag-drop-filters.ts index ed8f364a56..0030242dbc 100644 --- a/frontend/demo/component/grid/grid-drag-drop-filters.ts +++ b/frontend/demo/component/grid/grid-drag-drop-filters.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, query, state } from 'lit/decorators.js'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-tree-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, query, state } from 'lit/decorators.js'; import type { Grid, GridDataProviderCallback, diff --git a/frontend/demo/component/grid/grid-drag-rows-between-grids.ts b/frontend/demo/component/grid/grid-drag-rows-between-grids.ts index a57f4fc06a..bd752ca0a7 100644 --- a/frontend/demo/component/grid/grid-drag-rows-between-grids.ts +++ b/frontend/demo/component/grid/grid-drag-rows-between-grids.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; import { css, html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import type { GridDragStartEvent } from '@vaadin/grid'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-dynamic-height.ts b/frontend/demo/component/grid/grid-dynamic-height.ts index 94d380239e..d921622085 100644 --- a/frontend/demo/component/grid/grid-dynamic-height.ts +++ b/frontend/demo/component/grid/grid-dynamic-height.ts @@ -1,16 +1,15 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/combo-box'; -import type { ComboBoxValueChangedEvent } from '@vaadin/combo-box'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { ComboBoxValueChangedEvent } from '@vaadin/combo-box'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-empty-state.ts b/frontend/demo/component/grid/grid-empty-state.ts index e3ce115b73..00c74ece27 100644 --- a/frontend/demo/component/grid/grid-empty-state.ts +++ b/frontend/demo/component/grid/grid-empty-state.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/grid'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('grid-empty-state') diff --git a/frontend/demo/component/grid/grid-external-filtering.ts b/frontend/demo/component/grid/grid-external-filtering.ts index 6eb93c1f7b..0beaca0584 100644 --- a/frontend/demo/component/grid/grid-external-filtering.ts +++ b/frontend/demo/component/grid/grid-external-filtering.ts @@ -1,17 +1,16 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/button'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; -import type { TextFieldValueChangedEvent } from '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; +import type { TextFieldValueChangedEvent } from '@vaadin/text-field'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-header-footer-styling.ts b/frontend/demo/component/grid/grid-header-footer-styling.ts index f5e1c6c7e5..be99adc253 100644 --- a/frontend/demo/component/grid/grid-header-footer-styling.ts +++ b/frontend/demo/component/grid/grid-header-footer-styling.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/grid'; -import { columnBodyRenderer, columnFooterRenderer } from '@vaadin/grid/lit.js'; import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer, columnFooterRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-item-details-toggle.ts b/frontend/demo/component/grid/grid-item-details-toggle.ts index 7adf407b98..6cfb305912 100644 --- a/frontend/demo/component/grid/grid-item-details-toggle.ts +++ b/frontend/demo/component/grid/grid-item-details-toggle.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid'; -import { columnBodyRenderer, gridRowDetailsRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/form-layout'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import { columnBodyRenderer, gridRowDetailsRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-item-details.ts b/frontend/demo/component/grid/grid-item-details.ts index 346cc9d96d..e9e66a71cf 100644 --- a/frontend/demo/component/grid/grid-item-details.ts +++ b/frontend/demo/component/grid/grid-item-details.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid'; -import { gridRowDetailsRenderer } from '@vaadin/grid/lit.js'; -import type { GridActiveItemChangedEvent } from '@vaadin/grid'; import '@vaadin/form-layout'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { GridActiveItemChangedEvent } from '@vaadin/grid'; +import { gridRowDetailsRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-lazy-column-rendering.ts b/frontend/demo/component/grid/grid-lazy-column-rendering.ts index 499da6abd2..a48d8c260f 100644 --- a/frontend/demo/component/grid/grid-lazy-column-rendering.ts +++ b/frontend/demo/component/grid/grid-lazy-column-rendering.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/grid'; +import type { GridBodyRenderer } from '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; -import type { GridBodyRenderer } from '@vaadin/grid'; @customElement('grid-lazy-column-rendering') export class Example extends LitElement { diff --git a/frontend/demo/component/grid/grid-multi-select-mode.ts b/frontend/demo/component/grid/grid-multi-select-mode.ts index cef09af5aa..bf79ab6547 100644 --- a/frontend/demo/component/grid/grid-multi-select-mode.ts +++ b/frontend/demo/component/grid/grid-multi-select-mode.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-selection-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-multisort.ts b/frontend/demo/component/grid/grid-multisort.ts index b7cfda4991..f343fde19f 100644 --- a/frontend/demo/component/grid/grid-multisort.ts +++ b/frontend/demo/component/grid/grid-multisort.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-sort-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-no-border.ts b/frontend/demo/component/grid/grid-no-border.ts index 506b652d46..e478c38dc8 100644 --- a/frontend/demo/component/grid/grid-no-border.ts +++ b/frontend/demo/component/grid/grid-no-border.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-no-row-border.ts b/frontend/demo/component/grid/grid-no-row-border.ts index 52f00108d8..8b15f40f21 100644 --- a/frontend/demo/component/grid/grid-no-row-border.ts +++ b/frontend/demo/component/grid/grid-no-row-border.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-rich-content-sorting.ts b/frontend/demo/component/grid/grid-rich-content-sorting.ts index 0222ee2927..5dcf5b5e3a 100644 --- a/frontend/demo/component/grid/grid-rich-content-sorting.ts +++ b/frontend/demo/component/grid/grid-rich-content-sorting.ts @@ -1,18 +1,17 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-sorter.js'; -import { columnBodyRenderer, columnHeaderRenderer } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; +import { differenceInYears, format, parseISO } from 'date-fns'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer, columnHeaderRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; -import { differenceInYears, format, parseISO } from 'date-fns'; @customElement('grid-rich-content-sorting') export class Example extends LitElement { diff --git a/frontend/demo/component/grid/grid-row-reordering.ts b/frontend/demo/component/grid/grid-row-reordering.ts index 3836b05a6c..9f7998e25a 100644 --- a/frontend/demo/component/grid/grid-row-reordering.ts +++ b/frontend/demo/component/grid/grid-row-reordering.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { GridDragStartEvent, GridDropEvent } from '@vaadin/grid'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-row-stripes.ts b/frontend/demo/component/grid/grid-row-stripes.ts index 975a739c16..2626e9a076 100644 --- a/frontend/demo/component/grid/grid-row-stripes.ts +++ b/frontend/demo/component/grid/grid-row-stripes.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-single-selection-mode.ts b/frontend/demo/component/grid/grid-single-selection-mode.ts index 25aa8e7258..397d91828a 100644 --- a/frontend/demo/component/grid/grid-single-selection-mode.ts +++ b/frontend/demo/component/grid/grid-single-selection-mode.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/grid'; import type { GridActiveItemChangedEvent } from '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/grid/grid-sorting.ts b/frontend/demo/component/grid/grid-sorting.ts index 9cdb3e6bc5..cbc85fc6ee 100644 --- a/frontend/demo/component/grid/grid-sorting.ts +++ b/frontend/demo/component/grid/grid-sorting.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-sort-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-styling.ts b/frontend/demo/component/grid/grid-styling.ts index 3c45721ef5..88cf502049 100644 --- a/frontend/demo/component/grid/grid-styling.ts +++ b/frontend/demo/component/grid/grid-styling.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; import type { GridItemModel } from '@vaadin/grid'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import type { GridColumn } from '@vaadin/grid/vaadin-grid-column.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/grid/grid-tooltip-generator.ts b/frontend/demo/component/grid/grid-tooltip-generator.ts index 1233a5200e..716fe4a3a0 100644 --- a/frontend/demo/component/grid/grid-tooltip-generator.ts +++ b/frontend/demo/component/grid/grid-tooltip-generator.ts @@ -1,15 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid'; -import type { GridEventContext } from '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; import { differenceInYears, parseISO } from 'date-fns'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { GridEventContext } from '@vaadin/grid'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-wrap-cell-content.ts b/frontend/demo/component/grid/grid-wrap-cell-content.ts index 007bf0d82b..5be7f5d1af 100644 --- a/frontend/demo/component/grid/grid-wrap-cell-content.ts +++ b/frontend/demo/component/grid/grid-wrap-cell-content.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/grid'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/gridpro/grid-pro-basic.ts b/frontend/demo/component/gridpro/grid-pro-basic.ts index 3885f3be6e..9f8d662c2d 100644 --- a/frontend/demo/component/gridpro/grid-pro-basic.ts +++ b/frontend/demo/component/gridpro/grid-pro-basic.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid-pro'; import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/gridpro/grid-pro-cell-editability.ts b/frontend/demo/component/gridpro/grid-pro-cell-editability.ts index 499ecb3c53..b27b7d0e41 100644 --- a/frontend/demo/component/gridpro/grid-pro-cell-editability.ts +++ b/frontend/demo/component/gridpro/grid-pro-cell-editability.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid-pro'; import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { GridItemModel } from '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/gridpro/grid-pro-edit-column.ts b/frontend/demo/component/gridpro/grid-pro-edit-column.ts index 6e22d8f589..cbb5fcea70 100644 --- a/frontend/demo/component/gridpro/grid-pro-edit-column.ts +++ b/frontend/demo/component/gridpro/grid-pro-edit-column.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid/vaadin-grid-column.js'; import '@vaadin/grid-pro'; import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/gridpro/grid-pro-editors.ts b/frontend/demo/component/gridpro/grid-pro-editors.ts index ba9cfe62c2..81d1a71d84 100644 --- a/frontend/demo/component/gridpro/grid-pro-editors.ts +++ b/frontend/demo/component/gridpro/grid-pro-editors.ts @@ -1,16 +1,15 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/date-picker'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/grid-pro'; import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js'; +import { format, parseISO } from 'date-fns'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; import { columnEditModeRenderer } from '@vaadin/grid-pro/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; -import { format, parseISO } from 'date-fns'; @customElement('grid-pro-editors') export class Example extends LitElement { diff --git a/frontend/demo/component/gridpro/grid-pro-enter-next-row.ts b/frontend/demo/component/gridpro/grid-pro-enter-next-row.ts index 1edbd7f195..b29d9b7c3c 100644 --- a/frontend/demo/component/gridpro/grid-pro-enter-next-row.ts +++ b/frontend/demo/component/gridpro/grid-pro-enter-next-row.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid-pro'; import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/gridpro/grid-pro-highlight-editable-cells.ts b/frontend/demo/component/gridpro/grid-pro-highlight-editable-cells.ts index f53a919e06..da5012950f 100644 --- a/frontend/demo/component/gridpro/grid-pro-highlight-editable-cells.ts +++ b/frontend/demo/component/gridpro/grid-pro-highlight-editable-cells.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid/vaadin-grid-column.js'; import '@vaadin/grid-pro'; import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/gridpro/grid-pro-highlight-read-only-cells.ts b/frontend/demo/component/gridpro/grid-pro-highlight-read-only-cells.ts index a1f23ba9df..2a0b6ea1e6 100644 --- a/frontend/demo/component/gridpro/grid-pro-highlight-read-only-cells.ts +++ b/frontend/demo/component/gridpro/grid-pro-highlight-read-only-cells.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid/vaadin-grid-column.js'; import '@vaadin/grid-pro'; import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/gridpro/grid-pro-prevent-save.ts b/frontend/demo/component/gridpro/grid-pro-prevent-save.ts index 9a67623da7..684b324eb8 100644 --- a/frontend/demo/component/gridpro/grid-pro-prevent-save.ts +++ b/frontend/demo/component/gridpro/grid-pro-prevent-save.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid-pro'; import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { Notification } from '@vaadin/notification'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/gridpro/grid-pro-single-cell-edit.ts b/frontend/demo/component/gridpro/grid-pro-single-cell-edit.ts index 32d54bd92d..d7d58a1758 100644 --- a/frontend/demo/component/gridpro/grid-pro-single-cell-edit.ts +++ b/frontend/demo/component/gridpro/grid-pro-single-cell-edit.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid-pro'; import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/gridpro/grid-pro-single-click.ts b/frontend/demo/component/gridpro/grid-pro-single-click.ts index 916a1e9a63..924cc6fa38 100644 --- a/frontend/demo/component/gridpro/grid-pro-single-click.ts +++ b/frontend/demo/component/gridpro/grid-pro-single-click.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/grid-pro'; import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; From 16887ee3eb6cab6c310e8851857e7b46f497c2f7 Mon Sep 17 00:00:00 2001 From: Sergey Vinogradov Date: Mon, 23 Sep 2024 17:53:17 +0400 Subject: [PATCH 4/8] refactor: sort imports in JS/TS examples (3) (#3707) Co-authored-by: Serhii Kulykov --- frontend/demo/component/icons/icon-basic.ts | 7 +++---- frontend/demo/component/icons/icon-fonts.ts | 5 ++--- frontend/demo/component/icons/icons-accessibility.ts | 7 +++---- frontend/demo/component/icons/icons-color.ts | 5 ++--- frontend/demo/component/icons/icons-padding.ts | 5 ++--- frontend/demo/component/icons/icons-sizing.ts | 5 ++--- frontend/demo/component/icons/iconset-generator.ts | 2 +- frontend/demo/component/icons/lumo-icons.ts | 7 +++---- frontend/demo/component/icons/svg-sprites.ts | 5 ++--- frontend/demo/component/icons/svg-standalone.ts | 3 +-- frontend/demo/component/icons/vaadin-icons.ts | 7 +++---- frontend/demo/component/listbox/list-box-basic.ts | 4 ++-- .../listbox/list-box-custom-item-presentation.ts | 6 +++--- .../demo/component/listbox/list-box-disabled-items.ts | 4 ++-- .../demo/component/listbox/list-box-multi-selection.ts | 6 +++--- frontend/demo/component/listbox/list-box-separators.ts | 4 ++-- .../demo/component/listbox/list-box-single-selection.ts | 4 ++-- .../demo/component/login/login-additional-information.ts | 2 +- frontend/demo/component/login/login-basic.ts | 2 +- .../demo/component/login/login-internationalization.ts | 2 +- frontend/demo/component/login/login-overlay-basic.ts | 4 ++-- .../component/login/login-overlay-custom-form-area.ts | 4 ++-- frontend/demo/component/login/login-overlay-footer.ts | 2 +- frontend/demo/component/login/login-overlay-header.ts | 2 +- .../login/login-overlay-internationalization.ts | 2 +- frontend/demo/component/login/login-overlay-mockup.ts | 4 ++-- frontend/demo/component/login/login-rich-content.ts | 4 ++-- frontend/demo/component/login/login-validation.ts | 2 +- .../demo/component/login/react/login-overlay-mockup.ts | 4 ++-- frontend/demo/component/menubar/menu-bar-basic.ts | 3 +-- frontend/demo/component/menubar/menu-bar-checkable.ts | 3 +-- .../demo/component/menubar/menu-bar-combo-buttons.ts | 5 ++--- .../demo/component/menubar/menu-bar-custom-styling.ts | 3 +-- frontend/demo/component/menubar/menu-bar-disabled.ts | 3 +-- frontend/demo/component/menubar/menu-bar-dividers.ts | 3 +-- .../component/menubar/menu-bar-drop-down-indicators.ts | 3 +-- frontend/demo/component/menubar/menu-bar-drop-down.ts | 3 +-- frontend/demo/component/menubar/menu-bar-icon-only.ts | 5 ++--- frontend/demo/component/menubar/menu-bar-icons.ts | 5 ++--- .../component/menubar/menu-bar-internationalization.ts | 5 ++--- .../demo/component/menubar/menu-bar-open-on-hover.ts | 3 +-- frontend/demo/component/menubar/menu-bar-overflow.ts | 5 ++--- .../demo/component/menubar/menu-bar-right-aligned.ts | 3 +-- frontend/demo/component/menubar/menu-bar-styles.ts | 3 +-- frontend/demo/component/menubar/menu-bar-tooltip.ts | 5 ++--- frontend/demo/component/messages/message-basic.ts | 7 +++---- .../demo/component/messages/message-input-component.ts | 3 +-- .../demo/component/messages/message-list-component.ts | 7 +++---- .../messages/message-list-with-theme-component.ts | 7 +++---- .../multi-select-combo-box-auto-expand.ts | 3 +-- .../multi-select-combo-box-basic.ts | 3 +-- .../multi-select-combo-box-i18n.ts | 3 +-- .../multi-select-combo-box-item-class-name.ts | 3 +-- .../multi-select-combo-box-read-only.ts | 3 +-- .../multi-select-combo-box-selected-items-on-top.ts | 3 +-- .../multi-select-combo-box-selection-change.ts | 7 +++---- .../multi-select-combo-box-selection.ts | 3 +-- .../notification/notification-content-length-do.ts | 2 +- .../notification/notification-content-length-dont.ts | 2 +- .../demo/component/notification/notification-contrast.ts | 2 +- .../demo/component/notification/notification-error.ts | 8 ++++---- .../component/notification/notification-keyboard-a11y.ts | 6 +++--- .../demo/component/notification/notification-link.ts | 8 ++++---- .../demo/component/notification/notification-popup.ts | 9 ++++----- .../demo/component/notification/notification-position.ts | 4 ++-- .../demo/component/notification/notification-primary.ts | 2 +- .../demo/component/notification/notification-retry.ts | 8 ++++---- .../component/notification/notification-rich-preview.ts | 4 ++-- .../demo/component/notification/notification-rich.ts | 8 ++++---- .../component/notification/notification-static-helper.ts | 2 +- .../demo/component/notification/notification-undo.ts | 8 ++++---- .../demo/component/notification/notification-warning.ts | 8 ++++---- .../component/numberfield/number-field-basic-features.ts | 5 ++--- .../demo/component/numberfield/number-field-basic.ts | 5 ++--- .../demo/component/numberfield/number-field-integer.ts | 5 ++--- .../numberfield/number-field-readonly-and-disabled.ts | 5 ++--- .../component/numberfield/number-field-step-buttons.ts | 5 ++--- frontend/demo/component/numberfield/number-field-step.ts | 3 +-- .../demo/component/numberfield/number-field-styles.ts | 3 +-- .../component/numberfield/number-field-validation.ts | 3 +-- .../passwordfield/password-field-advanced-helper.ts | 5 ++--- .../passwordfield/password-field-basic-features.ts | 5 ++--- .../demo/component/passwordfield/password-field-basic.ts | 3 +-- .../component/passwordfield/password-field-helper.ts | 3 +-- .../password-field-readonly-and-disabled.ts | 5 ++--- .../passwordfield/password-field-reveal-button-hidden.ts | 3 +-- .../component/passwordfield/password-field-styles.ts | 3 +-- .../component/passwordfield/password-field-validation.ts | 3 +-- .../demo/component/popover/popover-anchored-dialog.ts | 5 ++--- frontend/demo/component/popover/popover-arrow.ts | 5 ++--- .../demo/component/popover/popover-dropdown-field.ts | 9 ++++----- .../component/popover/popover-interactive-tooltip.ts | 5 ++--- frontend/demo/component/popover/popover-modal.ts | 5 ++--- .../demo/component/popover/popover-notification-panel.ts | 9 ++++----- frontend/demo/component/popover/popover-positioning.ts | 5 ++--- frontend/demo/component/popover/popover-user-menu.ts | 7 +++---- .../demo/component/progressbar/progress-bar-basic.ts | 3 +-- .../progressbar/progress-bar-completion-time.ts | 3 +-- .../component/progressbar/progress-bar-custom-range.ts | 3 +-- .../component/progressbar/progress-bar-determinate.ts | 3 +-- .../component/progressbar/progress-bar-indeterminate.ts | 3 +-- .../demo/component/progressbar/progress-bar-label.ts | 5 ++--- .../component/progressbar/progress-bar-theme-variants.ts | 5 ++--- .../demo/component/radiobutton/radio-button-basic.ts | 3 +-- .../radiobutton/radio-button-checkbox-alternative.ts | 5 ++--- .../component/radiobutton/radio-button-custom-option.ts | 5 ++--- .../component/radiobutton/radio-button-default-value.ts | 3 +-- .../demo/component/radiobutton/radio-button-disabled.ts | 3 +-- .../radiobutton/radio-button-group-basic-features.ts | 5 ++--- .../component/radiobutton/radio-button-group-labels.ts | 5 ++--- .../component/radiobutton/radio-button-group-styles.ts | 3 +-- .../component/radiobutton/radio-button-horizontal.ts | 3 +-- .../component/radiobutton/radio-button-presentation.ts | 5 ++--- .../demo/component/radiobutton/radio-button-readonly.ts | 3 +-- .../demo/component/radiobutton/radio-button-vertical.ts | 3 +-- .../component/richtexteditor/rich-text-editor-basic.ts | 6 ++---- .../richtexteditor/rich-text-editor-min-max-height.ts | 6 ++---- .../richtexteditor/rich-text-editor-readonly.ts | 6 ++---- .../richtexteditor/rich-text-editor-set-get-value.ts | 5 ++--- .../richtexteditor/rich-text-editor-theme-compact.ts | 6 ++---- .../richtexteditor/rich-text-editor-theme-no-border.ts | 6 ++---- 121 files changed, 220 insertions(+), 313 deletions(-) diff --git a/frontend/demo/component/icons/icon-basic.ts b/frontend/demo/component/icons/icon-basic.ts index 88fd997487..31a6557033 100644 --- a/frontend/demo/component/icons/icon-basic.ts +++ b/frontend/demo/component/icons/icon-basic.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js'; import '@vaadin/icons'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('icon-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/icons/icon-fonts.ts b/frontend/demo/component/icons/icon-fonts.ts index 204fc55ed5..5d2286a8d0 100644 --- a/frontend/demo/component/icons/icon-fonts.ts +++ b/frontend/demo/component/icons/icon-fonts.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/horizontal-layout'; +import '@vaadin/icon'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/horizontal-layout'; -import '@vaadin/icon'; @customElement('icon-fonts') export class Example extends LitElement { diff --git a/frontend/demo/component/icons/icons-accessibility.ts b/frontend/demo/component/icons/icons-accessibility.ts index c9bd62f38f..b32340b2b4 100644 --- a/frontend/demo/component/icons/icons-accessibility.ts +++ b/frontend/demo/component/icons/icons-accessibility.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/button'; import '@vaadin/icon'; import '@vaadin/icons'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('icons-accessibility') export class Example extends LitElement { diff --git a/frontend/demo/component/icons/icons-color.ts b/frontend/demo/component/icons/icons-color.ts index 76d5e4add1..36927a1e12 100644 --- a/frontend/demo/component/icons/icons-color.ts +++ b/frontend/demo/component/icons/icons-color.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/horizontal-layout'; +import '@vaadin/icon'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/icon'; -import '@vaadin/horizontal-layout'; import codeBranch from '../../../../src/main/resources/icons/code-branch.svg'; @customElement('icons-color') diff --git a/frontend/demo/component/icons/icons-padding.ts b/frontend/demo/component/icons/icons-padding.ts index 44f437d79b..11dd64c2a0 100644 --- a/frontend/demo/component/icons/icons-padding.ts +++ b/frontend/demo/component/icons/icons-padding.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/horizontal-layout'; +import '@vaadin/icon'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/icon'; -import '@vaadin/horizontal-layout'; import codeBranch from '../../../../src/main/resources/icons/code-branch.svg'; @customElement('icons-padding') diff --git a/frontend/demo/component/icons/icons-sizing.ts b/frontend/demo/component/icons/icons-sizing.ts index 1682eabce3..f721786997 100644 --- a/frontend/demo/component/icons/icons-sizing.ts +++ b/frontend/demo/component/icons/icons-sizing.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/horizontal-layout'; +import '@vaadin/icon'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/icon'; -import '@vaadin/horizontal-layout'; import codeBranch from '../../../../src/main/resources/icons/code-branch.svg'; @customElement('icons-sizing') diff --git a/frontend/demo/component/icons/iconset-generator.ts b/frontend/demo/component/icons/iconset-generator.ts index 6cd5de5efd..83ba468db7 100644 --- a/frontend/demo/component/icons/iconset-generator.ts +++ b/frontend/demo/component/icons/iconset-generator.ts @@ -1,5 +1,5 @@ -import { css, html, LitElement, render } from 'lit'; import type { TemplateResult } from 'lit'; +import { css, html, LitElement, render } from 'lit'; import { customElement, query } from 'lit/decorators.js'; import { convertToEnumName, generateVaadinIconset } from './iconset-helpers'; diff --git a/frontend/demo/component/icons/lumo-icons.ts b/frontend/demo/component/icons/lumo-icons.ts index f09fa6cd00..68b4a94b40 100644 --- a/frontend/demo/component/icons/lumo-icons.ts +++ b/frontend/demo/component/icons/lumo-icons.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('lumo-icons') export class Example extends LitElement { diff --git a/frontend/demo/component/icons/svg-sprites.ts b/frontend/demo/component/icons/svg-sprites.ts index d7e38c6a4c..fd39df50c6 100644 --- a/frontend/demo/component/icons/svg-sprites.ts +++ b/frontend/demo/component/icons/svg-sprites.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/horizontal-layout'; +import '@vaadin/icon'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/horizontal-layout'; -import '@vaadin/icon'; import solidSprite from '../../../../src/main/resources/icons/solid.svg'; @customElement('svg-sprites') diff --git a/frontend/demo/component/icons/svg-standalone.ts b/frontend/demo/component/icons/svg-standalone.ts index d05d6c53d0..196fcb13d1 100644 --- a/frontend/demo/component/icons/svg-standalone.ts +++ b/frontend/demo/component/icons/svg-standalone.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/icon'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/icon'; import codeBranchIcon from '../../../../src/main/resources/icons/code-branch.svg'; @customElement('svg-standalone') diff --git a/frontend/demo/component/icons/vaadin-icons.ts b/frontend/demo/component/icons/vaadin-icons.ts index 7e3e23cc6f..e9a14f6293 100644 --- a/frontend/demo/component/icons/vaadin-icons.ts +++ b/frontend/demo/component/icons/vaadin-icons.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('vaadin-icons') export class Example extends LitElement { diff --git a/frontend/demo/component/listbox/list-box-basic.ts b/frontend/demo/component/listbox/list-box-basic.ts index 309ee7fedd..946195c049 100644 --- a/frontend/demo/component/listbox/list-box-basic.ts +++ b/frontend/demo/component/listbox/list-box-basic.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/item'; import '@vaadin/list-box'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('list-box-basic') diff --git a/frontend/demo/component/listbox/list-box-custom-item-presentation.ts b/frontend/demo/component/listbox/list-box-custom-item-presentation.ts index 57d5929d18..81fefc57d6 100644 --- a/frontend/demo/component/listbox/list-box-custom-item-presentation.ts +++ b/frontend/demo/component/listbox/list-box-custom-item-presentation.ts @@ -1,15 +1,15 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/item'; import '@vaadin/list-box'; import '@vaadin/horizontal-layout'; import '@vaadin/vaadin-lumo-styles/typography'; import '@vaadin/vertical-layout'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('list-box-custom-item-presentation') export class Example extends LitElement { diff --git a/frontend/demo/component/listbox/list-box-disabled-items.ts b/frontend/demo/component/listbox/list-box-disabled-items.ts index 96cbb439f8..d2933bb5d1 100644 --- a/frontend/demo/component/listbox/list-box-disabled-items.ts +++ b/frontend/demo/component/listbox/list-box-disabled-items.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/item'; import '@vaadin/list-box'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('list-box-disabled-items') diff --git a/frontend/demo/component/listbox/list-box-multi-selection.ts b/frontend/demo/component/listbox/list-box-multi-selection.ts index d6c93a7490..e3a158cd67 100644 --- a/frontend/demo/component/listbox/list-box-multi-selection.ts +++ b/frontend/demo/component/listbox/list-box-multi-selection.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/item'; import '@vaadin/list-box'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('list-box-multi-selection') export class Example extends LitElement { diff --git a/frontend/demo/component/listbox/list-box-separators.ts b/frontend/demo/component/listbox/list-box-separators.ts index 3054e7458a..12aa543aa2 100644 --- a/frontend/demo/component/listbox/list-box-separators.ts +++ b/frontend/demo/component/listbox/list-box-separators.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/item'; import '@vaadin/list-box'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('list-box-separators') diff --git a/frontend/demo/component/listbox/list-box-single-selection.ts b/frontend/demo/component/listbox/list-box-single-selection.ts index 52b1729e39..c5b10fa0e4 100644 --- a/frontend/demo/component/listbox/list-box-single-selection.ts +++ b/frontend/demo/component/listbox/list-box-single-selection.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/item'; import '@vaadin/list-box'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('list-box-single-selection') diff --git a/frontend/demo/component/login/login-additional-information.ts b/frontend/demo/component/login/login-additional-information.ts index 109a2db1b4..a643d8d62a 100644 --- a/frontend/demo/component/login/login-additional-information.ts +++ b/frontend/demo/component/login/login-additional-information.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/login'; import { html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; -import '@vaadin/login'; import type { LoginOverlay } from '@vaadin/login'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/login/login-basic.ts b/frontend/demo/component/login/login-basic.ts index 9b3c4c7018..10c493cc8a 100644 --- a/frontend/demo/component/login/login-basic.ts +++ b/frontend/demo/component/login/login-basic.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/login/vaadin-login-form.js'; import { css, html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/login/vaadin-login-form.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('login-basic') diff --git a/frontend/demo/component/login/login-internationalization.ts b/frontend/demo/component/login/login-internationalization.ts index b00eb2a0b2..86414f311e 100644 --- a/frontend/demo/component/login/login-internationalization.ts +++ b/frontend/demo/component/login/login-internationalization.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/login/vaadin-login-form.js'; import { css, html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/login/vaadin-login-form.js'; import type { LoginI18n } from '@vaadin/login'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/login/login-overlay-basic.ts b/frontend/demo/component/login/login-overlay-basic.ts index d48d683d18..e4c78a5f43 100644 --- a/frontend/demo/component/login/login-overlay-basic.ts +++ b/frontend/demo/component/login/login-overlay-basic.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/login'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('login-overlay-basic') diff --git a/frontend/demo/component/login/login-overlay-custom-form-area.ts b/frontend/demo/component/login/login-overlay-custom-form-area.ts index 424b72c4db..9ede69bc2f 100644 --- a/frontend/demo/component/login/login-overlay-custom-form-area.ts +++ b/frontend/demo/component/login/login-overlay-custom-form-area.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/integer-field'; import '@vaadin/login'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('login-overlay-custom-form-area') diff --git a/frontend/demo/component/login/login-overlay-footer.ts b/frontend/demo/component/login/login-overlay-footer.ts index 3ae941478c..b22987e14f 100644 --- a/frontend/demo/component/login/login-overlay-footer.ts +++ b/frontend/demo/component/login/login-overlay-footer.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/login'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/login'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('login-overlay-footer') diff --git a/frontend/demo/component/login/login-overlay-header.ts b/frontend/demo/component/login/login-overlay-header.ts index a315a07a7d..ad495ab695 100644 --- a/frontend/demo/component/login/login-overlay-header.ts +++ b/frontend/demo/component/login/login-overlay-header.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/login'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/login'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('login-overlay-header') diff --git a/frontend/demo/component/login/login-overlay-internationalization.ts b/frontend/demo/component/login/login-overlay-internationalization.ts index 6493fbb197..11028c8336 100644 --- a/frontend/demo/component/login/login-overlay-internationalization.ts +++ b/frontend/demo/component/login/login-overlay-internationalization.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/login'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/login'; import type { LoginI18n } from '@vaadin/login'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/login/login-overlay-mockup.ts b/frontend/demo/component/login/login-overlay-mockup.ts index c6a7ab4a26..99f3c73af9 100644 --- a/frontend/demo/component/login/login-overlay-mockup.ts +++ b/frontend/demo/component/login/login-overlay-mockup.ts @@ -1,8 +1,8 @@ +import '@vaadin/login/vaadin-login-form.js'; import { css, html, LitElement, unsafeCSS } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/login/vaadin-login-form.js'; import type { LoginI18n } from '@vaadin/login'; +import { applyTheme } from 'Frontend/generated/theme'; import img from '../../../../src/main/resources/images/starry-sky.png'; @customElement('login-overlay-mockup') diff --git a/frontend/demo/component/login/login-rich-content.ts b/frontend/demo/component/login/login-rich-content.ts index 17ab265422..f6f2d5dacd 100644 --- a/frontend/demo/component/login/login-rich-content.ts +++ b/frontend/demo/component/login/login-rich-content.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/login/vaadin-login-form.js'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('login-rich-content') diff --git a/frontend/demo/component/login/login-validation.ts b/frontend/demo/component/login/login-validation.ts index 84fb4c6ef9..2674feb37c 100644 --- a/frontend/demo/component/login/login-validation.ts +++ b/frontend/demo/component/login/login-validation.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/login'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/login'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('login-validation') diff --git a/frontend/demo/component/login/react/login-overlay-mockup.ts b/frontend/demo/component/login/react/login-overlay-mockup.ts index 4cd4263117..e13977c1b3 100644 --- a/frontend/demo/component/login/react/login-overlay-mockup.ts +++ b/frontend/demo/component/login/react/login-overlay-mockup.ts @@ -1,8 +1,8 @@ +import '@vaadin/login/vaadin-login-form.js'; import { css, html, LitElement, unsafeCSS } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { applyTheme } from 'Frontend/generated/theme'; -import '@vaadin/login/vaadin-login-form.js'; import type { LoginI18n } from '@vaadin/login'; +import { applyTheme } from 'Frontend/generated/theme'; import img from '../../../../../src/main/resources/images/starry-sky.png'; @customElement('login-overlay-mockup') diff --git a/frontend/demo/component/menubar/menu-bar-basic.ts b/frontend/demo/component/menubar/menu-bar-basic.ts index 09c420aba1..80135b0b05 100644 --- a/frontend/demo/component/menubar/menu-bar-basic.ts +++ b/frontend/demo/component/menubar/menu-bar-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import type { MenuBarItem, MenuBarItemSelectedEvent } from '@vaadin/menu-bar'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/menubar/menu-bar-checkable.ts b/frontend/demo/component/menubar/menu-bar-checkable.ts index db05c4618a..1f993150d6 100644 --- a/frontend/demo/component/menubar/menu-bar-checkable.ts +++ b/frontend/demo/component/menubar/menu-bar-checkable.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import type { MenuBarItemSelectedEvent, SubMenuItem } from '@vaadin/menu-bar'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/menubar/menu-bar-combo-buttons.ts b/frontend/demo/component/menubar/menu-bar-combo-buttons.ts index f7318e42b8..0ffa191ea4 100644 --- a/frontend/demo/component/menubar/menu-bar-combo-buttons.ts +++ b/frontend/demo/component/menubar/menu-bar-combo-buttons.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/menu-bar'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-combo-buttons') diff --git a/frontend/demo/component/menubar/menu-bar-custom-styling.ts b/frontend/demo/component/menubar/menu-bar-custom-styling.ts index bf52a0713a..f035868631 100644 --- a/frontend/demo/component/menubar/menu-bar-custom-styling.ts +++ b/frontend/demo/component/menubar/menu-bar-custom-styling.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-custom-styling') diff --git a/frontend/demo/component/menubar/menu-bar-disabled.ts b/frontend/demo/component/menubar/menu-bar-disabled.ts index 6f299a1721..e38839c0a6 100644 --- a/frontend/demo/component/menubar/menu-bar-disabled.ts +++ b/frontend/demo/component/menubar/menu-bar-disabled.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-disabled') diff --git a/frontend/demo/component/menubar/menu-bar-dividers.ts b/frontend/demo/component/menubar/menu-bar-dividers.ts index b87158dd57..178e0ddbda 100644 --- a/frontend/demo/component/menubar/menu-bar-dividers.ts +++ b/frontend/demo/component/menubar/menu-bar-dividers.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-dividers') diff --git a/frontend/demo/component/menubar/menu-bar-drop-down-indicators.ts b/frontend/demo/component/menubar/menu-bar-drop-down-indicators.ts index 197b49b11b..2a7fbd9cec 100644 --- a/frontend/demo/component/menubar/menu-bar-drop-down-indicators.ts +++ b/frontend/demo/component/menubar/menu-bar-drop-down-indicators.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-drop-down-indicators') diff --git a/frontend/demo/component/menubar/menu-bar-drop-down.ts b/frontend/demo/component/menubar/menu-bar-drop-down.ts index 56329f3d79..ce6d82ae35 100644 --- a/frontend/demo/component/menubar/menu-bar-drop-down.ts +++ b/frontend/demo/component/menubar/menu-bar-drop-down.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-drop-down') diff --git a/frontend/demo/component/menubar/menu-bar-icon-only.ts b/frontend/demo/component/menubar/menu-bar-icon-only.ts index 20a22caf44..765e1a321d 100644 --- a/frontend/demo/component/menubar/menu-bar-icon-only.ts +++ b/frontend/demo/component/menubar/menu-bar-icon-only.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/menu-bar'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-icon-only') diff --git a/frontend/demo/component/menubar/menu-bar-icons.ts b/frontend/demo/component/menubar/menu-bar-icons.ts index 4200abb254..85fdec7978 100644 --- a/frontend/demo/component/menubar/menu-bar-icons.ts +++ b/frontend/demo/component/menubar/menu-bar-icons.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/menu-bar'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-icons') diff --git a/frontend/demo/component/menubar/menu-bar-internationalization.ts b/frontend/demo/component/menubar/menu-bar-internationalization.ts index 6c56b8bfb5..b9bf3ea202 100644 --- a/frontend/demo/component/menubar/menu-bar-internationalization.ts +++ b/frontend/demo/component/menubar/menu-bar-internationalization.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; +import '@vaadin/split-layout'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import type { MenuBarI18n } from '@vaadin/menu-bar'; -import '@vaadin/split-layout'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-internationalization') diff --git a/frontend/demo/component/menubar/menu-bar-open-on-hover.ts b/frontend/demo/component/menubar/menu-bar-open-on-hover.ts index 29e101e71b..2a7355a8d6 100644 --- a/frontend/demo/component/menubar/menu-bar-open-on-hover.ts +++ b/frontend/demo/component/menubar/menu-bar-open-on-hover.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-open-on-hover') diff --git a/frontend/demo/component/menubar/menu-bar-overflow.ts b/frontend/demo/component/menubar/menu-bar-overflow.ts index 0aa4170921..c205bd59c8 100644 --- a/frontend/demo/component/menubar/menu-bar-overflow.ts +++ b/frontend/demo/component/menubar/menu-bar-overflow.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/menu-bar'; import '@vaadin/split-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-overflow') diff --git a/frontend/demo/component/menubar/menu-bar-right-aligned.ts b/frontend/demo/component/menubar/menu-bar-right-aligned.ts index bcd0b35dbc..eb9a7953b8 100644 --- a/frontend/demo/component/menubar/menu-bar-right-aligned.ts +++ b/frontend/demo/component/menubar/menu-bar-right-aligned.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-right-aligned') diff --git a/frontend/demo/component/menubar/menu-bar-styles.ts b/frontend/demo/component/menubar/menu-bar-styles.ts index 4a6ad11671..bcf8638746 100644 --- a/frontend/demo/component/menubar/menu-bar-styles.ts +++ b/frontend/demo/component/menubar/menu-bar-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/menu-bar'; import { css, html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/menu-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-styles') diff --git a/frontend/demo/component/menubar/menu-bar-tooltip.ts b/frontend/demo/component/menubar/menu-bar-tooltip.ts index 50edae62a4..db20a6a5f3 100644 --- a/frontend/demo/component/menubar/menu-bar-tooltip.ts +++ b/frontend/demo/component/menubar/menu-bar-tooltip.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/menu-bar'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('menu-bar-tooltip') diff --git a/frontend/demo/component/messages/message-basic.ts b/frontend/demo/component/messages/message-basic.ts index 3bee179ab0..bde3eaab30 100644 --- a/frontend/demo/component/messages/message-basic.ts +++ b/frontend/demo/component/messages/message-basic.ts @@ -1,13 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/message-input'; import '@vaadin/message-list'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { MessageInputSubmitEvent } from '@vaadin/message-input'; import type { MessageListItem } from '@vaadin/message-list'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('message-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/messages/message-input-component.ts b/frontend/demo/component/messages/message-input-component.ts index 861483dd4d..82ce2f16c5 100644 --- a/frontend/demo/component/messages/message-input-component.ts +++ b/frontend/demo/component/messages/message-input-component.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/message-input'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/message-input'; import type { MessageInputSubmitEvent } from '@vaadin/message-input'; import { Notification } from '@vaadin/notification'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/messages/message-list-component.ts b/frontend/demo/component/messages/message-list-component.ts index 9cd1f1ae7a..93fe7e0dfb 100644 --- a/frontend/demo/component/messages/message-list-component.ts +++ b/frontend/demo/component/messages/message-list-component.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/message-list'; +import { format, subDays, subMinutes } from 'date-fns'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/message-list'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; -import { format, subDays, subMinutes } from 'date-fns'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('message-list-component') export class Example extends LitElement { diff --git a/frontend/demo/component/messages/message-list-with-theme-component.ts b/frontend/demo/component/messages/message-list-with-theme-component.ts index c5c86eacea..ebc735b023 100644 --- a/frontend/demo/component/messages/message-list-with-theme-component.ts +++ b/frontend/demo/component/messages/message-list-with-theme-component.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/message-list'; +import { format, subDays, subMinutes } from 'date-fns'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/message-list'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; -import { format, subDays, subMinutes } from 'date-fns'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('message-list-component-with-theme') export class Example extends LitElement { diff --git a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-auto-expand.ts b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-auto-expand.ts index b1e9a4aacb..1fd5dfb8ac 100644 --- a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-auto-expand.ts +++ b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-auto-expand.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/multi-select-combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/multi-select-combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-basic.ts b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-basic.ts index 108fb55818..c139eef8e8 100644 --- a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-basic.ts +++ b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/multi-select-combo-box'; import { css, html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/multi-select-combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-i18n.ts b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-i18n.ts index 2d8e089049..9a7c0f21c5 100644 --- a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-i18n.ts +++ b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-i18n.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/multi-select-combo-box'; import { css, html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/multi-select-combo-box'; import type { MultiSelectComboBoxI18n } from '@vaadin/multi-select-combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; diff --git a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-item-class-name.ts b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-item-class-name.ts index ac3d43347a..3319c9dcd1 100644 --- a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-item-class-name.ts +++ b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-item-class-name.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/multi-select-combo-box'; import { css, html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/multi-select-combo-box'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('multi-select-combo-box-item-class-name') diff --git a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-read-only.ts b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-read-only.ts index fdd07dad71..9b1aa947ce 100644 --- a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-read-only.ts +++ b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-read-only.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/multi-select-combo-box'; import { css, html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/multi-select-combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selected-items-on-top.ts b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selected-items-on-top.ts index 145217e3d3..16e221bcae 100644 --- a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selected-items-on-top.ts +++ b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selected-items-on-top.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/multi-select-combo-box'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/multi-select-combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selection-change.ts b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selection-change.ts index 34eb307a80..3600c2720f 100644 --- a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selection-change.ts +++ b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selection-change.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/multi-select-combo-box'; -import type { MultiSelectComboBoxSelectedItemsChangedEvent } from '@vaadin/multi-select-combo-box'; import '@vaadin/text-area'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { MultiSelectComboBoxSelectedItemsChangedEvent } from '@vaadin/multi-select-combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selection.ts b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selection.ts index 1506d03774..b144a46130 100644 --- a/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selection.ts +++ b/frontend/demo/component/multi-select-combo-box/multi-select-combo-box-selection.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/multi-select-combo-box'; import { css, html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/multi-select-combo-box'; import { getCountries } from 'Frontend/demo/domain/DataService'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/notification/notification-content-length-do.ts b/frontend/demo/component/notification/notification-content-length-do.ts index ecf1fa6de9..78a52909a4 100644 --- a/frontend/demo/component/notification/notification-content-length-do.ts +++ b/frontend/demo/component/notification/notification-content-length-do.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; import '@vaadin/button'; import '@vaadin/icon'; import '@vaadin/notification'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { html, LitElement } from 'lit'; import { applyTheme } from 'Frontend/generated/theme'; export class Example extends LitElement { diff --git a/frontend/demo/component/notification/notification-content-length-dont.ts b/frontend/demo/component/notification/notification-content-length-dont.ts index d3c2116b1c..6a028877f7 100644 --- a/frontend/demo/component/notification/notification-content-length-dont.ts +++ b/frontend/demo/component/notification/notification-content-length-dont.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; import '@vaadin/button'; import '@vaadin/icon'; import '@vaadin/notification'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { html, LitElement } from 'lit'; import { applyTheme } from 'Frontend/generated/theme'; export class Example extends LitElement { diff --git a/frontend/demo/component/notification/notification-contrast.ts b/frontend/demo/component/notification/notification-contrast.ts index c5d5da1084..6aa30530f0 100644 --- a/frontend/demo/component/notification/notification-contrast.ts +++ b/frontend/demo/component/notification/notification-contrast.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; import { LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/button'; import { Notification } from '@vaadin/notification'; @customElement('notification-contrast') diff --git a/frontend/demo/component/notification/notification-error.ts b/frontend/demo/component/notification/notification-error.ts index 42a5fc499c..817afb0d60 100644 --- a/frontend/demo/component/notification/notification-error.ts +++ b/frontend/demo/component/notification/notification-error.ts @@ -1,14 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/notification'; +import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { NotificationOpenedChangedEvent } from '@vaadin/notification'; -import { notificationRenderer } from '@vaadin/notification/lit.js'; import type { NotificationLitRenderer } from '@vaadin/notification/lit.js'; -import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { notificationRenderer } from '@vaadin/notification/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('notification-error') diff --git a/frontend/demo/component/notification/notification-keyboard-a11y.ts b/frontend/demo/component/notification/notification-keyboard-a11y.ts index 1608530a43..8ef91efa0b 100644 --- a/frontend/demo/component/notification/notification-keyboard-a11y.ts +++ b/frontend/demo/component/notification/notification-keyboard-a11y.ts @@ -1,12 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/notification'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { NotificationOpenedChangedEvent } from '@vaadin/notification'; -import { notificationRenderer } from '@vaadin/notification/lit.js'; import type { NotificationLitRenderer } from '@vaadin/notification/lit.js'; +import { notificationRenderer } from '@vaadin/notification/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('notification-keyboard-a11y') diff --git a/frontend/demo/component/notification/notification-link.ts b/frontend/demo/component/notification/notification-link.ts index af6646777f..5fdde94bf9 100644 --- a/frontend/demo/component/notification/notification-link.ts +++ b/frontend/demo/component/notification/notification-link.ts @@ -1,14 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/notification'; +import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { NotificationOpenedChangedEvent } from '@vaadin/notification'; -import { notificationRenderer } from '@vaadin/notification/lit.js'; import type { NotificationLitRenderer } from '@vaadin/notification/lit.js'; -import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { notificationRenderer } from '@vaadin/notification/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('notification-link') diff --git a/frontend/demo/component/notification/notification-popup.ts b/frontend/demo/component/notification/notification-popup.ts index 97a4d82d7f..169a6dfe1f 100644 --- a/frontend/demo/component/notification/notification-popup.ts +++ b/frontend/demo/component/notification/notification-popup.ts @@ -1,13 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/context-menu'; -import { contextMenuRenderer } from '@vaadin/context-menu/lit.js'; import '@vaadin/icon'; -import { badge } from '@vaadin/vaadin-lumo-styles/badge.js'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { contextMenuRenderer } from '@vaadin/context-menu/lit.js'; +import { badge } from '@vaadin/vaadin-lumo-styles/badge.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('notification-popup') diff --git a/frontend/demo/component/notification/notification-position.ts b/frontend/demo/component/notification/notification-position.ts index 7c4f589e1a..4527bacc5f 100644 --- a/frontend/demo/component/notification/notification-position.ts +++ b/frontend/demo/component/notification/notification-position.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/button'; -import { Notification } from '@vaadin/notification'; import type { NotificationPosition } from '@vaadin/notification'; +import { Notification } from '@vaadin/notification'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('notification-position') diff --git a/frontend/demo/component/notification/notification-primary.ts b/frontend/demo/component/notification/notification-primary.ts index d14c7d7c89..6463236ecf 100644 --- a/frontend/demo/component/notification/notification-primary.ts +++ b/frontend/demo/component/notification/notification-primary.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; import { LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/button'; import { Notification } from '@vaadin/notification'; @customElement('notification-primary') diff --git a/frontend/demo/component/notification/notification-retry.ts b/frontend/demo/component/notification/notification-retry.ts index 2c35768735..d98efdbb5f 100644 --- a/frontend/demo/component/notification/notification-retry.ts +++ b/frontend/demo/component/notification/notification-retry.ts @@ -1,14 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/notification'; +import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { NotificationOpenedChangedEvent } from '@vaadin/notification'; -import { notificationRenderer } from '@vaadin/notification/lit.js'; import type { NotificationLitRenderer } from '@vaadin/notification/lit.js'; -import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { notificationRenderer } from '@vaadin/notification/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('notification-retry') diff --git a/frontend/demo/component/notification/notification-rich-preview.ts b/frontend/demo/component/notification/notification-rich-preview.ts index df99d2a77c..9a7d16da48 100644 --- a/frontend/demo/component/notification/notification-rich-preview.ts +++ b/frontend/demo/component/notification/notification-rich-preview.ts @@ -1,12 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/button'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/notification'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('notification-rich-preview') diff --git a/frontend/demo/component/notification/notification-rich.ts b/frontend/demo/component/notification/notification-rich.ts index a0cabb2351..9f7e265efd 100644 --- a/frontend/demo/component/notification/notification-rich.ts +++ b/frontend/demo/component/notification/notification-rich.ts @@ -1,15 +1,15 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/notification'; -import { notificationRenderer } from '@vaadin/notification/lit.js'; -import type { Notification } from '@vaadin/notification'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import type { Notification } from '@vaadin/notification'; +import { notificationRenderer } from '@vaadin/notification/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('notification-rich') diff --git a/frontend/demo/component/notification/notification-static-helper.ts b/frontend/demo/component/notification/notification-static-helper.ts index 96e36924c9..7aabdd4b74 100644 --- a/frontend/demo/component/notification/notification-static-helper.ts +++ b/frontend/demo/component/notification/notification-static-helper.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/button'; import { Notification } from '@vaadin/notification'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/notification/notification-undo.ts b/frontend/demo/component/notification/notification-undo.ts index 19ab262073..96aa3dc1ee 100644 --- a/frontend/demo/component/notification/notification-undo.ts +++ b/frontend/demo/component/notification/notification-undo.ts @@ -1,14 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/notification'; +import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { NotificationOpenedChangedEvent } from '@vaadin/notification'; -import { notificationRenderer } from '@vaadin/notification/lit.js'; import type { NotificationLitRenderer } from '@vaadin/notification/lit.js'; -import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { notificationRenderer } from '@vaadin/notification/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('notification-undo') diff --git a/frontend/demo/component/notification/notification-warning.ts b/frontend/demo/component/notification/notification-warning.ts index 7e671d0e11..caa61b1ec0 100644 --- a/frontend/demo/component/notification/notification-warning.ts +++ b/frontend/demo/component/notification/notification-warning.ts @@ -1,14 +1,14 @@ import 'Frontend/demo/init'; // hidden-source-line -import { css, html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/notification'; +import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { css, html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { NotificationOpenedChangedEvent } from '@vaadin/notification'; -import { notificationRenderer } from '@vaadin/notification/lit.js'; import type { NotificationLitRenderer } from '@vaadin/notification/lit.js'; -import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; +import { notificationRenderer } from '@vaadin/notification/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('notification-warning') diff --git a/frontend/demo/component/numberfield/number-field-basic-features.ts b/frontend/demo/component/numberfield/number-field-basic-features.ts index 8c9a1d03f0..2c6a13002d 100644 --- a/frontend/demo/component/numberfield/number-field-basic-features.ts +++ b/frontend/demo/component/numberfield/number-field-basic-features.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/number-field'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('number-field-basic-features') diff --git a/frontend/demo/component/numberfield/number-field-basic.ts b/frontend/demo/component/numberfield/number-field-basic.ts index 9825b786f2..a33abb90c7 100644 --- a/frontend/demo/component/numberfield/number-field-basic.ts +++ b/frontend/demo/component/numberfield/number-field-basic.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/number-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('number-field-basic') diff --git a/frontend/demo/component/numberfield/number-field-integer.ts b/frontend/demo/component/numberfield/number-field-integer.ts index 5ead2f5714..742f2f602e 100644 --- a/frontend/demo/component/numberfield/number-field-integer.ts +++ b/frontend/demo/component/numberfield/number-field-integer.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/integer-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('number-field-integer') diff --git a/frontend/demo/component/numberfield/number-field-readonly-and-disabled.ts b/frontend/demo/component/numberfield/number-field-readonly-and-disabled.ts index 4722b7a5c4..1174ddbc7a 100644 --- a/frontend/demo/component/numberfield/number-field-readonly-and-disabled.ts +++ b/frontend/demo/component/numberfield/number-field-readonly-and-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/number-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('number-field-readonly-and-disabled') diff --git a/frontend/demo/component/numberfield/number-field-step-buttons.ts b/frontend/demo/component/numberfield/number-field-step-buttons.ts index 41a99ef2fb..7966e52954 100644 --- a/frontend/demo/component/numberfield/number-field-step-buttons.ts +++ b/frontend/demo/component/numberfield/number-field-step-buttons.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/integer-field'; import '@vaadin/form-layout'; import '@vaadin/form-layout/vaadin-form-item.js'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/numberfield/number-field-step.ts b/frontend/demo/component/numberfield/number-field-step.ts index 8178ea80aa..566aef8308 100644 --- a/frontend/demo/component/numberfield/number-field-step.ts +++ b/frontend/demo/component/numberfield/number-field-step.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/number-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/number-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('number-field-step') diff --git a/frontend/demo/component/numberfield/number-field-styles.ts b/frontend/demo/component/numberfield/number-field-styles.ts index 87766d8368..9b00029a0d 100644 --- a/frontend/demo/component/numberfield/number-field-styles.ts +++ b/frontend/demo/component/numberfield/number-field-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/number-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/number-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('number-field-styles') diff --git a/frontend/demo/component/numberfield/number-field-validation.ts b/frontend/demo/component/numberfield/number-field-validation.ts index 5e62b82312..101336ee96 100644 --- a/frontend/demo/component/numberfield/number-field-validation.ts +++ b/frontend/demo/component/numberfield/number-field-validation.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/integer-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/integer-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('number-field-validation') diff --git a/frontend/demo/component/passwordfield/password-field-advanced-helper.ts b/frontend/demo/component/passwordfield/password-field-advanced-helper.ts index 8b74f7f6a0..6c02057f69 100644 --- a/frontend/demo/component/passwordfield/password-field-advanced-helper.ts +++ b/frontend/demo/component/passwordfield/password-field-advanced-helper.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/password-field'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { PasswordFieldValueChangedEvent } from '@vaadin/password-field'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/passwordfield/password-field-basic-features.ts b/frontend/demo/component/passwordfield/password-field-basic-features.ts index 74e34ed278..195d271f55 100644 --- a/frontend/demo/component/passwordfield/password-field-basic-features.ts +++ b/frontend/demo/component/passwordfield/password-field-basic-features.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/password-field'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('password-field-basic-features') diff --git a/frontend/demo/component/passwordfield/password-field-basic.ts b/frontend/demo/component/passwordfield/password-field-basic.ts index 43556d5761..116e383f34 100644 --- a/frontend/demo/component/passwordfield/password-field-basic.ts +++ b/frontend/demo/component/passwordfield/password-field-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/password-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/password-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('password-field-basic') diff --git a/frontend/demo/component/passwordfield/password-field-helper.ts b/frontend/demo/component/passwordfield/password-field-helper.ts index 343bec4cb3..99db1b3be4 100644 --- a/frontend/demo/component/passwordfield/password-field-helper.ts +++ b/frontend/demo/component/passwordfield/password-field-helper.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/password-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/password-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('input-field-helper') diff --git a/frontend/demo/component/passwordfield/password-field-readonly-and-disabled.ts b/frontend/demo/component/passwordfield/password-field-readonly-and-disabled.ts index 6e4d122058..751c11e070 100644 --- a/frontend/demo/component/passwordfield/password-field-readonly-and-disabled.ts +++ b/frontend/demo/component/passwordfield/password-field-readonly-and-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/password-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('password-field-readonly-and-disabled') diff --git a/frontend/demo/component/passwordfield/password-field-reveal-button-hidden.ts b/frontend/demo/component/passwordfield/password-field-reveal-button-hidden.ts index c284763606..4b50a5539c 100644 --- a/frontend/demo/component/passwordfield/password-field-reveal-button-hidden.ts +++ b/frontend/demo/component/passwordfield/password-field-reveal-button-hidden.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/password-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/password-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('password-field-reveal-button-hidden') diff --git a/frontend/demo/component/passwordfield/password-field-styles.ts b/frontend/demo/component/passwordfield/password-field-styles.ts index a3445039a5..b2d534f6b1 100644 --- a/frontend/demo/component/passwordfield/password-field-styles.ts +++ b/frontend/demo/component/passwordfield/password-field-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/password-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/password-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('password-field-styles') diff --git a/frontend/demo/component/passwordfield/password-field-validation.ts b/frontend/demo/component/passwordfield/password-field-validation.ts index 33e4562e50..2f46937f01 100644 --- a/frontend/demo/component/passwordfield/password-field-validation.ts +++ b/frontend/demo/component/passwordfield/password-field-validation.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/password-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/password-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('password-field-validation') diff --git a/frontend/demo/component/popover/popover-anchored-dialog.ts b/frontend/demo/component/popover/popover-anchored-dialog.ts index b83614e070..e639931403 100644 --- a/frontend/demo/component/popover/popover-anchored-dialog.ts +++ b/frontend/demo/component/popover/popover-anchored-dialog.ts @@ -1,7 +1,4 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/checkbox-group'; import '@vaadin/grid'; @@ -9,6 +6,8 @@ import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/popover'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { CheckboxChangeEvent } from '@vaadin/checkbox'; import { popoverRenderer } from '@vaadin/popover/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; diff --git a/frontend/demo/component/popover/popover-arrow.ts b/frontend/demo/component/popover/popover-arrow.ts index 881269b5a4..576214809b 100644 --- a/frontend/demo/component/popover/popover-arrow.ts +++ b/frontend/demo/component/popover/popover-arrow.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/icon'; import '@vaadin/popover'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { popoverRenderer } from '@vaadin/popover/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/popover/popover-dropdown-field.ts b/frontend/demo/component/popover/popover-dropdown-field.ts index 1340299c90..d8227e9ccb 100644 --- a/frontend/demo/component/popover/popover-dropdown-field.ts +++ b/frontend/demo/component/popover/popover-dropdown-field.ts @@ -1,7 +1,4 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/date-picker'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; @@ -9,12 +6,14 @@ import '@vaadin/popover'; import '@vaadin/select'; import '@vaadin/text-field'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js'; +import { formatISO, subMonths, subWeeks, subYears } from 'date-fns'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { DatePickerChangeEvent } from '@vaadin/date-picker'; import type { PopoverOpenedChangedEvent, PopoverTrigger } from '@vaadin/popover'; -import type { SelectChangeEvent } from '@vaadin/select'; import { popoverRenderer } from '@vaadin/popover/lit.js'; +import type { SelectChangeEvent } from '@vaadin/select'; import { applyTheme } from 'Frontend/generated/theme'; -import { formatISO, subMonths, subWeeks, subYears } from 'date-fns'; @customElement('popover-dropdown-field') export class Example extends LitElement { diff --git a/frontend/demo/component/popover/popover-interactive-tooltip.ts b/frontend/demo/component/popover/popover-interactive-tooltip.ts index f1934efcf6..054465637c 100644 --- a/frontend/demo/component/popover/popover-interactive-tooltip.ts +++ b/frontend/demo/component/popover/popover-interactive-tooltip.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/integer-field'; import '@vaadin/popover'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { PopoverTrigger } from '@vaadin/popover'; import { popoverRenderer } from '@vaadin/popover/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/popover/popover-modal.ts b/frontend/demo/component/popover/popover-modal.ts index dc5b5cb4c8..6588bde5ee 100644 --- a/frontend/demo/component/popover/popover-modal.ts +++ b/frontend/demo/component/popover/popover-modal.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/popover'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { popoverRenderer } from '@vaadin/popover/lit.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/popover/popover-notification-panel.ts b/frontend/demo/component/popover/popover-notification-panel.ts index 1edaaec6b9..e4c240379f 100644 --- a/frontend/demo/component/popover/popover-notification-panel.ts +++ b/frontend/demo/component/popover/popover-notification-panel.ts @@ -1,7 +1,4 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; @@ -9,11 +6,13 @@ import '@vaadin/message-list'; import '@vaadin/popover'; import '@vaadin/tabsheet'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js'; +import { format, subMinutes } from 'date-fns'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { MessageListItem } from '@vaadin/message-list'; import { popoverRenderer } from '@vaadin/popover/lit.js'; -import { format, subMinutes } from 'date-fns'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('popover-notifications-panel') export class Example extends LitElement { diff --git a/frontend/demo/component/popover/popover-positioning.ts b/frontend/demo/component/popover/popover-positioning.ts index 760579b5c0..3e23ac8347 100644 --- a/frontend/demo/component/popover/popover-positioning.ts +++ b/frontend/demo/component/popover/popover-positioning.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/popover'; import '@vaadin/select'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { PopoverPosition } from '@vaadin/popover'; import { popoverRenderer } from '@vaadin/popover/lit.js'; import type { SelectChangeEvent } from '@vaadin/select'; diff --git a/frontend/demo/component/popover/popover-user-menu.ts b/frontend/demo/component/popover/popover-user-menu.ts index de52582b21..5040da87c4 100644 --- a/frontend/demo/component/popover/popover-user-menu.ts +++ b/frontend/demo/component/popover/popover-user-menu.ts @@ -1,16 +1,15 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/popover'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { popoverRenderer } from '@vaadin/popover/lit.js'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('popover-user-menu') export class Example extends LitElement { diff --git a/frontend/demo/component/progressbar/progress-bar-basic.ts b/frontend/demo/component/progressbar/progress-bar-basic.ts index 97838d96e2..63a84b7a33 100644 --- a/frontend/demo/component/progressbar/progress-bar-basic.ts +++ b/frontend/demo/component/progressbar/progress-bar-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/progress-bar'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/progress-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('progress-bar-basic') diff --git a/frontend/demo/component/progressbar/progress-bar-completion-time.ts b/frontend/demo/component/progressbar/progress-bar-completion-time.ts index a285128652..3c48f353c4 100644 --- a/frontend/demo/component/progressbar/progress-bar-completion-time.ts +++ b/frontend/demo/component/progressbar/progress-bar-completion-time.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/progress-bar'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/progress-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('progress-bar-completion-time') diff --git a/frontend/demo/component/progressbar/progress-bar-custom-range.ts b/frontend/demo/component/progressbar/progress-bar-custom-range.ts index e47676f7e0..9aed8b0cb5 100644 --- a/frontend/demo/component/progressbar/progress-bar-custom-range.ts +++ b/frontend/demo/component/progressbar/progress-bar-custom-range.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/progress-bar'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/progress-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('progress-bar-custom-range') diff --git a/frontend/demo/component/progressbar/progress-bar-determinate.ts b/frontend/demo/component/progressbar/progress-bar-determinate.ts index bdce815a2c..aa827fb00a 100644 --- a/frontend/demo/component/progressbar/progress-bar-determinate.ts +++ b/frontend/demo/component/progressbar/progress-bar-determinate.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/progress-bar'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/progress-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('progress-bar-determinate') diff --git a/frontend/demo/component/progressbar/progress-bar-indeterminate.ts b/frontend/demo/component/progressbar/progress-bar-indeterminate.ts index c3757e2c28..617f8a45f2 100644 --- a/frontend/demo/component/progressbar/progress-bar-indeterminate.ts +++ b/frontend/demo/component/progressbar/progress-bar-indeterminate.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/progress-bar'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/progress-bar'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('progress-bar-indeterminate') diff --git a/frontend/demo/component/progressbar/progress-bar-label.ts b/frontend/demo/component/progressbar/progress-bar-label.ts index f9d00ac6e7..000347a95e 100644 --- a/frontend/demo/component/progressbar/progress-bar-label.ts +++ b/frontend/demo/component/progressbar/progress-bar-label.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/progress-bar'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('progress-bar-label') diff --git a/frontend/demo/component/progressbar/progress-bar-theme-variants.ts b/frontend/demo/component/progressbar/progress-bar-theme-variants.ts index be43f8421c..fac88c0dd1 100644 --- a/frontend/demo/component/progressbar/progress-bar-theme-variants.ts +++ b/frontend/demo/component/progressbar/progress-bar-theme-variants.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/progress-bar'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('progress-bar-theme-variants') diff --git a/frontend/demo/component/radiobutton/radio-button-basic.ts b/frontend/demo/component/radiobutton/radio-button-basic.ts index 5042fbf4e0..8da7d3d61c 100644 --- a/frontend/demo/component/radiobutton/radio-button-basic.ts +++ b/frontend/demo/component/radiobutton/radio-button-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/radio-group'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('radio-button-basic') diff --git a/frontend/demo/component/radiobutton/radio-button-checkbox-alternative.ts b/frontend/demo/component/radiobutton/radio-button-checkbox-alternative.ts index a024ce8fd8..11629b4ddc 100644 --- a/frontend/demo/component/radiobutton/radio-button-checkbox-alternative.ts +++ b/frontend/demo/component/radiobutton/radio-button-checkbox-alternative.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/checkbox'; import '@vaadin/radio-group'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('radio-button-checkbox-alternative') diff --git a/frontend/demo/component/radiobutton/radio-button-custom-option.ts b/frontend/demo/component/radiobutton/radio-button-custom-option.ts index 94b4a405cc..e5608dee40 100644 --- a/frontend/demo/component/radiobutton/radio-button-custom-option.ts +++ b/frontend/demo/component/radiobutton/radio-button-custom-option.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/radio-group'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; import { getCards } from 'Frontend/demo/domain/DataService'; import type Card from 'Frontend/generated/com/vaadin/demo/domain/Card'; diff --git a/frontend/demo/component/radiobutton/radio-button-default-value.ts b/frontend/demo/component/radiobutton/radio-button-default-value.ts index 2a2c34b125..eb09260a61 100644 --- a/frontend/demo/component/radiobutton/radio-button-default-value.ts +++ b/frontend/demo/component/radiobutton/radio-button-default-value.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/radio-group'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('radio-button-default-value') diff --git a/frontend/demo/component/radiobutton/radio-button-disabled.ts b/frontend/demo/component/radiobutton/radio-button-disabled.ts index ff54af38ba..d34835a7b5 100644 --- a/frontend/demo/component/radiobutton/radio-button-disabled.ts +++ b/frontend/demo/component/radiobutton/radio-button-disabled.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/radio-group'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('radio-button-disabled') diff --git a/frontend/demo/component/radiobutton/radio-button-group-basic-features.ts b/frontend/demo/component/radiobutton/radio-button-group-basic-features.ts index 5c43276c16..a42faa3830 100644 --- a/frontend/demo/component/radiobutton/radio-button-group-basic-features.ts +++ b/frontend/demo/component/radiobutton/radio-button-group-basic-features.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/radio-group'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('radio-button-group-basic-features') diff --git a/frontend/demo/component/radiobutton/radio-button-group-labels.ts b/frontend/demo/component/radiobutton/radio-button-group-labels.ts index 48bac41ae4..f520d746dd 100644 --- a/frontend/demo/component/radiobutton/radio-button-group-labels.ts +++ b/frontend/demo/component/radiobutton/radio-button-group-labels.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/radio-group'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('radio-button-group-labels') diff --git a/frontend/demo/component/radiobutton/radio-button-group-styles.ts b/frontend/demo/component/radiobutton/radio-button-group-styles.ts index 185805d314..f9cda203e6 100644 --- a/frontend/demo/component/radiobutton/radio-button-group-styles.ts +++ b/frontend/demo/component/radiobutton/radio-button-group-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/radio-group'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('radio-button-group-styles') diff --git a/frontend/demo/component/radiobutton/radio-button-horizontal.ts b/frontend/demo/component/radiobutton/radio-button-horizontal.ts index 7e5e16dcb9..1a85e982fb 100644 --- a/frontend/demo/component/radiobutton/radio-button-horizontal.ts +++ b/frontend/demo/component/radiobutton/radio-button-horizontal.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/radio-group'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('radio-button-horizontal') diff --git a/frontend/demo/component/radiobutton/radio-button-presentation.ts b/frontend/demo/component/radiobutton/radio-button-presentation.ts index 3492673771..dfb659a699 100644 --- a/frontend/demo/component/radiobutton/radio-button-presentation.ts +++ b/frontend/demo/component/radiobutton/radio-button-presentation.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/radio-group'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { getCards } from 'Frontend/demo/domain/DataService'; import type Card from 'Frontend/generated/com/vaadin/demo/domain/Card'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/radiobutton/radio-button-readonly.ts b/frontend/demo/component/radiobutton/radio-button-readonly.ts index 9c66751d28..7e6336b82c 100644 --- a/frontend/demo/component/radiobutton/radio-button-readonly.ts +++ b/frontend/demo/component/radiobutton/radio-button-readonly.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/radio-group'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('radio-button-readonly') diff --git a/frontend/demo/component/radiobutton/radio-button-vertical.ts b/frontend/demo/component/radiobutton/radio-button-vertical.ts index c3a5becb92..4a1c2e95b4 100644 --- a/frontend/demo/component/radiobutton/radio-button-vertical.ts +++ b/frontend/demo/component/radiobutton/radio-button-vertical.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/radio-group'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('radio-button-vertical') diff --git a/frontend/demo/component/richtexteditor/rich-text-editor-basic.ts b/frontend/demo/component/richtexteditor/rich-text-editor-basic.ts index 8af3d7f82b..a0b36179df 100644 --- a/frontend/demo/component/richtexteditor/rich-text-editor-basic.ts +++ b/frontend/demo/component/richtexteditor/rich-text-editor-basic.ts @@ -1,11 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/rich-text-editor'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/rich-text-editor'; - -import templates from '../../../../src/main/resources/data/templates.json'; import { applyTheme } from 'Frontend/generated/theme'; +import templates from '../../../../src/main/resources/data/templates.json'; @customElement('rich-text-editor-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/richtexteditor/rich-text-editor-min-max-height.ts b/frontend/demo/component/richtexteditor/rich-text-editor-min-max-height.ts index 7fb4abcbbb..58632b7ee0 100644 --- a/frontend/demo/component/richtexteditor/rich-text-editor-min-max-height.ts +++ b/frontend/demo/component/richtexteditor/rich-text-editor-min-max-height.ts @@ -1,11 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/rich-text-editor'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/rich-text-editor'; - -import templates from '../../../../src/main/resources/data/templates.json'; import { applyTheme } from 'Frontend/generated/theme'; +import templates from '../../../../src/main/resources/data/templates.json'; @customElement('rich-text-editor-min-max-height') export class Example extends LitElement { diff --git a/frontend/demo/component/richtexteditor/rich-text-editor-readonly.ts b/frontend/demo/component/richtexteditor/rich-text-editor-readonly.ts index 6550a82fe9..ef02e500f2 100644 --- a/frontend/demo/component/richtexteditor/rich-text-editor-readonly.ts +++ b/frontend/demo/component/richtexteditor/rich-text-editor-readonly.ts @@ -1,11 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/rich-text-editor'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/rich-text-editor'; - -import templates from '../../../../src/main/resources/data/templates.json'; import { applyTheme } from 'Frontend/generated/theme'; +import templates from '../../../../src/main/resources/data/templates.json'; @customElement('rich-text-editor-readonly') export class Example extends LitElement { diff --git a/frontend/demo/component/richtexteditor/rich-text-editor-set-get-value.ts b/frontend/demo/component/richtexteditor/rich-text-editor-set-get-value.ts index 66caf97a09..5a60f8a0e2 100644 --- a/frontend/demo/component/richtexteditor/rich-text-editor-set-get-value.ts +++ b/frontend/demo/component/richtexteditor/rich-text-editor-set-get-value.ts @@ -1,14 +1,13 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/rich-text-editor'; +import '@vaadin/text-area'; import { html, LitElement } from 'lit'; import { customElement, query, state } from 'lit/decorators.js'; -import '@vaadin/rich-text-editor'; import type { RichTextEditor, RichTextEditorHtmlValueChangedEvent, RichTextEditorValueChangedEvent, } from '@vaadin/rich-text-editor'; -import '@vaadin/text-area'; import type { TextAreaChangeEvent } from '@vaadin/text-area'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/richtexteditor/rich-text-editor-theme-compact.ts b/frontend/demo/component/richtexteditor/rich-text-editor-theme-compact.ts index 3b70216ddf..fda7524d1a 100644 --- a/frontend/demo/component/richtexteditor/rich-text-editor-theme-compact.ts +++ b/frontend/demo/component/richtexteditor/rich-text-editor-theme-compact.ts @@ -1,11 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/rich-text-editor'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/rich-text-editor'; - -import templates from '../../../../src/main/resources/data/templates.json'; import { applyTheme } from 'Frontend/generated/theme'; +import templates from '../../../../src/main/resources/data/templates.json'; @customElement('rich-text-editor-theme-compact') export class Example extends LitElement { diff --git a/frontend/demo/component/richtexteditor/rich-text-editor-theme-no-border.ts b/frontend/demo/component/richtexteditor/rich-text-editor-theme-no-border.ts index 8cb9a88e3a..0649588bbf 100644 --- a/frontend/demo/component/richtexteditor/rich-text-editor-theme-no-border.ts +++ b/frontend/demo/component/richtexteditor/rich-text-editor-theme-no-border.ts @@ -1,11 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/rich-text-editor'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/rich-text-editor'; - -import templates from '../../../../src/main/resources/data/templates.json'; import { applyTheme } from 'Frontend/generated/theme'; +import templates from '../../../../src/main/resources/data/templates.json'; @customElement('rich-text-editor-no-border') export class Example extends LitElement { From 06cd7292c0dc90ac9c38c85981aa5d39c0c61369 Mon Sep 17 00:00:00 2001 From: Sergey Vinogradov Date: Tue, 24 Sep 2024 12:01:22 +0400 Subject: [PATCH 5/8] refactor: sort imports in JS/TS examples (4) (#3708) --- frontend/demo/auth/routing.ts | 4 +--- .../demo/component/scroller/scroller-basic.ts | 5 ++--- .../demo/component/scroller/scroller-both.ts | 5 ++--- .../demo/component/scroller/scroller-mobile.ts | 5 ++--- .../component/select/select-basic-features.ts | 5 ++--- frontend/demo/component/select/select-basic.ts | 3 +-- .../select/select-complex-value-label.ts | 5 ++--- .../select/select-custom-renderer-label.ts | 9 ++++----- .../demo/component/select/select-disabled.ts | 3 +-- .../demo/component/select/select-dividers.ts | 3 +-- .../select/select-empty-selection-caption.ts | 1 - .../component/select/select-empty-selection.ts | 1 - .../select/select-no-vertical-overlap.ts | 3 +-- .../component/select/select-overlay-width.ts | 9 ++++----- .../demo/component/select/select-placeholder.ts | 3 +-- .../component/select/select-presentation.ts | 5 ++--- .../select/select-readonly-and-disabled.ts | 5 ++--- frontend/demo/component/select/select-styles.ts | 3 +-- .../demo/component/side-nav/side-nav-basic.ts | 7 +++---- .../component/side-nav/side-nav-hierarchy.ts | 7 +++---- .../component/side-nav/side-nav-labelled.ts | 7 +++---- .../demo/component/side-nav/side-nav-styling.ts | 7 +++---- .../demo/component/side-nav/side-nav-suffix.ts | 7 +++---- .../component/splitlayout/split-layout-basic.ts | 6 +++--- .../split-layout-initial-splitter-position.ts | 6 +++--- .../splitlayout/split-layout-min-max-size.ts | 2 +- .../splitlayout/split-layout-orientation.ts | 6 +++--- .../splitlayout/split-layout-theme-minimal.ts | 6 +++--- .../splitlayout/split-layout-theme-small.ts | 6 +++--- .../splitlayout/split-layout-toggle.ts | 6 +++--- .../spreadsheet/spreadsheet-imports.ts | 1 - frontend/demo/component/tabs/tabs-badges.ts | 3 +-- frontend/demo/component/tabs/tabs-basic.ts | 3 +-- frontend/demo/component/tabs/tabs-content.ts | 4 ++-- frontend/demo/component/tabs/tabs-focus-ring.ts | 3 +-- .../component/tabs/tabs-hide-scroll-buttons.ts | 3 +-- frontend/demo/component/tabs/tabs-horizontal.ts | 3 +-- .../component/tabs/tabs-icons-horizontal.ts | 5 ++--- .../demo/component/tabs/tabs-icons-vertical.ts | 5 ++--- frontend/demo/component/tabs/tabs-states.ts | 3 +-- .../demo/component/tabs/tabs-theme-centered.ts | 3 +-- .../component/tabs/tabs-theme-equal-width.ts | 3 +-- .../demo/component/tabs/tabs-theme-minimal.ts | 3 +-- .../demo/component/tabs/tabs-theme-small.ts | 3 +-- frontend/demo/component/tabs/tabs-vertical.ts | 3 +-- frontend/demo/component/tabs/tabsheet-basic.ts | 5 ++--- .../tabs/tabsheet-lazy-initialization.ts | 5 ++--- .../component/tabs/tabsheet-prefix-suffix.ts | 5 ++--- .../component/tabs/tabsheet-theme-bordered.ts | 5 ++--- .../component/textarea/text-area-auto-height.ts | 5 ++--- .../textarea/text-area-basic-features.ts | 5 ++--- .../demo/component/textarea/text-area-basic.ts | 3 +-- .../demo/component/textarea/text-area-height.ts | 5 ++--- .../demo/component/textarea/text-area-helper.ts | 5 ++--- .../textarea/text-area-readonly-and-disabled.ts | 5 ++--- .../demo/component/textarea/text-area-styles.ts | 3 +-- .../component/textarea/text-area-validation.ts | 3 +-- .../textfield/text-field-basic-features.ts | 5 ++--- .../component/textfield/text-field-basic.ts | 5 ++--- .../text-field-readonly-and-disabled.ts | 5 ++--- .../component/textfield/text-field-styles.ts | 3 +-- .../textfield/text-field-validation.ts | 3 +-- .../timepicker/time-picker-auto-open.ts | 3 +-- .../timepicker/time-picker-basic-features.ts | 5 ++--- .../component/timepicker/time-picker-basic.ts | 3 +-- .../timepicker/time-picker-custom-parser.ts | 3 +-- .../timepicker/time-picker-custom-validation.ts | 3 +-- .../timepicker/time-picker-minutes-step.ts | 3 +-- .../time-picker-readonly-and-disabled.ts | 5 ++--- .../timepicker/time-picker-seconds-step.ts | 3 +-- .../component/timepicker/time-picker-styles.ts | 3 +-- .../timepicker/time-picker-validation.ts | 3 +-- .../demo/component/tooltip/tooltip-basic.ts | 5 ++--- .../component/tooltip/tooltip-html-element.ts | 3 +-- .../demo/component/tooltip/tooltip-manual.ts | 5 ++--- .../component/tooltip/tooltip-positioning.ts | 4 ++-- .../demo/component/tree-grid/tree-grid-basic.ts | 5 ++--- .../component/tree-grid/tree-grid-column.ts | 7 +++---- .../tree-grid/tree-grid-rich-content.ts | 13 ++++++------- .../tree-grid/tree-grid-scroll-to-index.ts | 13 ++++++------- .../upload/react/upload-demo-mock-files.ts | 2 +- .../demo/component/upload/upload-all-files.ts | 4 ++-- .../upload/upload-auto-upload-disabled.ts | 4 ++-- frontend/demo/component/upload/upload-basic.ts | 4 ++-- .../upload/upload-button-theme-variant.ts | 4 ++-- .../component/upload/upload-clear-button.ts | 4 ++-- .../component/upload/upload-demo-mock-files.ts | 2 +- .../component/upload/upload-drag-and-drop.ts | 4 ++-- .../demo/component/upload/upload-drop-label.ts | 4 ++-- .../component/upload/upload-error-messages.ts | 6 +++--- .../demo/component/upload/upload-file-count.ts | 2 +- .../demo/component/upload/upload-file-format.ts | 2 +- .../demo/component/upload/upload-file-size.ts | 2 +- frontend/demo/component/upload/upload-helper.ts | 2 +- .../upload/upload-internationalization.ts | 2 +- .../demo/component/upload/upload-labelling.ts | 2 +- .../component/upload/upload-retry-button.ts | 4 ++-- .../component/upload/upload-start-button.ts | 4 ++-- .../component/virtuallist/virtual-list-basic.ts | 11 +++++------ frontend/demo/domain/DataService.ts | 2 +- .../flow/application/events/events-basic.ts | 4 ++-- .../demo/flow/application/images/icons-basic.ts | 4 ++-- frontend/demo/flow/application/routing/index.ts | 2 +- .../flow/application/routing/routing-basic.ts | 4 ++-- .../application/routing/routing-registration.ts | 2 +- .../demo/flow/application/ui/ui-menu-basic.ts | 4 ++-- frontend/demo/flow/binding/binding-overview.ts | 5 ++--- frontend/demo/foundation/icons-preview.ts | 17 ++++++++--------- frontend/demo/foundation/lumo-tokens.ts | 4 ++-- frontend/demo/foundation/material-tokens.ts | 2 +- .../demo/fusion/application/basic/my-view.ts | 3 +-- .../fusion/application/basic/reactive-view.ts | 3 +-- .../fusion/application/events/click-view.ts | 2 +- .../application/events/value-changed-view.ts | 4 ++-- frontend/demo/fusion/authentication/auth.ts | 2 +- .../handle-session-expiration/login-overlay.ts | 4 ++-- .../demo/fusion/authentication/login-view.ts | 4 ++-- .../demo/fusion/authentication/main-view.ts | 2 +- .../fusion/authentication/protected-view.ts | 6 +++++- frontend/demo/fusion/authentication/routes.ts | 2 +- .../demo/fusion/components/color-picker-view.ts | 6 ++---- .../demo/fusion/components/greeting-view.ts | 5 ++--- .../demo/fusion/errorhandling/catch-error.ts | 5 ++--- .../fusion/errorhandling/catch-invalid-args.ts | 11 ++++------- frontend/demo/fusion/forms/contact-form.ts | 15 ++++++--------- .../fusion/forms/dialogs/newsletter-dialog.ts | 15 +++++++-------- .../fusion/forms/field-strategy/my-binder.ts | 6 +++++- .../demo/fusion/forms/field-strategy/my-form.ts | 6 +++--- .../field-strategy/my-text-field-strategy.ts | 11 ++++++----- .../forms/field-strategy/my-text-field.ts | 6 +++--- frontend/demo/fusion/lit-basics/data-binding.ts | 2 +- frontend/demo/fusion/lit-basics/light-dom.ts | 2 +- frontend/demo/fusion/lit-basics/minimal.ts | 2 +- frontend/demo/fusion/lit-basics/shadow-dom.ts | 2 +- frontend/demo/fusion/reactive/reactive-view.ts | 4 ++-- frontend/demo/init-flow-components.ts | 3 --- frontend/demo/init.ts | 1 - .../demo/pwa/offline/ts-view-with-endpoint.ts | 1 - frontend/demo/react-example.ts | 4 ++-- frontend/demo/services/CrudService.ts | 2 +- frontend/demo/services/EmployeeService.ts | 4 ++-- frontend/demo/services/ProductService.ts | 2 +- .../newrelic/dashboard-generator.ts | 9 ++++----- 143 files changed, 276 insertions(+), 361 deletions(-) diff --git a/frontend/demo/auth/routing.ts b/frontend/demo/auth/routing.ts index ff80af3541..36510b16ea 100644 --- a/frontend/demo/auth/routing.ts +++ b/frontend/demo/auth/routing.ts @@ -1,8 +1,6 @@ import { useMatches } from 'react-router-dom'; -type RouteMetadata = { - [key: string]: any; -}; +type RouteMetadata = Record; /** * Returns the `handle` object containing the metadata for the current route, diff --git a/frontend/demo/component/scroller/scroller-basic.ts b/frontend/demo/component/scroller/scroller-basic.ts index 52f738abc3..59d3f9e290 100644 --- a/frontend/demo/component/scroller/scroller-basic.ts +++ b/frontend/demo/component/scroller/scroller-basic.ts @@ -1,7 +1,4 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/date-picker'; import '@vaadin/icon'; @@ -10,6 +7,8 @@ import '@vaadin/scroller'; import '@vaadin/text-area'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('scroller-basic') diff --git a/frontend/demo/component/scroller/scroller-both.ts b/frontend/demo/component/scroller/scroller-both.ts index 9aef5a591f..7fb2ae5062 100644 --- a/frontend/demo/component/scroller/scroller-both.ts +++ b/frontend/demo/component/scroller/scroller-both.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/scroller'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/scroller'; -import img from '../../../../src/main/resources/images/reindeer.jpg'; import { applyTheme } from 'Frontend/generated/theme'; +import img from '../../../../src/main/resources/images/reindeer.jpg'; @customElement('scroller-both') export class Example extends LitElement { diff --git a/frontend/demo/component/scroller/scroller-mobile.ts b/frontend/demo/component/scroller/scroller-mobile.ts index 83ec403b7a..223751d6ab 100644 --- a/frontend/demo/component/scroller/scroller-mobile.ts +++ b/frontend/demo/component/scroller/scroller-mobile.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/scroller'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('scroller-mobile') diff --git a/frontend/demo/component/select/select-basic-features.ts b/frontend/demo/component/select/select-basic-features.ts index fdc76812ae..e626a3d7ff 100644 --- a/frontend/demo/component/select/select-basic-features.ts +++ b/frontend/demo/component/select/select-basic-features.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/select'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('select-basic-features') diff --git a/frontend/demo/component/select/select-basic.ts b/frontend/demo/component/select/select-basic.ts index 606c92b00a..d458d3770b 100644 --- a/frontend/demo/component/select/select-basic.ts +++ b/frontend/demo/component/select/select-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/select'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/select'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('select-basic') diff --git a/frontend/demo/component/select/select-complex-value-label.ts b/frontend/demo/component/select/select-complex-value-label.ts index a4aa251a2c..11527b28fb 100644 --- a/frontend/demo/component/select/select-complex-value-label.ts +++ b/frontend/demo/component/select/select-complex-value-label.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/select'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/select'; import type { SelectItem } from '@vaadin/select'; -import { applyTheme } from 'Frontend/generated/theme'; import { getPeople } from 'Frontend/demo/domain/DataService'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('select-complex-value-label') export class Example extends LitElement { diff --git a/frontend/demo/component/select/select-custom-renderer-label.ts b/frontend/demo/component/select/select-custom-renderer-label.ts index 6347f3dece..1eaae124c7 100644 --- a/frontend/demo/component/select/select-custom-renderer-label.ts +++ b/frontend/demo/component/select/select-custom-renderer-label.ts @@ -1,14 +1,13 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/item'; import '@vaadin/list-box'; import '@vaadin/select'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { selectRenderer } from '@vaadin/select/lit.js'; -import { applyTheme } from 'Frontend/generated/theme'; -import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { getPeople } from 'Frontend/demo/domain/DataService'; +import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; const formatPersonFullName = (person: Person) => `${person.firstName} ${person.lastName}`; diff --git a/frontend/demo/component/select/select-disabled.ts b/frontend/demo/component/select/select-disabled.ts index e68f184d6a..169297bd7d 100644 --- a/frontend/demo/component/select/select-disabled.ts +++ b/frontend/demo/component/select/select-disabled.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/select'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/select'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('select-disabled') diff --git a/frontend/demo/component/select/select-dividers.ts b/frontend/demo/component/select/select-dividers.ts index 58b7a03788..42a1302123 100644 --- a/frontend/demo/component/select/select-dividers.ts +++ b/frontend/demo/component/select/select-dividers.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/select'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/select'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('select-dividers') diff --git a/frontend/demo/component/select/select-empty-selection-caption.ts b/frontend/demo/component/select/select-empty-selection-caption.ts index b1539fa17c..6a023eacc1 100644 --- a/frontend/demo/component/select/select-empty-selection-caption.ts +++ b/frontend/demo/component/select/select-empty-selection-caption.ts @@ -1,5 +1,4 @@ import 'Frontend/demo/init'; // hidden-source-line - import '@vaadin/item'; import '@vaadin/list-box'; import '@vaadin/select'; diff --git a/frontend/demo/component/select/select-empty-selection.ts b/frontend/demo/component/select/select-empty-selection.ts index b1539fa17c..6a023eacc1 100644 --- a/frontend/demo/component/select/select-empty-selection.ts +++ b/frontend/demo/component/select/select-empty-selection.ts @@ -1,5 +1,4 @@ import 'Frontend/demo/init'; // hidden-source-line - import '@vaadin/item'; import '@vaadin/list-box'; import '@vaadin/select'; diff --git a/frontend/demo/component/select/select-no-vertical-overlap.ts b/frontend/demo/component/select/select-no-vertical-overlap.ts index b94106f181..77561d9a2c 100644 --- a/frontend/demo/component/select/select-no-vertical-overlap.ts +++ b/frontend/demo/component/select/select-no-vertical-overlap.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/select'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/select'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('select-no-vertical-overlap') diff --git a/frontend/demo/component/select/select-overlay-width.ts b/frontend/demo/component/select/select-overlay-width.ts index d288fb966e..9baf95e1b1 100644 --- a/frontend/demo/component/select/select-overlay-width.ts +++ b/frontend/demo/component/select/select-overlay-width.ts @@ -1,14 +1,13 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/item'; import '@vaadin/list-box'; import '@vaadin/select'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { SelectItem } from '@vaadin/select'; -import { applyTheme } from 'Frontend/generated/theme'; -import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { getPeople } from 'Frontend/demo/domain/DataService'; +import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; +import { applyTheme } from 'Frontend/generated/theme'; const formatPersonFullName = (person: Person) => `${person.firstName} ${person.lastName}`; diff --git a/frontend/demo/component/select/select-placeholder.ts b/frontend/demo/component/select/select-placeholder.ts index 8a5a0899d3..eab6b74c16 100644 --- a/frontend/demo/component/select/select-placeholder.ts +++ b/frontend/demo/component/select/select-placeholder.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/select'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/select'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('select-placeholder') diff --git a/frontend/demo/component/select/select-presentation.ts b/frontend/demo/component/select/select-presentation.ts index 4e0524fd38..e6f8e1ce33 100644 --- a/frontend/demo/component/select/select-presentation.ts +++ b/frontend/demo/component/select/select-presentation.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/item'; import '@vaadin/list-box'; import '@vaadin/select'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { selectRenderer } from '@vaadin/select/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; diff --git a/frontend/demo/component/select/select-readonly-and-disabled.ts b/frontend/demo/component/select/select-readonly-and-disabled.ts index 4e349528d6..6cd8b55fc3 100644 --- a/frontend/demo/component/select/select-readonly-and-disabled.ts +++ b/frontend/demo/component/select/select-readonly-and-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/select'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('select-readonly-and-disabled') diff --git a/frontend/demo/component/select/select-styles.ts b/frontend/demo/component/select/select-styles.ts index 0b3dfdc4d7..bf0bc4116b 100644 --- a/frontend/demo/component/select/select-styles.ts +++ b/frontend/demo/component/select/select-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/select'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/select'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('select-styles') diff --git a/frontend/demo/component/side-nav/side-nav-basic.ts b/frontend/demo/component/side-nav/side-nav-basic.ts index 09fc67a907..4f2b092b81 100644 --- a/frontend/demo/component/side-nav/side-nav-basic.ts +++ b/frontend/demo/component/side-nav/side-nav-basic.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/side-nav'; import '@vaadin/icon'; import '@vaadin/icons'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line +import { applyTheme } from 'Frontend/generated/theme'; @customElement('side-nav-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/side-nav/side-nav-hierarchy.ts b/frontend/demo/component/side-nav/side-nav-hierarchy.ts index 1371efa8ed..ce5db0ac93 100644 --- a/frontend/demo/component/side-nav/side-nav-hierarchy.ts +++ b/frontend/demo/component/side-nav/side-nav-hierarchy.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/side-nav'; import '@vaadin/icon'; import '@vaadin/icons'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line +import { applyTheme } from 'Frontend/generated/theme'; @customElement('side-nav-hierarchy') export class Example extends LitElement { diff --git a/frontend/demo/component/side-nav/side-nav-labelled.ts b/frontend/demo/component/side-nav/side-nav-labelled.ts index 93b67c0f0e..73e14c51a4 100644 --- a/frontend/demo/component/side-nav/side-nav-labelled.ts +++ b/frontend/demo/component/side-nav/side-nav-labelled.ts @@ -1,13 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/side-nav'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/vertical-layout'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line +import { applyTheme } from 'Frontend/generated/theme'; @customElement('side-nav-labelled') export class Example extends LitElement { diff --git a/frontend/demo/component/side-nav/side-nav-styling.ts b/frontend/demo/component/side-nav/side-nav-styling.ts index e68c8d3e5b..457228eb48 100644 --- a/frontend/demo/component/side-nav/side-nav-styling.ts +++ b/frontend/demo/component/side-nav/side-nav-styling.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/side-nav'; import '@vaadin/icon'; import '@vaadin/icons'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line +import { applyTheme } from 'Frontend/generated/theme'; @customElement('side-nav-styling') export class Example extends LitElement { diff --git a/frontend/demo/component/side-nav/side-nav-suffix.ts b/frontend/demo/component/side-nav/side-nav-suffix.ts index 444125fb76..c0b59f095f 100644 --- a/frontend/demo/component/side-nav/side-nav-suffix.ts +++ b/frontend/demo/component/side-nav/side-nav-suffix.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/side-nav'; import '@vaadin/icon'; import '@vaadin/icons'; -import { applyTheme } from 'Frontend/generated/theme'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line +import { applyTheme } from 'Frontend/generated/theme'; @customElement('side-nav-suffix') export class Example extends LitElement { diff --git a/frontend/demo/component/splitlayout/split-layout-basic.ts b/frontend/demo/component/splitlayout/split-layout-basic.ts index a8a17c03d0..0a64e9bad6 100644 --- a/frontend/demo/component/splitlayout/split-layout-basic.ts +++ b/frontend/demo/component/splitlayout/split-layout-basic.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/split-layout'; -import { applyTheme } from 'Frontend/generated/theme'; import './master-content'; import './detail-content'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('split-layout-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/splitlayout/split-layout-initial-splitter-position.ts b/frontend/demo/component/splitlayout/split-layout-initial-splitter-position.ts index 377236cdc0..1a51f42055 100644 --- a/frontend/demo/component/splitlayout/split-layout-initial-splitter-position.ts +++ b/frontend/demo/component/splitlayout/split-layout-initial-splitter-position.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/split-layout'; -import { applyTheme } from 'Frontend/generated/theme'; import './master-content'; import './detail-content'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('split-layout-initial-splitter-position') export class Example extends LitElement { diff --git a/frontend/demo/component/splitlayout/split-layout-min-max-size.ts b/frontend/demo/component/splitlayout/split-layout-min-max-size.ts index 370e0dd487..937ee81ad2 100644 --- a/frontend/demo/component/splitlayout/split-layout-min-max-size.ts +++ b/frontend/demo/component/splitlayout/split-layout-min-max-size.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/split-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/split-layout'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('split-layout-min-max-size') diff --git a/frontend/demo/component/splitlayout/split-layout-orientation.ts b/frontend/demo/component/splitlayout/split-layout-orientation.ts index 2ca804aa58..52c3846d7a 100644 --- a/frontend/demo/component/splitlayout/split-layout-orientation.ts +++ b/frontend/demo/component/splitlayout/split-layout-orientation.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/split-layout'; -import { applyTheme } from 'Frontend/generated/theme'; import './master-content'; import './detail-content'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('split-layout-orientation') export class Example extends LitElement { diff --git a/frontend/demo/component/splitlayout/split-layout-theme-minimal.ts b/frontend/demo/component/splitlayout/split-layout-theme-minimal.ts index 73f65fa72e..aa9db6744f 100644 --- a/frontend/demo/component/splitlayout/split-layout-theme-minimal.ts +++ b/frontend/demo/component/splitlayout/split-layout-theme-minimal.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/split-layout'; -import { applyTheme } from 'Frontend/generated/theme'; import './master-content'; import './detail-content'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('split-layout-theme-minimal') export class Example extends LitElement { diff --git a/frontend/demo/component/splitlayout/split-layout-theme-small.ts b/frontend/demo/component/splitlayout/split-layout-theme-small.ts index f88170766f..91ed57bae2 100644 --- a/frontend/demo/component/splitlayout/split-layout-theme-small.ts +++ b/frontend/demo/component/splitlayout/split-layout-theme-small.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/split-layout'; -import { applyTheme } from 'Frontend/generated/theme'; import './master-content'; import './detail-content'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('split-layout-theme-small') export class Example extends LitElement { diff --git a/frontend/demo/component/splitlayout/split-layout-toggle.ts b/frontend/demo/component/splitlayout/split-layout-toggle.ts index c8de110751..42028f167c 100644 --- a/frontend/demo/component/splitlayout/split-layout-toggle.ts +++ b/frontend/demo/component/splitlayout/split-layout-toggle.ts @@ -1,13 +1,13 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/split-layout'; -import { applyTheme } from 'Frontend/generated/theme'; import './master-content'; import './detail-content'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import { applyTheme } from 'Frontend/generated/theme'; @customElement('split-layout-toggle') export class Example extends LitElement { diff --git a/frontend/demo/component/spreadsheet/spreadsheet-imports.ts b/frontend/demo/component/spreadsheet/spreadsheet-imports.ts index c22d23519d..7fd423dce0 100644 --- a/frontend/demo/component/spreadsheet/spreadsheet-imports.ts +++ b/frontend/demo/component/spreadsheet/spreadsheet-imports.ts @@ -1,5 +1,4 @@ import 'Frontend/demo/init'; - import '@vaadin/charts'; import '@vaadin/icon'; import '@vaadin/icons'; diff --git a/frontend/demo/component/tabs/tabs-badges.ts b/frontend/demo/component/tabs/tabs-badges.ts index d0a5c6012a..4085648c72 100644 --- a/frontend/demo/component/tabs/tabs-badges.ts +++ b/frontend/demo/component/tabs/tabs-badges.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { css, html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; import { badge } from '@vaadin/vaadin-lumo-styles/badge.js'; @customElement('tabs-badges') diff --git a/frontend/demo/component/tabs/tabs-basic.ts b/frontend/demo/component/tabs/tabs-basic.ts index e7c24b5b38..c212f03360 100644 --- a/frontend/demo/component/tabs/tabs-basic.ts +++ b/frontend/demo/component/tabs/tabs-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; @customElement('tabs-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-content.ts b/frontend/demo/component/tabs/tabs-content.ts index cf69a9f971..3d926f657e 100644 --- a/frontend/demo/component/tabs/tabs-content.ts +++ b/frontend/demo/component/tabs/tabs-content.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/tabs'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { TabsSelectedChangedEvent } from '@vaadin/tabs'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/tabs/tabs-focus-ring.ts b/frontend/demo/component/tabs/tabs-focus-ring.ts index 90a1cfa47d..c9ffafd3ca 100644 --- a/frontend/demo/component/tabs/tabs-focus-ring.ts +++ b/frontend/demo/component/tabs/tabs-focus-ring.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; @customElement('tabs-focus-ring') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-hide-scroll-buttons.ts b/frontend/demo/component/tabs/tabs-hide-scroll-buttons.ts index 11dfa7f43f..ec262b8ee5 100644 --- a/frontend/demo/component/tabs/tabs-hide-scroll-buttons.ts +++ b/frontend/demo/component/tabs/tabs-hide-scroll-buttons.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; @customElement('tabs-hide-scroll-buttons') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-horizontal.ts b/frontend/demo/component/tabs/tabs-horizontal.ts index d0f92b258c..a90fec3b39 100644 --- a/frontend/demo/component/tabs/tabs-horizontal.ts +++ b/frontend/demo/component/tabs/tabs-horizontal.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; @customElement('tabs-horizontal') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-icons-horizontal.ts b/frontend/demo/component/tabs/tabs-icons-horizontal.ts index d3c55b877e..1b69d1d3fd 100644 --- a/frontend/demo/component/tabs/tabs-icons-horizontal.ts +++ b/frontend/demo/component/tabs/tabs-icons-horizontal.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tabs'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; @customElement('tabs-icons-horizontal') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-icons-vertical.ts b/frontend/demo/component/tabs/tabs-icons-vertical.ts index a13458e24a..b37a4bc0bd 100644 --- a/frontend/demo/component/tabs/tabs-icons-vertical.ts +++ b/frontend/demo/component/tabs/tabs-icons-vertical.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tabs'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; @customElement('tabs-icons-vertical') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-states.ts b/frontend/demo/component/tabs/tabs-states.ts index 4dd6def7e1..75527fb59f 100644 --- a/frontend/demo/component/tabs/tabs-states.ts +++ b/frontend/demo/component/tabs/tabs-states.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; @customElement('tabs-states') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-theme-centered.ts b/frontend/demo/component/tabs/tabs-theme-centered.ts index 25544bbbeb..a58cd6712b 100644 --- a/frontend/demo/component/tabs/tabs-theme-centered.ts +++ b/frontend/demo/component/tabs/tabs-theme-centered.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; @customElement('tabs-theme-centered') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-theme-equal-width.ts b/frontend/demo/component/tabs/tabs-theme-equal-width.ts index 7ad25ee89e..b2c5fb671b 100644 --- a/frontend/demo/component/tabs/tabs-theme-equal-width.ts +++ b/frontend/demo/component/tabs/tabs-theme-equal-width.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; @customElement('tabs-theme-equal-width') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-theme-minimal.ts b/frontend/demo/component/tabs/tabs-theme-minimal.ts index 414ed06780..23da49ed39 100644 --- a/frontend/demo/component/tabs/tabs-theme-minimal.ts +++ b/frontend/demo/component/tabs/tabs-theme-minimal.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; @customElement('tabs-theme-minimal') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-theme-small.ts b/frontend/demo/component/tabs/tabs-theme-small.ts index 4d199962a8..8627b9c705 100644 --- a/frontend/demo/component/tabs/tabs-theme-small.ts +++ b/frontend/demo/component/tabs/tabs-theme-small.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; @customElement('tabs-theme-small') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabs-vertical.ts b/frontend/demo/component/tabs/tabs-vertical.ts index bc6d1ef17f..09e6c8813c 100644 --- a/frontend/demo/component/tabs/tabs-vertical.ts +++ b/frontend/demo/component/tabs/tabs-vertical.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tabs'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tabs'; @customElement('tabs-vertical') export class Example extends LitElement { diff --git a/frontend/demo/component/tabs/tabsheet-basic.ts b/frontend/demo/component/tabs/tabsheet-basic.ts index ac56cc19f4..8938714695 100644 --- a/frontend/demo/component/tabs/tabsheet-basic.ts +++ b/frontend/demo/component/tabs/tabsheet-basic.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/tabs'; import '@vaadin/tabsheet'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('tabsheet-basic') diff --git a/frontend/demo/component/tabs/tabsheet-lazy-initialization.ts b/frontend/demo/component/tabs/tabsheet-lazy-initialization.ts index d36bdadb03..7c3420942a 100644 --- a/frontend/demo/component/tabs/tabsheet-lazy-initialization.ts +++ b/frontend/demo/component/tabs/tabsheet-lazy-initialization.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/tabs'; import '@vaadin/tabsheet'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { TabSheetSelectedChangedEvent } from '@vaadin/tabsheet'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/tabs/tabsheet-prefix-suffix.ts b/frontend/demo/component/tabs/tabsheet-prefix-suffix.ts index 037c7ebd98..960124b83a 100644 --- a/frontend/demo/component/tabs/tabsheet-prefix-suffix.ts +++ b/frontend/demo/component/tabs/tabsheet-prefix-suffix.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tabs'; import '@vaadin/tabsheet'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('tabsheet-prefix-suffix') diff --git a/frontend/demo/component/tabs/tabsheet-theme-bordered.ts b/frontend/demo/component/tabs/tabsheet-theme-bordered.ts index c38385ef39..ebec87519c 100644 --- a/frontend/demo/component/tabs/tabsheet-theme-bordered.ts +++ b/frontend/demo/component/tabs/tabsheet-theme-bordered.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/tabs'; import '@vaadin/tabsheet'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; @customElement('tabsheet-theme-bordered') export class Example extends LitElement { diff --git a/frontend/demo/component/textarea/text-area-auto-height.ts b/frontend/demo/component/textarea/text-area-auto-height.ts index 469c508e7d..922c087098 100644 --- a/frontend/demo/component/textarea/text-area-auto-height.ts +++ b/frontend/demo/component/textarea/text-area-auto-height.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/text-area'; import { css, html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/text-area'; -import templates from '../../../../src/main/resources/data/templates.json'; import { applyTheme } from 'Frontend/generated/theme'; +import templates from '../../../../src/main/resources/data/templates.json'; @customElement('text-area-auto-height') export class Example extends LitElement { diff --git a/frontend/demo/component/textarea/text-area-basic-features.ts b/frontend/demo/component/textarea/text-area-basic-features.ts index 20b8b4049c..0f796b7332 100644 --- a/frontend/demo/component/textarea/text-area-basic-features.ts +++ b/frontend/demo/component/textarea/text-area-basic-features.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/text-area'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('text-area-basic-features') diff --git a/frontend/demo/component/textarea/text-area-basic.ts b/frontend/demo/component/textarea/text-area-basic.ts index 7853f0f739..7c07c754f5 100644 --- a/frontend/demo/component/textarea/text-area-basic.ts +++ b/frontend/demo/component/textarea/text-area-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/text-area'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/text-area'; import type { TextAreaValueChangedEvent } from '@vaadin/text-area'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/textarea/text-area-height.ts b/frontend/demo/component/textarea/text-area-height.ts index 2994a1bbf1..f520597150 100644 --- a/frontend/demo/component/textarea/text-area-height.ts +++ b/frontend/demo/component/textarea/text-area-height.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/text-area'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/text-area'; -import templates from '../../../../src/main/resources/data/templates.json'; import { applyTheme } from 'Frontend/generated/theme'; +import templates from '../../../../src/main/resources/data/templates.json'; @customElement('text-area-height') export class Example extends LitElement { diff --git a/frontend/demo/component/textarea/text-area-helper.ts b/frontend/demo/component/textarea/text-area-helper.ts index c4fe7e13bc..a0760e36c7 100644 --- a/frontend/demo/component/textarea/text-area-helper.ts +++ b/frontend/demo/component/textarea/text-area-helper.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/text-area'; import { css, html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/text-area'; import type { TextAreaValueChangedEvent } from '@vaadin/text-area'; -import templates from '../../../../src/main/resources/data/templates.json'; import { applyTheme } from 'Frontend/generated/theme'; +import templates from '../../../../src/main/resources/data/templates.json'; @customElement('text-area-helper-2') export class Example extends LitElement { diff --git a/frontend/demo/component/textarea/text-area-readonly-and-disabled.ts b/frontend/demo/component/textarea/text-area-readonly-and-disabled.ts index dec5b423c3..e2601fcd43 100644 --- a/frontend/demo/component/textarea/text-area-readonly-and-disabled.ts +++ b/frontend/demo/component/textarea/text-area-readonly-and-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/text-area'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('text-area-readonly-and-disabled') diff --git a/frontend/demo/component/textarea/text-area-styles.ts b/frontend/demo/component/textarea/text-area-styles.ts index e9d60d8e5e..7891b91c7b 100644 --- a/frontend/demo/component/textarea/text-area-styles.ts +++ b/frontend/demo/component/textarea/text-area-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/text-area'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/text-area'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('text-area-styles') diff --git a/frontend/demo/component/textarea/text-area-validation.ts b/frontend/demo/component/textarea/text-area-validation.ts index d8e3e948f6..d6740f1a72 100644 --- a/frontend/demo/component/textarea/text-area-validation.ts +++ b/frontend/demo/component/textarea/text-area-validation.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/text-area'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/text-area'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('text-area-validation') diff --git a/frontend/demo/component/textfield/text-field-basic-features.ts b/frontend/demo/component/textfield/text-field-basic-features.ts index e8d207bc78..ac60d55706 100644 --- a/frontend/demo/component/textfield/text-field-basic-features.ts +++ b/frontend/demo/component/textfield/text-field-basic-features.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/text-field'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('text-field-basic-features') diff --git a/frontend/demo/component/textfield/text-field-basic.ts b/frontend/demo/component/textfield/text-field-basic.ts index ccf0ac0d80..4cd563e03c 100644 --- a/frontend/demo/component/textfield/text-field-basic.ts +++ b/frontend/demo/component/textfield/text-field-basic.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('text-field-basic') diff --git a/frontend/demo/component/textfield/text-field-readonly-and-disabled.ts b/frontend/demo/component/textfield/text-field-readonly-and-disabled.ts index 46d95d8bd2..03913de49e 100644 --- a/frontend/demo/component/textfield/text-field-readonly-and-disabled.ts +++ b/frontend/demo/component/textfield/text-field-readonly-and-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('text-field-readonly-and-disabled') diff --git a/frontend/demo/component/textfield/text-field-styles.ts b/frontend/demo/component/textfield/text-field-styles.ts index f82aeeba9c..ec93b944f0 100644 --- a/frontend/demo/component/textfield/text-field-styles.ts +++ b/frontend/demo/component/textfield/text-field-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/text-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/text-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('text-field-styles') diff --git a/frontend/demo/component/textfield/text-field-validation.ts b/frontend/demo/component/textfield/text-field-validation.ts index 1d1c4faa3b..b88e873d94 100644 --- a/frontend/demo/component/textfield/text-field-validation.ts +++ b/frontend/demo/component/textfield/text-field-validation.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/text-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/text-field'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('text-field-validation') diff --git a/frontend/demo/component/timepicker/time-picker-auto-open.ts b/frontend/demo/component/timepicker/time-picker-auto-open.ts index 4c03636059..023e492add 100644 --- a/frontend/demo/component/timepicker/time-picker-auto-open.ts +++ b/frontend/demo/component/timepicker/time-picker-auto-open.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('time-picker-auto-open') diff --git a/frontend/demo/component/timepicker/time-picker-basic-features.ts b/frontend/demo/component/timepicker/time-picker-basic-features.ts index 08da0642f7..f3c74c1d67 100644 --- a/frontend/demo/component/timepicker/time-picker-basic-features.ts +++ b/frontend/demo/component/timepicker/time-picker-basic-features.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/time-picker'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('time-picker-basic-features') diff --git a/frontend/demo/component/timepicker/time-picker-basic.ts b/frontend/demo/component/timepicker/time-picker-basic.ts index 4984d04bad..200b18df9b 100644 --- a/frontend/demo/component/timepicker/time-picker-basic.ts +++ b/frontend/demo/component/timepicker/time-picker-basic.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('time-picker-basic') diff --git a/frontend/demo/component/timepicker/time-picker-custom-parser.ts b/frontend/demo/component/timepicker/time-picker-custom-parser.ts index af6873eb68..d15ed71d67 100644 --- a/frontend/demo/component/timepicker/time-picker-custom-parser.ts +++ b/frontend/demo/component/timepicker/time-picker-custom-parser.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('time-picker-custom-parser') diff --git a/frontend/demo/component/timepicker/time-picker-custom-validation.ts b/frontend/demo/component/timepicker/time-picker-custom-validation.ts index 181be061f9..92ba1dbe9f 100644 --- a/frontend/demo/component/timepicker/time-picker-custom-validation.ts +++ b/frontend/demo/component/timepicker/time-picker-custom-validation.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/time-picker'; import { Binder, field } from '@vaadin/hilla-lit-form'; import AppointmentModel from 'Frontend/generated/com/vaadin/demo/domain/AppointmentModel'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/timepicker/time-picker-minutes-step.ts b/frontend/demo/component/timepicker/time-picker-minutes-step.ts index 5340868ead..afdf864d5b 100644 --- a/frontend/demo/component/timepicker/time-picker-minutes-step.ts +++ b/frontend/demo/component/timepicker/time-picker-minutes-step.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('time-picker-minutes-step') diff --git a/frontend/demo/component/timepicker/time-picker-readonly-and-disabled.ts b/frontend/demo/component/timepicker/time-picker-readonly-and-disabled.ts index 06f4985b7c..7d502ac2e6 100644 --- a/frontend/demo/component/timepicker/time-picker-readonly-and-disabled.ts +++ b/frontend/demo/component/timepicker/time-picker-readonly-and-disabled.ts @@ -1,9 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/time-picker'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('time-picker-readonly-and-disabled') diff --git a/frontend/demo/component/timepicker/time-picker-seconds-step.ts b/frontend/demo/component/timepicker/time-picker-seconds-step.ts index c99090fa7f..ee18e54db5 100644 --- a/frontend/demo/component/timepicker/time-picker-seconds-step.ts +++ b/frontend/demo/component/timepicker/time-picker-seconds-step.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('time-picker-seconds-step') diff --git a/frontend/demo/component/timepicker/time-picker-styles.ts b/frontend/demo/component/timepicker/time-picker-styles.ts index 0f5f4ca9fd..9947acfae5 100644 --- a/frontend/demo/component/timepicker/time-picker-styles.ts +++ b/frontend/demo/component/timepicker/time-picker-styles.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/time-picker'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/time-picker'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('time-picker-styles') diff --git a/frontend/demo/component/timepicker/time-picker-validation.ts b/frontend/demo/component/timepicker/time-picker-validation.ts index 6e30514a2e..cd73a969a3 100644 --- a/frontend/demo/component/timepicker/time-picker-validation.ts +++ b/frontend/demo/component/timepicker/time-picker-validation.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/time-picker'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import '@vaadin/time-picker'; import type { TimePickerChangeEvent } from '@vaadin/time-picker'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/tooltip/tooltip-basic.ts b/frontend/demo/component/tooltip/tooltip-basic.ts index 5cdbe1d056..e1fd6594d4 100644 --- a/frontend/demo/component/tooltip/tooltip-basic.ts +++ b/frontend/demo/component/tooltip/tooltip-basic.ts @@ -1,11 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/text-field'; import '@vaadin/tooltip'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('tooltip-basic') diff --git a/frontend/demo/component/tooltip/tooltip-html-element.ts b/frontend/demo/component/tooltip/tooltip-html-element.ts index 2915b8d834..a43fecf974 100644 --- a/frontend/demo/component/tooltip/tooltip-html-element.ts +++ b/frontend/demo/component/tooltip/tooltip-html-element.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/tooltip'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/tooltip'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('tooltip-html-element') diff --git a/frontend/demo/component/tooltip/tooltip-manual.ts b/frontend/demo/component/tooltip/tooltip-manual.ts index 3c4b29ea4f..e507cc7c9c 100644 --- a/frontend/demo/component/tooltip/tooltip-manual.ts +++ b/frontend/demo/component/tooltip/tooltip-manual.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/text-field'; import '@vaadin/tooltip'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('tooltip-manual') diff --git a/frontend/demo/component/tooltip/tooltip-positioning.ts b/frontend/demo/component/tooltip/tooltip-positioning.ts index 33bae65a40..a8b7a3067c 100644 --- a/frontend/demo/component/tooltip/tooltip-positioning.ts +++ b/frontend/demo/component/tooltip/tooltip-positioning.ts @@ -1,12 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/app-layout'; import '@vaadin/app-layout/vaadin-drawer-toggle.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/tabs'; import '@vaadin/tooltip'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('tooltip-positioning') diff --git a/frontend/demo/component/tree-grid/tree-grid-basic.ts b/frontend/demo/component/tree-grid/tree-grid-basic.ts index 6603c6262a..b5bd5a19fb 100644 --- a/frontend/demo/component/tree-grid/tree-grid-basic.ts +++ b/frontend/demo/component/tree-grid/tree-grid-basic.ts @@ -1,10 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/grid'; +import '@vaadin/grid/vaadin-grid-tree-column.js'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/grid'; import type { GridDataProviderCallback, GridDataProviderParams } from '@vaadin/grid'; -import '@vaadin/grid/vaadin-grid-tree-column.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/tree-grid/tree-grid-column.ts b/frontend/demo/component/tree-grid/tree-grid-column.ts index c12a8337fc..0dc5a45d7d 100644 --- a/frontend/demo/component/tree-grid/tree-grid-column.ts +++ b/frontend/demo/component/tree-grid/tree-grid-column.ts @@ -1,12 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/grid'; -import type { GridDataProviderCallback, GridDataProviderParams } from '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-tree-column.js'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { GridDataProviderCallback, GridDataProviderParams } from '@vaadin/grid'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/tree-grid/tree-grid-rich-content.ts b/frontend/demo/component/tree-grid/tree-grid-rich-content.ts index 181e06f159..7739560721 100644 --- a/frontend/demo/component/tree-grid/tree-grid-rich-content.ts +++ b/frontend/demo/component/tree-grid/tree-grid-rich-content.ts @@ -1,19 +1,18 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/avatar'; import '@vaadin/button'; import '@vaadin/grid'; -import type { GridDataProviderCallback, GridDataProviderParams } from '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-tree-toggle.js'; -import type { GridTreeToggleExpandedChangedEvent } from '@vaadin/grid/vaadin-grid-tree-toggle.js'; -import { columnBodyRenderer } from '@vaadin/grid/lit.js'; -import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import type { GridDataProviderCallback, GridDataProviderParams } from '@vaadin/grid'; +import type { GridColumnBodyLitRenderer } from '@vaadin/grid/lit.js'; +import { columnBodyRenderer } from '@vaadin/grid/lit.js'; +import type { GridTreeToggleExpandedChangedEvent } from '@vaadin/grid/vaadin-grid-tree-toggle.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/tree-grid/tree-grid-scroll-to-index.ts b/frontend/demo/component/tree-grid/tree-grid-scroll-to-index.ts index 2d155892e4..e5bfdfe7bb 100644 --- a/frontend/demo/component/tree-grid/tree-grid-scroll-to-index.ts +++ b/frontend/demo/component/tree-grid/tree-grid-scroll-to-index.ts @@ -1,20 +1,19 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement, query, state } from 'lit/decorators.js'; import '@vaadin/grid'; import '@vaadin/button'; import '@vaadin/integer-field'; import '@vaadin/horizontal-layout'; -import type { IntegerFieldChangeEvent } from '@vaadin/integer-field'; +import '@vaadin/grid/vaadin-grid-tree-column.js'; +import { html, LitElement } from 'lit'; +import { customElement, query, state } from 'lit/decorators.js'; import type { Grid, + GridActiveItemChangedEvent, + GridBodyRenderer, GridDataProviderCallback, GridDataProviderParams, - GridBodyRenderer, - GridActiveItemChangedEvent, } from '@vaadin/grid'; -import '@vaadin/grid/vaadin-grid-tree-column.js'; +import type { IntegerFieldChangeEvent } from '@vaadin/integer-field'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/upload/react/upload-demo-mock-files.ts b/frontend/demo/component/upload/react/upload-demo-mock-files.ts index 9a937e3c26..b0a72b9c23 100644 --- a/frontend/demo/component/upload/react/upload-demo-mock-files.ts +++ b/frontend/demo/component/upload/react/upload-demo-mock-files.ts @@ -1,5 +1,5 @@ -import { createFakeUploadFiles, mockErrorXhrGenerator } from './upload-demo-helpers'; import { Upload } from '@vaadin/upload'; +import { createFakeUploadFiles, mockErrorXhrGenerator } from './upload-demo-helpers'; declare module '@vaadin/upload' { // eslint-disable-next-line @typescript-eslint/no-shadow diff --git a/frontend/demo/component/upload/upload-all-files.ts b/frontend/demo/component/upload/upload-all-files.ts index 9fa8101627..65f3605200 100644 --- a/frontend/demo/component/upload/upload-all-files.ts +++ b/frontend/demo/component/upload/upload-all-files.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line -import { createFakeFilesUploadAllFiles } from './upload-demo-mock-files'; // hidden-source-line +import '@vaadin/upload'; import { html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; -import '@vaadin/upload'; import type { Upload } from '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; +import { createFakeFilesUploadAllFiles } from './upload-demo-mock-files'; // hidden-source-line @customElement('upload-all-files') export class Example extends LitElement { diff --git a/frontend/demo/component/upload/upload-auto-upload-disabled.ts b/frontend/demo/component/upload/upload-auto-upload-disabled.ts index dee28d9322..bc250d3a33 100644 --- a/frontend/demo/component/upload/upload-auto-upload-disabled.ts +++ b/frontend/demo/component/upload/upload-auto-upload-disabled.ts @@ -1,11 +1,11 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line -import { createFakeFilesUploadAutoUploadDisabled } from './upload-demo-mock-files'; // hidden-source-line +import '@vaadin/upload'; import { html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; -import '@vaadin/upload'; import type { Upload } from '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; +import { createFakeFilesUploadAutoUploadDisabled } from './upload-demo-mock-files'; // hidden-source-line @customElement('upload-auto-upload-disabled') export class Example extends LitElement { diff --git a/frontend/demo/component/upload/upload-basic.ts b/frontend/demo/component/upload/upload-basic.ts index 586dde6d98..6f611693d3 100644 --- a/frontend/demo/component/upload/upload-basic.ts +++ b/frontend/demo/component/upload/upload-basic.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line -import { createFakeFilesUploadBasic } from './upload-demo-mock-files'; // hidden-source-line +import '@vaadin/upload'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; +import { createFakeFilesUploadBasic } from './upload-demo-mock-files'; // hidden-source-line @customElement('upload-basic') export class Example extends LitElement { diff --git a/frontend/demo/component/upload/upload-button-theme-variant.ts b/frontend/demo/component/upload/upload-button-theme-variant.ts index 3afb6d0e0a..5dc96fc70f 100644 --- a/frontend/demo/component/upload/upload-button-theme-variant.ts +++ b/frontend/demo/component/upload/upload-button-theme-variant.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line +import '@vaadin/button'; +import '@vaadin/upload'; import { html, LitElement } from 'lit'; import { customElement, query, state } from 'lit/decorators.js'; -import '@vaadin/button'; import { Notification } from '@vaadin/notification'; -import '@vaadin/upload'; import type { Upload, UploadFileRejectEvent, diff --git a/frontend/demo/component/upload/upload-clear-button.ts b/frontend/demo/component/upload/upload-clear-button.ts index 57a6d7c094..08d3d7bb6c 100644 --- a/frontend/demo/component/upload/upload-clear-button.ts +++ b/frontend/demo/component/upload/upload-clear-button.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import { createFakeUploadFiles } from './upload-demo-helpers'; // hidden-source-line +import '@vaadin/upload'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; +import { createFakeUploadFiles } from './upload-demo-helpers'; // hidden-source-line function createFakeFiles() { return createFakeUploadFiles([ diff --git a/frontend/demo/component/upload/upload-demo-mock-files.ts b/frontend/demo/component/upload/upload-demo-mock-files.ts index 5f81703e16..ad462e2fcf 100644 --- a/frontend/demo/component/upload/upload-demo-mock-files.ts +++ b/frontend/demo/component/upload/upload-demo-mock-files.ts @@ -1,5 +1,5 @@ -import { createFakeUploadFiles, mockErrorXhrGenerator } from './upload-demo-helpers'; import { Upload } from '@vaadin/upload'; +import { createFakeUploadFiles, mockErrorXhrGenerator } from './upload-demo-helpers'; // Used by `upload-basic.ts` export function createFakeFilesUploadBasic() { diff --git a/frontend/demo/component/upload/upload-drag-and-drop.ts b/frontend/demo/component/upload/upload-drag-and-drop.ts index 74d70abac8..9f83159971 100644 --- a/frontend/demo/component/upload/upload-drag-and-drop.ts +++ b/frontend/demo/component/upload/upload-drag-and-drop.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line +import '@vaadin/form-layout'; +import '@vaadin/upload'; import { css, html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/form-layout'; import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; -import '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; const layoutSteps: FormLayoutResponsiveStep[] = [ diff --git a/frontend/demo/component/upload/upload-drop-label.ts b/frontend/demo/component/upload/upload-drop-label.ts index 306756c68f..5c5b9192ac 100644 --- a/frontend/demo/component/upload/upload-drop-label.ts +++ b/frontend/demo/component/upload/upload-drop-label.ts @@ -1,10 +1,10 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/upload'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; @customElement('upload-drop-label') diff --git a/frontend/demo/component/upload/upload-error-messages.ts b/frontend/demo/component/upload/upload-error-messages.ts index 7372b9cbbb..fea68a0137 100644 --- a/frontend/demo/component/upload/upload-error-messages.ts +++ b/frontend/demo/component/upload/upload-error-messages.ts @@ -1,12 +1,12 @@ import 'Frontend/demo/init'; // hidden-source-line -/* prettier-ignore */ import {createFakeFilesUploadErrorMessagesA, createFakeFilesUploadErrorMessagesB} from './upload-demo-mock-files'; // hidden-source-line +import '@vaadin/form-layout'; +import '@vaadin/upload'; import { html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; -import '@vaadin/form-layout'; import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; -import '@vaadin/upload'; import type { Upload } from '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; +/* prettier-ignore */ import {createFakeFilesUploadErrorMessagesA, createFakeFilesUploadErrorMessagesB} from './upload-demo-mock-files'; // hidden-source-line const layoutSteps: FormLayoutResponsiveStep[] = [ { minWidth: 0, columns: 1, labelsPosition: 'top' }, diff --git a/frontend/demo/component/upload/upload-file-count.ts b/frontend/demo/component/upload/upload-file-count.ts index e49482c634..0cafc8dc7e 100644 --- a/frontend/demo/component/upload/upload-file-count.ts +++ b/frontend/demo/component/upload/upload-file-count.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line +import '@vaadin/upload'; import { css, html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; import { Notification } from '@vaadin/notification'; -import '@vaadin/upload'; import type { Upload, UploadFileRejectEvent } from '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/upload/upload-file-format.ts b/frontend/demo/component/upload/upload-file-format.ts index 79bf9fbd14..8cd1d01716 100644 --- a/frontend/demo/component/upload/upload-file-format.ts +++ b/frontend/demo/component/upload/upload-file-format.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line +import '@vaadin/upload'; import { css, html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; import { Notification } from '@vaadin/notification'; -import '@vaadin/upload'; import type { Upload, UploadFileRejectEvent } from '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/upload/upload-file-size.ts b/frontend/demo/component/upload/upload-file-size.ts index e9782704ed..efae40dd08 100644 --- a/frontend/demo/component/upload/upload-file-size.ts +++ b/frontend/demo/component/upload/upload-file-size.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line +import '@vaadin/upload'; import { css, html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; import { Notification } from '@vaadin/notification'; -import '@vaadin/upload'; import type { Upload, UploadFileRejectEvent } from '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/upload/upload-helper.ts b/frontend/demo/component/upload/upload-helper.ts index 7a0b297418..61e21324e9 100644 --- a/frontend/demo/component/upload/upload-helper.ts +++ b/frontend/demo/component/upload/upload-helper.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line +import '@vaadin/upload'; import { css, html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; import { Notification } from '@vaadin/notification'; -import '@vaadin/upload'; import type { Upload, UploadFileRejectEvent } from '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/upload/upload-internationalization.ts b/frontend/demo/component/upload/upload-internationalization.ts index 84cb397ccd..49dd2858bb 100644 --- a/frontend/demo/component/upload/upload-internationalization.ts +++ b/frontend/demo/component/upload/upload-internationalization.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line +import '@vaadin/upload'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/upload'; import type { UploadI18n } from '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/upload/upload-labelling.ts b/frontend/demo/component/upload/upload-labelling.ts index 2a378ffee2..feb265505f 100644 --- a/frontend/demo/component/upload/upload-labelling.ts +++ b/frontend/demo/component/upload/upload-labelling.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line import './upload-demo-helpers'; // hidden-source-line +import '@vaadin/upload'; import { html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; import { Notification } from '@vaadin/notification'; -import '@vaadin/upload'; import type { Upload, UploadFileRejectEvent } from '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/upload/upload-retry-button.ts b/frontend/demo/component/upload/upload-retry-button.ts index 5bf057e451..b1a241e991 100644 --- a/frontend/demo/component/upload/upload-retry-button.ts +++ b/frontend/demo/component/upload/upload-retry-button.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import { createFakeUploadFiles } from './upload-demo-helpers'; // hidden-source-line +import '@vaadin/upload'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; +import { createFakeUploadFiles } from './upload-demo-helpers'; // hidden-source-line function createFakeFiles() { return createFakeUploadFiles([ diff --git a/frontend/demo/component/upload/upload-start-button.ts b/frontend/demo/component/upload/upload-start-button.ts index 19bcf774e7..d4b91266eb 100644 --- a/frontend/demo/component/upload/upload-start-button.ts +++ b/frontend/demo/component/upload/upload-start-button.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import { createFakeUploadFiles } from './upload-demo-helpers'; // hidden-source-line +import '@vaadin/upload'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/upload'; import { applyTheme } from 'Frontend/generated/theme'; +import { createFakeUploadFiles } from './upload-demo-helpers'; // hidden-source-line function createFakeFiles() { return createFakeUploadFiles([ diff --git a/frontend/demo/component/virtuallist/virtual-list-basic.ts b/frontend/demo/component/virtuallist/virtual-list-basic.ts index c5683cae63..85f4261634 100644 --- a/frontend/demo/component/virtuallist/virtual-list-basic.ts +++ b/frontend/demo/component/virtuallist/virtual-list-basic.ts @@ -1,16 +1,15 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement, css } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; -import { live } from 'lit/directives/live.js'; import '@vaadin/avatar'; import '@vaadin/details'; -import type { Details } from '@vaadin/details'; import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; import '@vaadin/virtual-list'; -import { virtualListRenderer } from '@vaadin/virtual-list/lit.js'; +import { css, html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import { live } from 'lit/directives/live.js'; +import type { Details } from '@vaadin/details'; import type { VirtualListLitRenderer } from '@vaadin/virtual-list/lit.js'; +import { virtualListRenderer } from '@vaadin/virtual-list/lit.js'; import { getPeople } from 'Frontend/demo/domain/DataService'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/domain/DataService.ts b/frontend/demo/domain/DataService.ts index a825a8a745..bfadfd7d17 100644 --- a/frontend/demo/domain/DataService.ts +++ b/frontend/demo/domain/DataService.ts @@ -1,6 +1,6 @@ +import type Card from 'Frontend/generated/com/vaadin/demo/domain/Card'; import type Country from 'Frontend/generated/com/vaadin/demo/domain/Country'; import type Person from 'Frontend/generated/com/vaadin/demo/domain/Person'; -import type Card from 'Frontend/generated/com/vaadin/demo/domain/Card'; import type RawReport from 'Frontend/generated/com/vaadin/demo/domain/Report'; import type ServiceHealth from 'Frontend/generated/com/vaadin/demo/domain/ServiceHealth'; import type UserPermissions from 'Frontend/generated/com/vaadin/demo/domain/UserPermissions'; diff --git a/frontend/demo/flow/application/events/events-basic.ts b/frontend/demo/flow/application/events/events-basic.ts index 3d676b68cb..d0c5510318 100644 --- a/frontend/demo/flow/application/events/events-basic.ts +++ b/frontend/demo/flow/application/events/events-basic.ts @@ -1,7 +1,7 @@ -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; @customElement('fusion-application-events-basic') // tag::snippet[] diff --git a/frontend/demo/flow/application/images/icons-basic.ts b/frontend/demo/flow/application/images/icons-basic.ts index 4d74a2238e..18187aa467 100644 --- a/frontend/demo/flow/application/images/icons-basic.ts +++ b/frontend/demo/flow/application/images/icons-basic.ts @@ -1,10 +1,10 @@ -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; @customElement('fusion-application-icons-basic') export class IconsBasic extends LitElement { diff --git a/frontend/demo/flow/application/routing/index.ts b/frontend/demo/flow/application/routing/index.ts index ac53266dcf..31a6087cae 100644 --- a/frontend/demo/flow/application/routing/index.ts +++ b/frontend/demo/flow/application/routing/index.ts @@ -1,6 +1,6 @@ // tag::snippet[] -import { Router } from '@vaadin/router'; import { Flow } from '@vaadin/flow-frontend'; +import { Router } from '@vaadin/router'; // Get automatically generated routes to server-side views const { serverSideRoutes } = new Flow({ diff --git a/frontend/demo/flow/application/routing/routing-basic.ts b/frontend/demo/flow/application/routing/routing-basic.ts index 48a7c34a73..991d81de69 100644 --- a/frontend/demo/flow/application/routing/routing-basic.ts +++ b/frontend/demo/flow/application/routing/routing-basic.ts @@ -1,10 +1,10 @@ -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/form-layout'; import '@vaadin/password-field'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; @customElement('routing-login') export class LoginView extends LitElement { diff --git a/frontend/demo/flow/application/routing/routing-registration.ts b/frontend/demo/flow/application/routing/routing-registration.ts index 0284f45ca2..44853b1890 100644 --- a/frontend/demo/flow/application/routing/routing-registration.ts +++ b/frontend/demo/flow/application/routing/routing-registration.ts @@ -1,6 +1,6 @@ +import '@vaadin/button'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/button'; @customElement('routing-registration') export class RegistrationView extends LitElement { diff --git a/frontend/demo/flow/application/ui/ui-menu-basic.ts b/frontend/demo/flow/application/ui/ui-menu-basic.ts index da1da8c901..39c6289406 100644 --- a/frontend/demo/flow/application/ui/ui-menu-basic.ts +++ b/frontend/demo/flow/application/ui/ui-menu-basic.ts @@ -1,8 +1,8 @@ import '../../../init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/horizontal-layout'; import '@vaadin/tabs'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; @customElement('fusion-application-ui-menu') export class UiMenu extends LitElement { diff --git a/frontend/demo/flow/binding/binding-overview.ts b/frontend/demo/flow/binding/binding-overview.ts index 588604c412..be31b2a4f1 100644 --- a/frontend/demo/flow/binding/binding-overview.ts +++ b/frontend/demo/flow/binding/binding-overview.ts @@ -1,7 +1,4 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/form-layout'; import '@vaadin/form-layout/vaadin-form-item.js'; @@ -10,6 +7,8 @@ import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; @customElement('binding-overview') export class DataBindingExample extends LitElement { diff --git a/frontend/demo/foundation/icons-preview.ts b/frontend/demo/foundation/icons-preview.ts index 0454a31493..bdc98af76c 100644 --- a/frontend/demo/foundation/icons-preview.ts +++ b/frontend/demo/foundation/icons-preview.ts @@ -1,9 +1,9 @@ import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; -import { Iconset } from '@vaadin/icon/vaadin-iconset.js'; -import { LitElement, html } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; +import { Iconset } from '@vaadin/icon/vaadin-iconset.js'; type VaadinIconset = Iconset & { _icons: string[] }; @@ -120,13 +120,12 @@ export class IconsPreview extends LitElement { />
    ${this.iconNames?.map( - (name: string) => - html` -
  • - - ${name} -
    • - ` + (name: string) => html` +
  • + + ${name} +
    • + ` )}
`; diff --git a/frontend/demo/foundation/lumo-tokens.ts b/frontend/demo/foundation/lumo-tokens.ts index 361491e03c..1b06da5685 100644 --- a/frontend/demo/foundation/lumo-tokens.ts +++ b/frontend/demo/foundation/lumo-tokens.ts @@ -2,7 +2,6 @@ // tag::color[] import '@vaadin/vaadin-lumo-styles/color.js'; // end::color[] -import { color } from '@vaadin/vaadin-lumo-styles/color.js'; // hidden-source-line // tag::typography[] import '@vaadin/vaadin-lumo-styles/typography.js'; // end::typography[] @@ -18,9 +17,10 @@ import '@vaadin/vaadin-lumo-styles/style.js'; // tag::utility-classes[] import '@vaadin/vaadin-lumo-styles/utility.js'; // end::utility-classes[] +import { color } from '@vaadin/vaadin-lumo-styles/color.js'; // hidden-source-line import { utility } from '@vaadin/vaadin-lumo-styles/utility.js'; // hidden-source-line -import { includeModule } from './include-module'; // hidden-source-line import { applyTheme } from 'Frontend/generated/theme'; // hidden-source-line +import { includeModule } from './include-module'; // hidden-source-line // prettier-ignore includeModule(color, (css) => `[theme~="dark"] ${css.split("[theme~='dark']")[1].split('}')[0]} }`); // hidden-source-line // prettier-ignore diff --git a/frontend/demo/foundation/material-tokens.ts b/frontend/demo/foundation/material-tokens.ts index 810e16e5b3..f9823dce65 100644 --- a/frontend/demo/foundation/material-tokens.ts +++ b/frontend/demo/foundation/material-tokens.ts @@ -2,10 +2,10 @@ // tag::color[] import '@vaadin/vaadin-material-styles/color'; // end::color[] -import { colorDark } from '@vaadin/vaadin-material-styles/color'; // hidden-source-line // tag::typography[] import '@vaadin/vaadin-material-styles/typography'; // end::typography[] +import { colorDark } from '@vaadin/vaadin-material-styles/color'; // hidden-source-line import { includeModule } from './include-module'; // hidden-source-line // prettier-ignore includeModule(colorDark, (css) => css.replace(':host', 'html[theme~="dark"]').replace('background-color: var(--material-background-color);', '').replace('color: var(--material-body-text-color);', '')); // hidden-source-line diff --git a/frontend/demo/fusion/application/basic/my-view.ts b/frontend/demo/fusion/application/basic/my-view.ts index 831830459f..b7f6e6759c 100644 --- a/frontend/demo/fusion/application/basic/my-view.ts +++ b/frontend/demo/fusion/application/basic/my-view.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/button'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/button'; import { Notification } from '@vaadin/notification'; // tag::snippet[] diff --git a/frontend/demo/fusion/application/basic/reactive-view.ts b/frontend/demo/fusion/application/basic/reactive-view.ts index f28ed6a0f0..2a7208a3cc 100644 --- a/frontend/demo/fusion/application/basic/reactive-view.ts +++ b/frontend/demo/fusion/application/basic/reactive-view.ts @@ -1,8 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line - +import '@vaadin/button'; import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import '@vaadin/button'; // tag::snippet[] @customElement('reactive-view') diff --git a/frontend/demo/fusion/application/events/click-view.ts b/frontend/demo/fusion/application/events/click-view.ts index 58de2f1661..5a65041753 100644 --- a/frontend/demo/fusion/application/events/click-view.ts +++ b/frontend/demo/fusion/application/events/click-view.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/button'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -import '@vaadin/button'; import { Notification } from '@vaadin/notification'; // tag::snippet[] diff --git a/frontend/demo/fusion/application/events/value-changed-view.ts b/frontend/demo/fusion/application/events/value-changed-view.ts index 71eb341553..98b6262724 100644 --- a/frontend/demo/fusion/application/events/value-changed-view.ts +++ b/frontend/demo/fusion/application/events/value-changed-view.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; // tag::snippet[] @customElement('value-changed-view') diff --git a/frontend/demo/fusion/authentication/auth.ts b/frontend/demo/fusion/authentication/auth.ts index a4250a35b6..3f43a50131 100644 --- a/frontend/demo/fusion/authentication/auth.ts +++ b/frontend/demo/fusion/authentication/auth.ts @@ -9,8 +9,8 @@ import { } from '@vaadin/hilla-frontend'; // end::impl[] // tag::userinfo[] -import { UserInfoService } from 'Frontend/generated/endpoints'; import type UserInfo from 'Frontend/generated/com/vaadin/demo/fusion/security/authentication/UserInfo'; +import { UserInfoService } from 'Frontend/generated/endpoints'; // end::userinfo[] // tag::basic[] diff --git a/frontend/demo/fusion/authentication/handle-session-expiration/login-overlay.ts b/frontend/demo/fusion/authentication/handle-session-expiration/login-overlay.ts index 454ef4167a..95a187ae2b 100644 --- a/frontend/demo/fusion/authentication/handle-session-expiration/login-overlay.ts +++ b/frontend/demo/fusion/authentication/handle-session-expiration/login-overlay.ts @@ -1,13 +1,13 @@ import { LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; +import type { LoginResult } from '@vaadin/hilla-frontend'; import { Router } from '@vaadin/router'; -import { LoginResult } from '@vaadin/hilla-frontend'; @customElement('login-view') export class LoginView extends LitElement { private returnUrl = '/'; - // @ts-ignore + // @ts-expect-error // eslint-disable-next-line @typescript-eslint/no-unused-vars private onSuccess = (_: LoginResult) => { Router.go(this.returnUrl); diff --git a/frontend/demo/fusion/authentication/login-view.ts b/frontend/demo/fusion/authentication/login-view.ts index d2cc971483..b540f7562b 100644 --- a/frontend/demo/fusion/authentication/login-view.ts +++ b/frontend/demo/fusion/authentication/login-view.ts @@ -1,9 +1,9 @@ +import '@vaadin/login'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import type { LoginResult } from '@vaadin/hilla-frontend'; -import { login } from './auth'; import type { AfterEnterObserver, RouterLocation } from '@vaadin/router'; -import '@vaadin/login'; +import { login } from './auth'; @customElement('login-view') export class LoginView extends LitElement implements AfterEnterObserver { diff --git a/frontend/demo/fusion/authentication/main-view.ts b/frontend/demo/fusion/authentication/main-view.ts index 6becb37255..5f40b50694 100644 --- a/frontend/demo/fusion/authentication/main-view.ts +++ b/frontend/demo/fusion/authentication/main-view.ts @@ -1,8 +1,8 @@ import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { repeat } from 'lit/directives/repeat.js'; -import { isAuthorizedViewRoute, routes } from './routes'; import { Router } from '@vaadin/router'; +import { isAuthorizedViewRoute, routes } from './routes'; export const router = new Router(document.querySelector('#outlet')); diff --git a/frontend/demo/fusion/authentication/protected-view.ts b/frontend/demo/fusion/authentication/protected-view.ts index c11dca0eb5..1ee0469480 100644 --- a/frontend/demo/fusion/authentication/protected-view.ts +++ b/frontend/demo/fusion/authentication/protected-view.ts @@ -1,6 +1,10 @@ -import { BeforeEnterObserver, PreventAndRedirectCommands, RouterLocation } from '@vaadin/router'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; +import type { + BeforeEnterObserver, + PreventAndRedirectCommands, + RouterLocation, +} from '@vaadin/router'; import { isLoggedIn } from './auth'; @customElement('protected-view') diff --git a/frontend/demo/fusion/authentication/routes.ts b/frontend/demo/fusion/authentication/routes.ts index c444259ef6..f476edf176 100644 --- a/frontend/demo/fusion/authentication/routes.ts +++ b/frontend/demo/fusion/authentication/routes.ts @@ -1,4 +1,4 @@ -import { Route, Router } from '@vaadin/router'; +import type { Route, Router } from '@vaadin/router'; import { isUserInRole } from './auth'; // Enable declaring additional data on the routes diff --git a/frontend/demo/fusion/components/color-picker-view.ts b/frontend/demo/fusion/components/color-picker-view.ts index fac2ae51b4..e6d0477eb5 100644 --- a/frontend/demo/fusion/components/color-picker-view.ts +++ b/frontend/demo/fusion/components/color-picker-view.ts @@ -1,11 +1,9 @@ +import '@vaadin/text-field'; +import 'vanilla-colorful'; import { html, LitElement } from 'lit'; import { customElement, query } from 'lit/decorators.js'; - -import '@vaadin/text-field'; import type { TextField } from '@vaadin/text-field'; -import 'vanilla-colorful'; - @customElement('color-picker-view') export class ColorPickerView extends LitElement { @query('#hex') diff --git a/frontend/demo/fusion/components/greeting-view.ts b/frontend/demo/fusion/components/greeting-view.ts index b007855c25..401ae0d14a 100644 --- a/frontend/demo/fusion/components/greeting-view.ts +++ b/frontend/demo/fusion/components/greeting-view.ts @@ -1,8 +1,7 @@ -import { html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; - import '@vaadin/checkbox'; import '@vaadin/combo-box'; +import { html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; import type { ComboBoxValueChangedEvent } from '@vaadin/combo-box'; @customElement('greeting-view') diff --git a/frontend/demo/fusion/errorhandling/catch-error.ts b/frontend/demo/fusion/errorhandling/catch-error.ts index 3170b49f37..984bd0759a 100644 --- a/frontend/demo/fusion/errorhandling/catch-error.ts +++ b/frontend/demo/fusion/errorhandling/catch-error.ts @@ -1,5 +1,4 @@ import { EndpointError } from '@vaadin/hilla-frontend'; - import { DataEndpoint } from 'Frontend/generated/endpoints'; export async function callEndpoint() { @@ -7,8 +6,8 @@ export async function callEndpoint() { await DataEndpoint.getViewData(); } catch (error) { if (error instanceof EndpointError) { - console.warn((error as EndpointError).message); // "Not implemented" - console.warn((error as EndpointError).type); // "com.vaadin.hilla.exception.EndpointException" + console.warn(error.message); // "Not implemented" + console.warn(error.type); // "com.vaadin.hilla.exception.EndpointException" } } } diff --git a/frontend/demo/fusion/errorhandling/catch-invalid-args.ts b/frontend/demo/fusion/errorhandling/catch-invalid-args.ts index df2e9484f5..843a0e03f1 100644 --- a/frontend/demo/fusion/errorhandling/catch-invalid-args.ts +++ b/frontend/demo/fusion/errorhandling/catch-invalid-args.ts @@ -1,5 +1,4 @@ import { EndpointValidationError } from '@vaadin/hilla-frontend'; - import { DateEndpoint } from 'Frontend/generated/endpoints'; export async function callEndpoint() { @@ -10,12 +9,10 @@ export async function callEndpoint() { // handle result... } catch (error) { if (error instanceof EndpointValidationError) { - (error as EndpointValidationError).validationErrorData.forEach( - ({ parameterName, message }) => { - console.warn(parameterName); // "date" - console.warn(message); // "Unable to deserialize an endpoint method parameter into type 'java.time.LocalDate'" - } - ); + error.validationErrorData.forEach(({ parameterName, message }) => { + console.warn(parameterName); // "date" + console.warn(message); // "Unable to deserialize an endpoint method parameter into type 'java.time.LocalDate'" + }); } else { // handle other error types... } diff --git a/frontend/demo/fusion/forms/contact-form.ts b/frontend/demo/fusion/forms/contact-form.ts index 01606525a5..baedf0c2a9 100644 --- a/frontend/demo/fusion/forms/contact-form.ts +++ b/frontend/demo/fusion/forms/contact-form.ts @@ -1,18 +1,14 @@ -import { html, LitElement } from 'lit'; -import { customElement, property } from 'lit/decorators.js'; - import '@vaadin/button'; import '@vaadin/upload'; +import { html, LitElement } from 'lit'; +import { customElement, property } from 'lit/decorators.js'; +import { readAsDataURL } from 'promise-file-reader'; +import { Binder } from '@vaadin/hilla-lit-form'; import type { UploadBeforeEvent } from '@vaadin/upload'; - -import Contact from 'Frontend/generated/com/vaadin/demo/fusion/forms/Contact'; +import type Contact from 'Frontend/generated/com/vaadin/demo/fusion/forms/Contact'; import ContactModel from 'Frontend/generated/com/vaadin/demo/fusion/forms/ContactModel'; import { ContactEndpoint } from 'Frontend/generated/endpoints'; -import { Binder } from '@vaadin/hilla-lit-form'; - -import { readAsDataURL } from 'promise-file-reader'; - @customElement('contact-form') export class ContactForm extends LitElement { private binder = new Binder(this, ContactModel); @@ -21,6 +17,7 @@ export class ContactForm extends LitElement { set contact(value: Contact) { this.binder.read(value); } + render() { return html` contact's avatar diff --git a/frontend/demo/fusion/forms/dialogs/newsletter-dialog.ts b/frontend/demo/fusion/forms/dialogs/newsletter-dialog.ts index 97b3fc769c..1bd1619d02 100644 --- a/frontend/demo/fusion/forms/dialogs/newsletter-dialog.ts +++ b/frontend/demo/fusion/forms/dialogs/newsletter-dialog.ts @@ -1,20 +1,19 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { Binder, field, ObjectModel } from '@vaadin/hilla-lit-form'; -import NewsletterSubscriptionModel from 'Frontend/generated/com/vaadin/demo/fusion/forms/dialogs/NewsletterSubscriptionModel'; -import { NewsletterEndpoint } from 'Frontend/generated/endpoints'; -import { html, LitElement } from 'lit'; -import { customElement, query, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/checkbox'; import '@vaadin/dialog'; import '@vaadin/text-field'; import '@vaadin/vertical-layout'; -import { dialogFooterRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; +import { html, LitElement } from 'lit'; +import { customElement, query, state } from 'lit/decorators.js'; import type { Dialog, DialogOpenedChangedEvent } from '@vaadin/dialog'; +import { dialogFooterRenderer, dialogRenderer } from '@vaadin/dialog/lit.js'; +import { Binder, field, ObjectModel } from '@vaadin/hilla-lit-form'; import { Notification } from '@vaadin/notification'; +import NewsletterSubscriptionModel from 'Frontend/generated/com/vaadin/demo/fusion/forms/dialogs/NewsletterSubscriptionModel'; +import { NewsletterEndpoint } from 'Frontend/generated/endpoints'; -// @ts-ignore // hidden-source-line +// @ts-expect-error // hidden-source-line NewsletterSubscriptionModel.createEmptyValue = ObjectModel.createEmptyValue; // hidden-source-line @customElement('newsletter-dialog') diff --git a/frontend/demo/fusion/forms/field-strategy/my-binder.ts b/frontend/demo/fusion/forms/field-strategy/my-binder.ts index b4d283b46a..5f3385c979 100644 --- a/frontend/demo/fusion/forms/field-strategy/my-binder.ts +++ b/frontend/demo/fusion/forms/field-strategy/my-binder.ts @@ -1,5 +1,9 @@ +import type { + AbstractModel, + DetachedModelConstructor, + FieldStrategy, +} from '@vaadin/hilla-lit-form'; import { Binder, StringModel } from '@vaadin/hilla-lit-form'; -import type { AbstractModel, DetachedModelConstructor, FieldStrategy } from '@vaadin/hilla-lit-form'; import { MyTextFieldStrategy } from './my-text-field-strategy'; export class MyBinder extends Binder { diff --git a/frontend/demo/fusion/forms/field-strategy/my-form.ts b/frontend/demo/fusion/forms/field-strategy/my-form.ts index c668ec872f..ebdf2384bd 100644 --- a/frontend/demo/fusion/forms/field-strategy/my-form.ts +++ b/frontend/demo/fusion/forms/field-strategy/my-form.ts @@ -1,9 +1,9 @@ +import './my-text-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { field } from '@vaadin/hilla-lit-form'; -import './my-text-field'; -import { MyBinder } from './my-binder'; import SamplePersonModel from 'Frontend/generated/com/vaadin/demo/fusion/forms/fieldstrategy/SamplePersonModel'; +import { MyBinder } from './my-binder'; @customElement('person-form-view') export class PersonFormViewElement extends LitElement { @@ -20,5 +20,5 @@ export class PersonFormViewElement extends LitElement { `; } - //... + // ... } diff --git a/frontend/demo/fusion/forms/field-strategy/my-text-field-strategy.ts b/frontend/demo/fusion/forms/field-strategy/my-text-field-strategy.ts index 0cac0b9ea1..bc61ffa401 100644 --- a/frontend/demo/fusion/forms/field-strategy/my-text-field-strategy.ts +++ b/frontend/demo/fusion/forms/field-strategy/my-text-field-strategy.ts @@ -3,9 +3,9 @@ import type { FieldStrategy } from '@vaadin/hilla-lit-form'; import type { MyTextField } from './my-text-field'; export class MyTextFieldStrategy implements FieldStrategy { - public element: MyTextField; + element: MyTextField; - public constructor(element: MyTextField) { + constructor(element: MyTextField) { this.element = element; } @@ -20,6 +20,7 @@ export class MyTextFieldStrategy implements FieldStrategy { set errorMessage(errorMessage: string) { this.element.error = errorMessage; } + // ... // end::snippet[] validate = async () => []; @@ -40,15 +41,15 @@ export class MyTextFieldStrategy implements FieldStrategy { } } - public get validity() { + get validity() { return new ValidityState(); } - public checkValidity() { + checkValidity() { return true; } - public removeEventListeners() {} + removeEventListeners() {} // tag::snippet[] } // end::snippet[] diff --git a/frontend/demo/fusion/forms/field-strategy/my-text-field.ts b/frontend/demo/fusion/forms/field-strategy/my-text-field.ts index 118f64d67f..bc85b86c25 100644 --- a/frontend/demo/fusion/forms/field-strategy/my-text-field.ts +++ b/frontend/demo/fusion/forms/field-strategy/my-text-field.ts @@ -1,7 +1,7 @@ -import { html, LitElement } from 'lit'; -import { customElement, property } from 'lit/decorators.js'; import '@vaadin/custom-field'; import '@vaadin/text-field'; +import { html, LitElement } from 'lit'; +import { customElement, property } from 'lit/decorators.js'; import type { CustomFieldValueChangedEvent } from '@vaadin/custom-field'; // tag::snippet[] @@ -15,7 +15,7 @@ export class MyTextField extends LitElement { @property({ type: Boolean }) hasError = false; @property({ type: String }) error = ''; - //... + // ... // end::snippet[] render() { diff --git a/frontend/demo/fusion/lit-basics/data-binding.ts b/frontend/demo/fusion/lit-basics/data-binding.ts index 3a39069941..c07568ea2e 100644 --- a/frontend/demo/fusion/lit-basics/data-binding.ts +++ b/frontend/demo/fusion/lit-basics/data-binding.ts @@ -1,4 +1,4 @@ -import { html, LitElement, TemplateResult } from 'lit'; +import { html, LitElement, type TemplateResult } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; @customElement('data-binding-view') diff --git a/frontend/demo/fusion/lit-basics/light-dom.ts b/frontend/demo/fusion/lit-basics/light-dom.ts index c07290c289..7cefdeff8a 100644 --- a/frontend/demo/fusion/lit-basics/light-dom.ts +++ b/frontend/demo/fusion/lit-basics/light-dom.ts @@ -1,4 +1,4 @@ -import { html, LitElement, TemplateResult } from 'lit'; +import { html, LitElement, type TemplateResult } from 'lit'; import { customElement } from 'lit/decorators.js'; @customElement('my-component') diff --git a/frontend/demo/fusion/lit-basics/minimal.ts b/frontend/demo/fusion/lit-basics/minimal.ts index aad25e3baa..cba5719ab3 100644 --- a/frontend/demo/fusion/lit-basics/minimal.ts +++ b/frontend/demo/fusion/lit-basics/minimal.ts @@ -1,4 +1,4 @@ -import { html, LitElement, TemplateResult } from 'lit'; +import { html, LitElement, type TemplateResult } from 'lit'; import { customElement } from 'lit/decorators.js'; @customElement('my-component') // <1> diff --git a/frontend/demo/fusion/lit-basics/shadow-dom.ts b/frontend/demo/fusion/lit-basics/shadow-dom.ts index fdc9cceb78..a66abd9fb4 100644 --- a/frontend/demo/fusion/lit-basics/shadow-dom.ts +++ b/frontend/demo/fusion/lit-basics/shadow-dom.ts @@ -1,4 +1,4 @@ -import { html, LitElement, TemplateResult } from 'lit'; +import { html, LitElement, type TemplateResult } from 'lit'; import { customElement } from 'lit/decorators.js'; @customElement('my-component') diff --git a/frontend/demo/fusion/reactive/reactive-view.ts b/frontend/demo/fusion/reactive/reactive-view.ts index 4ca3ee8790..16c441bef0 100644 --- a/frontend/demo/fusion/reactive/reactive-view.ts +++ b/frontend/demo/fusion/reactive/reactive-view.ts @@ -1,10 +1,10 @@ -import { Subscription } from '@vaadin/hilla-frontend'; import '@vaadin/button'; import '@vaadin/notification'; import '@vaadin/text-field'; -import { ReactiveEndpoint } from 'Frontend/generated/endpoints'; import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; +import type { Subscription } from '@vaadin/hilla-frontend'; +import { ReactiveEndpoint } from 'Frontend/generated/endpoints'; @customElement('reactive-view') export class ReactiveView extends LitElement { diff --git a/frontend/demo/init-flow-components.ts b/frontend/demo/init-flow-components.ts index e34d95574f..2b7608e310 100644 --- a/frontend/demo/init-flow-components.ts +++ b/frontend/demo/init-flow-components.ts @@ -10,7 +10,6 @@ // General Flow modules import '@vaadin/flow-frontend/dndConnector.js'; import '@vaadin/flow-frontend/flow-component-renderer.js'; - // Flow component specific modules import '@vaadin/flow-frontend/cookieConsentConnector.js'; import '@vaadin/flow-frontend/comboBoxConnector.js'; @@ -27,9 +26,7 @@ import '@vaadin/flow-frontend/selectConnector.js'; import '@vaadin/flow-frontend/vaadin-time-picker/timepickerConnector.js'; import '@vaadin/flow-frontend/virtualListConnector.js'; import '@vaadin/flow-frontend/tooltip.js'; - // Lit renderer import '@vaadin/flow-frontend/lit-renderer.js'; - // Legacy template renderer import '@vaadin/polymer-legacy-adapter/template-renderer.js'; diff --git a/frontend/demo/init.ts b/frontend/demo/init.ts index b5cb359689..f7341333bf 100644 --- a/frontend/demo/init.ts +++ b/frontend/demo/init.ts @@ -1,6 +1,5 @@ // Legacy Polymer-based dom-module styling import '@vaadin/polymer-legacy-adapter/style-modules.js'; - import './init-flow-namespace'; import './init-flow-components'; import '../generated/vaadin-featureflags'; diff --git a/frontend/demo/pwa/offline/ts-view-with-endpoint.ts b/frontend/demo/pwa/offline/ts-view-with-endpoint.ts index 1fc0e42fbe..e3f2f05502 100644 --- a/frontend/demo/pwa/offline/ts-view-with-endpoint.ts +++ b/frontend/demo/pwa/offline/ts-view-with-endpoint.ts @@ -1,5 +1,4 @@ import { EndpointError } from '@vaadin/hilla-frontend'; - // Import the remote endpoint import { DataEndpoint } from 'Frontend/generated/endpoints'; diff --git a/frontend/demo/react-example.ts b/frontend/demo/react-example.ts index 2a27612a1d..a312dee9f3 100644 --- a/frontend/demo/react-example.ts +++ b/frontend/demo/react-example.ts @@ -1,8 +1,8 @@ +import 'Frontend/demo/init'; +import type { CSSResult } from 'lit'; import React, { type ComponentClass, type FunctionComponent } from 'react'; import { createRoot } from 'react-dom/client'; import { applyTheme } from 'Frontend/generated/theme'; -import type { CSSResult } from 'lit'; -import 'Frontend/demo/init'; export function reactExample( Example: ComponentClass | FunctionComponent, diff --git a/frontend/demo/services/CrudService.ts b/frontend/demo/services/CrudService.ts index 9d91c4b147..81b8d5cccf 100644 --- a/frontend/demo/services/CrudService.ts +++ b/frontend/demo/services/CrudService.ts @@ -1,7 +1,7 @@ +import type { CrudService } from '@vaadin/hilla-react-crud'; import type FilterUnion from 'Frontend/generated/com/vaadin/hilla/crud/filter/FilterUnion'; import Matcher from 'Frontend/generated/com/vaadin/hilla/crud/filter/PropertyStringFilter/Matcher'; import type Pageable from 'Frontend/generated/com/vaadin/hilla/mappedtypes/Pageable'; -import type { CrudService } from '@vaadin/hilla-react-crud'; import Direction from 'Frontend/generated/org/springframework/data/domain/Sort/Direction'; type AbstractEntity = { id?: any }; diff --git a/frontend/demo/services/EmployeeService.ts b/frontend/demo/services/EmployeeService.ts index 606c6086d9..085152c4a6 100644 --- a/frontend/demo/services/EmployeeService.ts +++ b/frontend/demo/services/EmployeeService.ts @@ -1,6 +1,6 @@ -import Employee from 'Frontend/generated/com/vaadin/demo/fusion/crud/Employee'; -import Gender from '../../generated/com/vaadin/demo/fusion/crud/Employee/Gender'; import { CrudMockService } from 'Frontend/demo/services/CrudService'; +import type Employee from 'Frontend/generated/com/vaadin/demo/fusion/crud/Employee'; +import Gender from '../../generated/com/vaadin/demo/fusion/crud/Employee/Gender'; const employeeData: Employee[] = [ { diff --git a/frontend/demo/services/ProductService.ts b/frontend/demo/services/ProductService.ts index 754f279002..76641997c5 100644 --- a/frontend/demo/services/ProductService.ts +++ b/frontend/demo/services/ProductService.ts @@ -1,5 +1,5 @@ import type Product from 'Frontend/generated/com/vaadin/demo/fusion/crud/Product.js'; -import Supplier from 'Frontend/generated/com/vaadin/demo/fusion/crud/Supplier.js'; +import type Supplier from 'Frontend/generated/com/vaadin/demo/fusion/crud/Supplier.js'; import { CrudMockService } from './CrudService.js'; const productData: Product[] = [ diff --git a/frontend/demo/tools/observability/newrelic/dashboard-generator.ts b/frontend/demo/tools/observability/newrelic/dashboard-generator.ts index 57857effbf..c28aa49316 100644 --- a/frontend/demo/tools/observability/newrelic/dashboard-generator.ts +++ b/frontend/demo/tools/observability/newrelic/dashboard-generator.ts @@ -1,16 +1,15 @@ import 'Frontend/demo/init'; // hidden-source-line - -import { css, html, LitElement } from 'lit'; -import { customElement, state } from 'lit/decorators.js'; import '@vaadin/button'; import '@vaadin/icon'; import '@vaadin/icons'; import '@vaadin/text-field'; import '@vaadin/text-area'; +import { css, html, LitElement } from 'lit'; +import { customElement, state } from 'lit/decorators.js'; +import { Notification } from '@vaadin/notification'; +import type { TextFieldValueChangedEvent } from '@vaadin/text-field'; import { applyTheme } from 'Frontend/generated/theme'; import template from './dashboard-template.json'; -import type { TextFieldValueChangedEvent } from '@vaadin/text-field'; -import { Notification } from '@vaadin/notification'; @customElement('new-relic-dashboard-generator') export class DashboardGenerator extends LitElement { From 785ce4b5ebbcdf6aaa94bb9ef71c2e89825a2349 Mon Sep 17 00:00:00 2001 From: Tomi Virkki Date: Tue, 24 Sep 2024 11:40:14 +0300 Subject: [PATCH 6/8] fix: remove unused ts-expect-error directive --- .../authentication/handle-session-expiration/login-overlay.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/frontend/demo/fusion/authentication/handle-session-expiration/login-overlay.ts b/frontend/demo/fusion/authentication/handle-session-expiration/login-overlay.ts index 95a187ae2b..a43251e74a 100644 --- a/frontend/demo/fusion/authentication/handle-session-expiration/login-overlay.ts +++ b/frontend/demo/fusion/authentication/handle-session-expiration/login-overlay.ts @@ -7,7 +7,6 @@ import { Router } from '@vaadin/router'; export class LoginView extends LitElement { private returnUrl = '/'; - // @ts-expect-error // eslint-disable-next-line @typescript-eslint/no-unused-vars private onSuccess = (_: LoginResult) => { Router.go(this.returnUrl); From 62d3266a06f5447ee9a00d594056b5455ae418a1 Mon Sep 17 00:00:00 2001 From: Serhii Kulykov Date: Tue, 24 Sep 2024 15:04:47 +0300 Subject: [PATCH 7/8] refactor: sort web components imports alphabetically (#3713) --- .../demo/component/app-layout/app-layout-bottom-navbar.ts | 2 +- frontend/demo/component/app-layout/app-layout-navbar.ts | 2 +- frontend/demo/component/badge/badge-icons.ts | 2 +- frontend/demo/component/badge/badge-interactive.ts | 2 +- .../basiclayouts/basic-layouts-horizontal-layout-margin.ts | 2 +- .../basiclayouts/basic-layouts-horizontal-layout-padding.ts | 2 +- .../basic-layouts-horizontal-layout-spacing-variants.ts | 2 +- .../basiclayouts/basic-layouts-horizontal-layout-spacing.ts | 2 +- .../component/combobox/combo-box-readonly-and-disabled.ts | 2 +- .../demo/component/contextmenu/context-menu-presentation.ts | 2 +- frontend/demo/component/crud/crud-editor-content.ts | 2 +- .../datepicker/date-picker-readonly-and-disabled.ts | 2 +- frontend/demo/component/dialog/dialog-header.ts | 2 +- .../emailfield/email-field-readonly-and-disabled.ts | 2 +- .../demo/component/formlayout/form-layout-custom-field.ts | 4 ++-- frontend/demo/component/grid/grid-item-details-toggle.ts | 2 +- frontend/demo/component/grid/grid-item-details.ts | 2 +- frontend/demo/component/icons/icon-basic.ts | 2 +- frontend/demo/component/icons/vaadin-icons.ts | 4 ++-- .../component/listbox/list-box-custom-item-presentation.ts | 2 +- .../component/numberfield/number-field-basic-features.ts | 2 +- .../demo/component/numberfield/number-field-step-buttons.ts | 2 +- .../passwordfield/password-field-basic-features.ts | 2 +- frontend/demo/component/progressbar/progress-bar-label.ts | 2 +- frontend/demo/component/select/select-basic-features.ts | 2 +- frontend/demo/component/side-nav/side-nav-basic.ts | 2 +- frontend/demo/component/side-nav/side-nav-hierarchy.ts | 2 +- frontend/demo/component/side-nav/side-nav-labelled.ts | 2 +- frontend/demo/component/side-nav/side-nav-styling.ts | 2 +- frontend/demo/component/side-nav/side-nav-suffix.ts | 2 +- .../demo/component/textarea/text-area-basic-features.ts | 2 +- .../demo/component/textfield/text-field-basic-features.ts | 2 +- .../demo/component/timepicker/time-picker-basic-features.ts | 2 +- .../demo/component/tree-grid/tree-grid-scroll-to-index.ts | 6 +++--- 34 files changed, 38 insertions(+), 38 deletions(-) diff --git a/frontend/demo/component/app-layout/app-layout-bottom-navbar.ts b/frontend/demo/component/app-layout/app-layout-bottom-navbar.ts index 774014347d..fc2601125b 100644 --- a/frontend/demo/component/app-layout/app-layout-bottom-navbar.ts +++ b/frontend/demo/component/app-layout/app-layout-bottom-navbar.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/app-layout'; import '@vaadin/app-layout/vaadin-drawer-toggle'; +import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; -import '@vaadin/horizontal-layout'; import { css, html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/app-layout/app-layout-navbar.ts b/frontend/demo/component/app-layout/app-layout-navbar.ts index c06ae09766..bf853735c2 100644 --- a/frontend/demo/component/app-layout/app-layout-navbar.ts +++ b/frontend/demo/component/app-layout/app-layout-navbar.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/app-layout'; import '@vaadin/app-layout/vaadin-drawer-toggle'; +import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; -import '@vaadin/horizontal-layout'; import { css, html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/badge/badge-icons.ts b/frontend/demo/component/badge/badge-icons.ts index fe49d9ab30..cbbdfc9610 100644 --- a/frontend/demo/component/badge/badge-icons.ts +++ b/frontend/demo/component/badge/badge-icons.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; -import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; diff --git a/frontend/demo/component/badge/badge-interactive.ts b/frontend/demo/component/badge/badge-interactive.ts index 061344935f..8697ec7211 100644 --- a/frontend/demo/component/badge/badge-interactive.ts +++ b/frontend/demo/component/badge/badge-interactive.ts @@ -2,9 +2,9 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/flow-frontend/comboBoxConnector'; // hidden-source-line import '@vaadin/button'; import '@vaadin/combo-box'; +import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; -import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-margin.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-margin.ts index 2410b81a78..d15ffc926f 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-margin.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-margin.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/button'; -import '@vaadin/radio-group'; import '@vaadin/horizontal-layout'; +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-padding.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-padding.ts index 7d0802b8ca..65f18f7d24 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-padding.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-padding.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/button'; -import '@vaadin/radio-group'; import '@vaadin/horizontal-layout'; +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing-variants.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing-variants.ts index 3ac28402a4..6f985c89cc 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing-variants.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing-variants.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/button'; -import '@vaadin/radio-group'; import '@vaadin/horizontal-layout'; +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; diff --git a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing.ts b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing.ts index b2531f9755..49cde868e0 100644 --- a/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing.ts +++ b/frontend/demo/component/basiclayouts/basic-layouts-horizontal-layout-spacing.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/button'; -import '@vaadin/radio-group'; import '@vaadin/horizontal-layout'; +import '@vaadin/radio-group'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import type { RadioGroupValueChangedEvent } from '@vaadin/radio-group'; diff --git a/frontend/demo/component/combobox/combo-box-readonly-and-disabled.ts b/frontend/demo/component/combobox/combo-box-readonly-and-disabled.ts index 392d2771ad..e1fd3f9f3a 100644 --- a/frontend/demo/component/combobox/combo-box-readonly-and-disabled.ts +++ b/frontend/demo/component/combobox/combo-box-readonly-and-disabled.ts @@ -1,6 +1,6 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/horizontal-layout'; import '@vaadin/combo-box'; +import '@vaadin/horizontal-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/contextmenu/context-menu-presentation.ts b/frontend/demo/component/contextmenu/context-menu-presentation.ts index c824d2485d..abce77d71b 100644 --- a/frontend/demo/component/contextmenu/context-menu-presentation.ts +++ b/frontend/demo/component/contextmenu/context-menu-presentation.ts @@ -2,9 +2,9 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/avatar'; import '@vaadin/context-menu'; import '@vaadin/grid'; +import '@vaadin/horizontal-layout'; import '@vaadin/icon'; import '@vaadin/icons'; -import '@vaadin/horizontal-layout'; import '@vaadin/vertical-layout'; import { html, LitElement, render } from 'lit'; import { customElement, state } from 'lit/decorators.js'; diff --git a/frontend/demo/component/crud/crud-editor-content.ts b/frontend/demo/component/crud/crud-editor-content.ts index a41e714496..e64dcbbac6 100644 --- a/frontend/demo/component/crud/crud-editor-content.ts +++ b/frontend/demo/component/crud/crud-editor-content.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/combo-box'; import '@vaadin/crud'; -import '@vaadin/form-layout'; import '@vaadin/email-field'; +import '@vaadin/form-layout'; import '@vaadin/text-field'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; diff --git a/frontend/demo/component/datepicker/date-picker-readonly-and-disabled.ts b/frontend/demo/component/datepicker/date-picker-readonly-and-disabled.ts index 263152f31f..f641d597df 100644 --- a/frontend/demo/component/datepicker/date-picker-readonly-and-disabled.ts +++ b/frontend/demo/component/datepicker/date-picker-readonly-and-disabled.ts @@ -1,6 +1,6 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/horizontal-layout'; import '@vaadin/date-picker'; +import '@vaadin/horizontal-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/dialog/dialog-header.ts b/frontend/demo/component/dialog/dialog-header.ts index d7b5c35006..d256531bc1 100644 --- a/frontend/demo/component/dialog/dialog-header.ts +++ b/frontend/demo/component/dialog/dialog-header.ts @@ -3,8 +3,8 @@ import '@vaadin/button'; import '@vaadin/dialog'; import '@vaadin/email-field'; import '@vaadin/icon'; -import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; import '@vaadin/text-field'; +import '@vaadin/vaadin-lumo-styles/vaadin-iconset'; import '@vaadin/vertical-layout'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; diff --git a/frontend/demo/component/emailfield/email-field-readonly-and-disabled.ts b/frontend/demo/component/emailfield/email-field-readonly-and-disabled.ts index 1b43d81451..56a0f07846 100644 --- a/frontend/demo/component/emailfield/email-field-readonly-and-disabled.ts +++ b/frontend/demo/component/emailfield/email-field-readonly-and-disabled.ts @@ -1,6 +1,6 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/horizontal-layout'; import '@vaadin/email-field'; +import '@vaadin/horizontal-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/formlayout/form-layout-custom-field.ts b/frontend/demo/component/formlayout/form-layout-custom-field.ts index e16252669f..2a763847ff 100644 --- a/frontend/demo/component/formlayout/form-layout-custom-field.ts +++ b/frontend/demo/component/formlayout/form-layout-custom-field.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line +import '@vaadin/custom-field'; import '@vaadin/form-layout'; import '@vaadin/form-layout/vaadin-form-item'; -import '@vaadin/select'; -import '@vaadin/custom-field'; import '@vaadin/horizontal-layout'; +import '@vaadin/select'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/grid/grid-item-details-toggle.ts b/frontend/demo/component/grid/grid-item-details-toggle.ts index 6cfb305912..d6cfbf7635 100644 --- a/frontend/demo/component/grid/grid-item-details-toggle.ts +++ b/frontend/demo/component/grid/grid-item-details-toggle.ts @@ -1,6 +1,6 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/grid'; import '@vaadin/form-layout'; +import '@vaadin/grid'; import '@vaadin/text-field'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; diff --git a/frontend/demo/component/grid/grid-item-details.ts b/frontend/demo/component/grid/grid-item-details.ts index e9e66a71cf..1d1e139e1d 100644 --- a/frontend/demo/component/grid/grid-item-details.ts +++ b/frontend/demo/component/grid/grid-item-details.ts @@ -1,6 +1,6 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/grid'; import '@vaadin/form-layout'; +import '@vaadin/grid'; import '@vaadin/text-field'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; diff --git a/frontend/demo/component/icons/icon-basic.ts b/frontend/demo/component/icons/icon-basic.ts index 31a6557033..1538c299e2 100644 --- a/frontend/demo/component/icons/icon-basic.ts +++ b/frontend/demo/component/icons/icon-basic.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/horizontal-layout'; import '@vaadin/icon'; -import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js'; import '@vaadin/icons'; +import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/icons/vaadin-icons.ts b/frontend/demo/component/icons/vaadin-icons.ts index e9a14f6293..a956fa2113 100644 --- a/frontend/demo/component/icons/vaadin-icons.ts +++ b/frontend/demo/component/icons/vaadin-icons.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/icon'; -import '@vaadin/icons'; import '@vaadin/button'; import '@vaadin/horizontal-layout'; +import '@vaadin/icon'; +import '@vaadin/icons'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/listbox/list-box-custom-item-presentation.ts b/frontend/demo/component/listbox/list-box-custom-item-presentation.ts index 81fefc57d6..ad49a5994a 100644 --- a/frontend/demo/component/listbox/list-box-custom-item-presentation.ts +++ b/frontend/demo/component/listbox/list-box-custom-item-presentation.ts @@ -1,8 +1,8 @@ import 'Frontend/demo/init'; // hidden-source-line import '@vaadin/avatar'; +import '@vaadin/horizontal-layout'; import '@vaadin/item'; import '@vaadin/list-box'; -import '@vaadin/horizontal-layout'; import '@vaadin/vaadin-lumo-styles/typography'; import '@vaadin/vertical-layout'; import { html, LitElement } from 'lit'; diff --git a/frontend/demo/component/numberfield/number-field-basic-features.ts b/frontend/demo/component/numberfield/number-field-basic-features.ts index 2c6a13002d..76ee8a2d6e 100644 --- a/frontend/demo/component/numberfield/number-field-basic-features.ts +++ b/frontend/demo/component/numberfield/number-field-basic-features.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/number-field'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/number-field'; import '@vaadin/tooltip'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; diff --git a/frontend/demo/component/numberfield/number-field-step-buttons.ts b/frontend/demo/component/numberfield/number-field-step-buttons.ts index 7966e52954..ea284d2991 100644 --- a/frontend/demo/component/numberfield/number-field-step-buttons.ts +++ b/frontend/demo/component/numberfield/number-field-step-buttons.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/integer-field'; import '@vaadin/form-layout'; import '@vaadin/form-layout/vaadin-form-item.js'; +import '@vaadin/integer-field'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import type { FormLayoutResponsiveStep } from '@vaadin/form-layout'; diff --git a/frontend/demo/component/passwordfield/password-field-basic-features.ts b/frontend/demo/component/passwordfield/password-field-basic-features.ts index 195d271f55..2c4036342c 100644 --- a/frontend/demo/component/passwordfield/password-field-basic-features.ts +++ b/frontend/demo/component/passwordfield/password-field-basic-features.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/password-field'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/password-field'; import '@vaadin/tooltip'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; diff --git a/frontend/demo/component/progressbar/progress-bar-label.ts b/frontend/demo/component/progressbar/progress-bar-label.ts index 000347a95e..1c35a3ff5e 100644 --- a/frontend/demo/component/progressbar/progress-bar-label.ts +++ b/frontend/demo/component/progressbar/progress-bar-label.ts @@ -1,6 +1,6 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/progress-bar'; import '@vaadin/horizontal-layout'; +import '@vaadin/progress-bar'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { applyTheme } from 'Frontend/generated/theme'; diff --git a/frontend/demo/component/select/select-basic-features.ts b/frontend/demo/component/select/select-basic-features.ts index e626a3d7ff..6db2018d59 100644 --- a/frontend/demo/component/select/select-basic-features.ts +++ b/frontend/demo/component/select/select-basic-features.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/select'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/select'; import '@vaadin/tooltip'; import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; diff --git a/frontend/demo/component/side-nav/side-nav-basic.ts b/frontend/demo/component/side-nav/side-nav-basic.ts index 4f2b092b81..0b7a989179 100644 --- a/frontend/demo/component/side-nav/side-nav-basic.ts +++ b/frontend/demo/component/side-nav/side-nav-basic.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/side-nav'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/side-nav'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line diff --git a/frontend/demo/component/side-nav/side-nav-hierarchy.ts b/frontend/demo/component/side-nav/side-nav-hierarchy.ts index ce5db0ac93..794b0d4711 100644 --- a/frontend/demo/component/side-nav/side-nav-hierarchy.ts +++ b/frontend/demo/component/side-nav/side-nav-hierarchy.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/side-nav'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/side-nav'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line diff --git a/frontend/demo/component/side-nav/side-nav-labelled.ts b/frontend/demo/component/side-nav/side-nav-labelled.ts index 73e14c51a4..bdfddcfc7e 100644 --- a/frontend/demo/component/side-nav/side-nav-labelled.ts +++ b/frontend/demo/component/side-nav/side-nav-labelled.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/side-nav'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/side-nav'; import '@vaadin/vertical-layout'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; diff --git a/frontend/demo/component/side-nav/side-nav-styling.ts b/frontend/demo/component/side-nav/side-nav-styling.ts index 457228eb48..b0977c2032 100644 --- a/frontend/demo/component/side-nav/side-nav-styling.ts +++ b/frontend/demo/component/side-nav/side-nav-styling.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/side-nav'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/side-nav'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line diff --git a/frontend/demo/component/side-nav/side-nav-suffix.ts b/frontend/demo/component/side-nav/side-nav-suffix.ts index c0b59f095f..2bc53d559b 100644 --- a/frontend/demo/component/side-nav/side-nav-suffix.ts +++ b/frontend/demo/component/side-nav/side-nav-suffix.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/side-nav'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/side-nav'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { patchSideNavNavigation } from 'Frontend/demo/component/side-nav/side-nav-helper'; // hidden-source-line diff --git a/frontend/demo/component/textarea/text-area-basic-features.ts b/frontend/demo/component/textarea/text-area-basic-features.ts index 0f796b7332..03f12aab78 100644 --- a/frontend/demo/component/textarea/text-area-basic-features.ts +++ b/frontend/demo/component/textarea/text-area-basic-features.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/text-area'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/text-area'; import '@vaadin/tooltip'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; diff --git a/frontend/demo/component/textfield/text-field-basic-features.ts b/frontend/demo/component/textfield/text-field-basic-features.ts index ac60d55706..98398fa9e8 100644 --- a/frontend/demo/component/textfield/text-field-basic-features.ts +++ b/frontend/demo/component/textfield/text-field-basic-features.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/text-field'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/text-field'; import '@vaadin/tooltip'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; diff --git a/frontend/demo/component/timepicker/time-picker-basic-features.ts b/frontend/demo/component/timepicker/time-picker-basic-features.ts index f3c74c1d67..5183e94ecd 100644 --- a/frontend/demo/component/timepicker/time-picker-basic-features.ts +++ b/frontend/demo/component/timepicker/time-picker-basic-features.ts @@ -1,7 +1,7 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/time-picker'; import '@vaadin/icon'; import '@vaadin/icons'; +import '@vaadin/time-picker'; import '@vaadin/tooltip'; import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; diff --git a/frontend/demo/component/tree-grid/tree-grid-scroll-to-index.ts b/frontend/demo/component/tree-grid/tree-grid-scroll-to-index.ts index e5bfdfe7bb..8db1e4faa5 100644 --- a/frontend/demo/component/tree-grid/tree-grid-scroll-to-index.ts +++ b/frontend/demo/component/tree-grid/tree-grid-scroll-to-index.ts @@ -1,9 +1,9 @@ import 'Frontend/demo/init'; // hidden-source-line -import '@vaadin/grid'; import '@vaadin/button'; -import '@vaadin/integer-field'; -import '@vaadin/horizontal-layout'; +import '@vaadin/grid'; import '@vaadin/grid/vaadin-grid-tree-column.js'; +import '@vaadin/horizontal-layout'; +import '@vaadin/integer-field'; import { html, LitElement } from 'lit'; import { customElement, query, state } from 'lit/decorators.js'; import type { From 2d121708d75cbda3ffff7f4587eee6ea0a4faf1a Mon Sep 17 00:00:00 2001 From: Sergey Vinogradov Date: Tue, 24 Sep 2024 16:56:41 +0400 Subject: [PATCH 8/8] chore: add simple-import-sort ESLint plugin (#3714) --- .eslintrc.json | 26 +++++++++++++++++++++++++- package-lock.json | 18 ++++++++++++++++++ package.json | 3 ++- 3 files changed, 45 insertions(+), 2 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index e6c9463638..f3961bb32c 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -9,6 +9,9 @@ "ecmaVersion": 2021, "project": "./tsconfig.json" }, + "plugins": [ + "simple-import-sort" + ], "extends": [ "vaadin/typescript-requiring-type-checking", "vaadin/lit", @@ -34,6 +37,27 @@ "prefer-destructuring": "off", "radix": "off", "require-unicode-regexp": "off", - "sort-keys": "off" + "sort-keys": "off", + "simple-import-sort/imports": [ + "error", + { + "groups": [ + [ + // Side-effects group + "^\\u0000", + // External group + "^", + // Vaadin group + "^@vaadin", + // Frontend group + "^Frontend", + // Parent group + "^\\.\\.", + // Sibling group + "^\\." + ] + ] + } + ] } } diff --git a/package-lock.json b/package-lock.json index e8011dbf4c..445745342a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -72,6 +72,7 @@ "eslint": "^8.49.0", "eslint-config-vaadin": "1.0.0-alpha.18", "eslint-plugin-prettier": "^5.0.0", + "eslint-plugin-simple-import-sort": "^12.0.0", "glob": "10.4.5", "husky": "^8.0.0", "lint-staged": "^13.0.3", @@ -7492,6 +7493,16 @@ } } }, + "node_modules/eslint-plugin-simple-import-sort": { + "version": "12.1.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-simple-import-sort/-/eslint-plugin-simple-import-sort-12.1.1.tgz", + "integrity": "sha512-6nuzu4xwQtE3332Uz0to+TxDQYRLTKRESSc2hefVT48Zc8JthmN23Gx9lnYhu0FtkRSL1oxny3kJ2aveVhmOVA==", + "dev": true, + "license": "MIT", + "peerDependencies": { + "eslint": ">=5.0.0" + } + }, "node_modules/eslint-scope": { "version": "7.2.2", "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz", @@ -19002,6 +19013,13 @@ "synckit": "^0.9.1" } }, + "eslint-plugin-simple-import-sort": { + "version": "12.1.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-simple-import-sort/-/eslint-plugin-simple-import-sort-12.1.1.tgz", + "integrity": "sha512-6nuzu4xwQtE3332Uz0to+TxDQYRLTKRESSc2hefVT48Zc8JthmN23Gx9lnYhu0FtkRSL1oxny3kJ2aveVhmOVA==", + "dev": true, + "requires": {} + }, "eslint-scope": { "version": "7.2.2", "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz", diff --git a/package.json b/package.json index 5c77860302..3ed32ccb7b 100644 --- a/package.json +++ b/package.json @@ -65,6 +65,7 @@ "eslint": "^8.49.0", "eslint-config-vaadin": "1.0.0-alpha.18", "eslint-plugin-prettier": "^5.0.0", + "eslint-plugin-simple-import-sort": "^12.0.0", "glob": "10.4.5", "husky": "^8.0.0", "lint-staged": "^13.0.3", @@ -214,6 +215,6 @@ "workbox-core": "7.1.0", "workbox-precaching": "7.1.0" }, - "hash": "bbd32a1de9be13c8f468c3ae1700221f70ba93d507e7950e66a4448c762e4660" + "hash": "35a3d0aa910014be01bed61b19ae15c3f4f3f8b21c219b9d0f647537681ec634" } }