@operato/data-tree 8.0.0-beta.1 → 8.0.0-beta.2
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/CHANGELOG.md +9 -0
- package/package.json +3 -3
- package/demo/favicon.ico +0 -0
- package/demo/index-vertical.html +0 -144
- package/demo/index.html +0 -107
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,15 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [8.0.0-beta.2](https://github.com/hatiolab/operato/compare/v8.0.0-beta.1...v8.0.0-beta.2) (2025-01-08)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### :bug: Bug Fix
|
|
10
|
+
|
|
11
|
+
* typo .npmignore ([d9c0c8c](https://github.com/hatiolab/operato/commit/d9c0c8c79abc688c3c2cfb6c37fcb689483a5977))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
6
15
|
## [8.0.0-beta.1](https://github.com/hatiolab/operato/compare/v8.0.0-beta.0...v8.0.0-beta.1) (2025-01-08)
|
|
7
16
|
|
|
8
17
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@operato/data-tree",
|
|
3
|
-
"version": "8.0.0-beta.
|
|
3
|
+
"version": "8.0.0-beta.2",
|
|
4
4
|
"description": "User interface for tree structure data",
|
|
5
5
|
"author": "heartyoh",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"storybook:build": "tsc && build-storybook"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@operato/styles": "^8.0.0-beta.
|
|
52
|
+
"@operato/styles": "^8.0.0-beta.2",
|
|
53
53
|
"i18next": "^23.11.5",
|
|
54
54
|
"lit": "^3.1.2",
|
|
55
55
|
"lodash-es": "^4.17.21"
|
|
@@ -87,5 +87,5 @@
|
|
|
87
87
|
"prettier --write"
|
|
88
88
|
]
|
|
89
89
|
},
|
|
90
|
-
"gitHead": "
|
|
90
|
+
"gitHead": "ee1b5124995accb99272d3b5854f3df1d8746dda"
|
|
91
91
|
}
|
package/demo/favicon.ico
DELETED
|
Binary file
|
package/demo/index-vertical.html
DELETED
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en-GB">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
6
|
-
|
|
7
|
-
<style>
|
|
8
|
-
body {
|
|
9
|
-
/* box-sizing: border-box; */
|
|
10
|
-
margin: 0;
|
|
11
|
-
padding: 0;
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
|
|
14
|
-
/* This is a font-stack that tries to use the system-default sans-serifs first */
|
|
15
|
-
font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
16
|
-
line-height: 1.5;
|
|
17
|
-
-webkit-font-smoothing: antialiased;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
#app {
|
|
21
|
-
width: 100vw;
|
|
22
|
-
height: 100dvh;
|
|
23
|
-
|
|
24
|
-
display: flex;
|
|
25
|
-
flex-direction: column;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
#demo {
|
|
29
|
-
flex: 1;
|
|
30
|
-
|
|
31
|
-
display: flex;
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
overflow: hidden;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
grist-demo {
|
|
37
|
-
flex: 1;
|
|
38
|
-
overflow: auto;
|
|
39
|
-
}
|
|
40
|
-
</style>
|
|
41
|
-
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
|
|
42
|
-
<link
|
|
43
|
-
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
|
|
44
|
-
rel="stylesheet"
|
|
45
|
-
/>
|
|
46
|
-
<link
|
|
47
|
-
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
|
|
48
|
-
rel="stylesheet"
|
|
49
|
-
/>
|
|
50
|
-
<link
|
|
51
|
-
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
|
|
52
|
-
rel="stylesheet"
|
|
53
|
-
/>
|
|
54
|
-
|
|
55
|
-
<link href="/themes/app-theme.css" rel="stylesheet" />
|
|
56
|
-
<link href="/themes/oops-theme.css" rel="stylesheet" />
|
|
57
|
-
<link href="/themes/grist-theme.css" rel="stylesheet" />
|
|
58
|
-
</head>
|
|
59
|
-
|
|
60
|
-
<body>
|
|
61
|
-
<script type="module">
|
|
62
|
-
import { LitElement, html, css, render } from 'lit'
|
|
63
|
-
import '../dist/src/ox-tree-vertical.js'
|
|
64
|
-
|
|
65
|
-
const data = {
|
|
66
|
-
label: 'Home',
|
|
67
|
-
children: [
|
|
68
|
-
{
|
|
69
|
-
label: 'About us',
|
|
70
|
-
children: [
|
|
71
|
-
{
|
|
72
|
-
label: 'Our history',
|
|
73
|
-
children: [
|
|
74
|
-
{
|
|
75
|
-
label: 'Founder'
|
|
76
|
-
}
|
|
77
|
-
]
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
label: 'Our board',
|
|
81
|
-
children: [
|
|
82
|
-
{
|
|
83
|
-
label: 'Brad Whiteman'
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
label: 'Cynthia Tolken'
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
label: 'Bobby Founderson'
|
|
90
|
-
}
|
|
91
|
-
]
|
|
92
|
-
}
|
|
93
|
-
]
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
label: 'Our products',
|
|
97
|
-
children: [
|
|
98
|
-
{
|
|
99
|
-
label: 'The Widget 2000™',
|
|
100
|
-
children: [
|
|
101
|
-
{
|
|
102
|
-
label: 'Order form'
|
|
103
|
-
}
|
|
104
|
-
]
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
label: 'The McGuffin V2',
|
|
108
|
-
children: [
|
|
109
|
-
{
|
|
110
|
-
label: 'Order form'
|
|
111
|
-
}
|
|
112
|
-
]
|
|
113
|
-
}
|
|
114
|
-
]
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
label: 'Contact us',
|
|
118
|
-
children: [
|
|
119
|
-
{
|
|
120
|
-
label: 'Social media',
|
|
121
|
-
children: [
|
|
122
|
-
{
|
|
123
|
-
label: 'Facebook'
|
|
124
|
-
}
|
|
125
|
-
]
|
|
126
|
-
}
|
|
127
|
-
]
|
|
128
|
-
}
|
|
129
|
-
]
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
setTimeout(() => {
|
|
133
|
-
render(
|
|
134
|
-
html` <ox-tree-vertical .data=${data} id-property="label"></ox-tree-vertical> `,
|
|
135
|
-
document.querySelector('#demo')
|
|
136
|
-
)
|
|
137
|
-
})
|
|
138
|
-
</script>
|
|
139
|
-
|
|
140
|
-
<div id="app">
|
|
141
|
-
<div id="demo"></div>
|
|
142
|
-
</div>
|
|
143
|
-
</body>
|
|
144
|
-
</html>
|
package/demo/index.html
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en-GB">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
6
|
-
|
|
7
|
-
<style>
|
|
8
|
-
body {
|
|
9
|
-
/* box-sizing: border-box; */
|
|
10
|
-
margin: 0;
|
|
11
|
-
padding: 0;
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
|
|
14
|
-
/* This is a font-stack that tries to use the system-default sans-serifs first */
|
|
15
|
-
font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
16
|
-
line-height: 1.5;
|
|
17
|
-
-webkit-font-smoothing: antialiased;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
#app {
|
|
21
|
-
width: 100vw;
|
|
22
|
-
height: 100dvh;
|
|
23
|
-
|
|
24
|
-
display: flex;
|
|
25
|
-
flex-direction: column;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
#demo {
|
|
29
|
-
flex: 1;
|
|
30
|
-
|
|
31
|
-
display: flex;
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
overflow: hidden;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
grist-demo {
|
|
37
|
-
flex: 1;
|
|
38
|
-
overflow: auto;
|
|
39
|
-
}
|
|
40
|
-
</style>
|
|
41
|
-
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
|
|
42
|
-
<link
|
|
43
|
-
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
|
|
44
|
-
rel="stylesheet"
|
|
45
|
-
/>
|
|
46
|
-
<link
|
|
47
|
-
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
|
|
48
|
-
rel="stylesheet"
|
|
49
|
-
/>
|
|
50
|
-
<link
|
|
51
|
-
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
|
|
52
|
-
rel="stylesheet"
|
|
53
|
-
/>
|
|
54
|
-
|
|
55
|
-
<link href="/themes/app-theme.css" rel="stylesheet" />
|
|
56
|
-
<link href="/themes/oops-theme.css" rel="stylesheet" />
|
|
57
|
-
<link href="/themes/grist-theme.css" rel="stylesheet" />
|
|
58
|
-
</head>
|
|
59
|
-
|
|
60
|
-
<body>
|
|
61
|
-
<script type="module">
|
|
62
|
-
import { LitElement, html, css, render } from 'lit'
|
|
63
|
-
import '../dist/src/ox-tree.js'
|
|
64
|
-
|
|
65
|
-
const data = {
|
|
66
|
-
label: 'AAAAA',
|
|
67
|
-
children: [
|
|
68
|
-
{
|
|
69
|
-
label: 'AAAAA-1',
|
|
70
|
-
children: [
|
|
71
|
-
{
|
|
72
|
-
label: 'AAAAA-2'
|
|
73
|
-
}
|
|
74
|
-
]
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
label: 'BBBBB-1',
|
|
78
|
-
children: [
|
|
79
|
-
{
|
|
80
|
-
label: 'BBBBB-2'
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
label: 'BBBBB-21'
|
|
84
|
-
}
|
|
85
|
-
]
|
|
86
|
-
},
|
|
87
|
-
{
|
|
88
|
-
label: 'CCCCC-1',
|
|
89
|
-
children: [
|
|
90
|
-
{
|
|
91
|
-
label: 'CCCCC-2'
|
|
92
|
-
}
|
|
93
|
-
]
|
|
94
|
-
}
|
|
95
|
-
]
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
setTimeout(() => {
|
|
99
|
-
render(html` <ox-tree .data=${data} id-property="label"></ox-tree> `, document.querySelector('#demo'))
|
|
100
|
-
})
|
|
101
|
-
</script>
|
|
102
|
-
|
|
103
|
-
<div id="app">
|
|
104
|
-
<div id="demo"></div>
|
|
105
|
-
</div>
|
|
106
|
-
</body>
|
|
107
|
-
</html>
|