geomui 0.5.52 → 0.5.56

package/dist/DrawingList.svelte

@@ -1,39 +1,44 @@
-<script>import ModalImg from "./ModalImg.svelte";
-import { base } from "$app/paths";
-export let pDef;
-function getSvgList(ipDef) {
-  const rList = [];
-  for (const value of Object.values(ipDef.paramSvg)) {
-    if (!rList.includes(value)) {
-      rList.push(value);
-    }
-  }
-  return rList;
-}
-function getSvgList2(partName) {
-  if (partName === "impossible_part_name") {
-  }
-  const lList = getSvgList(pDef);
-  const rList2 = [];
-  for (const svg of lList) {
-    rList2.push(`${base}/pgdsvg/${svg}`);
-  }
-  return rList2;
-}
-let lSvg = [];
-$: lSvg = getSvgList2(pDef.partName);
-let modalImg = false;
-let svgPath;
-function showSvg(iSvgPath) {
-  svgPath = iSvgPath;
-  modalImg = true;
-}
+<script lang="ts">
+	import type { tParamDef } from 'geometrix';
+	import ModalImg from './ModalImg.svelte';
+	import { base } from '$app/paths';
+
+	// props
+	interface Props {
+		pDef: tParamDef;
+	}
+	let { pDef }: Props = $props();
+
+	// helper function
+	function getSvgList(ipDef: tParamDef): string[] {
+		const rList: string[] = [];
+		for (const value of Object.values(ipDef.paramSvg)) {
+			if (!rList.includes(value)) {
+				rList.push(value);
+			}
+		}
+		return rList;
+	}
+
+	// state
+	let sModalImg: boolean = $state(false);
+	let sSvgPath: string = $state('');
+
+	// derived
+	let dSvgList: string[] = $derived(getSvgList(pDef).map((iSvg) => `${base}/pgdsvg/${iSvg}`));
+
+	// actions
+	function showSvg(iSvgPath: string) {
+		sSvgPath = iSvgPath;
+		//console.log(`dbg231: sSvgPath: ${sSvgPath}`);
+		sModalImg = true;
+	}
 </script>
 
 <section>
-	<ModalImg bind:modalOpen={modalImg} {svgPath} />
-	{#each lSvg as iSvg}
-		<button on:click={() => showSvg(iSvg)}>
+	<ModalImg bind:modalOpen={sModalImg} svgPath={sSvgPath} />
+	{#each dSvgList as iSvg}
+		<button onclick={() => showSvg(iSvg)}>
 			<img src={iSvg} alt={iSvg} />
 		</button>
 	{/each}

package/dist/DrawingList.svelte.d.ts

@@ -1,19 +1,6 @@
-import { SvelteComponent } from "svelte";
 import type { tParamDef } from 'geometrix';
-declare const __propDef: {
-    props: {
-        pDef: tParamDef;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type DrawingListProps = typeof __propDef.props;
-export type DrawingListEvents = typeof __propDef.events;
-export type DrawingListSlots = typeof __propDef.slots;
-export default class DrawingList extends SvelteComponent<DrawingListProps, DrawingListEvents, DrawingListSlots> {
-}
-export {};
+declare const DrawingList: import("svelte").Component<{
+    pDef: tParamDef;
+}, {}, "">;
+type DrawingList = ReturnType<typeof DrawingList>;
+export default DrawingList;