@neovici/cosmoz-omnitable 14.21.0 → 14.21.2

package/dist/cosmoz-omnitable-styles.js

@@ -251,6 +251,9 @@ exports.default = (0, cosmoz_utils_1.tagged) `
 		position: relative;
 		flex: auto;
 	}
+	.tableContent:has(.tableContent-empty.spinner) {
+		opacity: 0.3;
+	}
 
 	/* Empty data set styling */
 	.tableContent-empty {
@@ -584,5 +587,15 @@ exports.default = (0, cosmoz_utils_1.tagged) `
 	:host([mini]) cosmoz-omnitable-settings::part(columns) {
 		display:none;
 	}
+
+	cz-spinner {
+		width: 48px;
+		height: 48px;
+		position: absolute;
+		top: 40%;
+		right: 50%;
+		border-color: rgba(0, 0, 0, 0.2);
+		border-top-color: #000;
+	}
 `;
 //# sourceMappingURL=cosmoz-omnitable-styles.js.map

package/dist/lib/compute-layout.d.ts

@@ -1,3 +1,4 @@
-export function computeLayout(_columnConfigs: any, canvasWidth: any, numColumns: any): any;
-export function toCss(layout: any, config: any): any;
+import { ColumnConfig } from './layout';
+export declare const computeLayout: (_columnConfigs: ColumnConfig[], canvasWidth: number, numColumns: number) => (number | undefined)[];
+export declare const toCss: (layout: number[], config: ColumnConfig[]) => string;
 //# sourceMappingURL=compute-layout.d.ts.map

package/dist/lib/compute-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compute-layout.d.ts","sourceRoot":"","sources":["../../src/lib/compute-layout.js"],"names":[],"mappings":"AAwCO,2FAiCkE;AAjClE,qDAiCkE"}
+{"version":3,"file":"compute-layout.d.ts","sourceRoot":"","sources":["../../src/lib/compute-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAE,MAAM,UAAU,CAAC;AA8ChD,eAAO,MAAM,aAAa,GACzB,gBAAgB,YAAY,EAAE,EAC9B,aAAa,MAAM,EACnB,YAAY,MAAM,KAChB,CAAC,MAAM,GAAG,SAAS,CAAC,EA+BtB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,QAAQ,MAAM,EAAE,EAAE,QAAQ,YAAY,EAAE,WACU,CAAC"}

package/dist/lib/compute-layout.js

@@ -4,7 +4,10 @@ exports.toCss = exports.computeLayout = void 0;
 const layout_1 = require("./layout");
 const utils_1 = require("./utils");
 const _toCss = (layout, config) => {
-    const lastVisibleIndex = (0, utils_1.findLastIndex)(layout, (width) => width != null && width > 0), generateCellCSS = (itemName, width) => `.cell[name="${itemName}"], cosmoz-omnitable-skeleton::part(cell-${itemName}){width: ${Math.floor(width)}px;padding: 0 min(3px, ${width / 2}px)}`, hideResizeNub = (itemName) => `cosmoz-omnitable-resize-nub[name="${itemName}"]{display:none}`, hideColumn = (itemName) => `cosmoz-omnitable-resize-nub[name="${itemName}"], .cell[name="${itemName}"]{display:none}`;
+    const lastVisibleIndex = (0, utils_1.findLastIndex)(layout, (width) => width != null && width > 0);
+    const generateCellCSS = (itemName, width) => `.cell[name="${itemName}"], cosmoz-omnitable-skeleton::part(cell-${itemName}){width: ${Math.floor(width)}px;padding: 0 min(3px, ${width / 2}px)}`;
+    const hideResizeNub = (itemName) => `cosmoz-omnitable-resize-nub[name="${itemName}"]{display:none}`;
+    const hideColumn = (itemName) => `cosmoz-omnitable-resize-nub[name="${itemName}"], .cell[name="${itemName}"]{display:none}`;
     return config
         .map((item, index) => {
         const width = layout[index];
@@ -45,6 +48,8 @@ const computeLayout = (_columnConfigs, canvasWidth, numColumns) => {
         sorted[columnConfigs[i].index] = width;
         return sorted;
     }, new Array(numColumns).fill(undefined));
-}, toCss = (layout, config) => layout.length === 0 ? '.cell {display: none;}' : _toCss(layout, config);
-exports.computeLayout = computeLayout, exports.toCss = toCss;
+};
+exports.computeLayout = computeLayout;
+const toCss = (layout, config) => layout.length === 0 ? '.cell {display: none;}' : _toCss(layout, config);
+exports.toCss = toCss;
 //# sourceMappingURL=compute-layout.js.map

package/dist/lib/layout.d.ts

@@ -1,12 +1,13 @@
-interface Column {
+export interface ColumnConfig {
     flex: number;
     index: number;
     minWidth: number;
     width: number;
     priority: number;
     name: string;
+    hidden?: boolean;
 }
-type Columns = Column[];
+type Columns = ColumnConfig[];
 export declare const // eslint-disable-next-line max-statements
 layout: (columns: Columns, container: number) => number[];
 export {};

package/dist/lib/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/lib/layout.ts"],"names":[],"mappings":"AAAA,UAAU,MAAM;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACb;AAED,KAAK,OAAO,GAAG,MAAM,EAAE,CAAC;AAGxB,eAAO,MAAM,0CAA0C;AACtD,MAAM,GAAI,SAAS,OAAO,EAAE,WAAW,MAAM,aA0D5C,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/lib/layout.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,KAAK,OAAO,GAAG,YAAY,EAAE,CAAC;AAG9B,eAAO,MAAM,0CAA0C;AACtD,MAAM,GAAI,SAAS,OAAO,EAAE,WAAW,MAAM,aA0D5C,CAAC"}

package/dist/lib/render-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-list.d.ts","sourceRoot":"","sources":["../../src/lib/render-list.js"],"names":[],"mappings":"AAMO,oIA0EN"}
+{"version":3,"file":"render-list.d.ts","sourceRoot":"","sources":["../../src/lib/render-list.js"],"names":[],"mappings":"AAMO,oIAiFN"}

package/dist/lib/render-list.js

@@ -23,11 +23,14 @@ const renderList = (header, list) => {
 						<p>${(0, cosmoz_i18next_1._)('No matches for selection')}</p>
 					</div>
 				</div>`)}
-		${(0, when_js_1.when)(loading, () => (0, lit_html_1.html) `<div class="tableContent-empty overlay">
+		${(0, when_js_1.when)(loading && !processedItems.length, () => (0, lit_html_1.html) `<div class="tableContent-empty overlay">
 					<cosmoz-omnitable-skeleton
 						.settingsConfig=${settingsConfig}
 					></cosmoz-omnitable-skeleton>
 				</div>`)}
+		${(0, when_js_1.when)(loading && processedItems.length, () => (0, lit_html_1.html) `<div class="tableContent-empty overlay spinner">
+					<cz-spinner></cz-spinner>
+				</div>`)}
 		${(0, when_js_1.when)(error, () => (0, lit_html_1.html) `<div class="tableContent-empty overlay">
 					<iron-icon icon="icons:error"></iron-icon>
 					<div class="tableContent-empty-message">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-omnitable",
-  "version": "14.21.0",
+  "version": "14.21.2",
   "description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
   "keywords": [
     "web-components"