geomui 0.5.55 → 0.5.56

package/dist/InputParams.svelte

@@ -5,30 +5,41 @@
 	import LocStorWrite from './LocStorWrite.svelte';
 	import LocStorRead from './LocStorRead.svelte';
 	import SimpleDrawing from './SimpleDrawing.svelte';
-	import type { tParam, tParamDef, tParamVal, tGeomFunc, tCanvasAdjust } from 'geometrix';
-	import { PType, parseParamFile, createParamFile, adjustZero } from 'geometrix';
-	import { storePV } from './storePVal';
+	import type { tParam, tParamDef, tParamVal, Figure } from 'geometrix';
+	import { PType, parseParamFile, createParamFile } from 'geometrix';
+	import { sParams } from './stateParams.svelte';
 	import { downloadParams, generateUrl } from './downloadParams';
-	import { onMount, createEventDispatcher } from 'svelte';
 	import { browser } from '$app/environment';
 	import { page } from '$app/stores';
 	import { base } from '$app/paths';
 
-	const dispatch = createEventDispatcher();
+	// props
+	interface Props {
+		pDef: tParamDef;
+		pFig: Figure;
+	}
+	let { pDef, pFig }: Props = $props();
 
-	export let pDef: tParamDef;
-	export let fgeom: tGeomFunc;
-	export let selFace: string;
-	export let zAdjust: tCanvasAdjust;
-	export let simTime = 0;
+	// type
+	type tHTableVis = Record<string, boolean>;
 
-	const cAdjustZero = adjustZero();
-	let inputComment = '';
+	// state
+	let inputComment: string = $state('');
+	let hideColumn: boolean = $state(false);
+	let loadMsg: string = $state('');
+	let applyWarn: boolean = $state(false);
+	let modalLoadDefault: boolean = $state(false);
+	let modalLoadLocal: boolean = $state(false);
+	let modalSaveUrl: boolean = $state(false);
+	let modalSaveLocal: boolean = $state(false);
+	let locStorRname: string = $state('');
+	let locStorWname: string = $state('');
+	let pUrl: string = $state('');
+	let paramSvg: string = $state(checkPict(pDef.params[0].name));
+	let modalImg: boolean = $state(false);
+	let htableVis: tHTableVis = $state(makeHTableVis(makeHTable(pDef.params)));
 
 	// initialization
-	function paramChange() {
-		dispatch('paramChg', { foo: 'bla' });
-	}
 	// tolerant applyParamVal
 	function tolerantApply(iPartName: string, ipVal: tParamVal): [string, boolean] {
 		let rMsg = '';
@@ -47,10 +58,10 @@
 			pNameList.push(p.name);
 			if (Object.hasOwn(ipVal, p.name)) {
 				cover += 1;
-				if ($storePV[pDef.partName][p.name] === ipVal[p.name]) {
+				if (sParams[pDef.partName][p.name] === ipVal[p.name]) {
 					equal += 1;
 				} else {
-					$storePV[pDef.partName][p.name] = ipVal[p.name];
+					sParams[pDef.partName][p.name] = ipVal[p.name];
 				}
 			} else {
 				uncover += 1;
@@ -75,14 +86,6 @@
 		const rApplyWarn = applyWarn1 || applyWarn2;
 		return [rMsg, rApplyWarn];
 	}
-	//function initParams1() {
-	//	for (const p of pDef.params) {
-	//		$storePV[pDef.partName][p.name] = p.init;
-	//	}
-	//}
-	// load parameters
-	let loadMsg = '';
-	let applyWarn = false;
 	function initParams2() {
 		if (browser) {
 			const searchParams = new URLSearchParams($page.url.search);
@@ -100,34 +103,15 @@
 			}
 		}
 	}
-	// Bug? No initialization when loading page! Keep the previous values!
-	//initParams1();
-	function forceInit() {
-		initParams2();
-		paramChange();
-	}
-	onMount(() => {
-		forceInit();
-	});
-	// workaround because $page.url.searchParams contains the new value with some delay
-	//function delay(milliseconds: number) {
-	//	return new Promise((resolve) => {
-	//		setTimeout(resolve, milliseconds);
-	//	});
-	//}
-	//async function forceInit2(partName: string) {
-	//	await delay(1000);
-	//	console.log(`dbg081: forceInit: partName ${partName} url ${$page.url}`);
-	//	forceInit(partName);
-	//}
-	//$: forceInit2(pDef.partName);
-	// end of the workaround
+	// initiatlization
+	initParams2();
+
+	// actions
 	function loadParams(iStr: string) {
 		try {
 			const [paramJson] = parseParamFile(iStr);
 			[loadMsg, applyWarn] = tolerantApply(paramJson.partName, paramJson.pVal);
 			inputComment = paramJson.comment;
-			paramChange();
 		} catch (emsg) {
 			let errMsg = 'err723: error by parsing parameter file\n';
 			errMsg += emsg as string;
@@ -151,13 +135,9 @@
 	}
 	// download parameters
 	function downloadParams2() {
-		downloadParams(pDef.partName, $storePV[pDef.partName], inputComment);
+		downloadParams(pDef.partName, sParams[pDef.partName], inputComment);
 	}
 	// modal
-	let modalLoadDefault = false;
-	let modalLoadLocal = false;
-	let modalSaveUrl = false;
-	let modalSaveLocal = false;
 	function loadDefaults() {
 		const pInit: tParamVal = {};
 		for (const p of pDef.params) {
@@ -166,7 +146,6 @@
 		[loadMsg, applyWarn] = tolerantApply(pDef.partName, pInit);
 	}
 	// load parameters from localStorage
-	let locStorRname: string;
 	function loadLocStor() {
 		if (locStorRname !== undefined && locStorRname !== '') {
 			const storeKey = `${pDef.partName}_${locStorRname}`;
@@ -186,7 +165,6 @@
 		}
 	}
 	// save parameters into localStorage
-	let locStorWname: string;
 	//$: console.log(`dbg888: ${locStorWname}`);
 	function saveInLocStor() {
 		if (locStorWname !== undefined && locStorWname !== '') {
@@ -196,7 +174,7 @@
 			const storeAllStr = createParamFile(
 				lastModif,
 				pDef.partName,
-				$storePV[pDef.partName],
+				sParams[pDef.partName],
 				inputComment
 			);
 			//console.log(`save in localStorage ${storeKey}`);
@@ -208,9 +186,8 @@
 		}
 	}
 	// Save as URL
-	let pUrl = '';
 	function generateUrl2(): string {
-		const url1 = generateUrl($page.url.href, $storePV[pDef.partName], false);
+		const url1 = generateUrl($page.url.href, sParams[pDef.partName], false);
 		return url1.toString();
 	}
 	function openModalUrl() {
@@ -221,30 +198,18 @@
 		//console.log(`dbg244: voila`);
 	}
 	// parameter picture
-	let paramSvg = `${base}/pgdsvg/default_param_blank.svg`;
-	function paramPict(keyName: string) {
-		//console.log(`dbg783: ${keyName}`);
+	function checkPict(keyName: string): string {
+		let rSvgPath = `${base}/pgdsvg/default_param_blank.svg`;
 		// convention for the file-names of the parameter description
 		//paramSvg = `${base}/pgdsvg/${pDef.partName}_${keyName}.svg`;
-		paramSvg = `${base}/pgdsvg/default_param_blank.svg`;
 		if (Object.keys(pDef.paramSvg).includes(keyName)) {
-			paramSvg = `${base}/pgdsvg/${pDef.paramSvg[keyName]}`;
+			rSvgPath = `${base}/pgdsvg/${pDef.paramSvg[keyName]}`;
 		}
+		return rSvgPath;
 	}
-	// TODO: solve properly this workaround (avoiding weird re-trigger)
-	let prePartName = '';
-	function paramPict2(idx: number, pDef_page: string) {
-		//console.log(`dbg283: ${pDef_page}`);
-		if (prePartName !== pDef.partName) {
-			// workaround for avoiding weird re-trigger
-			const paramNb = Object.keys($storePV[pDef_page]).length;
-			if (idx < paramNb) {
-				paramPict(Object.keys($storePV[pDef_page])[idx]);
-			}
-		}
+	function paramPict(keyName: string) {
+		paramSvg = checkPict(keyName);
 	}
-	$: paramPict2(0, pDef.partName);
-	let modalImg = false;
 	function showSvg() {
 		//console.log(`dbg231: svgPath: ${svgPath}`);
 		modalImg = true;
@@ -256,7 +221,6 @@
 		sectionVisible: boolean;
 		params: tParam[];
 	}
-	type tHTableVis = Record<string, boolean>;
 	function makeHTable(iParams: tParam[]): tHTableSection[] {
 		const rHTable: tHTableSection[] = [];
 		const sectionMain: tHTableSection = {
@@ -292,18 +256,17 @@
 		}
 		return rVis;
 	}
-	let htable: tHTableSection[];
-	let htableVis: tHTableVis;
-	// TODO: second workaround to be solved properly
-	//let prePartName = '';
-	$: {
-		htable = makeHTable(pDef.params);
-		if (prePartName !== pDef.partName) {
-			// workaround for avoiding weird re-trigger
-			prePartName = pDef.partName;
-			htableVis = makeHTableVis(htable);
-		}
+	let htable: tHTableSection[] = $derived(makeHTable(pDef.params));
+	// actions
+	function sizeSmall() {
+		hideColumn = true;
 	}
+	function sizeBig() {
+		hideColumn = false;
+	}
+	let dColspanHide1: number = $derived(hideColumn ? 2 : 4);
+	let dColspanHide2: number = $derived(hideColumn ? 2 : 3);
+	let dCommentSize: number = $derived(hideColumn ? 50 : 70);
 </script>
 
 <section>
@@ -314,15 +277,15 @@
 			id="loadFParams"
 			type="file"
 			accept="text/plain, application/json"
-			on:change={loadParamFromFile}
+			onchange={loadParamFromFile}
 		/>
 		<button
-			on:click={() => {
+			onclick={() => {
 				modalLoadDefault = true;
 			}}>Set Params Default</button
 		>
 		<button
-			on:click={() => {
+			onclick={() => {
 				modalLoadLocal = true;
 			}}>Load Params from localStorage</button
 		>
@@ -347,20 +310,26 @@
 				<tr>
 					<td>&#35;</td>
 					<td>Parameter name</td>
-					<td>Value</td>
-					<td>Unit</td>
-					<td>Default</td>
+					<td
+						>Value<span
+							><button onclick={sizeSmall}>&minus;</button><button onclick={sizeBig}
+								>+</button
+							></span
+						></td
+					>
+					<td class:hideColumn>Unit</td>
+					<td class:hideColumn>Default</td>
 					<td>Min</td>
 					<td>Max</td>
-					<td>Step</td>
+					<td class:hideColumn>Step</td>
 				</tr>
 			</thead>
 			{#each htable as sect, sidx}
 				<tbody>
 					<tr class="separator">
 						<td>{sidx + 1}</td>
-						<td colspan="4">{sect.sectionName}</td>
-						<td colspan="3">
+						<td colspan={dColspanHide1}>{sect.sectionName}</td>
+						<td colspan={dColspanHide2}>
 							<label>
 								<input type="checkbox" bind:checked={htableVis[sect.sectionID]} />
 								<span> </span></label
@@ -370,39 +339,37 @@
 				</tbody>
 				<tbody class:collaps={htableVis[sect.sectionID]}>
 					{#each sect.params as param, pidx}
-						<tr class:changed={$storePV[pDef.partName][param.name] !== param.init}>
+						<tr class:changed={sParams[pDef.partName][param.name] !== param.init}>
 							<td>{sidx + 1}.{pidx + 1}</td>
 							<td
-								><button on:click={() => paramPict(param.name)}>{param.name}</button
+								><button onclick={() => paramPict(param.name)}>{param.name}</button
 								></td
 							>
 							<td>
 								{#if param.pType === PType.eNumber}
 									<input
 										type="number"
-										bind:value={$storePV[pDef.partName][param.name]}
+										bind:value={sParams[pDef.partName][param.name]}
 										min={param.min}
 										max={param.max}
 										step={param.step}
-										on:change={paramChange}
 										class="input-number"
 									/>
 									<input
 										type="range"
-										bind:value={$storePV[pDef.partName][param.name]}
+										bind:value={sParams[pDef.partName][param.name]}
 										min={param.min}
 										max={param.max}
 										step={param.step}
-										on:change={paramChange}
 									/>
 								{:else if param.pType === PType.eCheckbox}
-									<select bind:value={$storePV[pDef.partName][param.name]}>
+									<select bind:value={sParams[pDef.partName][param.name]}>
 										{#each ['Off', 'On'] as one, idx}
 											<option value={idx}>{one}</option>
 										{/each}
 									</select>
 								{:else if param.pType === PType.eDropdown}
-									<select bind:value={$storePV[pDef.partName][param.name]}>
+									<select bind:value={sParams[pDef.partName][param.name]}>
 										{#each param.dropdown as one, idx}
 											<option value={idx}>{one}</option>
 										{/each}
@@ -411,11 +378,11 @@
 									unknown
 								{/if}
 							</td>
-							<td>{param.unit}</td>
-							<td>{param.init}</td>
+							<td class:hideColumn>{param.unit}</td>
+							<td class:hideColumn>{param.init}</td>
 							<td>{param.min}</td>
 							<td>{param.max}</td>
-							<td>{param.step}</td>
+							<td class:hideColumn>{param.step}</td>
 						</tr>
 					{/each}
 				</tbody>
@@ -423,12 +390,18 @@
 		</table>
 		<div class="comment">
 			<label for="inComment">Comment:</label>
-			<input type="text" id="inComment" bind:value={inputComment} maxlength="150" size="70" />
+			<input
+				type="text"
+				id="inComment"
+				bind:value={inputComment}
+				maxlength="150"
+				size={dCommentSize}
+			/>
 		</div>
-		<button on:click={downloadParams2}>Save Parameters to File</button>
-		<button on:click={openModalUrl}>Save Parameters as URL</button>
+		<button onclick={downloadParams2}>Save Parameters to File</button>
+		<button onclick={openModalUrl}>Save Parameters as URL</button>
 		<button
-			on:click={() => {
+			onclick={() => {
 				modalSaveLocal = true;
 			}}>Save Parameters to localStorage</button
 		>
@@ -444,14 +417,14 @@
 		>
 	</main>
 	<ModalImg bind:modalOpen={modalImg} svgPath={paramSvg} />
-	<button on:click={showSvg} class="side-img">
+	<button onclick={showSvg} class="side-img">
 		<img src={paramSvg} alt={paramSvg} />
 	</button>
 	<div class="mini-canvas">
-		<SimpleDrawing pageName={pDef.partName} {fgeom} {selFace} zAdjust={cAdjustZero} {simTime} />
+		<SimpleDrawing {pFig} full={true} />
 	</div>
 	<div class="mini-canvas">
-		<SimpleDrawing pageName={pDef.partName} {fgeom} {selFace} {zAdjust} {simTime} />
+		<SimpleDrawing {pFig} full={false} />
 	</div>
 </section>
 
@@ -515,6 +488,20 @@ section > main > table > thead {
   background-color: #ddd;
 }
 
+section > main > table > thead > tr > td > span {
+  margin-left: 5rem;
+}
+
+section > main > table > thead > tr > td > span > button {
+  border: 0;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  border-radius: 30%;
+  font-weight: 700;
+  color: Blue;
+  background-color: LightBlue;
+}
+
 section > main > table > tbody {
   background-color: #eee;
 }
@@ -590,6 +577,11 @@ section > main > table > tbody > tr > td > input.input-number {
   width: 5rem;
 }
 
+section > main > table > thead > tr > td.hideColumn,
+section > main > table > tbody > tr > td.hideColumn {
+  display: none;
+}
+
 section > main > div.comment {
   font-size: 0.8rem;
   margin-left: 0.5rem;

package/dist/InputParams.svelte.d.ts

@@ -1,27 +1,7 @@
-import type { tParamDef, tGeomFunc, tCanvasAdjust } from 'geometrix';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const InputParams: $$__sveltets_2_IsomorphicComponent<{
+import type { tParamDef, Figure } from 'geometrix';
+declare const InputParams: import("svelte").Component<{
     pDef: tParamDef;
-    fgeom: tGeomFunc;
-    selFace: string;
-    zAdjust: tCanvasAdjust;
-    simTime?: number;
-}, {
-    paramChg: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type InputParams = InstanceType<typeof InputParams>;
+    pFig: Figure;
+}, {}, "">;
+type InputParams = ReturnType<typeof InputParams>;
 export default InputParams;

package/dist/LabelCheckbox.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
-	import { dLayers } from './drawingLayers';
+	import { sDraw } from './stateDrawing.svelte';
 </script>
 
 <div>
-	<label><input type="checkbox" bind:checked={$dLayers.main} />main part</label>
-	<label><input type="checkbox" bind:checked={$dLayers.mainB} />main skeleton</label>
-	<label><input type="checkbox" bind:checked={$dLayers.second} />second parts</label>
-	<label><input type="checkbox" bind:checked={$dLayers.secondB} />second skeletons</label>
-	<label><input type="checkbox" bind:checked={$dLayers.dynamics} />dynamics</label>
-	<label><input type="checkbox" bind:checked={$dLayers.ruler} />ruler</label>
-	<label><input type="checkbox" bind:checked={$dLayers.refframe} />frame of reference</label>
-	<label><input type="checkbox" bind:checked={$dLayers.points} />points</label>
-	<label><input type="checkbox" bind:checked={$dLayers.lines} />lines</label>
-	<label><input type="checkbox" bind:checked={$dLayers.vectors} />vectors</label>
+	<label><input type="checkbox" bind:checked={sDraw.dLayers.main} />main part</label>
+	<label><input type="checkbox" bind:checked={sDraw.dLayers.mainB} />main skeleton</label>
+	<label><input type="checkbox" bind:checked={sDraw.dLayers.second} />second parts</label>
+	<label><input type="checkbox" bind:checked={sDraw.dLayers.secondB} />second skeletons</label>
+	<label><input type="checkbox" bind:checked={sDraw.dLayers.dynamics} />dynamics</label>
+	<label><input type="checkbox" bind:checked={sDraw.dLayers.ruler} />ruler</label>
+	<label><input type="checkbox" bind:checked={sDraw.dLayers.refframe} />frame of reference</label>
+	<label><input type="checkbox" bind:checked={sDraw.dLayers.points} />points</label>
+	<label><input type="checkbox" bind:checked={sDraw.dLayers.lines} />lines</label>
+	<label><input type="checkbox" bind:checked={sDraw.dLayers.vectors} />vectors</label>
 </div>
 
 <style>/*

package/dist/LocStorRead.svelte

@@ -1,12 +1,17 @@
 <script lang="ts">
 	import LocStorTable from './LocStorTable.svelte';
-	//import { browser } from '$app/environment';
 
-	export let pageName: string;
-	export let storeName: string;
+	// props
+	interface Props {
+		pageName: string;
+		storeName: string;
+	}
+	let { pageName, storeName = $bindable() }: Props = $props();
+
+	// state
+	let localKeys: string[] = $state([]);
 
-	let localKeys: string[] = [];
-	// create a default key name
+	// default storeName
 	function defaultName(ilocalKeys: string[]) {
 		let rname = storeName;
 		const nameUpdate = !ilocalKeys.includes(rname);
@@ -19,8 +24,9 @@
 		}
 		return rname;
 	}
-	$: storeName = defaultName(localKeys);
-	//$: console.log(`dbg994: ${storeName}`);
+	$effect(() => {
+		storeName = defaultName(localKeys);
+	});
 </script>
 
 <LocStorTable {pageName} bind:storeName bind:localKeys />

package/dist/LocStorRead.svelte.d.ts

@@ -1,21 +1,6 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const LocStorRead: $$__sveltets_2_IsomorphicComponent<{
+declare const LocStorRead: import("svelte").Component<{
     pageName: string;
     storeName: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type LocStorRead = InstanceType<typeof LocStorRead>;
+}, {}, "storeName">;
+type LocStorRead = ReturnType<typeof LocStorRead>;
 export default LocStorRead;

package/dist/LocStorTable.svelte

@@ -2,9 +2,18 @@
 	import ModalDiag from './ModalDiag.svelte';
 	import { browser } from '$app/environment';
 
-	export let pageName: string;
-	export let storeName: string;
-	export let localKeys: string[];
+	// props
+	interface Props {
+		pageName: string;
+		storeName: string;
+		localKeys: string[];
+	}
+	let { pageName, storeName = $bindable(), localKeys = $bindable() }: Props = $props();
+
+	// state
+	let localDel: tLocalDel = $state({});
+	let globalDel = $state(false);
+	let modalDelConfirm = $state(false);
 
 	// get the list of localStorage keys
 	function getLocalKey() {
@@ -15,6 +24,7 @@
 			//console.log(keyList);
 			rKeyList = keyList.map((k) => k.replace(re, ''));
 		}
+		rKeyList.sort(); // order the list for consistent UX
 		//console.log(rKeyList);
 		return rKeyList;
 	}
@@ -24,7 +34,6 @@
 	}
 	// last modification date
 	type tLocalDate = Record<string, string>;
-	let localDate: tLocalDate = {};
 	function getLocalDate(iKeys: string[]): tLocalDate {
 		let rLocalDate: tLocalDate = {};
 		if (browser) {
@@ -42,10 +51,9 @@
 		}
 		return rLocalDate;
 	}
-	localDate = getLocalDate(localKeys);
+	let localDate: tLocalDate = $derived(getLocalDate(localKeys));
 	// delete checkbox
 	type tLocalDel = Record<string, boolean>;
-	let localDel: tLocalDel = {};
 	function getInitDel(iKeys: string[]): tLocalDel {
 		let rLocalDel: tLocalDel = {};
 		for (const k of iKeys) {
@@ -55,13 +63,11 @@
 	}
 	localDel = getInitDel(localKeys);
 	// global delete
-	let globalDel = false;
-	function setGlobalDel(iGlobalDel: boolean) {
+	function setGlobalDel() {
 		for (const k of localKeys) {
-			localDel[k] = iGlobalDel;
+			localDel[k] = globalDel;
 		}
 	}
-	$: setGlobalDel(globalDel);
 	// delete action
 	function actionDel() {
 		if (browser) {
@@ -73,14 +79,14 @@
 				}
 			}
 		}
+		globalDel = false; // reset global delete checkbox
 		localKeys = getLocalKey();
 	}
-	let modalDelConfirm = false;
 </script>
 
 <div class="deleteKeys">
 	<button
-		on:click={() => {
+		onclick={() => {
 			modalDelConfirm = true;
 		}}>Delete</button
 	>
@@ -100,7 +106,7 @@
 				<td>Last modification</td>
 			</tr>
 			<tr>
-				<td><input type="checkbox" bind:checked={globalDel} /></td>
+				<td><input type="checkbox" bind:checked={globalDel} onchange={setGlobalDel} /></td>
 				<td class="instruction">delete all</td>
 				<td></td>
 			</tr>
@@ -109,7 +115,7 @@
 			{#each localKeys as kname}
 				<tr>
 					<td><input type="checkbox" bind:checked={localDel[kname]} /></td>
-					<td><button on:click={() => modifInput(kname)}>{kname}</button></td>
+					<td><button onclick={() => modifInput(kname)}>{kname}</button></td>
 					<td>{localDate[kname]}</td>
 				</tr>
 			{/each}

package/dist/LocStorTable.svelte.d.ts

@@ -1,22 +1,7 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const LocStorTable: $$__sveltets_2_IsomorphicComponent<{
+declare const LocStorTable: import("svelte").Component<{
     pageName: string;
     storeName: string;
     localKeys: string[];
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type LocStorTable = InstanceType<typeof LocStorTable>;
+}, {}, "storeName" | "localKeys">;
+type LocStorTable = ReturnType<typeof LocStorTable>;
 export default LocStorTable;