@bexis2/bexis2-core-ui 0.4.8 → 0.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/README.md +4 -1
  2. package/dist/components/CodeEditor/CodeEditor.svelte +1 -2
  3. package/dist/components/CodeEditor/CodeEditor.svelte.d.ts +8 -8
  4. package/dist/components/File/FileUploader.svelte +3 -6
  5. package/dist/components/File/FileUploader.svelte.d.ts +5 -5
  6. package/dist/components/Table/Table.svelte +1 -3
  7. package/dist/components/Table/Table.svelte.d.ts +12 -1
  8. package/dist/components/Table/TableContent.svelte +3 -6
  9. package/dist/components/Table/TableFilter.svelte +5 -8
  10. package/dist/components/Table/TableFilterServer.svelte +6 -10
  11. package/dist/components/Table/TablePagination.svelte +4 -8
  12. package/dist/components/Table/TablePaginationServer.svelte +6 -12
  13. package/dist/components/Table/shared.d.ts +2 -19
  14. package/dist/components/form/Checkbox.svelte.d.ts +3 -3
  15. package/dist/components/form/CheckboxKvPList.svelte.d.ts +2 -2
  16. package/dist/components/form/CheckboxList.svelte.d.ts +1 -1
  17. package/dist/components/form/DateInput.svelte.d.ts +9 -9
  18. package/dist/components/form/InputContainer.svelte.d.ts +3 -3
  19. package/dist/components/form/NumberInput.svelte.d.ts +10 -10
  20. package/dist/components/form/TextArea.svelte.d.ts +10 -10
  21. package/dist/components/form/TextInput.svelte.d.ts +10 -10
  22. package/dist/components/page/Alert.svelte +1 -2
  23. package/dist/components/page/Alert.svelte.d.ts +4 -4
  24. package/dist/components/page/Docs.svelte.d.ts +1 -1
  25. package/dist/components/page/Footer.svelte +1 -2
  26. package/dist/components/page/Header.svelte +1 -2
  27. package/dist/components/page/HelpPopUp.svelte +4 -6
  28. package/dist/components/page/HelpPopUp.svelte.d.ts +1 -1
  29. package/dist/components/page/Notification.svelte +2 -4
  30. package/dist/components/page/Page.svelte.d.ts +8 -8
  31. package/dist/components/page/Spinner.svelte.d.ts +3 -3
  32. package/dist/components/page/TablePlaceholder.svelte.d.ts +2 -2
  33. package/dist/components/page/breadcrumb/Breadcrumb.svelte +5 -8
  34. package/dist/components/toggle/Toggle.svelte +7 -14
  35. package/dist/components/toggle/Toggle.svelte.d.ts +9 -8
  36. package/dist/stores/apiStores.d.ts +0 -1
  37. package/dist/stores/pageStores.d.ts +0 -1
  38. package/package.json +37 -37
package/README.md CHANGED
@@ -1,4 +1,7 @@
1
- # bexis-core-ui
1
+ # bexis2-core-ui
2
+ ## 0.4.9
3
+ - update npm packages
4
+
2
5
  ## 0.4.8
3
6
  - page
4
7
  - add notification if api call to backend faild
@@ -53,8 +53,7 @@ const isValidJS = (str) => {
53
53
  }
54
54
  return true;
55
55
  };
56
- $:
57
- isValid = language === "json" ? isValidJSON(value) : language === "js" ? isValidJS(value) : true;
56
+ $: isValid = language === "json" ? isValidJSON(value) : language === "js" ? isValidJS(value) : true;
58
57
  </script>
59
58
 
60
59
  <div class="grid items-stretch justify-stretch gap-1">
@@ -2,14 +2,14 @@ import { SvelteComponent } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
4
  id: string;
5
- title?: string | undefined;
6
- initialValue?: string | undefined;
7
- value?: string | undefined;
8
- language?: string | undefined;
9
- dark?: boolean | undefined;
10
- toggle?: boolean | undefined;
11
- actions?: boolean | undefined;
12
- isValid?: boolean | undefined;
5
+ title?: string;
6
+ initialValue?: string;
7
+ value?: string;
8
+ language?: string;
9
+ dark?: boolean;
10
+ toggle?: boolean;
11
+ actions?: boolean;
12
+ isValid?: boolean;
13
13
  styles?: any;
14
14
  };
15
15
  events: {
@@ -15,16 +15,13 @@ export let submit = "";
15
15
  export let context = "";
16
16
  export let data;
17
17
  let isUploading = false;
18
- $:
19
- model = data;
20
- $:
21
- submitBt = "submit";
18
+ $: model = data;
19
+ $: submitBt = "submit";
22
20
  let maxSize = 0;
23
21
  const dispatch = createEventDispatcher();
24
22
  let fx;
25
23
  let files = { accepted: [], rejected: [] };
26
- $:
27
- files;
24
+ $: files;
28
25
  onMount(async () => {
29
26
  if (!data) {
30
27
  load();
@@ -2,11 +2,11 @@ import { SvelteComponent } from "svelte";
2
2
  import type { fileUploaderType } from '../../models/Models.js';
3
3
  declare const __propDef: {
4
4
  props: {
5
- id?: number | undefined;
6
- version?: number | undefined;
7
- start?: string | undefined;
8
- submit?: string | undefined;
9
- context?: string | undefined;
5
+ id?: number;
6
+ version?: number;
7
+ start?: string;
8
+ submit?: string;
9
+ context?: string;
10
10
  data: fileUploaderType | undefined;
11
11
  };
12
12
  events: {
@@ -2,9 +2,7 @@
2
2
  export let config;
3
3
  let fetched = false;
4
4
  const data = config.data;
5
- $:
6
- if ($data.length > 0)
7
- fetched = true;
5
+ $: if ($data.length > 0) fetched = true;
8
6
  </script>
9
7
 
10
8
  {#key fetched}
@@ -1,5 +1,16 @@
1
1
  import { SvelteComponent } from "svelte";
2
- declare const __propDef: any;
2
+ import type { TableConfig } from '../../models/Models';
3
+ declare const __propDef: {
4
+ props: {
5
+ config: TableConfig<any>;
6
+ };
7
+ events: {
8
+ action: any;
9
+ } & {
10
+ [evt: string]: CustomEvent<any>;
11
+ };
12
+ slots: {};
13
+ };
3
14
  export type TableProps = typeof __propDef.props;
4
15
  export type TableEvents = typeof __propDef.events;
5
16
  export type TableSlots = typeof __propDef.slots;
@@ -301,12 +301,9 @@ const sortServer = (order, id) => {
301
301
  $pageIndex = 0;
302
302
  updateTable();
303
303
  };
304
- $:
305
- sortKeys = pluginStates.sort.sortKeys;
306
- $:
307
- serverSide && updateTable();
308
- $:
309
- serverSide && sortServer($sortKeys[0]?.order, $sortKeys[0]?.id);
304
+ $: sortKeys = pluginStates.sort.sortKeys;
305
+ $: serverSide && updateTable();
306
+ $: serverSide && sortServer($sortKeys[0]?.order, $sortKeys[0]?.id);
310
307
  </script>
311
308
 
312
309
  <div class="grid gap-2 overflow-auto" class:w-fit={!fitToScreen} class:w-full={fitToScreen}>
@@ -179,14 +179,11 @@ const clearFilters = () => {
179
179
  dropdowns = [];
180
180
  $filters[id] = {};
181
181
  };
182
- $:
183
- type = isDate ? "date" : type;
184
- $:
185
- remainingFilters = options[type].filter(
186
- (option) => !Object.keys($filters[id]).includes(option.value)
187
- );
188
- $:
189
- addFilter(options[type][0].value, void 0);
182
+ $: type = isDate ? "date" : type;
183
+ $: remainingFilters = options[type].filter(
184
+ (option) => !Object.keys($filters[id]).includes(option.value)
185
+ );
186
+ $: addFilter(options[type][0].value, void 0);
190
187
  </script>
191
188
 
192
189
  <form class="">
@@ -173,16 +173,12 @@ const applyFilters = () => {
173
173
  active = true;
174
174
  });
175
175
  };
176
- $:
177
- type = isDate ? "date" : type;
178
- $:
179
- remainingFilters = options[type].filter(
180
- (option) => !Object.keys($filters[id]).includes(option.value)
181
- );
182
- $:
183
- addFilter(options[type][0].value, void 0);
184
- $:
185
- console.log($filters);
176
+ $: type = isDate ? "date" : type;
177
+ $: remainingFilters = options[type].filter(
178
+ (option) => !Object.keys($filters[id]).includes(option.value)
179
+ );
180
+ $: addFilter(options[type][0].value, void 0);
181
+ $: console.log($filters);
186
182
  </script>
187
183
 
188
184
  <form class="">
@@ -23,14 +23,10 @@ const handleChange = (e) => {
23
23
  $pageIndex = value - 1;
24
24
  }
25
25
  };
26
- $:
27
- goToFirstPageDisabled = !$pageIndex;
28
- $:
29
- goToLastPageDisabled = $pageIndex == $pageCount - 1;
30
- $:
31
- goToNextPageDisabled = !$hasNextPage;
32
- $:
33
- goToPreviousPageDisabled = !$hasPreviousPage;
26
+ $: goToFirstPageDisabled = !$pageIndex;
27
+ $: goToLastPageDisabled = $pageIndex == $pageCount - 1;
28
+ $: goToNextPageDisabled = !$hasNextPage;
29
+ $: goToPreviousPageDisabled = !$hasPreviousPage;
34
30
  </script>
35
31
 
36
32
  <div class="flex justify-between w-full items-stretch gap-10">
@@ -45,18 +45,12 @@ const goTo = (dst) => {
45
45
  }
46
46
  updateTable();
47
47
  };
48
- $:
49
- pageCount = Math.ceil($serverItemCount / $pageSize);
50
- $:
51
- goToFirstPageDisabled = !$pageIndex;
52
- $:
53
- goToLastPageDisabled = $pageIndex == pageCount - 1;
54
- $:
55
- goToNextPageDisabled = $pageIndex == pageCount - 1;
56
- $:
57
- goToPreviousPageDisabled = !$pageIndex;
58
- $:
59
- $pageSize && updateTable();
48
+ $: pageCount = Math.ceil($serverItemCount / $pageSize);
49
+ $: goToFirstPageDisabled = !$pageIndex;
50
+ $: goToLastPageDisabled = $pageIndex == pageCount - 1;
51
+ $: goToNextPageDisabled = $pageIndex == pageCount - 1;
52
+ $: goToPreviousPageDisabled = !$pageIndex;
53
+ $: $pageSize && updateTable();
60
54
  updateTable();
61
55
  </script>
62
56
 
@@ -4,27 +4,10 @@ export declare const minWidth: (id: string, columns: Columns | undefined) => num
4
4
  export declare const fixedWidth: (id: string, columns: Columns | undefined) => number;
5
5
  export declare const cellStyle: (id: string, columns: Columns | undefined) => string;
6
6
  export declare const normalizeFilters: (filters: {
7
- [key: string]: {
8
- e?: string | number | Date | undefined;
9
- ne?: string | number | Date | undefined;
10
- gt?: string | number | Date | undefined;
11
- lt?: string | number | Date | undefined;
12
- gte?: string | number | Date | undefined;
13
- lte?: string | number | Date | undefined;
14
- c?: string | number | Date | undefined;
15
- nc?: string | number | Date | undefined;
16
- sw?: string | number | Date | undefined;
17
- ew?: string | number | Date | undefined;
18
- o?: string | number | Date | undefined;
19
- sf?: string | number | Date | undefined;
20
- a?: string | number | Date | undefined;
21
- u?: string | number | Date | undefined;
22
- b?: string | number | Date | undefined;
23
- no?: string | number | Date | undefined;
24
- };
7
+ [key: string]: { [key in FilterOptionsEnum]?: number | string | Date; };
25
8
  }) => Filter[];
26
9
  export declare const exportAsCsv: (tableId: string, exportedData: string) => void;
27
- export declare const resetResize: (headerRows: any, pageRows: any, tableId: string, columns: Columns | undefined, resizable: 'none' | 'rows' | 'columns' | 'both') => void;
10
+ export declare const resetResize: (headerRows: any, pageRows: any, tableId: string, columns: Columns | undefined, resizable: "none" | "rows" | "columns" | "both") => void;
28
11
  export declare const missingValuesFn: (key: number | string, missingValues: {
29
12
  [key: string | number]: string;
30
13
  }) => string | number;
@@ -1,9 +1,9 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
- id?: string | undefined;
5
- label?: string | undefined;
6
- checked?: boolean | undefined;
4
+ id?: string;
5
+ label?: string;
6
+ checked?: boolean;
7
7
  valid: boolean;
8
8
  invalid: boolean;
9
9
  required: boolean;
@@ -5,9 +5,9 @@ declare const __propDef: {
5
5
  source: any;
6
6
  target: any;
7
7
  title: any;
8
- description?: string | undefined;
8
+ description?: string;
9
9
  key: any;
10
- help?: boolean | undefined;
10
+ help?: boolean;
11
11
  };
12
12
  events: {
13
13
  [evt: string]: CustomEvent<any>;
@@ -4,7 +4,7 @@ declare const __propDef: {
4
4
  source: any;
5
5
  target: any;
6
6
  title: any;
7
- description?: string | undefined;
7
+ description?: string;
8
8
  key: any;
9
9
  };
10
10
  events: {
@@ -1,15 +1,15 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
- id?: string | undefined;
5
- label?: string | undefined;
6
- value?: string | undefined;
7
- valid?: boolean | undefined;
8
- invalid?: boolean | undefined;
9
- required?: boolean | undefined;
10
- feedback?: string[] | undefined;
11
- help?: boolean | undefined;
12
- disabled?: boolean | undefined;
4
+ id?: string;
5
+ label?: string;
6
+ value?: string;
7
+ valid?: boolean;
8
+ invalid?: boolean;
9
+ required?: boolean;
10
+ feedback?: string[];
11
+ help?: boolean;
12
+ disabled?: boolean;
13
13
  };
14
14
  events: {
15
15
  input: Event;
@@ -1,11 +1,11 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
- id?: string | undefined;
5
- label?: string | undefined;
4
+ id?: string;
5
+ label?: string;
6
6
  required: boolean;
7
7
  feedback: string[];
8
- help?: boolean | undefined;
8
+ help?: boolean;
9
9
  };
10
10
  events: {
11
11
  [evt: string]: CustomEvent<any>;
@@ -1,16 +1,16 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
- id?: string | undefined;
5
- label?: string | undefined;
6
- value?: string | undefined;
7
- valid?: boolean | undefined;
8
- invalid?: boolean | undefined;
9
- required?: boolean | undefined;
10
- feedback?: string[] | undefined;
11
- placeholder?: string | undefined;
12
- help?: boolean | undefined;
13
- disabled?: boolean | undefined;
4
+ id?: string;
5
+ label?: string;
6
+ value?: string;
7
+ valid?: boolean;
8
+ invalid?: boolean;
9
+ required?: boolean;
10
+ feedback?: string[];
11
+ placeholder?: string;
12
+ help?: boolean;
13
+ disabled?: boolean;
14
14
  };
15
15
  events: {
16
16
  input: Event;
@@ -1,16 +1,16 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
- id?: string | undefined;
5
- label?: string | undefined;
6
- value?: string | undefined;
7
- valid?: boolean | undefined;
8
- invalid?: boolean | undefined;
9
- required?: boolean | undefined;
10
- feedback?: string[] | undefined;
11
- placeholder?: string | undefined;
12
- help?: boolean | undefined;
13
- disabled?: boolean | undefined;
4
+ id?: string;
5
+ label?: string;
6
+ value?: string;
7
+ valid?: boolean;
8
+ invalid?: boolean;
9
+ required?: boolean;
10
+ feedback?: string[];
11
+ placeholder?: string;
12
+ help?: boolean;
13
+ disabled?: boolean;
14
14
  };
15
15
  events: {
16
16
  input: Event;
@@ -1,16 +1,16 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
- id?: string | undefined;
5
- label?: string | undefined;
6
- value?: string | undefined;
7
- valid?: boolean | undefined;
8
- invalid?: boolean | undefined;
9
- required?: boolean | undefined;
10
- feedback?: string[] | undefined;
11
- placeholder?: string | undefined;
12
- help?: boolean | undefined;
13
- disabled?: boolean | undefined;
4
+ id?: string;
5
+ label?: string;
6
+ value?: string;
7
+ valid?: boolean;
8
+ invalid?: boolean;
9
+ required?: boolean;
10
+ feedback?: string[];
11
+ placeholder?: string;
12
+ help?: boolean;
13
+ disabled?: boolean;
14
14
  };
15
15
  events: {
16
16
  input: Event;
@@ -5,8 +5,7 @@ export let title = "";
5
5
  export let message = "";
6
6
  export let cssClass = "";
7
7
  export let deleteBtn = true;
8
- $:
9
- show = true;
8
+ $: show = true;
10
9
  </script>
11
10
 
12
11
  {#if show}
@@ -1,10 +1,10 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
- title?: string | undefined;
5
- message?: string | undefined;
6
- cssClass?: string | undefined;
7
- deleteBtn?: boolean | undefined;
4
+ title?: string;
5
+ message?: string;
6
+ cssClass?: string;
7
+ deleteBtn?: boolean;
8
8
  };
9
9
  events: {
10
10
  [evt: string]: CustomEvent<any>;
@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
2
2
  import type { linkType } from '../../models/Models';
3
3
  declare const __propDef: {
4
4
  props: {
5
- links?: linkType[] | undefined;
5
+ links?: linkType[];
6
6
  note: string;
7
7
  };
8
8
  events: {
@@ -1,8 +1,7 @@
1
1
  <script>import { onMount } from "svelte";
2
2
  import { getFooter } from "./PageCaller";
3
3
  let content = "";
4
- $:
5
- content;
4
+ $: content;
6
5
  onMount(async () => {
7
6
  content = await getFooter();
8
7
  });
@@ -1,8 +1,7 @@
1
1
  <script>import { onMount } from "svelte";
2
2
  import { getHeader } from "./PageCaller";
3
3
  let content = "";
4
- $:
5
- content;
4
+ $: content;
6
5
  onMount(async () => {
7
6
  console.log("header");
8
7
  content = await getHeader();
@@ -5,13 +5,11 @@ import { popup } from "@skeletonlabs/skeleton";
5
5
  import delay from "delay";
6
6
  export let active = false;
7
7
  let hs;
8
- $:
9
- helpStore.subscribe((value) => {
10
- hs = value;
11
- });
8
+ $: helpStore.subscribe((value) => {
9
+ hs = value;
10
+ });
12
11
  let helpItem = { id: void 0, name: "", description: "" };
13
- $:
14
- helpItem = active === true ? hs.itemId == "" ? { id: void 0, name: "", description: "" } : hs.helpItems.find((h) => h.id === hs.itemId) : { id: void 0, name: "", description: "" };
12
+ $: helpItem = active === true ? hs.itemId == "" ? { id: void 0, name: "", description: "" } : hs.helpItems.find((h) => h.id === hs.itemId) : { id: void 0, name: "", description: "" };
15
13
  const helpClick = {
16
14
  event: "click",
17
15
  target: "helpTarget",
@@ -1,7 +1,7 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
- active?: boolean | undefined;
4
+ active?: boolean;
5
5
  };
6
6
  events: {
7
7
  [evt: string]: CustomEvent<any>;
@@ -4,10 +4,8 @@ import { notificationStore } from "../../stores/pageStores";
4
4
  import { notificationType } from "../../models/Enums";
5
5
  const toastStore = getToastStore();
6
6
  let btnStyle;
7
- $:
8
- btnStyle = $notificationStore === void 0 || $notificationStore.btnStyle === void 0 ? notificationStore.getBtnStyle() : $notificationStore.btnStyle;
9
- $:
10
- $notificationStore, triggerToast();
7
+ $: btnStyle = $notificationStore === void 0 || $notificationStore.btnStyle === void 0 ? notificationStore.getBtnStyle() : $notificationStore.btnStyle;
8
+ $: $notificationStore, triggerToast();
11
9
  onMount(() => {
12
10
  toastStore.clear();
13
11
  });
@@ -3,14 +3,14 @@ import type { linkType } from '../../models/Models';
3
3
  import { pageContentLayoutType } from '../../models/Enums';
4
4
  declare const __propDef: {
5
5
  props: {
6
- title?: string | undefined;
7
- note?: string | undefined;
8
- links?: linkType[] | undefined;
9
- menu?: boolean | undefined;
10
- footer?: boolean | undefined;
11
- help?: boolean | undefined;
12
- contentLayoutType?: pageContentLayoutType | undefined;
13
- fixLeft?: boolean | undefined;
6
+ title?: string;
7
+ note?: string;
8
+ links?: linkType[];
9
+ menu?: boolean;
10
+ footer?: boolean;
11
+ help?: boolean;
12
+ contentLayoutType?: pageContentLayoutType;
13
+ fixLeft?: boolean;
14
14
  };
15
15
  events: {
16
16
  [evt: string]: CustomEvent<any>;
@@ -2,9 +2,9 @@ import { SvelteComponent } from "svelte";
2
2
  import { positionType } from '../../models/Enums';
3
3
  declare const __propDef: {
4
4
  props: {
5
- textCss?: string | undefined;
6
- label?: string | undefined;
7
- position?: positionType | undefined;
5
+ textCss?: string;
6
+ label?: string;
7
+ position?: positionType;
8
8
  };
9
9
  events: {
10
10
  [evt: string]: CustomEvent<any>;
@@ -1,8 +1,8 @@
1
1
  import { SvelteComponent } from "svelte";
2
2
  declare const __propDef: {
3
3
  props: {
4
- cols?: number | undefined;
5
- rows?: number | undefined;
4
+ cols?: number;
5
+ rows?: number;
6
6
  };
7
7
  events: {
8
8
  [evt: string]: CustomEvent<any>;
@@ -3,20 +3,17 @@ import { browser } from "$app/environment";
3
3
  import { onMount } from "svelte";
4
4
  import { getApplicationName } from "./BreadcrumbDataCaller";
5
5
  export let title;
6
- $:
7
- update(title);
6
+ $: update(title);
8
7
  function update(t) {
9
8
  if (browser) {
10
9
  breadcrumbStore.updateItem({ label: t, link: window.location.pathname });
11
10
  }
12
11
  }
13
12
  let list = [];
14
- $:
15
- list;
16
- $:
17
- breadcrumbStore.subscribe((value) => {
18
- list = value?.items;
19
- });
13
+ $: list;
14
+ $: breadcrumbStore.subscribe((value) => {
15
+ list = value?.items;
16
+ });
20
17
  let applicationName = "BEXIS2";
21
18
  onMount(async () => {
22
19
  applicationName = await getApplicationName();
@@ -14,21 +14,14 @@ const cTransition = `transition-all duration-[200ms]`;
14
14
  const cTrack = "cursor-pointer";
15
15
  const cThumb = "aspect-square scale-[0.8] flex justify-center items-center";
16
16
  const cIcon = "w-[70%] aspect-square";
17
- $:
18
- trackBg = mode === true ? bgLight : bgDark;
19
- $:
20
- thumbBg = mode === true ? bgDark : bgLight;
21
- $:
22
- thumbPosition = mode === true ? "translate-x-[100%]" : "";
23
- $:
24
- iconFill = mode === true ? fillLight : fillDark;
25
- $:
26
- classesTrack = `${cTrack} ${cTransition} ${width} ${height} ${ring} ${rounded} ${trackBg} ${$$props.class ?? ""}`;
27
- $:
28
- classesThumb = `${cThumb} ${cTransition} ${height} ${rounded} ${thumbBg} ${thumbPosition}`;
17
+ $: trackBg = mode === true ? bgLight : bgDark;
18
+ $: thumbBg = mode === true ? bgDark : bgLight;
19
+ $: thumbPosition = mode === true ? "translate-x-[100%]" : "";
20
+ $: iconFill = mode === true ? fillLight : fillDark;
21
+ $: classesTrack = `${cTrack} ${cTransition} ${width} ${height} ${ring} ${rounded} ${trackBg} ${$$props.class ?? ""}`;
22
+ $: classesThumb = `${cThumb} ${cTransition} ${height} ${rounded} ${thumbBg} ${thumbPosition}`;
29
23
  let mode = true;
30
- $:
31
- mode;
24
+ $: mode;
32
25
  </script>
33
26
 
34
27
  <div
@@ -1,16 +1,17 @@
1
1
  import { SvelteComponent } from "svelte";
2
+ import type { CssClasses } from '@skeletonlabs/skeleton';
2
3
  declare const __propDef: {
3
4
  props: {
4
5
  [x: string]: any;
5
6
  title?: string | undefined;
6
- bgLight?: string | undefined;
7
- bgDark?: string | undefined;
8
- fillLight?: string | undefined;
9
- fillDark?: string | undefined;
10
- width?: string | undefined;
11
- height?: string | undefined;
12
- ring?: string | undefined;
13
- rounded?: string | undefined;
7
+ bgLight?: CssClasses | undefined;
8
+ bgDark?: CssClasses | undefined;
9
+ fillLight?: CssClasses | undefined;
10
+ fillDark?: CssClasses | undefined;
11
+ width?: CssClasses | undefined;
12
+ height?: CssClasses | undefined;
13
+ ring?: CssClasses | undefined;
14
+ rounded?: CssClasses | undefined;
14
15
  };
15
16
  events: {
16
17
  click: MouseEvent;
@@ -1,4 +1,3 @@
1
- /// <reference types="svelte" />
2
1
  import { errorType } from '../models/Models';
3
2
  export declare let host: string;
4
3
  export declare let username: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="svelte" />
2
1
  import type { helpItemType, helpStoreType, notificationItemType, notificationStoreType } from '../models/Models';
3
2
  import type { MenuModel, breadcrumbItemType } from '../models/Page';
4
3
  import { BreadcrumbModel } from '../models/Page';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.4.8",
3
+ "version": "0.4.9",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite dev",
@@ -20,31 +20,31 @@
20
20
  "3.npm - publish": "npm publish --access public"
21
21
  },
22
22
  "devDependencies": {
23
- "@playwright/test": "^1.43.0",
24
- "@skeletonlabs/skeleton": "^2.9.0",
25
- "@skeletonlabs/tw-plugin": "^0.3.1",
26
- "@sveltejs/adapter-auto": "^3.2.0",
27
- "@sveltejs/adapter-static": "^3.0.1",
28
- "@sveltejs/package": "^2.3.1",
23
+ "@playwright/test": "^1.45.3",
24
+ "@skeletonlabs/skeleton": "^2.10.2",
25
+ "@skeletonlabs/tw-plugin": "^0.4.0",
26
+ "@sveltejs/adapter-auto": "^3.2.2",
27
+ "@sveltejs/adapter-static": "^3.0.2",
28
+ "@sveltejs/package": "^2.3.2",
29
29
  "@tailwindcss/forms": "^0.5.7",
30
- "@tailwindcss/typography": "^0.5.12",
31
- "@types/node": "^20.12.5",
32
- "@typescript-eslint/eslint-plugin": "^7.5.0",
33
- "@typescript-eslint/parser": "^7.5.0",
30
+ "@tailwindcss/typography": "^0.5.13",
31
+ "@types/node": "^22.0.2",
32
+ "@typescript-eslint/eslint-plugin": "^8.0.0",
33
+ "@typescript-eslint/parser": "^8.0.0",
34
34
  "autoprefixer": "^10.4.19",
35
- "eslint": "^8.0.0",
36
- "eslint-config-prettier": "^8.0.0",
37
- "postcss": "^8.4.38",
38
- "prettier": "^3.2.5",
39
- "prettier-plugin-svelte": "^3.2.2",
35
+ "eslint": "^9.8.0",
36
+ "eslint-config-prettier": "^9.1.0",
37
+ "postcss": "^8.4.40",
38
+ "prettier": "^3.3.3",
39
+ "prettier-plugin-svelte": "^3.2.6",
40
40
  "raw-loader": "^4.0.2",
41
- "svelte": "^4.2.12",
42
- "svelte-check": "^3.6.9",
43
- "tailwindcss": "^3.4.3",
44
- "tslib": "^2.6.2",
45
- "typescript": "^5.4.4",
46
- "vite": "^5.2.8",
47
- "vitest": "^1.4.0"
41
+ "svelte": "^4.2.18",
42
+ "svelte-check": "^3.8.5",
43
+ "tailwindcss": "^3.4.7",
44
+ "tslib": "^2.6.3",
45
+ "typescript": "^5.5.4",
46
+ "vite": "^5.3.5",
47
+ "vitest": "^2.0.5"
48
48
  },
49
49
  "type": "module",
50
50
  "module": "./src/lib/index.ts",
@@ -59,33 +59,33 @@
59
59
  "src/lib"
60
60
  ],
61
61
  "dependencies": {
62
- "@codemirror/lang-html": "^6.4.8",
62
+ "@codemirror/lang-html": "^6.4.9",
63
63
  "@codemirror/lang-javascript": "^6.2.2",
64
64
  "@codemirror/lang-json": "^6.0.1",
65
- "@codemirror/lint": "^6.5.0",
65
+ "@codemirror/lint": "^6.8.1",
66
66
  "@codemirror/theme-one-dark": "^6.1.2",
67
- "@floating-ui/dom": "^1.6.3",
68
- "@fortawesome/fontawesome-free": "^6.5.2",
69
- "@fortawesome/fontawesome-svg-core": "^6.5.2",
70
- "@fortawesome/free-regular-svg-icons": "^6.5.2",
71
- "@fortawesome/free-solid-svg-icons": "^6.5.2",
72
- "@sveltejs/kit": "^2.5.5",
73
- "@sveltejs/vite-plugin-svelte": "^3.1.0",
74
- "axios": "^1.6.8",
67
+ "@floating-ui/dom": "^1.6.8",
68
+ "@fortawesome/fontawesome-free": "^6.6.0",
69
+ "@fortawesome/fontawesome-svg-core": "^6.6.0",
70
+ "@fortawesome/free-regular-svg-icons": "^6.6.0",
71
+ "@fortawesome/free-solid-svg-icons": "^6.6.0",
72
+ "@sveltejs/kit": "^2.5.19",
73
+ "@sveltejs/vite-plugin-svelte": "^3.1.1",
74
+ "axios": "^1.7.3",
75
75
  "codemirror": "^6.0.1",
76
76
  "dateformat": "^5.0.3",
77
77
  "delay": "^6.0.0",
78
78
  "dotenv": "^16.4.5",
79
79
  "eslint4b-prebuilt": "^6.7.2",
80
- "highlight.js": "^11.9.0",
80
+ "highlight.js": "^11.10.0",
81
81
  "highlightjs-svelte": "^1.0.6",
82
- "svelte": "^4.2.12",
83
- "svelte-codemirror-editor": "^1.3.0",
82
+ "svelte": "^4.2.18",
83
+ "svelte-codemirror-editor": "^1.4.0",
84
84
  "svelte-fa": "^4.0.2",
85
85
  "svelte-file-dropzone": "^2.0.7",
86
86
  "svelte-headless-table": "^0.18.2",
87
87
  "svelte-select": "5.8.3",
88
- "vest": "^5.2.12"
88
+ "vest": "^5.4.0"
89
89
  },
90
90
  "author": "David Schöne",
91
91
  "license": "ISC",