@vaadin/board 24.8.4 → 25.0.0-alpha10

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@vaadin/board",
-  "version": "24.8.4",
+  "version": "25.0.0-alpha10",
   "publishConfig": {
     "access": "public"
   },
-  "description": "Polymer element to create flexible responsive layouts and build nice looking dashboard.",
+  "description": "Web component to create flexible responsive layouts and build nice looking dashboard.",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
     "type": "git",
@@ -34,20 +34,18 @@
     "responsive",
     "layout",
     "web-components",
-    "web-component",
-    "polymer"
+    "web-component"
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "~24.8.4",
-    "@vaadin/component-base": "~24.8.4",
+    "@vaadin/a11y-base": "25.0.0-alpha10",
+    "@vaadin/component-base": "25.0.0-alpha10",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "~24.8.4",
-    "@vaadin/test-runner-commands": "~24.8.4",
-    "@vaadin/testing-helpers": "^1.1.0",
+    "@vaadin/chai-plugins": "25.0.0-alpha10",
+    "@vaadin/test-runner-commands": "25.0.0-alpha10",
+    "@vaadin/testing-helpers": "^2.0.0",
     "sinon": "^18.0.0"
   },
   "cvdlName": "vaadin-board",
@@ -55,5 +53,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "849e54e967563080a685965e2dced02060b3ab23"
+  "gitHead": "6cc6c94079e805fa5b2f0af4dbf3b2a7485e57d0"
 }

package/src/vaadin-board-row.js

@@ -8,9 +8,10 @@
  * See https://vaadin.com/commercial-license-and-service-terms for the full
  * license.
  */
-import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
+import { css, html, LitElement } from 'lit';
 import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
+import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
 import { BoardRowMixin } from './vaadin-board-row-mixin.js';
 
 /**
@@ -52,34 +53,36 @@ import { BoardRowMixin } from './vaadin-board-row-mixin.js';
  * @mixes ElementMixin
  * @mixes BoardRowMixin
  */
-class BoardRow extends BoardRowMixin(ElementMixin(PolymerElement)) {
-  static get template() {
-    return html`
-      <style>
-        :host {
-          display: flex;
-          flex-flow: row wrap;
-          align-items: stretch;
-          --small-size: var(--vaadin-board-width-small, 600px);
-          --medium-size: var(--vaadin-board-width-medium, 960px);
-        }
+class BoardRow extends BoardRowMixin(ElementMixin(PolylitMixin(LitElement))) {
+  static get is() {
+    return 'vaadin-board-row';
+  }
 
-        :host([hidden]) {
-          display: none !important;
-        }
+  static get styles() {
+    return css`
+      :host {
+        display: flex;
+        flex-flow: row wrap;
+        align-items: stretch;
+        --small-size: var(--vaadin-board-width-small, 600px);
+        --medium-size: var(--vaadin-board-width-medium, 960px);
+      }
 
-        :host ::slotted(*) {
-          box-sizing: border-box;
-          flex-grow: 1;
-          overflow: hidden;
-        }
-      </style>
-      <slot id="insertionPoint"></slot>
+      :host([hidden]) {
+        display: none !important;
+      }
+
+      :host ::slotted(*) {
+        box-sizing: border-box;
+        flex-grow: 1;
+        overflow: hidden;
+      }
     `;
   }
 
-  static get is() {
-    return 'vaadin-board-row';
+  /** @protected */
+  render() {
+    return html`<slot id="insertionPoint"></slot>`;
   }
 }
 

package/src/vaadin-board.js

@@ -9,9 +9,10 @@
  * license.
  */
 import './vaadin-board-row.js';
-import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
+import { css, html, LitElement } from 'lit';
 import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
+import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
 import { BoardRow } from './vaadin-board-row.js';
 
 /**
@@ -37,22 +38,7 @@ import { BoardRow } from './vaadin-board-row.js';
  * @extends HTMLElement
  * @mixes ElementMixin
  */
-class Board extends ElementMixin(PolymerElement) {
-  static get template() {
-    return html`
-      <style>
-        :host {
-          display: block;
-        }
-
-        :host([hidden]) {
-          display: none !important;
-        }
-      </style>
-      <slot></slot>
-    `;
-  }
-
+class Board extends ElementMixin(PolylitMixin(LitElement)) {
   static get is() {
     return 'vaadin-board';
   }
@@ -61,6 +47,23 @@ class Board extends ElementMixin(PolymerElement) {
     return 'vaadin-board';
   }
 
+  static get styles() {
+    return css`
+      :host {
+        display: block;
+      }
+
+      :host([hidden]) {
+        display: none !important;
+      }
+    `;
+  }
+
+  /** @protected */
+  render() {
+    return html`<slot></slot>`;
+  }
+
   /**
    * Redraws the board and all rows inside it, if necessary.
    *

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/board",
-  "version": "24.8.4",
+  "version": "25.0.0-alpha10",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/board",
-  "version": "24.8.4",
+  "version": "25.0.0-alpha10",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {

package/src/vaadin-lit-board-row.js

@@ -1,60 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import { css, html, LitElement } from 'lit';
-import { defineCustomElement } from '@vaadin/component-base/src/define.js';
-import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
-import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
-import { BoardRowMixin } from './vaadin-board-row-mixin.js';
-
-/**
- * LitElement based version of `<vaadin-board-row>` web component.
- *
- * ## Disclaimer
- *
- * This component is an experiment and not yet a part of Vaadin platform.
- * There is no ETA regarding specific Vaadin version where it'll land.
- */
-class BoardRow extends BoardRowMixin(ElementMixin(PolylitMixin(LitElement))) {
-  static get is() {
-    return 'vaadin-board-row';
-  }
-
-  static get styles() {
-    return css`
-      :host {
-        display: flex;
-        flex-flow: row wrap;
-        align-items: stretch;
-        --small-size: var(--vaadin-board-width-small, 600px);
-        --medium-size: var(--vaadin-board-width-medium, 960px);
-      }
-
-      :host([hidden]) {
-        display: none !important;
-      }
-
-      :host ::slotted(*) {
-        box-sizing: border-box;
-        flex-grow: 1;
-        overflow: hidden;
-      }
-    `;
-  }
-
-  /** @protected */
-  render() {
-    return html`<slot id="insertionPoint"></slot>`;
-  }
-}
-
-defineCustomElement(BoardRow);
-
-export { BoardRow };

package/src/vaadin-lit-board.js

@@ -1,66 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- *
- * This program is available under Vaadin Commercial License and Service Terms.
- *
- *
- * See https://vaadin.com/commercial-license-and-service-terms for the full
- * license.
- */
-import './vaadin-lit-board-row.js';
-import { css, html, LitElement } from 'lit';
-import { defineCustomElement } from '@vaadin/component-base/src/define.js';
-import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
-import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
-import { BoardRow } from './vaadin-lit-board-row.js';
-
-/**
- * LitElement based version of `<vaadin-board>` web component.
- *
- * ## Disclaimer
- *
- * This component is an experiment and not yet a part of Vaadin platform.
- * There is no ETA regarding specific Vaadin version where it'll land.
- */
-class Board extends ElementMixin(PolylitMixin(LitElement)) {
-  static get is() {
-    return 'vaadin-board';
-  }
-
-  static get cvdlName() {
-    return 'vaadin-board';
-  }
-
-  static get styles() {
-    return css`
-      :host {
-        display: block;
-      }
-
-      :host([hidden]) {
-        display: none !important;
-      }
-    `;
-  }
-
-  /** @protected */
-  render() {
-    return html`<slot></slot>`;
-  }
-
-  /**
-   * Redraws the board and all rows inside it, if necessary.
-   *
-   * In most cases, board will redraw itself if your reconfigure it. If you dynamically change
-   * breakpoints `--vaadin-board-width-small` or `--vaadin-board-width-medium`,
-   * then you need to call this method.
-   */
-  redraw() {
-    [...this.querySelectorAll('*')].filter((node) => node instanceof BoardRow).forEach((row) => row.redraw());
-  }
-}
-
-defineCustomElement(Board);
-
-export { Board };

package/theme/lumo/vaadin-lit-board-row.d.ts

@@ -1 +0,0 @@
-import '../../src/vaadin-lit-board-row.js';

package/theme/lumo/vaadin-lit-board-row.js

@@ -1 +0,0 @@
-import '../../src/vaadin-lit-board-row.js';

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

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

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

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

package/theme/material/vaadin-board-row.d.ts

@@ -1 +0,0 @@
-import '../../src/vaadin-board-row.js';

package/theme/material/vaadin-board-row.js

@@ -1 +0,0 @@
-import '../../src/vaadin-board-row.js';

package/theme/material/vaadin-board.d.ts

@@ -1,2 +0,0 @@
-import './vaadin-board-row.js';
-import '../../src/vaadin-board.js';

package/theme/material/vaadin-board.js

@@ -1,2 +0,0 @@
-import './vaadin-board-row.js';
-import '../../src/vaadin-board.js';

package/theme/material/vaadin-lit-board-row.d.ts

@@ -1 +0,0 @@
-import '../../src/vaadin-lit-board-row.js';

package/theme/material/vaadin-lit-board-row.js

@@ -1 +0,0 @@
-import '../../src/vaadin-lit-board-row.js';

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

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

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

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

package/vaadin-lit-board-row.d.ts

@@ -1 +0,0 @@
-export * from './src/vaadin-board-row.js';

package/vaadin-lit-board-row.js

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

package/vaadin-lit-board.d.ts

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

package/vaadin-lit-board.js

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