geomui 0.5.52 → 0.5.56

package/dist/InputParams.svelte.d.ts

@@ -1,25 +1,7 @@
-import { SvelteComponent } from "svelte";
-import type { tParamDef, tGeomFunc, tCanvasAdjust } from 'geometrix';
-declare const __propDef: {
-    props: {
-        pDef: tParamDef;
-        fgeom: tGeomFunc;
-        selFace: string;
-        zAdjust: tCanvasAdjust;
-        simTime?: number;
-    };
-    events: {
-        paramChg: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type InputParamsProps = typeof __propDef.props;
-export type InputParamsEvents = typeof __propDef.events;
-export type InputParamsSlots = typeof __propDef.slots;
-export default class InputParams extends SvelteComponent<InputParamsProps, InputParamsEvents, InputParamsSlots> {
-}
-export {};
+import type { tParamDef, Figure } from 'geometrix';
+declare const InputParams: import("svelte").Component<{
+    pDef: tParamDef;
+    pFig: Figure;
+}, {}, "">;
+type InputParams = ReturnType<typeof InputParams>;
+export default InputParams;

package/dist/LabelCheckbox.svelte

@@ -1,17 +1,18 @@
-<script>import { dLayers } from "./drawingLayers";
+<script lang="ts">
+	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/LabelCheckbox.svelte.d.ts

@@ -1,16 +1,18 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [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 LabelCheckboxProps = typeof __propDef.props;
-export type LabelCheckboxEvents = typeof __propDef.events;
-export type LabelCheckboxSlots = typeof __propDef.slots;
-export default class LabelCheckbox extends SvelteComponent<LabelCheckboxProps, LabelCheckboxEvents, LabelCheckboxSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const LabelCheckbox: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type LabelCheckbox = InstanceType<typeof LabelCheckbox>;
+export default LabelCheckbox;

package/dist/LocStorRead.svelte

@@ -1,20 +1,32 @@
-<script>import LocStorTable from "./LocStorTable.svelte";
-export let pageName;
-export let storeName;
-let localKeys = [];
-function defaultName(ilocalKeys) {
-  let rname = storeName;
-  const nameUpdate = !ilocalKeys.includes(rname);
-  if (nameUpdate) {
-    if (ilocalKeys.length > 0) {
-      rname = ilocalKeys[0];
-    } else {
-      rname = "";
-    }
-  }
-  return rname;
-}
-$: storeName = defaultName(localKeys);
+<script lang="ts">
+	import LocStorTable from './LocStorTable.svelte';
+
+	// props
+	interface Props {
+		pageName: string;
+		storeName: string;
+	}
+	let { pageName, storeName = $bindable() }: Props = $props();
+
+	// state
+	let localKeys: string[] = $state([]);
+
+	// default storeName
+	function defaultName(ilocalKeys: string[]) {
+		let rname = storeName;
+		const nameUpdate = !ilocalKeys.includes(rname);
+		if (nameUpdate) {
+			if (ilocalKeys.length > 0) {
+				rname = ilocalKeys[0];
+			} else {
+				rname = '';
+			}
+		}
+		return rname;
+	}
+	$effect(() => {
+		storeName = defaultName(localKeys);
+	});
 </script>
 
 <LocStorTable {pageName} bind:storeName bind:localKeys />

package/dist/LocStorRead.svelte.d.ts

@@ -1,19 +1,6 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        pageName: string;
-        storeName: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LocStorReadProps = typeof __propDef.props;
-export type LocStorReadEvents = typeof __propDef.events;
-export type LocStorReadSlots = typeof __propDef.slots;
-export default class LocStorRead extends SvelteComponent<LocStorReadProps, LocStorReadEvents, LocStorReadSlots> {
-}
-export {};
+declare const LocStorRead: import("svelte").Component<{
+    pageName: string;
+    storeName: string;
+}, {}, "storeName">;
+type LocStorRead = ReturnType<typeof LocStorRead>;
+export default LocStorRead;

package/dist/LocStorTable.svelte

@@ -1,72 +1,92 @@
-<script>import ModalDiag from "./ModalDiag.svelte";
-import { browser } from "$app/environment";
-export let pageName;
-export let storeName;
-export let localKeys;
-function getLocalKey() {
-  let rKeyList = [];
-  const re = new RegExp(`^${pageName}_`);
-  if (browser) {
-    const keyList = Object.keys(window.localStorage).filter((k) => re.test(k));
-    rKeyList = keyList.map((k) => k.replace(re, ""));
-  }
-  return rKeyList;
-}
-localKeys = getLocalKey();
-function modifInput(iname) {
-  storeName = iname;
-}
-let localDate = {};
-function getLocalDate(iKeys) {
-  let rLocalDate = {};
-  if (browser) {
-    for (const k of iKeys) {
-      let lastModif = "";
-      const k2 = `${pageName}_${k}`;
-      const storeStr = window.localStorage.getItem(k2);
-      if (storeStr !== null) {
-        const val2 = JSON.parse(storeStr);
-        lastModif = val2.lastModif;
-      }
-      rLocalDate[k] = lastModif;
-    }
-  }
-  return rLocalDate;
-}
-localDate = getLocalDate(localKeys);
-let localDel = {};
-function getInitDel(iKeys) {
-  let rLocalDel = {};
-  for (const k of iKeys) {
-    rLocalDel[k] = false;
-  }
-  return rLocalDel;
-}
-localDel = getInitDel(localKeys);
-let globalDel = false;
-function setGlobalDel(iGlobalDel) {
-  for (const k of localKeys) {
-    localDel[k] = iGlobalDel;
-  }
-}
-$: setGlobalDel(globalDel);
-function actionDel() {
-  if (browser) {
-    for (const k of localKeys) {
-      if (localDel[k]) {
-        const k2 = `${pageName}_${k}`;
-        window.localStorage.removeItem(k2);
-      }
-    }
-  }
-  localKeys = getLocalKey();
-}
-let modalDelConfirm = false;
+<script lang="ts">
+	import ModalDiag from './ModalDiag.svelte';
+	import { browser } from '$app/environment';
+
+	// 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() {
+		let rKeyList: string[] = [];
+		const re = new RegExp(`^${pageName}_`);
+		if (browser) {
+			const keyList = Object.keys(window.localStorage).filter((k) => re.test(k));
+			//console.log(keyList);
+			rKeyList = keyList.map((k) => k.replace(re, ''));
+		}
+		rKeyList.sort(); // order the list for consistent UX
+		//console.log(rKeyList);
+		return rKeyList;
+	}
+	localKeys = getLocalKey();
+	function modifInput(iname: string) {
+		storeName = iname;
+	}
+	// last modification date
+	type tLocalDate = Record<string, string>;
+	function getLocalDate(iKeys: string[]): tLocalDate {
+		let rLocalDate: tLocalDate = {};
+		if (browser) {
+			for (const k of iKeys) {
+				let lastModif = '';
+				const k2 = `${pageName}_${k}`;
+				const storeStr = window.localStorage.getItem(k2);
+				if (storeStr !== null) {
+					const val2 = JSON.parse(storeStr);
+					lastModif = val2.lastModif;
+				}
+				//console.log(`dbg194: ${lastModif}`);
+				rLocalDate[k] = lastModif;
+			}
+		}
+		return rLocalDate;
+	}
+	let localDate: tLocalDate = $derived(getLocalDate(localKeys));
+	// delete checkbox
+	type tLocalDel = Record<string, boolean>;
+	function getInitDel(iKeys: string[]): tLocalDel {
+		let rLocalDel: tLocalDel = {};
+		for (const k of iKeys) {
+			rLocalDel[k] = false;
+		}
+		return rLocalDel;
+	}
+	localDel = getInitDel(localKeys);
+	// global delete
+	function setGlobalDel() {
+		for (const k of localKeys) {
+			localDel[k] = globalDel;
+		}
+	}
+	// delete action
+	function actionDel() {
+		if (browser) {
+			for (const k of localKeys) {
+				if (localDel[k]) {
+					//console.log(`delete ${k}`);
+					const k2 = `${pageName}_${k}`;
+					window.localStorage.removeItem(k2);
+				}
+			}
+		}
+		globalDel = false; // reset global delete checkbox
+		localKeys = getLocalKey();
+	}
 </script>
 
 <div class="deleteKeys">
 	<button
-		on:click={() => {
+		onclick={() => {
 			modalDelConfirm = true;
 		}}>Delete</button
 	>
@@ -86,16 +106,16 @@ let modalDelConfirm = false;
 				<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></td>
 			</tr>
 		</thead>
 		<tbody>
 			{#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,20 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        pageName: string;
-        storeName: string;
-        localKeys: string[];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LocStorTableProps = typeof __propDef.props;
-export type LocStorTableEvents = typeof __propDef.events;
-export type LocStorTableSlots = typeof __propDef.slots;
-export default class LocStorTable extends SvelteComponent<LocStorTableProps, LocStorTableEvents, LocStorTableSlots> {
-}
-export {};
+declare const LocStorTable: import("svelte").Component<{
+    pageName: string;
+    storeName: string;
+    localKeys: string[];
+}, {}, "storeName" | "localKeys">;
+type LocStorTable = ReturnType<typeof LocStorTable>;
+export default LocStorTable;

package/dist/LocStorWrite.svelte

@@ -1,24 +1,31 @@
-<script>import LocStorTable from "./LocStorTable.svelte";
-export let pageName;
-export let storeName;
-let localKeys = [];
-function defaultName(prefix) {
-  const re1 = /[-:]/g;
-  const re2 = /\..*$/;
-  const datestr = (/* @__PURE__ */ new Date()).toISOString().replace(re1, "").replace(re2, "").replace("T", "_");
-  const rname = `${prefix}_${datestr}`;
-  return rname;
-}
-storeName = defaultName(pageName);
-let warn = false;
-function checkWarning(iname) {
-  warn = localKeys.includes(iname);
-}
-function validInput(eve) {
-  const storeName2 = eve.target.value;
-  checkWarning(storeName2);
-}
-$: checkWarning(storeName);
+<script lang="ts">
+	import LocStorTable from './LocStorTable.svelte';
+
+	// props
+	interface Props {
+		pageName: string;
+		storeName: string;
+	}
+	let { pageName, storeName = $bindable() }: Props = $props();
+
+	// state
+	let localKeys: string[] = $state([]);
+
+	// create a default key name
+	function defaultName(prefix: string) {
+		const re1 = /[-:]/g;
+		const re2 = /\..*$/;
+		const datestr = new Date()
+			.toISOString()
+			.replace(re1, '')
+			.replace(re2, '')
+			.replace('T', '_');
+		const rname = `${prefix}_${datestr}`;
+		return rname;
+	}
+	storeName = defaultName(pageName);
+	// check if the key already exist
+	let warn: boolean = $derived(localKeys.includes(storeName));
 </script>
 
 <LocStorTable {pageName} bind:storeName bind:localKeys />
@@ -32,7 +39,6 @@ $: checkWarning(storeName);
 		minlength="4"
 		maxlength="30"
 		size="32"
-		on:input={validInput}
 	/>
 	{#if warn}
 		<p class="warnMsg">Warning: name {storeName} already used</p>

package/dist/LocStorWrite.svelte.d.ts

@@ -1,19 +1,6 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        pageName: string;
-        storeName: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LocStorWriteProps = typeof __propDef.props;
-export type LocStorWriteEvents = typeof __propDef.events;
-export type LocStorWriteSlots = typeof __propDef.slots;
-export default class LocStorWrite extends SvelteComponent<LocStorWriteProps, LocStorWriteEvents, LocStorWriteSlots> {
-}
-export {};
+declare const LocStorWrite: import("svelte").Component<{
+    pageName: string;
+    storeName: string;
+}, {}, "storeName">;
+type LocStorWrite = ReturnType<typeof LocStorWrite>;
+export default LocStorWrite;

package/dist/ModalDiag.svelte

@@ -1,27 +1,45 @@
-<script context="module"></script>
+<script lang="ts" module>
+	import type { Snippet } from 'svelte';
+	type tOkFunc = () => void;
+	export type { tOkFunc };
+</script>
 
-<script>export let okName = "Ok";
-export let okFunc;
-export let modalOpen;
-export let sizeLarge = false;
-function mCancel() {
-  modalOpen = false;
-}
-function mOk() {
-  okFunc();
-  modalOpen = false;
-}
+<script lang="ts">
+	// props
+	interface Props {
+		okName?: string;
+		okFunc: tOkFunc;
+		modalOpen: boolean;
+		sizeLarge?: boolean;
+		children: Snippet;
+	}
+	let {
+		okName = 'Ok',
+		okFunc,
+		modalOpen = $bindable(),
+		sizeLarge = false,
+		children
+	}: Props = $props();
+
+	// actions
+	function mCancel() {
+		modalOpen = false;
+	}
+	function mOk() {
+		okFunc();
+		modalOpen = false;
+	}
 </script>
 
 {#if modalOpen}
 	<aside class="backdrop">
 		<div class="dialog" class:sizeLarge>
 			<article class="question">
-				<slot />
+				{@render children()}
 			</article>
 			<footer>
-				<button class="cancel" on:click={mCancel}>Cancel</button>
-				<button class="ok" on:click={mOk}>{okName}</button>
+				<button class="cancel" onclick={mCancel}>Cancel</button>
+				<button class="ok" onclick={mOk}>{okName}</button>
 			</footer>
 		</div>
 	</aside>

package/dist/ModalDiag.svelte.d.ts

@@ -1,24 +1,12 @@
-import { SvelteComponent } from "svelte";
+import type { Snippet } from 'svelte';
 type tOkFunc = () => void;
 export type { tOkFunc };
-declare const __propDef: {
-    props: {
-        okName?: string;
-        okFunc: tOkFunc;
-        modalOpen: boolean;
-        sizeLarge?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ModalDiagProps = typeof __propDef.props;
-export type ModalDiagEvents = typeof __propDef.events;
-export type ModalDiagSlots = typeof __propDef.slots;
-export default class ModalDiag extends SvelteComponent<ModalDiagProps, ModalDiagEvents, ModalDiagSlots> {
-}
+declare const ModalDiag: import("svelte").Component<{
+    okName?: string;
+    okFunc: tOkFunc;
+    modalOpen: boolean;
+    sizeLarge?: boolean;
+    children: Snippet;
+}, {}, "modalOpen">;
+type ModalDiag = ReturnType<typeof ModalDiag>;
+export default ModalDiag;

package/dist/ModalImg.svelte

@@ -1,14 +1,19 @@
-<script>export let svgPath;
-export let modalOpen;
-function mCancel() {
-  modalOpen = false;
-}
+<script lang="ts">
+	interface Props {
+		svgPath: string;
+		modalOpen: boolean;
+	}
+	let { svgPath, modalOpen = $bindable() }: Props = $props();
+
+	function mCancel() {
+		modalOpen = false;
+	}
 </script>
 
 {#if modalOpen}
 	<aside class="backdrop">
 		<div class="dialog">
-			<button on:click={mCancel}>
+			<button onclick={mCancel}>
 				<img src={svgPath} alt={svgPath} />
 			</button>
 		</div>

package/dist/ModalImg.svelte.d.ts

@@ -1,19 +1,6 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        svgPath: string;
-        modalOpen: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ModalImgProps = typeof __propDef.props;
-export type ModalImgEvents = typeof __propDef.events;
-export type ModalImgSlots = typeof __propDef.slots;
-export default class ModalImg extends SvelteComponent<ModalImgProps, ModalImgEvents, ModalImgSlots> {
-}
-export {};
+declare const ModalImg: import("svelte").Component<{
+    svgPath: string;
+    modalOpen: boolean;
+}, {}, "modalOpen">;
+type ModalImg = ReturnType<typeof ModalImg>;
+export default ModalImg;

package/dist/OneDesign.svelte

@@ -1,9 +1,18 @@
-<script>import { incrStore } from "./initStore";
-import DrawingList from "./DrawingList.svelte";
-import ParamDrawExport from "./ParamDrawExport.svelte";
-export let pageDef;
-export let pLink;
-$: incrStore(pageDef);
+<script lang="ts">
+	import type { tPageDef, tAllLink } from 'geometrix';
+	import { incrStore } from './initStore';
+	import DrawingList from './DrawingList.svelte';
+	import ParamDrawExport from './ParamDrawExport.svelte';
+
+	// props
+	interface Props {
+		pageDef: tPageDef;
+		pLink: tAllLink;
+	}
+	let { pageDef, pLink }: Props = $props();
+
+	// initialization
+	incrStore(pageDef);
 </script>
 
 <h1>{pageDef.pTitle}</h1>