designix-uis 0.5.32 → 0.5.36
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.
- package/dist/designix-uis.js +8 -8
- package/dist/public/_app/immutable/assets/0.D3ep0F2Z.css +1 -0
- package/dist/public/_app/immutable/assets/3.Dk97tpeU.css +1 -0
- package/dist/public/_app/immutable/assets/_layout.D3ep0F2Z.css +1 -0
- package/dist/public/_app/immutable/assets/_page.Dk97tpeU.css +1 -0
- package/dist/public/_app/immutable/chunks/disclose-version.BhJaPCe6.js +1 -0
- package/dist/public/_app/immutable/chunks/entry.Bdty9mfe.js +3 -0
- package/dist/public/_app/immutable/chunks/index-client.BOL5qd8o.js +1 -0
- package/dist/public/_app/immutable/chunks/index.BlYmcgGQ.js +216 -0
- package/dist/public/_app/immutable/chunks/legacy.CatByI85.js +1 -0
- package/dist/public/_app/immutable/chunks/{makeList.C3agm0IL.js → makeList.B4EPCzKY.js} +31 -31
- package/dist/public/_app/immutable/chunks/paths.BqGNjA4I.js +1 -0
- package/dist/public/_app/immutable/chunks/runtime.DszaluMK.js +1 -0
- package/dist/public/_app/immutable/chunks/snippet.Dyz5snsn.js +1 -0
- package/dist/public/_app/immutable/chunks/store.BRUYvPrV.js +1 -0
- package/dist/public/_app/immutable/chunks/stores.C2z6mUcc.js +1 -0
- package/dist/public/_app/immutable/entry/app.CyQRg-rP.js +2 -0
- package/dist/public/_app/immutable/entry/start.B9WZWafo.js +1 -0
- package/dist/public/_app/immutable/nodes/0.DPbPRVNk.js +2 -0
- package/dist/public/_app/immutable/nodes/1.d5zq1XtM.js +1 -0
- package/dist/public/_app/immutable/nodes/2.DE_PQxkY.js +1 -0
- package/dist/public/_app/immutable/nodes/3.yeXv-gZw.js +7 -0
- package/dist/public/_app/version.json +1 -1
- package/dist/public/gear/gear_bar.html +23 -23
- package/dist/public/gear/gear_epicycloid.html +23 -23
- package/dist/public/gear/gear_ring.html +23 -23
- package/dist/public/gear/gear_wheel.html +23 -23
- package/dist/public/heliostat/base.html +23 -23
- package/dist/public/heliostat/haxis_guidance.html +23 -23
- package/dist/public/heliostat/heliostat.html +27 -35
- package/dist/public/heliostat/heliostat_2.html +26 -32
- package/dist/public/heliostat/pole_static.html +26 -32
- package/dist/public/heliostat/rake.html +23 -23
- package/dist/public/heliostat/rake_stopper.html +23 -23
- package/dist/public/heliostat/ring.html +23 -23
- package/dist/public/heliostat/ring_guidance.html +23 -23
- package/dist/public/heliostat/rod.html +23 -23
- package/dist/public/heliostat/spider.html +23 -23
- package/dist/public/heliostat/surface.html +23 -23
- package/dist/public/heliostat/swing.html +23 -23
- package/dist/public/heliostat/trapeze.html +23 -23
- package/dist/public/heliostat/vaxis.html +23 -23
- package/dist/public/heliostat/vaxis_guidance.html +23 -23
- package/dist/public/heliostat/vaxis_holder.html +23 -23
- package/dist/public/index.html +21 -19
- package/package.json +8 -8
- package/dist/public/_app/immutable/assets/0.BNk8pMG6.css +0 -1
- package/dist/public/_app/immutable/assets/3.Bup7ghXO.css +0 -1
- package/dist/public/_app/immutable/assets/_layout.BNk8pMG6.css +0 -1
- package/dist/public/_app/immutable/assets/_page.Bup7ghXO.css +0 -1
- package/dist/public/_app/immutable/chunks/entry.D_exCd0f.js +0 -3
- package/dist/public/_app/immutable/chunks/index.7KyUWpqJ.js +0 -216
- package/dist/public/_app/immutable/chunks/index.RMmEH_Pi.js +0 -1
- package/dist/public/_app/immutable/chunks/paths.CnG5LrC8.js +0 -1
- package/dist/public/_app/immutable/chunks/scheduler.2BOoCPD3.js +0 -1
- package/dist/public/_app/immutable/chunks/stores.BdytS9Df.js +0 -1
- package/dist/public/_app/immutable/entry/app.rqWQ6sX-.js +0 -2
- package/dist/public/_app/immutable/entry/start.Ce-oOvTl.js +0 -1
- package/dist/public/_app/immutable/nodes/0.CYP2J31a.js +0 -4
- package/dist/public/_app/immutable/nodes/1.HbFqS0yq.js +0 -1
- package/dist/public/_app/immutable/nodes/2.BvODlUud.js +0 -1
- package/dist/public/_app/immutable/nodes/3.C_LYr96e.js +0 -18
- /package/dist/public/_app/immutable/assets/{2.CTp7BhB8.css → 2.BTCojHq8.css} +0 -0
- /package/dist/public/_app/immutable/assets/{_page.CTp7BhB8.css → _page.BTCojHq8.css} +0 -0
|
@@ -5,23 +5,26 @@
|
|
|
5
5
|
<link rel="icon" href="/favicon.png" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
7
7
|
|
|
8
|
-
<link href="/_app/immutable/assets/0.
|
|
9
|
-
<link href="/_app/immutable/assets/3.
|
|
10
|
-
<link rel="modulepreload" href="/_app/immutable/entry/start.
|
|
11
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/entry.
|
|
12
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/
|
|
13
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/paths.
|
|
14
|
-
<link rel="modulepreload" href="/_app/immutable/entry/app.
|
|
15
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/
|
|
16
|
-
<link rel="modulepreload" href="/_app/immutable/
|
|
17
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/
|
|
18
|
-
<link rel="modulepreload" href="/_app/immutable/nodes/
|
|
19
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/
|
|
20
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/
|
|
8
|
+
<link href="/_app/immutable/assets/0.D3ep0F2Z.css" rel="stylesheet">
|
|
9
|
+
<link href="/_app/immutable/assets/3.Dk97tpeU.css" rel="stylesheet">
|
|
10
|
+
<link rel="modulepreload" href="/_app/immutable/entry/start.B9WZWafo.js">
|
|
11
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/entry.Bdty9mfe.js">
|
|
12
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/runtime.DszaluMK.js">
|
|
13
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/paths.BqGNjA4I.js">
|
|
14
|
+
<link rel="modulepreload" href="/_app/immutable/entry/app.CyQRg-rP.js">
|
|
15
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/disclose-version.BhJaPCe6.js">
|
|
16
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/index-client.BOL5qd8o.js">
|
|
17
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/store.BRUYvPrV.js">
|
|
18
|
+
<link rel="modulepreload" href="/_app/immutable/nodes/0.DPbPRVNk.js">
|
|
19
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/index.BlYmcgGQ.js">
|
|
20
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/snippet.Dyz5snsn.js">
|
|
21
|
+
<link rel="modulepreload" href="/_app/immutable/nodes/3.yeXv-gZw.js">
|
|
22
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/makeList.B4EPCzKY.js">
|
|
23
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/stores.C2z6mUcc.js">
|
|
24
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/legacy.CatByI85.js">
|
|
21
25
|
</head>
|
|
22
26
|
<body data-sveltekit-preload-data="hover">
|
|
23
|
-
<div style="display: contents"> <h1 class="svelte-im9xuh" data-svelte-h="svelte-1ow6r3d">Welcome to designix-ui</h1> <h6 class="svelte-im9xuh" data-svelte-h="svelte-7mn22s">Showcasing the usage of the <a href="https://svelte.dev/">svelte</a> library
|
|
24
|
-
<a href="https://www.npmjs.com/">geomui</a>.</h6> <nav class="svelte-im9xuh" data-svelte-h="svelte-ww4mf0"><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-1g5tt44"><h2 class="svelte-1g5tt44" data-svelte-h="svelte-1mc497a">Parameters</h2> <main class="svelte-1g5tt44"><label for="loadFParams" class="fileUpload svelte-1g5tt44" data-svelte-h="svelte-zt7rok">Load Params from File</label> <input id="loadFParams" type="file" accept="text/plain, application/json" class="svelte-1g5tt44"> <button class="svelte-1g5tt44" data-svelte-h="svelte-1typ5">Set Params Default</button> <button class="svelte-1g5tt44" data-svelte-h="svelte-187bpo6">Load Params from localStorage</button> <textarea rows="3" cols="80" readonly wrap="off" class="svelte-1g5tt44"></textarea> <table class="svelte-1g5tt44"><thead class="svelte-1g5tt44" data-svelte-h="svelte-1szl7uo"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">#</td> <td class="svelte-1g5tt44">Parameter name</td> <td class="svelte-1g5tt44">Value</td> <td class="svelte-1g5tt44">Unit</td> <td class="svelte-1g5tt44">Default</td> <td class="svelte-1g5tt44">Min</td> <td class="svelte-1g5tt44">Max</td> <td class="svelte-1g5tt44">Step</td></tr></thead> <tr class="separator svelte-1g5tt44"><td class="svelte-1g5tt44">1</td> <td colspan="4" class="svelte-1g5tt44">main</td> <td colspan="3" class="svelte-1g5tt44"><label class="svelte-1g5tt44"><input type="checkbox" class="svelte-1g5tt44"> <span class="svelte-1g5tt44" data-svelte-h="svelte-1qufua2"></span></label> </td></tr> <tbody class="svelte-1g5tt44"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">1.1</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">LH</button></td> <td class="svelte-1g5tt44"><input type="number" min="10" max="4000" step="1" class="input-number svelte-1g5tt44" value="1600"> <input type="range" min="10" max="4000" step="1" class="svelte-1g5tt44" value="1600"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">1600</td> <td class="svelte-1g5tt44">10</td> <td class="svelte-1g5tt44">4000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">1.2</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">LV</button></td> <td class="svelte-1g5tt44"><input type="number" min="10" max="4000" step="1" class="input-number svelte-1g5tt44" value="1000"> <input type="range" min="10" max="4000" step="1" class="svelte-1g5tt44" value="1000"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">1000</td> <td class="svelte-1g5tt44">10</td> <td class="svelte-1g5tt44">4000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">1.3</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">LZ</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="100" step="1" class="input-number svelte-1g5tt44" value="40"> <input type="range" min="0" max="100" step="1" class="svelte-1g5tt44" value="40"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">40</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">1.4</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">nx</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="40" step="1" class="input-number svelte-1g5tt44" value="9"> <input type="range" min="1" max="40" step="1" class="svelte-1g5tt44" value="9"></td> <td class="svelte-1g5tt44"></td> <td class="svelte-1g5tt44">9</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">40</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">1.5</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">ny</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="40" step="1" class="input-number svelte-1g5tt44" value="9"> <input type="range" min="1" max="40" step="1" class="svelte-1g5tt44" value="9"></td> <td class="svelte-1g5tt44"></td> <td class="svelte-1g5tt44">9</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">40</td> <td class="svelte-1g5tt44">1</td> </tr> </tbody><tr class="separator svelte-1g5tt44"><td class="svelte-1g5tt44">2</td> <td colspan="4" class="svelte-1g5tt44">main fantasia</td> <td colspan="3" class="svelte-1g5tt44"><label class="svelte-1g5tt44"><input type="checkbox" class="svelte-1g5tt44" checked> <span class="svelte-1g5tt44" data-svelte-h="svelte-1qufua2"></span></label> </td></tr> <tbody class="svelte-1g5tt44 collaps"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">2.1</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">main_direction</button></td> <td class="svelte-1g5tt44"><select><option value="0">horizontal</option><option value="1">vertical</option></select></td> <td class="svelte-1g5tt44">dropdown</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">2.2</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">crenel</button></td> <td class="svelte-1g5tt44"><select><option value="0">Off</option><option value="1">On</option></select></td> <td class="svelte-1g5tt44">checkbox</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">2.3</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">first_row</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="40" step="1" class="input-number svelte-1g5tt44" value="9"> <input type="range" min="1" max="40" step="1" class="svelte-1g5tt44" value="9"></td> <td class="svelte-1g5tt44"></td> <td class="svelte-1g5tt44">9</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">40</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">2.4</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">second_row</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="40" step="1" class="input-number svelte-1g5tt44" value="9"> <input type="range" min="1" max="40" step="1" class="svelte-1g5tt44" value="9"></td> <td class="svelte-1g5tt44"></td> <td class="svelte-1g5tt44">9</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">40</td> <td class="svelte-1g5tt44">1</td> </tr> </tbody><tr class="separator svelte-1g5tt44"><td class="svelte-1g5tt44">3</td> <td colspan="4" class="svelte-1g5tt44">horizontal spacing</td> <td colspan="3" class="svelte-1g5tt44"><label class="svelte-1g5tt44"><input type="checkbox" class="svelte-1g5tt44" checked> <span class="svelte-1g5tt44" data-svelte-h="svelte-1qufua2"></span></label> </td></tr> <tbody class="svelte-1g5tt44 collaps"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.1</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EH</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="1000" step="1" class="input-number svelte-1g5tt44" value="10"> <input type="range" min="0" max="1000" step="1" class="svelte-1g5tt44" value="10"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">10</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.2</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EH_gradient</button></td> <td class="svelte-1g5tt44"><select><option value="0">Off</option><option value="1">On</option></select></td> <td class="svelte-1g5tt44">checkbox</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.3</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EH_sup</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="1000" step="1" class="input-number svelte-1g5tt44" value="500"> <input type="range" min="0" max="1000" step="1" class="svelte-1g5tt44" value="500"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">500</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.4</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EH_cycle</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="3" step="0.05" class="input-number svelte-1g5tt44" value="1"> <input type="range" min="0" max="3" step="0.05" class="svelte-1g5tt44" value="1"></td> <td class="svelte-1g5tt44"></td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">3</td> <td class="svelte-1g5tt44">0.05</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.5</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EH_start</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="1" step="0.05" class="input-number svelte-1g5tt44" value="0"> <input type="range" min="0" max="1" step="0.05" class="svelte-1g5tt44" value="0"></td> <td class="svelte-1g5tt44"></td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">0.05</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.6</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EH_shape</button></td> <td class="svelte-1g5tt44"><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-1g5tt44">dropdown</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">3</td> <td class="svelte-1g5tt44">1</td> </tr> </tbody><tr class="separator svelte-1g5tt44"><td class="svelte-1g5tt44">4</td> <td colspan="4" class="svelte-1g5tt44">vertical spacing</td> <td colspan="3" class="svelte-1g5tt44"><label class="svelte-1g5tt44"><input type="checkbox" class="svelte-1g5tt44" checked> <span class="svelte-1g5tt44" data-svelte-h="svelte-1qufua2"></span></label> </td></tr> <tbody class="svelte-1g5tt44 collaps"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">4.1</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EV</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="1000" step="1" class="input-number svelte-1g5tt44" value="10"> <input type="range" min="0" max="1000" step="1" class="svelte-1g5tt44" value="10"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">10</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">4.2</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EV_gradient</button></td> <td class="svelte-1g5tt44"><select><option value="0">Off</option><option value="1">On</option></select></td> <td class="svelte-1g5tt44">checkbox</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">4.3</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EV_sup</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="1000" step="1" class="input-number svelte-1g5tt44" value="500"> <input type="range" min="0" max="1000" step="1" class="svelte-1g5tt44" value="500"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">500</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">4.4</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EV_cycle</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="3" step="0.05" class="input-number svelte-1g5tt44" value="1"> <input type="range" min="0" max="3" step="0.05" class="svelte-1g5tt44" value="1"></td> <td class="svelte-1g5tt44"></td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">3</td> <td class="svelte-1g5tt44">0.05</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">4.5</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EV_start</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="1" step="0.05" class="input-number svelte-1g5tt44" value="0"> <input type="range" min="0" max="1" step="0.05" class="svelte-1g5tt44" value="0"></td> <td class="svelte-1g5tt44"></td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">0.05</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">4.6</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">EV_shape</button></td> <td class="svelte-1g5tt44"><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-1g5tt44">dropdown</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">3</td> <td class="svelte-1g5tt44">1</td> </tr> </tbody><tr class="separator svelte-1g5tt44"><td class="svelte-1g5tt44">5</td> <td colspan="4" class="svelte-1g5tt44">solar power</td> <td colspan="3" class="svelte-1g5tt44"><label class="svelte-1g5tt44"><input type="checkbox" class="svelte-1g5tt44" checked> <span class="svelte-1g5tt44" data-svelte-h="svelte-1qufua2"></span></label> </td></tr> <tbody class="svelte-1g5tt44 collaps"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">5.1</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">power_efficiency</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="100" step="0.1" class="input-number svelte-1g5tt44" value="16"> <input type="range" min="0" max="100" step="0.1" class="svelte-1g5tt44" value="16"></td> <td class="svelte-1g5tt44">%</td> <td class="svelte-1g5tt44">16</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">0.1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">5.2</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">solar_power</button></td> <td class="svelte-1g5tt44"><input type="number" min="100" max="2000" step="1" class="input-number svelte-1g5tt44" value="816"> <input type="range" min="100" max="2000" step="1" class="svelte-1g5tt44" value="816"></td> <td class="svelte-1g5tt44">W/m2</td> <td class="svelte-1g5tt44">816</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">2000</td> <td class="svelte-1g5tt44">1</td> </tr> </tbody></table> <div class="comment svelte-1g5tt44"><label for="inComment" data-svelte-h="svelte-gqskth">Comment:</label> <input type="text" id="inComment" maxlength="150" size="70" value=""></div> <button class="svelte-1g5tt44" data-svelte-h="svelte-1ny58g0">Save Parameters to File</button> <button class="svelte-1g5tt44" data-svelte-h="svelte-11or0m2">Save Parameters as URL</button> <button class="svelte-1g5tt44" data-svelte-h="svelte-5zdtrl">Save Parameters to localStorage</button> </main> <button class="side-img svelte-1g5tt44"><img src="/pgdsvg/surface_main.svg" alt="/pgdsvg/surface_main.svg" class="svelte-1g5tt44"></button> <div class="mini-canvas svelte-1g5tt44"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas></div> <div class="mini-canvas svelte-1g5tt44"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas></div> </section> <section class="svelte-19nn0vk"><h2 class="svelte-19nn0vk" data-svelte-h="svelte-4ty0ys">Log</h2> <textarea rows="5" cols="94" readonly wrap="off" class="svelte-19nn0vk">Geometry surface computed at 9:46:06 PM
|
|
27
|
+
<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/">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><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><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><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"><!--[!--><!--[!--><!--[--><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"><!--[!--><!--[--><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><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"><!--[!--><!--[--><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"><!--[!--><!--[!--><!--[--><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><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"><!--[!--><!--[--><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"><!--[!--><!--[!--><!--[--><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><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-1ez8qwq"><h2 class="svelte-1ez8qwq">Log</h2> <textarea rows="5" cols="94" readonly wrap="soft" class="svelte-1ez8qwq ">Geometry surface computed at 5:33:04 AM
|
|
25
28
|
surface simTime: 0
|
|
26
29
|
panel surface: 1.60 m2
|
|
27
30
|
panel power: 208.90 W
|
|
@@ -36,15 +39,12 @@ global vertical height: 9.08 m
|
|
|
36
39
|
global area: 131.48 m2
|
|
37
40
|
area efficiency: 98.57 %
|
|
38
41
|
panel-surface drawn successfully!
|
|
39
|
-
</textarea></section>
|
|
40
|
-
|
|
41
|
-
<span class="svelte-lzdpo0">(Number of sub-instances: 0)</span></h2> <ol class="svelte-lzdpo0"></ol> </section> </section></main> <footer class="svelte-im9xuh"><article data-svelte-h="svelte-1pwhz7h"><a href="https://github.com/charlyoleg2/parametrix">designix-ui</a>, a minimalist showcase
|
|
42
|
-
of
|
|
43
|
-
<a href="https://www.npmjs.com/">geomui</a>.</article> <article><h3 data-svelte-h="svelte-18yz28i">Designix-ui version</h3> <code>version details:<br>designix-ui : 0.5.5<br>dependencies:<br>1 : designix : ^0.5.50<br>2 : geometrix : ^0.5.49<br>3 : geomui : ^0.5.51<br></code></article> </footer>
|
|
42
|
+
</textarea></section> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Drawing <select class="svelte-1ez8qwq"><!--[--><option value="faceSurface">faceSurface</option><option value="faceOnePanel">faceOnePanel</option><!--]--><option value="ParametrixAll">All faces merged</option></select></h2></section> <!---->// TODO: onresize is not triggered when the window is maximized <section class="svelte-1lstqwr"><div class="svelte-1rsbkj"><label><input type="checkbox" checked class="svelte-1rsbkj">main part</label> <label><input type="checkbox" class="svelte-1rsbkj">main skeleton</label> <label><input type="checkbox" checked class="svelte-1rsbkj">second parts</label> <label><input type="checkbox" class="svelte-1rsbkj">second skeletons</label> <label><input type="checkbox" class="svelte-1rsbkj">dynamics</label> <label><input type="checkbox" checked class="svelte-1rsbkj">ruler</label> <label><input type="checkbox" class="svelte-1rsbkj">frame of reference</label> <label><input type="checkbox" class="svelte-1rsbkj">points</label> <label><input type="checkbox" class="svelte-1rsbkj">lines</label> <label><input type="checkbox" class="svelte-1rsbkj">vectors</label></div><!----> <div class="rack svelte-1lstqwr"><canvas class="full svelte-1lstqwr" width="400" height="400"></canvas> <nav class="svelte-uw6ahn"><button class="svelte-uw6ahn">0</button> <button class="svelte-uw6ahn"><-</button> <button class="svelte-uw6ahn">|<</button> <button class="svelte-uw6ahn">||</button> <button class="svelte-uw6ahn">>|</button> <button class="svelte-uw6ahn">-></button> <input type="range" value="0" min="0" max="180" step="0.5" class="svelte-uw6ahn"> <input type="number" value="0" min="0" max="180" step="0.5" class="svelte-uw6ahn"></nav><!----></div> <div class="rack svelte-1lstqwr"><canvas class="zoom svelte-1lstqwr" width="400" height="400"></canvas> <nav class="svelte-c549k7"><button aria-labelledby="zoomInit" class="svelte-c549k7"><div class="zero svelte-c549k7"></div></button><button aria-labelledby="zoomIn" class="svelte-c549k7"><div class="zoomin svelte-c549k7"></div></button><button aria-labelledby="zoomOut" class="svelte-c549k7"><div class="zoomout svelte-c549k7"></div></button><button aria-labelledby="moveLeft" class="svelte-c549k7"><div class="arrowleft svelte-c549k7"></div></button><button aria-labelledby="moveRight" class="svelte-c549k7"><div class="arrowright svelte-c549k7"></div></button><button aria-labelledby="moveUp" class="svelte-c549k7"><div class="arrowup svelte-c549k7"></div></button><button aria-labelledby="moveDown" class="svelte-c549k7"><div class="arrowdown svelte-c549k7"></div></button></nav><!----></div></section><!----> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Export</h2> <select class="svelte-1ez8qwq"><!--[--><option value="svg_faceSurface">face faceSurface as svg</option><option value="svg_faceOnePanel">face faceOnePanel as svg</option><!--]--><option value="allsvg">all faces merged as svg</option><!--[--><option value="dxf_faceSurface">face faceSurface as dxf</option><option value="dxf_faceOnePanel">face faceOnePanel as dxf</option><!--]--><option value="alldxf">all faces merged as dxf</option><option value="compute_log">compute.log as log-file</option><option value="pax">all faces as pax.json</option><option value="oscad">all faces as openscad.scad</option><option value="ojscad">all faces as OpenJScad.js</option><option value="freecad">all faces as Freecad.py</option><option value="zip">all faces and more as zip</option></select> <button class="svelte-1ez8qwq">Save to File</button> <section class="svelte-lzdpo0"><h2 class="svelte-lzdpo0">Sub-designs <span class="svelte-lzdpo0">(Number of sub-instances: 0)</span></h2> <ol><!--[--><!--]--></ol></section><!----></section><!----><!----><!----></main> <footer class="svelte-im9xuh"><article><a href="https://github.com/charlyoleg2/parametrix">designix-ui</a>, a minimalist showcase
|
|
43
|
+
of <a href="https://www.npmjs.com/">geomui</a>.</article> <article><h3>Designix-ui version</h3> <code><!--[--><!---->version details:<br><!---->designix-ui : 0.5.5<br><!---->dependencies:<br><!---->1 : designix : ^0.5.54<br><!---->2 : geometrix : ^0.5.53<br><!---->3 : geomui : ^0.5.55<br><!--]--></code></article></footer><!----><!--]--> <!--[!--><!--]--><!--]-->
|
|
44
44
|
|
|
45
45
|
<script>
|
|
46
46
|
{
|
|
47
|
-
|
|
47
|
+
__sveltekit_1svurv4 = {
|
|
48
48
|
base: ""
|
|
49
49
|
};
|
|
50
50
|
|
|
@@ -53,8 +53,8 @@ panel-surface drawn successfully!
|
|
|
53
53
|
const data = [null,null];
|
|
54
54
|
|
|
55
55
|
Promise.all([
|
|
56
|
-
import("/_app/immutable/entry/start.
|
|
57
|
-
import("/_app/immutable/entry/app.
|
|
56
|
+
import("/_app/immutable/entry/start.B9WZWafo.js"),
|
|
57
|
+
import("/_app/immutable/entry/app.CyQRg-rP.js")
|
|
58
58
|
]).then(([kit, app]) => {
|
|
59
59
|
kit.start(app, element, {
|
|
60
60
|
node_ids: [0, 3],
|
|
@@ -5,23 +5,26 @@
|
|
|
5
5
|
<link rel="icon" href="/favicon.png" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
7
7
|
|
|
8
|
-
<link href="/_app/immutable/assets/0.
|
|
9
|
-
<link href="/_app/immutable/assets/3.
|
|
10
|
-
<link rel="modulepreload" href="/_app/immutable/entry/start.
|
|
11
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/entry.
|
|
12
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/
|
|
13
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/paths.
|
|
14
|
-
<link rel="modulepreload" href="/_app/immutable/entry/app.
|
|
15
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/
|
|
16
|
-
<link rel="modulepreload" href="/_app/immutable/
|
|
17
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/
|
|
18
|
-
<link rel="modulepreload" href="/_app/immutable/nodes/
|
|
19
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/
|
|
20
|
-
<link rel="modulepreload" href="/_app/immutable/chunks/
|
|
8
|
+
<link href="/_app/immutable/assets/0.D3ep0F2Z.css" rel="stylesheet">
|
|
9
|
+
<link href="/_app/immutable/assets/3.Dk97tpeU.css" rel="stylesheet">
|
|
10
|
+
<link rel="modulepreload" href="/_app/immutable/entry/start.B9WZWafo.js">
|
|
11
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/entry.Bdty9mfe.js">
|
|
12
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/runtime.DszaluMK.js">
|
|
13
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/paths.BqGNjA4I.js">
|
|
14
|
+
<link rel="modulepreload" href="/_app/immutable/entry/app.CyQRg-rP.js">
|
|
15
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/disclose-version.BhJaPCe6.js">
|
|
16
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/index-client.BOL5qd8o.js">
|
|
17
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/store.BRUYvPrV.js">
|
|
18
|
+
<link rel="modulepreload" href="/_app/immutable/nodes/0.DPbPRVNk.js">
|
|
19
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/index.BlYmcgGQ.js">
|
|
20
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/snippet.Dyz5snsn.js">
|
|
21
|
+
<link rel="modulepreload" href="/_app/immutable/nodes/3.yeXv-gZw.js">
|
|
22
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/makeList.B4EPCzKY.js">
|
|
23
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/stores.C2z6mUcc.js">
|
|
24
|
+
<link rel="modulepreload" href="/_app/immutable/chunks/legacy.CatByI85.js">
|
|
21
25
|
</head>
|
|
22
26
|
<body data-sveltekit-preload-data="hover">
|
|
23
|
-
<div style="display: contents"> <h1 class="svelte-im9xuh" data-svelte-h="svelte-1ow6r3d">Welcome to designix-ui</h1> <h6 class="svelte-im9xuh" data-svelte-h="svelte-7mn22s">Showcasing the usage of the <a href="https://svelte.dev/">svelte</a> library
|
|
24
|
-
<a href="https://www.npmjs.com/">geomui</a>.</h6> <nav class="svelte-im9xuh" data-svelte-h="svelte-ww4mf0"><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-1g5tt44"><h2 class="svelte-1g5tt44" data-svelte-h="svelte-1mc497a">Parameters</h2> <main class="svelte-1g5tt44"><label for="loadFParams" class="fileUpload svelte-1g5tt44" data-svelte-h="svelte-zt7rok">Load Params from File</label> <input id="loadFParams" type="file" accept="text/plain, application/json" class="svelte-1g5tt44"> <button class="svelte-1g5tt44" data-svelte-h="svelte-1typ5">Set Params Default</button> <button class="svelte-1g5tt44" data-svelte-h="svelte-187bpo6">Load Params from localStorage</button> <textarea rows="3" cols="80" readonly wrap="off" class="svelte-1g5tt44"></textarea> <table class="svelte-1g5tt44"><thead class="svelte-1g5tt44" data-svelte-h="svelte-1szl7uo"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">#</td> <td class="svelte-1g5tt44">Parameter name</td> <td class="svelte-1g5tt44">Value</td> <td class="svelte-1g5tt44">Unit</td> <td class="svelte-1g5tt44">Default</td> <td class="svelte-1g5tt44">Min</td> <td class="svelte-1g5tt44">Max</td> <td class="svelte-1g5tt44">Step</td></tr></thead> <tr class="separator svelte-1g5tt44"><td class="svelte-1g5tt44">1</td> <td colspan="4" class="svelte-1g5tt44">main</td> <td colspan="3" class="svelte-1g5tt44"><label class="svelte-1g5tt44"><input type="checkbox" class="svelte-1g5tt44"> <span class="svelte-1g5tt44" data-svelte-h="svelte-1qufua2"></span></label> </td></tr> <tbody class="svelte-1g5tt44"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">1.1</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">L1</button></td> <td class="svelte-1g5tt44"><input type="number" min="100" max="40000" step="1" class="input-number svelte-1g5tt44" value="12500"> <input type="range" min="100" max="40000" step="1" class="svelte-1g5tt44" value="12500"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">12500</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">40000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">1.2</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">L2</button></td> <td class="svelte-1g5tt44"><input type="number" min="100" max="40000" step="1" class="input-number svelte-1g5tt44" value="6000"> <input type="range" min="100" max="40000" step="1" class="svelte-1g5tt44" value="6000"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">6000</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">40000</td> <td class="svelte-1g5tt44">1</td> </tr> </tbody><tr class="separator svelte-1g5tt44"><td class="svelte-1g5tt44">2</td> <td colspan="4" class="svelte-1g5tt44">radial</td> <td colspan="3" class="svelte-1g5tt44"><label class="svelte-1g5tt44"><input type="checkbox" class="svelte-1g5tt44" checked> <span class="svelte-1g5tt44" data-svelte-h="svelte-1qufua2"></span></label> </td></tr> <tbody class="svelte-1g5tt44 collaps"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">2.1</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">D1</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="1000" step="1" class="input-number svelte-1g5tt44" value="400"> <input type="range" min="1" max="1000" step="1" class="svelte-1g5tt44" value="400"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">400</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">1000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">2.2</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">E1</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="80" step="1" class="input-number svelte-1g5tt44" value="5"> <input type="range" min="1" max="80" step="1" class="svelte-1g5tt44" value="5"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">5</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">80</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">2.3</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">H2</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="400" step="1" class="input-number svelte-1g5tt44" value="100"> <input type="range" min="1" max="400" step="1" class="svelte-1g5tt44" value="100"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">400</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">2.4</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">H4</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="400" step="1" class="input-number svelte-1g5tt44" value="100"> <input type="range" min="1" max="400" step="1" class="svelte-1g5tt44" value="100"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">400</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">2.5</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">E2</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="80" step="1" class="input-number svelte-1g5tt44" value="3"> <input type="range" min="1" max="80" step="1" class="svelte-1g5tt44" value="3"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">3</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">80</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">2.6</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">L3</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="4000" step="1" class="input-number svelte-1g5tt44" value="500"> <input type="range" min="1" max="4000" step="1" class="svelte-1g5tt44" value="500"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">500</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">4000</td> <td class="svelte-1g5tt44">1</td> </tr> </tbody><tr class="separator svelte-1g5tt44"><td class="svelte-1g5tt44">3</td> <td colspan="4" class="svelte-1g5tt44">longitudinal</td> <td colspan="3" class="svelte-1g5tt44"><label class="svelte-1g5tt44"><input type="checkbox" class="svelte-1g5tt44" checked> <span class="svelte-1g5tt44" data-svelte-h="svelte-1qufua2"></span></label> </td></tr> <tbody class="svelte-1g5tt44 collaps"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.1</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">L4</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="4000" step="1" class="input-number svelte-1g5tt44" value="600"> <input type="range" min="1" max="4000" step="1" class="svelte-1g5tt44" value="600"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">600</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">4000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.2</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">L5</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="10000" step="1" class="input-number svelte-1g5tt44" value="2000"> <input type="range" min="1" max="10000" step="1" class="svelte-1g5tt44" value="2000"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">2000</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">10000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.3</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">L6</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="10000" step="1" class="input-number svelte-1g5tt44" value="2000"> <input type="range" min="1" max="10000" step="1" class="svelte-1g5tt44" value="2000"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">2000</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">10000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.4</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">H1</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="400" step="1" class="input-number svelte-1g5tt44" value="100"> <input type="range" min="1" max="400" step="1" class="svelte-1g5tt44" value="100"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">400</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.5</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">H3</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="400" step="1" class="input-number svelte-1g5tt44" value="100"> <input type="range" min="1" max="400" step="1" class="svelte-1g5tt44" value="100"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">400</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">3.6</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">E3</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="80" step="1" class="input-number svelte-1g5tt44" value="3"> <input type="range" min="1" max="80" step="1" class="svelte-1g5tt44" value="3"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">3</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">80</td> <td class="svelte-1g5tt44">1</td> </tr> </tbody><tr class="separator svelte-1g5tt44"><td class="svelte-1g5tt44">4</td> <td colspan="4" class="svelte-1g5tt44">buttress</td> <td colspan="3" class="svelte-1g5tt44"><label class="svelte-1g5tt44"><input type="checkbox" class="svelte-1g5tt44" checked> <span class="svelte-1g5tt44" data-svelte-h="svelte-1qufua2"></span></label> </td></tr> <tbody class="svelte-1g5tt44 collaps"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">4.1</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">S1</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="3000" step="1" class="input-number svelte-1g5tt44" value="300"> <input type="range" min="0" max="3000" step="1" class="svelte-1g5tt44" value="300"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">300</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">3000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">4.2</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">S2</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="2000" step="1" class="input-number svelte-1g5tt44" value="10"> <input type="range" min="0" max="2000" step="1" class="svelte-1g5tt44" value="10"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">10</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">2000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">4.3</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">R2</button></td> <td class="svelte-1g5tt44"><input type="number" min="0" max="1000" step="1" class="input-number svelte-1g5tt44" value="100"> <input type="range" min="0" max="1000" step="1" class="svelte-1g5tt44" value="100"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">0</td> <td class="svelte-1g5tt44">1000</td> <td class="svelte-1g5tt44">1</td> </tr> </tbody><tr class="separator svelte-1g5tt44"><td class="svelte-1g5tt44">5</td> <td colspan="4" class="svelte-1g5tt44">rod overlay</td> <td colspan="3" class="svelte-1g5tt44"><label class="svelte-1g5tt44"><input type="checkbox" class="svelte-1g5tt44" checked> <span class="svelte-1g5tt44" data-svelte-h="svelte-1qufua2"></span></label> </td></tr> <tbody class="svelte-1g5tt44 collaps"><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">5.1</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">rod1</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="40" step="1" class="input-number svelte-1g5tt44" value="10"> <input type="range" min="1" max="40" step="1" class="svelte-1g5tt44" value="10"></td> <td class="svelte-1g5tt44"></td> <td class="svelte-1g5tt44">10</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">40</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">5.2</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">rod2</button></td> <td class="svelte-1g5tt44"><input type="number" min="10" max="4000" step="1" class="input-number svelte-1g5tt44" value="1300"> <input type="range" min="10" max="4000" step="1" class="svelte-1g5tt44" value="1300"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">1300</td> <td class="svelte-1g5tt44">10</td> <td class="svelte-1g5tt44">4000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">5.3</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">rod3</button></td> <td class="svelte-1g5tt44"><input type="number" min="10" max="1000" step="1" class="input-number svelte-1g5tt44" value="400"> <input type="range" min="10" max="1000" step="1" class="svelte-1g5tt44" value="400"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">400</td> <td class="svelte-1g5tt44">10</td> <td class="svelte-1g5tt44">1000</td> <td class="svelte-1g5tt44">1</td> </tr><tr class="svelte-1g5tt44"><td class="svelte-1g5tt44">5.4</td> <td class="svelte-1g5tt44"><button class="svelte-1g5tt44">rod4</button></td> <td class="svelte-1g5tt44"><input type="number" min="1" max="400" step="1" class="input-number svelte-1g5tt44" value="100"> <input type="range" min="1" max="400" step="1" class="svelte-1g5tt44" value="100"></td> <td class="svelte-1g5tt44">mm</td> <td class="svelte-1g5tt44">100</td> <td class="svelte-1g5tt44">1</td> <td class="svelte-1g5tt44">400</td> <td class="svelte-1g5tt44">1</td> </tr> </tbody></table> <div class="comment svelte-1g5tt44"><label for="inComment" data-svelte-h="svelte-gqskth">Comment:</label> <input type="text" id="inComment" maxlength="150" size="70" value=""></div> <button class="svelte-1g5tt44" data-svelte-h="svelte-1ny58g0">Save Parameters to File</button> <button class="svelte-1g5tt44" data-svelte-h="svelte-11or0m2">Save Parameters as URL</button> <button class="svelte-1g5tt44" data-svelte-h="svelte-5zdtrl">Save Parameters to localStorage</button> </main> <button class="side-img svelte-1g5tt44"><img src="/pgdsvg/swing_top.svg" alt="/pgdsvg/swing_top.svg" class="svelte-1g5tt44"></button> <div class="mini-canvas svelte-1g5tt44"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas></div> <div class="mini-canvas svelte-1g5tt44"><canvas class="mini svelte-z8e4tz" width="200" height="200"></canvas></div> </section> <section class="svelte-19nn0vk"><h2 class="svelte-19nn0vk" data-svelte-h="svelte-4ty0ys">Log</h2> <textarea rows="5" cols="94" readonly wrap="off" class="svelte-19nn0vk">Geometry swing computed at 9:46:06 PM
|
|
27
|
+
<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/">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><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><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><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><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><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><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-1ez8qwq"><h2 class="svelte-1ez8qwq">Log</h2> <textarea rows="5" cols="94" readonly wrap="soft" class="svelte-1ez8qwq ">Geometry swing computed at 5:33:04 AM
|
|
25
28
|
swing simTime: 0
|
|
26
29
|
swing size: L1 12500.00 x L2 6000.00 mm
|
|
27
30
|
rake-L4: 400.00 mm (compare with rake)
|
|
@@ -29,15 +32,12 @@ rake-L5: 2200.00 mm (compare with rake)
|
|
|
29
32
|
rake-L6: 2200.00 mm (compare with rake)
|
|
30
33
|
rake-beamL: (4*L4+L5+2*L6-2*H1) 8200.00 mm (compare with rake)
|
|
31
34
|
heliostat-swing drawn successfully!
|
|
32
|
-
</textarea></section>
|
|
33
|
-
|
|
34
|
-
<span class="svelte-lzdpo0">(Number of sub-instances: 0)</span></h2> <ol class="svelte-lzdpo0"></ol> </section> </section></main> <footer class="svelte-im9xuh"><article data-svelte-h="svelte-1pwhz7h"><a href="https://github.com/charlyoleg2/parametrix">designix-ui</a>, a minimalist showcase
|
|
35
|
-
of
|
|
36
|
-
<a href="https://www.npmjs.com/">geomui</a>.</article> <article><h3 data-svelte-h="svelte-18yz28i">Designix-ui version</h3> <code>version details:<br>designix-ui : 0.5.5<br>dependencies:<br>1 : designix : ^0.5.50<br>2 : geometrix : ^0.5.49<br>3 : geomui : ^0.5.51<br></code></article> </footer>
|
|
35
|
+
</textarea></section> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Drawing <select class="svelte-1ez8qwq"><!--[--><option value="faceSide">faceSide</option><option value="faceFace">faceFace</option><option value="faceTop">faceTop</option><option value="faceButtress">faceButtress</option><option value="faceTopWithRods">faceTopWithRods</option><!--]--><option value="ParametrixAll">All faces merged</option></select></h2></section> <!---->// TODO: onresize is not triggered when the window is maximized <section class="svelte-1lstqwr"><div class="svelte-1rsbkj"><label><input type="checkbox" checked class="svelte-1rsbkj">main part</label> <label><input type="checkbox" class="svelte-1rsbkj">main skeleton</label> <label><input type="checkbox" checked class="svelte-1rsbkj">second parts</label> <label><input type="checkbox" class="svelte-1rsbkj">second skeletons</label> <label><input type="checkbox" class="svelte-1rsbkj">dynamics</label> <label><input type="checkbox" checked class="svelte-1rsbkj">ruler</label> <label><input type="checkbox" class="svelte-1rsbkj">frame of reference</label> <label><input type="checkbox" class="svelte-1rsbkj">points</label> <label><input type="checkbox" class="svelte-1rsbkj">lines</label> <label><input type="checkbox" class="svelte-1rsbkj">vectors</label></div><!----> <div class="rack svelte-1lstqwr"><canvas class="full svelte-1lstqwr" width="400" height="400"></canvas> <nav class="svelte-uw6ahn"><button class="svelte-uw6ahn">0</button> <button class="svelte-uw6ahn"><-</button> <button class="svelte-uw6ahn">|<</button> <button class="svelte-uw6ahn">||</button> <button class="svelte-uw6ahn">>|</button> <button class="svelte-uw6ahn">-></button> <input type="range" value="0" min="0" max="180" step="0.5" class="svelte-uw6ahn"> <input type="number" value="0" min="0" max="180" step="0.5" class="svelte-uw6ahn"></nav><!----></div> <div class="rack svelte-1lstqwr"><canvas class="zoom svelte-1lstqwr" width="400" height="400"></canvas> <nav class="svelte-c549k7"><button aria-labelledby="zoomInit" class="svelte-c549k7"><div class="zero svelte-c549k7"></div></button><button aria-labelledby="zoomIn" class="svelte-c549k7"><div class="zoomin svelte-c549k7"></div></button><button aria-labelledby="zoomOut" class="svelte-c549k7"><div class="zoomout svelte-c549k7"></div></button><button aria-labelledby="moveLeft" class="svelte-c549k7"><div class="arrowleft svelte-c549k7"></div></button><button aria-labelledby="moveRight" class="svelte-c549k7"><div class="arrowright svelte-c549k7"></div></button><button aria-labelledby="moveUp" class="svelte-c549k7"><div class="arrowup svelte-c549k7"></div></button><button aria-labelledby="moveDown" class="svelte-c549k7"><div class="arrowdown svelte-c549k7"></div></button></nav><!----></div></section><!----> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Export</h2> <select class="svelte-1ez8qwq"><!--[--><option value="svg_faceSide">face faceSide as svg</option><option value="svg_faceFace">face faceFace as svg</option><option value="svg_faceTop">face faceTop as svg</option><option value="svg_faceButtress">face faceButtress as svg</option><option value="svg_faceTopWithRods">face faceTopWithRods as svg</option><!--]--><option value="allsvg">all faces merged as svg</option><!--[--><option value="dxf_faceSide">face faceSide as dxf</option><option value="dxf_faceFace">face faceFace as dxf</option><option value="dxf_faceTop">face faceTop as dxf</option><option value="dxf_faceButtress">face faceButtress as dxf</option><option value="dxf_faceTopWithRods">face faceTopWithRods as dxf</option><!--]--><option value="alldxf">all faces merged as dxf</option><option value="compute_log">compute.log as log-file</option><option value="pax">all faces as pax.json</option><option value="oscad">all faces as openscad.scad</option><option value="ojscad">all faces as OpenJScad.js</option><option value="freecad">all faces as Freecad.py</option><option value="zip">all faces and more as zip</option></select> <button class="svelte-1ez8qwq">Save to File</button> <section class="svelte-lzdpo0"><h2 class="svelte-lzdpo0">Sub-designs <span class="svelte-lzdpo0">(Number of sub-instances: 0)</span></h2> <ol><!--[--><!--]--></ol></section><!----></section><!----><!----><!----></main> <footer class="svelte-im9xuh"><article><a href="https://github.com/charlyoleg2/parametrix">designix-ui</a>, a minimalist showcase
|
|
36
|
+
of <a href="https://www.npmjs.com/">geomui</a>.</article> <article><h3>Designix-ui version</h3> <code><!--[--><!---->version details:<br><!---->designix-ui : 0.5.5<br><!---->dependencies:<br><!---->1 : designix : ^0.5.54<br><!---->2 : geometrix : ^0.5.53<br><!---->3 : geomui : ^0.5.55<br><!--]--></code></article></footer><!----><!--]--> <!--[!--><!--]--><!--]-->
|
|
37
37
|
|
|
38
38
|
<script>
|
|
39
39
|
{
|
|
40
|
-
|
|
40
|
+
__sveltekit_1svurv4 = {
|
|
41
41
|
base: ""
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -46,8 +46,8 @@ heliostat-swing drawn successfully!
|
|
|
46
46
|
const data = [null,null];
|
|
47
47
|
|
|
48
48
|
Promise.all([
|
|
49
|
-
import("/_app/immutable/entry/start.
|
|
50
|
-
import("/_app/immutable/entry/app.
|
|
49
|
+
import("/_app/immutable/entry/start.B9WZWafo.js"),
|
|
50
|
+
import("/_app/immutable/entry/app.CyQRg-rP.js")
|
|
51
51
|
]).then(([kit, app]) => {
|
|
52
52
|
kit.start(app, element, {
|
|
53
53
|
node_ids: [0, 3],
|