@vaadin/board 25.1.0-alpha6 → 25.1.0-alpha8
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/custom-elements.json +178 -0
- package/package.json +8 -6
- package/src/vaadin-board-row.js +1 -1
- package/src/vaadin-board.js +1 -1
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "vaadin-board.js",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "js",
|
|
12
|
+
"name": "*",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "*",
|
|
15
|
+
"module": "src/vaadin-board.js"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"kind": "javascript-module",
|
|
22
|
+
"path": "vaadin-board-row.js",
|
|
23
|
+
"declarations": [],
|
|
24
|
+
"exports": [
|
|
25
|
+
{
|
|
26
|
+
"kind": "js",
|
|
27
|
+
"name": "*",
|
|
28
|
+
"declaration": {
|
|
29
|
+
"name": "*",
|
|
30
|
+
"module": "src/vaadin-board-row.js"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"kind": "javascript-module",
|
|
37
|
+
"path": "src/vaadin-board-row-mixin.js",
|
|
38
|
+
"declarations": [
|
|
39
|
+
{
|
|
40
|
+
"kind": "mixin",
|
|
41
|
+
"description": "",
|
|
42
|
+
"name": "BoardRowMixin",
|
|
43
|
+
"members": [
|
|
44
|
+
{
|
|
45
|
+
"kind": "method",
|
|
46
|
+
"name": "redraw",
|
|
47
|
+
"description": "Redraws the row, if necessary.\n\nIn most cases, a board row will redraw itself if your reconfigure it.\nIf you dynamically change breakpoints\n--vaadin-board-width-small or --vaadin-board-width-medium,\nthen you need to call this method."
|
|
48
|
+
}
|
|
49
|
+
],
|
|
50
|
+
"mixins": [
|
|
51
|
+
{
|
|
52
|
+
"name": "ResizeMixin",
|
|
53
|
+
"package": "@vaadin/component-base/src/resize-mixin.js"
|
|
54
|
+
}
|
|
55
|
+
],
|
|
56
|
+
"parameters": [
|
|
57
|
+
{
|
|
58
|
+
"name": "superClass"
|
|
59
|
+
}
|
|
60
|
+
],
|
|
61
|
+
"attributes": []
|
|
62
|
+
}
|
|
63
|
+
],
|
|
64
|
+
"exports": [
|
|
65
|
+
{
|
|
66
|
+
"kind": "js",
|
|
67
|
+
"name": "BoardRowMixin",
|
|
68
|
+
"declaration": {
|
|
69
|
+
"name": "BoardRowMixin",
|
|
70
|
+
"module": "src/vaadin-board-row-mixin.js"
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
]
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"kind": "javascript-module",
|
|
77
|
+
"path": "src/vaadin-board-row.js",
|
|
78
|
+
"declarations": [
|
|
79
|
+
{
|
|
80
|
+
"kind": "class",
|
|
81
|
+
"description": "`<vaadin-board-row>` is a web component that together with `<vaadin-board>` component allows\nto create flexible responsive layouts and build nice looking dashboard.\n\nEach row can contain up to four elements (fewer if colspan is used) and is automatically responsive.\nThe row changes between `large`, `medium` and `small` modes depending on the available width and\nthe set breakpoints.\n\nIn `large` mode, typically all content is shown side-by-side, in `medium` half of the content is\nside by side and in `small` mode, content is laid out vertically.\n\nThe breakpoints can be set using custom CSS properties.\nBy default the breakpoints are `small: <600px`, `medium: < 960px`, `large >= 960px`.\n\n```html\n<vaadin-board>\n <vaadin-board-row>\n <div>This could be chart 1</div>\n <div>This could be chart 2</div>\n <div>This could be chart 3</div>\n <div>This could be chart 4</div>\n </vaadin-board-row>\n</vaadin-board>\n```\n\n### Styling\n\nThe following custom properties are available for styling:\n\nCustom property | Description | Default\n----------------|-------------|-------------\n`--vaadin-board-width-small` | Determines the width where mode changes from `small` to `medium` | `600px`\n`--vaadin-board-width-medium` | Determines the width where mode changes from `medium` to `large` | `960px`",
|
|
82
|
+
"name": "BoardRow",
|
|
83
|
+
"members": [
|
|
84
|
+
{
|
|
85
|
+
"kind": "method",
|
|
86
|
+
"name": "redraw",
|
|
87
|
+
"description": "Redraws the row, if necessary.\n\nIn most cases, a board row will redraw itself if your reconfigure it.\nIf you dynamically change breakpoints\n--vaadin-board-width-small or --vaadin-board-width-medium,\nthen you need to call this method.",
|
|
88
|
+
"inheritedFrom": {
|
|
89
|
+
"name": "BoardRowMixin",
|
|
90
|
+
"module": "src/vaadin-board-row-mixin.js"
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
],
|
|
94
|
+
"mixins": [
|
|
95
|
+
{
|
|
96
|
+
"name": "BoardRowMixin",
|
|
97
|
+
"module": "src/vaadin-board-row-mixin.js"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"name": "ElementMixin",
|
|
101
|
+
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"name": "PolylitMixin",
|
|
105
|
+
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
106
|
+
}
|
|
107
|
+
],
|
|
108
|
+
"superclass": {
|
|
109
|
+
"name": "LitElement",
|
|
110
|
+
"package": "lit"
|
|
111
|
+
},
|
|
112
|
+
"tagName": "vaadin-board-row",
|
|
113
|
+
"customElement": true,
|
|
114
|
+
"deprecated": "`<vaadin-board-row>` is deprecated and will be removed in Vaadin 26. Consider using `<vaadin-dashboard>` or `<vaadin-dashboard-layout>` as an alternative.",
|
|
115
|
+
"attributes": [],
|
|
116
|
+
"events": []
|
|
117
|
+
}
|
|
118
|
+
],
|
|
119
|
+
"exports": [
|
|
120
|
+
{
|
|
121
|
+
"kind": "js",
|
|
122
|
+
"name": "BoardRow",
|
|
123
|
+
"declaration": {
|
|
124
|
+
"name": "BoardRow",
|
|
125
|
+
"module": "src/vaadin-board-row.js"
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
]
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"kind": "javascript-module",
|
|
132
|
+
"path": "src/vaadin-board.js",
|
|
133
|
+
"declarations": [
|
|
134
|
+
{
|
|
135
|
+
"kind": "class",
|
|
136
|
+
"description": "`<vaadin-board>` is a web component to create flexible responsive layouts\nand build nice looking dashboards.\n\nA `<vaadin-board>` is built using `<vaadin-board-row>` elements containing your child elements.\nEach board row consists of four columns, and can contain up to four elements. Using column spans\nyou can tune the layout to your liking.\n\n```html\n<vaadin-board>\n <vaadin-board-row>\n <div>This could be chart 1</div>\n <div>This could be chart 2</div>\n <div>This could be chart 3</div>\n <div>This could be chart 4</div>\n </vaadin-board-row>\n</vaadin-board>\n```",
|
|
137
|
+
"name": "Board",
|
|
138
|
+
"members": [
|
|
139
|
+
{
|
|
140
|
+
"kind": "method",
|
|
141
|
+
"name": "redraw",
|
|
142
|
+
"description": "Redraws the board and all rows inside it, if necessary.\n\nIn most cases, board will redraw itself if your reconfigure it. If you dynamically change\nbreakpoints `--vaadin-board-width-small` or `--vaadin-board-width-medium`,\nthen you need to call this method."
|
|
143
|
+
}
|
|
144
|
+
],
|
|
145
|
+
"mixins": [
|
|
146
|
+
{
|
|
147
|
+
"name": "ElementMixin",
|
|
148
|
+
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"name": "PolylitMixin",
|
|
152
|
+
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
153
|
+
}
|
|
154
|
+
],
|
|
155
|
+
"superclass": {
|
|
156
|
+
"name": "LitElement",
|
|
157
|
+
"package": "lit"
|
|
158
|
+
},
|
|
159
|
+
"tagName": "vaadin-board",
|
|
160
|
+
"customElement": true,
|
|
161
|
+
"deprecated": "`<vaadin-board>` is deprecated and will be removed in Vaadin 26. Consider using `<vaadin-dashboard>` or `<vaadin-dashboard-layout>` as an alternative.",
|
|
162
|
+
"attributes": [],
|
|
163
|
+
"events": []
|
|
164
|
+
}
|
|
165
|
+
],
|
|
166
|
+
"exports": [
|
|
167
|
+
{
|
|
168
|
+
"kind": "js",
|
|
169
|
+
"name": "Board",
|
|
170
|
+
"declaration": {
|
|
171
|
+
"name": "Board",
|
|
172
|
+
"module": "src/vaadin-board.js"
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
]
|
|
176
|
+
}
|
|
177
|
+
]
|
|
178
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/board",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-alpha8",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"src",
|
|
24
24
|
"vaadin-*.d.ts",
|
|
25
25
|
"vaadin-*.js",
|
|
26
|
+
"custom-elements.json",
|
|
26
27
|
"web-types.json",
|
|
27
28
|
"web-types.lit.json"
|
|
28
29
|
],
|
|
@@ -37,20 +38,21 @@
|
|
|
37
38
|
],
|
|
38
39
|
"dependencies": {
|
|
39
40
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
40
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
41
|
-
"@vaadin/component-base": "25.1.0-
|
|
41
|
+
"@vaadin/a11y-base": "25.1.0-alpha8",
|
|
42
|
+
"@vaadin/component-base": "25.1.0-alpha8",
|
|
42
43
|
"lit": "^3.0.0"
|
|
43
44
|
},
|
|
44
45
|
"devDependencies": {
|
|
45
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
46
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
46
|
+
"@vaadin/chai-plugins": "25.1.0-alpha8",
|
|
47
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha8",
|
|
47
48
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
48
49
|
"sinon": "^21.0.0"
|
|
49
50
|
},
|
|
50
51
|
"cvdlName": "vaadin-board",
|
|
52
|
+
"customElements": "custom-elements.json",
|
|
51
53
|
"web-types": [
|
|
52
54
|
"web-types.json",
|
|
53
55
|
"web-types.lit.json"
|
|
54
56
|
],
|
|
55
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "810590c9c7682a9326c9352df795b5ea4891a71f"
|
|
56
58
|
}
|
package/src/vaadin-board-row.js
CHANGED
|
@@ -48,7 +48,7 @@ import { BoardRowMixin } from './vaadin-board-row-mixin.js';
|
|
|
48
48
|
* `--vaadin-board-width-small` | Determines the width where mode changes from `small` to `medium` | `600px`
|
|
49
49
|
* `--vaadin-board-width-medium` | Determines the width where mode changes from `medium` to `large` | `960px`
|
|
50
50
|
*
|
|
51
|
-
* @customElement
|
|
51
|
+
* @customElement vaadin-board-row
|
|
52
52
|
* @extends HTMLElement
|
|
53
53
|
* @mixes ElementMixin
|
|
54
54
|
* @mixes BoardRowMixin
|
package/src/vaadin-board.js
CHANGED
|
@@ -35,7 +35,7 @@ import { BoardRow } from './vaadin-board-row.js';
|
|
|
35
35
|
* </vaadin-board>
|
|
36
36
|
* ```
|
|
37
37
|
*
|
|
38
|
-
* @customElement
|
|
38
|
+
* @customElement vaadin-board
|
|
39
39
|
* @extends HTMLElement
|
|
40
40
|
* @mixes ElementMixin
|
|
41
41
|
* @deprecated `<vaadin-board>` is deprecated and will be removed in Vaadin 26.
|
package/web-types.json
CHANGED