From 6021df4425556352e8dacd845494d710a4c80a27 Mon Sep 17 00:00:00 2001
From: Ibrahim Mammadov <zxyctn@gmail.com>
Date: Mon, 2 Sep 2024 14:11:19 +0200
Subject: [PATCH 1/3] Add padding after search components

---
 src/lib/components/Table/TableContent.svelte | 8 ++++++--
 src/lib/models/Models.ts                     | 4 ++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Table/TableContent.svelte b/src/lib/components/Table/TableContent.svelte
index 02ed847c..25acae66 100644
--- a/src/lib/components/Table/TableContent.svelte
+++ b/src/lib/components/Table/TableContent.svelte
@@ -62,7 +62,7 @@
 	let searchValue = '';
 	let isFetching = false;
 	const serverSide = server !== undefined;
-	const { baseUrl, sendModel, entityId, versionId } = server ?? {};
+	const { baseUrl, entityId, versionId, sendModel = new Send() } = server ?? {};
 
 	const filters = writable<{
 		[key: string]: { [key in FilterOptionsEnum]?: number | string | Date };
@@ -429,7 +429,11 @@
 				</form>
 			{/if}
 
-			<div class="flex justify-between items-center w-full {search && 'py-2'}">
+			<div
+				class="flex justify-between items-center w-full {search && 'py-2'} {!search &&
+					(shownColumns.length > 0 || toggle || resizable !== 'none' || exportable) &&
+					'pb-2'}"
+			>
 				<div>
 					<!-- Enable the fitToScreen toggle if toggle === true -->
 					{#if toggle}
diff --git a/src/lib/models/Models.ts b/src/lib/models/Models.ts
index 78fe791f..9d29ca12 100644
--- a/src/lib/models/Models.ts
+++ b/src/lib/models/Models.ts
@@ -107,7 +107,7 @@ export interface Columns {
 // Server config type for the table 
 export type ServerConfig = {
 	baseUrl?: string; // Base URL for server-side table
-	sendModel: Send; // Send model for server-side table
+	sendModel?: Send; // Send model for server-side table
 	entityId?: number; // Entity ID for server-side table
 	versionId?: number; // Version ID for server-side table
 };
@@ -124,7 +124,7 @@ export interface TableConfig<T> {
 	rowHeight?: number; // auto by default
 	columns?: Columns;
 	exportable?: boolean; // false by default
-	pageSizes?: number[]; // [5, 10, 15, 20] by default
+	pageSizes?: number[]; // [5, 10, 20, 50, 100] by default
 	defaultPageSize?: number; // 10 by default
 	optionsComponent?: typeof SvelteComponent;
 

From c5b5dc6a133487afa07b8788f7671dc7588d43fa Mon Sep 17 00:00:00 2001
From: Ibrahim Mammadov <zxyctn@gmail.com>
Date: Mon, 2 Sep 2024 14:11:47 +0200
Subject: [PATCH 2/3] Add z-index for filters to render correctly

---
 src/lib/components/Table/TableFilter.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/Table/TableFilter.svelte b/src/lib/components/Table/TableFilter.svelte
index e1d1c689..fedd4fe6 100644
--- a/src/lib/components/Table/TableFilter.svelte
+++ b/src/lib/components/Table/TableFilter.svelte
@@ -244,7 +244,7 @@
 		<Fa icon={faFilter} size="12" />
 	</button>
 
-	<div data-popup={popupId} id={popupId} class="">
+	<div data-popup={popupId} id={popupId} class="z-50">
 		<div class="card p-3 grid gap-2 shadow-lg w-max bg-base-100">
 			<button
 				class="btn variant-filled-primary btn-sm"

From e1b91588523a9f025839e976f804be85a1810eea Mon Sep 17 00:00:00 2001
From: Ibrahim Mammadov <zxyctn@gmail.com>
Date: Mon, 2 Sep 2024 14:17:14 +0200
Subject: [PATCH 3/3] Export Facets

---
 src/lib/index.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/lib/index.ts b/src/lib/index.ts
index 4b7cedba..c9c981ee 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -30,6 +30,9 @@ import TableFilter from './components/Table/TableFilter.svelte';
 import { columnFilter, searchFilter } from './components/Table/filter';
 import type { TableConfig, Columns, Column } from './models/Models';
 
+//Facets
+import Facets from './components/Facets/Facets.svelte';
+
 // CodeEditor
 import CodeEditor from './components/CodeEditor/CodeEditor.svelte';
 
@@ -103,6 +106,9 @@ export {
 // Table
 export { Table, TableFilter, columnFilter, searchFilter };
 
+// Facets
+export { Facets };
+
 // CodeEditor
 export { CodeEditor };