@vaadin/crud 24.8.0-alpha9 → 25.0.0-alpha2

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.
Files changed (35) hide show
  1. package/README.md +0 -23
  2. package/package.json +17 -20
  3. package/src/vaadin-crud-dialog.js +32 -31
  4. package/src/vaadin-crud-edit-column.d.ts +1 -1
  5. package/src/vaadin-crud-edit-column.js +1 -1
  6. package/src/vaadin-crud-edit.js +18 -21
  7. package/src/vaadin-crud-form.js +4 -1
  8. package/src/vaadin-crud-helpers.js +3 -3
  9. package/src/vaadin-crud-mixin.js +16 -10
  10. package/src/vaadin-crud.d.ts +1 -6
  11. package/src/vaadin-crud.js +31 -28
  12. package/web-types.json +7 -7
  13. package/web-types.lit.json +5 -5
  14. package/src/vaadin-lit-crud-dialog.d.ts +0 -11
  15. package/src/vaadin-lit-crud-dialog.js +0 -128
  16. package/src/vaadin-lit-crud-edit-column.d.ts +0 -11
  17. package/src/vaadin-lit-crud-edit-column.js +0 -70
  18. package/src/vaadin-lit-crud-edit.d.ts +0 -11
  19. package/src/vaadin-lit-crud-edit.js +0 -75
  20. package/src/vaadin-lit-crud-form.d.ts +0 -11
  21. package/src/vaadin-lit-crud-form.js +0 -80
  22. package/src/vaadin-lit-crud-grid.d.ts +0 -11
  23. package/src/vaadin-lit-crud-grid.js +0 -35
  24. package/src/vaadin-lit-crud.js +0 -122
  25. package/theme/lumo/vaadin-lit-crud.d.ts +0 -8
  26. package/theme/lumo/vaadin-lit-crud.js +0 -8
  27. package/theme/material/vaadin-crud-styles.d.ts +0 -2
  28. package/theme/material/vaadin-crud-styles.js +0 -157
  29. package/theme/material/vaadin-crud.d.ts +0 -8
  30. package/theme/material/vaadin-crud.js +0 -8
  31. package/theme/material/vaadin-lit-crud.d.ts +0 -8
  32. package/theme/material/vaadin-lit-crud.js +0 -8
  33. package/vaadin-lit-crud-edit .js +0 -1
  34. package/vaadin-lit-crud-edit-column.js +0 -1
  35. package/vaadin-lit-crud.js +0 -2
@@ -1,157 +0,0 @@
1
- import '@vaadin/vaadin-material-styles/typography.js';
2
- import '@vaadin/vaadin-material-styles/color.js';
3
- import { dialogOverlay } from '@vaadin/dialog/theme/material/vaadin-dialog-styles.js';
4
- import { overlay } from '@vaadin/vaadin-material-styles/mixins/overlay.js';
5
- import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
6
-
7
- registerStyles(
8
- 'vaadin-crud-edit',
9
- css`
10
- :host {
11
- display: block;
12
- min-width: auto;
13
- font-size: var(--material-button-font-size);
14
- line-height: 1;
15
- color: var(--material-text-color);
16
- position: relative;
17
- background-color: var(--material-secondary-background-color);
18
- border-radius: 4px;
19
- width: 2em;
20
- height: 2em;
21
- outline: none;
22
- /* Reset button styles */
23
- letter-spacing: normal;
24
- -webkit-font-smoothing: auto;
25
- -moz-font-smoothing: auto;
26
- }
27
-
28
- [part='icon']::before {
29
- font-family: serif;
30
- font-size: var(--material-button-font-size);
31
- color: var(--material-primary-text-color);
32
- content: '\\270E';
33
- width: 2em;
34
- height: 2em;
35
- line-height: 2em;
36
- text-align: center;
37
- position: absolute;
38
- top: 0;
39
- left: 0;
40
- }
41
- `,
42
- { moduleId: 'material-crud-grid-edit' },
43
- );
44
-
45
- /**
46
- * Shared styles used for the CRUD editor content and buttons regardless of `editorPosition`.
47
- * They are applied to both `vaadin-crud` and `vaadin-crud-dialog-overlay` components.
48
- */
49
- const editorStyles = css`
50
- [part='footer'] {
51
- background-color: var(--material-secondary-background-color);
52
- }
53
-
54
- :host(:not([dir='rtl'])) ::slotted([slot='delete-button']) {
55
- margin-right: auto;
56
- }
57
-
58
- :host([dir='rtl']) ::slotted([slot='delete-button']) {
59
- margin-left: auto;
60
- }
61
- `;
62
-
63
- registerStyles(
64
- 'vaadin-crud',
65
- [
66
- editorStyles,
67
- css`
68
- :host {
69
- font-family: var(--material-font-family);
70
- }
71
-
72
- [part='scroller'] {
73
- padding: 16px;
74
- background: var(--material-background-color);
75
- }
76
-
77
- [part='editor'] {
78
- position: relative;
79
- }
80
-
81
- [part='editor']:focus::before {
82
- position: absolute;
83
- inset: 0;
84
- content: '';
85
- box-shadow: inset 0 0 0 2px var(--material-primary-color);
86
- pointer-events: none;
87
- }
88
-
89
- [part='toolbar'] {
90
- padding: 8px;
91
- background-color: var(--material-secondary-background-color);
92
- }
93
-
94
- [part='footer'] {
95
- padding: 8px 4px;
96
- }
97
-
98
- [part='footer'] ::slotted(*) {
99
- margin-left: 4px;
100
- margin-right: 4px;
101
- }
102
-
103
- :host(:not([editor-position=''])) [part='editor']:not([hidden]) {
104
- box-shadow: var(--material-shadow-elevation-12dp);
105
- }
106
-
107
- :host(:not([dir='rtl'])) [part='toolbar'] ::slotted(*:not(:first-child)) {
108
- margin-left: 0.5em;
109
- }
110
-
111
- :host([dir='rtl']) [part='toolbar'] ::slotted(*:not(:first-child)) {
112
- margin-right: 0.5em;
113
- }
114
- `,
115
- ],
116
- { moduleId: 'material-crud' },
117
- );
118
-
119
- registerStyles(
120
- 'vaadin-crud-dialog-overlay',
121
- [
122
- overlay,
123
- dialogOverlay,
124
- editorStyles,
125
- css`
126
- [part='overlay'] {
127
- max-width: 54em;
128
- min-width: 20em;
129
- }
130
-
131
- @keyframes material-overlay-dummy-animation {
132
- 0% {
133
- opacity: 1;
134
- }
135
-
136
- 100% {
137
- opacity: 1;
138
- }
139
- }
140
-
141
- :host([opening]),
142
- :host([closing]) {
143
- animation: 0.25s material-overlay-dummy-animation;
144
- }
145
-
146
- [part='header'] ::slotted(h3) {
147
- margin-top: 0 !important;
148
- margin-bottom: 0 !important;
149
- }
150
-
151
- [part='content'] {
152
- padding: 0 16px 16px;
153
- }
154
- `,
155
- ],
156
- { moduleId: 'material-crud-dialog-overlay' },
157
- );
@@ -1,8 +0,0 @@
1
- import '@vaadin/button/theme/material/vaadin-button.js';
2
- import '@vaadin/confirm-dialog/theme/material/vaadin-confirm-dialog.js';
3
- import '@vaadin/form-layout/theme/material/vaadin-form-layout.js';
4
- import '@vaadin/grid/theme/material/vaadin-grid.js';
5
- import '@vaadin/grid/theme/material/vaadin-grid-sorter.js';
6
- import '@vaadin/text-field/theme/material/vaadin-text-field.js';
7
- import './vaadin-crud-styles.js';
8
- import '../../src/vaadin-crud.js';
@@ -1,8 +0,0 @@
1
- import '@vaadin/button/theme/material/vaadin-button.js';
2
- import '@vaadin/confirm-dialog/theme/material/vaadin-confirm-dialog.js';
3
- import '@vaadin/form-layout/theme/material/vaadin-form-layout.js';
4
- import '@vaadin/grid/theme/material/vaadin-grid.js';
5
- import '@vaadin/grid/theme/material/vaadin-grid-sorter.js';
6
- import '@vaadin/text-field/theme/material/vaadin-text-field.js';
7
- import './vaadin-crud-styles.js';
8
- import '../../src/vaadin-crud.js';
@@ -1,8 +0,0 @@
1
- import '@vaadin/button/theme/material/vaadin-lit-button.js';
2
- import '@vaadin/confirm-dialog/theme/material/vaadin-lit-confirm-dialog.js';
3
- import '@vaadin/form-layout/theme/material/vaadin-lit-form-layout.js';
4
- import '@vaadin/grid/theme/material/vaadin-lit-grid.js';
5
- import '@vaadin/grid/theme/material/vaadin-lit-grid-sorter.js';
6
- import '@vaadin/text-field/theme/material/vaadin-lit-text-field.js';
7
- import './vaadin-crud-styles.js';
8
- import '../../src/vaadin-lit-crud.js';
@@ -1,8 +0,0 @@
1
- import '@vaadin/button/theme/material/vaadin-lit-button.js';
2
- import '@vaadin/confirm-dialog/theme/material/vaadin-lit-confirm-dialog.js';
3
- import '@vaadin/form-layout/theme/material/vaadin-lit-form-layout.js';
4
- import '@vaadin/grid/theme/material/vaadin-lit-grid.js';
5
- import '@vaadin/grid/theme/material/vaadin-lit-grid-sorter.js';
6
- import '@vaadin/text-field/theme/material/vaadin-lit-text-field.js';
7
- import './vaadin-crud-styles.js';
8
- import '../../src/vaadin-lit-crud.js';
@@ -1 +0,0 @@
1
- export * from './src/vaadin-lit-crud-edit.js';
@@ -1 +0,0 @@
1
- export * from './src/vaadin-lit-crud-edit-column.js';
@@ -1,2 +0,0 @@
1
- import './theme/lumo/vaadin-lit-crud.js';
2
- export * from './src/vaadin-lit-crud.js';