@operato/dataset 2.0.0-beta.0 → 2.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 +17 -0
- package/dist/src/ox-data-entry-form.js +1 -1
- package/dist/src/ox-data-entry-form.js.map +1 -1
- package/dist/src/ox-data-item-spec.js +1 -1
- package/dist/src/ox-data-item-spec.js.map +1 -1
- package/dist/src/usecase/ccp/ox-input-ccp-limits.js +24 -24
- package/dist/src/usecase/ccp/ox-input-ccp-limits.js.map +1 -1
- package/dist/src/usecase/qc/ox-input-qc-limits.js +23 -23
- package/dist/src/usecase/qc/ox-input-qc-limits.js.map +1 -1
- package/dist/src/usecase/spc/ox-input-spc-limits.js +24 -24
- package/dist/src/usecase/spc/ox-input-spc-limits.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +7 -7
- package/src/ox-data-entry-form.ts +1 -1
- package/src/ox-data-item-spec.ts +1 -1
- package/src/usecase/ccp/ox-input-ccp-limits.ts +27 -27
- package/src/usecase/qc/ox-input-qc-limits.ts +26 -26
- package/src/usecase/spc/ox-input-spc-limits.ts +27 -27
- package/themes/app-theme.css +0 -1
- package/themes/form-theme.css +0 -6
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": "2.0.0-beta.
|
|
5
|
+
"version": "2.0.0-beta.2",
|
|
6
6
|
"main": "dist/src/index.js",
|
|
7
7
|
"module": "dist/src/index.js",
|
|
8
8
|
"exports": {
|
|
@@ -106,14 +106,14 @@
|
|
|
106
106
|
},
|
|
107
107
|
"dependencies": {
|
|
108
108
|
"@material/web": "^1.4.0",
|
|
109
|
-
"@operato/data-grist": "^2.0.0-beta.
|
|
109
|
+
"@operato/data-grist": "^2.0.0-beta.2",
|
|
110
110
|
"@operato/graphql": "^2.0.0-beta.0",
|
|
111
|
-
"@operato/grist-editor": "^2.0.0-beta.
|
|
111
|
+
"@operato/grist-editor": "^2.0.0-beta.2",
|
|
112
112
|
"@operato/i18n": "^2.0.0-beta.0",
|
|
113
|
-
"@operato/input": "^2.0.0-beta.
|
|
113
|
+
"@operato/input": "^2.0.0-beta.2",
|
|
114
114
|
"@operato/popup": "^2.0.0-beta.0",
|
|
115
|
-
"@operato/property-editor": "^2.0.0-beta.
|
|
116
|
-
"@operato/shell": "^2.0.0-beta.
|
|
115
|
+
"@operato/property-editor": "^2.0.0-beta.2",
|
|
116
|
+
"@operato/shell": "^2.0.0-beta.2",
|
|
117
117
|
"@operato/styles": "^2.0.0-beta.0",
|
|
118
118
|
"@operato/utils": "^2.0.0-beta.0",
|
|
119
119
|
"lit": "^3.1.2"
|
|
@@ -150,5 +150,5 @@
|
|
|
150
150
|
"prettier --write"
|
|
151
151
|
]
|
|
152
152
|
},
|
|
153
|
-
"gitHead": "
|
|
153
|
+
"gitHead": "df3ca9940501549fe8b59f294425d50962895965"
|
|
154
154
|
}
|
package/src/ox-data-item-spec.ts
CHANGED
|
@@ -57,7 +57,7 @@ export class OxInputCcpLimits extends LitElement {
|
|
|
57
57
|
input[type='checkbox'] + span {
|
|
58
58
|
display: inline-block;
|
|
59
59
|
font: var(--label-font);
|
|
60
|
-
color: var(--label-color);
|
|
60
|
+
color: var(--label-color, var(--md-sys-color-on-surface));
|
|
61
61
|
text-align: right;
|
|
62
62
|
}
|
|
63
63
|
input,
|
|
@@ -82,7 +82,7 @@ export class OxInputCcpLimits extends LitElement {
|
|
|
82
82
|
}
|
|
83
83
|
[properties] {
|
|
84
84
|
font: var(--input-field-font);
|
|
85
|
-
color: var(--label-color);
|
|
85
|
+
color: var(--label-color, var(--md-sys-color-on-surface));
|
|
86
86
|
}
|
|
87
87
|
`
|
|
88
88
|
|
|
@@ -119,34 +119,34 @@ export class OxInputCcpLimits extends LitElement {
|
|
|
119
119
|
</label>
|
|
120
120
|
`
|
|
121
121
|
: this.type === DataItemType.select
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
122
|
+
? html`
|
|
123
|
+
<!-- <div>Acceptables</div> -->
|
|
124
|
+
${this.options?.options?.map(
|
|
125
|
+
option => html`
|
|
126
|
+
<div>
|
|
127
|
+
<input
|
|
128
|
+
type="checkbox"
|
|
129
|
+
data-value=${option.value}
|
|
130
|
+
?checked=${(acceptables as string[]).includes(option.value)}
|
|
131
|
+
/>
|
|
132
|
+
<span>${option.text}</span>
|
|
133
|
+
<span value>(${option.value})</span>
|
|
134
|
+
</div>
|
|
135
|
+
`
|
|
136
|
+
)}
|
|
137
|
+
`
|
|
138
|
+
: this.type === DataItemType.boolean
|
|
139
|
+
? html`
|
|
140
|
+
<div>
|
|
141
|
+
<input type="checkbox" data-value=${true} ?checked=${(acceptables as boolean[]).includes(true)} />
|
|
142
|
+
<span value>true</span>
|
|
143
|
+
</div>
|
|
126
144
|
<div>
|
|
127
|
-
<input
|
|
128
|
-
|
|
129
|
-
data-value=${option.value}
|
|
130
|
-
?checked=${(acceptables as string[]).includes(option.value)}
|
|
131
|
-
/>
|
|
132
|
-
<span>${option.text}</span>
|
|
133
|
-
<span value>(${option.value})</span>
|
|
145
|
+
<input type="checkbox" data-value=${false} ?checked=${(acceptables as boolean[]).includes(false)} />
|
|
146
|
+
<span value>false</span>
|
|
134
147
|
</div>
|
|
135
148
|
`
|
|
136
|
-
)}
|
|
137
|
-
`
|
|
138
|
-
: this.type === DataItemType.boolean
|
|
139
|
-
? html`
|
|
140
|
-
<div>
|
|
141
|
-
<input type="checkbox" data-value=${true} ?checked=${(acceptables as boolean[]).includes(true)} />
|
|
142
|
-
<span value>true</span>
|
|
143
|
-
</div>
|
|
144
|
-
<div>
|
|
145
|
-
<input type="checkbox" data-value=${false} ?checked=${(acceptables as boolean[]).includes(false)} />
|
|
146
|
-
<span value>false</span>
|
|
147
|
-
</div>
|
|
148
|
-
`
|
|
149
|
-
: html` <div properties>${i18next.t('text.no properties to set')}</div> `}
|
|
149
|
+
: html` <div properties>${i18next.t('text.no properties to set')}</div> `}
|
|
150
150
|
</div>
|
|
151
151
|
`
|
|
152
152
|
}
|
|
@@ -57,7 +57,7 @@ export class OxInputQcLimits extends LitElement {
|
|
|
57
57
|
input[type='checkbox'] + span {
|
|
58
58
|
display: inline-block;
|
|
59
59
|
font: var(--label-font);
|
|
60
|
-
color: var(--label-color);
|
|
60
|
+
color: var(--label-color, var(--md-sys-color-on-surface));
|
|
61
61
|
text-align: right;
|
|
62
62
|
}
|
|
63
63
|
input,
|
|
@@ -82,7 +82,7 @@ export class OxInputQcLimits extends LitElement {
|
|
|
82
82
|
}
|
|
83
83
|
[properties] {
|
|
84
84
|
font: var(--input-field-font);
|
|
85
|
-
color: var(--label-color);
|
|
85
|
+
color: var(--label-color, var(--md-sys-color-on-surface));
|
|
86
86
|
}
|
|
87
87
|
`
|
|
88
88
|
|
|
@@ -119,33 +119,33 @@ export class OxInputQcLimits extends LitElement {
|
|
|
119
119
|
</label>
|
|
120
120
|
`
|
|
121
121
|
: this.type === DataItemType.select
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
122
|
+
? html`
|
|
123
|
+
${this.options?.options?.map(
|
|
124
|
+
option => html`
|
|
125
|
+
<div>
|
|
126
|
+
<input
|
|
127
|
+
type="checkbox"
|
|
128
|
+
data-value=${option.value}
|
|
129
|
+
?checked=${(acceptables as string[]).includes(option.value)}
|
|
130
|
+
/>
|
|
131
|
+
<span>${option.text}</span>
|
|
132
|
+
<span value>(${option.value})</span>
|
|
133
|
+
</div>
|
|
134
|
+
`
|
|
135
|
+
)}
|
|
136
|
+
`
|
|
137
|
+
: this.type === DataItemType.boolean
|
|
138
|
+
? html`
|
|
139
|
+
<div>
|
|
140
|
+
<input type="checkbox" data-value=${true} ?checked=${(acceptables as boolean[]).includes(true)} />
|
|
141
|
+
<span value>true</span>
|
|
142
|
+
</div>
|
|
125
143
|
<div>
|
|
126
|
-
<input
|
|
127
|
-
|
|
128
|
-
data-value=${option.value}
|
|
129
|
-
?checked=${(acceptables as string[]).includes(option.value)}
|
|
130
|
-
/>
|
|
131
|
-
<span>${option.text}</span>
|
|
132
|
-
<span value>(${option.value})</span>
|
|
144
|
+
<input type="checkbox" data-value=${false} ?checked=${(acceptables as boolean[]).includes(false)} />
|
|
145
|
+
<span value>false</span>
|
|
133
146
|
</div>
|
|
134
147
|
`
|
|
135
|
-
)}
|
|
136
|
-
`
|
|
137
|
-
: this.type === DataItemType.boolean
|
|
138
|
-
? html`
|
|
139
|
-
<div>
|
|
140
|
-
<input type="checkbox" data-value=${true} ?checked=${(acceptables as boolean[]).includes(true)} />
|
|
141
|
-
<span value>true</span>
|
|
142
|
-
</div>
|
|
143
|
-
<div>
|
|
144
|
-
<input type="checkbox" data-value=${false} ?checked=${(acceptables as boolean[]).includes(false)} />
|
|
145
|
-
<span value>false</span>
|
|
146
|
-
</div>
|
|
147
|
-
`
|
|
148
|
-
: html` <div properties>${i18next.t('text.no properties to set')}</div> `}
|
|
148
|
+
: html` <div properties>${i18next.t('text.no properties to set')}</div> `}
|
|
149
149
|
</div>
|
|
150
150
|
`
|
|
151
151
|
}
|
|
@@ -57,7 +57,7 @@ export class OxInputSpcLimits extends LitElement {
|
|
|
57
57
|
input[type='checkbox'] + span {
|
|
58
58
|
display: inline-block;
|
|
59
59
|
font: var(--label-font);
|
|
60
|
-
color: var(--label-color);
|
|
60
|
+
color: var(--label-color, var(--md-sys-color-on-surface));
|
|
61
61
|
text-align: right;
|
|
62
62
|
}
|
|
63
63
|
input,
|
|
@@ -82,7 +82,7 @@ export class OxInputSpcLimits extends LitElement {
|
|
|
82
82
|
}
|
|
83
83
|
[properties] {
|
|
84
84
|
font: var(--input-field-font);
|
|
85
|
-
color: var(--label-color);
|
|
85
|
+
color: var(--label-color, var(--md-sys-color-on-surface));
|
|
86
86
|
}
|
|
87
87
|
`
|
|
88
88
|
|
|
@@ -119,34 +119,34 @@ export class OxInputSpcLimits extends LitElement {
|
|
|
119
119
|
</label>
|
|
120
120
|
`
|
|
121
121
|
: this.type === DataItemType.select
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
122
|
+
? html`
|
|
123
|
+
<!-- <div>Acceptables</div> -->
|
|
124
|
+
${this.options?.options?.map(
|
|
125
|
+
option => html`
|
|
126
|
+
<div>
|
|
127
|
+
<input
|
|
128
|
+
type="checkbox"
|
|
129
|
+
data-value=${option.value}
|
|
130
|
+
?checked=${(acceptables as string[]).includes(option.value)}
|
|
131
|
+
/>
|
|
132
|
+
<span>${option.text}</span>
|
|
133
|
+
<span value>(${option.value})</span>
|
|
134
|
+
</div>
|
|
135
|
+
`
|
|
136
|
+
)}
|
|
137
|
+
`
|
|
138
|
+
: this.type === DataItemType.boolean
|
|
139
|
+
? html`
|
|
140
|
+
<div>
|
|
141
|
+
<input type="checkbox" data-value=${true} ?checked=${(acceptables as boolean[]).includes(true)} />
|
|
142
|
+
<span value>true</span>
|
|
143
|
+
</div>
|
|
126
144
|
<div>
|
|
127
|
-
<input
|
|
128
|
-
|
|
129
|
-
data-value=${option.value}
|
|
130
|
-
?checked=${(acceptables as string[]).includes(option.value)}
|
|
131
|
-
/>
|
|
132
|
-
<span>${option.text}</span>
|
|
133
|
-
<span value>(${option.value})</span>
|
|
145
|
+
<input type="checkbox" data-value=${false} ?checked=${(acceptables as boolean[]).includes(false)} />
|
|
146
|
+
<span value>false</span>
|
|
134
147
|
</div>
|
|
135
148
|
`
|
|
136
|
-
)}
|
|
137
|
-
`
|
|
138
|
-
: this.type === DataItemType.boolean
|
|
139
|
-
? html`
|
|
140
|
-
<div>
|
|
141
|
-
<input type="checkbox" data-value=${true} ?checked=${(acceptables as boolean[]).includes(true)} />
|
|
142
|
-
<span value>true</span>
|
|
143
|
-
</div>
|
|
144
|
-
<div>
|
|
145
|
-
<input type="checkbox" data-value=${false} ?checked=${(acceptables as boolean[]).includes(false)} />
|
|
146
|
-
<span value>false</span>
|
|
147
|
-
</div>
|
|
148
|
-
`
|
|
149
|
-
: html` <div properties>${i18next.t('text.no properties to set')}</div> `}
|
|
149
|
+
: html` <div properties>${i18next.t('text.no properties to set')}</div> `}
|
|
150
150
|
</div>
|
|
151
151
|
`
|
|
152
152
|
}
|
package/themes/app-theme.css
CHANGED
|
@@ -121,7 +121,6 @@ body {
|
|
|
121
121
|
|
|
122
122
|
/* form style */
|
|
123
123
|
--label-font: normal var(--fontsize-default) var(--theme-font);
|
|
124
|
-
--label-color: var(--md-sys-color-on-surface);
|
|
125
124
|
--label-text-transform: capitalize;
|
|
126
125
|
--input-margin: var(--margin-narrow) 0;
|
|
127
126
|
--input-padding: var(--padding-default);
|
package/themes/form-theme.css
CHANGED
|
@@ -4,7 +4,6 @@ body {
|
|
|
4
4
|
--form-max-width: 700px;
|
|
5
5
|
--form-multi-column-max-width: 100%;
|
|
6
6
|
--form-sublabel-font: normal 13px var(--theme-font);
|
|
7
|
-
--form-sublabel-color: var(--md-sys-color-secondary);
|
|
8
7
|
--form-grid-gap: 12px 5px;
|
|
9
8
|
|
|
10
9
|
--legend-padding: var(--spacing-medium) 0;
|
|
@@ -14,7 +13,6 @@ body {
|
|
|
14
13
|
|
|
15
14
|
--label-padding: 3px 0;
|
|
16
15
|
--label-font: normal 14px var(--theme-font);
|
|
17
|
-
--label-color: var(--md-sys-color-secondary);
|
|
18
16
|
|
|
19
17
|
--input-field-border: 1px solid rgba(0, 0, 0, 0.2);
|
|
20
18
|
--input-field-border-radius: var(--border-radius);
|
|
@@ -23,12 +21,8 @@ body {
|
|
|
23
21
|
|
|
24
22
|
--search-panel-background-color: rgba(0, 0, 0, 0.1);
|
|
25
23
|
--search-panel-search-iconbutton-size: var(--icon-default-size);
|
|
26
|
-
--search-form-icon-color: var(--md-sys-color-primary);
|
|
27
24
|
--search-form-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15);
|
|
28
25
|
--search-form-box-padding: 15px 30px 15px 15px;
|
|
29
|
-
--search-form-background-color: var(--md-sys-color-surface);
|
|
30
|
-
--search-form-narrow-background-color: var(--md-sys-color-surface);
|
|
31
|
-
--search-form-narrow-text-color: var(--md-sys-color-on-surface);
|
|
32
26
|
|
|
33
27
|
--file-uploader-border: 1px solid rgba(0, 0, 0, 0.1);
|
|
34
28
|
--file-uploader-background-color: var(--md-sys-color-background);
|