@neovici/cosmoz-omnitable 14.21.1 → 14.21.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.
@@ -251,6 +251,9 @@ exports.default = (0, cosmoz_utils_1.tagged) `
251
251
  position: relative;
252
252
  flex: auto;
253
253
  }
254
+ .tableContent:has(.tableContent-empty.spinner) {
255
+ opacity: 0.3;
256
+ }
254
257
 
255
258
  /* Empty data set styling */
256
259
  .tableContent-empty {
@@ -584,5 +587,15 @@ exports.default = (0, cosmoz_utils_1.tagged) `
584
587
  :host([mini]) cosmoz-omnitable-settings::part(columns) {
585
588
  display:none;
586
589
  }
590
+
591
+ cz-spinner {
592
+ width: 48px;
593
+ height: 48px;
594
+ position: absolute;
595
+ top: 40%;
596
+ right: 50%;
597
+ border-color: rgba(0, 0, 0, 0.2);
598
+ border-top-color: #000;
599
+ }
587
600
  `;
588
601
  //# sourceMappingURL=cosmoz-omnitable-styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"render-list.d.ts","sourceRoot":"","sources":["../../src/lib/render-list.js"],"names":[],"mappings":"AAMO,oIA0EN"}
1
+ {"version":3,"file":"render-list.d.ts","sourceRoot":"","sources":["../../src/lib/render-list.js"],"names":[],"mappings":"AAMO,oIAiFN"}
@@ -23,11 +23,14 @@ const renderList = (header, list) => {
23
23
  <p>${(0, cosmoz_i18next_1._)('No matches for selection')}</p>
24
24
  </div>
25
25
  </div>`)}
26
- ${(0, when_js_1.when)(loading, () => (0, lit_html_1.html) `<div class="tableContent-empty overlay">
26
+ ${(0, when_js_1.when)(loading && !processedItems.length, () => (0, lit_html_1.html) `<div class="tableContent-empty overlay">
27
27
  <cosmoz-omnitable-skeleton
28
28
  .settingsConfig=${settingsConfig}
29
29
  ></cosmoz-omnitable-skeleton>
30
30
  </div>`)}
31
+ ${(0, when_js_1.when)(loading && processedItems.length, () => (0, lit_html_1.html) `<div class="tableContent-empty overlay spinner">
32
+ <cz-spinner></cz-spinner>
33
+ </div>`)}
31
34
  ${(0, when_js_1.when)(error, () => (0, lit_html_1.html) `<div class="tableContent-empty overlay">
32
35
  <iron-icon icon="icons:error"></iron-icon>
33
36
  <div class="tableContent-empty-message">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-omnitable",
3
- "version": "14.21.1",
3
+ "version": "14.21.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"