@lavalogic/scoria 0.10.1 → 0.11.0

package/dist/Components/Base/ContextWrapper.svelte

@@ -12,18 +12,21 @@
 
 	export interface ContextWrapperProps {
 		children: Snippet;
+		debug?: boolean;
 	}
 </script>
 
 <script lang="ts">
-	const { children }: ContextWrapperProps = $props();
+	const { children, debug = false }: ContextWrapperProps = $props();
 
 	setContext(ContextMenuContext.identifier, new ContextMenuContext());
 	setContext(TooltipContext.identifier, new TooltipContext());
 	setContext(ToastContext.identifier, new ToastContext());
 	const alertContext = new AlertContext();
 	setContext(AlertContext.identifier, alertContext);
-	setContext(UntypedInputContext.identifier, new UntypedInputContext());
+
+	const untypedListenerContext = new UntypedInputContext(debug);
+	setContext(UntypedInputContext.identifier, untypedListenerContext);
 </script>
 
 <ContextMenu />
@@ -32,5 +35,5 @@
 {#if alertContext.showModal}
 	<AlertModal />
 {/if}
-
+<svelte:window onkeydown={untypedListenerContext.handleGlobalKeydown} />
 {@render children()}

package/dist/Components/Base/ContextWrapper.svelte.d.ts

@@ -1,6 +1,7 @@
 import { type Snippet } from 'svelte';
 export interface ContextWrapperProps {
     children: Snippet;
+    debug?: boolean;
 }
 declare const ContextWrapper: import("svelte").Component<ContextWrapperProps, {}, "">;
 type ContextWrapper = ReturnType<typeof ContextWrapper>;

package/dist/Components/Table/Body/Rows/Columns/TableColumn.svelte

@@ -101,7 +101,9 @@
 				{@debug cell}
 			{/if}
 		{:catch e}
-			<FocusableImmutableCell value={e?.toString()} {cell} />
+			<FocusableImmutableCell {cell}>
+				{e?.toString()}
+			</FocusableImmutableCell>
 		{/await}
 	{/if}
 {/if}

package/dist/Components/Table/Headers/SelectAllHeader.svelte

@@ -16,14 +16,14 @@
 	<label>
 		{#await checked}
 			<input
-				onchange={tableContext.onSelectAllInCurrentPage}
+				onchange={tableContext.selectAllInCurrentPage}
 				type="checkbox"
 				checked={false}
 				disabled={tableContext.showSelectedOnly}
 			/>
 		{:then checked}
 			<input
-				onchange={tableContext.onSelectAllInCurrentPage}
+				onchange={tableContext.selectAllInCurrentPage}
 				type="checkbox"
 				{checked}
 				disabled={tableContext.showSelectedOnly}

package/dist/Components/Table/Types/Context/TableContext.svelte.d.ts

@@ -165,7 +165,7 @@ export declare class TableContext<T extends object> {
     readonly updateSelectedItems: () => Promise<void>;
     readonly resetSelectedItems: () => void;
     readonly recalculateAllSelectedInCurrentPage: () => void;
-    readonly onSelectAllInCurrentPage: () => Promise<void>;
+    readonly selectAllInCurrentPage: () => Promise<void>;
     readonly onHighlightAll: () => void;
     readonly onEditCell: (item: T, coords: CellCoordinates, value: unknown) => Promise<void>;
     readonly handleTdKeydown: (e: KeyboardEvent) => void;

package/dist/Components/Table/Types/Context/TableContext.svelte.js

@@ -860,7 +860,7 @@ export class TableContext {
             });
         });
     };
-    onSelectAllInCurrentPage = async () => {
+    selectAllInCurrentPage = async () => {
         if (!this.dataRepo) {
             return;
         }

package/dist/Components/VerticalTabGroup.svelte

@@ -12,14 +12,23 @@
 		style?: string;
 		noscroll?: boolean;
 		noTabMessage?: string;
+		nohistory?: boolean;
 	}
 </script>
 
 <script lang="ts">
-	let { name, tabs, selected, style, noscroll, noTabMessage }: VerticalTabGroupProps = $props();
+	let {
+		name,
+		tabs,
+		selected,
+		style,
+		noscroll,
+		noTabMessage,
+		nohistory = false
+	}: VerticalTabGroupProps = $props();
 
 	onMount(() => {
-		if (name) {
+		if (name && nohistory !== true) {
 			const tabName = sessionStorage.getItem(`${name}-active-tab`);
 			if (tabName) {
 				tabs.find((it) => it.label === tabName)?.onclick();

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

@@ -6,6 +6,7 @@ export interface VerticalTabGroupProps {
     style?: string;
     noscroll?: boolean;
     noTabMessage?: string;
+    nohistory?: boolean;
 }
 declare const VerticalTabGroup: import("svelte").Component<VerticalTabGroupProps, {}, "">;
 type VerticalTabGroup = ReturnType<typeof VerticalTabGroup>;

package/dist/Contexts/UntypedInputContext.svelte.d.ts

@@ -1,6 +1,8 @@
 export type StringCallback = (value: string) => boolean | void | Promise<boolean | void>;
 import type { Unsubscriber } from '../Types/Internal/Misc.js';
 export declare class UntypedInputContext {
+    private debug;
+    constructor(debug?: boolean);
     static readonly identifier: unique symbol;
     private readonly registeredListeners;
     readonly registerListener: (listener: StringCallback) => Unsubscriber;

package/dist/Contexts/UntypedInputContext.svelte.js

@@ -1,4 +1,8 @@
 export class UntypedInputContext {
+    debug;
+    constructor(debug = false) {
+        this.debug = debug;
+    }
     static identifier = Symbol();
     registeredListeners = [];
     registerListener = (listener) => {
@@ -42,11 +46,20 @@ export class UntypedInputContext {
         if (!this.tagNameSet.has(document.activeElement?.tagName)) {
             clearTimeout(this.debounceTimer);
             if (e.key === 'Enter') {
+                if (this.debug) {
+                    console.log('firing');
+                }
                 this.fire();
+                if (this.debug) {
+                    console.log('clearing');
+                }
                 this.untypedValue = '';
                 return;
             }
             if (e.key.length == 1) {
+                if (this.debug) {
+                    console.log(`adding ${e.key}`);
+                }
                 this.untypedValue += e.key;
             }
             // else {

package/package.json

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