@vaadin/grid 25.0.0-alpha10 → 25.0.0-alpha12

package/src/styles/vaadin-grid-core-styles.js

@@ -1,388 +0,0 @@
-/**
- * @license
- * Copyright (c) 2016 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css } from 'lit';
-
-export const gridStyles = css`
-  @keyframes vaadin-grid-appear {
-    to {
-      opacity: 1;
-    }
-  }
-
-  :host {
-    display: flex;
-    flex-direction: column;
-    animation: 1ms vaadin-grid-appear;
-    height: 400px;
-    min-height: var(--_grid-min-height, 0);
-    flex: 1 1 auto;
-    align-self: stretch;
-    position: relative;
-    box-sizing: border-box;
-  }
-
-  :host([hidden]) {
-    display: none !important;
-  }
-
-  :host([disabled]) {
-    pointer-events: none;
-  }
-
-  #scroller {
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-    transform: translateY(0);
-    width: auto;
-    height: auto;
-    position: absolute;
-    inset: 0;
-  }
-
-  :host([all-rows-visible]) {
-    height: auto;
-    align-self: flex-start;
-    min-height: auto;
-    flex-grow: 0;
-    width: 100%;
-  }
-
-  :host([all-rows-visible]) #scroller {
-    width: 100%;
-    height: 100%;
-    position: relative;
-  }
-
-  :host([all-rows-visible]) #items {
-    min-height: 1px;
-  }
-
-  #table {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    overflow: auto;
-    position: relative;
-    outline: none;
-    /* Workaround for a Desktop Safari bug: new stacking context here prevents the scrollbar from getting hidden */
-    z-index: 0;
-  }
-
-  #header,
-  #footer {
-    display: block;
-    position: sticky;
-    left: 0;
-    overflow: visible;
-    width: 100%;
-    z-index: 1;
-  }
-
-  #header {
-    top: 0;
-  }
-
-  th {
-    text-align: inherit;
-  }
-
-  /* Safari doesn't work with "inherit" */
-  [safari] th {
-    text-align: initial;
-  }
-
-  #footer {
-    bottom: 0;
-  }
-
-  #items {
-    flex-grow: 1;
-    flex-shrink: 0;
-    display: block;
-    position: sticky;
-    width: 100%;
-    left: 0;
-    overflow: visible;
-  }
-
-  [part~='row'] {
-    display: flex;
-    width: 100%;
-    box-sizing: border-box;
-    margin: 0;
-  }
-
-  [part~='row'][loading] [part~='body-cell'] ::slotted(vaadin-grid-cell-content) {
-    visibility: hidden;
-  }
-
-  [column-rendering='lazy'] [part~='body-cell']:not([frozen]):not([frozen-to-end]) {
-    transform: translateX(var(--_grid-lazy-columns-start));
-  }
-
-  #items [part~='row'] {
-    position: absolute;
-  }
-
-  #items [part~='row']:empty {
-    height: 100%;
-  }
-
-  [part~='cell']:not([part~='details-cell']) {
-    flex-shrink: 0;
-    flex-grow: 1;
-    box-sizing: border-box;
-    display: flex;
-    width: 100%;
-    position: relative;
-    align-items: center;
-    padding: 0;
-    white-space: nowrap;
-  }
-
-  [part~='cell'] {
-    outline: none;
-  }
-
-  [part~='cell'] > [tabindex] {
-    display: flex;
-    align-items: inherit;
-    outline: none;
-    position: absolute;
-    inset: 0;
-  }
-
-  /* Switch the focusButtonMode wrapping element to "position: static" temporarily
-     when measuring real width of the cells in the auto-width columns. */
-  [measuring-auto-width] [part~='cell'] > [tabindex] {
-    position: static;
-  }
-
-  [part~='details-cell'] {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    box-sizing: border-box;
-    padding: 0;
-  }
-
-  [part~='cell'] ::slotted(vaadin-grid-cell-content) {
-    display: block;
-    width: 100%;
-    box-sizing: border-box;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  [hidden] {
-    display: none !important;
-  }
-
-  [frozen],
-  [frozen-to-end] {
-    z-index: 2;
-    will-change: transform;
-  }
-
-  [no-scrollbars][safari] #table,
-  [no-scrollbars][firefox] #table {
-    overflow: hidden;
-  }
-
-  /* Empty state */
-
-  #scroller:not([empty-state]) #emptystatebody,
-  #scroller[empty-state] #items {
-    display: none;
-  }
-
-  #emptystatebody {
-    display: flex;
-    position: sticky;
-    inset: 0;
-    flex: 1;
-    overflow: hidden;
-  }
-
-  #emptystaterow {
-    display: flex;
-    flex: 1;
-  }
-
-  #emptystatecell {
-    display: block;
-    flex: 1;
-    overflow: auto;
-  }
-
-  /* Reordering styles */
-  :host([reordering]) [part~='cell'] ::slotted(vaadin-grid-cell-content),
-  :host([reordering]) [part~='resize-handle'],
-  #scroller[no-content-pointer-events] [part~='cell'] ::slotted(vaadin-grid-cell-content) {
-    pointer-events: none;
-  }
-
-  [part~='reorder-ghost'] {
-    visibility: hidden;
-    position: fixed;
-    pointer-events: none;
-    opacity: 0.5;
-
-    /* Prevent overflowing the grid in Firefox */
-    top: 0;
-    left: 0;
-  }
-
-  :host([reordering]) {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-
-  /* Resizing styles */
-  [part~='resize-handle'] {
-    position: absolute;
-    top: 0;
-    right: 0;
-    height: 100%;
-    cursor: col-resize;
-    z-index: 1;
-  }
-
-  [part~='resize-handle']::before {
-    position: absolute;
-    content: '';
-    height: 100%;
-    width: 35px;
-    transform: translateX(-50%);
-  }
-
-  [last-column] [part~='resize-handle']::before,
-  [last-frozen] [part~='resize-handle']::before {
-    width: 18px;
-    transform: none;
-    right: 0;
-  }
-
-  [frozen-to-end] [part~='resize-handle'] {
-    left: 0;
-    right: auto;
-  }
-
-  [frozen-to-end] [part~='resize-handle']::before {
-    left: 0;
-    right: auto;
-  }
-
-  [first-frozen-to-end] [part~='resize-handle']::before {
-    width: 18px;
-    transform: none;
-  }
-
-  [first-frozen-to-end] {
-    margin-inline-start: auto;
-  }
-
-  /* Hide resize handle if scrolled to end */
-  :host(:not([overflow~='end'])) [first-frozen-to-end] [part~='resize-handle'] {
-    display: none;
-  }
-
-  #scroller[column-resizing],
-  #scroller[range-selecting] {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-
-  /* Sizer styles */
-  #sizer {
-    display: flex;
-    position: absolute;
-    visibility: hidden;
-  }
-
-  #sizer [part~='details-cell'] {
-    display: none !important;
-  }
-
-  #sizer [part~='cell'][hidden] {
-    display: none !important;
-  }
-
-  #sizer [part~='cell'] {
-    display: block;
-    flex-shrink: 0;
-    line-height: 0;
-    height: 0 !important;
-    min-height: 0 !important;
-    max-height: 0 !important;
-    padding: 0 !important;
-    border: none !important;
-  }
-
-  #sizer [part~='cell']::before {
-    content: '-';
-  }
-
-  #sizer [part~='cell'] ::slotted(vaadin-grid-cell-content) {
-    display: none !important;
-  }
-
-  /* RTL specific styles */
-
-  :host([dir='rtl']) #items,
-  :host([dir='rtl']) #header,
-  :host([dir='rtl']) #footer {
-    left: auto;
-  }
-
-  :host([dir='rtl']) [part~='reorder-ghost'] {
-    left: auto;
-    right: 0;
-  }
-
-  :host([dir='rtl']) [part~='resize-handle'] {
-    left: 0;
-    right: auto;
-  }
-
-  :host([dir='rtl']) [part~='resize-handle']::before {
-    transform: translateX(50%);
-  }
-
-  :host([dir='rtl']) [last-column] [part~='resize-handle']::before,
-  :host([dir='rtl']) [last-frozen] [part~='resize-handle']::before {
-    left: 0;
-    right: auto;
-  }
-
-  :host([dir='rtl']) [frozen-to-end] [part~='resize-handle'] {
-    right: 0;
-    left: auto;
-  }
-
-  :host([dir='rtl']) [frozen-to-end] [part~='resize-handle']::before {
-    right: 0;
-    left: auto;
-  }
-
-  @media (forced-colors: active) {
-    [part~='selected-row'] [part~='first-column-cell']::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      border: 2px solid;
-    }
-
-    [part~='focused-cell']::before {
-      outline: 2px solid !important;
-      outline-offset: -1px;
-    }
-  }
-`;

package/src/styles/vaadin-grid-filter-core-styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright (c) 2016 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import type { CSSResult } from 'lit';
-
-export const gridFilterStyles: CSSResult;

package/src/styles/vaadin-grid-filter-core-styles.js

@@ -1,18 +0,0 @@
-/**
- * @license
- * Copyright (c) 2016 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css } from 'lit';
-
-export const gridFilterStyles = css`
-  :host {
-    display: inline-flex;
-    max-width: 100%;
-  }
-
-  ::slotted(*) {
-    width: 100%;
-    box-sizing: border-box;
-  }
-`;

package/src/styles/vaadin-grid-sorter-core-styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright (c) 2016 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import type { CSSResult } from 'lit';
-
-export const gridSorterStyles: CSSResult;

package/src/styles/vaadin-grid-sorter-core-styles.js

@@ -1,61 +0,0 @@
-/**
- * @license
- * Copyright (c) 2016 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css } from 'lit';
-
-const template = document.createElement('template');
-
-template.innerHTML = `
-  <style>
-    @font-face {
-      font-family: 'vaadin-grid-sorter-icons';
-      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQwAA0AAAAABuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEFAAAABkAAAAcfep+mUdERUYAAAP4AAAAHAAAAB4AJwAOT1MvMgAAAZgAAAA/AAAAYA8TBPpjbWFwAAAB7AAAAFUAAAFeF1fZ4mdhc3AAAAPwAAAACAAAAAgAAAAQZ2x5ZgAAAlgAAABcAAAAnMvguMloZWFkAAABMAAAAC8AAAA2C5Ap72hoZWEAAAFgAAAAHQAAACQGbQPHaG10eAAAAdgAAAAUAAAAHAoAAABsb2NhAAACRAAAABIAAAASAIwAYG1heHAAAAGAAAAAFgAAACAACwAKbmFtZQAAArQAAAECAAACZxWCgKhwb3N0AAADuAAAADUAAABZCrApUXicY2BkYGAA4rDECVrx/DZfGbhZGEDgyqNPOxH0/wNMq5kPALkcDEwgUQBWRA0dAHicY2BkYGA+8P8AAwMLAwgwrWZgZEAFbABY4QM8AAAAeJxjYGRgYOAAQiYGEICQSAAAAi8AFgAAeJxjYGY6yziBgZWBgWkm0xkGBoZ+CM34msGYkZMBFTAKoAkwODAwvmRiPvD/AIMDMxCD1CDJKjAwAgBktQsXAHicY2GAAMZQCM0EwqshbAALxAEKeJxjYGBgZoBgGQZGBhCIAPIYwXwWBhsgzcXAwcAEhIwMCi+Z/v/9/x+sSuElA4T9/4k4K1gHFwMMMILMY2QDYmaoABOQYGJABUA7WBiGNwAAJd4NIQAAAAAAAAAACAAIABAAGAAmAEAATgAAeJyNjLENgDAMBP9tIURJwQCMQccSZgk2i5fIYBDAidJjycXr7x5EPwE2wY8si7jmyBNXGo/bNBerxJNrpxhbO3/fEFpx8ZICpV+ghxJ74fAMe+h7Ox14AbrsHB14nK2QQWrDMBRER4mTkhQK3ZRQKOgCNk7oGQqhhEIX2WSlWEI1BAlkJ5CDdNsj5Ey9Rncdi38ES+jzNJo/HwTgATcoDEthhY3wBHc4CE+pfwsX5F/hGe7Vo/AcK/UhvMSz+mGXKhZU6pww8ISz3oWn1BvhgnwTnuEJf8Jz1OpFeIlX9YULDLdFi4ASHolkSR0iuYdjLak1vAequBhj21D61Nqyi6l3qWybGPjySbPHGScGJl6dP58MYcQRI0bts7mjebBqrFENH7t3qWtj0OuqHnXcW7b0HOTZFnKryRGW2hFX1m0O2vEM3opNMfTau+CS6Z3Vx6veNnEXY6jwDxhsc2gAAHicY2BiwA84GBgYmRiYGJkZmBlZGFkZ2djScyoLMgzZS/MyDQwMwLSrpYEBlIbxjQDrzgsuAAAAAAEAAf//AA94nGNgZGBg4AFiMSBmYmAEQnYgZgHzGAAD6wA2eJxjYGBgZACCKyoz1cD0o087YTQATOcIewAAAA==) format('woff');
-      font-weight: normal;
-      font-style: normal;
-    }
-  </style>
-`;
-
-document.head.appendChild(template.content);
-
-export const gridSorterStyles = css`
-  :host {
-    display: inline-flex;
-    cursor: pointer;
-    max-width: 100%;
-  }
-
-  [part='content'] {
-    flex: 1 1 auto;
-  }
-
-  [part='indicators'] {
-    position: relative;
-    align-self: center;
-    flex: none;
-  }
-
-  [part='order'] {
-    display: inline;
-    vertical-align: super;
-  }
-
-  [part='indicators']::before {
-    font-family: 'vaadin-grid-sorter-icons';
-    display: inline-block;
-  }
-
-  :host(:not([direction])) [part='indicators']::before {
-    content: '\\e901';
-  }
-
-  :host([direction='asc']) [part='indicators']::before {
-    content: '\\e900';
-  }
-
-  :host([direction='desc']) [part='indicators']::before {
-    content: '\\e902';
-  }
-`;

package/src/styles/vaadin-grid-tree-toggle-core-styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license
- * Copyright (c) 2016 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import type { CSSResult } from 'lit';
-
-export const gridTreeToggleStyles: CSSResult;

package/src/styles/vaadin-grid-tree-toggle-core-styles.js

@@ -1,78 +0,0 @@
-/**
- * @license
- * Copyright (c) 2016 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css } from 'lit';
-
-const template = document.createElement('template');
-
-template.innerHTML = `
-  <style>
-    @font-face {
-      font-family: "vaadin-grid-tree-icons";
-      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQkAA0AAAAABrwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAECAAAABoAAAAcgHwa6EdERUYAAAPsAAAAHAAAAB4AJwAOT1MvMgAAAZQAAAA/AAAAYA8TBIJjbWFwAAAB8AAAAFUAAAFeGJvXWmdhc3AAAAPkAAAACAAAAAgAAAAQZ2x5ZgAAAlwAAABLAAAAhIrPOhFoZWFkAAABMAAAACsAAAA2DsJI02hoZWEAAAFcAAAAHQAAACQHAgPHaG10eAAAAdQAAAAZAAAAHAxVAgBsb2NhAAACSAAAABIAAAASAIAAVG1heHAAAAF8AAAAGAAAACAACgAFbmFtZQAAAqgAAAECAAACTwflzbdwb3N0AAADrAAAADYAAABZQ7Ajh3icY2BkYGAA4twv3Vfi+W2+MnCzMIDANSOmbGSa2YEZRHEwMIEoAAoiB6sAeJxjYGRgYD7w/wADAwsDCDA7MDAyoAI2AFEEAtIAAAB4nGNgZGBg4GBgZgDRDAxMDGgAAAGbABB4nGNgZp7JOIGBlYGBaSbTGQYGhn4IzfiawZiRkwEVMAqgCTA4MDA+38d84P8BBgdmIAapQZJVYGAEAGc/C54AeJxjYYAAxlAIzQTELAwMBxgZGB0ACy0BYwAAAHicY2BgYGaAYBkGRgYQiADyGMF8FgYbIM3FwMHABISMDArP9/3/+/8/WJXC8z0Q9v8nEp5gHVwMMMAIMo+RDYiZoQJMQIKJARUA7WBhGN4AACFKDtoAAAAAAAAAAAgACAAQABgAJgA0AEIAAHichYvBEYBADAKBVHBjBT4swl9KS2k05o0XHd/yW1hAfBFwCv9sIlJu3nZaNS3PXAaXXHI8Lge7DlzF7C1RgXc7xkK6+gvcD2URmQB4nK2RQWoCMRiFX3RUqtCli65yADModOMBLLgQSqHddRFnQghIAnEUvEA3vUUP0LP0Fj1G+yb8R5iEhO9/ef/7FwFwj28o9EthiVp4hBlehcfUP4Ur8o/wBAv8CU+xVFvhOR7UB7tUdUdlVRJ6HnHWTnhM/V24In8JT5j/KzzFSi2E53hUz7jCcrcIiDDwyKSW1JEct2HdIPH1DFytbUM0PofWdNk5E5oUqb/Q6HHBiVGZpfOXkyUMEj5IyBuNmYZQjBobfsuassvnkKLe1OuBBj0VQ8cRni2xjLWsHaM0jrjx3peYA0/vrdmUYqe9iy7bzrX6eNP7Jh1SijX+AaUVbB8AAHicY2BiwA84GBgYmRiYGJkZmBlZGFkZ2djScyoLMgzZS/MyDQwMwLSruZMzlHaB0q4A76kLlwAAAAEAAf//AA94nGNgZGBg4AFiMSBmYmAEQnYgZgHzGAAD6wA2eJxjYGBgZACCKxJigiD6mhFTNowGACmcA/8AAA==) format('woff');
-      font-weight: normal;
-      font-style: normal;
-    }
-  </style>
-`;
-
-document.head.appendChild(template.content);
-
-export const gridTreeToggleStyles = css`
-  :host {
-    display: inline-flex;
-    align-items: baseline;
-    max-width: 100%;
-
-    /* CSS API for :host */
-    --vaadin-grid-tree-toggle-level-offset: 1em;
-    --_collapsed-icon: '\\e7be\\00a0';
-  }
-
-  :host([dir='rtl']) {
-    --_collapsed-icon: '\\e7bd\\00a0';
-  }
-
-  :host([hidden]) {
-    display: none !important;
-  }
-
-  :host(:not([leaf])) {
-    cursor: pointer;
-  }
-
-  #level-spacer,
-  [part='toggle'] {
-    flex: none;
-  }
-
-  #level-spacer {
-    display: inline-block;
-    width: calc(var(--_level, '0') * var(--vaadin-grid-tree-toggle-level-offset));
-  }
-
-  [part='toggle']::before {
-    font-family: 'vaadin-grid-tree-icons';
-    line-height: 1em; /* make icon font metrics not affect baseline */
-  }
-
-  :host(:not([expanded])) [part='toggle']::before {
-    content: var(--_collapsed-icon);
-  }
-
-  :host([expanded]) [part='toggle']::before {
-    content: '\\e7bc\\00a0'; /* icon glyph + single non-breaking space */
-  }
-
-  :host([leaf]) [part='toggle'] {
-    visibility: hidden;
-  }
-
-  slot {
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-`;

package/theme/lumo/all-imports.d.ts

@@ -1,11 +0,0 @@
-import './vaadin-grid-column-group.js';
-import './vaadin-grid-column.js';
-import './vaadin-grid-filter.js';
-import './vaadin-grid-filter-column.js';
-import './vaadin-grid-selection-column.js';
-import './vaadin-grid-sorter.js';
-import './vaadin-grid-sort-column.js';
-import './vaadin-grid-tree-toggle.js';
-import './vaadin-grid-tree-column.js';
-import './vaadin-grid.js';
-import '../../src/all-imports.js';

package/theme/lumo/all-imports.js

@@ -1,11 +0,0 @@
-import './vaadin-grid-column-group.js';
-import './vaadin-grid-column.js';
-import './vaadin-grid-filter.js';
-import './vaadin-grid-filter-column.js';
-import './vaadin-grid-selection-column.js';
-import './vaadin-grid-sorter.js';
-import './vaadin-grid-sort-column.js';
-import './vaadin-grid-tree-toggle.js';
-import './vaadin-grid-tree-column.js';
-import './vaadin-grid.js';
-import '../../src/all-imports.js';

package/theme/lumo/vaadin-grid-column-group.d.ts

@@ -1 +0,0 @@
-import '../../src/vaadin-grid-column-group.js';

package/theme/lumo/vaadin-grid-column-group.js

@@ -1 +0,0 @@
-import '../../src/vaadin-grid-column-group.js';

package/theme/lumo/vaadin-grid-column.d.ts

@@ -1 +0,0 @@
-import '../../src/vaadin-grid-column.js';

package/theme/lumo/vaadin-grid-column.js

@@ -1 +0,0 @@
-import '../../src/vaadin-grid-column.js';

package/theme/lumo/vaadin-grid-filter-column.d.ts

@@ -1,2 +0,0 @@
-import './vaadin-grid-filter.js';
-import '../../src/vaadin-grid-filter-column.js';

package/theme/lumo/vaadin-grid-filter-column.js

@@ -1,2 +0,0 @@
-import './vaadin-grid-filter.js';
-import '../../src/vaadin-grid-filter-column.js';

package/theme/lumo/vaadin-grid-filter.d.ts

@@ -1,2 +0,0 @@
-import '@vaadin/text-field/theme/lumo/vaadin-text-field.js';
-import '../../src/vaadin-grid-filter.js';

package/theme/lumo/vaadin-grid-filter.js

@@ -1,2 +0,0 @@
-import '@vaadin/text-field/theme/lumo/vaadin-text-field.js';
-import '../../src/vaadin-grid-filter.js';

package/theme/lumo/vaadin-grid-selection-column.d.ts

@@ -1,2 +0,0 @@
-import '@vaadin/checkbox/theme/lumo/vaadin-checkbox.js';
-import '../../src/vaadin-grid-selection-column.js';

package/theme/lumo/vaadin-grid-selection-column.js

@@ -1,2 +0,0 @@
-import '@vaadin/checkbox/theme/lumo/vaadin-checkbox.js';
-import '../../src/vaadin-grid-selection-column.js';

package/theme/lumo/vaadin-grid-sort-column.d.ts

@@ -1,2 +0,0 @@
-import './vaadin-grid-sorter.js';
-import '../../src/vaadin-grid-sort-column.js';

package/theme/lumo/vaadin-grid-sort-column.js

@@ -1,2 +0,0 @@
-import './vaadin-grid-sorter.js';
-import '../../src/vaadin-grid-sort-column.js';

package/theme/lumo/vaadin-grid-sorter-styles.d.ts

@@ -1,3 +0,0 @@
-import '@vaadin/vaadin-lumo-styles/color.js';
-import '@vaadin/vaadin-lumo-styles/style.js';
-import '@vaadin/vaadin-lumo-styles/spacing.js';