npm - designix-uis - Versions diffs - 1.0.14 → 1.0.16 - Mend

designix-uis 1.0.14 → 1.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/dist/designix-uis.js +1 -1
package/dist/public/_app/immutable/chunks/{Yo6YXqe-.js → BjLt6jk5.js} +1 -1
package/dist/public/_app/immutable/chunks/{BMzF0dM8.js → CDwBg5iP.js} +1 -1
package/dist/public/_app/immutable/chunks/{CsiwpmvA.js → D9lbFebm.js} +1 -1
package/dist/public/_app/immutable/chunks/DZ0lqOM9.js +1 -0
package/dist/public/_app/immutable/chunks/{8iDbMsaU.js → D_Jfyl34.js} +7 -7
package/dist/public/_app/immutable/entry/{app.CefCpV6N.js → app.vmbhpWnk.js} +2 -2
package/dist/public/_app/immutable/entry/start.DDnQZf_i.js +1 -0
package/dist/public/_app/immutable/nodes/{0.BcqkWGB-.js → 0.DDCBGRMK.js} +1 -1
package/dist/public/_app/immutable/nodes/{1.BwXfKp8I.js → 1.CCBLRyzs.js} +1 -1
package/dist/public/_app/immutable/nodes/{2.aPmJGwfe.js → 2.B_SGWOex.js} +1 -1
package/dist/public/_app/immutable/nodes/{3.BVc5h4x0.js → 3.BMNYAptV.js} +1 -1
package/dist/public/_app/version.json +1 -1
package/dist/public/gear/gear_bar.html +13 -13
package/dist/public/gear/gear_epicycloid.html +13 -13
package/dist/public/gear/gear_ring.html +13 -13
package/dist/public/gear/gear_wheel.html +13 -13
package/dist/public/heliostat/base.html +13 -13
package/dist/public/heliostat/haxis_guidance.html +13 -13
package/dist/public/heliostat/heliostat.html +13 -13
package/dist/public/heliostat/heliostat_2.html +13 -13
package/dist/public/heliostat/pole_static.html +13 -13
package/dist/public/heliostat/rake.html +13 -13
package/dist/public/heliostat/rake_stopper.html +13 -13
package/dist/public/heliostat/ring.html +13 -13
package/dist/public/heliostat/ring_guidance.html +13 -13
package/dist/public/heliostat/rod.html +13 -13
package/dist/public/heliostat/spider.html +13 -13
package/dist/public/heliostat/surface.html +13 -13
package/dist/public/heliostat/swing.html +13 -13
package/dist/public/heliostat/trapeze.html +13 -13
package/dist/public/heliostat/vaxis.html +13 -13
package/dist/public/heliostat/vaxis_guidance.html +13 -13
package/dist/public/heliostat/vaxis_holder.html +13 -13
package/dist/public/index.html +11 -11
package/package.json +1 -1
package/dist/public/_app/immutable/chunks/nEWvNvcR.js +0 -1
package/dist/public/_app/immutable/entry/start.B_rWRAvR.js +0 -1

package/dist/public/heliostat/surface.html CHANGED Viewed

@@ -7,24 +7,24 @@
 		<link href="/_app/immutable/assets/0.D3ep0F2Z.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/3.DKegludn.css" rel="stylesheet">
-		<link rel="modulepreload" href="/_app/immutable/entry/start.B_rWRAvR.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/CsiwpmvA.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/start.DDnQZf_i.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/D9lbFebm.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/Bke29ZwM.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/BwBztTFZ.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/nEWvNvcR.js">
-		<link rel="modulepreload" href="/_app/immutable/entry/app.CefCpV6N.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/DZ0lqOM9.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/app.vmbhpWnk.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/iIw5Yrdx.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/DpbigbqS.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/0.BcqkWGB-.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/8iDbMsaU.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/0.DDCBGRMK.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/D_Jfyl34.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/C5YK61bY.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/3.BVc5h4x0.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/Yo6YXqe-.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/BMzF0dM8.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/3.BMNYAptV.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/BjLt6jk5.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/CDwBg5iP.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/FpZwEl-R.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents"><!--[--><!--[--><!----><h1 class="svelte-im9xuh">Welcome to designix-ui</h1> <h6 class="svelte-im9xuh">Showcasing the usage of the <a href="https://svelte.dev/">svelte</a> library <a href="https://www.npmjs.com/package/geomui">geomui</a>.</h6> <nav class="svelte-im9xuh"><a href="/" class="svelte-im9xuh">index: list of designs</a></nav> <main class="svelte-im9xuh"><!----><h1 class="svelte-1aya6oa">Heliostat panel-surface</h1> <article class="svelte-1aya6oa">[surface]: The surface collecting the solar power</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_main.svg" alt="/pgdsvg/surface_main.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_lz.svg" alt="/pgdsvg/surface_lz.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_crenel.svg" alt="/pgdsvg/surface_crenel.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_extremities.svg" alt="/pgdsvg/surface_extremities.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_space_evolution.svg" alt="/pgdsvg/surface_space_evolution.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_space_shape.svg" alt="/pgdsvg/surface_space_shape.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_power.svg" alt="/pgdsvg/surface_power.svg" class="svelte-fxmnfh"></button><!--]--></section><!----> <section class="svelte-jonk14"><h2 class="svelte-jonk14">Parameters</h2> <main class="svelte-jonk14"><label for="loadFParams" class="fileUpload svelte-jonk14">Load Params from File</label> <input id="loadFParams" type="file" accept="text/plain, application/json" class="svelte-jonk14"> <button class="svelte-jonk14">Set Params Default</button> <button class="svelte-jonk14">Load Params from localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----> <textarea rows="3" cols="80" readonly wrap="soft" class="svelte-jonk14"></textarea> <table class="svelte-jonk14"><thead class="svelte-jonk14"><tr class="svelte-jonk14"><td class="svelte-jonk14">#</td><td class="svelte-jonk14">Parameter name</td><td class="svelte-jonk14">Value<span class="svelte-jonk14"><button class="svelte-jonk14">−</button><button class="svelte-jonk14">+</button></span></td><td class="svelte-jonk14">Unit</td><td class="svelte-jonk14">Default</td><td class="svelte-jonk14">Min</td><td class="svelte-jonk14">Max</td><td class="svelte-jonk14">Step</td></tr></thead><!--[--><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">1</td><td colspan="4" class="svelte-jonk14">main</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">1.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">LH</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1600" min="10" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="1600" min="10" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">1600</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">LV</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1000" min="10" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="1000" min="10" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">LZ</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="40" min="0" max="100" step="1" class="input-number svelte-jonk14"> <input type="range" value="40" min="0" max="100" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">nx</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="9" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="9" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">9</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">ny</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="9" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="9" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">9</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">2</td><td colspan="4" class="svelte-jonk14">main fantasia</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">2.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">main_direction</button></td><td class="svelte-jonk14"><!--[2--><select><!--[--><option value="0">horizontal</option><option value="1">vertical</option><!--]--></select><!--]--></td><td class="svelte-jonk14">dropdown</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">crenel</button></td><td class="svelte-jonk14"><!--[1--><select><!--[--><option value="0">Off</option><option value="1">On</option><!--]--></select><!--]--></td><td class="svelte-jonk14">checkbox</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">first_row</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="9" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="9" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">9</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">second_row</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="9" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="9" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">9</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">3</td><td colspan="4" class="svelte-jonk14">horizontal spacing</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">3.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH_gradient</button></td><td class="svelte-jonk14"><!--[1--><select><!--[--><option value="0">Off</option><option value="1">On</option><!--]--></select><!--]--></td><td class="svelte-jonk14">checkbox</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH_sup</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="500" min="0" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="500" min="0" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">500</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH_cycle</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1" min="0" max="3" step="0.05" class="input-number svelte-jonk14"> <input type="range" value="1" min="0" max="3" step="0.05" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">0.05</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH_start</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="0" min="0" max="1" step="0.05" class="input-number svelte-jonk14"> <input type="range" value="0" min="0" max="1" step="0.05" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">0.05</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.6</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH_shape</button></td><td class="svelte-jonk14"><!--[2--><select><!--[--><option value="0">sinusoid</option><option value="1">triangle</option><option value="2">sawUp</option><option value="3">sawDown</option><!--]--></select><!--]--></td><td class="svelte-jonk14">dropdown</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">4</td><td colspan="4" class="svelte-jonk14">vertical spacing</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">4.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV_gradient</button></td><td class="svelte-jonk14"><!--[1--><select><!--[--><option value="0">Off</option><option value="1">On</option><!--]--></select><!--]--></td><td class="svelte-jonk14">checkbox</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV_sup</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="500" min="0" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="500" min="0" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">500</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV_cycle</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1" min="0" max="3" step="0.05" class="input-number svelte-jonk14"> <input type="range" value="1" min="0" max="3" step="0.05" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">0.05</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV_start</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="0" min="0" max="1" step="0.05" class="input-number svelte-jonk14"> <input type="range" value="0" min="0" max="1" step="0.05" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">0.05</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.6</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV_shape</button></td><td class="svelte-jonk14"><!--[2--><select><!--[--><option value="0">sinusoid</option><option value="1">triangle</option><option value="2">sawUp</option><option value="3">sawDown</option><!--]--></select><!--]--></td><td class="svelte-jonk14">dropdown</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">5</td><td colspan="4" class="svelte-jonk14">solar power</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">5.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">power_efficiency</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="16" min="0" max="100" step="0.1" class="input-number svelte-jonk14"> <input type="range" value="16" min="0" max="100" step="0.1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">%</td><td class="svelte-jonk14">16</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">0.1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">5.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">solar_power</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="816" min="100" max="2000" step="1" class="input-number svelte-jonk14"> <input type="range" value="816" min="100" max="2000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">W/m2</td><td class="svelte-jonk14">816</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">2000</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><!--]--></table> <div class="comment svelte-jonk14"><label for="inComment">Comment:</label> <input type="text" id="inComment" value="" maxlength="150" size="70"></div> <button class="svelte-jonk14">Save Parameters to File</button> <button class="svelte-jonk14">Save Parameters as URL</button> <button class="svelte-jonk14">Save Parameters to localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----></main> <!--[!--><!--]--><!----> <button class="side-img svelte-jonk14"><img src="/pgdsvg/surface_main.svg" alt="/pgdsvg/surface_main.svg" class="svelte-jonk14"></button> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div></section><!----> <section class="svelte-8jmax4"><h2 class="svelte-8jmax4">Log</h2> <textarea rows="5" cols="94" readonly wrap="soft" class="svelte-8jmax4">Geometry surface computed at 9:09:11 PM
+		<div style="display: contents"><!--[--><!--[--><!----><h1 class="svelte-im9xuh">Welcome to designix-ui</h1> <h6 class="svelte-im9xuh">Showcasing the usage of the <a href="https://svelte.dev/">svelte</a> library <a href="https://www.npmjs.com/package/geomui">geomui</a>.</h6> <nav class="svelte-im9xuh"><a href="/" class="svelte-im9xuh">index: list of designs</a></nav> <main class="svelte-im9xuh"><!----><h1 class="svelte-1aya6oa">Heliostat panel-surface</h1> <article class="svelte-1aya6oa">[surface]: The surface collecting the solar power</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_main.svg" alt="/pgdsvg/surface_main.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_lz.svg" alt="/pgdsvg/surface_lz.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_crenel.svg" alt="/pgdsvg/surface_crenel.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_extremities.svg" alt="/pgdsvg/surface_extremities.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_space_evolution.svg" alt="/pgdsvg/surface_space_evolution.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_space_shape.svg" alt="/pgdsvg/surface_space_shape.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/surface_power.svg" alt="/pgdsvg/surface_power.svg" class="svelte-fxmnfh"></button><!--]--></section><!----> <section class="svelte-jonk14"><h2 class="svelte-jonk14">Parameters</h2> <main class="svelte-jonk14"><label for="loadFParams" class="fileUpload svelte-jonk14">Load Params from File</label> <input id="loadFParams" type="file" accept="text/plain, application/json" class="svelte-jonk14"> <button class="svelte-jonk14">Set Params Default</button> <button class="svelte-jonk14">Load Params from localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----> <textarea rows="3" cols="80" readonly wrap="soft" class="svelte-jonk14"></textarea> <table class="svelte-jonk14"><thead class="svelte-jonk14"><tr class="svelte-jonk14"><td class="svelte-jonk14">#</td><td class="svelte-jonk14">Parameter name</td><td class="svelte-jonk14">Value<span class="svelte-jonk14"><button class="svelte-jonk14">−</button><button class="svelte-jonk14">+</button></span></td><td class="svelte-jonk14">Unit</td><td class="svelte-jonk14">Default</td><td class="svelte-jonk14">Min</td><td class="svelte-jonk14">Max</td><td class="svelte-jonk14">Step</td></tr></thead><!--[--><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">1</td><td colspan="4" class="svelte-jonk14">main</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">1.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">LH</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1600" min="10" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="1600" min="10" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">1600</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">LV</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1000" min="10" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="1000" min="10" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">LZ</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="40" min="0" max="100" step="1" class="input-number svelte-jonk14"> <input type="range" value="40" min="0" max="100" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">nx</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="9" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="9" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">9</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">ny</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="9" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="9" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">9</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">2</td><td colspan="4" class="svelte-jonk14">main fantasia</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">2.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">main_direction</button></td><td class="svelte-jonk14"><!--[2--><select><!--[--><option value="0">horizontal</option><option value="1">vertical</option><!--]--></select><!--]--></td><td class="svelte-jonk14">dropdown</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">crenel</button></td><td class="svelte-jonk14"><!--[1--><select><!--[--><option value="0">Off</option><option value="1">On</option><!--]--></select><!--]--></td><td class="svelte-jonk14">checkbox</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">first_row</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="9" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="9" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">9</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">second_row</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="9" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="9" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">9</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">3</td><td colspan="4" class="svelte-jonk14">horizontal spacing</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">3.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH_gradient</button></td><td class="svelte-jonk14"><!--[1--><select><!--[--><option value="0">Off</option><option value="1">On</option><!--]--></select><!--]--></td><td class="svelte-jonk14">checkbox</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH_sup</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="500" min="0" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="500" min="0" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">500</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH_cycle</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1" min="0" max="3" step="0.05" class="input-number svelte-jonk14"> <input type="range" value="1" min="0" max="3" step="0.05" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">0.05</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH_start</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="0" min="0" max="1" step="0.05" class="input-number svelte-jonk14"> <input type="range" value="0" min="0" max="1" step="0.05" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">0.05</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.6</td><td class="svelte-jonk14"><button class="svelte-jonk14">EH_shape</button></td><td class="svelte-jonk14"><!--[2--><select><!--[--><option value="0">sinusoid</option><option value="1">triangle</option><option value="2">sawUp</option><option value="3">sawDown</option><!--]--></select><!--]--></td><td class="svelte-jonk14">dropdown</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">4</td><td colspan="4" class="svelte-jonk14">vertical spacing</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">4.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV_gradient</button></td><td class="svelte-jonk14"><!--[1--><select><!--[--><option value="0">Off</option><option value="1">On</option><!--]--></select><!--]--></td><td class="svelte-jonk14">checkbox</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV_sup</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="500" min="0" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="500" min="0" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">500</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV_cycle</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1" min="0" max="3" step="0.05" class="input-number svelte-jonk14"> <input type="range" value="1" min="0" max="3" step="0.05" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">0.05</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV_start</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="0" min="0" max="1" step="0.05" class="input-number svelte-jonk14"> <input type="range" value="0" min="0" max="1" step="0.05" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">0.05</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.6</td><td class="svelte-jonk14"><button class="svelte-jonk14">EV_shape</button></td><td class="svelte-jonk14"><!--[2--><select><!--[--><option value="0">sinusoid</option><option value="1">triangle</option><option value="2">sawUp</option><option value="3">sawDown</option><!--]--></select><!--]--></td><td class="svelte-jonk14">dropdown</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">5</td><td colspan="4" class="svelte-jonk14">solar power</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">5.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">power_efficiency</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="16" min="0" max="100" step="0.1" class="input-number svelte-jonk14"> <input type="range" value="16" min="0" max="100" step="0.1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">%</td><td class="svelte-jonk14">16</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">0.1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">5.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">solar_power</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="816" min="100" max="2000" step="1" class="input-number svelte-jonk14"> <input type="range" value="816" min="100" max="2000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">W/m2</td><td class="svelte-jonk14">816</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">2000</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><!--]--></table> <div class="comment svelte-jonk14"><label for="inComment">Comment:</label> <input type="text" id="inComment" value="" maxlength="150" size="70"></div> <button class="svelte-jonk14">Save Parameters to File</button> <button class="svelte-jonk14">Save Parameters as URL</button> <button class="svelte-jonk14">Save Parameters to localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----></main> <!--[!--><!--]--><!----> <button class="side-img svelte-jonk14"><img src="/pgdsvg/surface_main.svg" alt="/pgdsvg/surface_main.svg" class="svelte-jonk14"></button> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div></section><!----> <section class="svelte-8jmax4"><h2 class="svelte-8jmax4">Log</h2> <textarea rows="5" cols="94" readonly wrap="soft" class="svelte-8jmax4">Geometry surface computed at 11:07:47 PM
 surface simTime: 0
 panel surface: 1.60 m2
 panel power: 208.90 W
@@ -44,15 +44,15 @@ panel-surface drawn successfully!
 			<script>
 				{
-					__sveltekit_1h5mic1 = {
+					__sveltekit_10lngt7 = {
 						base: ""
 					};
 					const element = document.currentScript.parentElement;
 					Promise.all([
-						import("/_app/immutable/entry/start.B_rWRAvR.js"),
-						import("/_app/immutable/entry/app.CefCpV6N.js")
+						import("/_app/immutable/entry/start.DDnQZf_i.js"),
+						import("/_app/immutable/entry/app.vmbhpWnk.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 3],

package/dist/public/heliostat/swing.html CHANGED Viewed

@@ -7,24 +7,24 @@
 		<link href="/_app/immutable/assets/0.D3ep0F2Z.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/3.DKegludn.css" rel="stylesheet">
-		<link rel="modulepreload" href="/_app/immutable/entry/start.B_rWRAvR.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/CsiwpmvA.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/start.DDnQZf_i.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/D9lbFebm.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/Bke29ZwM.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/BwBztTFZ.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/nEWvNvcR.js">
-		<link rel="modulepreload" href="/_app/immutable/entry/app.CefCpV6N.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/DZ0lqOM9.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/app.vmbhpWnk.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/iIw5Yrdx.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/DpbigbqS.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/0.BcqkWGB-.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/8iDbMsaU.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/0.DDCBGRMK.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/D_Jfyl34.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/C5YK61bY.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/3.BVc5h4x0.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/Yo6YXqe-.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/BMzF0dM8.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/3.BMNYAptV.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/BjLt6jk5.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/CDwBg5iP.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/FpZwEl-R.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents"><!--[--><!--[--><!----><h1 class="svelte-im9xuh">Welcome to designix-ui</h1> <h6 class="svelte-im9xuh">Showcasing the usage of the <a href="https://svelte.dev/">svelte</a> library <a href="https://www.npmjs.com/package/geomui">geomui</a>.</h6> <nav class="svelte-im9xuh"><a href="/" class="svelte-im9xuh">index: list of designs</a></nav> <main class="svelte-im9xuh"><!----><h1 class="svelte-1aya6oa">Heliostat swing</h1> <article class="svelte-1aya6oa">[swing]: The swing for the heliostat inclination</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/swing_top.svg" alt="/pgdsvg/swing_top.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/swing_side.svg" alt="/pgdsvg/swing_side.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/swing_face.svg" alt="/pgdsvg/swing_face.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/swing_buttress.svg" alt="/pgdsvg/swing_buttress.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/swing_with_rod.svg" alt="/pgdsvg/swing_with_rod.svg" class="svelte-fxmnfh"></button><!--]--></section><!----> <section class="svelte-jonk14"><h2 class="svelte-jonk14">Parameters</h2> <main class="svelte-jonk14"><label for="loadFParams" class="fileUpload svelte-jonk14">Load Params from File</label> <input id="loadFParams" type="file" accept="text/plain, application/json" class="svelte-jonk14"> <button class="svelte-jonk14">Set Params Default</button> <button class="svelte-jonk14">Load Params from localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----> <textarea rows="3" cols="80" readonly wrap="soft" class="svelte-jonk14"></textarea> <table class="svelte-jonk14"><thead class="svelte-jonk14"><tr class="svelte-jonk14"><td class="svelte-jonk14">#</td><td class="svelte-jonk14">Parameter name</td><td class="svelte-jonk14">Value<span class="svelte-jonk14"><button class="svelte-jonk14">−</button><button class="svelte-jonk14">+</button></span></td><td class="svelte-jonk14">Unit</td><td class="svelte-jonk14">Default</td><td class="svelte-jonk14">Min</td><td class="svelte-jonk14">Max</td><td class="svelte-jonk14">Step</td></tr></thead><!--[--><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">1</td><td colspan="4" class="svelte-jonk14">main</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">1.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">L1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="12500" min="100" max="40000" step="1" class="input-number svelte-jonk14"> <input type="range" value="12500" min="100" max="40000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">12500</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">40000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">L2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="6000" min="100" max="40000" step="1" class="input-number svelte-jonk14"> <input type="range" value="6000" min="100" max="40000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">6000</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">40000</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">2</td><td colspan="4" class="svelte-jonk14">radial</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">2.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">D1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="400" min="1" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="400" min="1" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">E1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="5" min="1" max="80" step="1" class="input-number svelte-jonk14"> <input type="range" value="5" min="1" max="80" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">5</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">80</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">H2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">H4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">E2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="3" min="1" max="80" step="1" class="input-number svelte-jonk14"> <input type="range" value="3" min="1" max="80" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">80</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.6</td><td class="svelte-jonk14"><button class="svelte-jonk14">L3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="500" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="500" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">500</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">3</td><td colspan="4" class="svelte-jonk14">longitudinal</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">3.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">L4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="600" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="600" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">600</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">L5</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="2000" min="1" max="10000" step="1" class="input-number svelte-jonk14"> <input type="range" value="2000" min="1" max="10000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">2000</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">10000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">L6</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="2000" min="1" max="10000" step="1" class="input-number svelte-jonk14"> <input type="range" value="2000" min="1" max="10000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">2000</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">10000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">H1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">H3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.6</td><td class="svelte-jonk14"><button class="svelte-jonk14">E3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="3" min="1" max="80" step="1" class="input-number svelte-jonk14"> <input type="range" value="3" min="1" max="80" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">80</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">4</td><td colspan="4" class="svelte-jonk14">buttress</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">4.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">S1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="300" min="0" max="3000" step="1" class="input-number svelte-jonk14"> <input type="range" value="300" min="0" max="3000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">300</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">3000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">S2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="2000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="2000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">2000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">R2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="0" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="0" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">5</td><td colspan="4" class="svelte-jonk14">rod overlay</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">5.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">rod1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">5.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">rod2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1300" min="10" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="1300" min="10" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">1300</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">5.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">rod3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="400" min="10" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="400" min="10" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">5.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">rod4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><!--]--></table> <div class="comment svelte-jonk14"><label for="inComment">Comment:</label> <input type="text" id="inComment" value="" maxlength="150" size="70"></div> <button class="svelte-jonk14">Save Parameters to File</button> <button class="svelte-jonk14">Save Parameters as URL</button> <button class="svelte-jonk14">Save Parameters to localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----></main> <!--[!--><!--]--><!----> <button class="side-img svelte-jonk14"><img src="/pgdsvg/swing_top.svg" alt="/pgdsvg/swing_top.svg" class="svelte-jonk14"></button> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div></section><!----> <section class="svelte-8jmax4"><h2 class="svelte-8jmax4">Log</h2> <textarea rows="5" cols="94" readonly wrap="soft" class="svelte-8jmax4">Geometry swing computed at 9:09:11 PM
+		<div style="display: contents"><!--[--><!--[--><!----><h1 class="svelte-im9xuh">Welcome to designix-ui</h1> <h6 class="svelte-im9xuh">Showcasing the usage of the <a href="https://svelte.dev/">svelte</a> library <a href="https://www.npmjs.com/package/geomui">geomui</a>.</h6> <nav class="svelte-im9xuh"><a href="/" class="svelte-im9xuh">index: list of designs</a></nav> <main class="svelte-im9xuh"><!----><h1 class="svelte-1aya6oa">Heliostat swing</h1> <article class="svelte-1aya6oa">[swing]: The swing for the heliostat inclination</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/swing_top.svg" alt="/pgdsvg/swing_top.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/swing_side.svg" alt="/pgdsvg/swing_side.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/swing_face.svg" alt="/pgdsvg/swing_face.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/swing_buttress.svg" alt="/pgdsvg/swing_buttress.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/swing_with_rod.svg" alt="/pgdsvg/swing_with_rod.svg" class="svelte-fxmnfh"></button><!--]--></section><!----> <section class="svelte-jonk14"><h2 class="svelte-jonk14">Parameters</h2> <main class="svelte-jonk14"><label for="loadFParams" class="fileUpload svelte-jonk14">Load Params from File</label> <input id="loadFParams" type="file" accept="text/plain, application/json" class="svelte-jonk14"> <button class="svelte-jonk14">Set Params Default</button> <button class="svelte-jonk14">Load Params from localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----> <textarea rows="3" cols="80" readonly wrap="soft" class="svelte-jonk14"></textarea> <table class="svelte-jonk14"><thead class="svelte-jonk14"><tr class="svelte-jonk14"><td class="svelte-jonk14">#</td><td class="svelte-jonk14">Parameter name</td><td class="svelte-jonk14">Value<span class="svelte-jonk14"><button class="svelte-jonk14">−</button><button class="svelte-jonk14">+</button></span></td><td class="svelte-jonk14">Unit</td><td class="svelte-jonk14">Default</td><td class="svelte-jonk14">Min</td><td class="svelte-jonk14">Max</td><td class="svelte-jonk14">Step</td></tr></thead><!--[--><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">1</td><td colspan="4" class="svelte-jonk14">main</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">1.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">L1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="12500" min="100" max="40000" step="1" class="input-number svelte-jonk14"> <input type="range" value="12500" min="100" max="40000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">12500</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">40000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">L2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="6000" min="100" max="40000" step="1" class="input-number svelte-jonk14"> <input type="range" value="6000" min="100" max="40000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">6000</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">40000</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">2</td><td colspan="4" class="svelte-jonk14">radial</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">2.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">D1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="400" min="1" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="400" min="1" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">E1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="5" min="1" max="80" step="1" class="input-number svelte-jonk14"> <input type="range" value="5" min="1" max="80" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">5</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">80</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">H2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">H4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">E2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="3" min="1" max="80" step="1" class="input-number svelte-jonk14"> <input type="range" value="3" min="1" max="80" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">80</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.6</td><td class="svelte-jonk14"><button class="svelte-jonk14">L3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="500" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="500" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">500</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">3</td><td colspan="4" class="svelte-jonk14">longitudinal</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">3.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">L4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="600" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="600" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">600</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">L5</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="2000" min="1" max="10000" step="1" class="input-number svelte-jonk14"> <input type="range" value="2000" min="1" max="10000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">2000</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">10000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">L6</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="2000" min="1" max="10000" step="1" class="input-number svelte-jonk14"> <input type="range" value="2000" min="1" max="10000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">2000</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">10000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">H1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">H3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.6</td><td class="svelte-jonk14"><button class="svelte-jonk14">E3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="3" min="1" max="80" step="1" class="input-number svelte-jonk14"> <input type="range" value="3" min="1" max="80" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">3</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">80</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">4</td><td colspan="4" class="svelte-jonk14">buttress</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">4.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">S1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="300" min="0" max="3000" step="1" class="input-number svelte-jonk14"> <input type="range" value="300" min="0" max="3000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">300</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">3000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">S2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="2000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="2000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">2000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">R2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="0" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="0" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">0</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">5</td><td colspan="4" class="svelte-jonk14">rod overlay</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">5.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">rod1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">5.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">rod2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1300" min="10" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="1300" min="10" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">1300</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">5.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">rod3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="400" min="10" max="1000" step="1" class="input-number svelte-jonk14"> <input type="range" value="400" min="10" max="1000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">5.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">rod4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><!--]--></table> <div class="comment svelte-jonk14"><label for="inComment">Comment:</label> <input type="text" id="inComment" value="" maxlength="150" size="70"></div> <button class="svelte-jonk14">Save Parameters to File</button> <button class="svelte-jonk14">Save Parameters as URL</button> <button class="svelte-jonk14">Save Parameters to localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----></main> <!--[!--><!--]--><!----> <button class="side-img svelte-jonk14"><img src="/pgdsvg/swing_top.svg" alt="/pgdsvg/swing_top.svg" class="svelte-jonk14"></button> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div></section><!----> <section class="svelte-8jmax4"><h2 class="svelte-8jmax4">Log</h2> <textarea rows="5" cols="94" readonly wrap="soft" class="svelte-8jmax4">Geometry swing computed at 11:07:47 PM
 swing simTime: 0
 swing size: L1 12500.00 x L2 6000.00 mm
 rake-L4: 400.00 mm (compare with rake)
@@ -37,15 +37,15 @@ heliostat-swing drawn successfully!
 			<script>
 				{
-					__sveltekit_1h5mic1 = {
+					__sveltekit_10lngt7 = {
 						base: ""
 					};
 					const element = document.currentScript.parentElement;
 					Promise.all([
-						import("/_app/immutable/entry/start.B_rWRAvR.js"),
-						import("/_app/immutable/entry/app.CefCpV6N.js")
+						import("/_app/immutable/entry/start.DDnQZf_i.js"),
+						import("/_app/immutable/entry/app.vmbhpWnk.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 3],

package/dist/public/heliostat/trapeze.html CHANGED Viewed

@@ -7,24 +7,24 @@
 		<link href="/_app/immutable/assets/0.D3ep0F2Z.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/3.DKegludn.css" rel="stylesheet">
-		<link rel="modulepreload" href="/_app/immutable/entry/start.B_rWRAvR.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/CsiwpmvA.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/start.DDnQZf_i.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/D9lbFebm.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/Bke29ZwM.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/BwBztTFZ.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/nEWvNvcR.js">
-		<link rel="modulepreload" href="/_app/immutable/entry/app.CefCpV6N.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/DZ0lqOM9.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/app.vmbhpWnk.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/iIw5Yrdx.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/DpbigbqS.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/0.BcqkWGB-.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/8iDbMsaU.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/0.DDCBGRMK.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/D_Jfyl34.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/C5YK61bY.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/3.BVc5h4x0.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/Yo6YXqe-.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/BMzF0dM8.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/3.BMNYAptV.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/BjLt6jk5.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/CDwBg5iP.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/FpZwEl-R.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents"><!--[--><!--[--><!----><h1 class="svelte-im9xuh">Welcome to designix-ui</h1> <h6 class="svelte-im9xuh">Showcasing the usage of the <a href="https://svelte.dev/">svelte</a> library <a href="https://www.npmjs.com/package/geomui">geomui</a>.</h6> <nav class="svelte-im9xuh"><a href="/" class="svelte-im9xuh">index: list of designs</a></nav> <main class="svelte-im9xuh"><!----><h1 class="svelte-1aya6oa">Heliostat trapeze</h1> <article class="svelte-1aya6oa">[trapeze]: The support of one solar panel. Made out of aluminium for lightness and cooling</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/trapeze_top.svg" alt="/pgdsvg/trapeze_top.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/trapeze_rod.svg" alt="/pgdsvg/trapeze_rod.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/trapeze_side.svg" alt="/pgdsvg/trapeze_side.svg" class="svelte-fxmnfh"></button><!--]--></section><!----> <section class="svelte-jonk14"><h2 class="svelte-jonk14">Parameters</h2> <main class="svelte-jonk14"><label for="loadFParams" class="fileUpload svelte-jonk14">Load Params from File</label> <input id="loadFParams" type="file" accept="text/plain, application/json" class="svelte-jonk14"> <button class="svelte-jonk14">Set Params Default</button> <button class="svelte-jonk14">Load Params from localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----> <textarea rows="3" cols="80" readonly wrap="soft" class="svelte-jonk14"></textarea> <table class="svelte-jonk14"><thead class="svelte-jonk14"><tr class="svelte-jonk14"><td class="svelte-jonk14">#</td><td class="svelte-jonk14">Parameter name</td><td class="svelte-jonk14">Value<span class="svelte-jonk14"><button class="svelte-jonk14">−</button><button class="svelte-jonk14">+</button></span></td><td class="svelte-jonk14">Unit</td><td class="svelte-jonk14">Default</td><td class="svelte-jonk14">Min</td><td class="svelte-jonk14">Max</td><td class="svelte-jonk14">Step</td></tr></thead><!--[--><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">1</td><td colspan="4" class="svelte-jonk14">main</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">1.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">L1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1600" min="10" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="1600" min="10" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">1600</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">L2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1000" min="10" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="1000" min="10" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">L3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="400" min="5" max="800" step="1" class="input-number svelte-jonk14"> <input type="range" value="400" min="5" max="800" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">5</td><td class="svelte-jonk14">800</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">L4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="300" min="5" max="800" step="1" class="input-number svelte-jonk14"> <input type="range" value="300" min="5" max="800" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">300</td><td class="svelte-jonk14">5</td><td class="svelte-jonk14">800</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">2</td><td colspan="4" class="svelte-jonk14">outer frame</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">2.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">N1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="7" min="1" max="20" step="1" class="input-number svelte-jonk14"> <input type="range" value="7" min="1" max="20" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">7</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">N2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="4" min="1" max="20" step="1" class="input-number svelte-jonk14"> <input type="range" value="4" min="1" max="20" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">4</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">D1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">L5</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">L6</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="20" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="20" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.6</td><td class="svelte-jonk14"><button class="svelte-jonk14">R1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="60" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="60" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">60</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.7</td><td class="svelte-jonk14"><button class="svelte-jonk14">R2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="20" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="20" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">3</td><td colspan="4" class="svelte-jonk14">inner pad</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">3.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">N3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="2" min="1" max="20" step="1" class="input-number svelte-jonk14"> <input type="range" value="2" min="1" max="20" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">2</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">N4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="2" min="1" max="20" step="1" class="input-number svelte-jonk14"> <input type="range" value="2" min="1" max="20" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">2</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">D2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">L7</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="20" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="20" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">R3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="20" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="20" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">4</td><td colspan="4" class="svelte-jonk14">diagonal shaft</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">4.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">D3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="30" min="1" max="100" step="1" class="input-number svelte-jonk14"> <input type="range" value="30" min="1" max="100" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">30</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">D4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="26" min="1" max="100" step="1" class="input-number svelte-jonk14"> <input type="range" value="26" min="1" max="100" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">26</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">H1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="300" min="0.5" max="800" step="0.5" class="input-number svelte-jonk14"> <input type="range" value="300" min="0.5" max="800" step="0.5" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">300</td><td class="svelte-jonk14">0.5</td><td class="svelte-jonk14">800</td><td class="svelte-jonk14">0.5</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">H2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="2" min="0.5" max="800" step="0.5" class="input-number svelte-jonk14"> <input type="range" value="2" min="0.5" max="800" step="0.5" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">2</td><td class="svelte-jonk14">0.5</td><td class="svelte-jonk14">800</td><td class="svelte-jonk14">0.5</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">H3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="5" min="0.5" max="800" step="0.5" class="input-number svelte-jonk14"> <input type="range" value="5" min="0.5" max="800" step="0.5" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">5</td><td class="svelte-jonk14">0.5</td><td class="svelte-jonk14">800</td><td class="svelte-jonk14">0.5</td></tr><!--]--></tbody><!--]--></table> <div class="comment svelte-jonk14"><label for="inComment">Comment:</label> <input type="text" id="inComment" value="" maxlength="150" size="70"></div> <button class="svelte-jonk14">Save Parameters to File</button> <button class="svelte-jonk14">Save Parameters as URL</button> <button class="svelte-jonk14">Save Parameters to localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----></main> <!--[!--><!--]--><!----> <button class="side-img svelte-jonk14"><img src="/pgdsvg/trapeze_top.svg" alt="/pgdsvg/trapeze_top.svg" class="svelte-jonk14"></button> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div></section><!----> <section class="svelte-8jmax4"><h2 class="svelte-8jmax4">Log</h2> <textarea rows="5" cols="94" readonly wrap="soft" class="svelte-8jmax4">Geometry trapeze computed at 9:09:11 PM
+		<div style="display: contents"><!--[--><!--[--><!----><h1 class="svelte-im9xuh">Welcome to designix-ui</h1> <h6 class="svelte-im9xuh">Showcasing the usage of the <a href="https://svelte.dev/">svelte</a> library <a href="https://www.npmjs.com/package/geomui">geomui</a>.</h6> <nav class="svelte-im9xuh"><a href="/" class="svelte-im9xuh">index: list of designs</a></nav> <main class="svelte-im9xuh"><!----><h1 class="svelte-1aya6oa">Heliostat trapeze</h1> <article class="svelte-1aya6oa">[trapeze]: The support of one solar panel. Made out of aluminium for lightness and cooling</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/trapeze_top.svg" alt="/pgdsvg/trapeze_top.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/trapeze_rod.svg" alt="/pgdsvg/trapeze_rod.svg" class="svelte-fxmnfh"></button><button class="svelte-fxmnfh"><img src="/pgdsvg/trapeze_side.svg" alt="/pgdsvg/trapeze_side.svg" class="svelte-fxmnfh"></button><!--]--></section><!----> <section class="svelte-jonk14"><h2 class="svelte-jonk14">Parameters</h2> <main class="svelte-jonk14"><label for="loadFParams" class="fileUpload svelte-jonk14">Load Params from File</label> <input id="loadFParams" type="file" accept="text/plain, application/json" class="svelte-jonk14"> <button class="svelte-jonk14">Set Params Default</button> <button class="svelte-jonk14">Load Params from localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----> <textarea rows="3" cols="80" readonly wrap="soft" class="svelte-jonk14"></textarea> <table class="svelte-jonk14"><thead class="svelte-jonk14"><tr class="svelte-jonk14"><td class="svelte-jonk14">#</td><td class="svelte-jonk14">Parameter name</td><td class="svelte-jonk14">Value<span class="svelte-jonk14"><button class="svelte-jonk14">−</button><button class="svelte-jonk14">+</button></span></td><td class="svelte-jonk14">Unit</td><td class="svelte-jonk14">Default</td><td class="svelte-jonk14">Min</td><td class="svelte-jonk14">Max</td><td class="svelte-jonk14">Step</td></tr></thead><!--[--><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">1</td><td colspan="4" class="svelte-jonk14">main</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">1.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">L1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1600" min="10" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="1600" min="10" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">1600</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">L2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="1000" min="10" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="1000" min="10" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">1000</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">4000</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">L3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="400" min="5" max="800" step="1" class="input-number svelte-jonk14"> <input type="range" value="400" min="5" max="800" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">5</td><td class="svelte-jonk14">800</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">1.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">L4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="300" min="5" max="800" step="1" class="input-number svelte-jonk14"> <input type="range" value="300" min="5" max="800" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">300</td><td class="svelte-jonk14">5</td><td class="svelte-jonk14">800</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">2</td><td colspan="4" class="svelte-jonk14">outer frame</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">2.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">N1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="7" min="1" max="20" step="1" class="input-number svelte-jonk14"> <input type="range" value="7" min="1" max="20" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">7</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">N2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="4" min="1" max="20" step="1" class="input-number svelte-jonk14"> <input type="range" value="4" min="1" max="20" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">4</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">D1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">L5</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="100" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="100" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">L6</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="20" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="20" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.6</td><td class="svelte-jonk14"><button class="svelte-jonk14">R1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="60" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="60" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">60</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">2.7</td><td class="svelte-jonk14"><button class="svelte-jonk14">R2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="20" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="20" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">3</td><td colspan="4" class="svelte-jonk14">inner pad</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">3.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">N3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="2" min="1" max="20" step="1" class="input-number svelte-jonk14"> <input type="range" value="2" min="1" max="20" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">2</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">N4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="2" min="1" max="20" step="1" class="input-number svelte-jonk14"> <input type="range" value="2" min="1" max="20" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14"></td><td class="svelte-jonk14">2</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">D2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="40" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="40" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">10</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">40</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">L7</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="20" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="20" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">3.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">R3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="20" min="1" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="20" min="1" max="400" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">20</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">400</td><td class="svelte-jonk14">1</td></tr><!--]--></tbody><tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14">4</td><td colspan="4" class="svelte-jonk14">diagonal shaft</td><td colspan="3" class="svelte-jonk14"><label class="svelte-jonk14"><input type="checkbox" checked class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14 collaps"><!--[--><tr class="svelte-jonk14"><td class="svelte-jonk14">4.1</td><td class="svelte-jonk14"><button class="svelte-jonk14">D3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="30" min="1" max="100" step="1" class="input-number svelte-jonk14"> <input type="range" value="30" min="1" max="100" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">30</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">D4</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="26" min="1" max="100" step="1" class="input-number svelte-jonk14"> <input type="range" value="26" min="1" max="100" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">26</td><td class="svelte-jonk14">1</td><td class="svelte-jonk14">100</td><td class="svelte-jonk14">1</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">H1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="300" min="0.5" max="800" step="0.5" class="input-number svelte-jonk14"> <input type="range" value="300" min="0.5" max="800" step="0.5" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">300</td><td class="svelte-jonk14">0.5</td><td class="svelte-jonk14">800</td><td class="svelte-jonk14">0.5</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.4</td><td class="svelte-jonk14"><button class="svelte-jonk14">H2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="2" min="0.5" max="800" step="0.5" class="input-number svelte-jonk14"> <input type="range" value="2" min="0.5" max="800" step="0.5" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">2</td><td class="svelte-jonk14">0.5</td><td class="svelte-jonk14">800</td><td class="svelte-jonk14">0.5</td></tr><tr class="svelte-jonk14"><td class="svelte-jonk14">4.5</td><td class="svelte-jonk14"><button class="svelte-jonk14">H3</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="5" min="0.5" max="800" step="0.5" class="input-number svelte-jonk14"> <input type="range" value="5" min="0.5" max="800" step="0.5" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14">mm</td><td class="svelte-jonk14">5</td><td class="svelte-jonk14">0.5</td><td class="svelte-jonk14">800</td><td class="svelte-jonk14">0.5</td></tr><!--]--></tbody><!--]--></table> <div class="comment svelte-jonk14"><label for="inComment">Comment:</label> <input type="text" id="inComment" value="" maxlength="150" size="70"></div> <button class="svelte-jonk14">Save Parameters to File</button> <button class="svelte-jonk14">Save Parameters as URL</button> <button class="svelte-jonk14">Save Parameters to localStorage</button> <!--[!--><!--]--><!----> <!--[!--><!--]--><!----></main> <!--[!--><!--]--><!----> <button class="side-img svelte-jonk14"><img src="/pgdsvg/trapeze_top.svg" alt="/pgdsvg/trapeze_top.svg" class="svelte-jonk14"></button> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div> <div class="mini-canvas svelte-jonk14"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas><!----></div></section><!----> <section class="svelte-8jmax4"><h2 class="svelte-8jmax4">Log</h2> <textarea rows="5" cols="94" readonly wrap="soft" class="svelte-8jmax4">Geometry trapeze computed at 11:07:47 PM
 trapeze simTime: 0
 rod-slope:  length: 739.16 mm,  angle: 23.35 degree
 rod-xy-angle: 60.10 degree
@@ -35,15 +35,15 @@ trapeze drawn successfully!
 			<script>
 				{
-					__sveltekit_1h5mic1 = {
+					__sveltekit_10lngt7 = {
 						base: ""
 					};
 					const element = document.currentScript.parentElement;
 					Promise.all([
-						import("/_app/immutable/entry/start.B_rWRAvR.js"),
-						import("/_app/immutable/entry/app.CefCpV6N.js")
+						import("/_app/immutable/entry/start.DDnQZf_i.js"),
+						import("/_app/immutable/entry/app.vmbhpWnk.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 3],