@vaadin/grid-pro 24.8.0-alpha9 → 25.0.0-alpha1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -26
- package/package.json +13 -16
- package/src/vaadin-grid-pro-edit-column.d.ts +1 -1
- package/src/vaadin-grid-pro-edit-column.js +1 -1
- package/src/vaadin-grid-pro-edit-select-mixin.js +1 -1
- package/web-types.json +3 -3
- package/web-types.lit.json +3 -3
- package/src/vaadin-lit-grid-pro-edit-checkbox.js +0 -28
- package/src/vaadin-lit-grid-pro-edit-column.js +0 -34
- package/src/vaadin-lit-grid-pro-edit-select.js +0 -29
- package/src/vaadin-lit-grid-pro-edit-text-field.js +0 -33
- package/src/vaadin-lit-grid-pro.js +0 -35
- package/theme/lumo/vaadin-lit-grid-pro-edit-checkbox.d.ts +0 -2
- package/theme/lumo/vaadin-lit-grid-pro-edit-checkbox.js +0 -2
- package/theme/lumo/vaadin-lit-grid-pro-edit-column.d.ts +0 -4
- package/theme/lumo/vaadin-lit-grid-pro-edit-column.js +0 -4
- package/theme/lumo/vaadin-lit-grid-pro-edit-select.d.ts +0 -3
- package/theme/lumo/vaadin-lit-grid-pro-edit-select.js +0 -3
- package/theme/lumo/vaadin-lit-grid-pro-edit-text-field.d.ts +0 -3
- package/theme/lumo/vaadin-lit-grid-pro-edit-text-field.js +0 -3
- package/theme/lumo/vaadin-lit-grid-pro.d.ts +0 -3
- package/theme/lumo/vaadin-lit-grid-pro.js +0 -3
- package/theme/material/vaadin-grid-pro-edit-checkbox.d.ts +0 -2
- package/theme/material/vaadin-grid-pro-edit-checkbox.js +0 -2
- package/theme/material/vaadin-grid-pro-edit-column.d.ts +0 -4
- package/theme/material/vaadin-grid-pro-edit-column.js +0 -4
- package/theme/material/vaadin-grid-pro-edit-select-styles.d.ts +0 -1
- package/theme/material/vaadin-grid-pro-edit-select-styles.js +0 -16
- package/theme/material/vaadin-grid-pro-edit-select.d.ts +0 -3
- package/theme/material/vaadin-grid-pro-edit-select.js +0 -3
- package/theme/material/vaadin-grid-pro-edit-text-field-styles.d.ts +0 -1
- package/theme/material/vaadin-grid-pro-edit-text-field-styles.js +0 -6
- package/theme/material/vaadin-grid-pro-edit-text-field.d.ts +0 -3
- package/theme/material/vaadin-grid-pro-edit-text-field.js +0 -3
- package/theme/material/vaadin-grid-pro-editor-styles.d.ts +0 -2
- package/theme/material/vaadin-grid-pro-editor-styles.js +0 -21
- package/theme/material/vaadin-grid-pro-styles.d.ts +0 -2
- package/theme/material/vaadin-grid-pro-styles.js +0 -23
- package/theme/material/vaadin-grid-pro.d.ts +0 -3
- package/theme/material/vaadin-grid-pro.js +0 -3
- package/theme/material/vaadin-lit-grid-pro-edit-checkbox.d.ts +0 -2
- package/theme/material/vaadin-lit-grid-pro-edit-checkbox.js +0 -2
- package/theme/material/vaadin-lit-grid-pro-edit-column.d.ts +0 -4
- package/theme/material/vaadin-lit-grid-pro-edit-column.js +0 -4
- package/theme/material/vaadin-lit-grid-pro-edit-select.d.ts +0 -3
- package/theme/material/vaadin-lit-grid-pro-edit-select.js +0 -3
- package/theme/material/vaadin-lit-grid-pro-edit-text-field.d.ts +0 -3
- package/theme/material/vaadin-lit-grid-pro-edit-text-field.js +0 -3
- package/theme/material/vaadin-lit-grid-pro.d.ts +0 -3
- package/theme/material/vaadin-lit-grid-pro.js +0 -3
- package/vaadin-lit-grid-pro-edit-column.d.ts +0 -1
- package/vaadin-lit-grid-pro-edit-column.js +0 -3
- package/vaadin-lit-grid-pro.d.ts +0 -1
- package/vaadin-lit-grid-pro.js +0 -3
package/README.md
CHANGED
|
@@ -40,32 +40,6 @@ import '@vaadin/grid-pro';
|
|
|
40
40
|
import '@vaadin/grid-pro/vaadin-grid-pro-edit-column.js';
|
|
41
41
|
```
|
|
42
42
|
|
|
43
|
-
## Themes
|
|
44
|
-
|
|
45
|
-
Vaadin components come with two built-in [themes](https://vaadin.com/docs/latest/styling), Lumo and Material.
|
|
46
|
-
The [main entrypoint](https://github.com/vaadin/web-components/blob/main/packages/grid-pro/vaadin-grid-pro.js) of the package uses the Lumo theme.
|
|
47
|
-
|
|
48
|
-
To use the Material theme, import the components from the `theme/material` folder:
|
|
49
|
-
|
|
50
|
-
```js
|
|
51
|
-
import '@vaadin/grid-pro/theme/material/vaadin-grid-pro.js';
|
|
52
|
-
import '@vaadin/grid-pro/theme/material/vaadin-grid-pro-edit-column.js';
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
You can also import the Lumo version of the components explicitly:
|
|
56
|
-
|
|
57
|
-
```js
|
|
58
|
-
import '@vaadin/grid-pro/theme/lumo/vaadin-grid-pro.js';
|
|
59
|
-
import '@vaadin/grid-pro/theme/lumo/vaadin-grid-pro-edit-column.js';
|
|
60
|
-
```
|
|
61
|
-
|
|
62
|
-
Finally, you can import the un-themed components from the `src` folder to get a minimal starting point:
|
|
63
|
-
|
|
64
|
-
```js
|
|
65
|
-
import '@vaadin/grid-pro/src/vaadin-grid-pro.js';
|
|
66
|
-
import '@vaadin/grid-pro/src/vaadin-grid-pro-edit-column.js';
|
|
67
|
-
```
|
|
68
|
-
|
|
69
43
|
## Contributing
|
|
70
44
|
|
|
71
45
|
Read the [contributing guide](https://vaadin.com/docs/latest/contributing) to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/grid-pro",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "25.0.0-alpha1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -33,26 +33,23 @@
|
|
|
33
33
|
"Vaadin",
|
|
34
34
|
"vaadin-grid-pro",
|
|
35
35
|
"web-components",
|
|
36
|
-
"web-component"
|
|
37
|
-
"polymer"
|
|
36
|
+
"web-component"
|
|
38
37
|
],
|
|
39
38
|
"dependencies": {
|
|
40
39
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
41
|
-
"@
|
|
42
|
-
"@vaadin/
|
|
43
|
-
"@vaadin/
|
|
44
|
-
"@vaadin/
|
|
45
|
-
"@vaadin/
|
|
46
|
-
"@vaadin/
|
|
47
|
-
"@vaadin/
|
|
48
|
-
"@vaadin/vaadin-
|
|
49
|
-
"@vaadin/vaadin-material-styles": "24.8.0-alpha9",
|
|
50
|
-
"@vaadin/vaadin-themable-mixin": "24.8.0-alpha9",
|
|
40
|
+
"@vaadin/checkbox": "25.0.0-alpha1",
|
|
41
|
+
"@vaadin/component-base": "25.0.0-alpha1",
|
|
42
|
+
"@vaadin/grid": "25.0.0-alpha1",
|
|
43
|
+
"@vaadin/lit-renderer": "25.0.0-alpha1",
|
|
44
|
+
"@vaadin/select": "25.0.0-alpha1",
|
|
45
|
+
"@vaadin/text-field": "25.0.0-alpha1",
|
|
46
|
+
"@vaadin/vaadin-lumo-styles": "25.0.0-alpha1",
|
|
47
|
+
"@vaadin/vaadin-themable-mixin": "25.0.0-alpha1",
|
|
51
48
|
"lit": "^3.0.0"
|
|
52
49
|
},
|
|
53
50
|
"devDependencies": {
|
|
54
|
-
"@vaadin/chai-plugins": "
|
|
55
|
-
"@vaadin/test-runner-commands": "
|
|
51
|
+
"@vaadin/chai-plugins": "25.0.0-alpha1",
|
|
52
|
+
"@vaadin/test-runner-commands": "25.0.0-alpha1",
|
|
56
53
|
"@vaadin/testing-helpers": "^1.1.0",
|
|
57
54
|
"sinon": "^18.0.0"
|
|
58
55
|
},
|
|
@@ -61,5 +58,5 @@
|
|
|
61
58
|
"web-types.json",
|
|
62
59
|
"web-types.lit.json"
|
|
63
60
|
],
|
|
64
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "b8c22a4a0c64156210d0daac96b43ae4e5526d49"
|
|
65
62
|
}
|
|
@@ -22,7 +22,7 @@ export * from './vaadin-grid-pro-edit-column-mixin.js';
|
|
|
22
22
|
*
|
|
23
23
|
* #### Example:
|
|
24
24
|
* ```html
|
|
25
|
-
* <vaadin-grid-pro
|
|
25
|
+
* <vaadin-grid-pro>
|
|
26
26
|
* <vaadin-grid-pro-edit-column path="name.first"></vaadin-grid-pro-edit-column>
|
|
27
27
|
*
|
|
28
28
|
* <vaadin-grid-column>
|
|
@@ -23,7 +23,7 @@ import { GridProEditColumnMixin } from './vaadin-grid-pro-edit-column-mixin.js';
|
|
|
23
23
|
*
|
|
24
24
|
* #### Example:
|
|
25
25
|
* ```html
|
|
26
|
-
* <vaadin-grid-pro
|
|
26
|
+
* <vaadin-grid-pro>
|
|
27
27
|
* <vaadin-grid-pro-edit-column path="name.first"></vaadin-grid-pro-edit-column>
|
|
28
28
|
*
|
|
29
29
|
* <vaadin-grid-column>
|
|
@@ -102,7 +102,7 @@ export const GridProEditSelectMixin = (superClass) =>
|
|
|
102
102
|
value: option,
|
|
103
103
|
}));
|
|
104
104
|
|
|
105
|
-
this._overlayElement
|
|
105
|
+
this._overlayElement = this._overlayElement || this.shadowRoot.querySelector('vaadin-select-overlay');
|
|
106
106
|
this._overlayElement.addEventListener('vaadin-overlay-outside-click', () => {
|
|
107
107
|
this._grid._stopEdit();
|
|
108
108
|
});
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/grid-pro",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "25.0.0-alpha1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-grid-pro-edit-column",
|
|
11
|
-
"description": "`<vaadin-grid-pro-edit-column>` is a helper element for the `<vaadin-grid-pro>`\nthat provides default inline editing for the items.\n\n__Note that the `path` property must be explicitly specified for edit column.__\n\n#### Example:\n```html\n<vaadin-grid-pro
|
|
11
|
+
"description": "`<vaadin-grid-pro-edit-column>` is a helper element for the `<vaadin-grid-pro>`\nthat provides default inline editing for the items.\n\n__Note that the `path` property must be explicitly specified for edit column.__\n\n#### Example:\n```html\n<vaadin-grid-pro>\n <vaadin-grid-pro-edit-column path=\"name.first\"></vaadin-grid-pro-edit-column>\n\n <vaadin-grid-column>\n ...\n```",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "resizable",
|
|
@@ -401,7 +401,7 @@
|
|
|
401
401
|
},
|
|
402
402
|
{
|
|
403
403
|
"name": "vaadin-grid-pro",
|
|
404
|
-
"description": "`<vaadin-grid-pro>` is a high quality data grid / data table Web Component with extended functionality.\nIt extends `<vaadin-grid>` and adds extra features on top of the basic ones.\n\nSee [`<vaadin-grid>`](https://cdn.vaadin.com/vaadin-web-components/
|
|
404
|
+
"description": "`<vaadin-grid-pro>` is a high quality data grid / data table Web Component with extended functionality.\nIt extends `<vaadin-grid>` and adds extra features on top of the basic ones.\n\nSee [`<vaadin-grid>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha1/#/elements/vaadin-grid) documentation for details.\n\n```\n<vaadin-grid-pro></vaadin-grid-pro>\n```\n\n### Internal components\n\nIn addition to `<vaadin-grid-pro>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-grid-pro-edit-checkbox>` - has the same API as [`<vaadin-checkbox>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha1/#/elements/vaadin-checkbox).\n- `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha1/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha1/#/elements/vaadin-select).",
|
|
405
405
|
"attributes": [
|
|
406
406
|
{
|
|
407
407
|
"name": "accessible-name",
|
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/grid-pro",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "25.0.0-alpha1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-grid-pro-edit-column",
|
|
19
|
-
"description": "`<vaadin-grid-pro-edit-column>` is a helper element for the `<vaadin-grid-pro>`\nthat provides default inline editing for the items.\n\n__Note that the `path` property must be explicitly specified for edit column.__\n\n#### Example:\n```html\n<vaadin-grid-pro
|
|
19
|
+
"description": "`<vaadin-grid-pro-edit-column>` is a helper element for the `<vaadin-grid-pro>`\nthat provides default inline editing for the items.\n\n__Note that the `path` property must be explicitly specified for edit column.__\n\n#### Example:\n```html\n<vaadin-grid-pro>\n <vaadin-grid-pro-edit-column path=\"name.first\"></vaadin-grid-pro-edit-column>\n\n <vaadin-grid-column>\n ...\n```",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
{
|
|
179
179
|
"name": "vaadin-grid-pro",
|
|
180
|
-
"description": "`<vaadin-grid-pro>` is a high quality data grid / data table Web Component with extended functionality.\nIt extends `<vaadin-grid>` and adds extra features on top of the basic ones.\n\nSee [`<vaadin-grid>`](https://cdn.vaadin.com/vaadin-web-components/
|
|
180
|
+
"description": "`<vaadin-grid-pro>` is a high quality data grid / data table Web Component with extended functionality.\nIt extends `<vaadin-grid>` and adds extra features on top of the basic ones.\n\nSee [`<vaadin-grid>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha1/#/elements/vaadin-grid) documentation for details.\n\n```\n<vaadin-grid-pro></vaadin-grid-pro>\n```\n\n### Internal components\n\nIn addition to `<vaadin-grid-pro>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-grid-pro-edit-checkbox>` - has the same API as [`<vaadin-checkbox>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha1/#/elements/vaadin-checkbox).\n- `<vaadin-grid-pro-edit-text-field>` - has the same API as [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha1/#/elements/vaadin-text-field).\n- `<vaadin-grid-pro-edit-select>` - has the same API as [`<vaadin-select>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha1/#/elements/vaadin-select).",
|
|
181
181
|
"extension": true,
|
|
182
182
|
"attributes": [
|
|
183
183
|
{
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
-
*
|
|
5
|
-
* This program is available under Vaadin Commercial License and Service Terms.
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
* See https://vaadin.com/commercial-license-and-service-terms for the full
|
|
9
|
-
* license.
|
|
10
|
-
*/
|
|
11
|
-
import { Checkbox } from '@vaadin/checkbox/src/vaadin-lit-checkbox.js';
|
|
12
|
-
import { defineCustomElement } from '@vaadin/component-base/src/define.js';
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* LitElement based version of `<vaadin-grid-pro-edit-checkbox>` web component.
|
|
16
|
-
*
|
|
17
|
-
* ## Disclaimer
|
|
18
|
-
*
|
|
19
|
-
* This component is an experiment and not yet a part of Vaadin platform.
|
|
20
|
-
* There is no ETA regarding specific Vaadin version where it'll land.
|
|
21
|
-
*/
|
|
22
|
-
class GridProEditCheckbox extends Checkbox {
|
|
23
|
-
static get is() {
|
|
24
|
-
return 'vaadin-grid-pro-edit-checkbox';
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
defineCustomElement(GridProEditCheckbox);
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
-
*
|
|
5
|
-
* This program is available under Vaadin Commercial License and Service Terms.
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
* See https://vaadin.com/commercial-license-and-service-terms for the full
|
|
9
|
-
* license.
|
|
10
|
-
*/
|
|
11
|
-
import './vaadin-lit-grid-pro-edit-checkbox.js';
|
|
12
|
-
import './vaadin-lit-grid-pro-edit-select.js';
|
|
13
|
-
import './vaadin-lit-grid-pro-edit-text-field.js';
|
|
14
|
-
import { defineCustomElement } from '@vaadin/component-base/src/define.js';
|
|
15
|
-
import { GridColumn } from '@vaadin/grid/src/vaadin-lit-grid-column.js';
|
|
16
|
-
import { GridProEditColumnMixin } from './vaadin-grid-pro-edit-column-mixin.js';
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* LitElement based version of `<vaadin-grid-pro-edit-column>` web component.
|
|
20
|
-
*
|
|
21
|
-
* ## Disclaimer
|
|
22
|
-
*
|
|
23
|
-
* This component is an experiment and not yet a part of Vaadin platform.
|
|
24
|
-
* There is no ETA regarding specific Vaadin version where it'll land.
|
|
25
|
-
*/
|
|
26
|
-
class GridProEditColumn extends GridProEditColumnMixin(GridColumn) {
|
|
27
|
-
static get is() {
|
|
28
|
-
return 'vaadin-grid-pro-edit-column';
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
defineCustomElement(GridProEditColumn);
|
|
33
|
-
|
|
34
|
-
export { GridProEditColumn };
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
-
*
|
|
5
|
-
* This program is available under Vaadin Commercial License and Service Terms.
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
* See https://vaadin.com/commercial-license-and-service-terms for the full
|
|
9
|
-
* license.
|
|
10
|
-
*/
|
|
11
|
-
import { defineCustomElement } from '@vaadin/component-base/src/define.js';
|
|
12
|
-
import { Select } from '@vaadin/select/src/vaadin-lit-select.js';
|
|
13
|
-
import { GridProEditSelectMixin } from './vaadin-grid-pro-edit-select-mixin.js';
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* LitElement based version of `<vaadin-grid-pro-edit-select>` web component.
|
|
17
|
-
*
|
|
18
|
-
* ## Disclaimer
|
|
19
|
-
*
|
|
20
|
-
* This component is an experiment and not yet a part of Vaadin platform.
|
|
21
|
-
* There is no ETA regarding specific Vaadin version where it'll land.
|
|
22
|
-
*/
|
|
23
|
-
class GridProEditSelect extends GridProEditSelectMixin(Select) {
|
|
24
|
-
static get is() {
|
|
25
|
-
return 'vaadin-grid-pro-edit-select';
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
defineCustomElement(GridProEditSelect);
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
-
*
|
|
5
|
-
* This program is available under Vaadin Commercial License and Service Terms.
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
* See https://vaadin.com/commercial-license-and-service-terms for the full
|
|
9
|
-
* license.
|
|
10
|
-
*/
|
|
11
|
-
import { defineCustomElement } from '@vaadin/component-base/src/define.js';
|
|
12
|
-
import { TextField } from '@vaadin/text-field/src/vaadin-lit-text-field.js';
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* LitElement based version of `<vaadin-grid-pro-edit-text-field>` web component.
|
|
16
|
-
*
|
|
17
|
-
* ## Disclaimer
|
|
18
|
-
*
|
|
19
|
-
* This component is an experiment and not yet a part of Vaadin platform.
|
|
20
|
-
* There is no ETA regarding specific Vaadin version where it'll land.
|
|
21
|
-
*/
|
|
22
|
-
class GridProEditText extends TextField {
|
|
23
|
-
static get is() {
|
|
24
|
-
return 'vaadin-grid-pro-edit-text-field';
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
ready() {
|
|
28
|
-
super.ready();
|
|
29
|
-
this.setAttribute('theme', 'grid-pro-editor');
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
defineCustomElement(GridProEditText);
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright (c) 2000 - 2025 Vaadin Ltd.
|
|
4
|
-
*
|
|
5
|
-
* This program is available under Vaadin Commercial License and Service Terms.
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
* See https://vaadin.com/commercial-license-and-service-terms for the full
|
|
9
|
-
* license.
|
|
10
|
-
*/
|
|
11
|
-
import { defineCustomElement } from '@vaadin/component-base/src/define.js';
|
|
12
|
-
import { Grid } from '@vaadin/grid/src/vaadin-lit-grid.js';
|
|
13
|
-
import { InlineEditingMixin } from './vaadin-grid-pro-inline-editing-mixin.js';
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* LitElement based version of `<vaadin-grid-pro>` web component.
|
|
17
|
-
*
|
|
18
|
-
* ## Disclaimer
|
|
19
|
-
*
|
|
20
|
-
* This component is an experiment and not yet a part of Vaadin platform.
|
|
21
|
-
* There is no ETA regarding specific Vaadin version where it'll land.
|
|
22
|
-
*/
|
|
23
|
-
class GridPro extends InlineEditingMixin(Grid) {
|
|
24
|
-
static get is() {
|
|
25
|
-
return 'vaadin-grid-pro';
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
static get cvdlName() {
|
|
29
|
-
return 'vaadin-grid-pro';
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
defineCustomElement(GridPro);
|
|
34
|
-
|
|
35
|
-
export { GridPro };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
2
|
-
import { gridProEditor } from './vaadin-grid-pro-editor-styles.js';
|
|
3
|
-
|
|
4
|
-
const gridProEditSelect = css`
|
|
5
|
-
:host([theme~='grid-pro-editor']) [part='input-field'] ::slotted([slot='value']) {
|
|
6
|
-
box-sizing: border-box;
|
|
7
|
-
font-size: inherit;
|
|
8
|
-
/* prevent selection on editor focus */
|
|
9
|
-
-webkit-user-select: none;
|
|
10
|
-
user-select: none;
|
|
11
|
-
}
|
|
12
|
-
`;
|
|
13
|
-
|
|
14
|
-
registerStyles('vaadin-grid-pro-edit-select', [gridProEditor, gridProEditSelect], {
|
|
15
|
-
moduleId: 'material-grid-pro-edit-select',
|
|
16
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
2
|
-
import { gridProEditor } from './vaadin-grid-pro-editor-styles.js';
|
|
3
|
-
|
|
4
|
-
registerStyles('vaadin-grid-pro-edit-text-field', gridProEditor, {
|
|
5
|
-
moduleId: 'material-grid-pro-edit-text-field',
|
|
6
|
-
});
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
2
|
-
|
|
3
|
-
const gridProEditor = css`
|
|
4
|
-
:host([theme~='grid-pro-editor']) {
|
|
5
|
-
width: 100%;
|
|
6
|
-
margin: -6px 0 0;
|
|
7
|
-
padding: 0;
|
|
8
|
-
top: 6px;
|
|
9
|
-
will-change: transform;
|
|
10
|
-
font-size: inherit;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
:host([theme~='grid-pro-editor']) ::slotted(input) {
|
|
14
|
-
box-sizing: border-box;
|
|
15
|
-
font-size: inherit;
|
|
16
|
-
}
|
|
17
|
-
`;
|
|
18
|
-
|
|
19
|
-
registerStyles('', gridProEditor, { moduleId: 'material-grid-pro-editor' });
|
|
20
|
-
|
|
21
|
-
export { gridProEditor };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import '@vaadin/vaadin-material-styles/color.js';
|
|
2
|
-
import '@vaadin/grid/theme/material/vaadin-grid-styles.js';
|
|
3
|
-
import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
4
|
-
|
|
5
|
-
registerStyles(
|
|
6
|
-
'vaadin-grid-pro',
|
|
7
|
-
css`
|
|
8
|
-
:host([navigating]) [part~='cell']:active {
|
|
9
|
-
box-shadow: inset 0 0 0 2px var(--material-primary-color);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
[part~='editable-cell'],
|
|
13
|
-
[part~='editable-cell'] ::slotted(vaadin-grid-cell-content) {
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
[part~='row'] > [part~='editable-cell']:hover,
|
|
18
|
-
[part~='row'] > [part~='editable-cell']:focus {
|
|
19
|
-
background: var(--material-background-color) linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
|
|
20
|
-
}
|
|
21
|
-
`,
|
|
22
|
-
{ moduleId: 'material-grid-pro' },
|
|
23
|
-
);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './src/vaadin-grid-pro-edit-column.js';
|
package/vaadin-lit-grid-pro.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './src/vaadin-grid-pro.js';
|
package/vaadin-lit-grid-pro.js
DELETED