@neovici/cosmoz-omnitable 14.14.0 → 14.14.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.
Files changed (7) hide show
  1. package/cosmoz-omnitable-column-autocomplete.js +2 -8
  2. package/cosmoz-omnitable-column-boolean.js +12 -22
  3. package/cosmoz-omnitable-column-list-horizontal.js +7 -10
  4. package/cosmoz-omnitable-column-list.js +1 -7
  5. package/cosmoz-omnitable-styles.js +1 -3
  6. package/cosmoz-omnitable.js +0 -1
  7. package/package.json +2 -2
package/cosmoz-omnitable-column-autocomplete.js CHANGED
@@ -1,9 +1,9 @@
1
- import '@polymer/paper-spinner/paper-spinner-lite.js';
2
1
  import '@neovici/cosmoz-autocomplete';
3
2
 
4
3
  import { PolymerElement } from '@polymer/polymer/polymer-element.js';
5
4
  import { html } from 'lit-html';
6
5
  import { when } from 'lit-html/directives/when.js';
6
+ import '@neovici/cosmoz-spinner';
7
7
 
8
8
  import { columnMixin, getString } from './cosmoz-omnitable-column-mixin.js';
9
9
  import {
@@ -98,13 +98,7 @@ class OmnitableColumnAutocomplete extends listColumnMixin(
98
98
  .onText=${onText(setState)}
99
99
  >${when(
100
100
  column.loading,
101
- () =>
102
- html`<paper-spinner-lite
103
- style="width: 20px; height: 20px; flex:none;"
104
- suffix
105
- slot="suffix"
106
- active
107
- ></paper-spinner-lite>`,
101
+ () => html`<cosmoz-spinner slot="suffix"></cosmoz-spinner>`,
108
102
  )}</cosmoz-autocomplete-ui
109
103
  >`;
110
104
  }
package/cosmoz-omnitable-column-boolean.js CHANGED
@@ -2,9 +2,9 @@ import { PolymerElement } from '@polymer/polymer/polymer-element';
2
2
 
3
3
  import { columnMixin } from './cosmoz-omnitable-column-mixin';
4
4
 
5
- import '@polymer/paper-spinner/paper-spinner-lite';
6
5
  import '@neovici/cosmoz-autocomplete';
7
- import { html, nothing } from 'lit-html';
6
+ import { html } from 'lit-html';
7
+ import { when } from 'lit-html/directives/when.js';
8
8
  import { get } from '@polymer/polymer/lib/utils/path';
9
9
  import { memooize } from '@neovici/cosmoz-utils/memoize';
10
10
 
@@ -83,15 +83,7 @@ class OmnitableColumnBoolean extends columnMixin(PolymerElement) {
83
83
  }
84
84
 
85
85
  renderEditCell(column, { item }, onItemChange) {
86
- const { trueLabel, falseLabel } = column,
87
- spinner = column.loading
88
- ? html`<paper-spinner-lite
89
- style="width: 20px; height: 20px;"
90
- suffix
91
- slot="suffix"
92
- active
93
- ></paper-spinner-lite>`
94
- : nothing;
86
+ const { trueLabel, falseLabel } = column;
95
87
 
96
88
  return html`<cosmoz-autocomplete
97
89
  no-label-float
@@ -110,20 +102,15 @@ class OmnitableColumnBoolean extends columnMixin(PolymerElement) {
110
102
  )}
111
103
  .onChange=${onEditableChange(onItemChange)}
112
104
  .limit=${1}
113
- >${spinner}</cosmoz-autocomplete
105
+ >${when(
106
+ column.loading,
107
+ () =>
108
+ html`<cosmoz-spinner slot="suffix"></cosmoz-spinner>`,
109
+ )}</cosmoz-autocomplete
114
110
  >`;
115
111
  }
116
112
 
117
113
  renderHeader(column, { filter, query }, setState, source) {
118
- const spinner = column.loading
119
- ? html`<paper-spinner-lite
120
- style="width: 20px; height: 20px;"
121
- suffix
122
- slot="suffix"
123
- active
124
- ></paper-spinner-lite>`
125
- : nothing;
126
-
127
114
  return html`<cosmoz-autocomplete-ui
128
115
  .label=${column.title}
129
116
  .title=${computeItemTooltip(
@@ -140,7 +127,10 @@ class OmnitableColumnBoolean extends columnMixin(PolymerElement) {
140
127
  .onFocus=${onFocus(setState)}
141
128
  .onText=${onText(setState)}
142
129
  .limit=${1}
143
- >${spinner}</cosmoz-autocomplete-ui
130
+ >${when(
131
+ column.loading,
132
+ () => html`<cosmoz-spinner slot="suffix"></cosmoz-spinner>`,
133
+ )}</cosmoz-autocomplete-ui
144
134
  >`;
145
135
  }
146
136
 
package/cosmoz-omnitable-column-list-horizontal.js CHANGED
@@ -1,7 +1,9 @@
1
1
  import '@neovici/cosmoz-autocomplete';
2
+ import '@neovici/cosmoz-spinner';
2
3
 
3
4
  import { PolymerElement } from '@polymer/polymer/polymer-element';
4
- import { html, nothing } from 'lit-html';
5
+ import { html } from 'lit-html';
6
+ import { when } from 'lit-html/directives/when.js';
5
7
 
6
8
  import { columnMixin } from './cosmoz-omnitable-column-mixin';
7
9
  import {
@@ -54,14 +56,6 @@ class OmnitableColumnListHorizontal extends listColumnMixin(
54
56
  }
55
57
 
56
58
  renderHeader(column, { filter, query }, setState, source) {
57
- const spinner = column.loading
58
- ? html`<paper-spinner-lite
59
- style="width: 20px; height: 20px;"
60
- suffix
61
- slot="suffix"
62
- active
63
- ></paper-spinner-lite>`
64
- : nothing;
65
59
  return html`<cosmoz-autocomplete-ui
66
60
  class="external-values-${column.externalValues}"
67
61
  .label=${column.title}
@@ -72,7 +66,10 @@ class OmnitableColumnListHorizontal extends listColumnMixin(
72
66
  .onChange=${onChange(setState)}
73
67
  .onFocus=${onFocus(setState)}
74
68
  .onText=${onText(setState)}
75
- >${spinner}</cosmoz-autocomplete-ui
69
+ >${when(
70
+ column.loading,
71
+ () => html`<cosmoz-spinner slot="suffix"></cosmoz-spinner>`,
72
+ )}</cosmoz-autocomplete-ui
76
73
  > `;
77
74
  }
78
75
  }
package/cosmoz-omnitable-column-list.js CHANGED
@@ -77,13 +77,7 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
77
77
  .onText=${onText(setState)}
78
78
  >${when(
79
79
  column.loading,
80
- () =>
81
- html`<paper-spinner-lite
82
- style="width: 20px; height: 20px; flex:none;"
83
- suffix
84
- slot="suffix"
85
- active
86
- ></paper-spinner-lite>`,
80
+ () => html`<cosmoz-spinner slot="suffix"></cosmoz-spinner>`,
87
81
  )}</cosmoz-autocomplete-ui
88
82
  >`;
89
83
  }
package/cosmoz-omnitable-styles.js CHANGED
@@ -261,10 +261,9 @@ export default css`
261
261
  display: flex;
262
262
  align-items: center;
263
263
  justify-content: center;
264
- color: var(--cz-bg-color, #ccc);
264
+ color: #ccc;
265
265
  }
266
266
  .tableContent-empty.overlay {
267
- background-color: (var(--cz-bg-color, #ccc));
268
267
  color: #333;
269
268
  z-index: 1;
270
269
  }
@@ -315,7 +314,6 @@ export default css`
315
314
  flex-basis: 0.000001px;
316
315
  display: flex;
317
316
  flex-direction: column;
318
- color: var(--cz-bg-color, #ccc);
319
317
  }
320
318
 
321
319
  .itemRow {
package/cosmoz-omnitable.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import '@neovici/cosmoz-bottom-bar';
2
2
  import '@polymer/iron-icon/iron-icon';
3
3
  import '@polymer/iron-icons/iron-icons';
4
- import '@polymer/paper-spinner/paper-spinner-lite';
5
4
 
6
5
  import './cosmoz-omnitable-column';
7
6
  import './cosmoz-omnitable-columns';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-omnitable",
3
- "version": "14.14.0",
3
+ "version": "14.14.2",
4
4
  "description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
5
5
  "keywords": [
6
6
  "web-components"
@@ -72,13 +72,13 @@
72
72
  "@neovici/cosmoz-i18next": "^3.1.1",
73
73
  "@neovici/cosmoz-input": "^5.0.0",
74
74
  "@neovici/cosmoz-router": "^11.0.0",
75
+ "@neovici/cosmoz-spinner": "^1.0.0",
75
76
  "@neovici/cosmoz-utils": "^6.14.2",
76
77
  "@neovici/nullxlsx": "^3.0.0",
77
78
  "@pionjs/pion": "^2.0.0",
78
79
  "@polymer/iron-icon": "^3.0.0",
79
80
  "@polymer/iron-icons": "^3.0.0",
80
81
  "@polymer/paper-dropdown-menu": "^3.2.0",
81
- "@polymer/paper-spinner": "^3.0.0",
82
82
  "@polymer/polymer": "^3.3.0",
83
83
  "file-saver-es": "^2.0.0",
84
84
  "lit-html": "^2.0.0 || ^3.0.0"