geomui 0.5.55 → 0.5.57

package/dist/SubDesign.svelte

@@ -4,22 +4,25 @@
 	//import { downloadParams, generateUrl } from './downloadParams';
 	import { downloadParams } from './downloadParams';
 	import { updateStore } from './initStore';
-	//import { onMount, createEventDispatcher } from 'svelte';
-	//import { browser } from '$app/environment';
 	//import { page } from '$app/stores';
 	import { base } from '$app/paths';
 	import { goto } from '$app/navigation';
 
-	export let subD: tSubDesign = {};
-	export let origPartName = '';
-	export let pLink: tAllLink;
+	// props
+	interface Props {
+		subD: tSubDesign;
+		origPartName: string;
+		pLink: tAllLink;
+	}
+	let { subD, origPartName, pLink }: Props = $props();
 
-	let subInsts: string[] = [];
-	$: subInsts = Object.keys(subD);
+	// derived
+	const dSubInstList: string[] = $derived(Object.keys(subD));
 
+	// actions
 	async function goToUrl(subInstName: string) {
 		const subObj = subD[subInstName];
-		// modify the global store $storePV
+		// modify the global store sParams
 		updateStore(subObj.partName, paramListToVal(subObj.dparam), true);
 		//const rUrl = generateUrl(`${$page.url.origin}${base}/${subObj.link}`, paramListToVal(subObj.dparam), true);
 		//const rUrl = generateUrl(`${$page.url.origin}${base}/${subObj.link}`, {}, true);
@@ -59,20 +62,20 @@
 <section>
 	<h2>
 		Sub-designs
-		<span>(Number of sub-instances: {subInsts.length})</span>
+		<span>(Number of sub-instances: {dSubInstList.length})</span>
 	</h2>
 	<ol>
-		{#each subInsts as subInst}
+		{#each dSubInstList as subInst}
 			<li>
 				<input type="checkbox" id="cb_{subInst}" class="toggle" checked={false} />
 				<label for="cb_{subInst}" class="label">
 					<div class="arrow"></div>
 					{subInst}
 				</label>
-				<button on:click={() => goToUrl(subInst)}
+				<button onclick={() => goToUrl(subInst)}
 					>Go to {pLink[subD[subInst].partName]}</button
 				>
-				<button on:click={() => dwnParams2(subInst)}>Export parameters</button>
+				<button onclick={() => dwnParams2(subInst)}>Export parameters</button>
 				<div class="nested">
 					<article>
 						{Object.keys(subD[subInst].dparam).length} parameters of

package/dist/SubDesign.svelte.d.ts

@@ -1,23 +1,8 @@
-import type { tAllLink } 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 SubDesign: $$__sveltets_2_IsomorphicComponent<{
-    subD?: any;
-    origPartName?: string;
+import type { tSubDesign, tAllLink } from 'geometrix';
+declare const SubDesign: import("svelte").Component<{
+    subD: tSubDesign;
+    origPartName: string;
     pLink: tAllLink;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type SubDesign = InstanceType<typeof SubDesign>;
+}, {}, "">;
+type SubDesign = ReturnType<typeof SubDesign>;
 export default SubDesign;

package/dist/TimeControl.svelte

@@ -1,15 +1,22 @@
 <script lang="ts">
 	import { onDestroy } from 'svelte';
 
-	export let tMax = 10;
-	export let tStep = 0.1;
-	export let tUpdate = 500; // ms
-	export let simTime = 0;
+	// props
+	interface Props {
+		tMax?: number;
+		tStep?: number;
+		tUpdate?: number;
+		simTime?: number;
+	}
+	let { tMax = 10, tStep = 0.1, tUpdate = 500, simTime = $bindable(0) }: Props = $props();
 
+	// internal state: no need of $state() because no UI update
 	let intervalID: ReturnType<typeof setTimeout> | null = null;
 	let speed = 0;
 	let inc: number;
 	const speedMax = 4;
+
+	// actions
 	function clearInterval2() {
 		if (intervalID !== null) {
 			clearInterval(intervalID);
@@ -72,12 +79,12 @@
 </script>
 
 <nav>
-	<button on:click={simZero}>0</button>
-	<button on:click={simPlayBackward}>&lt-</button>
-	<button on:click={simDecrem}>|&lt</button>
-	<button on:click={simPause}>||</button>
-	<button on:click={simIncrem}>&gt|</button>
-	<button on:click={simPlayForward}>-&gt</button>
+	<button onclick={simZero}>0</button>
+	<button onclick={simPlayBackward}>&lt-</button>
+	<button onclick={simDecrem}>|&lt</button>
+	<button onclick={simPause}>||</button>
+	<button onclick={simIncrem}>&gt|</button>
+	<button onclick={simPlayForward}>-&gt</button>
 	<input type="range" bind:value={simTime} min="0" max={tMax} step={tStep} />
 	<input type="number" bind:value={simTime} min="0" max={tMax} step={tStep} />
 </nav>

package/dist/TimeControl.svelte.d.ts

@@ -1,23 +1,8 @@
-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 TimeControl: $$__sveltets_2_IsomorphicComponent<{
+declare const TimeControl: import("svelte").Component<{
     tMax?: number;
     tStep?: number;
     tUpdate?: number;
     simTime?: number;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type TimeControl = InstanceType<typeof TimeControl>;
+}, {}, "simTime">;
+type TimeControl = ReturnType<typeof TimeControl>;
 export default TimeControl;

package/dist/ZoomControl.svelte

@@ -1,35 +1,25 @@
 <script lang="ts">
-	import { createEventDispatcher } from 'svelte';
-
-	const dispatch = createEventDispatcher();
-
-	function theClick(actionName: string) {
-		dispatch('myevent', {
-			action: actionName
-		});
+	// props
+	interface Props {
+		zoomClick: (action: string) => void;
 	}
+	let { zoomClick }: Props = $props();
 </script>
 
 <nav>
-	<button aria-labelledby="zoomInit" on:click={() => theClick('zoomInit')}
+	<button aria-labelledby="zoomInit" onclick={() => zoomClick('zoomInit')}
 		><div class="zero"></div></button
-	>
-	<button aria-labelledby="zoomIn" on:click={() => theClick('zoomIn')}
+	><button aria-labelledby="zoomIn" onclick={() => zoomClick('zoomIn')}
 		><div class="zoomin"></div></button
-	>
-	<button aria-labelledby="zoomOut" on:click={() => theClick('zoomOut')}
+	><button aria-labelledby="zoomOut" onclick={() => zoomClick('zoomOut')}
 		><div class="zoomout"></div></button
-	>
-	<button aria-labelledby="moveLeft" on:click={() => theClick('moveLeft')}
+	><button aria-labelledby="moveLeft" onclick={() => zoomClick('moveLeft')}
 		><div class="arrowleft"></div></button
-	>
-	<button aria-labelledby="moveRight" on:click={() => theClick('moveRight')}
+	><button aria-labelledby="moveRight" onclick={() => zoomClick('moveRight')}
 		><div class="arrowright"></div></button
-	>
-	<button aria-labelledby="moveUp" on:click={() => theClick('moveUp')}
+	><button aria-labelledby="moveUp" onclick={() => zoomClick('moveUp')}
 		><div class="arrowup"></div></button
-	>
-	<button aria-labelledby="moveDown" on:click={() => theClick('moveDown')}
+	><button aria-labelledby="moveDown" onclick={() => zoomClick('moveDown')}
 		><div class="arrowdown"></div></button
 	>
 </nav>

package/dist/ZoomControl.svelte.d.ts

@@ -1,20 +1,5 @@
-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: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ZoomControl: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    myevent: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ZoomControl = InstanceType<typeof ZoomControl>;
+declare const ZoomControl: import("svelte").Component<{
+    zoomClick: (action: string) => void;
+}, {}, "">;
+type ZoomControl = ReturnType<typeof ZoomControl>;
 export default ZoomControl;

package/dist/initStore.js

@@ -1,8 +1,9 @@
 // initStore
-import { storePV } from './storePVal';
-import { get } from 'svelte/store';
+//import { PType } from 'geometrix';
+//import type { tStateParams } from './stateParams.svelte';
+import { sParams } from './stateParams.svelte';
 function initStore(designDefs) {
-    const iniPV = {};
+    //const iniPV: tStateParams = {};
     for (const design of Object.keys(designDefs)) {
         const designParam = {};
         for (const param of designDefs[design].pDef.params) {
@@ -10,15 +11,15 @@ function initStore(designDefs) {
             designParam[param.name] = param.init;
             //}
         }
-        iniPV[design] = designParam;
+        sParams[design] = designParam;
     }
-    storePV.set(iniPV);
+    //sParams = iniPV;
 }
 function updateStore(iPartName, dParams, overwrite) {
-    const iniPV = get(storePV);
-    const designNames = Object.keys(iniPV);
+    //const iniPV = sParams;
+    const designNames = Object.keys(sParams);
     if (designNames.includes(iPartName)) {
-        const inidParams = iniPV[iPartName];
+        const inidParams = sParams[iPartName];
         const inidParamNames = Object.keys(inidParams);
         for (const pa of Object.keys(dParams)) {
             if (!inidParamNames.includes(pa)) {
@@ -28,14 +29,14 @@ function updateStore(iPartName, dParams, overwrite) {
                 inidParams[pa] = dParams[pa];
             }
         }
-        iniPV[iPartName] = inidParams;
+        sParams[iPartName] = inidParams;
         //console.log(`dbg781: updateStore of ${iPartName}`);
     }
     else {
-        iniPV[iPartName] = dParams;
+        sParams[iPartName] = dParams;
         //console.log(`dbg782: updateStore of new ${iPartName}`);
     }
-    storePV.set(iniPV);
+    //sParams = iniPV;
 }
 function incrStore(oneDesignDef) {
     const dName = oneDesignDef.pDef.partName;

package/dist/stateDrawing.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { tLayers, tCanvasAdjust } from 'geometrix';
+interface tStateDrawing {
+    dLayers: tLayers;
+    zAdjust: tCanvasAdjust;
+    canvasZWidth: number;
+}
+declare const sDraw: tStateDrawing;
+export { sDraw };

package/dist/stateDrawing.svelte.js

@@ -0,0 +1,8 @@
+// stateDrawing.svelte.ts
+import { initLayers, adjustZero } from 'geometrix';
+const sDraw = $state({
+    dLayers: initLayers(),
+    zAdjust: adjustZero(),
+    canvasZWidth: 0
+});
+export { sDraw };

package/dist/stateParams.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { tParamVal } from 'geometrix';
+type tStateParams = Record<string, tParamVal>;
+declare const sParams: tStateParams;
+export type { tStateParams };
+export { sParams };

package/dist/stateParams.svelte.js

@@ -0,0 +1,3 @@
+// stateParams.svelte.ts
+const sParams = $state({});
+export { sParams };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "geomui",
-	"version": "0.5.55",
+	"version": "0.5.57",
 	"description": "The svelte-library of the webapp-UI of Parametrix",
 	"private": false,
 	"repository": {
@@ -66,36 +66,36 @@
 		"clean": "rimraf .svelte-kit build node_modules dist static/pgdsvg"
 	},
 	"peerDependencies": {
-		"@sveltejs/kit": "^2.0.3",
-		"svelte": "^4.0.1||^5.0.0"
+		"@sveltejs/kit": "^2.7.0",
+		"svelte": "^5.1.0"
 	},
 	"dependencies": {
-		"geometrix": "^0.5.50"
+		"geometrix": "^0.5.54"
 	},
 	"devDependencies": {
 		"@atao60/fse-cli": "^0.1.9",
-		"@sveltejs/adapter-auto": "^3.3.0",
-		"@sveltejs/adapter-static": "^3.0.5",
-		"@sveltejs/kit": "^2.7.2",
-		"@sveltejs/package": "^2.3.6",
+		"@sveltejs/adapter-auto": "^3.3.1",
+		"@sveltejs/adapter-static": "^3.0.6",
+		"@sveltejs/kit": "^2.8.1",
+		"@sveltejs/package": "^2.3.7",
 		"@sveltejs/vite-plugin-svelte": "^4.0.0",
 		"@types/eslint": "^9.6.1",
-		"designix": "^0.5.51",
-		"eslint": "^9.13.0",
+		"designix": "^0.5.55",
+		"eslint": "^9.14.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.46.0",
-		"globals": "^15.11.0",
-		"npm-run-all2": "^7.0.0",
+		"globals": "^15.12.0",
+		"npm-run-all2": "^7.0.1",
 		"prettier": "^3.3.3",
-		"prettier-plugin-svelte": "^3.2.7",
-		"publint": "^0.2.11",
+		"prettier-plugin-svelte": "^3.2.8",
+		"publint": "^0.2.12",
 		"rimraf": "^6.0.1",
-		"sass": "^1.80.3",
-		"svelte": "^5.0.5",
-		"svelte-check": "^4.0.5",
+		"sass": "^1.80.7",
+		"svelte": "^5.1.16",
+		"svelte-check": "^4.0.7",
 		"typescript": "^5.6.3",
-		"typescript-eslint": "^8.11.0",
-		"vite": "^5.4.9",
-		"vitest": "^2.1.3"
+		"typescript-eslint": "^8.14.0",
+		"vite": "^5.4.11",
+		"vitest": "^2.1.5"
 	}
 }

package/dist/drawingLayers.d.ts

@@ -1,2 +0,0 @@
-declare const dLayers: import("svelte/store").Writable<any>;
-export { dLayers };

package/dist/drawingLayers.js

@@ -1,6 +0,0 @@
-// drawingLayers.ts
-//import type { tLayers } from 'geometrix';
-import { initLayers } from 'geometrix';
-import { writable } from 'svelte/store';
-const dLayers = writable(initLayers());
-export { dLayers };

package/dist/storePVal.d.ts

@@ -1,5 +0,0 @@
-import type { tParamVal } from 'geometrix';
-type tStorePVal = Record<string, tParamVal>;
-declare const storePV: import("svelte/store").Writable<tStorePVal>;
-export type { tStorePVal };
-export { storePV };

package/dist/storePVal.js

@@ -1,4 +0,0 @@
-// storePVal.ts
-import { writable } from 'svelte/store';
-const storePV = writable({});
-export { storePV };