designix-uis 0.5.37 → 0.5.38

package/dist/public/_app/immutable/nodes/3.CXaRiscD.js

@@ -0,0 +1,7 @@
+import{a as Ut,b as ma,s as Z,r as te,c as zt,e as _a}from"../chunks/makeList.Biqvl4Wy.js";import{H as ga,g as ba}from"../chunks/entry.ePISknOx.js";import{l as St,e as pa,w as ka,f as Se,c as Qe,a as A,t as F,s as U,d as It,r as Vt,g as Xt}from"../chunks/disclose-version.CTbzJKR1.js";import{aE as ha,Y as Bt,h as ya,X as Et,z as L,j as t,H as xa,f as ke,c as l,r as o,t as V,p as ie,a as ue,s as n,ae as B,w as re,D as ge,k as Nt,aF as wa}from"../chunks/runtime.35-nNaov.js";import{c as ja,a as M,p as he,i as Ue,b as Lt,d as Da,o as La}from"../chunks/index-client.DJLnd-Ox.js";import{e as we,i as je,F as za,G as Sa,H as Na,I as Oa,J as Gt,P as lt,K as Aa,L as rt,M as qe,N as Ca,O as Pa,Q as Ma,R as Fa,T as jt,U as Wt,g as Xe,r as Dt,V as ze,W as Ta,X as Ra,Y as qa,Z as Ua,_ as Ia,$ as Xa}from"../chunks/index.MrfhoAO-.js";import{b as ct}from"../chunks/paths.fUfODpPY.js";import{s as Wa,a as Ya}from"../chunks/store.DP-XV34k.js";import{s as Za}from"../chunks/snippet.D5M1YHe-.js";import{p as Ka,i as Va}from"../chunks/stores.QaV378ul.js";import"../chunks/legacy.CkgfcumT.js";function pe(a,e,s){if(s){if(a.classList.contains(e))return;a.classList.add(e)}else{if(!a.classList.contains(e))return;a.classList.remove(e)}}function We(a,e,s=e){var r=ha();St(a,"input",()=>{var c=Yt(a)?Zt(a.value):a.value;s(c),r&&c!==(c=e())&&(a.value=c??"")}),Bt(()=>{var c=e();if(ya&&a.defaultValue!==a.value){s(a.value);return}Yt(a)&&c===Zt(a.value)||a.type==="date"&&!c&&!a.value||c!==a.value&&(a.value=c??"")})}function be(a,e,s=e){St(a,"change",()=>{var r=a.checked;s(r)}),e()==null&&s(!1),Bt(()=>{var r=e();a.checked=!!r})}function Yt(a){var e=a.type;return e==="number"||e==="range"}function Zt(a){return a===""?null:+a}function Ht(a,e,s){if(a.multiple)return Ea(a,e);for(var r of a.options){var c=Je(r);if(ja(c,e)){r.selected=!0;return}}(!s||e!==void 0)&&(a.selectedIndex=-1)}function Ba(a,e){Et(()=>{var s=new MutationObserver(()=>{var r=a.__value;Ht(a,r)});return s.observe(a,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),()=>{s.disconnect()}})}function it(a,e,s=e){var r=!0;St(a,"change",()=>{var c;if(a.multiple)c=[].map.call(a.querySelectorAll(":checked"),Je);else{var i=a.querySelector(":checked");c=i&&Je(i)}s(c)}),Et(()=>{var c=e();if(Ht(a,c,r),r&&c===void 0){var i=a.querySelector(":checked");i!==null&&(c=Je(i),s(c))}a.__value=c,r=!1}),Ba(a)}function Ea(a,e){for(var s of a.options)s.selected=~e.indexOf(Je(s))}function Je(a){return"__value"in a?a.__value:a.value}function Ga(a,e){pa(window,["resize"],()=>ka(()=>e(window[a])))}function Ha(a){var e=xa(0);return function(){return arguments.length===1?(L(e,t(e)+1),arguments[0]):(t(e),a())}}function Ja(a,e){throw new ga(a,e)}new TextEncoder;function Qa({params:a}){const e=a.design;if(Object.keys(Ut).includes(e))return{pageDef:Ut[e],allLink:ma};Ja(404,"Design undefined!")}const Os=Object.freeze(Object.defineProperty({__proto__:null,load:Qa},Symbol.toStringTag,{value:"Module"})),Q=M({});function Jt(a,e,s){if(Object.keys(Q).includes(a)){const c=Q[a],i=Object.keys(c);for(const d of Object.keys(e))i.includes(d)?s&&(c[d]=e[d]):c[d]=e[d];Q[a]=c}else Q[a]=e}function $a(a){const e=a.pDef.partName,s={};for(const r of a.pDef.params)s[r.name]=r.init;Jt(e,s,!1)}function en(a,e){e(!1)}var tn=F('<aside class="backdrop svelte-sjxf1e"><div class="dialog svelte-sjxf1e"><button class="svelte-sjxf1e"><img></button></div></aside>');function Qt(a,e){let s=he(e,"modalOpen",15);var r=Qe(),c=ke(r);Ue(c,s,i=>{var d=tn(),u=l(d),m=l(u);m.__click=[en,s];var _=l(m);o(m),o(u),o(d),V(()=>{Z(_,"src",e.svgPath),Z(_,"alt",e.svgPath)}),A(i,d)}),A(a,r)}Se(["click"]);var an=(a,e,s)=>e(t(s)),nn=F('<button class="svelte-fxmnfh"><img class="svelte-fxmnfh"></button>'),sn=F('<section class="svelte-fxmnfh"><!> <!></section>');function on(a,e){ie(e,!0);function s(p){const x=[];for(const z of Object.values(p.paramSvg))x.includes(z)||x.push(z);return x}let r=B(!1),c=B(""),i=re(()=>s(e.pDef).map(p=>`${ct}/pgdsvg/${p}`));function d(p){L(c,M(p)),L(r,!0)}var u=sn(),m=l(u);Qt(m,{get modalOpen(){return t(r)},set modalOpen(p){L(r,M(p))},get svgPath(){return t(c)}});var _=n(m,2);we(_,17,()=>t(i),je,(p,x)=>{var z=nn();z.__click=[an,d,x];var g=l(z);o(z),V(()=>{Z(g,"src",t(x)),Z(g,"alt",t(x))}),A(p,z)}),o(u),A(a,u),ue()}Se(["click"]);function ln(a,e){e(!1)}function rn(a,e,s){e.okFunc(),s(!1)}var cn=F('<aside class="backdrop svelte-weruk7"><div class="dialog svelte-weruk7"><article class="question svelte-weruk7"><!></article> <footer class="svelte-weruk7"><button class="cancel svelte-weruk7">Cancel</button> <button class="ok svelte-weruk7"> </button></footer></div></aside>');function He(a,e){ie(e,!0);let s=he(e,"okName",3,"Ok"),r=he(e,"modalOpen",15),c=he(e,"sizeLarge",3,!1);var i=Qe(),d=ke(i);Ue(d,r,u=>{var m=cn(),_=l(m),p=l(_),x=l(p);Za(x,()=>e.children),o(p);var z=n(p,2),g=l(z);g.__click=[ln,r];var v=n(g,2);v.__click=[rn,e,r];var T=l(v,!0);o(v),o(z),o(_),o(m),V(()=>{pe(_,"sizeLarge",c()),U(T,s())}),A(u,m)}),A(a,i),ue()}Se(["click"]);function un(a,e,s,r){for(const c of e())t(s)[c]=t(r)}var vn=(a,e)=>{L(e,!0)},dn=F('<p class="diagItem svelte-12dj9tj"> </p>'),fn=F('<p class="diagTitle svelte-12dj9tj">Do you really want to delete the following localStorage keys?</p> <!>',1),mn=(a,e,s)=>e(t(s)),_n=F('<tr><td><input type="checkbox"></td><td><button class="svelte-12dj9tj"> </button></td><td> </td></tr>'),gn=F('<div class="deleteKeys svelte-12dj9tj"><button class="svelte-12dj9tj">Delete</button> <!> <table class="svelte-12dj9tj"><thead class="svelte-12dj9tj"><tr><td>Delete</td><td>Key name</td><td>Last modification</td></tr><tr><td><input type="checkbox"></td><td class="instruction">delete all</td><td></td></tr></thead><tbody class="svelte-12dj9tj"></tbody></table></div>');function $t(a,e){ie(e,!0);let s=he(e,"storeName",15),r=he(e,"localKeys",15),c=B(M({})),i=B(!1),d=B(!1);function u(){let C=[];const b=new RegExp(`^${e.pageName}_`);return C=Object.keys(window.localStorage).filter(K=>b.test(K)).map(K=>K.replace(b,"")),C.sort(),C}r(u());function m(C){s(C)}function _(C){let b={};for(const X of C){let K="";const J=`${e.pageName}_${X}`,G=window.localStorage.getItem(J);G!==null&&(K=JSON.parse(G).lastModif),b[X]=K}return b}let p=re(()=>_(r()));function x(C){let b={};for(const X of C)b[X]=!1;return b}L(c,M(x(r())));function z(){for(const C of r())if(t(c)[C]){const b=`${e.pageName}_${C}`;window.localStorage.removeItem(b)}L(i,!1),r(u())}var g=gn(),v=l(g);v.__click=[vn,d];var T=n(v,2);He(T,{get modalOpen(){return t(d)},set modalOpen(C){L(d,M(C))},okName:"Confirm",okFunc:z,children:(C,b)=>{var X=fn(),K=n(ke(X),2);we(K,17,r,je,(J,G)=>{var ee=Qe(),me=ke(ee);Ue(me,()=>t(c)[t(G)],oe=>{var H=dn(),ye=l(H,!0);o(H),V(()=>U(ye,t(G))),A(oe,H)}),A(J,ee)}),A(C,X)},$$slots:{default:!0}});var W=n(T,2),E=l(W),I=n(l(E)),$=l(I),ae=l($);te(ae),ae.__change=[un,r,c,i],o($),ge(2),o(I),o(E);var ne=n(E);we(ne,21,r,je,(C,b)=>{var X=_n(),K=l(X),J=l(K);te(J),o(K);var G=n(K),ee=l(G);ee.__click=[mn,m,b];var me=l(ee,!0);o(ee),o(G);var oe=n(G),H=l(oe,!0);o(oe),o(X),V(()=>{U(me,t(b)),U(H,t(p)[t(b)])}),be(J,()=>t(c)[t(b)],ye=>t(c)[t(b)]=ye),A(C,X)}),o(ne),o(W),o(g),be(ae,()=>t(i),C=>L(i,C)),A(a,g),ue()}Se(["click","change"]);var bn=F('<p class="warnMsg svelte-1rkdwo"> </p>'),pn=F('<!> <div class="svelte-1rkdwo"><label for="storName" class="svelte-1rkdwo">Give a name to your parameter-set:</label> <input type="text" id="storName" required minlength="4" maxlength="30" size="32" class="svelte-1rkdwo"> <!></div>',1);function kn(a,e){ie(e,!0);let s=he(e,"storeName",15),r=B(M([]));function c(x){const z=/[-:]/g,g=/\..*$/,v=new Date().toISOString().replace(z,"").replace(g,"").replace("T","_");return`${x}_${v}`}s(c(e.pageName));let i=re(()=>t(r).includes(s()));var d=pn(),u=ke(d);$t(u,{get pageName(){return e.pageName},get storeName(){return s()},set storeName(x){s(x)},get localKeys(){return t(r)},set localKeys(x){L(r,M(x))}});var m=n(u,2),_=n(l(m),2);te(_);var p=n(_,2);Ue(p,()=>t(i),x=>{var z=bn(),g=l(z);o(z),V(()=>U(g,`Warning: name ${s()??""} already used`)),A(x,z)}),o(m),We(_,s),A(a,d),ue()}var hn=F('<!> <div class="svelte-1ozd0ey"><label for="storName" class="svelte-1ozd0ey">Select a parameter-set:</label> <input type="text" id="storName" readonly="" minlength="4" maxlength="30" size="32" class="svelte-1ozd0ey"></div>',1);function yn(a,e){ie(e,!0);let s=he(e,"storeName",15),r=B(M([]));function c(_){let p=s();return!_.includes(p)&&(_.length>0?p=_[0]:p=""),p}Nt(()=>{s(c(t(r)))});var i=hn(),d=ke(i);$t(d,{get pageName(){return e.pageName},get storeName(){return s()},set storeName(_){s(_)},get localKeys(){return t(r)},set localKeys(_){L(r,M(_))}});var u=n(d,2),m=n(l(u),2);te(m),o(u),V(()=>zt(m,s())),A(a,i),ue()}const h=M({dLayers:za(),zAdjust:Sa(),canvasZWidth:0});var xn=F('<canvas class="mini svelte-z8e4tz"></canvas>');function Kt(a,e){ie(e,!0);const s=200,r=.6;let c;function i(m,_,p,x){const z=Na(x);z.ruler=!1;let g;if(c){const v=c.getContext("2d");v.clearRect(0,0,v.canvas.width,v.canvas.height);const T=v.canvas.width;try{e.full?g=m.getAdjustFull(v.canvas.width,v.canvas.height):g=Oa(p,T,_),m.draw(v,g,z)}catch(W){console.log(W)}}}Nt(()=>{i(e.pFig,h.zAdjust,h.canvasZWidth,h.dLayers)});function d(m){const _=m.offsetX,p=m.offsetY,x=c.getContext("2d"),z=x.canvas.width/2,g=x.canvas.height/2;if(m.button===0){let v=1;_>z&&(v+=1*r),p>g&&(v+=2*r),x.canvas.width=v*s,x.canvas.height=v*s,i(e.pFig,h.zAdjust,h.canvasZWidth,h.dLayers)}}var u=xn();Z(u,"width",s),Z(u,"height",s),u.__click=d,Lt(u,m=>c=m,()=>c),A(a,u),ue()}Se(["click"]);function wn(a,e){const s=document.createElement("a");s.setAttribute("href","data:text/plain;charset=utf-8,"+encodeURIComponent(e)),s.setAttribute("download",a),s.click(),s.remove()}function ea(a,e,s){const r=/[-:]/g,c=/\..*$/,i=new Date().toISOString().replace(r,"").replace(c,"").replace("T","_"),d=`px_${a}_${i}.json`,u=Gt(i,a,e,s);wn(d,u)}function jn(a,e,s){const r=new URL(a),c=2e3;let i=r.toString().length;for(const d of Object.keys(e)){const u=e[d].toString(),m=2+d.length+u.length;r.searchParams.append(encodeURIComponent(d),encodeURIComponent(u)),i+=m}return i>=c&&console.log(`warn547: generateUrl: strLength ${i} larger than strLengthLimit ${c}`),r.toString()}function Dn(a,e){if(a.target){const s=a.target.files;s&&e(s[0])}}function Ln(a,e,s,r){L(e,M(s())),L(r,!0)}function zn(a,e){L(e,!0)}function Sn(a,e){L(e,!0)}function Nn(a,e){L(e,!1)}var On=(a,e)=>{L(e,!0)},An=(a,e)=>{L(e,!0)},Cn=(a,e,s)=>e(t(s).name),Pn=F('<input type="number" class="input-number svelte-jonk14"> <input type="range" class="svelte-jonk14">',1),Mn=F("<option> </option>"),Fn=F("<select></select>"),Tn=F("<option> </option>"),Rn=F("<select></select>"),qn=F('<tr class="svelte-jonk14"><td class="svelte-jonk14"></td><td class="svelte-jonk14"><button class="svelte-jonk14"> </button></td><td class="svelte-jonk14"><!></td><td class="svelte-jonk14"> </td><td class="svelte-jonk14"> </td><td class="svelte-jonk14"> </td><td class="svelte-jonk14"> </td><td class="svelte-jonk14"> </td></tr>'),Un=F('<tbody class="svelte-jonk14"><tr class="separator svelte-jonk14"><td class="svelte-jonk14"></td><td class="svelte-jonk14"> </td><td class="svelte-jonk14"><label><input type="checkbox" class="svelte-jonk14"> <span class="svelte-jonk14"></span></label></td></tr></tbody> <tbody class="svelte-jonk14"></tbody>',1),In=(a,e)=>{L(e,!0)},Xn=F('<p>Copy this URL and send it to your friends!</p> <p class="cUrl svelte-jonk14"> </p>',1),Wn=F('<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><!></table> <div class="comment svelte-jonk14"><label for="inComment">Comment:</label> <input type="text" id="inComment" maxlength="150"></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 class="svelte-jonk14"></button> <div class="mini-canvas svelte-jonk14"><!></div> <div class="mini-canvas svelte-jonk14"><!></div></section>');function Yn(a,e){ie(e,!0);const s=Wa(),r=()=>Ya(Ka,"$page",s);let c=B(""),i=B(!1),d=B(""),u=B(!1),m=B(!1),_=B(!1),p=B(!1),x=B(!1),z=B(""),g=B(""),v=B(""),T=B(M(ee(e.pDef.params[0].name))),W=B(!1),E=M(H(oe(e.pDef.params)));function I(w,j){let P="",le=!1;w!==e.pDef.partName&&(P+=`warn361: read partName: '${w}'  expected partName: '${e.pDef.partName}'
+`,le=!0);let ce=0,Ae=0,Te=0;const Re=[];for(const _e of e.pDef.params)Re.push(_e.name),Object.hasOwn(j,_e.name)?(ce+=1,Q[e.pDef.partName][_e.name]===j[_e.name]?Te+=1:Q[e.pDef.partName][_e.name]=j[_e.name]):Ae+=1;let Ie=0;for(const _e of Object.keys(j))Re.includes(_e)||(Ie+=1,P+=`warn363: parameter ${_e} not in the scope of the design (${Ie})
+`);const Ke=Ie>0,at=new Date().toLocaleTimeString();return P+=`Params loaded at ${at} :`,P+=` def-nb: ${Object.keys(e.pDef.params).length}`,P+=`, cover-nb: ${ce}, uncover-nb: ${Ae}
+`,P+=` load-nb: ${Object.keys(j).length}`,P+=`, equal-nb: ${Te}, changed-nb: ${ce-Te}`,P+=`, out-of-scope: ${Ie}`,[P,le||Ke]}function $(){{const w=new URLSearchParams(r().url.search),j={};for(const[P,le]of w){const ce=Number(le);isNaN(ce)||(j[P]=ce)}Object.keys(j).length>0&&(P=>(L(d,M(P[0])),L(u,M(P[1]))))(I(e.pDef.partName,j))}}$();function ae(w){try{const[j]=Aa(w);(P=>(L(d,M(P[0])),L(u,M(P[1]))))(I(j.partName,j.pVal)),L(c,M(j.comment))}catch(j){let P=`err723: error by parsing parameter file
+`;P+=j,L(d,M(P)),L(u,!0)}}async function ne(w){const j=await w.text();ae(j)}function C(){ea(e.pDef.partName,Q[e.pDef.partName],t(c))}function b(){const w={};for(const j of e.pDef.params)w[j.name]=j.init;(j=>(L(d,M(j[0])),L(u,M(j[1]))))(I(e.pDef.partName,w))}function X(){if(t(z)!==void 0&&t(z)!==""){const w=`${e.pDef.partName}_${t(z)}`;{const j=window.localStorage.getItem(w);j===null?(L(d,`Warn157: localStorage key ${w} is null`),L(u,!0)):ae(j)}}else L(d,"Warn239: No valid name for loading from localStorage!"),L(u,!0)}function K(){if(t(g)!==void 0&&t(g)!==""){const w=`${e.pDef.partName}_${t(g)}`,j=/\..*$/,P=new Date().toISOString().replace(j,""),le=Gt(P,e.pDef.partName,Q[e.pDef.partName],t(c));window.localStorage.setItem(w,le)}else console.log("Warn639: No valid name for writing to localStorage!")}function J(){return jn(r().url.href,Q[e.pDef.partName]).toString()}function G(){}function ee(w){let j=`${ct}/pgdsvg/default_param_blank.svg`;return Object.keys(e.pDef.paramSvg).includes(w)&&(j=`${ct}/pgdsvg/${e.pDef.paramSvg[w]}`),j}function me(w){L(T,M(ee(w)))}function oe(w){const j=[];let le={sectionName:"main",sectionID:"g0main",sectionVisible:!1,params:[]},ce=0;for(const Ae of w)Ae.pType===lt.eSectionSeparator?(j.push(le),ce+=1,le={sectionName:Ae.name,sectionID:`g${ce}${Ae.name}`,sectionVisible:!0,params:[]}):le.params.push(Ae);return j.push(le),j}function H(w){const j={};for(const P of w)j[P.sectionID]=P.sectionVisible;return j}let ye=re(()=>oe(e.pDef.params)),ve=re(()=>t(i)?2:4),de=re(()=>t(i)?2:3),xe=re(()=>t(i)?50:70);var f=Wn(),y=n(l(f),2),O=n(l(y),2);O.__change=[Dn,ne];var R=n(O,2);R.__click=[On,m];var fe=n(R,2);fe.__click=[An,_];var De=n(fe,2);He(De,{get modalOpen(){return t(m)},set modalOpen(w){L(m,M(w))},okName:"Overwrite Parameters",okFunc:b,children:(w,j)=>{ge();var P=It("Load the default parameters ?");A(w,P)},$$slots:{default:!0}});var Ne=n(De,2);He(Ne,{get modalOpen(){return t(_)},set modalOpen(w){L(_,M(w))},okName:"Load Parameters",okFunc:X,children:(w,j)=>{yn(w,{get pageName(){return e.pDef.partName},get storeName(){return t(z)},set storeName(P){L(z,M(P))}})},$$slots:{default:!0}});var Oe=n(Ne,2);Vt(Oe);var k=n(Oe,2),N=l(k),D=l(N),S=n(l(D),2),se=n(l(S)),$e=l(se);$e.__click=[Sn,i];var ut=n($e);ut.__click=[Nn,i],o(se),o(S);var et=n(S),Ye=n(et),Ze=n(Ye,3);o(D),o(N);var ta=n(N);we(ta,17,()=>t(ye),je,(w,j,P)=>{var le=Un(),ce=ke(le),Ae=l(ce),Te=l(Ae);Te.textContent=P+1;var Re=n(Te),Ie=l(Re,!0);o(Re);var Ke=n(Re),at=l(Ke),mt=l(at);te(mt),ge(2),o(at),o(Ke),o(Ae),o(ce);var _e=n(ce,2);we(_e,21,()=>t(j).params,je,(_t,Y,oa)=>{var nt=qn(),Rt=l(nt);Rt.textContent=`${P+1}.${oa+1}`;var gt=n(Rt),bt=l(gt);bt.__click=[Cn,me,Y];var la=l(bt,!0);o(bt),o(gt);var pt=n(gt),ra=l(pt);Ue(ra,()=>t(Y).pType===lt.eNumber,xt=>{var Ve=Pn(),Fe=ke(Ve);te(Fe);var Ce=n(Fe,2);te(Ce),V(()=>{Z(Fe,"min",t(Y).min),Z(Fe,"max",t(Y).max),Z(Fe,"step",t(Y).step),Z(Ce,"min",t(Y).min),Z(Ce,"max",t(Y).max),Z(Ce,"step",t(Y).step)}),We(Fe,()=>Q[e.pDef.partName][t(Y).name],Le=>Q[e.pDef.partName][t(Y).name]=Le),We(Ce,()=>Q[e.pDef.partName][t(Y).name],Le=>Q[e.pDef.partName][t(Y).name]=Le),A(xt,Ve)},xt=>{var Ve=Qe(),Fe=ke(Ve);Ue(Fe,()=>t(Y).pType===lt.eCheckbox,Ce=>{var Le=Fn();we(Le,20,()=>["Off","On"],je,(Be,Ee,Pe)=>{var Me=Mn();Me.value=(Me.__value=Pe)==null?"":Pe;var wt=l(Me,!0);o(Me),V(()=>U(wt,Ee)),A(Be,Me)}),o(Le),it(Le,()=>Q[e.pDef.partName][t(Y).name],Be=>Q[e.pDef.partName][t(Y).name]=Be),A(Ce,Le)},Ce=>{var Le=Qe(),Be=ke(Le);Ue(Be,()=>t(Y).pType===lt.eDropdown,Ee=>{var Pe=Rn();we(Pe,21,()=>t(Y).dropdown,je,(Me,wt,qt)=>{var Ge=Tn();Ge.value=(Ge.__value=qt)==null?"":qt;var fa=l(Ge,!0);o(Ge),V(()=>U(fa,t(wt))),A(Me,Ge)}),o(Pe),it(Pe,()=>Q[e.pDef.partName][t(Y).name],Me=>Q[e.pDef.partName][t(Y).name]=Me),A(Ee,Pe)},Ee=>{var Pe=It("unknown");A(Ee,Pe)},!0),A(Ce,Le)},!0),A(xt,Ve)}),o(pt);var st=n(pt),ca=l(st,!0);o(st);var ot=n(st),ia=l(ot,!0);o(ot);var kt=n(ot),ua=l(kt,!0);o(kt);var ht=n(kt),va=l(ht,!0);o(ht);var yt=n(ht),da=l(yt,!0);o(yt),o(nt),V(()=>{pe(nt,"changed",Q[e.pDef.partName][t(Y).name]!==t(Y).init),U(la,t(Y).name),pe(st,"hideColumn",t(i)),U(ca,t(Y).unit),pe(ot,"hideColumn",t(i)),U(ia,t(Y).init),U(ua,t(Y).min),U(va,t(Y).max),pe(yt,"hideColumn",t(i)),U(da,t(Y).step)}),A(_t,nt)}),o(_e),V(()=>{Z(Re,"colspan",t(ve)),U(Ie,t(j).sectionName),Z(Ke,"colspan",t(de)),pe(_e,"collaps",E[t(j).sectionID])}),be(mt,()=>E[t(j).sectionID],_t=>E[t(j).sectionID]=_t),A(w,le)}),o(k);var vt=n(k,2),dt=n(l(vt),2);te(dt),o(vt);var Ot=n(vt,2);Ot.__click=C;var At=n(Ot,2);At.__click=[Ln,v,J,p];var Ct=n(At,2);Ct.__click=[In,x];var Pt=n(Ct,2);He(Pt,{get modalOpen(){return t(p)},set modalOpen(w){L(p,M(w))},okName:"Done",okFunc:G,sizeLarge:!0,children:(w,j)=>{var P=Xn(),le=n(ke(P),2),ce=l(le,!0);o(le),V(()=>U(ce,t(v))),A(w,P)},$$slots:{default:!0}});var aa=n(Pt,2);He(aa,{get modalOpen(){return t(x)},set modalOpen(w){L(x,M(w))},okName:"Save into localStorage",okFunc:K,children:(w,j)=>{kn(w,{get pageName(){return e.pDef.partName},get storeName(){return t(g)},set storeName(P){L(g,M(P))}})},$$slots:{default:!0}}),o(y);var Mt=n(y,2);Qt(Mt,{get modalOpen(){return t(W)},set modalOpen(w){L(W,M(w))},get svgPath(){return t(T)}});var tt=n(Mt,2);tt.__click=[zn,W];var Ft=l(tt);o(tt);var ft=n(tt,2),na=l(ft);Kt(na,{get pFig(){return e.pFig},full:!0}),o(ft);var Tt=n(ft,2),sa=l(Tt);Kt(sa,{get pFig(){return e.pFig},full:!1}),o(Tt),o(f),V(()=>{zt(Oe,t(d)),pe(Oe,"colorWarn",t(u)),pe(et,"hideColumn",t(i)),pe(Ye,"hideColumn",t(i)),pe(Ze,"hideColumn",t(i)),Z(dt,"size",t(xe)),Z(Ft,"src",t(T)),Z(Ft,"alt",t(T))}),We(dt,()=>t(c),w=>L(c,w)),A(a,f),ue()}Se(["change","click"]);var Zn=F('<nav class="svelte-uw6ahn"><button class="svelte-uw6ahn">0</button> <button class="svelte-uw6ahn">&lt;-</button> <button class="svelte-uw6ahn">|&lt;</button> <button class="svelte-uw6ahn">||</button> <button class="svelte-uw6ahn">>|</button> <button class="svelte-uw6ahn">-></button> <input type="range" min="0" class="svelte-uw6ahn"> <input type="number" min="0" class="svelte-uw6ahn"></nav>');function Kn(a,e){ie(e,!0);let s=he(e,"tMax",3,10),r=he(e,"tStep",3,.1),c=he(e,"tUpdate",3,500),i=he(e,"simTime",15,0),d=null,u=0,m;const _=4;function p(){d!==null&&(clearInterval(d),d=null)}function x(){m<0&&i()<=0?i(s()):m>0&&i()>=s()?i(0):i(i()+m)}function z(){const ee=c()/2**(Math.abs(u)-1);m=u<0?-r():r(),d=setInterval(x,ee)}function g(){p(),i(0),u=0}function v(){p(),u=0,m=-r(),x()}function T(){p(),u=0,m=r(),x()}function W(){p(),u=Math.max(u-1,-_),z()}function E(){p(),u=Math.min(u+1,_),z()}function I(){p(),u=0}Da(()=>{p()});var $=Zn(),ae=l($);ae.__click=g;var ne=n(ae,2);ne.__click=W;var C=n(ne,2);C.__click=v;var b=n(C,2);b.__click=I;var X=n(b,2);X.__click=T;var K=n(X,2);K.__click=E;var J=n(K,2);te(J);var G=n(J,2);te(G),o($),V(()=>{Z(J,"max",s()),Z(J,"step",r()),Z(G,"max",s()),Z(G,"step",r())}),We(J,i),We(G,i),A(a,$),ue()}Se(["click"]);var Vn=(a,e)=>e.zoomClick("zoomInit"),Bn=(a,e)=>e.zoomClick("zoomIn"),En=(a,e)=>e.zoomClick("zoomOut"),Gn=(a,e)=>e.zoomClick("moveLeft"),Hn=(a,e)=>e.zoomClick("moveRight"),Jn=(a,e)=>e.zoomClick("moveUp"),Qn=(a,e)=>e.zoomClick("moveDown"),$n=F('<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>');function es(a,e){ie(e,!0);var s=$n(),r=l(s);r.__click=[Vn,e];var c=n(r);c.__click=[Bn,e];var i=n(c);i.__click=[En,e];var d=n(i);d.__click=[Gn,e];var u=n(d);u.__click=[Hn,e];var m=n(u);m.__click=[Jn,e];var _=n(m);_.__click=[Qn,e],o(s),A(a,s),ue()}Se(["click"]);var q=Ha(()=>h),ts=F('<div class="svelte-1rsbkj"><label><input type="checkbox" class="svelte-1rsbkj">main part</label> <label><input type="checkbox" class="svelte-1rsbkj">main skeleton</label> <label><input type="checkbox" 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" 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>');function as(a,e){ie(e,!1),Va();var s=ts(),r=l(s),c=l(r);te(c),ge(),o(r);var i=n(r,2),d=l(i);te(d),ge(),o(i);var u=n(i,2),m=l(u);te(m),ge(),o(u);var _=n(u,2),p=l(_);te(p),ge(),o(_);var x=n(_,2),z=l(x);te(z),ge(),o(x);var g=n(x,2),v=l(g);te(v),ge(),o(g);var T=n(g,2),W=l(T);te(W),ge(),o(T);var E=n(T,2),I=l(E);te(I),ge(),o(E);var $=n(E,2),ae=l($);te(ae),ge(),o($);var ne=n($,2),C=l(ne);te(C),ge(),o(ne),o(s),be(c,()=>q().dLayers.main,b=>q(q().dLayers.main=b)),be(d,()=>q().dLayers.mainB,b=>q(q().dLayers.mainB=b)),be(m,()=>q().dLayers.second,b=>q(q().dLayers.second=b)),be(p,()=>q().dLayers.secondB,b=>q(q().dLayers.secondB=b)),be(z,()=>q().dLayers.dynamics,b=>q(q().dLayers.dynamics=b)),be(v,()=>q().dLayers.ruler,b=>q(q().dLayers.ruler=b)),be(W,()=>q().dLayers.refframe,b=>q(q().dLayers.refframe=b)),be(I,()=>q().dLayers.points,b=>q(q().dLayers.points=b)),be(ae,()=>q().dLayers.lines,b=>q(q().dLayers.lines=b)),be(C,()=>q().dLayers.vectors,b=>q(q().dLayers.vectors=b)),A(a,s),ue()}var ns=F('<section class="svelte-1lstqwr"><!> <div class="rack svelte-1lstqwr"><canvas class="full svelte-1lstqwr"></canvas> <!></div> <div class="rack svelte-1lstqwr"><canvas class="zoom svelte-1lstqwr"></canvas> <!></div></section>');function ss(a,e){ie(e,!0);let s=he(e,"simTime",15,0);const r=400,c=1200;let i=B(r),d,u,m;function _(f,y){if(d){const O=d.getContext("2d");O.clearRect(0,0,O.canvas.width,O.canvas.height);try{m=f.getAdjustFull(O.canvas.width,O.canvas.height),f.draw(O,m,y)}catch(R){console.log(R)}}}function p(f,y,O){if(u){const R=u.getContext("2d");R.clearRect(0,0,R.canvas.width,R.canvas.height);try{(y===void 0||y.init===0)&&(y=f.getAdjustZoom(R.canvas.width,R.canvas.height)),f.draw(R,y,O)}catch(fe){console.log(fe)}}}function x(){const f=d.getContext("2d"),y=u.getContext("2d"),O=Math.min(Math.max(.4*t(i),r),c);f.canvas.width=O,f.canvas.height=O,y.canvas.width=O,y.canvas.height=O,h.canvasZWidth=O,h.zAdjust.init===0&&(h.zAdjust=e.pFig.getAdjustZoom(y.canvas.width,y.canvas.height))}function z(){x(),_(e.pFig,h.dLayers),p(e.pFig,h.zAdjust,h.dLayers)}function g(f,y,O){_(f,O),p(f,y,O)}La(()=>{x()}),Nt(()=>{g(e.pFig,h.zAdjust,h.dLayers)});function v(f){const y=u.getContext("2d");switch(f){case"zoomInit":h.zAdjust=e.pFig.getAdjustZoom(y.canvas.width,y.canvas.height);break;case"zoomIn":h.zAdjust=rt(.7,h.zAdjust);break;case"zoomOut":h.zAdjust=rt(1.3,h.zAdjust);break;case"moveLeft":h.zAdjust.xMin+=-.2*h.zAdjust.xyDiff;break;case"moveRight":h.zAdjust.xMin+=.2*h.zAdjust.xyDiff;break;case"moveUp":h.zAdjust.yMin+=.2*h.zAdjust.xyDiff;break;case"moveDown":h.zAdjust.yMin+=-.2*h.zAdjust.xyDiff;break;default:console.log(`ERR423: ${f} has no case!`)}p(e.pFig,h.zAdjust,h.dLayers)}const T=3e3,W=10,E=3;let I={timestamp:0,offsetX:0,offsetY:0};function $(f){f.button===0&&(I.timestamp=Date.now(),I.offsetX=f.offsetX,I.offsetY=f.offsetY)}function ae(f){if(f.button===0)if(Date.now()-I.timestamp<T){const y=Math.abs(I.offsetX-f.offsetX),O=Math.abs(I.offsetY-f.offsetY);if(y<W&&O<W){const[R,fe]=qe(f.offsetX,f.offsetY,m);h.zAdjust=Ca(R,fe,h.zAdjust),g(e.pFig,h.zAdjust,h.dLayers)}if(y>W&&O>W){const R=y/O,fe=1/R;if(R<E&&fe<E){const[De,Ne]=qe(f.offsetX,f.offsetY,m),[Oe,k]=qe(I.offsetX,I.offsetY,m),D=u.getContext("2d").canvas.width;h.zAdjust=Pa(De,Ne,Oe,k,D,D),g(e.pFig,h.zAdjust,h.dLayers)}}}else console.log(`Warn205: ignore ${f.offsetX} ${f.offsetY} because too slow`)}function ne(f){if(d){const y=d.getContext("2d");if(f.buttons===1){const O=f.offsetX-I.offsetX,R=f.offsetY-I.offsetY;_(e.pFig,h.dLayers),y.beginPath(),y.rect(I.offsetX,I.offsetY,O,R),y.strokeStyle=jt.mouse,y.stroke()}if(h.dLayers.ruler){const[O,R]=qe(f.offsetX,f.offsetY,m);y.clearRect(5,5,200,25),y.font="15px Arial",y.fillStyle=jt.ruler,y.fillText(`x: ${O.toFixed(4)} y: ${R.toFixed(4)}`,5,20)}}}let C,b,X;function K(f){if(f.button===0){const[y,O]=qe(f.offsetX,f.offsetY,h.zAdjust);C=y,b=O,X=Ma(h.zAdjust)}}function J(f){if(f.buttons===1){const[y,O]=qe(f.offsetX,f.offsetY,X);h.zAdjust=Fa(C,b,y,O,X),p(e.pFig,h.zAdjust,h.dLayers)}else if(h.dLayers.ruler&&u){const y=u.getContext("2d"),[O,R]=qe(f.offsetX,f.offsetY,h.zAdjust);y.clearRect(5,5,200,25),y.font="15px Arial",y.fillStyle=jt.ruler,y.fillText(`x: ${O.toFixed(4)} y: ${R.toFixed(4)}`,5,20)}}function G(f){f.preventDefault(),f.deltaY>0?h.zAdjust=rt(.7,h.zAdjust):h.zAdjust=rt(1.3,h.zAdjust),p(e.pFig,h.zAdjust,h.dLayers)}var ee=ns();Xt("resize",wa,z);var me=l(ee);as(me,{});var oe=n(me,2),H=l(oe);Z(H,"width",r),Z(H,"height",r),H.__mousedown=$,H.__mouseup=ae,H.__mousemove=ne,Lt(H,f=>d=f,()=>d);var ye=n(H,2);Kn(ye,{get tMax(){return e.pDefSim.tMax},get tStep(){return e.pDefSim.tStep},get tUpdate(){return e.pDefSim.tUpdate},get simTime(){return s()},set simTime(f){s(f)}}),o(oe);var ve=n(oe,2),de=l(ve);Z(de,"width",r),Z(de,"height",r),de.__mousedown=K,de.__mousemove=J,Lt(de,f=>u=f,()=>u);var xe=n(de,2);es(xe,{zoomClick:v}),o(ve),o(ee),Ga("innerWidth",f=>L(i,M(f))),Xt("wheel",de,G),A(a,ee),ue()}Se(["mousedown","mouseup","mousemove"]);var os=(a,e,s)=>e(t(s)),ls=(a,e,s)=>e(t(s)),rs=F('<tr class="svelte-lzdpo0"><td></td><td> </td><td> </td><td><i> </i></td><td><i> </i></td></tr>'),cs=F('<li class="svelte-lzdpo0"><input type="checkbox" class="toggle svelte-lzdpo0"> <label class="label svelte-lzdpo0"><div class="arrow svelte-lzdpo0"></div> </label> <button class="svelte-lzdpo0"> </button> <button class="svelte-lzdpo0">Export parameters</button> <div class="nested svelte-lzdpo0"><article class="svelte-lzdpo0"> <strong> </strong> </article> <table class="svelte-lzdpo0"><thead class="svelte-lzdpo0"><tr><td>Num</td><td>Name</td><td>Value</td><td>Init</td><td>Set?</td></tr></thead><tbody class="svelte-lzdpo0"></tbody></table></div></li>'),is=F('<section class="svelte-lzdpo0"><h2 class="svelte-lzdpo0">Sub-designs <span class="svelte-lzdpo0"> </span></h2> <ol></ol></section>');function us(a,e){ie(e,!0);const s=re(()=>Object.keys(e.subD));async function r(g){const v=e.subD[g];Jt(v.partName,Wt(v.dparam),!0);const T=`${ct}${e.pLink[v.partName]}`;ba(T)}function c(g){const v=e.subD[g].partName,T=e.subD[g].dparam,W=`sub-design parameters of ${v} from ${e.origPartName}`;ea(v,Wt(T),W)}function i(g){let v="[ ";return v+=`${Xe(Dt(g[0]))}, `,v+=`${Xe(Dt(g[1]))}, `,v+=`${Xe(Dt(g[2]))} ]`,v}function d(g){let v="[ ";return v+=`${Xe(g[0])}, `,v+=`${Xe(g[1])}, `,v+=`${Xe(g[2])} ]`,v}function u(g){return g?"Yes":""}var m=is(),_=l(m),p=n(l(_)),x=l(p);o(p),o(_);var z=n(_,2);we(z,21,()=>t(s),je,(g,v)=>{var T=cs(),W=l(T);te(W),_a(W,!1);var E=n(W,2),I=n(l(E));o(E);var $=n(E,2);$.__click=[os,r,v];var ae=l($);o($);var ne=n($,2);ne.__click=[ls,c,v];var C=n(ne,2),b=l(C),X=l(b);V(()=>U(X,`${Object.keys(e.subD[t(v)].dparam).length??""} parameters of `));var K=n(X),J=l(K,!0);o(K);const G=re(()=>i(e.subD[t(v)].orientation)??""),ee=re(()=>d(e.subD[t(v)].position)??"");var me=n(K);V(()=>U(me,` with orientation ${t(G)} (degree) at position
+						${t(ee)} (mm)`)),o(b);var oe=n(b,2),H=n(l(oe));we(H,21,()=>Object.keys(e.subD[t(v)].dparam),je,(ye,ve,de)=>{var xe=rs(),f=l(xe);f.textContent=de+1;var y=n(f),O=l(y,!0);o(y);var R=n(y),fe=l(R,!0);o(R);var De=n(R),Ne=l(De),Oe=l(Ne,!0);o(Ne),o(De);var k=n(De),N=l(k),D=l(N,!0);V(()=>U(D,u(e.subD[t(v)].dparam[t(ve)].chg))),o(N),o(k),o(xe),V(()=>{pe(xe,"changed",e.subD[t(v)].dparam[t(ve)].chg),U(O,t(ve)),U(fe,e.subD[t(v)].dparam[t(ve)].val),U(Oe,e.subD[t(v)].dparam[t(ve)].init)}),A(ye,xe)}),o(H),o(oe),o(C),o(T),V(()=>{Z(W,"id",`cb_${t(v)??""}`),Z(E,"for",`cb_${t(v)??""}`),U(I,` ${t(v)??""}`),U(ae,`Go to ${e.pLink[e.subD[t(v)].partName]??""}`),U(J,e.subD[t(v)].partName)}),A(g,T)}),o(z),o(m),V(()=>U(x,`(Number of sub-instances: ${t(s).length??""})`)),A(a,m),ue()}Se(["click"]);async function vs(a,e,s){await e(t(s))}var ds=F("<option> </option>"),fs=F("<option> </option>"),ms=F("<option> </option>"),_s=F('<!> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Log</h2> <textarea rows="5" cols="94" readonly="" wrap="soft" class="svelte-1ez8qwq"></textarea></section> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Drawing <select class="svelte-1ez8qwq"><!><option>All faces merged</option></select></h2></section> <!> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Export</h2> <select class="svelte-1ez8qwq"><!><option>all faces merged as svg</option><!><option>all faces merged as dxf</option><option>compute.log as log-file</option><option>all faces as pax.json</option><option>all faces as openscad.scad</option><option>all faces as OpenJScad.js</option><option>all faces as Freecad.py</option><option>all faces and more as zip</option></select> <button class="svelte-1ez8qwq">Save to File</button> <!></section>',1);function gs(a,e){ie(e,!0);const s="ParametrixAll";function r(k){let N=!0;const D=/warn/i;return k.search(D)<0&&(N=!1),N}function c(k,N){let D=N;if(k.length===0)console.log("warn404: Drawing has an empty face list");else{const S=k.slice();S.push(s),S.includes(D)||(D=k[0])}return D}function i(k,N){let D;const S=Object.keys(k),se=c(S,N);return S.includes(se)?D=k[se]:D=Xa(k),D}let d=B(0),u=B(M(c(Object.keys(e.fgeom(0,Q[e.pDef.partName]).fig),""))),m=B("zip"),_=re(()=>e.fgeom(t(d),Q[e.pDef.partName])),p=re(()=>{const k=new Date().toLocaleTimeString();let N=`Geometry ${e.pDef.partName} computed at ${k}
+`;return N+=t(_).logstr,N}),x=re(()=>Object.keys(t(_).fig)),z=re(()=>t(_).calcErr),g=re(()=>r(t(_).logstr)),v=re(()=>i(t(_).fig,t(u))),T=re(()=>t(_).sub);function W(k,N){const D=document.createElement("a"),S=URL.createObjectURL(N);D.setAttribute("href",S),D.setAttribute("download",k),D.click(),D.remove(),URL.revokeObjectURL(S)}function E(k,N,D){const S=document.createElement("a"),se="data:"+D+";utf-8,"+encodeURIComponent(N);S.setAttribute("href",se),S.setAttribute("download",k),S.click(),S.remove()}function I(){const k=/[-:]/g,N=/\..*$/;return new Date().toISOString().replace(k,"").replace(N,"").replace("T","_")}async function $(k){const N=/^svg_/,D=/^dxf_/;let S=ze.eSVG,se="all";k.match(N)?(S=ze.eSVG,se=k.replace(N,"")):k.match(D)?(S=ze.eDXF,se=k.replace(D,"")):k==="allsvg"?S=ze.eSVGALL:k==="alldxf"?S=ze.eDXFALL:k==="compute_log"?S=ze.eTXTLOG:k==="pax"?S=ze.ePAX:k==="oscad"?S=ze.eOPENSCAD:k==="ojscad"?S=ze.eJSCAD:k==="freecad"?S=ze.eFREECAD:k==="zip"?S=ze.eZIP:console.log(`err883: downloadExport iExportFace ${k} invalid`);const $e=qa(S),ut=Ia(S),et=Ua(S),Ye=e.pDef.partName+"_"+se+"_"+I()+$e;if(et){const Ze=await Ta(e.fgeom,t(d),Q[e.pDef.partName],e.pDef,S);W(Ye,Ze)}else{const Ze=Ra(e.fgeom,Q[e.pDef.partName],e.pDef,se,S);E(Ye,Ze,ut)}}var ae=_s(),ne=ke(ae);Yn(ne,{get pDef(){return e.pDef},get pFig(){return t(v)}});var C=n(ne,2),b=n(l(C),2);Vt(b),o(C);var X=n(C,2),K=l(X),J=n(l(K)),G=l(J);we(G,17,()=>t(x),je,(k,N)=>{var D=ds(),S={},se=l(D,!0);o(D),V(()=>{S!==(S=t(N))&&(D.value=(D.__value=t(N))==null?"":t(N)),U(se,t(N))}),A(k,D)});var ee=n(G);ee.value=(ee.__value=s)==null?"":s,o(J),o(K),o(X);var me=n(X,2);ss(me,{get pDefSim(){return e.pDef.sim},get pFig(){return t(v)},get simTime(){return t(d)},set simTime(k){L(d,M(k))}});var oe=n(me,2),H=n(l(oe),2),ye=l(H);we(ye,17,()=>t(x),je,(k,N)=>{var D=fs(),S={},se=l(D);o(D),V(()=>{S!==(S=`svg_${t(N)??""}`)&&(D.value=(D.__value=`svg_${t(N)??""}`)==null?"":`svg_${t(N)??""}`),U(se,`face ${t(N)??""} as svg`)}),A(k,D)});var ve=n(ye);ve.value=(ve.__value="allsvg")==null?"":"allsvg";var de=n(ve);we(de,17,()=>t(x),je,(k,N)=>{var D=ms(),S={},se=l(D);o(D),V(()=>{S!==(S=`dxf_${t(N)??""}`)&&(D.value=(D.__value=`dxf_${t(N)??""}`)==null?"":`dxf_${t(N)??""}`),U(se,`face ${t(N)??""} as dxf`)}),A(k,D)});var xe=n(de);xe.value=(xe.__value="alldxf")==null?"":"alldxf";var f=n(xe);f.value=(f.__value="compute_log")==null?"":"compute_log";var y=n(f);y.value=(y.__value="pax")==null?"":"pax";var O=n(y);O.value=(O.__value="oscad")==null?"":"oscad";var R=n(O);R.value=(R.__value="ojscad")==null?"":"ojscad";var fe=n(R);fe.value=(fe.__value="freecad")==null?"":"freecad";var De=n(fe);De.value=(De.__value="zip")==null?"":"zip",o(H);var Ne=n(H,2);Ne.__click=[vs,$,m];var Oe=n(Ne,2);us(Oe,{get subD(){return t(T)},get origPartName(){return e.pDef.partName},get pLink(){return e.pLink}}),o(oe),V(()=>{zt(b,t(p)),pe(b,"colorErr",t(z)),pe(b,"colorWarn",t(g))}),it(J,()=>t(u),k=>L(u,k)),it(H,()=>t(m),k=>L(m,k)),A(a,ae),ue()}Se(["click"]);var bs=F('<h1 class="svelte-1aya6oa"> </h1> <article class="svelte-1aya6oa"> </article> <!> <!>',1);function ps(a,e){ie(e,!0),$a(e.pageDef);var s=bs(),r=ke(s),c=l(r,!0);o(r);var i=n(r,2),d=l(i);o(i);var u=n(i,2);on(u,{get pDef(){return e.pageDef.pDef}});var m=n(u,2);gs(m,{get pDef(){return e.pageDef.pDef},get fgeom(){return e.pageDef.pGeom},get pLink(){return e.pLink}}),V(()=>{U(c,e.pageDef.pTitle),U(d,`[${e.pageDef.pDef.partName??""}]: ${e.pageDef.pDescription??""}`)}),A(a,s),ue()}function As(a,e){ie(e,!0),ps(a,{get pageDef(){return e.data.pageDef},get pLink(){return e.data.allLink}}),ue()}export{As as component,Os as universal};

package/dist/public/_app/version.json

@@ -1 +1 @@
-{"version":"1731535584339"}
+{"version":"1731623041011"}

package/dist/public/gear/gear_bar.html

@@ -7,32 +7,32 @@
 		
 		<link href="/_app/immutable/assets/0.D3ep0F2Z.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/3.Dk97tpeU.css" rel="stylesheet">
-		<link rel="modulepreload" href="/_app/immutable/entry/start.D3m-RfHI.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/entry.BOPLbfqM.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/runtime.DszaluMK.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/paths.Dxjvtojq.js">
-		<link rel="modulepreload" href="/_app/immutable/entry/app.AtOxma3-.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/disclose-version.BhJaPCe6.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/index-client.BOL5qd8o.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/store.BRUYvPrV.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/0.DannA4GN.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/index.Zd1pjIe_.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/snippet.Dyz5snsn.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/3.CE8L2BIi.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/makeList.9UufwhFd.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/stores.D82DeJyw.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/legacy.CatByI85.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/start.DtIei6-w.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/entry.ePISknOx.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/runtime.35-nNaov.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/paths.fUfODpPY.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/app.5zT9ZjUC.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/disclose-version.CTbzJKR1.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/index-client.DJLnd-Ox.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/store.DP-XV34k.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/0.KV9sX62Q.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/index.MrfhoAO-.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/snippet.D5M1YHe-.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/3.CXaRiscD.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/makeList.Biqvl4Wy.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/stores.QaV378ul.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/legacy.CkgfcumT.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/">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">Gearbar</h1> <article class="svelte-1aya6oa">[gear_bar]: Gear-system with a bar and a wheel</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/voila_face.svg" alt="/pgdsvg/voila_face.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">H1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="40" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="40" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">40</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">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">H2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="50" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="50" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">50</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">1.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">radius</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="4000" 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">4000</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">corners</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">Rc</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="400" 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">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/voila_face.svg" alt="/pgdsvg/voila_face.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 gear_bar computed at 10:06:29 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/">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">Gearbar</h1> <article class="svelte-1aya6oa">[gear_bar]: Gear-system with a bar and a wheel</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/voila_face.svg" alt="/pgdsvg/voila_face.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">H1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="40" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="40" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">40</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">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">H2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="50" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="50" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">50</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">1.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">radius</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="4000" 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">4000</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">corners</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">Rc</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="400" 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">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/voila_face.svg" alt="/pgdsvg/voila_face.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 gear_bar computed at 10:24:05 PM
 gear_bar simTime: 0
 gear_bar drawn successfully!
-</textarea></section> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Drawing <select class="svelte-1ez8qwq"><!--[--><option value="faceVoila">faceVoila</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">&lt;-</button> <button class="svelte-uw6ahn">|&lt;</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_faceVoila">face faceVoila as svg</option><!--]--><option value="allsvg">all faces merged as svg</option><!--[--><option value="dxf_faceVoila">face faceVoila 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
-		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.55<br><!---->2 : geometrix : ^0.5.54<br><!---->3 : geomui : ^0.5.56<br><!--]--></code></article></footer><!----><!--]--> <!--[!--><!--]--><!--]-->
+</textarea></section> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Drawing <select class="svelte-1ez8qwq"><!--[--><option value="faceVoila">faceVoila</option><!--]--><option value="ParametrixAll">All faces merged</option></select></h2></section> <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">&lt;-</button> <button class="svelte-uw6ahn">|&lt;</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_faceVoila">face faceVoila as svg</option><!--]--><option value="allsvg">all faces merged as svg</option><!--[--><option value="dxf_faceVoila">face faceVoila 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
+		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.56<br><!---->2 : geometrix : ^0.5.55<br><!---->3 : geomui : ^0.5.57<br><!--]--></code></article></footer><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_jujo6q = {
+					__sveltekit_1v61k9f = {
 						base: ""
 					};
 
@@ -41,8 +41,8 @@ gear_bar drawn successfully!
 					const data = [null,null];
 
 					Promise.all([
-						import("/_app/immutable/entry/start.D3m-RfHI.js"),
-						import("/_app/immutable/entry/app.AtOxma3-.js")
+						import("/_app/immutable/entry/start.DtIei6-w.js"),
+						import("/_app/immutable/entry/app.5zT9ZjUC.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 3],

package/dist/public/gear/gear_epicycloid.html

@@ -7,32 +7,32 @@
 		
 		<link href="/_app/immutable/assets/0.D3ep0F2Z.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/3.Dk97tpeU.css" rel="stylesheet">
-		<link rel="modulepreload" href="/_app/immutable/entry/start.D3m-RfHI.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/entry.BOPLbfqM.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/runtime.DszaluMK.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/paths.Dxjvtojq.js">
-		<link rel="modulepreload" href="/_app/immutable/entry/app.AtOxma3-.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/disclose-version.BhJaPCe6.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/index-client.BOL5qd8o.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/store.BRUYvPrV.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/0.DannA4GN.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/index.Zd1pjIe_.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/snippet.Dyz5snsn.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/3.CE8L2BIi.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/makeList.9UufwhFd.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/stores.D82DeJyw.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/legacy.CatByI85.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/start.DtIei6-w.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/entry.ePISknOx.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/runtime.35-nNaov.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/paths.fUfODpPY.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/app.5zT9ZjUC.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/disclose-version.CTbzJKR1.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/index-client.DJLnd-Ox.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/store.DP-XV34k.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/0.KV9sX62Q.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/index.MrfhoAO-.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/snippet.D5M1YHe-.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/3.CXaRiscD.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/makeList.Biqvl4Wy.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/stores.QaV378ul.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/legacy.CkgfcumT.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/">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">Gear-epicycloid</h1> <article class="svelte-1aya6oa">[gear_epicycloid]: The epicycloid gear system</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/voila_face.svg" alt="/pgdsvg/voila_face.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">H1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="40" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="40" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">40</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">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">H2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="50" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="50" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">50</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">1.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">radius</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="4000" 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">4000</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">corners</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">Rc</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="400" 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">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/voila_face.svg" alt="/pgdsvg/voila_face.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 gear_epicycloid computed at 10:06:29 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/">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">Gear-epicycloid</h1> <article class="svelte-1aya6oa">[gear_epicycloid]: The epicycloid gear system</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/voila_face.svg" alt="/pgdsvg/voila_face.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">H1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="40" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="40" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">40</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">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">H2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="50" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="50" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">50</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">1.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">radius</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="4000" 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">4000</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">corners</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">Rc</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="400" 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">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/voila_face.svg" alt="/pgdsvg/voila_face.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 gear_epicycloid computed at 10:24:05 PM
 gear_epicycloid simTime: 0
 gear_epicycloid drawn successfully!
-</textarea></section> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Drawing <select class="svelte-1ez8qwq"><!--[--><option value="faceVoila">faceVoila</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">&lt;-</button> <button class="svelte-uw6ahn">|&lt;</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_faceVoila">face faceVoila as svg</option><!--]--><option value="allsvg">all faces merged as svg</option><!--[--><option value="dxf_faceVoila">face faceVoila 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
-		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.55<br><!---->2 : geometrix : ^0.5.54<br><!---->3 : geomui : ^0.5.56<br><!--]--></code></article></footer><!----><!--]--> <!--[!--><!--]--><!--]-->
+</textarea></section> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Drawing <select class="svelte-1ez8qwq"><!--[--><option value="faceVoila">faceVoila</option><!--]--><option value="ParametrixAll">All faces merged</option></select></h2></section> <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">&lt;-</button> <button class="svelte-uw6ahn">|&lt;</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_faceVoila">face faceVoila as svg</option><!--]--><option value="allsvg">all faces merged as svg</option><!--[--><option value="dxf_faceVoila">face faceVoila 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
+		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.56<br><!---->2 : geometrix : ^0.5.55<br><!---->3 : geomui : ^0.5.57<br><!--]--></code></article></footer><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_jujo6q = {
+					__sveltekit_1v61k9f = {
 						base: ""
 					};
 
@@ -41,8 +41,8 @@ gear_epicycloid drawn successfully!
 					const data = [null,null];
 
 					Promise.all([
-						import("/_app/immutable/entry/start.D3m-RfHI.js"),
-						import("/_app/immutable/entry/app.AtOxma3-.js")
+						import("/_app/immutable/entry/start.DtIei6-w.js"),
+						import("/_app/immutable/entry/app.5zT9ZjUC.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 3],

package/dist/public/gear/gear_ring.html

@@ -7,32 +7,32 @@
 		
 		<link href="/_app/immutable/assets/0.D3ep0F2Z.css" rel="stylesheet">
 		<link href="/_app/immutable/assets/3.Dk97tpeU.css" rel="stylesheet">
-		<link rel="modulepreload" href="/_app/immutable/entry/start.D3m-RfHI.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/entry.BOPLbfqM.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/runtime.DszaluMK.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/paths.Dxjvtojq.js">
-		<link rel="modulepreload" href="/_app/immutable/entry/app.AtOxma3-.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/disclose-version.BhJaPCe6.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/index-client.BOL5qd8o.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/store.BRUYvPrV.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/0.DannA4GN.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/index.Zd1pjIe_.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/snippet.Dyz5snsn.js">
-		<link rel="modulepreload" href="/_app/immutable/nodes/3.CE8L2BIi.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/makeList.9UufwhFd.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/stores.D82DeJyw.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/legacy.CatByI85.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/start.DtIei6-w.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/entry.ePISknOx.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/runtime.35-nNaov.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/paths.fUfODpPY.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/app.5zT9ZjUC.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/disclose-version.CTbzJKR1.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/index-client.DJLnd-Ox.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/store.DP-XV34k.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/0.KV9sX62Q.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/index.MrfhoAO-.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/snippet.D5M1YHe-.js">
+		<link rel="modulepreload" href="/_app/immutable/nodes/3.CXaRiscD.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/makeList.Biqvl4Wy.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/stores.QaV378ul.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/legacy.CkgfcumT.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/">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">Gearring</h1> <article class="svelte-1aya6oa">[gear_ring]: Gear-system with a ring and a wheel</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/voila_face.svg" alt="/pgdsvg/voila_face.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">H1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="40" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="40" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">40</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">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">H2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="50" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="50" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">50</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">1.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">radius</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="4000" 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">4000</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">corners</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">Rc</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="400" 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">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/voila_face.svg" alt="/pgdsvg/voila_face.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 gear_ring computed at 10:06:29 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/">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">Gearring</h1> <article class="svelte-1aya6oa">[gear_ring]: Gear-system with a ring and a wheel</article> <section class="svelte-fxmnfh"><!--[!--><!--]--><!----> <!--[--><button class="svelte-fxmnfh"><img src="/pgdsvg/voila_face.svg" alt="/pgdsvg/voila_face.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">H1</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="40" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="40" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">40</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">1.2</td><td class="svelte-jonk14"><button class="svelte-jonk14">H2</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="50" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="50" min="1" max="4000" step="1" class="svelte-jonk14"><!--]--></td><td class="svelte-jonk14 ">mm</td><td class="svelte-jonk14 ">50</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">1.3</td><td class="svelte-jonk14"><button class="svelte-jonk14">radius</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="1" max="4000" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="1" max="4000" 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">4000</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">corners</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">Rc</button></td><td class="svelte-jonk14"><!--[--><input type="number" value="10" min="0" max="400" step="1" class="input-number svelte-jonk14"> <input type="range" value="10" min="0" max="400" 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">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/voila_face.svg" alt="/pgdsvg/voila_face.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 gear_ring computed at 10:24:05 PM
 gear_ring simTime: 0
 gear_ring drawn successfully!
-</textarea></section> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Drawing <select class="svelte-1ez8qwq"><!--[--><option value="faceVoila">faceVoila</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">&lt;-</button> <button class="svelte-uw6ahn">|&lt;</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_faceVoila">face faceVoila as svg</option><!--]--><option value="allsvg">all faces merged as svg</option><!--[--><option value="dxf_faceVoila">face faceVoila 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
-		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.55<br><!---->2 : geometrix : ^0.5.54<br><!---->3 : geomui : ^0.5.56<br><!--]--></code></article></footer><!----><!--]--> <!--[!--><!--]--><!--]-->
+</textarea></section> <section class="svelte-1ez8qwq"><h2 class="svelte-1ez8qwq">Drawing <select class="svelte-1ez8qwq"><!--[--><option value="faceVoila">faceVoila</option><!--]--><option value="ParametrixAll">All faces merged</option></select></h2></section> <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">&lt;-</button> <button class="svelte-uw6ahn">|&lt;</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_faceVoila">face faceVoila as svg</option><!--]--><option value="allsvg">all faces merged as svg</option><!--[--><option value="dxf_faceVoila">face faceVoila 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
+		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.56<br><!---->2 : geometrix : ^0.5.55<br><!---->3 : geomui : ^0.5.57<br><!--]--></code></article></footer><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_jujo6q = {
+					__sveltekit_1v61k9f = {
 						base: ""
 					};
 
@@ -41,8 +41,8 @@ gear_ring drawn successfully!
 					const data = [null,null];
 
 					Promise.all([
-						import("/_app/immutable/entry/start.D3m-RfHI.js"),
-						import("/_app/immutable/entry/app.AtOxma3-.js")
+						import("/_app/immutable/entry/start.DtIei6-w.js"),
+						import("/_app/immutable/entry/app.5zT9ZjUC.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 3],