@neovici/cosmoz-omnitable 13.4.0 → 13.6.0

package/cosmoz-omnitable-header-row.js

@@ -18,6 +18,7 @@ const /* eslint-disable-next-line max-lines-per-function */
 			(column) => [
 				html`<div
 					class="cell ${column.headerCellClass} header-cell"
+					part="cell header-cell cell-${column.name} header-cell-${column.name}"
 					?hidden=${column === groupOnColumn}
 					title=${column.title}
 					name=${column.name}
@@ -27,7 +28,7 @@ const /* eslint-disable-next-line max-lines-per-function */
 							column,
 							filters[column.name] ?? {},
 							(state) => setFilterState(column.name, state),
-							column.source(column, data)
+							column.source(column, data),
 						),
 						html` <sort-and-group-consumer
 							style="display:contents"
@@ -52,7 +53,7 @@ const /* eslint-disable-next-line max-lines-per-function */
 					.column=${column}
 					name=${column.name}
 				></cosmoz-omnitable-resize-nub>`,
-			]
+			],
 		),
 	HeaderRow = ({ columns, settingsConfig, hideSelectAll, ...thru }) => [
 		columns &&
@@ -60,13 +61,15 @@ const /* eslint-disable-next-line max-lines-per-function */
 				columns,
 				...thru,
 			}),
-		html`${when(!hideSelectAll, () => html`
-			<cosmoz-omnitable-settings
-			.config=${settingsConfig}>
-			</cosmoz-omnitable-settings>`)}`,
+		when(
+			!hideSelectAll,
+			() =>
+				html` <cosmoz-omnitable-settings .config=${settingsConfig}>
+				</cosmoz-omnitable-settings>`,
+		),
 	];
 
 customElements.define(
 	'cosmoz-omnitable-header-row',
-	component(HeaderRow, { useShadowDOM: false })
+	component(HeaderRow, { useShadowDOM: false }),
 );

package/cosmoz-omnitable-item-row.js

@@ -21,6 +21,7 @@ const ItemRow = ({
 		(column) => {
 			return html`<div
 				class="cell itemRow-cell ${column.cellClass ?? ''}"
+				part="cell itemRow-cell cell-${column.name} itemRow-cell-${column.name}"
 				?hidden="${column === groupOnColumn}"
 				?editable="${column.editable}"
 				title="${column.cellTitleFn(column, item)}"

package/cosmoz-omnitable-styles.js

@@ -536,13 +536,15 @@ export default css`
 	.itemRow-minis {
 		display: flex;
 		justify-content: space-between;
-		margin: 0 8px 8px 8px;
+		margin: 14px 12px 12px 12px;
+		color: var(--cosmoz-omnitable-mini-color, #000);
 	}
 
 	:host([mini]) .itemRow {
-		border-radius: 8px;
+		border-radius: 12px;
 		border: 1px solid var(--cosmoz-omnitable-border-color, #e1e2e5);
 		margin: 4px 8px;
+		padding-top: 2px;
 	}
 	:host([mini]) .itemRow:not([selected]) {
 		background: var(--cosmoz-omnitable-mini-item-background, #fdfdfd);

package/lib/use-list.js

@@ -27,7 +27,10 @@ const renderMinis = (item) => (columns) =>
 			<div class="itemRow-minis" part="item-minis">
 				${columns.map(
 					(column) =>
-						html`<div class="itemRow-mini" part="item-mini">
+						html`<div
+							class="itemRow-mini"
+							part="item-mini item-mini-${column.name}"
+						>
 							${(column.renderMini ?? column.renderCell)(column, { item })}
 						</div>`,
 				)}

package/package.json

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