@bexis2/bexis2-core-ui 0.3.14 → 0.4.0

package/dist/components/page/Spinner.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import { positionType } from '../../models/Enums';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type SpinnerProps = typeof __propDef.props;
 export type SpinnerEvents = typeof __propDef.events;
 export type SpinnerSlots = typeof __propDef.slots;
-export default class Spinner extends SvelteComponentTyped<SpinnerProps, SpinnerEvents, SpinnerSlots> {
+export default class Spinner extends SvelteComponent<SpinnerProps, SpinnerEvents, SpinnerSlots> {
 }
 export {};

package/dist/components/page/TablePlaceholder.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         cols?: number | undefined;
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type TablePlaceholderProps = typeof __propDef.props;
 export type TablePlaceholderEvents = typeof __propDef.events;
 export type TablePlaceholderSlots = typeof __propDef.slots;
-export default class TablePlaceholder extends SvelteComponentTyped<TablePlaceholderProps, TablePlaceholderEvents, TablePlaceholderSlots> {
+export default class TablePlaceholder extends SvelteComponent<TablePlaceholderProps, TablePlaceholderEvents, TablePlaceholderSlots> {
 }
 export {};

package/dist/components/page/breadcrumb/Breadcrumb.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         title: any;
@@ -11,6 +11,6 @@ declare const __propDef: {
 export type BreadcrumbProps = typeof __propDef.props;
 export type BreadcrumbEvents = typeof __propDef.events;
 export type BreadcrumbSlots = typeof __propDef.slots;
-export default class Breadcrumb extends SvelteComponentTyped<BreadcrumbProps, BreadcrumbEvents, BreadcrumbSlots> {
+export default class Breadcrumb extends SvelteComponent<BreadcrumbProps, BreadcrumbEvents, BreadcrumbSlots> {
 }
 export {};

package/dist/components/page/menu/Menu.svelte

@@ -3,7 +3,7 @@ import { getMenuItems } from "./MenuDataCaller";
 import { menuStore } from "../../../stores/pageStores";
 import MenuBar from "./MenuBar.svelte";
 import SettingsBar from "./SettingsBar.svelte";
-import Fa from "svelte-fa/src/fa.svelte";
+import Fa from "svelte-fa";
 import { faBars } from "@fortawesome/free-solid-svg-icons";
 import { Accordion } from "@skeletonlabs/skeleton";
 onMount(async () => {

package/dist/components/page/menu/Menu.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -9,6 +9,6 @@ declare const __propDef: {
 export type MenuProps = typeof __propDef.props;
 export type MenuEvents = typeof __propDef.events;
 export type MenuSlots = typeof __propDef.slots;
-export default class Menu extends SvelteComponentTyped<MenuProps, MenuEvents, MenuSlots> {
+export default class Menu extends SvelteComponent<MenuProps, MenuEvents, MenuSlots> {
 }
 export {};

package/dist/components/page/menu/MenuBar.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { MenuItem } from './menu';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type MenuBarProps = typeof __propDef.props;
 export type MenuBarEvents = typeof __propDef.events;
 export type MenuBarSlots = typeof __propDef.slots;
-export default class MenuBar extends SvelteComponentTyped<MenuBarProps, MenuBarEvents, MenuBarSlots> {
+export default class MenuBar extends SvelteComponent<MenuBarProps, MenuBarEvents, MenuBarSlots> {
 }
 export {};

package/dist/components/page/menu/MenuItem.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { menuItemType } from '../../../models/Page';
 declare const __propDef: {
     props: {
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type MenuItemProps = typeof __propDef.props;
 export type MenuItemEvents = typeof __propDef.events;
 export type MenuItemSlots = typeof __propDef.slots;
-export default class MenuItem extends SvelteComponentTyped<MenuItemProps, MenuItemEvents, MenuItemSlots> {
+export default class MenuItem extends SvelteComponent<MenuItemProps, MenuItemEvents, MenuItemSlots> {
 }
 export {};

package/dist/components/page/menu/MenuSublist.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { menuItemType } from '../../../models/Page';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type MenuSublistProps = typeof __propDef.props;
 export type MenuSublistEvents = typeof __propDef.events;
 export type MenuSublistSlots = typeof __propDef.slots;
-export default class MenuSublist extends SvelteComponentTyped<MenuSublistProps, MenuSublistEvents, MenuSublistSlots> {
+export default class MenuSublist extends SvelteComponent<MenuSublistProps, MenuSublistEvents, MenuSublistSlots> {
 }
 export {};

package/dist/components/page/menu/SettingsBar.svelte

@@ -1,6 +1,6 @@
 <script>import { popup } from "@skeletonlabs/skeleton";
 import { AccordionItem } from "@skeletonlabs/skeleton";
-import Fa from "svelte-fa/src/fa.svelte";
+import Fa from "svelte-fa";
 import { faCog } from "@fortawesome/free-solid-svg-icons";
 export let menuBar;
 import MenuSublist from "./MenuSublist.svelte";

package/dist/components/page/menu/SettingsBar.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { menuItemType } from '../../../models/Page';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type SettingsBarProps = typeof __propDef.props;
 export type SettingsBarEvents = typeof __propDef.events;
 export type SettingsBarSlots = typeof __propDef.slots;
-export default class SettingsBar extends SvelteComponentTyped<SettingsBarProps, SettingsBarEvents, SettingsBarSlots> {
+export default class SettingsBar extends SvelteComponent<SettingsBarProps, SettingsBarEvents, SettingsBarSlots> {
 }
 export {};

package/dist/components/toggle/Toggle.svelte

@@ -1,4 +1,4 @@
-<script>import Fa from "svelte-fa/src/fa.svelte";
+<script>import Fa from "svelte-fa";
 import { faPen } from "@fortawesome/free-solid-svg-icons";
 import { faTrash } from "@fortawesome/free-solid-svg-icons";
 export let title = "Toggle light or dark mode.";

package/dist/components/toggle/Toggle.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -25,6 +25,6 @@ declare const __propDef: {
 export type ToggleProps = typeof __propDef.props;
 export type ToggleEvents = typeof __propDef.events;
 export type ToggleSlots = typeof __propDef.slots;
-export default class Toggle extends SvelteComponentTyped<ToggleProps, ToggleEvents, ToggleSlots> {
+export default class Toggle extends SvelteComponent<ToggleProps, ToggleEvents, ToggleSlots> {
 }
 export {};

package/dist/models/Enums.d.ts

@@ -32,20 +32,20 @@ export declare enum notificationType {
     surface = 3
 }
 export declare enum FilterOptionsEnum {
-    'e' = "e",
-    'ne' = "ne",
-    'gt' = "gt",
-    'lt' = "lt",
-    'gte' = "gte",
-    'lte' = "lte",
-    'c' = "c",
-    'nc' = "nc",
-    'sw' = "sw",
-    'ew' = "ew",
-    'o' = "o",
-    'sf' = "sf",
-    'a' = "a",
-    'u' = "u",
-    'b' = "b",
+    'e' = "e",// Equal to
+    'ne' = "ne",// Not equal to
+    'gt' = "gt",// Greater than
+    'lt' = "lt",// Less than
+    'gte' = "gte",// Greater than or equal to
+    'lte' = "lte",// Less than or equal to
+    'c' = "c",// Contains
+    'nc' = "nc",// Does not contain
+    'sw' = "sw",// Starts with
+    'ew' = "ew",// Ends with,
+    'o' = "o",// On (date)
+    'sf' = "sf",// Starting from (date)
+    'a' = "a",// After (date)
+    'u' = "u",// Until (date)
+    'b' = "b",// Before (date)
     'no' = "no"
 }

package/dist/stores/pageStores.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="svelte" />
 import type { helpItemType, helpStoreType, notificationItemType, notificationStoreType } from '../models/Models';
 import type { MenuModel, breadcrumbItemType } from '../models/Page';
 import { BreadcrumbModel } from '../models/Page';
 export declare const helpStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<helpStoreType>, invalidate?: ((value?: helpStoreType | undefined) => void) | undefined) => import("svelte/store").Unsubscriber;
+    subscribe: (this: void, run: import("svelte/store").Subscriber<helpStoreType>, invalidate?: import("svelte/store").Invalidator<helpStoreType> | undefined) => import("svelte/store").Unsubscriber;
     set: (this: void, value: helpStoreType) => void;
     update: (this: void, updater: import("svelte/store").Updater<helpStoreType>) => void;
     setHelpItemList: (helpItems: helpItemType[]) => void;
@@ -17,7 +18,7 @@ export declare const helpStore: {
 };
 export declare const menuStore: import("svelte/store").Writable<MenuModel>;
 export declare const breadcrumbStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<BreadcrumbModel>, invalidate?: ((value?: BreadcrumbModel | undefined) => void) | undefined) => import("svelte/store").Unsubscriber;
+    subscribe: (this: void, run: import("svelte/store").Subscriber<BreadcrumbModel>, invalidate?: import("svelte/store").Invalidator<BreadcrumbModel> | undefined) => import("svelte/store").Unsubscriber;
     set: (this: void, value: BreadcrumbModel) => void;
     update: (this: void, updater: import("svelte/store").Updater<BreadcrumbModel>) => void;
     addItem: (item: breadcrumbItemType) => void;
@@ -25,7 +26,7 @@ export declare const breadcrumbStore: {
     clean: () => void;
 };
 export declare const notificationStore: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<notificationStoreType>, invalidate?: ((value?: notificationStoreType | undefined) => void) | undefined) => import("svelte/store").Unsubscriber;
+    subscribe: (this: void, run: import("svelte/store").Subscriber<notificationStoreType>, invalidate?: import("svelte/store").Invalidator<notificationStoreType> | undefined) => import("svelte/store").Unsubscriber;
     set: (this: void, value: notificationStoreType) => void;
     update: (this: void, updater: import("svelte/store").Updater<notificationStoreType>) => void;
     setNotification: (notificationItem: notificationItemType) => void;

package/dist/themes/theme-bexis2.js

@@ -19,94 +19,94 @@ export const bexis2theme = {
         '--on-surface': '255 255 255',
         // =~= Theme Colors  =~=
         // primary | #45b2a1
-        '--color-primary-50': '227 243 241',
-        '--color-primary-100': '218 240 236',
-        '--color-primary-200': '209 236 232',
-        '--color-primary-300': '181 224 217',
-        '--color-primary-400': '125 201 189',
-        '--color-primary-500': '69 178 161',
-        '--color-primary-600': '62 160 145',
-        '--color-primary-700': '52 134 121',
-        '--color-primary-800': '41 107 97',
-        '--color-primary-900': '34 87 79',
+        '--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',
-        '--color-secondary-100': '255 234 204',
-        '--color-secondary-200': '255 229 191',
-        '--color-secondary-300': '255 213 153',
-        '--color-secondary-400': '255 182 77',
-        '--color-secondary-500': '255 151 0',
-        '--color-secondary-600': '230 136 0',
-        '--color-secondary-700': '191 113 0',
-        '--color-secondary-800': '153 91 0',
-        '--color-secondary-900': '125 74 0',
+        '--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',
-        '--color-tertiary-100': '242 249 248',
-        '--color-tertiary-200': '239 248 246',
-        '--color-tertiary-300': '229 243 240',
-        '--color-tertiary-400': '210 234 229',
-        '--color-tertiary-500': '190 225 218',
-        '--color-tertiary-600': '171 203 196',
-        '--color-tertiary-700': '143 169 164',
-        '--color-tertiary-800': '114 135 131',
-        '--color-tertiary-900': '93 110 107',
+        '--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',
-        '--color-success-100': '219 240 217',
-        '--color-success-200': '210 237 208',
-        '--color-success-300': '183 225 180',
-        '--color-success-400': '129 203 123',
-        '--color-success-500': '75 181 67',
-        '--color-success-600': '68 163 60',
-        '--color-success-700': '56 136 50',
-        '--color-success-800': '45 109 40',
-        '--color-success-900': '37 89 33',
+        '--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 | #EAB308
-        '--color-warning-50': '252 244 218',
-        '--color-warning-100': '251 240 206',
-        '--color-warning-200': '250 236 193',
-        '--color-warning-300': '247 225 156',
-        '--color-warning-400': '240 202 82',
-        '--color-warning-500': '234 179 8',
-        '--color-warning-600': '211 161 7',
-        '--color-warning-700': '176 134 6',
-        '--color-warning-800': '140 107 5',
-        '--color-warning-900': '115 88 4',
+        '--color-warning-50': '252 244 218', // #fcf4da
+        '--color-warning-100': '251 240 206', // #fbf0ce
+        '--color-warning-200': '250 236 193', // #faecc1
+        '--color-warning-300': '247 225 156', // #f7e19c
+        '--color-warning-400': '240 202 82', // #f0ca52
+        '--color-warning-500': '234 179 8', // #EAB308
+        '--color-warning-600': '211 161 7', // #d3a107
+        '--color-warning-700': '176 134 6', // #b08606
+        '--color-warning-800': '140 107 5', // #8c6b05
+        '--color-warning-900': '115 88 4', // #735804
         // error | #FF0000
-        '--color-error-50': '255 217 217',
-        '--color-error-100': '255 204 204',
-        '--color-error-200': '255 191 191',
-        '--color-error-300': '255 153 153',
-        '--color-error-400': '255 77 77',
-        '--color-error-500': '255 0 0',
-        '--color-error-600': '230 0 0',
-        '--color-error-700': '191 0 0',
-        '--color-error-800': '153 0 0',
-        '--color-error-900': '125 0 0',
+        '--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 | #c7c7c7
-        '--color-surface-50': '247 247 247',
-        '--color-surface-100': '244 244 244',
-        '--color-surface-200': '241 241 241',
-        '--color-surface-300': '233 233 233',
-        '--color-surface-400': '216 216 216',
-        '--color-surface-500': '199 199 199',
-        '--color-surface-600': '179 179 179',
-        '--color-surface-700': '149 149 149',
-        '--color-surface-800': '119 119 119',
+        '--color-surface-50': '247 247 247', // #f7f7f7
+        '--color-surface-100': '244 244 244', // #f4f4f4
+        '--color-surface-200': '241 241 241', // #f1f1f1
+        '--color-surface-300': '233 233 233', // #e9e9e9
+        '--color-surface-400': '216 216 216', // #d8d8d8
+        '--color-surface-500': '199 199 199', // #c7c7c7
+        '--color-surface-600': '179 179 179', // #b3b3b3
+        '--color-surface-700': '149 149 149', // #959595
+        '--color-surface-800': '119 119 119', // #777777
         '--color-surface-900': '98 98 98' // #626262
     },
     properties_dark: {
         // surface | #2e2e2e
-        '--color-surface-50': '224 224 224',
-        '--color-surface-100': '213 213 213',
-        '--color-surface-200': '203 203 203',
-        '--color-surface-300': '171 171 171',
-        '--color-surface-400': '109 109 109',
-        '--color-surface-500': '46 46 46',
-        '--color-surface-600': '41 41 41',
-        '--color-surface-700': '35 35 35',
-        '--color-surface-800': '28 28 28',
+        '--color-surface-50': '224 224 224', // #e0e0e0
+        '--color-surface-100': '213 213 213', // #d5d5d5
+        '--color-surface-200': '203 203 203', // #cbcbcb
+        '--color-surface-300': '171 171 171', // #ababab
+        '--color-surface-400': '109 109 109', // #6d6d6d
+        '--color-surface-500': '46 46 46', // #2e2e2e
+        '--color-surface-600': '41 41 41', // #292929
+        '--color-surface-700': '35 35 35', // #232323
+        '--color-surface-800': '28 28 28', // #1c1c1c
         '--color-surface-900': '23 23 23' // #171717
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.3.14",
+  "version": "0.4.0",
   "private": false,
   "scripts": {
     "dev": "vite dev",
@@ -13,38 +13,40 @@
     "test:unit": "vitest",
     "lint": "prettier --plugin-search-dir . --check . && eslint .",
     "format": "prettier --plugin-search-dir . --write .",
+    "check outdated": "npm outdated",
+    "upgrade all": "ncu --upgrade",
     "1.npm - update package infos": "npm init --scope bexis2",
     "2.npm - package": "svelte-package",
     "3.npm - publish": "npm publish --access public"
   },
   "devDependencies": {
-    "@playwright/test": "^1.36.2",
-    "@skeletonlabs/skeleton": "^2.5.0",
-    "@skeletonlabs/tw-plugin": "^0.2.4",
-    "@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/typography": "^0.5.9",
-    "@types/node": "^20.9.0",
-    "@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",
+    "@playwright/test": "^1.42.1",
+    "@skeletonlabs/skeleton": "^2.9.0",
+    "@skeletonlabs/tw-plugin": "^0.3.1",
+    "@sveltejs/adapter-auto": "^3.1.1",
+    "@sveltejs/adapter-static": "^3.0.1",
+    "@sveltejs/kit": "^2.5.3",
+    "@sveltejs/package": "^2.3.0",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.10",
+    "@types/node": "^20.11.26",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "autoprefixer": "^10.4.18",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte3": "^4.0.0",
-    "postcss": "^8.4.23",
-    "prettier": "^2.8.0",
-    "prettier-plugin-svelte": "^2.8.1",
+    "postcss": "^8.4.35",
+    "prettier": "^3.2.5",
+    "prettier-plugin-svelte": "^3.2.2",
     "raw-loader": "^4.0.2",
-    "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"
+    "svelte": "^4.2.12",
+    "svelte-check": "^3.6.7",
+    "tailwindcss": "^3.4.1",
+    "tslib": "^2.6.2",
+    "typescript": "^5.4.2",
+    "vite": "^5.1.6",
+    "vitest": "^1.3.1"
   },
   "type": "module",
   "module": "./src/lib/index.ts",
@@ -59,30 +61,30 @@
     "src/lib"
   ],
   "dependencies": {
-    "@codemirror/lang-html": "^6.4.5",
-    "@codemirror/lang-javascript": "^6.1.9",
+    "@codemirror/lang-html": "^6.4.8",
+    "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
-    "@codemirror/lint": "^6.4.2",
+    "@codemirror/lint": "^6.5.0",
     "@codemirror/theme-one-dark": "^6.1.2",
-    "@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",
+    "@floating-ui/dom": "^1.6.3",
+    "@fortawesome/fontawesome-free": "^6.5.1",
+    "@fortawesome/fontawesome-svg-core": "^6.5.1",
+    "@fortawesome/free-regular-svg-icons": "^6.5.1",
+    "@fortawesome/free-solid-svg-icons": "^6.5.1",
+    "axios": "^1.6.7",
     "codemirror": "^6.0.1",
     "delay": "^6.0.0",
-    "dotenv": "^16.3.1",
+    "dotenv": "^16.4.5",
     "eslint4b-prebuilt": "^6.7.2",
     "highlight.js": "^11.9.0",
     "highlightjs-svelte": "^1.0.6",
-    "svelte": "^3.54.0",
-    "svelte-codemirror-editor": "^1.1.0",
-    "svelte-fa": "^3.0.4",
+    "svelte": "^4.2.12",
+    "svelte-codemirror-editor": "^1.3.0",
+    "svelte-fa": "^4.0.2",
     "svelte-file-dropzone": "^2.0.4",
-    "svelte-headless-table": "^0.17.3",
+    "svelte-headless-table": "^0.18.2",
     "svelte-select": "5.8.3",
-    "vest": "^4.6.11"
+    "vest": "^5.2.10"
   },
   "author": "David Schöne",
   "license": "ISC",

package/src/lib/components/CodeEditor/CodeEditor.svelte

@@ -2,7 +2,7 @@
 	import { createEventDispatcher } from 'svelte';
 
 	import CodeMirror from 'svelte-codemirror-editor';
-	import Fa from 'svelte-fa/src/fa.svelte';
+	import Fa from 'svelte-fa';
 	import Linter from 'eslint4b-prebuilt';
 	import { html } from '@codemirror/lang-html';
 	import { javascript, esLint } from '@codemirror/lang-javascript';

package/src/lib/components/Table/TableFilter.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Fa from 'svelte-fa/src/fa.svelte';
+	import Fa from 'svelte-fa';
 	import { faFilter, faPlus, faXmark } from '@fortawesome/free-solid-svg-icons';
 	import { popup } from '@skeletonlabs/skeleton';
 	import type { PopupSettings } from '@skeletonlabs/skeleton';

package/src/lib/components/Table/TableFilterServer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Fa from 'svelte-fa/src/fa.svelte';
+	import Fa from 'svelte-fa';
 	import { faFilter, faPlus, faXmark } from '@fortawesome/free-solid-svg-icons';
 	import { popup } from '@skeletonlabs/skeleton';
 	import type { PopupSettings } from '@skeletonlabs/skeleton';

package/src/lib/components/Table/TablePagination.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Fa from 'svelte-fa/src/fa.svelte';
+	import Fa from 'svelte-fa';
 	import {
 		faAnglesRight,
 		faAngleRight,

package/src/lib/components/Table/TablePaginationServer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Fa from 'svelte-fa/src/fa.svelte';
+	import Fa from 'svelte-fa';
 	import {
 		faAnglesRight,
 		faAngleRight,

package/src/lib/components/file/FileUploader.svelte

@@ -7,7 +7,7 @@
 	} from '../../models/Models.js';
 
 	import Dropzone from 'svelte-file-dropzone';
-	import Fa from 'svelte-fa/src/fa.svelte';
+	import Fa from 'svelte-fa';
 
 	import Spinner from '../page/Spinner.svelte';
 	import { createEventDispatcher } from 'svelte';

package/src/lib/components/page/Docs.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Fa from 'svelte-fa/src/fa.svelte';
+	import Fa from 'svelte-fa';
 	import { faQuestion } from '@fortawesome/free-solid-svg-icons';
 	import { goTo } from '$services/BaseCaller';
 

package/src/lib/components/page/GoToTop.svelte

@@ -1,6 +1,6 @@
 <script>
 
- import Fa from 'svelte-fa/src/fa.svelte';
+ import Fa from 'svelte-fa';
  import { faAngleUp } from '@fortawesome/free-solid-svg-icons';
 
  export let showAtPixel = 1000;

package/src/lib/components/page/HelpPopUp.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { helpStore } from '$store/pageStores';
 	import type { helpItemType, helpStoreType } from '$models/Models';
-	import Fa from 'svelte-fa/src/fa.svelte';
+	import Fa from 'svelte-fa';
 	import { faQuestion } from '@fortawesome/free-solid-svg-icons';
 
 	//popup

package/src/lib/components/page/menu/Menu.svelte

@@ -5,7 +5,7 @@
 
 	import MenuBar from './MenuBar.svelte';
 	import SettingsBar from './SettingsBar.svelte';
-	import Fa from 'svelte-fa/src/fa.svelte';
+	import Fa from 'svelte-fa';
 	import { faBars } from '@fortawesome/free-solid-svg-icons';
 	import { Accordion } from '@skeletonlabs/skeleton';
 

package/src/lib/components/page/menu/SettingsBar.svelte

@@ -3,7 +3,7 @@
 
 	import { AccordionItem, type PopupSettings } from '@skeletonlabs/skeleton';
 	import type { menuItemType } from '$models/Page';
-	import Fa from 'svelte-fa/src/fa.svelte';
+	import Fa from 'svelte-fa';
 	import { faCog } from '@fortawesome/free-solid-svg-icons';
 
 	export let menuBar: menuItemType[];