@bexis2/bexis2-core-ui 0.0.23 → 0.0.26

package/dist/components/form/NumberInput.svelte

@@ -2,21 +2,20 @@
 export let id = "";
 export let label = "";
 export let value = "";
-export let valid;
-export let invalid;
-export let required;
-export let feedback;
-</script>
- 
- <InputContainer {label} {feedback} {required}>
-   <input
-   {id}
-   class="input variant-form-material" 
-   type="number"
-   class:input-success="{valid}" 
-   class:input-error="{invalid}" 
-   bind:value={value} 
-   on:input
-   />
- </InputContainer>
- 
+export let valid = false;
+export let invalid = false;
+export let required = false;
+export let feedback = [""];
+</script>
+
+<InputContainer {label} {feedback} {required}>
+	<input
+		{id}
+		class="input variant-form-material"
+		type="number"
+		class:input-success={valid}
+		class:input-error={invalid}
+		bind:value
+		on:input
+	/>
+</InputContainer>

package/dist/components/form/NumberInput.svelte.d.ts

@@ -4,10 +4,10 @@ declare const __propDef: {
         id?: string | undefined;
         label?: string | undefined;
         value?: string | undefined;
-        valid: boolean;
-        invalid: boolean;
-        required: boolean;
-        feedback: [];
+        valid?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
+        feedback?: string[] | undefined;
     };
     events: {
         input: Event;

package/dist/components/form/TextArea.svelte

@@ -2,21 +2,19 @@
 export let id = "";
 export let label = "";
 export let value = "";
-export let type = "";
-export let valid;
-export let invalid;
-export let required;
-export let feedback;
-</script>
-
-<InputContainer {label} {feedback} {required}>
-	<textarea
-  {id}
-  class="textarea variant-form-material" 
-  class:input-success="{valid}" 
-  class:input-error="{invalid}" 
-  bind:value={value} 
-  on:input/>
-</InputContainer>
-
-
+export let valid = false;
+export let invalid = false;
+export let required = false;
+export let feedback = [""];
+</script>
+
+<InputContainer {label} {feedback} {required}>
+	<textarea
+		{id}
+		class="textarea variant-form-material"
+		class:input-success={valid}
+		class:input-error={invalid}
+		bind:value
+		on:input
+	/>
+</InputContainer>

package/dist/components/form/TextArea.svelte.d.ts

@@ -4,11 +4,10 @@ declare const __propDef: {
         id?: string | undefined;
         label?: string | undefined;
         value?: string | undefined;
-        type?: string | undefined;
-        valid: boolean;
-        invalid: boolean;
-        required: boolean;
-        feedback: [];
+        valid?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
+        feedback?: string[] | undefined;
     };
     events: {
         input: Event;

package/dist/components/form/TextInput.svelte

@@ -2,24 +2,20 @@
 export let id = "";
 export let label = "";
 export let value = "";
-export let valid;
-export let invalid;
-export let required;
-export let feedback;
-</script>
-
-<InputContainer {label} {feedback} {required}>
-  <input
-  {id}
-  class="input variant-form-material" 
-  type="text"
-  class:input-success="{valid}" 
-  class:input-error="{invalid}" 
-  bind:value={value} 
-  on:input
-  />
-</InputContainer>
-
-
-
-
+export let valid = false;
+export let invalid = false;
+export let required = false;
+export let feedback = [""];
+</script>
+
+<InputContainer {label} {feedback} {required}>
+	<input
+		{id}
+		class="input variant-form-material"
+		type="text"
+		class:input-success={valid}
+		class:input-error={invalid}
+		bind:value
+		on:input
+	/>
+</InputContainer>

package/dist/components/form/TextInput.svelte.d.ts

@@ -4,10 +4,10 @@ declare const __propDef: {
         id?: string | undefined;
         label?: string | undefined;
         value?: string | undefined;
-        valid: boolean;
-        invalid: boolean;
-        required: boolean;
-        feedback: [];
+        valid?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
+        feedback?: string[] | undefined;
     };
     events: {
         input: Event;

package/dist/components/spinner/Spinner.svelte

@@ -1,8 +1,9 @@
-<div
-  class="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] text-secundary-500"
-  role="status">
-  <span
-    class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]"
-    >Loading...</span
-  >
-</div>
+<div
+	class="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] text-secundary-500"
+	role="status"
+>
+	<span
+		class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]"
+		>Loading...</span
+	>
+</div>

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,100 +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 | #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 */
-    /* 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/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,10 +1,10 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.0.23",
+  "version": "0.0.26",
   "private": false,
   "scripts": {
-    "dev": "vite dev",
-    "package": "svelte-package",
+    "dev": "vite dev --host",
+    "package": "svelte-package --watch",
     "build": "vite build",
     "build package": "svelte-kit sync && svelte-package --watch",
     "preview": "vite preview",
@@ -25,6 +25,9 @@
     "@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",
@@ -34,9 +37,11 @@
     "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",
@@ -56,14 +61,18 @@
     "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"
+    "svelte-select": "^5.6.0",
+    "vest": "^4.6.11"
   },
   "author": "David Schöne",
   "license": "ISC",
@@ -83,6 +92,10 @@
     ".": {
       "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>