@neovici/cosmoz-omnitable 8.9.0 → 8.11.1
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.
|
@@ -46,7 +46,7 @@ class OmnitableColumnAutocomplete extends listColumnMixin(columnMixin(PolymerEle
|
|
|
46
46
|
renderHeader(column, { filter, query }, setState, source) {
|
|
47
47
|
const
|
|
48
48
|
spinner = column.loading
|
|
49
|
-
? html`<paper-spinner-lite style="width: 20px; height: 20px;" suffix slot="suffix" active></paper-spinner-lite>`
|
|
49
|
+
? html`<paper-spinner-lite style="width: 20px; height: 20px; flex: none;" suffix slot="suffix" active></paper-spinner-lite>`
|
|
50
50
|
: nothing;
|
|
51
51
|
|
|
52
52
|
return html`<cosmoz-autocomplete-ui
|
|
@@ -36,7 +36,7 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
|
|
|
36
36
|
renderHeader(column, { filter, query }, setState, source) {
|
|
37
37
|
const
|
|
38
38
|
spinner = column.loading
|
|
39
|
-
? html`<paper-spinner-lite style="width: 20px; height: 20px;" suffix slot="suffix" active></paper-spinner-lite>`
|
|
39
|
+
? html`<paper-spinner-lite style="width: 20px; height: 20px; flex:none;" suffix slot="suffix" active></paper-spinner-lite>`
|
|
40
40
|
: nothing;
|
|
41
41
|
|
|
42
42
|
return html`<cosmoz-autocomplete-ui
|
|
@@ -44,6 +44,7 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
|
|
|
44
44
|
.label=${ column.title }
|
|
45
45
|
.source=${ source }
|
|
46
46
|
.textProperty=${ column.textProperty }
|
|
47
|
+
.valueProperty=${ column.valueProperty }
|
|
47
48
|
.value=${ filter }
|
|
48
49
|
.text=${ query }
|
|
49
50
|
.onChange=${ onChange(setState) }
|
|
@@ -17,6 +17,7 @@ export default () => html`
|
|
|
17
17
|
(c) =>
|
|
18
18
|
html`<button
|
|
19
19
|
class="group"
|
|
20
|
+
title=${c.title}
|
|
20
21
|
data-group=${ifDefined(
|
|
21
22
|
(c.name === groupOn && (descending ? 'desc' : 'asc')) || undefined
|
|
22
23
|
)}
|
|
@@ -34,7 +35,7 @@ export default () => html`
|
|
|
34
35
|
}
|
|
35
36
|
}}
|
|
36
37
|
>
|
|
37
|
-
|
|
38
|
+
<span>${c.title}</span> ${triangle}
|
|
38
39
|
</button>`
|
|
39
40
|
);
|
|
40
41
|
}}
|
|
@@ -25,7 +25,7 @@ const placement = ['bottom-right', ...defaultPlacement],
|
|
|
25
25
|
filters,
|
|
26
26
|
}) =>
|
|
27
27
|
(column, i) => {
|
|
28
|
-
const indeterminate = collapsed?.
|
|
28
|
+
const indeterminate = !!collapsed?.find((c) => c.name === column.name),
|
|
29
29
|
checked = !column.disabled && !indeterminate;
|
|
30
30
|
return html` <div
|
|
31
31
|
class="item"
|
|
@@ -8,7 +8,7 @@ export default css`
|
|
|
8
8
|
flex-direction: column;
|
|
9
9
|
max-height: var(--ot-height, 60vh);
|
|
10
10
|
outline: none;
|
|
11
|
-
min-width:
|
|
11
|
+
min-width: 270px;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.headline {
|
|
@@ -94,7 +94,9 @@ export default css`
|
|
|
94
94
|
color: #c4c4c4;
|
|
95
95
|
}
|
|
96
96
|
.title {
|
|
97
|
-
flex:
|
|
97
|
+
flex: auto;
|
|
98
|
+
overflow: hidden;
|
|
99
|
+
text-overflow: ellipsis;
|
|
98
100
|
}
|
|
99
101
|
.title[has-filter] {
|
|
100
102
|
font-weight: bold;
|
|
@@ -147,7 +149,8 @@ export default css`
|
|
|
147
149
|
display: grid;
|
|
148
150
|
column-gap: 7px;
|
|
149
151
|
row-gap: 8px;
|
|
150
|
-
grid-template-columns:
|
|
152
|
+
grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
|
|
153
|
+
grid-template-rows: auto;
|
|
151
154
|
padding: 14px;
|
|
152
155
|
}
|
|
153
156
|
.group {
|
|
@@ -159,6 +162,13 @@ export default css`
|
|
|
159
162
|
padding: 6px 12px;
|
|
160
163
|
background: transparent;
|
|
161
164
|
cursor: pointer;
|
|
165
|
+
display: flex;
|
|
166
|
+
align-items: center;
|
|
167
|
+
justify-content: center;
|
|
168
|
+
}
|
|
169
|
+
.group span {
|
|
170
|
+
overflow: hidden;
|
|
171
|
+
text-overflow: ellipsis;
|
|
162
172
|
}
|
|
163
173
|
.group[data-group] {
|
|
164
174
|
background: var(
|
|
@@ -167,6 +177,8 @@ export default css`
|
|
|
167
177
|
);
|
|
168
178
|
}
|
|
169
179
|
.group svg {
|
|
180
|
+
margin-left: 4px;
|
|
181
|
+
flex: none;
|
|
170
182
|
vertical-align: middle;
|
|
171
183
|
}
|
|
172
184
|
.group:not([data-group]) svg {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neovici/cosmoz-omnitable",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.11.1",
|
|
4
4
|
"description": "[](https://travis-ci.org/Neovici/cosmoz-omnitable)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"web-components"
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@neovici/cosmoz-dropdown": "^1.5.0",
|
|
60
60
|
"@neovici/cosmoz-grouped-list": "^3.2.0",
|
|
61
61
|
"@neovici/cosmoz-i18next": "^3.1.1",
|
|
62
|
-
"@neovici/cosmoz-page-router": "^7.0.0",
|
|
62
|
+
"@neovici/cosmoz-page-router": "^7.0.0 || ^8.0.0",
|
|
63
63
|
"@neovici/cosmoz-utils": "^3.19.0",
|
|
64
64
|
"@neovici/nullxlsx": "^3.0.0",
|
|
65
65
|
"@polymer/iron-icon": "^3.0.0",
|
|
@@ -75,8 +75,8 @@
|
|
|
75
75
|
"lit-html": "^1.3.0"
|
|
76
76
|
},
|
|
77
77
|
"devDependencies": {
|
|
78
|
-
"@commitlint/cli": "^
|
|
79
|
-
"@commitlint/config-conventional": "^
|
|
78
|
+
"@commitlint/cli": "^17.0.0",
|
|
79
|
+
"@commitlint/config-conventional": "^17.0.0",
|
|
80
80
|
"@neovici/cfg": "^1.13.0",
|
|
81
81
|
"@neovici/cosmoz-viewinfo": "^3.1.3",
|
|
82
82
|
"@neovici/eslint-config": "^1.3.3",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"@semantic-release/changelog": "^6.0.0",
|
|
90
90
|
"@semantic-release/git": "^10.0.0",
|
|
91
91
|
"@web/dev-server": "^0.1.10",
|
|
92
|
-
"husky": "^
|
|
92
|
+
"husky": "^8.0.0",
|
|
93
93
|
"semantic-release": "^19.0.0",
|
|
94
94
|
"sinon": "^13.0.0",
|
|
95
95
|
"web-animations-js": "^2.3.2"
|