@lavalogic/scoria 0.1.0 → 0.2.0

package/dist/Components/GridInput.svelte

@@ -29,7 +29,9 @@
 </script>
 
 <script lang="ts" generics="V,VP">
-	const { item = $bindable(), first, last }: GridInputProps<V, VP> = $props();
+	const { item, first, last }: GridInputProps<V, VP> = $props();
+
+	let value = $state(isText(item) ? (item.value ?? '') : '');
 
 	function isSelect(
 		item: GridItem<V, VP>
@@ -81,7 +83,10 @@
 	{#if isText(item)}
 		<TextInput
 			disabled={item.disabled}
-			bind:value={item.value}
+			bind:value
+			oninput={() => {
+				item.updater(value);
+			}}
 			required={item.required}
 			invalid={item.invalid}
 		/>
@@ -100,7 +105,7 @@
 						selectedValues={item.value}
 						invalid={item.invalid}
 						onchange={(v) => {
-							item.value = v;
+							item.updater(v || null);
 						}}
 					/>
 				{:else if isMultiSelectPrimitive(item)}
@@ -113,7 +118,7 @@
 						selectedValues={item.value}
 						invalid={item.invalid}
 						onchange={(v) => {
-							item.value = v.map((it) => it[item.valueProp]);
+							item.updater(v.map((it) => it[item.valueProp]));
 						}}
 					/>
 				{/if}
@@ -135,7 +140,7 @@
 						disabled={item.disabled}
 						invalid={item.invalid}
 						onchange={(v) => {
-							item.value = v;
+							item.updater(v || null);
 						}}
 					/>
 				{:else if isSingleSelectPrimitive(item)}
@@ -151,7 +156,7 @@
 						disabled={item.disabled}
 						invalid={item.invalid}
 						onchange={(v) => {
-							item.value = v?.[item.valueProp] ?? null;
+							item.updater(v?.[item.valueProp] ?? null);
 						}}
 					/>
 				{/if}

package/dist/Components/GridInput.svelte.d.ts

@@ -7,7 +7,7 @@ export interface GridInputProps<V, VP> {
 declare function $$render<V, VP>(): {
     props: GridInputProps<V, VP>;
     exports: {};
-    bindings: "item";
+    bindings: "";
     slots: {};
     events: {};
 };
@@ -15,7 +15,7 @@ declare class __sveltets_Render<V, VP> {
     props(): ReturnType<typeof $$render<V, VP>>['props'];
     events(): ReturnType<typeof $$render<V, VP>>['events'];
     slots(): ReturnType<typeof $$render<V, VP>>['slots'];
-    bindings(): "item";
+    bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/dist/Components/GridInputSet.svelte

@@ -13,7 +13,7 @@
 	import GridInput from './GridInput.svelte';
 	import type { GridItem } from '../Types/Internal/GridItem.js';
 
-	const { items = $bindable(), header }: GridInputSetProps<V, VP> = $props();
+	const { items, header }: GridInputSetProps<V, VP> = $props();
 
 	const lastIndex = $derived(items.length - 1);
 </script>
@@ -23,7 +23,7 @@
 		{@render header()}
 	{/if}
 	{#each items as item, index (item)}
-		<GridInput bind:item={items[index]} first={index == 0} last={index == lastIndex} />
+		<GridInput item={items[index]} first={index == 0} last={index == lastIndex} />
 	{/each}
 </div>
 

package/dist/Components/GridInputSet.svelte.d.ts

@@ -7,7 +7,7 @@ import type { GridItem } from '../Types/Internal/GridItem.js';
 declare function $$render<V, VP>(): {
     props: GridInputSetProps<V, VP>;
     exports: {};
-    bindings: "items";
+    bindings: "";
     slots: {};
     events: {};
 };
@@ -15,7 +15,7 @@ declare class __sveltets_Render<V, VP> {
     props(): ReturnType<typeof $$render<V, VP>>['props'];
     events(): ReturnType<typeof $$render<V, VP>>['events'];
     slots(): ReturnType<typeof $$render<V, VP>>['slots'];
-    bindings(): "items";
+    bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/dist/Types/Internal/GridMultiSelectItemAsObject.d.ts

@@ -2,4 +2,5 @@ import type { GridMultiSelectItem } from './GridMultiSelectItem.js';
 export interface GridMultiSelectItemAsObject<V extends object, VP extends string & keyof V> extends GridMultiSelectItem<V, VP> {
     valueAsObject: true;
     value: V[];
+    updater: (v: V[]) => void;
 }

package/dist/Types/Internal/GridMultiSelectItemAsPrimitive.d.ts

@@ -2,4 +2,5 @@ import type { GridMultiSelectItem } from './GridMultiSelectItem.js';
 export interface GridMultiSelectItemAsPrimitive<V extends object, VP extends string & keyof V> extends GridMultiSelectItem<V, VP> {
     valueAsObject: false;
     value: Array<V[VP]>;
+    updater: (v: Array<V[VP]>) => void;
 }

package/dist/Types/Internal/GridNumberItem.d.ts

@@ -1,4 +1,5 @@
 import type { GridStringItem } from './GridStringItem.js';
 export interface GridNumberItem extends GridStringItem {
     type: 'number';
+    updater: (v: number) => void;
 }

package/dist/Types/Internal/GridSingleSelectItemAsObject.d.ts

@@ -2,4 +2,5 @@ import type { GridSingleSelectItem } from './GridSingleSelectItem.js';
 export interface GridSingleSelectItemAsObject<V extends object, VP extends keyof V> extends GridSingleSelectItem<V, VP> {
     valueAsObject: true;
     value: V | null;
+    updater: (v: V | null) => void;
 }

package/dist/Types/Internal/GridSingleSelectItemAsPrimitive.d.ts

@@ -2,4 +2,5 @@ import type { GridSingleSelectItem } from './GridSingleSelectItem.js';
 export interface GridSingleSelectItemAsPrimitive<V extends object, VP extends keyof V> extends GridSingleSelectItem<V, VP> {
     valueAsObject: false;
     value: V[VP] | null;
+    updater: (v: V[VP] | null) => void;
 }

package/dist/Types/Internal/GridTextItem.d.ts

@@ -1,4 +1,5 @@
 import type { GridStringItem } from './GridStringItem.js';
 export interface GridTextItem extends GridStringItem {
     type?: 'text' | 'email' | 'tel';
+    updater: (v: string) => void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "publishConfig": {
     "access": "restricted"
   },