geomui 0.5.52 → 0.5.56

package/dist/SubDesign.svelte

@@ -1,62 +1,81 @@
-<script>import { ffix, radToDeg, paramListToVal } from "geometrix";
-import { downloadParams } from "./downloadParams";
-import { updateStore } from "./initStore";
-import { base } from "$app/paths";
-import { goto } from "$app/navigation";
-export let subD = {};
-export let origPartName = "";
-export let pLink;
-let subInsts = [];
-$: subInsts = Object.keys(subD);
-async function goToUrl(subInstName) {
-  const subObj = subD[subInstName];
-  updateStore(subObj.partName, paramListToVal(subObj.dparam), true);
-  const rUrl = `${base}${pLink[subObj.partName]}`;
-  goto(rUrl);
-}
-function dwnParams2(subInstName) {
-  const iPartName = subD[subInstName].partName;
-  const idparams = subD[subInstName].dparam;
-  const aComment = `sub-design parameters of ${iPartName} from ${origPartName}`;
-  downloadParams(iPartName, paramListToVal(idparams), aComment);
-}
-function printOrientation(vec) {
-  let rStr = "[ ";
-  rStr += `${ffix(radToDeg(vec[0]))}, `;
-  rStr += `${ffix(radToDeg(vec[1]))}, `;
-  rStr += `${ffix(radToDeg(vec[2]))} ]`;
-  return rStr;
-}
-function printPosition(vec) {
-  let rStr = "[ ";
-  rStr += `${ffix(vec[0])}, `;
-  rStr += `${ffix(vec[1])}, `;
-  rStr += `${ffix(vec[2])} ]`;
-  return rStr;
-}
-function printSet(changed) {
-  const rStr = changed ? "Yes" : "";
-  return rStr;
-}
+<script lang="ts">
+	import type { tPosiOrien, tSubDesign, tAllLink } from 'geometrix';
+	import { ffix, radToDeg, paramListToVal } from 'geometrix';
+	//import { downloadParams, generateUrl } from './downloadParams';
+	import { downloadParams } from './downloadParams';
+	import { updateStore } from './initStore';
+	//import { page } from '$app/stores';
+	import { base } from '$app/paths';
+	import { goto } from '$app/navigation';
+
+	// props
+	interface Props {
+		subD: tSubDesign;
+		origPartName: string;
+		pLink: tAllLink;
+	}
+	let { subD, origPartName, pLink }: Props = $props();
+
+	// derived
+	const dSubInstList: string[] = $derived(Object.keys(subD));
+
+	// actions
+	async function goToUrl(subInstName: string) {
+		const subObj = subD[subInstName];
+		// 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);
+		const rUrl = `${base}${pLink[subObj.partName]}`;
+		//const rUrl = pLink[subObj.partName];
+		//console.log(`dbg505: ${rUrl}`);
+		//window.location.assign(rUrl);
+		//goto(rUrl, { invalidateAll: true });
+		goto(rUrl);
+	}
+	function dwnParams2(subInstName: string) {
+		const iPartName = subD[subInstName].partName;
+		const idparams = subD[subInstName].dparam;
+		const aComment = `sub-design parameters of ${iPartName} from ${origPartName}`;
+		downloadParams(iPartName, paramListToVal(idparams), aComment);
+	}
+	function printOrientation(vec: tPosiOrien): string {
+		let rStr = '[ ';
+		rStr += `${ffix(radToDeg(vec[0]))}, `;
+		rStr += `${ffix(radToDeg(vec[1]))}, `;
+		rStr += `${ffix(radToDeg(vec[2]))} ]`;
+		return rStr;
+	}
+	function printPosition(vec: tPosiOrien): string {
+		let rStr = '[ ';
+		rStr += `${ffix(vec[0])}, `;
+		rStr += `${ffix(vec[1])}, `;
+		rStr += `${ffix(vec[2])} ]`;
+		return rStr;
+	}
+	function printSet(changed: boolean): string {
+		const rStr = changed ? 'Yes' : '';
+		return rStr;
+	}
 </script>
 
 <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 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,21 +1,8 @@
-import { SvelteComponent } from "svelte";
-import type { tAllLink } from 'geometrix';
-declare const __propDef: {
-    props: {
-        subD?: any;
-        origPartName?: string;
-        pLink: tAllLink;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type SubDesignProps = typeof __propDef.props;
-export type SubDesignEvents = typeof __propDef.events;
-export type SubDesignSlots = typeof __propDef.slots;
-export default class SubDesign extends SvelteComponent<SubDesignProps, SubDesignEvents, SubDesignSlots> {
-}
-export {};
+import type { tSubDesign, tAllLink } from 'geometrix';
+declare const SubDesign: import("svelte").Component<{
+    subD: tSubDesign;
+    origPartName: string;
+    pLink: tAllLink;
+}, {}, "">;
+type SubDesign = ReturnType<typeof SubDesign>;
+export default SubDesign;

package/dist/TimeControl.svelte

@@ -1,75 +1,90 @@
-<script>import { onDestroy } from "svelte";
-export let tMax = 10;
-export let tStep = 0.1;
-export let tUpdate = 500;
-export let simTime = 0;
-let intervalID = null;
-let speed = 0;
-let inc;
-const speedMax = 4;
-function clearInterval2() {
-  if (intervalID !== null) {
-    clearInterval(intervalID);
-    intervalID = null;
-  }
-}
-function simRoutine() {
-  if (inc < 0 && simTime <= 0) {
-    simTime = tMax;
-  } else if (inc > 0 && simTime >= tMax) {
-    simTime = 0;
-  } else {
-    simTime += inc;
-  }
-}
-function setInterval2() {
-  const delay = tUpdate / 2 ** (Math.abs(speed) - 1);
-  inc = speed < 0 ? -tStep : tStep;
-  intervalID = setInterval(simRoutine, delay);
-}
-function simZero() {
-  clearInterval2();
-  simTime = 0;
-  speed = 0;
-}
-function simDecrem() {
-  clearInterval2();
-  speed = 0;
-  inc = -tStep;
-  simRoutine();
-}
-function simIncrem() {
-  clearInterval2();
-  speed = 0;
-  inc = tStep;
-  simRoutine();
-}
-function simPlayBackward() {
-  clearInterval2();
-  speed = Math.max(speed - 1, -speedMax);
-  setInterval2();
-}
-function simPlayForward() {
-  clearInterval2();
-  speed = Math.min(speed + 1, speedMax);
-  setInterval2();
-}
-function simPause() {
-  clearInterval2();
-  speed = 0;
-}
-onDestroy(() => {
-  clearInterval2();
-});
+<script lang="ts">
+	import { onDestroy } from 'svelte';
+
+	// 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);
+			intervalID = null;
+		}
+	}
+	function simRoutine() {
+		if (inc < 0 && simTime <= 0) {
+			simTime = tMax;
+		} else if (inc > 0 && simTime >= tMax) {
+			simTime = 0;
+		} else {
+			simTime += inc;
+		}
+	}
+	function setInterval2() {
+		const delay = tUpdate / 2 ** (Math.abs(speed) - 1);
+		inc = speed < 0 ? -tStep : tStep;
+		intervalID = setInterval(simRoutine, delay);
+		//console.log(`dbg909: ${delay} ======`);
+	}
+	function simZero() {
+		clearInterval2();
+		simTime = 0;
+		speed = 0;
+	}
+	function simDecrem() {
+		clearInterval2();
+		speed = 0;
+		inc = -tStep;
+		simRoutine();
+		//console.log(`dbg059: ${simTime}`);
+	}
+	function simIncrem() {
+		clearInterval2();
+		speed = 0;
+		inc = tStep;
+		simRoutine();
+		//console.log(`dbg069: ${simTime}`);
+	}
+	function simPlayBackward() {
+		clearInterval2();
+		speed = Math.max(speed - 1, -speedMax);
+		setInterval2();
+		//console.log(`dbg954: ${speed} ======`);
+	}
+	function simPlayForward() {
+		clearInterval2();
+		speed = Math.min(speed + 1, speedMax);
+		setInterval2();
+		//console.log(`dbg961: ${speed} ======`);
+	}
+	function simPause() {
+		clearInterval2();
+		speed = 0;
+	}
+	onDestroy(() => {
+		clearInterval2();
+	});
 </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,21 +1,8 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        tMax?: number;
-        tStep?: number;
-        tUpdate?: number;
-        simTime?: number;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type TimeControlProps = typeof __propDef.props;
-export type TimeControlEvents = typeof __propDef.events;
-export type TimeControlSlots = typeof __propDef.slots;
-export default class TimeControl extends SvelteComponent<TimeControlProps, TimeControlEvents, TimeControlSlots> {
-}
-export {};
+declare const TimeControl: import("svelte").Component<{
+    tMax?: number;
+    tStep?: number;
+    tUpdate?: number;
+    simTime?: number;
+}, {}, "simTime">;
+type TimeControl = ReturnType<typeof TimeControl>;
+export default TimeControl;

package/dist/ZoomControl.svelte

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

package/dist/ZoomControl.svelte.d.ts

@@ -1,18 +1,5 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        myevent: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ZoomControlProps = typeof __propDef.props;
-export type ZoomControlEvents = typeof __propDef.events;
-export type ZoomControlSlots = typeof __propDef.slots;
-export default class ZoomControl extends SvelteComponent<ZoomControlProps, ZoomControlEvents, ZoomControlSlots> {
-}
-export {};
+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.52",
+	"version": "0.5.56",
 	"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.0"
+		"@sveltejs/kit": "^2.7.0",
+		"svelte": "^5.1.0"
 	},
 	"dependencies": {
-		"geometrix": "^0.5.49"
+		"geometrix": "^0.5.53"
 	},
 	"devDependencies": {
 		"@atao60/fse-cli": "^0.1.9",
-		"@sveltejs/adapter-auto": "^3.2.5",
-		"@sveltejs/adapter-static": "^3.0.5",
-		"@sveltejs/kit": "^2.7.2",
-		"@sveltejs/package": "^2.3.5",
-		"@sveltejs/vite-plugin-svelte": "^3.1.2",
+		"@sveltejs/adapter-auto": "^3.3.1",
+		"@sveltejs/adapter-static": "^3.0.6",
+		"@sveltejs/kit": "^2.8.0",
+		"@sveltejs/package": "^2.3.7",
+		"@sveltejs/vite-plugin-svelte": "^4.0.0",
 		"@types/eslint": "^9.6.1",
-		"designix": "^0.5.50",
-		"eslint": "^9.13.0",
+		"designix": "^0.5.54",
+		"eslint": "^9.14.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-svelte": "^2.45.1",
-		"globals": "^15.11.0",
-		"npm-run-all2": "^6.2.4",
+		"eslint-plugin-svelte": "^2.46.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",
+		"publint": "^0.2.12",
 		"rimraf": "^6.0.1",
-		"sass": "^1.80.3",
-		"svelte": "^4.2.19",
-		"svelte-check": "^4.0.5",
+		"sass": "^1.80.6",
+		"svelte": "^5.1.13",
+		"svelte-check": "^4.0.6",
 		"typescript": "^5.6.3",
-		"typescript-eslint": "^8.10.0",
-		"vite": "^5.4.9",
-		"vitest": "^2.1.3"
+		"typescript-eslint": "^8.13.0",
+		"vite": "^5.4.10",
+		"vitest": "^2.1.4"
 	}
 }

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 };