geomui 0.5.51 → 0.5.55

package/dist/SubDesign.svelte

@@ -1,43 +1,59 @@
-<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 { 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;
+
+	let subInsts: string[] = [];
+	$: subInsts = Object.keys(subD);
+
+	async function goToUrl(subInstName: string) {
+		const subObj = subD[subInstName];
+		// modify the global store $storePV
+		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>
@@ -50,7 +66,7 @@ function printSet(changed) {
 			<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)}

package/dist/SubDesign.svelte.d.ts

@@ -1,21 +1,23 @@
-import { SvelteComponent } from "svelte";
 import type { tAllLink } from 'geometrix';
-declare const __propDef: {
-    props: {
-        subD?: any;
-        origPartName?: string;
-        pLink: tAllLink;
+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;
     };
-    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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SubDesign: $$__sveltets_2_IsomorphicComponent<{
+    subD?: any;
+    origPartName?: string;
+    pLink: tAllLink;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SubDesign = InstanceType<typeof SubDesign>;
+export default SubDesign;

package/dist/TimeControl.svelte

@@ -1,66 +1,74 @@
-<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';
+
+	export let tMax = 10;
+	export let tStep = 0.1;
+	export let tUpdate = 500; // ms
+	export let simTime = 0;
+
+	let intervalID: ReturnType<typeof setTimeout> | null = null;
+	let speed = 0;
+	let inc: number;
+	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);
+		//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>

package/dist/TimeControl.svelte.d.ts

@@ -1,21 +1,23 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        tMax?: number;
-        tStep?: number;
-        tUpdate?: number;
-        simTime?: number;
+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;
     };
-    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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const TimeControl: $$__sveltets_2_IsomorphicComponent<{
+    tMax?: number;
+    tStep?: number;
+    tUpdate?: number;
+    simTime?: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TimeControl = InstanceType<typeof TimeControl>;
+export default TimeControl;

package/dist/ZoomControl.svelte

@@ -1,20 +1,37 @@
-<script>import { createEventDispatcher } from "svelte";
-const dispatch = createEventDispatcher();
-function theClick(actionName) {
-  dispatch("myevent", {
-    action: actionName
-  });
-}
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+
+	const dispatch = createEventDispatcher();
+
+	function theClick(actionName: string) {
+		dispatch('myevent', {
+			action: actionName
+		});
+	}
 </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" on:click={() => theClick('zoomInit')}
+		><div class="zero"></div></button
+	>
+	<button aria-labelledby="zoomIn" on:click={() => theClick('zoomIn')}
+		><div class="zoomin"></div></button
+	>
+	<button aria-labelledby="zoomOut" on:click={() => theClick('zoomOut')}
+		><div class="zoomout"></div></button
+	>
+	<button aria-labelledby="moveLeft" on:click={() => theClick('moveLeft')}
+		><div class="arrowleft"></div></button
+	>
+	<button aria-labelledby="moveRight" on:click={() => theClick('moveRight')}
+		><div class="arrowright"></div></button
+	>
+	<button aria-labelledby="moveUp" on:click={() => theClick('moveUp')}
+		><div class="arrowup"></div></button
+	>
+	<button aria-labelledby="moveDown" on:click={() => theClick('moveDown')}
+		><div class="arrowdown"></div></button
+	>
 </nav>
 
 <style>/*

package/dist/ZoomControl.svelte.d.ts

@@ -1,18 +1,20 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        myevent: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
+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;
     };
-    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> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ZoomControl: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    myevent: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ZoomControl = InstanceType<typeof ZoomControl>;
+export default ZoomControl;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "geomui",
-	"version": "0.5.51",
+	"version": "0.5.55",
 	"description": "The svelte-library of the webapp-UI of Parametrix",
 	"private": false,
 	"repository": {
@@ -50,7 +50,7 @@
 		]
 	},
 	"scripts": {
-		"cp_pgdsvg": "shx cp -r ../../node_modules/designix/dist/pgdsvg static/",
+		"cp_pgdsvg": "fse copy ../../node_modules/designix/dist/pgdsvg static/pgdsvg",
 		"dev": "vite dev",
 		"build": "vite build && npm run package",
 		"preview": "vite preview",
@@ -63,38 +63,39 @@
 		"lint": "prettier --check . && eslint .",
 		"ci": "run-s cp_pgdsvg build lint check test:unit:once",
 		"format": "prettier --write .",
-		"clean": "shx rm -fr .svelte-kit build node_modules dist static/pgdsvg"
+		"clean": "rimraf .svelte-kit build node_modules dist static/pgdsvg"
 	},
 	"peerDependencies": {
 		"@sveltejs/kit": "^2.0.3",
-		"svelte": "^4.0.0"
+		"svelte": "^4.0.1||^5.0.0"
 	},
 	"dependencies": {
-		"geometrix": "^0.5.48"
+		"geometrix": "^0.5.50"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^3.2.4",
-		"@sveltejs/adapter-static": "^3.0.4",
-		"@sveltejs/kit": "^2.5.27",
-		"@sveltejs/package": "^2.3.5",
-		"@sveltejs/vite-plugin-svelte": "^3.1.2",
+		"@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/vite-plugin-svelte": "^4.0.0",
 		"@types/eslint": "^9.6.1",
-		"designix": "^0.5.49",
-		"eslint": "^9.10.0",
+		"designix": "^0.5.51",
+		"eslint": "^9.13.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-svelte": "^2.44.0",
-		"globals": "^15.9.0",
-		"npm-run-all": "^4.1.5",
+		"eslint-plugin-svelte": "^2.46.0",
+		"globals": "^15.11.0",
+		"npm-run-all2": "^7.0.0",
 		"prettier": "^3.3.3",
-		"prettier-plugin-svelte": "^3.2.6",
-		"publint": "^0.2.10",
-		"sass": "^1.78.0",
-		"shx": "^0.3.4",
-		"svelte": "^4.2.19",
-		"svelte-check": "^4.0.2",
-		"typescript": "^5.6.2",
-		"typescript-eslint": "^8.5.0",
-		"vite": "^5.4.5",
-		"vitest": "^2.1.1"
+		"prettier-plugin-svelte": "^3.2.7",
+		"publint": "^0.2.11",
+		"rimraf": "^6.0.1",
+		"sass": "^1.80.3",
+		"svelte": "^5.0.5",
+		"svelte-check": "^4.0.5",
+		"typescript": "^5.6.3",
+		"typescript-eslint": "^8.11.0",
+		"vite": "^5.4.9",
+		"vitest": "^2.1.3"
 	}
 }