@operato/dataset 7.1.31 → 7.1.32
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 +10 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +12 -12
- package/.editorconfig +0 -29
- package/.storybook/main.js +0 -3
- package/.storybook/preview.js +0 -52
- package/.storybook/server.mjs +0 -8
- package/demo/favicon.ico +0 -0
- package/demo/index.html +0 -349
- package/demo/ox-data-ooc-brief-view-test.html +0 -349
- package/src/grist-editor/index.ts +0 -10
- package/src/grist-editor/ox-grist-editor-data-item-spec.ts +0 -93
- package/src/grist-editor/ox-popup-data-item-spec.ts +0 -93
- package/src/index.ts +0 -2
- package/src/ox-data-entry-form.ts +0 -303
- package/src/ox-data-entry-subgroup-form.ts +0 -157
- package/src/ox-data-entry-subgroup-view.ts +0 -221
- package/src/ox-data-entry-view.ts +0 -241
- package/src/ox-data-item-spec.ts +0 -131
- package/src/ox-data-ooc-badge.ts +0 -73
- package/src/ox-data-ooc-brief-view.ts +0 -43
- package/src/ox-data-ooc-correction-part.ts +0 -107
- package/src/ox-data-ooc-history.ts +0 -74
- package/src/ox-data-ooc-view.ts +0 -51
- package/src/ox-data-sample-subgroup-view.ts +0 -210
- package/src/ox-data-sample-view.ts +0 -271
- package/src/ox-data-summary-view.ts +0 -198
- package/src/types.ts +0 -178
- package/src/usecase/ccp/index.ts +0 -10
- package/src/usecase/ccp/ox-data-use-case-ccp.ts +0 -147
- package/src/usecase/ccp/ox-input-ccp-limits.ts +0 -184
- package/src/usecase/ccp/ox-property-editor-ccp-limits.ts +0 -23
- package/src/usecase/ox-data-use-case.ts +0 -178
- package/src/usecase/qc/index.ts +0 -10
- package/src/usecase/qc/ox-data-use-case-qc.ts +0 -76
- package/src/usecase/qc/ox-input-qc-limits.ts +0 -183
- package/src/usecase/qc/ox-property-editor-qc-limits.ts +0 -23
- package/src/usecase/spc/index.ts +0 -10
- package/src/usecase/spc/ox-data-use-case-spc.ts +0 -147
- package/src/usecase/spc/ox-input-spc-limits.ts +0 -184
- package/src/usecase/spc/ox-property-editor-spc-limits.ts +0 -23
- package/stories/ox-data-entry-form.stories.ts +0 -253
- package/stories/ox-data-item-spec.stories.ts +0 -257
- package/stories/ox-data-ooc-brief-view.stories.ts +0 -333
- package/stories/ox-data-ooc-view.stories.ts +0 -327
- package/stories/ox-data-sample-view.stories.ts +0 -313
- package/stories/ox-grist-editor-data-item-spec.stories.ts +0 -412
- package/tsconfig.json +0 -24
- package/web-dev-server.config.mjs +0 -27
- package/web-test-runner.config.mjs +0 -41
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@operato/dataset",
|
|
3
3
|
"description": "WebApplication dataset supporting components following open-wc recommendations",
|
|
4
4
|
"author": "heartyoh",
|
|
5
|
-
"version": "7.1.
|
|
5
|
+
"version": "7.1.32",
|
|
6
6
|
"main": "dist/src/index.js",
|
|
7
7
|
"module": "dist/src/index.js",
|
|
8
8
|
"exports": {
|
|
@@ -108,16 +108,16 @@
|
|
|
108
108
|
},
|
|
109
109
|
"dependencies": {
|
|
110
110
|
"@material/web": "^2.0.0",
|
|
111
|
-
"@operato/data-grist": "^7.1.
|
|
112
|
-
"@operato/graphql": "^7.1.
|
|
113
|
-
"@operato/grist-editor": "^7.1.
|
|
114
|
-
"@operato/i18n": "^7.1.
|
|
115
|
-
"@operato/input": "^7.1.
|
|
116
|
-
"@operato/popup": "^7.1.
|
|
117
|
-
"@operato/property-editor": "^7.1.
|
|
118
|
-
"@operato/shell": "^7.1.
|
|
119
|
-
"@operato/styles": "^7.1.
|
|
120
|
-
"@operato/utils": "^7.1.
|
|
111
|
+
"@operato/data-grist": "^7.1.32",
|
|
112
|
+
"@operato/graphql": "^7.1.32",
|
|
113
|
+
"@operato/grist-editor": "^7.1.32",
|
|
114
|
+
"@operato/i18n": "^7.1.32",
|
|
115
|
+
"@operato/input": "^7.1.32",
|
|
116
|
+
"@operato/popup": "^7.1.32",
|
|
117
|
+
"@operato/property-editor": "^7.1.32",
|
|
118
|
+
"@operato/shell": "^7.1.32",
|
|
119
|
+
"@operato/styles": "^7.1.32",
|
|
120
|
+
"@operato/utils": "^7.1.32",
|
|
121
121
|
"lit": "^3.1.2"
|
|
122
122
|
},
|
|
123
123
|
"devDependencies": {
|
|
@@ -152,5 +152,5 @@
|
|
|
152
152
|
"prettier --write"
|
|
153
153
|
]
|
|
154
154
|
},
|
|
155
|
-
"gitHead": "
|
|
155
|
+
"gitHead": "c4f5ed0b63d49d02c5a155b592c0ecf681c92cf7"
|
|
156
156
|
}
|
package/.editorconfig
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
# EditorConfig helps developers define and maintain consistent
|
|
2
|
-
# coding styles between different editors and IDEs
|
|
3
|
-
# editorconfig.org
|
|
4
|
-
|
|
5
|
-
root = true
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
[*]
|
|
9
|
-
|
|
10
|
-
# Change these settings to your own preference
|
|
11
|
-
indent_style = space
|
|
12
|
-
indent_size = 2
|
|
13
|
-
|
|
14
|
-
# We recommend you to keep these unchanged
|
|
15
|
-
end_of_line = lf
|
|
16
|
-
charset = utf-8
|
|
17
|
-
trim_trailing_whitespace = true
|
|
18
|
-
insert_final_newline = true
|
|
19
|
-
|
|
20
|
-
[*.md]
|
|
21
|
-
trim_trailing_whitespace = false
|
|
22
|
-
|
|
23
|
-
[*.json]
|
|
24
|
-
indent_size = 2
|
|
25
|
-
|
|
26
|
-
[*.{html,js,md}]
|
|
27
|
-
block_comment_start = /**
|
|
28
|
-
block_comment = *
|
|
29
|
-
block_comment_end = */
|
package/.storybook/main.js
DELETED
package/.storybook/preview.js
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { i18next } from '@operato/i18n'
|
|
2
|
-
|
|
3
|
-
export const globalTypes = {
|
|
4
|
-
locale: {
|
|
5
|
-
name: 'Locale',
|
|
6
|
-
description: 'Internationalization locale',
|
|
7
|
-
toolbar: {
|
|
8
|
-
icon: 'globe',
|
|
9
|
-
items: [
|
|
10
|
-
{ value: 'en', right: '🇺🇸', title: 'English' },
|
|
11
|
-
{ value: 'ko', right: '🇰🇷', title: '한국어' },
|
|
12
|
-
{ value: 'zh', right: '🇨🇳', title: '中文' },
|
|
13
|
-
{ value: 'ja', right: '🇯🇵', title: '日本語' },
|
|
14
|
-
{ value: 'ms', right: '🇲🇾', title: 'Bahasa Melayu' }
|
|
15
|
-
],
|
|
16
|
-
showName: true
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
theme: {
|
|
20
|
-
name: 'Theme',
|
|
21
|
-
description: 'Global theme for components',
|
|
22
|
-
toolbar: {
|
|
23
|
-
icon: 'paintbrush',
|
|
24
|
-
items: [
|
|
25
|
-
{ value: 'light', title: 'Light' },
|
|
26
|
-
{ value: 'dark', title: 'Dark' }
|
|
27
|
-
],
|
|
28
|
-
showName: true
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export const decorators = [
|
|
34
|
-
(Story, context) => {
|
|
35
|
-
const { locale, theme } = context.globals
|
|
36
|
-
|
|
37
|
-
if (locale) {
|
|
38
|
-
i18next.changeLanguage(locale)
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
// Set the theme class for the document
|
|
42
|
-
if (theme === 'dark') {
|
|
43
|
-
document.documentElement.classList.add('dark')
|
|
44
|
-
document.documentElement.classList.remove('light')
|
|
45
|
-
} else {
|
|
46
|
-
document.documentElement.classList.add('light')
|
|
47
|
-
document.documentElement.classList.remove('dark')
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
return Story()
|
|
51
|
-
}
|
|
52
|
-
]
|
package/.storybook/server.mjs
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { storybookPlugin } from '@web/dev-server-storybook';
|
|
2
|
-
import baseConfig from '../web-dev-server.config.mjs';
|
|
3
|
-
|
|
4
|
-
export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
|
|
5
|
-
...baseConfig,
|
|
6
|
-
open: '/',
|
|
7
|
-
plugins: [storybookPlugin({ type: 'web-components' }), ...baseConfig.plugins],
|
|
8
|
-
});
|
package/demo/favicon.ico
DELETED
|
Binary file
|
package/demo/index.html
DELETED
|
@@ -1,349 +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
|
-
<style>
|
|
7
|
-
body {
|
|
8
|
-
/* box-sizing: border-box; */
|
|
9
|
-
margin: 0;
|
|
10
|
-
padding: 0;
|
|
11
|
-
overflow: hidden;
|
|
12
|
-
|
|
13
|
-
/* This is a font-stack that tries to use the system-default sans-serifs first */
|
|
14
|
-
font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
15
|
-
line-height: 1.5;
|
|
16
|
-
-webkit-font-smoothing: antialiased;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
#app {
|
|
20
|
-
width: 100vw;
|
|
21
|
-
height: 100dvh;
|
|
22
|
-
overflow: auto;
|
|
23
|
-
|
|
24
|
-
display: flex;
|
|
25
|
-
flex-direction: column;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
#demo {
|
|
29
|
-
flex: 1;
|
|
30
|
-
|
|
31
|
-
display: flex;
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
@media print {
|
|
36
|
-
#app {
|
|
37
|
-
height: unset;
|
|
38
|
-
}
|
|
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
|
-
</head>
|
|
58
|
-
|
|
59
|
-
<body>
|
|
60
|
-
<script type="module">
|
|
61
|
-
import { LitElement, html, css, render } from 'lit'
|
|
62
|
-
import '../dist/src/index.js'
|
|
63
|
-
import '../dist/src/usecase/ccp/index.js'
|
|
64
|
-
import '../dist/src/ox-data-sample-view.js'
|
|
65
|
-
|
|
66
|
-
const dataSet = {
|
|
67
|
-
name: 'sample',
|
|
68
|
-
description: 'sample description',
|
|
69
|
-
type: 'manual',
|
|
70
|
-
useCase: 'CCP',
|
|
71
|
-
dataItems: [
|
|
72
|
-
{
|
|
73
|
-
name: '창고 온도',
|
|
74
|
-
description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
|
|
75
|
-
sequence: 1,
|
|
76
|
-
tag: 'temp',
|
|
77
|
-
group: '측정데이타',
|
|
78
|
-
type: 'number',
|
|
79
|
-
quota: 1,
|
|
80
|
-
active: true,
|
|
81
|
-
unit: '℃',
|
|
82
|
-
spec: {
|
|
83
|
-
CCP: {
|
|
84
|
-
criticalLimits: {
|
|
85
|
-
minimum: 100,
|
|
86
|
-
maximum: 200
|
|
87
|
-
},
|
|
88
|
-
targetLimits: {
|
|
89
|
-
minimum: 120,
|
|
90
|
-
maximum: 180
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
name: '창고 습도',
|
|
97
|
-
description: '창고 습도는 30% 이하로 유지되어야 합니다.',
|
|
98
|
-
sequence: 2,
|
|
99
|
-
tag: 'humid',
|
|
100
|
-
group: '측정데이타',
|
|
101
|
-
type: 'number',
|
|
102
|
-
quota: 5,
|
|
103
|
-
active: true,
|
|
104
|
-
unit: '%',
|
|
105
|
-
spec: {
|
|
106
|
-
CCP: {
|
|
107
|
-
criticalLimits: {
|
|
108
|
-
minimum: 10,
|
|
109
|
-
maximum: 50
|
|
110
|
-
},
|
|
111
|
-
targetLimits: {
|
|
112
|
-
minimum: 20,
|
|
113
|
-
maximum: 40
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
name: '육안 검사',
|
|
120
|
-
description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
|
|
121
|
-
sequence: 3,
|
|
122
|
-
tag: 'inspection',
|
|
123
|
-
group: '측정데이타',
|
|
124
|
-
type: 'boolean',
|
|
125
|
-
quota: 3,
|
|
126
|
-
active: true,
|
|
127
|
-
spec: {
|
|
128
|
-
CCP: {
|
|
129
|
-
criticalLimits: {
|
|
130
|
-
acceptables: true
|
|
131
|
-
},
|
|
132
|
-
targetLimits: {
|
|
133
|
-
acceptables: true
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
name: '품평',
|
|
140
|
-
description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
|
|
141
|
-
sequence: 4,
|
|
142
|
-
tag: 'evaluation',
|
|
143
|
-
group: '측정데이타',
|
|
144
|
-
type: 'select',
|
|
145
|
-
options: {
|
|
146
|
-
options: [
|
|
147
|
-
{ text: '최우수', value: '최우수' },
|
|
148
|
-
{ text: '우수', value: '우수' },
|
|
149
|
-
{ text: '보통', value: '보통' },
|
|
150
|
-
{ text: '미달', value: '미달' }
|
|
151
|
-
]
|
|
152
|
-
},
|
|
153
|
-
quota: 3,
|
|
154
|
-
active: true,
|
|
155
|
-
spec: {
|
|
156
|
-
CCP: {
|
|
157
|
-
criticalLimits: {
|
|
158
|
-
acceptables: ['최우수', '우수', '보통']
|
|
159
|
-
},
|
|
160
|
-
targetLimits: {
|
|
161
|
-
acceptables: ['최우수', '우수']
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
},
|
|
166
|
-
{
|
|
167
|
-
name: '코멘트',
|
|
168
|
-
description: '특이사항을 기록함.',
|
|
169
|
-
sequence: 4,
|
|
170
|
-
tag: 'comment',
|
|
171
|
-
type: 'string',
|
|
172
|
-
quota: 1,
|
|
173
|
-
active: true
|
|
174
|
-
},
|
|
175
|
-
{
|
|
176
|
-
name: '첨부파일',
|
|
177
|
-
description: '참조 첨부 파일.',
|
|
178
|
-
sequence: 4,
|
|
179
|
-
tag: 'attachment',
|
|
180
|
-
type: 'file',
|
|
181
|
-
quota: 1,
|
|
182
|
-
active: true
|
|
183
|
-
}
|
|
184
|
-
]
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
var dataSample = {
|
|
188
|
-
name: 'Data Sample Name',
|
|
189
|
-
description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',
|
|
190
|
-
state: 'CORRECTED',
|
|
191
|
-
useCase: 'CCP',
|
|
192
|
-
judgment: {
|
|
193
|
-
temp: {
|
|
194
|
-
ooc: true,
|
|
195
|
-
oos: false
|
|
196
|
-
},
|
|
197
|
-
humid: {
|
|
198
|
-
ooc: false,
|
|
199
|
-
oos: true
|
|
200
|
-
}
|
|
201
|
-
},
|
|
202
|
-
data: {
|
|
203
|
-
temp: [1000, 1023, 1027, 997, 981],
|
|
204
|
-
humid: [20, 23, 21, 26, 27],
|
|
205
|
-
inspection: [true, false, true, false, false],
|
|
206
|
-
evaluation: ['최우수', '보통', '우수', '보통', '최우수'],
|
|
207
|
-
comment: '이것은 코멘트입니다.'
|
|
208
|
-
},
|
|
209
|
-
dataItems: dataSet.dataItems,
|
|
210
|
-
spec: {
|
|
211
|
-
temp: {
|
|
212
|
-
name: '창고 온도',
|
|
213
|
-
description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
|
|
214
|
-
spec: {
|
|
215
|
-
CCP: {
|
|
216
|
-
criticalLimits: {
|
|
217
|
-
minimum: 100,
|
|
218
|
-
maximum: 200
|
|
219
|
-
},
|
|
220
|
-
targetLimits: {
|
|
221
|
-
minimum: 120,
|
|
222
|
-
maximum: 180
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
},
|
|
227
|
-
humid: {
|
|
228
|
-
name: '창고 습도',
|
|
229
|
-
description: '창고 습도는 30% 이하로 유지되어야 합니다.',
|
|
230
|
-
spec: {
|
|
231
|
-
CCP: {
|
|
232
|
-
criticalLimits: {
|
|
233
|
-
minimum: 10,
|
|
234
|
-
maximum: 50
|
|
235
|
-
},
|
|
236
|
-
targetLimits: {
|
|
237
|
-
minimum: 20,
|
|
238
|
-
maximum: 40
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
}
|
|
242
|
-
},
|
|
243
|
-
inspection: {
|
|
244
|
-
name: '육안 검사',
|
|
245
|
-
description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.'
|
|
246
|
-
},
|
|
247
|
-
evaluation: {
|
|
248
|
-
name: '품평',
|
|
249
|
-
description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
|
|
250
|
-
spec: {
|
|
251
|
-
CCP: {
|
|
252
|
-
criticalLimits: {
|
|
253
|
-
acceptables: ['최우수', '우수', '보통']
|
|
254
|
-
},
|
|
255
|
-
targetLimits: {
|
|
256
|
-
acceptables: ['최우수', '우수']
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
}
|
|
260
|
-
},
|
|
261
|
-
comment: {
|
|
262
|
-
name: '코멘트',
|
|
263
|
-
description: '특이사항을 기록함.'
|
|
264
|
-
},
|
|
265
|
-
attachment: {
|
|
266
|
-
name: '첨부파일',
|
|
267
|
-
description: '참조 첨부 파일.'
|
|
268
|
-
}
|
|
269
|
-
},
|
|
270
|
-
collectedAt: Date.now(),
|
|
271
|
-
reviewer: {
|
|
272
|
-
name: '남상혁'
|
|
273
|
-
},
|
|
274
|
-
reviewedAt: Date.now(),
|
|
275
|
-
correctiveInstruction: '바지틀고서 만나오리오. 쿠투추파',
|
|
276
|
-
corrector: {
|
|
277
|
-
name: '남상혁'
|
|
278
|
-
},
|
|
279
|
-
correctedAt: Date.now(),
|
|
280
|
-
correctiveAction: '바지틀고서 만나오리오. 쿠투추파',
|
|
281
|
-
history: [
|
|
282
|
-
{
|
|
283
|
-
user: {
|
|
284
|
-
id: 0,
|
|
285
|
-
name: 'shnam'
|
|
286
|
-
},
|
|
287
|
-
state: 'ISSUED',
|
|
288
|
-
timestamp: Date.now()
|
|
289
|
-
},
|
|
290
|
-
{
|
|
291
|
-
user: {
|
|
292
|
-
id: 0,
|
|
293
|
-
name: 'shnam'
|
|
294
|
-
},
|
|
295
|
-
state: 'REVIEWED',
|
|
296
|
-
comment: '금일 생산한 제품은 전량 폐기합니다',
|
|
297
|
-
timestamp: Date.now()
|
|
298
|
-
},
|
|
299
|
-
{
|
|
300
|
-
user: {
|
|
301
|
-
id: 0,
|
|
302
|
-
name: 'shnam'
|
|
303
|
-
},
|
|
304
|
-
state: 'CORRECTED',
|
|
305
|
-
timestamp: Date.now()
|
|
306
|
-
}
|
|
307
|
-
]
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
class OxDataSampleViewDemo extends LitElement {
|
|
311
|
-
static styles = [
|
|
312
|
-
css`
|
|
313
|
-
:host {
|
|
314
|
-
display: block;
|
|
315
|
-
}
|
|
316
|
-
|
|
317
|
-
ox-data-sample-view {
|
|
318
|
-
page-break-after: always;
|
|
319
|
-
}
|
|
320
|
-
`
|
|
321
|
-
]
|
|
322
|
-
|
|
323
|
-
render() {
|
|
324
|
-
return Array(10)
|
|
325
|
-
.fill(null)
|
|
326
|
-
.map(
|
|
327
|
-
() => html`
|
|
328
|
-
<ox-data-sample-view
|
|
329
|
-
.dataSet=${dataSet}
|
|
330
|
-
.dataSample=${dataSample}
|
|
331
|
-
@change=${e => console.log(e.detail)}
|
|
332
|
-
></ox-data-sample-view>
|
|
333
|
-
`
|
|
334
|
-
)
|
|
335
|
-
}
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
customElements.define('ox-data-sample-view-demo', OxDataSampleViewDemo)
|
|
339
|
-
|
|
340
|
-
setTimeout(() => {
|
|
341
|
-
render(html` <ox-data-sample-view-demo></ox-data-sample-view-demo> `, document.querySelector('#demo'))
|
|
342
|
-
})
|
|
343
|
-
</script>
|
|
344
|
-
|
|
345
|
-
<div id="app">
|
|
346
|
-
<div id="demo"></div>
|
|
347
|
-
</div>
|
|
348
|
-
</body>
|
|
349
|
-
</html>
|