@neovici/cosmoz-omnitable 14.14.0 → 14.14.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.
@@ -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
  }
@@ -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
 
@@ -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
  }
@@ -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
  }
@@ -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.1",
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"