@bexis2/bexis2-core-ui 0.0.22 → 0.0.25

package/dist/css/core.ui.css

@@ -1,2 +1,5 @@
-/*place global styles here */
-html, body { @apply h-full; }
+/*place global styles here */
+html,
+body {
+	@apply h-full;
+}

package/dist/css/themes/theme-bexis2.css

@@ -1,98 +1,96 @@
-:root {
-	/* =~= Theme Properties =~= */
-	--theme-font-family-base: system-ui;
-	--theme-font-family-heading: system-ui;
-	--theme-font-color-base: 0 0 0;
-	--theme-font-color-dark: 255 255 255;
-	--theme-rounded-base: 4px;
-	--theme-rounded-container: 4px;
-	--theme-border-base: 1px;
-	/* =~= Theme On-X Colors =~= */
-	--on-primary: 0 0 0;
-	--on-secondary: 0 0 0;
-	--on-tertiary: 0 0 0;
-	--on-success: 0 0 0;
-	--on-warning: 255 255 255;
-	--on-error: 255 255 255;
-	--on-surface: 0 0 0;
-	/* =~= Theme Colors  =~= */
-	/* primary | #45b2a1 */
-	--color-primary-50: 227 243 241; /* ⬅ #e3f3f1 */
-	--color-primary-100: 218 240 236; /* ⬅ #daf0ec */
-	--color-primary-200: 209 236 232; /* ⬅ #d1ece8 */
-	--color-primary-300: 181 224 217; /* ⬅ #b5e0d9 */
-	--color-primary-400: 125 201 189; /* ⬅ #7dc9bd */
-	--color-primary-500: 69 178 161; /* ⬅ #45b2a1 */
-	--color-primary-600: 62 160 145; /* ⬅ #3ea091 */
-	--color-primary-700: 52 134 121; /* ⬅ #348679 */
-	--color-primary-800: 41 107 97; /* ⬅ #296b61 */
-	--color-primary-900: 34 87 79; /* ⬅ #22574f */
-	/* secondary | #ff9700 */
-	--color-secondary-50: 255 239 217; /* ⬅ #ffefd9 */
-	--color-secondary-100: 255 234 204; /* ⬅ #ffeacc */
-	--color-secondary-200: 255 229 191; /* ⬅ #ffe5bf */
-	--color-secondary-300: 255 213 153; /* ⬅ #ffd599 */
-	--color-secondary-400: 255 182 77; /* ⬅ #ffb64d */
-	--color-secondary-500: 255 151 0; /* ⬅ #ff9700 */
-	--color-secondary-600: 230 136 0; /* ⬅ #e68800 */
-	--color-secondary-700: 191 113 0; /* ⬅ #bf7100 */
-	--color-secondary-800: 153 91 0; /* ⬅ #995b00 */
-	--color-secondary-900: 125 74 0; /* ⬅ #7d4a00 */
-	/* tertiary | #bee1da */
-	--color-tertiary-50: 245 251 249; /* ⬅ #f5fbf9 */
-	--color-tertiary-100: 242 249 248; /* ⬅ #f2f9f8 */
-	--color-tertiary-200: 239 248 246; /* ⬅ #eff8f6 */
-	--color-tertiary-300: 229 243 240; /* ⬅ #e5f3f0 */
-	--color-tertiary-400: 210 234 229; /* ⬅ #d2eae5 */
-	--color-tertiary-500: 190 225 218; /* ⬅ #bee1da */
-	--color-tertiary-600: 171 203 196; /* ⬅ #abcbc4 */
-	--color-tertiary-700: 143 169 164; /* ⬅ #8fa9a4 */
-	--color-tertiary-800: 114 135 131; /* ⬅ #728783 */
-	--color-tertiary-900: 93 110 107; /* ⬅ #5d6e6b */
-	/* success | #4BB543 */
-	--color-success-50: 228 244 227; /* ⬅ #e4f4e3 */
-	--color-success-100: 219 240 217; /* ⬅ #dbf0d9 */
-	--color-success-200: 210 237 208; /* ⬅ #d2edd0 */
-	--color-success-300: 183 225 180; /* ⬅ #b7e1b4 */
-	--color-success-400: 129 203 123; /* ⬅ #81cb7b */
-	--color-success-500: 75 181 67; /* ⬅ #4BB543 */
-	--color-success-600: 68 163 60; /* ⬅ #44a33c */
-	--color-success-700: 56 136 50; /* ⬅ #388832 */
-	--color-success-800: 45 109 40; /* ⬅ #2d6d28 */
-	--color-success-900: 37 89 33; /* ⬅ #255921 */
-	/* warning | #ef4444 */
-	--color-warning-50: 253 227 227; /* ⬅ #fde3e3 */
-	--color-warning-100: 252 218 218; /* ⬅ #fcdada */
-	--color-warning-200: 251 208 208; /* ⬅ #fbd0d0 */
-	--color-warning-300: 249 180 180; /* ⬅ #f9b4b4 */
-	--color-warning-400: 244 124 124; /* ⬅ #f47c7c */
-	--color-warning-500: 239 68 68; /* ⬅ #ef4444 */
-	--color-warning-600: 215 61 61; /* ⬅ #d73d3d */
-	--color-warning-700: 179 51 51; /* ⬅ #b33333 */
-	--color-warning-800: 143 41 41; /* ⬅ #8f2929 */
-	--color-warning-900: 117 33 33; /* ⬅ #752121 */
-	/* error | #FF0000 */
-	--color-error-50: 255 217 217; /* ⬅ #ffd9d9 */
-	--color-error-100: 255 204 204; /* ⬅ #ffcccc */
-	--color-error-200: 255 191 191; /* ⬅ #ffbfbf */
-	--color-error-300: 255 153 153; /* ⬅ #ff9999 */
-	--color-error-400: 255 77 77; /* ⬅ #ff4d4d */
-	--color-error-500: 255 0 0; /* ⬅ #FF0000 */
-	--color-error-600: 230 0 0; /* ⬅ #e60000 */
-	--color-error-700: 191 0 0; /* ⬅ #bf0000 */
-	--color-error-800: 153 0 0; /* ⬅ #990000 */
-	--color-error-900: 125 0 0; /* ⬅ #7d0000 */
-	/* surface | #FFFFFF */
-	--color-surface-50: 255 255 255; /* ⬅ #ffffff */
-	--color-surface-100: 255 255 255; /* ⬅ #ffffff */
-	--color-surface-200: 255 255 255; /* ⬅ #ffffff */
-	--color-surface-300: 255 255 255; /* ⬅ #ffffff */
-	--color-surface-400: 255 255 255; /* ⬅ #ffffff */
-	--color-surface-500: 255 255 255; /* ⬅ #FFFFFF */
-	--color-surface-600: 230 230 230; /* ⬅ #e6e6e6 */
-	--color-surface-700: 191 191 191; /* ⬅ #bfbfbf */
-    /* dark mode surface | #1f2937 */
-	--color-surface-800: 19 25 33; /* ⬅ #131921 */
-	--color-surface-900: 15 20 27; /* ⬅ #0f141b */
-	
-}
+:root {
+	/* =~= Theme Properties =~= */
+	--theme-font-family-base: system-ui;
+	--theme-font-family-heading: system-ui;
+	--theme-font-color-base: var(--color-surface-900);
+	--theme-font-color-dark: 255 255 255;
+	--theme-rounded-base: 4px;
+	--theme-rounded-container: 4px;
+	--theme-border-base: 1px;
+	/* =~= Theme On-X Colors =~= */
+	--on-primary: 0 0 0;
+	--on-secondary: 0 0 0;
+	--on-tertiary: 0 0 0;
+	--on-success: 0 0 0;
+	--on-warning: 255 255 255;
+	--on-error: 255 255 255;
+	--on-surface: 0 0 0;
+	/* =~= Theme Colors  =~= */
+	/* primary | #45b2a1 */
+	--color-primary-50: 227 243 241; /* ⬅ #e3f3f1 */
+	--color-primary-100: 218 240 236; /* ⬅ #daf0ec */
+	--color-primary-200: 209 236 232; /* ⬅ #d1ece8 */
+	--color-primary-300: 181 224 217; /* ⬅ #b5e0d9 */
+	--color-primary-400: 125 201 189; /* ⬅ #7dc9bd */
+	--color-primary-500: 69 178 161; /* ⬅ #45b2a1 */
+	--color-primary-600: 62 160 145; /* ⬅ #3ea091 */
+	--color-primary-700: 52 134 121; /* ⬅ #348679 */
+	--color-primary-800: 41 107 97; /* ⬅ #296b61 */
+	--color-primary-900: 34 87 79; /* ⬅ #22574f */
+	/* secondary | #ff9700 */
+	--color-secondary-50: 255 239 217; /* ⬅ #ffefd9 */
+	--color-secondary-100: 255 234 204; /* ⬅ #ffeacc */
+	--color-secondary-200: 255 229 191; /* ⬅ #ffe5bf */
+	--color-secondary-300: 255 213 153; /* ⬅ #ffd599 */
+	--color-secondary-400: 255 182 77; /* ⬅ #ffb64d */
+	--color-secondary-500: 255 151 0; /* ⬅ #ff9700 */
+	--color-secondary-600: 230 136 0; /* ⬅ #e68800 */
+	--color-secondary-700: 191 113 0; /* ⬅ #bf7100 */
+	--color-secondary-800: 153 91 0; /* ⬅ #995b00 */
+	--color-secondary-900: 125 74 0; /* ⬅ #7d4a00 */
+	/* tertiary | #bee1da */
+	--color-tertiary-50: 245 251 249; /* ⬅ #f5fbf9 */
+	--color-tertiary-100: 242 249 248; /* ⬅ #f2f9f8 */
+	--color-tertiary-200: 239 248 246; /* ⬅ #eff8f6 */
+	--color-tertiary-300: 229 243 240; /* ⬅ #e5f3f0 */
+	--color-tertiary-400: 210 234 229; /* ⬅ #d2eae5 */
+	--color-tertiary-500: 190 225 218; /* ⬅ #bee1da */
+	--color-tertiary-600: 171 203 196; /* ⬅ #abcbc4 */
+	--color-tertiary-700: 143 169 164; /* ⬅ #8fa9a4 */
+	--color-tertiary-800: 114 135 131; /* ⬅ #728783 */
+	--color-tertiary-900: 93 110 107; /* ⬅ #5d6e6b */
+	/* success | #4BB543 */
+	--color-success-50: 228 244 227; /* ⬅ #e4f4e3 */
+	--color-success-100: 219 240 217; /* ⬅ #dbf0d9 */
+	--color-success-200: 210 237 208; /* ⬅ #d2edd0 */
+	--color-success-300: 183 225 180; /* ⬅ #b7e1b4 */
+	--color-success-400: 129 203 123; /* ⬅ #81cb7b */
+	--color-success-500: 75 181 67; /* ⬅ #4BB543 */
+	--color-success-600: 68 163 60; /* ⬅ #44a33c */
+	--color-success-700: 56 136 50; /* ⬅ #388832 */
+	--color-success-800: 45 109 40; /* ⬅ #2d6d28 */
+	--color-success-900: 37 89 33; /* ⬅ #255921 */
+	/* warning | #ef4444 */
+	--color-warning-50: 253 227 227; /* ⬅ #fde3e3 */
+	--color-warning-100: 252 218 218; /* ⬅ #fcdada */
+	--color-warning-200: 251 208 208; /* ⬅ #fbd0d0 */
+	--color-warning-300: 249 180 180; /* ⬅ #f9b4b4 */
+	--color-warning-400: 244 124 124; /* ⬅ #f47c7c */
+	--color-warning-500: 239 68 68; /* ⬅ #ef4444 */
+	--color-warning-600: 215 61 61; /* ⬅ #d73d3d */
+	--color-warning-700: 179 51 51; /* ⬅ #b33333 */
+	--color-warning-800: 143 41 41; /* ⬅ #8f2929 */
+	--color-warning-900: 117 33 33; /* ⬅ #752121 */
+	/* error | #FF0000 */
+	--color-error-50: 255 217 217; /* ⬅ #ffd9d9 */
+	--color-error-100: 255 204 204; /* ⬅ #ffcccc */
+	--color-error-200: 255 191 191; /* ⬅ #ffbfbf */
+	--color-error-300: 255 153 153; /* ⬅ #ff9999 */
+	--color-error-400: 255 77 77; /* ⬅ #ff4d4d */
+	--color-error-500: 255 0 0; /* ⬅ #FF0000 */
+	--color-error-600: 230 0 0; /* ⬅ #e60000 */
+	--color-error-700: 191 0 0; /* ⬅ #bf0000 */
+	--color-error-800: 153 0 0; /* ⬅ #990000 */
+	--color-error-900: 125 0 0; /* ⬅ #7d0000 */
+	/* surface | #dddddd */
+	--color-surface-50: 250 250 250; /* ⬅ #fafafa */
+	--color-surface-100: 248 248 248; /* ⬅ #f8f8f8 */
+	--color-surface-200: 247 247 247; /* ⬅ #f7f7f7 */
+	--color-surface-300: 241 241 241; /* ⬅ #f1f1f1 */
+	--color-surface-400: 231 231 231; /* ⬅ #e7e7e7 */
+	--color-surface-500: 221 221 221; /* ⬅ #dddddd */
+	--color-surface-600: 199 199 199; /* ⬅ #c7c7c7 */
+	--color-surface-700: 166 166 166; /* ⬅ #a6a6a6 */
+	--color-surface-800: 133 133 133; /* ⬅ #858585 */
+	--color-surface-900: 108 108 108; /* ⬅ #6c6c6c */
+}

package/dist/css/themes/theme-crimson.css

@@ -3,8 +3,9 @@
 
 :root {
 	/* =~= Theme Styles =~= */
-	--theme-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-		'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+	--theme-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+		'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+		'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 	--theme-font-family-heading: system-ui;
 	--theme-font-color-base: var(--color-surface-900);
 	--theme-font-color-dark: var(--color-surface-50);

package/dist/css/themes/theme-hamlindigo.css

@@ -5,8 +5,9 @@
 
 :root {
 	/* =~= Hamlindigo Theme | Custom =~= */
-	--theme-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-		'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+	--theme-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+		'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+		'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 	--theme-font-family-heading: 'Playfair Display', serif;
 	--theme-font-color-base: 0 0 0;
 	--theme-font-color-dark: 255 255 255;

package/dist/css/themes/theme-seafoam.css

@@ -3,8 +3,9 @@
 
 :root {
 	/* =~= Theme Styles =~= */
-	--theme-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-		'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+	--theme-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+		'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+		'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 	--theme-font-family-heading: 'Playfair Display', serif;
 	--theme-font-color-base: var(--color-surface-900);
 	--theme-font-color-dark: var(--color-secondary-100);

package/dist/index.d.ts

@@ -1,10 +1,21 @@
 import ListView from './components/ListView.svelte';
 import TableView from './TableView.svelte';
-import FileIcon from './components/File/FileIcon.svelte';
-import FileInfo from './components/File/FileInfo.svelte';
-import FileUploader from './components/File/FileUploader.svelte';
-import Spinner from './components/Spinner/Spinner.svelte';
-export { ListView, TableView, FileInfo, FileIcon, FileUploader, Spinner };
+import FileIcon from './components/file/FileIcon.svelte';
+import FileInfo from './components/file/FileInfo.svelte';
+import FileUploader from './components/file/FileUploader.svelte';
+import Spinner from './components/spinner/Spinner.svelte';
+import Checkbox from './components/form/Checkbox.svelte';
+import CheckboxKVPList from './components/form/CheckboxKvPList.svelte';
+import CheckboxList from './components/form/CheckboxList.svelte';
+import DateInput from './components/form/DateInput.svelte';
+import DropdownKVP from './components/form/DropdownKvP.svelte';
+import MultiSelect from './components/form/MultiSelect.svelte';
+import NumberInput from './components/form/NumberInput.svelte';
+import TextInput from './components/form/TextInput.svelte';
+import TextArea from './components/form/TextArea.svelte';
+export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DropdownKVP, MultiSelect, NumberInput, TextArea, TextInput };
+export { FileInfo, FileIcon, FileUploader };
+export { ListView, TableView, Spinner };
 export { Api } from './services/Api.js';
 export { host, username, password, setApiConfig } from './stores/apistore.js';
 export type { user, FileUploaderModel } from './models/Models.js';

package/dist/index.js

@@ -1,10 +1,25 @@
 // Reexport your entry components here
 import ListView from './components/ListView.svelte';
 import TableView from './TableView.svelte';
-import FileIcon from './components/File/FileIcon.svelte';
-import FileInfo from './components/File/FileInfo.svelte';
-import FileUploader from './components/File/FileUploader.svelte';
-import Spinner from './components/Spinner/Spinner.svelte';
-export { ListView, TableView, FileInfo, FileIcon, FileUploader, Spinner };
+import FileIcon from './components/file/FileIcon.svelte';
+import FileInfo from './components/file/FileInfo.svelte';
+import FileUploader from './components/file/FileUploader.svelte';
+import Spinner from './components/spinner/Spinner.svelte';
+import Checkbox from './components/form/Checkbox.svelte';
+import CheckboxKVPList from './components/form/CheckboxKvPList.svelte';
+import CheckboxList from './components/form/CheckboxList.svelte';
+import DateInput from './components/form/DateInput.svelte';
+import DropdownKVP from './components/form/DropdownKvP.svelte';
+import MultiSelect from './components/form/MultiSelect.svelte';
+import NumberInput from './components/form/NumberInput.svelte';
+import TextInput from './components/form/TextInput.svelte';
+import TextArea from './components/form/TextArea.svelte';
+//Form
+export { Checkbox, CheckboxKVPList, CheckboxList, DateInput, DropdownKVP, MultiSelect, NumberInput, TextArea, TextInput };
+//File
+export { FileInfo, FileIcon, FileUploader };
+//others
+export { ListView, TableView, Spinner };
+//Api
 export { Api } from './services/Api.js';
 export { host, username, password, setApiConfig } from './stores/apistore.js';

package/dist/models/Models.d.ts

@@ -1,3 +1,14 @@
+import type { SvelteComponent } from 'svelte';
+import type { ColumnFilterFn } from 'svelte-headless-table/lib/plugins';
+import type { Writable } from 'svelte/store';
+export interface Input {
+    id: string;
+    label: string;
+    feedback: string[];
+    invalid: boolean;
+    valid: boolean;
+    required: boolean;
+}
 export interface FileInfo {
     name: string;
     type: string;
@@ -29,3 +40,20 @@ export interface FileObj {
     type: string;
     webkitRelativePath: string;
 }
+export interface Column {
+    header?: string;
+    exclude?: boolean;
+    colFilterFn?: ColumnFilterFn;
+    colFilterComponent?: typeof SvelteComponent;
+}
+export interface Columns {
+    [key: string]: Column;
+}
+export interface TableConfig<T> {
+    id: string;
+    data: Writable<T[]>;
+    columns?: Columns;
+    pageSizes?: number[];
+    defaultPageSize?: number;
+    optionsComponent?: typeof SvelteComponent;
+}

package/dist/services/Api.js

@@ -1,7 +1,7 @@
 // Api.js
-import axios from "axios";
-import { host, username, password } from "../stores/apistore";
-console.log("setup axios");
+import axios from 'axios';
+import { host, username, password } from '../stores/apistore';
+console.log('setup axios');
 // implement a method to execute all the request from here.
 const apiRequest = (method, url, request) => {
     // Create a instance of axios to use the same base url.
@@ -9,7 +9,7 @@ const apiRequest = (method, url, request) => {
         baseURL: host
     });
     const headers = {
-        authorization: 'Basic ' + btoa(username + ":" + password)
+        authorization: 'Basic ' + btoa(username + ':' + password)
     };
     //using the axios instance to perform the request that received from each http method
     return axiosAPI({
@@ -17,23 +17,24 @@ const apiRequest = (method, url, request) => {
         url,
         data: request,
         headers
-    }).then(res => {
+    })
+        .then((res) => {
         return Promise.resolve(res);
     })
-        .catch(err => {
+        .catch((err) => {
         return Promise.reject(err);
     });
 };
 // function to execute the http get request
-const get = (url, request = "") => apiRequest("get", url, request);
+const get = (url, request = '') => apiRequest('get', url, request);
 // function to execute the http delete request
-const deleteRequest = (url, request) => apiRequest("delete", url, request);
+const deleteRequest = (url, request) => apiRequest('delete', url, request);
 // function to execute the http post request
-const post = (url, request) => apiRequest("post", url, request);
+const post = (url, request) => apiRequest('post', url, request);
 // function to execute the http put request
-const put = (url, request) => apiRequest("put", url, request);
+const put = (url, request) => apiRequest('put', url, request);
 // function to execute the http path request
-const patch = (url, request) => apiRequest("patch", url, request);
+const patch = (url, request) => apiRequest('patch', url, request);
 // expose your method to other services or actions
 export const Api = {
     get,

package/dist/stores/apistore.js

@@ -1,22 +1,22 @@
 import { writable } from 'svelte/store';
-export let host = "window.location.origin";
-export let username = "";
-export let password = "";
-const hostStore = writable(""); //writable(window.location.origin);
-const usernameStore = writable("");
-const passwordStore = writable("");
-hostStore.subscribe(value => {
+export let host = 'window.location.origin';
+export let username = '';
+export let password = '';
+const hostStore = writable(''); //writable(window.location.origin);
+const usernameStore = writable('');
+const passwordStore = writable('');
+hostStore.subscribe((value) => {
     host = value;
 });
-usernameStore.subscribe(value => {
+usernameStore.subscribe((value) => {
     username = value;
 });
-passwordStore.subscribe(value => {
+passwordStore.subscribe((value) => {
     password = value;
 });
 export function setApiConfig(_host, _user, _pw) {
-    console.log("overwrite settings");
-    hostStore.update(h => h = _host);
-    usernameStore.update(u => u = _user);
-    passwordStore.update(p => p = _pw);
+    console.log('overwrite settings');
+    hostStore.update((h) => (h = _host));
+    usernameStore.update((u) => (u = _user));
+    passwordStore.update((p) => (p = _pw));
 }

package/package.json

@@ -1,87 +1,103 @@
 {
-  "name": "@bexis2/bexis2-core-ui",
-  "version": "0.0.22",
-  "private": false,
-  "scripts": {
-    "dev": "vite dev",
-    "package": "svelte-package",
-    "build": "vite build",
-    "build package": "svelte-kit sync && svelte-package --watch",
-    "preview": "vite preview",
-    "test": "playwright test",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "test:unit": "vitest",
-    "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write .",
-    "init": "npm init --scope bexis2",
-    "link": "npm link",
-    "publish": "npm publish --access public"
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.28.1",
-    "@skeletonlabs/skeleton": "^1.2.5",
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/adapter-static": "^2.0.2",
-    "@sveltejs/kit": "^1.5.0",
-    "@sveltejs/package": "^2.0.2",
-    "svelte-fa": "^3.0.3",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
-    "autoprefixer": "^10.4.14",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-svelte3": "^4.0.0",
-    "postcss": "^8.4.23",
-    "prettier": "^2.8.0",
-    "prettier-plugin-svelte": "^2.8.1",
-    "svelte": "^3.54.0",
-    "svelte-check": "^3.0.1",
-    "tailwindcss": "^3.3.2",
-    "tslib": "^2.4.1",
-    "typescript": "^5.0.0",
-    "vite": "^4.3.0",
-    "vitest": "^0.25.3"
-  },
-  "type": "module",
-  "module": "./src/lib/index.ts",
-  "types": "./src/lib/index.d.ts",
-  "description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
-  "main": "./src/lib/index.d.ts",
-  "directories": {
-    "test": "tests"
-  },
-  "files": [
-    "dist",
-    "src/lib"
-  ],
-  "dependencies": {
-    "@fortawesome/fontawesome-free": "^6.2.1",
-    "@fortawesome/fontawesome-svg-core": "^6.2.1",
-    "@fortawesome/free-regular-svg-icons": "^6.2.1",
-    "@fortawesome/free-solid-svg-icons": "^6.2.1",
-    "axios": "^1.2.1",
-    "svelte": "^3.54.0",
-    "svelte-file-dropzone": "^2.0.1"
-  },
-  "author": "David Schöne",
-  "license": "ISC",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/BEXIS2/bexis2-core-ui.git"
-  },
-  "bugs": {
-    "url": "https://github.com/BEXIS2/bexis2-core-ui/issues"
-  },
-  "homepage": "https://github.com/BEXIS2/bexis2-core-ui#readme",
-  "keywords": [
-    "bexis2",
-    "libary"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
-    }
-  }
+	"name": "@bexis2/bexis2-core-ui",
+	"version": "0.0.25",
+	"private": false,
+	"scripts": {
+		"dev": "vite dev --host",
+		"package": "svelte-package --watch",
+		"build": "vite build",
+		"build package": "svelte-kit sync && svelte-package --watch",
+		"preview": "vite preview",
+		"test": "playwright test",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"test:unit": "vitest",
+		"lint": "prettier --plugin-search-dir . --check . && eslint .",
+		"format": "prettier --plugin-search-dir . --write .",
+		"init": "npm init --scope bexis2",
+		"link": "npm link",
+		"publish": "npm publish --access public",
+		"install bexis2-core-ui localy": "npm install ../bexis2-core-ui"
+	},
+	"devDependencies": {
+		"@bexis2/bexis2-core-ui": "file:../bexis2-core-ui/dist",
+		"@playwright/test": "^1.28.1",
+		"@skeletonlabs/skeleton": "^1.2.5",
+		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/adapter-static": "^2.0.2",
+		"@sveltejs/kit": "^1.5.0",
+		"@sveltejs/package": "^2.0.2",
+		"@tailwindcss/forms": "^0.5.3",
+		"@tailwindcss/line-clamp": "^0.4.2",
+		"@tailwindcss/typography": "^0.5.9",
+		"@typescript-eslint/eslint-plugin": "^5.45.0",
+		"@typescript-eslint/parser": "^5.45.0",
+		"autoprefixer": "^10.4.14",
+		"eslint": "^8.28.0",
+		"eslint-config-prettier": "^8.5.0",
+		"eslint-plugin-svelte3": "^4.0.0",
+		"postcss": "^8.4.23",
+		"prettier": "^2.8.0",
+		"prettier-plugin-svelte": "^2.8.1",
+		"raw-loader": "^4.0.2",
+		"svelte": "^3.54.0",
+		"svelte-check": "^3.0.1",
+		"svelte-fa": "^3.0.3",
+		"svelte-headless-table": "^0.17.3",
+		"tailwindcss": "^3.3.2",
+		"tslib": "^2.4.1",
+		"typescript": "^5.0.0",
+		"vite": "^4.3.0",
+		"vitest": "^0.25.3"
+	},
+	"type": "module",
+	"module": "./src/lib/index.ts",
+	"types": "./src/lib/index.d.ts",
+	"description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
+	"main": "./src/lib/index.d.ts",
+	"directories": {
+		"test": "tests"
+	},
+	"files": [
+		"dist",
+		"src/lib"
+	],
+	"dependencies": {
+		"@floating-ui/dom": "^1.2.7",
+		"@fortawesome/fontawesome-free": "^6.2.1",
+		"@fortawesome/fontawesome-svg-core": "^6.2.1",
+		"@fortawesome/free-regular-svg-icons": "^6.2.1",
+		"@fortawesome/free-solid-svg-icons": "^6.2.1",
+		"axios": "^1.2.1",
+		"highlight.js": "^11.8.0",
+		"highlightjs-svelte": "^1.0.6",
+		"svelte": "^3.54.0",
+		"svelte-file-dropzone": "^2.0.1",
+		"svelte-select": "^5.6.0",
+		"vest": "^4.6.11"
+	},
+	"author": "David Schöne",
+	"license": "ISC",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/BEXIS2/bexis2-core-ui.git"
+	},
+	"bugs": {
+		"url": "https://github.com/BEXIS2/bexis2-core-ui/issues"
+	},
+	"homepage": "https://github.com/BEXIS2/bexis2-core-ui#readme",
+	"keywords": [
+		"bexis2",
+		"libary"
+	],
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		},
+		"./dist/index.css": {
+			"import": "./dist/index.css",
+			"require": "./dist/index.css"
+		}
+	}
 }

package/src/lib/TableView.svelte

@@ -1 +1 @@
-<h1>table</h1>
+<h1>table</h1>