@bexis2/bexis2-core-ui 0.3.14 → 0.4.1

package/README.md

@@ -1,5 +1,17 @@
 # bexis-core-ui
-## 0.3.14
+## 0.4.1
+- table
+  - Server-side searching
+  - Case-insensitive filtering of missing values
+  - Date formatting for display patterns
+  - Handle missing values regardless of the data type
+
+## 0.4.0
+-  update dependency libaries
+   -  svelte
+   -  sveltekit
+   -  vite
+
 ## 0.3.13
 ## 0.3.12
 - table

package/dist/TableView.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  TableViewProps */
 /** @typedef {typeof __propDef.events}  TableViewEvents */
 /** @typedef {typeof __propDef.slots}  TableViewSlots */
-export default class TableView extends SvelteComponentTyped<{
+export default class TableView extends SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ export default class TableView extends SvelteComponentTyped<{
 export type TableViewProps = typeof __propDef.props;
 export type TableViewEvents = typeof __propDef.events;
 export type TableViewSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: never;

package/dist/components/CodeEditor/CodeEditor.svelte

@@ -1,6 +1,6 @@
 <script>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/dist/components/CodeEditor/CodeEditor.svelte.d.ts

@@ -1,5 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
-import type { ThemeSpec } from 'svelte-codemirror-editor';
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         id: string;
@@ -11,7 +10,7 @@ declare const __propDef: {
         toggle?: boolean | undefined;
         actions?: boolean | undefined;
         isValid?: boolean | undefined;
-        styles?: ThemeSpec | undefined;
+        styles?: any;
     };
     events: {
         cancel: CustomEvent<any>;
@@ -28,6 +27,6 @@ declare const __propDef: {
 export type CodeEditorProps = typeof __propDef.props;
 export type CodeEditorEvents = typeof __propDef.events;
 export type CodeEditorSlots = typeof __propDef.slots;
-export default class CodeEditor extends SvelteComponentTyped<CodeEditorProps, CodeEditorEvents, CodeEditorSlots> {
+export default class CodeEditor extends SvelteComponent<CodeEditorProps, CodeEditorEvents, CodeEditorSlots> {
 }
 export {};

package/dist/components/File/FileIcon.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  FileIconProps */
 /** @typedef {typeof __propDef.events}  FileIconEvents */
 /** @typedef {typeof __propDef.slots}  FileIconSlots */
-export default class FileIcon extends SvelteComponentTyped<{
+export default class FileIcon extends SvelteComponent<{
     type?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ export default class FileIcon extends SvelteComponentTyped<{
 export type FileIconProps = typeof __propDef.props;
 export type FileIconEvents = typeof __propDef.events;
 export type FileIconSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         type?: string | undefined;

package/dist/components/File/FileInfo.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  FileInfoProps */
 /** @typedef {typeof __propDef.events}  FileInfoEvents */
 /** @typedef {typeof __propDef.slots}  FileInfoSlots */
-export default class FileInfo extends SvelteComponentTyped<{
+export default class FileInfo extends SvelteComponent<{
     type?: string | undefined;
     name?: string | undefined;
     size?: string | undefined;
@@ -12,7 +12,7 @@ export default class FileInfo extends SvelteComponentTyped<{
 export type FileInfoProps = typeof __propDef.props;
 export type FileInfoEvents = typeof __propDef.events;
 export type FileInfoSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         type?: string | undefined;

package/dist/components/File/FileUploader.svelte

@@ -1,5 +1,5 @@
 <script>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";
 import { faTrash } from "@fortawesome/free-solid-svg-icons";

package/dist/components/File/FileUploader.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { fileUploaderType } from '../../models/Models.js';
 declare const __propDef: {
     props: {
@@ -22,6 +22,6 @@ declare const __propDef: {
 export type FileUploaderProps = typeof __propDef.props;
 export type FileUploaderEvents = typeof __propDef.events;
 export type FileUploaderSlots = typeof __propDef.slots;
-export default class FileUploader extends SvelteComponentTyped<FileUploaderProps, FileUploaderEvents, FileUploaderSlots> {
+export default class FileUploader extends SvelteComponent<FileUploaderProps, FileUploaderEvents, FileUploaderSlots> {
 }
 export {};

package/dist/components/ListView.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 ListViewProps = typeof __propDef.props;
 export type ListViewEvents = typeof __propDef.events;
 export type ListViewSlots = typeof __propDef.slots;
-export default class ListView extends SvelteComponentTyped<ListViewProps, ListViewEvents, ListViewSlots> {
+export default class ListView extends SvelteComponent<ListViewProps, ListViewEvents, ListViewSlots> {
 }
 export {};

package/dist/components/Table/Table.svelte.d.ts

@@ -1,8 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: any;
 export type TableProps = typeof __propDef.props;
 export type TableEvents = typeof __propDef.events;
 export type TableSlots = typeof __propDef.slots;
-export default class Table extends SvelteComponentTyped<TableProps, TableEvents, TableSlots> {
+export default class Table extends SvelteComponent<TableProps, TableEvents, TableSlots> {
 }
 export {};

package/dist/components/Table/TableContent.svelte

@@ -14,6 +14,7 @@ import {
 import { computePosition, autoUpdate, offset, shift, flip, arrow } from "@floating-ui/dom";
 import { SlideToggle, storePopup } from "@skeletonlabs/skeleton";
 storePopup.set({ computePosition, autoUpdate, offset, shift, flip, arrow });
+import Spinner from "../page/Spinner.svelte";
 import TableFilter from "./TableFilter.svelte";
 import TableFilterServer from "./TableFilterServer.svelte";
 import TablePagination from "./TablePagination.svelte";
@@ -68,6 +69,7 @@ let {
   // Version ID to send with the request
 } = config;
 let searchValue = "";
+let isFetching = false;
 const filters = writable({});
 const dispatch = createEventDispatcher();
 const actionDispatcher = (obj) => dispatch("action", obj);
@@ -167,7 +169,9 @@ const tableColumns = [
                 tableId,
                 values,
                 toFilterableValueFn,
-                filters
+                filters,
+                toStringFn,
+                pageIndex
               });
             }
           } : void 0,
@@ -205,7 +209,8 @@ const tableColumns = [
                 id,
                 tableId,
                 values,
-                filters
+                filters,
+                pageIndex
               });
             }
           }
@@ -244,14 +249,25 @@ const updateTable = async () => {
   sendModel.version = versionId;
   sendModel.id = entityId;
   sendModel.filter = normalizeFilters($filters);
-  const fetchData = await fetch(URL, {
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${token}`
-    },
-    method: "POST",
-    body: JSON.stringify(sendModel)
-  });
+  let fetchData;
+  try {
+    isFetching = true;
+    fetchData = await fetch(URL, {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`
+      },
+      method: "POST",
+      body: JSON.stringify(sendModel)
+    });
+  } catch (error) {
+    throw new Error(`Network error: ${error.message}`);
+  } finally {
+    isFetching = false;
+  }
+  if (!fetchData.ok) {
+    throw new Error("Failed to fetch data");
+  }
   const response = await fetchData.json();
   if (response.columns !== void 0) {
     columns = convertServerColumns(response.columns);
@@ -282,7 +298,13 @@ $:
 		<!-- Enable the search filter if table is not empty -->
 		{#if $data.length > 0}
 			{#if !serverSide}
-				<div class="flex gap-2">
+				<form
+					class="flex gap-2"
+					on:submit|preventDefault={() => {
+						sendModel.q = searchValue;
+						$filterValue = searchValue;
+					}}
+				>
 					<div class="relative w-full flex items-center">
 						<input
 							class="input p-2 border border-primary-500"
@@ -295,18 +317,20 @@ $:
 							class="absolute right-3 items-center"
 							on:click|preventDefault={() => {
 								searchValue = '';
+								sendModel.q = '';
 								$filterValue = '';
 							}}><Fa icon={faXmark} /></button
 						>
 					</div>
 					<button
-						type="button"
+						type="submit"
 						class="btn variant-filled-primary"
 						on:click|preventDefault={() => {
 							$filterValue = searchValue;
+							sendModel.q = searchValue;
 						}}>Search</button
 					>
-				</div>
+				</form>
 			{/if}
 			<div class="flex justify-between items-center py-2 w-full">
 				<div>
@@ -407,6 +431,8 @@ $:
 								</tr>
 							</Subscribe>
 						{/each}
+					{:else if isFetching}
+						<div class="p-10"><Spinner /></div>
 					{:else}
 						<!-- Table is empty -->
 						<p class="items-center justify-center flex w-full p-10 italic">Nothing to show here.</p>

package/dist/components/Table/TableContent.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { TableConfig } from '../../models/Models';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type TableContentProps = typeof __propDef.props;
 export type TableContentEvents = typeof __propDef.events;
 export type TableContentSlots = typeof __propDef.slots;
-export default class TableContent extends SvelteComponentTyped<TableContentProps, TableContentEvents, TableContentSlots> {
+export default class TableContent extends SvelteComponent<TableContentProps, TableContentEvents, TableContentSlots> {
 }
 export {};

package/dist/components/Table/TableFilter.svelte

@@ -1,4 +1,4 @@
-<script>import Fa from "svelte-fa/src/fa.svelte";
+<script>import Fa from "svelte-fa";
 import { faFilter, faPlus, faXmark } from "@fortawesome/free-solid-svg-icons";
 import { popup } from "@skeletonlabs/skeleton";
 import { FilterOptionsEnum } from "../../models/Enums";
@@ -6,9 +6,24 @@ export let values;
 export let id;
 export let tableId;
 export let toFilterableValueFn = void 0;
+export let toStringFn = void 0;
 export let filterValue;
 export let filters;
+export let pageIndex;
 let active = false;
+let type = "string";
+let isDate = false;
+let dropdowns = [];
+$values.forEach((item) => {
+  if (item) {
+    type = typeof (toFilterableValueFn ? toFilterableValueFn(item) : item);
+    if (type === "object") {
+      if (item instanceof Date) {
+        isDate = true;
+      }
+    }
+  }
+});
 const options = {
   number: [
     {
@@ -89,28 +104,37 @@ const options = {
     }
   ]
 };
-let dropdowns = [];
 const popupId = `${tableId}-${id}`;
 const popupFeatured = {
   event: "click",
   target: popupId,
   placement: "bottom-start"
 };
-let type = "string";
-let isDate = false;
-$values.forEach((item) => {
-  if (item) {
-    type = typeof (toFilterableValueFn ? toFilterableValueFn(item) : item);
-    if (type === "object") {
-      if (item instanceof Date) {
-        isDate = true;
-      }
-    }
-  }
-});
+const stringValues = (
+  // type === 'number' ?
+  $values.map((item) => toStringFn ? toStringFn(item) : item)
+);
+const missingValues = (
+  // type === 'number' ?
+  stringValues.reduce((acc, item, index) => {
+    acc[typeof item === "string" ? item.toLowerCase() : item] = $values[index];
+    return acc;
+  }, {})
+);
+const getMissingValue = (value) => {
+  return Object.keys(missingValues).includes(value.toLowerCase()) ? missingValues[value.toLowerCase()] : value;
+};
 const optionChangeHandler = (e, index) => {
   delete $filters[id][dropdowns[index].option];
-  $filters[id] = { ...$filters[id], [e.target.value]: dropdowns[index].value };
+  $filters[id] = {
+    ...$filters[id],
+    [e.target.value]: (
+      // type === 'number'
+      // ?
+      getMissingValue(dropdowns[index].value)
+    )
+    // : dropdowns[index].value
+  };
   $filters = $filters;
   dropdowns[index] = {
     ...dropdowns[index],
@@ -120,11 +144,18 @@ const optionChangeHandler = (e, index) => {
 const valueChangeHandler = (e, index) => {
   dropdowns[index] = {
     ...dropdowns[index],
-    value: type === "number" ? +e.target.value : type === "date" ? new Date(e.target.value) : e.target.value
+    value: type === "date" ? new Date(e.target.value) : e.target.value
   };
   $filters = {
     ...$filters,
-    [id]: { ...$filters[id], [dropdowns[index].option]: dropdowns[index].value }
+    [id]: {
+      ...$filters[id],
+      [dropdowns[index].option]: (
+        // type === 'number' ?
+        getMissingValue(e.target.value)
+      )
+      //  : dropdowns[index].value
+    }
   };
 };
 const addFilter = (option, value) => {
@@ -178,6 +209,7 @@ $:
 					addFilter(options[type][0].value, undefined);
 					$filterValue = $filters[id];
 					active = false;
+					$pageIndex = 0;
 				}}>Clear Filters</button
 			>
 
@@ -212,14 +244,7 @@ $:
 							{/if}
 						</div>
 
-						{#if type === 'number'}
-							<input
-								type="number"
-								class="input p-1 border border-primary-500"
-								on:input={(e) => valueChangeHandler(e, index)}
-								bind:value={dropdown.value}
-							/>
-						{:else if type === 'string'}
+						{#if type === 'number' || type === 'string'}
 							<input
 								type="text"
 								class="input p-1 border border-primary-500"
@@ -258,6 +283,7 @@ $:
 				class="btn variant-filled-primary btn-sm"
 				type="button"
 				on:click|preventDefault={() => {
+					$pageIndex = 0;
 					$filterValue = $filters[id];
 					active = true;
 				}}>Apply</button

package/dist/components/Table/TableFilter.svelte.d.ts

@@ -1,12 +1,14 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         values: any;
         id: any;
         tableId: any;
         toFilterableValueFn?: ((value: any) => any) | undefined;
+        toStringFn?: ((value: any) => string) | undefined;
         filterValue: any;
         filters: any;
+        pageIndex: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -16,6 +18,6 @@ declare const __propDef: {
 export type TableFilterProps = typeof __propDef.props;
 export type TableFilterEvents = typeof __propDef.events;
 export type TableFilterSlots = typeof __propDef.slots;
-export default class TableFilter extends SvelteComponentTyped<TableFilterProps, TableFilterEvents, TableFilterSlots> {
+export default class TableFilter extends SvelteComponent<TableFilterProps, TableFilterEvents, TableFilterSlots> {
 }
 export {};

package/dist/components/Table/TableFilterServer.svelte

@@ -1,4 +1,4 @@
-<script>import Fa from "svelte-fa/src/fa.svelte";
+<script>import Fa from "svelte-fa";
 import { faFilter, faPlus, faXmark } from "@fortawesome/free-solid-svg-icons";
 import { popup } from "@skeletonlabs/skeleton";
 import { FilterOptionsEnum } from "../../models/Enums";

package/dist/components/Table/TableFilterServer.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         values: any;
@@ -17,6 +17,6 @@ declare const __propDef: {
 export type TableFilterServerProps = typeof __propDef.props;
 export type TableFilterServerEvents = typeof __propDef.events;
 export type TableFilterServerSlots = typeof __propDef.slots;
-export default class TableFilterServer extends SvelteComponentTyped<TableFilterServerProps, TableFilterServerEvents, TableFilterServerSlots> {
+export default class TableFilterServer extends SvelteComponent<TableFilterServerProps, TableFilterServerEvents, TableFilterServerSlots> {
 }
 export {};

package/dist/components/Table/TablePagination.svelte

@@ -1,4 +1,4 @@
-<script>import Fa from "svelte-fa/src/fa.svelte";
+<script>import Fa from "svelte-fa";
 import {
   faAnglesRight,
   faAngleRight,

package/dist/components/Table/TablePagination.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         pageConfig: any;
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type TablePaginationProps = typeof __propDef.props;
 export type TablePaginationEvents = typeof __propDef.events;
 export type TablePaginationSlots = typeof __propDef.slots;
-export default class TablePagination extends SvelteComponentTyped<TablePaginationProps, TablePaginationEvents, TablePaginationSlots> {
+export default class TablePagination extends SvelteComponent<TablePaginationProps, TablePaginationEvents, TablePaginationSlots> {
 }
 export {};

package/dist/components/Table/TablePaginationServer.svelte

@@ -1,4 +1,4 @@
-<script>import Fa from "svelte-fa/src/fa.svelte";
+<script>import Fa from "svelte-fa";
 import {
   faAnglesRight,
   faAngleRight,

package/dist/components/Table/TablePaginationServer.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         id: any;
@@ -16,6 +16,6 @@ declare const __propDef: {
 export type TablePaginationServerProps = typeof __propDef.props;
 export type TablePaginationServerEvents = typeof __propDef.events;
 export type TablePaginationServerSlots = typeof __propDef.slots;
-export default class TablePaginationServer extends SvelteComponentTyped<TablePaginationServerProps, TablePaginationServerEvents, TablePaginationServerSlots> {
+export default class TablePaginationServer extends SvelteComponent<TablePaginationServerProps, TablePaginationServerEvents, TablePaginationServerSlots> {
 }
 export {};

package/dist/components/Table/shared.js

@@ -1,3 +1,4 @@
+import dateFormat from 'dateformat';
 // Function to determine minWidth for a column to simplify the logic in the HTML
 export const minWidth = (id, columns) => {
     if (columns && id in columns) {
@@ -94,14 +95,13 @@ export const convertServerColumns = (columns) => {
     const columnsConfig = {};
     columns.forEach((col) => {
         let instructions = {};
-        // if (col.instructions?.displayPattern) {
-        // 	instructions = {
-        // 		toStringFn: (date: Date) =>
-        // 			date.toLocaleString('en-US', col.instructions?.displayPattern || {}),
-        // 		toSortableValueFn: (date: Date) => date.getTime(),
-        // 		toFilterableValueFn: (date: Date) => date
-        // 	};
-        // }
+        if (col.instructions?.displayPattern) {
+            instructions = {
+                toStringFn: (date) => dateFormat(date, col.instructions?.displayPattern || ''),
+                toSortableValueFn: (date) => date.getTime(),
+                toFilterableValueFn: (date) => date
+            };
+        }
         if (col.instructions?.missingValues) {
             instructions = {
                 ...instructions,

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         id?: string | undefined;
@@ -20,6 +20,6 @@ declare const __propDef: {
 export type CheckboxProps = typeof __propDef.props;
 export type CheckboxEvents = typeof __propDef.events;
 export type CheckboxSlots = typeof __propDef.slots;
-export default class Checkbox extends SvelteComponentTyped<CheckboxProps, CheckboxEvents, CheckboxSlots> {
+export default class Checkbox extends SvelteComponent<CheckboxProps, CheckboxEvents, CheckboxSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         id: any;
@@ -17,6 +17,6 @@ declare const __propDef: {
 export type CheckboxKvPListProps = typeof __propDef.props;
 export type CheckboxKvPListEvents = typeof __propDef.events;
 export type CheckboxKvPListSlots = typeof __propDef.slots;
-export default class CheckboxKvPList extends SvelteComponentTyped<CheckboxKvPListProps, CheckboxKvPListEvents, CheckboxKvPListSlots> {
+export default class CheckboxKvPList extends SvelteComponent<CheckboxKvPListProps, CheckboxKvPListEvents, CheckboxKvPListSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         source: any;
@@ -15,6 +15,6 @@ declare const __propDef: {
 export type CheckboxListProps = typeof __propDef.props;
 export type CheckboxListEvents = typeof __propDef.events;
 export type CheckboxListSlots = typeof __propDef.slots;
-export default class CheckboxList extends SvelteComponentTyped<CheckboxListProps, CheckboxListEvents, CheckboxListSlots> {
+export default class CheckboxList extends SvelteComponent<CheckboxListProps, CheckboxListEvents, CheckboxListSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         id?: string | undefined;
@@ -22,6 +22,6 @@ declare const __propDef: {
 export type DateInputProps = typeof __propDef.props;
 export type DateInputEvents = typeof __propDef.events;
 export type DateInputSlots = typeof __propDef.slots;
-export default class DateInput extends SvelteComponentTyped<DateInputProps, DateInputEvents, DateInputSlots> {
+export default class DateInput extends SvelteComponent<DateInputProps, DateInputEvents, DateInputSlots> {
 }
 export {};

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

@@ -1,17 +1,17 @@
 /** @typedef {typeof __propDef.props}  DropdownKvPProps */
 /** @typedef {typeof __propDef.events}  DropdownKvPEvents */
 /** @typedef {typeof __propDef.slots}  DropdownKvPSlots */
-export default class DropdownKvP extends SvelteComponentTyped<{
+export default class DropdownKvP extends SvelteComponent<{
     id: any;
     target: any;
-    source: any;
     title: any;
+    source: any;
     invalid?: boolean | undefined;
-    valid?: boolean | undefined;
     feedback?: string[] | undefined;
     required?: boolean | undefined;
-    complexTarget?: boolean | undefined;
     help?: boolean | undefined;
+    valid?: boolean | undefined;
+    complexTarget?: boolean | undefined;
 }, {
     change: Event;
     select: Event;
@@ -22,19 +22,19 @@ export default class DropdownKvP extends SvelteComponentTyped<{
 export type DropdownKvPProps = typeof __propDef.props;
 export type DropdownKvPEvents = typeof __propDef.events;
 export type DropdownKvPSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         id: any;
         target: any;
-        source: any;
         title: any;
+        source: any;
         invalid?: boolean | undefined;
-        valid?: boolean | undefined;
         feedback?: string[] | undefined;
         required?: boolean | undefined;
-        complexTarget?: boolean | undefined;
         help?: boolean | undefined;
+        valid?: boolean | undefined;
+        complexTarget?: boolean | undefined;
     };
     events: {
         change: Event;

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         id?: string | undefined;
@@ -17,6 +17,6 @@ declare const __propDef: {
 export type InputContainerProps = typeof __propDef.props;
 export type InputContainerEvents = typeof __propDef.events;
 export type InputContainerSlots = typeof __propDef.slots;
-export default class InputContainer extends SvelteComponentTyped<InputContainerProps, InputContainerEvents, InputContainerSlots> {
+export default class InputContainer extends SvelteComponent<InputContainerProps, InputContainerEvents, InputContainerSlots> {
 }
 export {};