UNPKG

36.1 kBJavaScriptView Raw
1/* Sutton SignWriting TrueType Font Module v1.5.2 (https://github.com/sutton-signwriting/font-ttf), author: Steve Slevinski (https://SteveSlevinski.me), license: MIT */
2let t={};const e=152;let o;const l=function(l){if(l in t)return[...t[l]];if(!o){const t=document.createElement("canvas");t.width=e,t.height=e,o=t.getContext("2d",{willReadFrequently:!0})}o.clearRect(0,0,e,e),o.font="60px 'SuttonSignWritingLine'",o.fillText(String.fromCodePoint(l+983040),0,0);const i=o.getImageData(0,0,e,e).data;let n,s,a,r;t:for(n=151;n>=0;n--)for(s=0;s<e;s+=1)for(r=0;r<4;r+=1)if(a=4*n+4*s*e+r,i[a])break t;var d=n;t:for(s=151;s>=0;s--)for(n=0;n<d;n+=1)for(r=0;r<4;r+=1)if(a=4*n+4*s*e+r,i[a])break t;var c=s+1;if(d=Math.ceil(d/2),c=Math.ceil(c/2),14394==l&&(d=19),[10468,10480,10496,10512,10500,10532,10548,10862,10878,10894,11058,11074,11476,11488,11492,11504,11508,11520,10516,10910,10926,11042,11082,10942].includes(l)&&(d=20),31921==l&&(d=22),38460==l&&(d=23),[20164,20212].includes(l)&&(d=25),31894==l&&(d=28),46698==l&&(d=29),29606==l&&(d=30),44855==l&&(d=40),32667==l&&(d=50),[11088,11474,11490,11506].includes(l)&&(c=20),6285==l&&(c=21),40804==l&&(c=31),41475==l&&(c=36),0==d&&0==c){const t={9:[15,30],10:[21,30],11:[30,15],12:[30,21],13:[15,30],14:[21,30]};l in t&&(d=t[l][0],c=t[l][1])}return 0!=d||0!=c?(t[l]=[d,c],[d,c]):void 0},i=function(t){return String.fromCodePoint(t+983040)},n=function(t){return String.fromCodePoint(t+1048576)},s=function(t){return` <text class="sym-fill" fill="white" style="pointer-events:none;font-family:'SuttonSignWritingFill';font-size:30px;">${n(t)}</text>\n <text class="sym-line" fill="black" style="pointer-events:none;font-family:'SuttonSignWritingLine';font-size:30px;">${i(t)}</text>`},a=function(t){if(l(1))t();else{const e=setInterval((function(){l(1)&&(clearInterval(e),t())}),100)}},r=function(t){const e=function(){const t=document.createElement("canvas");t.width=15,t.height=30;const e=t.getContext("2d");e.font="30px 'SuttonSignWritingFill'",e.fillText(n(1),0,0);return!e.getImageData(0,0,15,30).data.every((t=>0===t))};if(e())t();else{const o=setInterval((function(){e()&&(clearInterval(o),t())}),100)}};var d=Object.freeze({__proto__:null,cssAppend:function(t=""){if(!document.getElementById("SgnwFontCss")){const e=document.createElement("style");e.setAttribute("id","SgnwFontCss"),e.appendChild(document.createTextNode(`\n @font-face {\n font-family: "SuttonSignWritingLine";\n src: \n local('SuttonSignWritingLine'),\n ${t?`url('${t}SuttonSignWritingLine.ttf') format('truetype'),`:""}\n url('https://cdn.jsdelivr.net/npm/@sutton-signwriting/font-ttf@1.0.0/font/SuttonSignWritingLine.ttf') format('truetype');\n }\n @font-face {\n font-family: "SuttonSignWritingFill";\n src: \n local('SuttonSignWritingFill'),\n ${t?`url('${t}SuttonSignWritingFill.ttf') format('truetype'),`:""}\n url('https://cdn.jsdelivr.net/npm/@sutton-signwriting/font-ttf@1.0.0/font/SuttonSignWritingFill.ttf') format('truetype');\n }\n @font-face {\n font-family: "SuttonSignWritingOneD";\n src: \n local('SuttonSignWritingOneD'),\n ${t?`url('${t}SuttonSignWritingOneD.ttf') format('truetype'),`:""}\n url('https://cdn.jsdelivr.net/npm/@sutton-signwriting/font-ttf@1.0.0/font/SuttonSignWritingOneD.ttf') format('truetype');\n }\n `)),document.head.appendChild(e)}},cssLoaded:function(t){let e=!1,o=!1;a((()=>{e=!0})),r((()=>{o=!0}));const l=setInterval((function(){e&&o&&(clearInterval(l),t())}),100)},cssLoadedLine:a,cssLoadedFill:r,symbolSize:l,symbolLine:i,symbolFill:n,symbolText:s});const c=t=>t.map((t=>(t=>String.fromCodePoint(120844+parseInt(t)-250))(t))).join(""),m=t=>parseInt(t.codePointAt(0)),g=t=>m(t)-262144,p=t=>1+96*(parseInt(t.slice(1,4),16)-256)+16*parseInt(t.slice(4,5),16)+parseInt(t.slice(5,6),16),f=t=>{const e=m(t)-262145,o=parseInt(e/96),l=parseInt((e-96*o)/16),i=parseInt(e-96*o-16*l);return"S"+(o+256).toString(16)+l.toString(16)+i.toString(16)},y=t=>{return e=262145+96*(parseInt(t.slice(1,4),16)-256)+16*parseInt(t.slice(4,5),16)+parseInt(t.slice(5,6),16),String.fromCodePoint(e);var e};let u={symbol:"S[123][0-9a-f]{2}[0-5][0-9a-f]",coord:"[0-9]{3}x[0-9]{3}",sort:"A",box:"[BLMR]"};u.prefix=`(?:${u.sort}(?:${u.symbol})+)`,u.spatial=`${u.symbol}${u.coord}`,u.signbox=`${u.box}${u.coord}(?:${u.spatial})*`,u.sign=`${u.prefix}?${u.signbox}`,u.sortable=`${u.prefix}${u.signbox}`;let b={colorize:"C",colorhex:"(?:[0-9a-fA-F]{3}){1,2}",colorname:"[a-zA-Z]+",padding:"P[0-9]{2}",zoom:"Z(?:[0-9]+(?:\\.[0-9]+)?|x)",classbase:"-?[_a-zA-Z][_a-zA-Z0-9-]{0,100}",id:"[a-zA-Z][_a-zA-Z0-9-]{0,100}"};b.colorbase=`(?:${b.colorhex}|${b.colorname})`,b.color=`_${b.colorbase}_`,b.colors=`_${b.colorbase}(?:,${b.colorbase})?_`,b.background=`G${b.color}`,b.detail=`D${b.colors}`,b.detailsym=`D[0-9]{2}${b.colors}`,b.classes=`${b.classbase}(?: ${b.classbase})*`,b.full=`-(${b.colorize})?(${b.padding})?(${b.background})?(${b.detail})?(${b.zoom})?(?:-((?:${b.detailsym})*))?(?:-(${b.classes})?!(?:(${b.id})!)?)?`;const h=t=>(new RegExp(`^${b.colorhex}$`).test(t)?"#":"")+t,x=t=>{const e=`^${b.full}`,o=("string"==typeof t?t.match(new RegExp(e)):[])||[];return l={colorize:o[1]?!!o[1]:void 0,padding:o[2]?parseInt(o[2].slice(1)):void 0,background:o[3]?h(o[3].slice(2,-1)):void 0,detail:o[4]?o[4].slice(2,-1).split(",").map(h):void 0,zoom:o[5]?"Zx"===o[5]?"x":parseFloat(o[5].slice(1)):void 0,detailsym:o[6]?o[6].match(new RegExp(b.detailsym,"g")).map((t=>{const e=t.split("_"),o=e[1].split(",").map(h);return{index:parseInt(e[0].slice(1)),detail:o}})):void 0,classes:o[7]?o[7]:void 0,id:o[8]?o[8]:void 0},Object.fromEntries(Object.entries(l).filter((([t,e])=>void 0!==e)));var l},$=t=>t.split("x").map((t=>parseInt(t))),v=t=>{const e=`^(${u.symbol})(${u.coord})?(${b.full})?`,o="string"==typeof t?t.match(new RegExp(e)):void 0;return{symbol:o?o[1]:void 0,coord:o&&o[2]?$(o[2]):void 0,style:o?o[3]:void 0}},w=t=>{const e=`^(${u.prefix})?(${u.signbox})(${b.full})?`,o="string"==typeof t?t.match(new RegExp(e)):void 0;return o?{sequence:o[1]?o[1].slice(1).match(/.{6}/g):void 0,box:o[2][0],max:$(o[2].slice(1,8)),spatials:o[2].length<9?void 0:o[2].slice(8).match(/(.{13})/g).map((t=>({symbol:t.slice(0,6),coord:[parseInt(t.slice(6,9)),parseInt(t.slice(10,13))]}))),style:o[3]}:{}},z=t=>{if("string"!=typeof t)return[];const e=`(${u.sign}(${b.full})?|${u.spatial}(${b.full})?)`,o=t.match(new RegExp(e,"g"));return o?[...o]:[]},S=t=>{if("string"==typeof t.symbol){const e=(t.symbol.match(u.symbol)||[""])[0];if(e){return e+((((t.coord&&t.coord[0]||"").toString()+"x"+(t.coord&&t.coord[1]||"").toString()).match(u.coord)||[""])[0]||"")+("string"==typeof t.style&&(t.style.match(b.full)||[""])[0]||"")}}},I=t=>{let e,o,l,i,n,s,a,r,d=w(t);d.spatials?(i=Math.min(...d.spatials.map((t=>t.coord[0]))),n=d.max[0],e=n-i,s=Math.min(...d.spatials.map((t=>t.coord[1]))),a=d.max[1],o=a-s,l="sign",r=d.box):(d=v(t),r="M",d.coord?(i=d.coord[0],e=2*(500-i),s=d.coord[1],o=2*(500-s),l="symbol"):(i=490,e=20,s=490,o=20,l="none"));let c=x(d.style),m=c.zoom||1,g=c.padding||0;return{minX:i,minY:s,width:e,height:o,segment:l,lane:{B:0,L:-1,M:0,R:1}[r],padding:g,zoom:m}},k={height:500,width:150,offset:50,pad:20,margin:5,dynamic:!1,background:void 0,punctuation:{spacing:!0,pad:30,pull:!0},style:{detail:["black","white"],zoom:1}},_=(t,e)=>{if("string"!=typeof t)return{};const o=(t=>("object"!=typeof t&&(t={}),{...k,...t,punctuation:{...k.punctuation,...t.punctuation},style:{...k.style,...t.style}}))(e);let l=z(t),i=0,n=[],s=[],a=0,r=parseInt(o.width/2),d=o.height-o.margin,c=!0,m=!1;for(let t of l){let e=I(t);i+=a,o.punctuation.spacing?i+="sign"==e.segment?o.pad:0:i+=o.pad,m=i+e.height>d,m&&"symbol"==e.segment&&o.punctuation.pull&&c&&(m=!1,c=!1),0==s.length&&(m=!1),m&&(i=o.pad,n.push(s),s=[],c=!0),s.push(Object.assign(e,{x:r+o.offset*e.lane-(500-e.minX)*e.zoom*o.style.zoom,y:i,text:t})),i+=e.height*e.zoom*o.style.zoom,a=o.punctuation.spacing?"sign"==e.segment?o.pad:o.punctuation.pad:o.pad}if(s.length&&n.push(s),o.punctuation.pull)for(let t of n){let e=t[t.length-1],l=e.y+e.height-(o.height-o.margin);if(l>0){let e=parseInt(l/t.length)+1;for(let o in t)t[o].y-=e*o+e}}let g=[];for(let t of n){let e=[r-o.offset-o.pad],l=[r+o.offset+o.pad];for(let i of t)e.push(i.x-o.pad),l.push(i.x+i.width+o.pad);e=Math.min(...e),l=Math.max(...l);let i=o.width,n=0;o.dynamic?(i=l-e,n=-e):n=r-parseInt((e+l)/2);for(let e of t)e.x+=n;g.push(i)}return{options:o,widths:g,columns:n}},j=[256,517,759,767,877,895,903],E=[767,876],F=[767,885],M=["#0000CC","#CC0000","#FF0099","#006600","#000000","#884411","#FF9900"],C=t=>{const e=v(t);let o="#000000";if(e.symbol){const t=parseInt(e.symbol.slice(1,4),16),l=j.findIndex((e=>e>t));o=M[l<0?6:l-1]}return o},R=function(t){if(v(t).symbol)return l(p(t))},W=function(t){return i(p(t))},A=function(t){return n(p(t))},L=function(t){return s(p(t))};let O={colorize:"C",colorhex:"(?:[0-9a-fA-F]{3}){1,2}",colorname:"[a-zA-Z]+",padding:"P[0-9]{2}",zoom:"Z(?:[0-9]+(?:\\.[0-9]+)?|x)",classbase:"-?[_a-zA-Z][_a-zA-Z0-9-]{0,100}",id:"[a-zA-Z][_a-zA-Z0-9-]{0,100}"};O.colorbase=`(?:${O.colorhex}|${O.colorname})`,O.color=`_${O.colorbase}_`,O.colors=`_${O.colorbase}(?:,${O.colorbase})?_`,O.background=`G${O.color}`,O.detail=`D${O.colors}`,O.detailsym=`D[0-9]{2}${O.colors}`,O.classes=`${O.classbase}(?: ${O.classbase})*`,O.full=`-(${O.colorize})?(${O.padding})?(${O.background})?(${O.detail})?(${O.zoom})?(?:-((?:${O.detailsym})*))?(?:-(${O.classes})?!(?:(${O.id})!)?)?`;const Z=t=>(new RegExp(`^${O.colorhex}$`).test(t)?"#":"")+t,P=t=>{const e=`^${O.full}`,o=("string"==typeof t?t.match(new RegExp(e)):[])||[];return l={colorize:o[1]?!!o[1]:void 0,padding:o[2]?parseInt(o[2].slice(1)):void 0,background:o[3]?Z(o[3].slice(2,-1)):void 0,detail:o[4]?o[4].slice(2,-1).split(",").map(Z):void 0,zoom:o[5]?"Zx"===o[5]?"x":parseFloat(o[5].slice(1)):void 0,detailsym:o[6]?o[6].match(new RegExp(O.detailsym,"g")).map((t=>{const e=t.split("_"),o=e[1].split(",").map(Z);return{index:parseInt(e[0].slice(1)),detail:o}})):void 0,classes:o[7]?o[7]:void 0,id:o[8]?o[8]:void 0},Object.fromEntries(Object.entries(l).filter((([t,e])=>void 0!==e)));var l},D=t=>{if("object"!=typeof t||null===t)return;let e="-";e+=t.colorize?"C":"";const o=parseInt(t.padding);e+=!o||o<=0||o>99?"":"P"+(o>9?o:"0"+o);const l=t.background&&"string"==typeof t.background?t.background.match(O.colorbase)[0]:void 0;e+=l?"G_"+l+"_":"";const i=t.detail&&t.detail[0]&&"string"==typeof t.detail[0]?t.detail[0].match(O.colorbase)[0]:void 0,n=t.detail&&t.detail[1]&&"string"==typeof t.detail[1]?t.detail[1].match(O.colorbase)[0]:void 0;i&&(e+="D_"+i,n&&(e+=","+n),e+="_");const s="x"===t.zoom?"x":parseFloat(t.zoom);e+=!s||s<=0?"":"Z"+s;let a="";const r=t.detailsym&&Array.isArray(t.detailsym)?t.detailsym.map((t=>{const e=parseInt(t.index);if(!e||e<=0||e>99)return"";let o="D"+(e>9?e:"0"+e);const l=t.detail&&t.detail[0]?t.detail[0].match(O.colorbase)[0]:void 0,i=t.detail&&t.detail[1]?t.detail[1].match(O.colorbase)[0]:void 0;return l&&(o+="_"+l,i&&(o+=","+i),o+="_"),o})):[];a+=r.join("");let d="";const c=t.classes&&"string"==typeof t.classes?t.classes.match(O.classes)[0]:void 0;d+=c||"";const m=t.id&&"string"==typeof t.id?t.id.match(O.id)[0]:void 0;return d+=c||m?"!":"",d+=m?m+"!":"",e+(a||d?"-"+a:"")+(d?"-"+d:"")},T=t=>{const e=v(t);if(!e.symbol)return"";let o,l,i,n,s=P(e.style);if(e.coord)o=e.coord[0],l=e.coord[1],i=500-o+500,n=500-l+500;else{let t=R(e.symbol);if(!t)return"";o=500-parseInt((t[0]+1)/2),l=500-parseInt((t[1]+1)/2),i=500-o+500,n=500-l+500}let a,r=L(e.symbol);r=` <g transform="translate(${o},${l})">\n${r}\n </g>`,s.colorize?a=C(e.symbol):s.detail&&(a=s.detail[0]),a&&(r=r.replace(/class="sym-line" fill="black"/,`class="sym-line" fill="${a}"`));let d=s.detail&&s.detail[1];d&&(r=r.replace(/class="sym-fill" fill="white"/,`class="sym-fill" fill="${d}"`));let c="";return s.padding&&(o-=s.padding,l-=s.padding,i+=s.padding,n+=s.padding),s.background&&(c=`\n <rect x="${o}" y="${l}" width="${i-o}" height="${n-l}" style="fill:${s.background};" />`),` <text font-size="0">${t}</text>${c}\n${r}`},B=t=>{let e=w(t);if(e.spatials){let o=P(e.style);o.detailsym&&o.detailsym.forEach((t=>{e.spatials[t.index-1]&&(e.spatials[t.index-1].detail=t.detail)}));let l=Math.min(...e.spatials.map((t=>t.coord[0]))),i=Math.min(...e.spatials.map((t=>t.coord[1]))),n=e.max[0],s=e.max[1],a="";o.padding&&(l-=o.padding,i-=o.padding,n+=o.padding,s+=o.padding),o.background&&(a=`\n <rect x="${l}" y="${i}" width="${n-l}" height="${s-i}" style="fill:${o.background};" />`);let r=` <text font-size="0">${t}</text>${a}`;const d=o.detail&&o.detail[0],c=o.detail&&o.detail[1];return r+="\n"+e.spatials.map((t=>{let e=L(t.symbol),l=d;t.detail?l=t.detail[0]:o.colorize&&(l=C(t.symbol)),l&&(e=e.replace(/class="sym-line" fill="black"/,`class="sym-line" fill="${l}"`));let i=c;return t.detail&&t.detail[1]&&(i=t.detail[1]),i&&(e=e.replace(/class="sym-fill" fill="white"/,`class="sym-fill" fill="${i}"`)),` <g transform="translate(${t.coord[0]},${t.coord[1]})">\n${e}\n </g>`})).join("\n"),r}return""},X=(t,e)=>{"object"!=typeof e&&(e={});const o=Object.assign(k,e);let l=o.width,i=o.height,n="";o.background&&(n=`\n <rect x="0" y="0" width="${l-0}" height="${i-0}" style="fill:${o.background};" />`);let s=`<svg version="1.1" xmlns="http://www.w3.org/2000/svg"${` width="${o.width}" height="${o.height}"`} viewBox="0 0 ${l-0} ${i-0}">\n ${n}`;return s+=t.map((t=>{const e=t.text.indexOf("-");if(e>0){const l=t.text.substring(e),i={...o.style,...P(l)};t.text=t.text.replace(l,D(i))}else t.text+=D(o.style);return t.zoom=t.zoom*o.style.zoom,'<g transform="translate('+t.x+","+t.y+") scale("+t.zoom+") translate("+-t.minX+","+-t.minY+') ">'+("sign"==t.segment?B(t.text):T(t.text))+"</g>"})).join("\n"),s+="\n</svg>",s},Y=(t,e)=>{const o=function(t,e){"object"!=typeof e&&(e={});const o=Object.assign(k,e),l=document.createElement("canvas");l.width=o.width,l.height=o.height;const i=l.getContext("2d");return o.background&&(i.rect(0,0,o.width,o.height),i.fillStyle=o.background,i.fill()),t.map((t=>{const e=t.text.indexOf("-");if(e>0){const l=t.text.substring(e),i={...o.style,...P(l)};t.text=t.text.replace(l,D(i))}else t.text+=D(o.style);t.zoom=t.zoom*o.style.zoom;let l={};if("sign"==t.segment)l=w(t.text);else{let e=v(t.text);l.style=e.style,l.spatials=[e]}let n=P(l.style);n.background&&(i.fillStyle=n.background,i.fillRect(t.x-n.padding*t.zoom,t.y-n.padding*t.zoom,(t.width+2*n.padding)*t.zoom,(t.height+2*n.padding)*t.zoom)),n.detailsym&&n.detailsym.forEach((t=>{l.spatials[t.index-1]&&(l.spatials[t.index-1].detail=t.detail)}));const s=n.detail&&n.detail[0]||"black",a=n.detail&&n.detail[1]||"white";l.spatials.forEach((e=>{let o=s;e.detail?o=e.detail[0]:n.colorize&&(o=C(e.symbol));let l=a;e.detail&&e.detail[1]&&(l=e.detail[1]),i.font=30*t.zoom+"px 'SuttonSignWritingFill'",i.fillStyle=l,i.fillText(A(e.symbol),t.x+(e.coord[0]-t.minX)*t.zoom,t.y+(e.coord[1]-t.minY)*t.zoom),i.font=30*t.zoom+"px 'SuttonSignWritingLine'",i.fillStyle=o,i.fillText(W(e.symbol),t.x+(e.coord[0]-t.minX)*t.zoom,t.y+(e.coord[1]-t.minY)*t.zoom)}))})),l}(t,e),l=o.toDataURL("image/png");return o.remove(),l};var q=Object.freeze({__proto__:null,symbolSize:R,symbolLine:W,symbolFill:A,symbolText:L,symbolSvgBody:T,symbolSvg:t=>{const e=v(t),o='<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1" height="1"></svg>';if(!e.symbol)return o;let l,i,n,s,a=P(e.style);if(e.coord)l=e.coord[0],i=e.coord[1],n=500-l+500,s=500-i+500;else{let t=R(e.symbol);if(!t)return o;l=parseInt(500-t[0]/2),i=parseInt(500-t[1]/2),n=l+t[0],s=i+t[1]}let r="";a.classes&&(r=` class="${a.classes}"`);let d="";a.id&&(d=` id="${a.id}"`),a.padding&&(l-=a.padding,i-=a.padding,n+=a.padding,s+=a.padding);let c="";return"x"!=a.zoom&&(c=` width="${(n-l)*(a.zoom?a.zoom:1)}" height="${(s-i)*(a.zoom?a.zoom:1)}"`),`<svg${r}${d} version="1.1" xmlns="http://www.w3.org/2000/svg"${c} viewBox="${l} ${i} ${n-l} ${s-i}">\n${T(t)}\n</svg>`},symbolPng:t=>{const e=function(t){const e=v(t);if(e.symbol){let t=R(e.symbol);if(t){const o=document.createElement("canvas"),l=o.getContext("2d");let i=P(e.style),n="black";i.colorize?n=C(e.symbol):i.detail&&(n=i.detail[0]);let s=i.detail&&i.detail[1]||"white",a=500,r=a+t[0],d=500,c=d+t[1];i.padding&&(a-=i.padding,d-=i.padding,r+=i.padding,c+=i.padding);let m=1;"x"!=i.zoom&&(m=i.zoom);let g=(r-a)*m,p=(c-d)*m;return o.width=g||1,o.height=p||1,i.background&&(l.rect(0,0,g,p),l.fillStyle=i.background,l.fill()),l.font=30*m+"px 'SuttonSignWritingFill'",l.fillStyle=s,l.fillText(A(e.symbol),(500-a)*m,(500-d)*m),l.font=30*m+"px 'SuttonSignWritingLine'",l.fillStyle=n,l.fillText(W(e.symbol),(500-a)*m,(500-d)*m),o}}}(t),o=e.toDataURL("image/png");return e.remove(),o},symbolNormalize:t=>{const e=v(t);if(!e.symbol)return null;{let t=R(e.symbol);if(t)return`${e.symbol}${500-parseInt((t[0]+1)/2)}x${500-parseInt((t[1]+1)/2)}${e.style||""}`}},symbolMirror:t=>{let e=v(t);if(!e.symbol)return t;if(!R(e.symbol))return t;const o=e.symbol.slice(0,4);let l=e.symbol.slice(4,5),i=parseInt(e.symbol.slice(5,6),16);const n=o+"18";var s;R(o+"08")||R(n)?s=8:(0!==i&&4!=i||(s=0),1!=i&&5!=i||(s=6),2!=i&&6!=i||(s=4),3!=i&&7!=i||(s=2));let a="";for(;!a||!R(a);)i+=s,i>7&&s<8&&(i-=8),i>15&&(i-=16),a=o+l+i.toString(16);return e.symbol=a,S(e)},symbolRotate:(t,e=!0)=>{let o=v(t);if(!o.symbol)return t;if(!R(o.symbol))return t;const l=e?1:-1,i=o.symbol.slice(0,4);let n=o.symbol.slice(4,5),s=parseInt(o.symbol.slice(5,6),16),a="";for(;!a||!R(a);)s>7?(s+=l,s>15&&(s=8),s<8&&(s=15),a=i+n+s.toString(16)):(s-=l,s>7&&(s=0),s<0&&(s=7),a=i+n+s);return o.symbol=a,S(o)},symbolFlop:(t,e=!0)=>{let o=v(t);if(!o.symbol)return t;if(!R(o.symbol))return t;const l=e?1:-1,i=o.symbol.slice(0,4);let n=parseInt(o.symbol.slice(4,5)),s=o.symbol.slice(5,6),a="";for(;!a||!R(a);)n+=l,n>5&&(n=0),n<0&&(n=5),a=i+n+s;return o.symbol=a,S(o)},symbolScroll:(t,e=!0)=>{let o=v(t);if(!o.symbol)return t;if(!R(o.symbol))return t;const l=e?1:-1,i=parseInt(o.symbol.slice(1,4),16)+l,n=o.symbol.slice(4,5),s=o.symbol.slice(5,6),a="S"+i.toString(16)+n+s;return R(a)&&(o.symbol=a),S(o)},signSvgBody:B,signSvg:t=>{let e=w(t);if(e.spatials){let o=P(e.style),l=Math.min(...e.spatials.map((t=>t.coord[0]))),i=Math.min(...e.spatials.map((t=>t.coord[1]))),n=e.max[0],s=e.max[1],a="";o.classes&&(a=` class="${o.classes}"`);let r="";o.id&&(r=` id="${o.id}"`),o.padding&&(l-=o.padding,i-=o.padding,n+=o.padding,s+=o.padding);let d="";"x"!=o.zoom&&(d=` width="${(n-l)*(o.zoom?o.zoom:1)}" height="${(s-i)*(o.zoom?o.zoom:1)}"`);let c=`<svg${a}${r} version="1.1" xmlns="http://www.w3.org/2000/svg"${d} viewBox="${l} ${i} ${n-l} ${s-i}">\n`;return c+=B(t),c+="\n</svg>",c}return'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1" height="1"></svg>'},signPng:t=>{const e=function(t){const e=w(t);if(e.spatials){const t=document.createElement("canvas"),o=t.getContext("2d");let l=P(e.style);l.detailsym&&l.detailsym.forEach((t=>{e.spatials[t.index-1]&&(e.spatials[t.index-1].detail=t.detail)}));let i=Math.min(...e.spatials.map((t=>t.coord[0]))),n=Math.min(...e.spatials.map((t=>t.coord[1]))),s=e.max[0],a=e.max[1];l.padding&&(i-=l.padding,n-=l.padding,s+=l.padding,a+=l.padding);let r=1;"x"!=l.zoom&&(r=l.zoom);let d=(s-i)*r,c=(a-n)*r;t.width=d||1,t.height=c||1,l.background&&(o.rect(0,0,d,c),o.fillStyle=l.background,o.fill());const m=l.detail&&l.detail[0]||"black",g=l.detail&&l.detail[1]||"white";return e.spatials.forEach((t=>{let e=m;t.detail?e=t.detail[0]:l.colorize&&(e=C(t.symbol));let s=g;t.detail&&t.detail[1]&&(s=t.detail[1]),o.font=30*r+"px 'SuttonSignWritingFill'",o.fillStyle=s,o.fillText(A(t.symbol),(t.coord[0]-i)*r,(t.coord[1]-n)*r),o.font=30*r+"px 'SuttonSignWritingLine'",o.fillStyle=e,o.fillText(W(t.symbol),(t.coord[0]-i)*r,(t.coord[1]-n)*r)})),t}}(t),o=e.toDataURL("image/png");return e.remove(),o},signNormalize:t=>{const e=w(t);if(e.spatials){const t=e.spatials.reduce(((t,e)=>{const o=R(e.symbol);return t[e.symbol]={width:o[0],height:o[1]},t}),{}),o=e=>({x1:Math.min(...e.map((t=>t.coord[0]))),y1:Math.min(...e.map((t=>t.coord[1]))),x2:Math.max(...e.map((e=>e.coord[0]+parseInt(t[e.symbol].width)))),y2:Math.max(...e.map((e=>e.coord[1]+parseInt(t[e.symbol].height))))}),l=E,i=e.spatials.filter((t=>{const e=parseInt(t.symbol.slice(1,4),16);return l[0]<=e&&l[1]>=e})),n=F,s=e.spatials.filter((t=>{const e=parseInt(t.symbol.slice(1,4),16);return n[0]<=e&&n[1]>=e}));let a=o(e.spatials),r=[a.x2,a.y2];if(i.length){const t=o(i);a.x1=t.x1,a.x2=t.x2}if(s.length){const t=o(s);a.y1=t.y1,a.y2=t.y2}const d=[parseInt((a.x2+a.x1)/2)-500,parseInt((a.y2+a.y1)/2)-500];return(e.sequence?"A"+e.sequence.join(""):"")+e.box+(r[0]-d[0])+"x"+(r[1]-d[1])+e.spatials.map((t=>t.symbol+(t.coord[0]-d[0])+"x"+(t.coord[1]-d[1]))).join("")+(e.style||"")}},columnSvg:X,columnsSvg:function(t,e){"object"!=typeof e&&(e={});let o=_(t,e);return o.columns.map(((t,e)=>X(t,{...o.options,width:o.widths[e]})))},columnPng:Y,columnsPng:function(t,e){"object"!=typeof e&&(e={});let o=_(t,e);return o.columns.map(((t,e)=>Y(t,{...o.options,width:o.widths[e]})))}});let U={symbol:"(?:(?:\ud8c0[\udc01-\udfff])|(?:[\ud8c1-\ud8fc][\udc00-\udfff])|(?:\ud8fd[\udc00-\udc80]))",coord:"(?:\ud836[\udc0c-\uddff]){2}",sort:"𝠀",box:"\ud836[\udc01-\udc04]"};U.prefix=`(?:${U.sort}(?:${U.symbol})+)`,U.spatial=`${U.symbol}${U.coord}`,U.signbox=`${U.box}${U.coord}(?:${U.spatial})*`,U.sign=`${U.prefix}?${U.signbox}`,U.sortable=`${U.prefix}${U.signbox}`;let N={colorize:"C",colorhex:"(?:[0-9a-fA-F]{3}){1,2}",colorname:"[a-zA-Z]+",padding:"P[0-9]{2}",zoom:"Z(?:[0-9]+(?:\\.[0-9]+)?|x)",classbase:"-?[_a-zA-Z][_a-zA-Z0-9-]{0,100}",id:"[a-zA-Z][_a-zA-Z0-9-]{0,100}"};N.colorbase=`(?:${N.colorhex}|${N.colorname})`,N.color=`_${N.colorbase}_`,N.colors=`_${N.colorbase}(?:,${N.colorbase})?_`,N.background=`G${N.color}`,N.detail=`D${N.colors}`,N.detailsym=`D[0-9]{2}${N.colors}`,N.classes=`${N.classbase}(?: ${N.classbase})*`,N.full=`-(${N.colorize})?(${N.padding})?(${N.background})?(${N.detail})?(${N.zoom})?(?:-((?:${N.detailsym})*))?(?:-(${N.classes})?!(?:(${N.id})!)?)?`;const G=t=>(new RegExp(`^${N.colorhex}$`).test(t)?"#":"")+t,H=t=>{const e=`^${N.full}`,o=("string"==typeof t?t.match(new RegExp(e)):[])||[];return l={colorize:o[1]?!!o[1]:void 0,padding:o[2]?parseInt(o[2].slice(1)):void 0,background:o[3]?G(o[3].slice(2,-1)):void 0,detail:o[4]?o[4].slice(2,-1).split(",").map(G):void 0,zoom:o[5]?"Zx"===o[5]?"x":parseFloat(o[5].slice(1)):void 0,detailsym:o[6]?o[6].match(new RegExp(N.detailsym,"g")).map((t=>{const e=t.split("_"),o=e[1].split(",").map(G);return{index:parseInt(e[0].slice(1)),detail:o}})):void 0,classes:o[7]?o[7]:void 0,id:o[8]?o[8]:void 0},Object.fromEntries(Object.entries(l).filter((([t,e])=>void 0!==e)));var l},J=t=>parseInt(t.codePointAt(0))-120844+250,K=t=>[J(t.slice(0,2)),J(t.slice(2,4))],Q=t=>t.map((t=>(t=>String.fromCodePoint(120844+parseInt(t)-250))(t))).join(""),V=t=>{const e=`^(${U.symbol})(${U.coord})?(${N.full})?`,o="string"==typeof t?t.match(new RegExp(e)):void 0;return{symbol:o?o[1]:void 0,coord:o&&o[2]?K(o[2]):void 0,style:o?o[3]:void 0}},tt=t=>{const e=`^(${U.prefix})?(${U.signbox})(${N.full})?`,o="string"==typeof t?t.match(new RegExp(e)):void 0;return o?{sequence:o[1]?o[1].slice(2).match(/.{2}/g):void 0,box:o[2].slice(0,2),max:K(o[2].slice(2,6)),spatials:o[2].length<7?void 0:o[2].slice(6).match(/(.{6})/g).map((t=>({symbol:t.slice(0,2),coord:K(t.slice(2))}))),style:o[3]}:{}},et=t=>{if("string"!=typeof t)return[];const e=`(${U.sign}(${N.full})?|${U.spatial}(${N.full})?)`,o=t.match(new RegExp(e,"g"));return o?[...o]:[]},ot=t=>{if("object"==typeof t&&null!==t&&"string"==typeof t.symbol){const e=(t.symbol.match(U.symbol)||[""])[0];if(e){const o=t.coord&&t.coord[0]||"",l=t.coord&&t.coord[1]||"";return e+(o&&l?Q([o,l]):"")+("string"==typeof t.style&&(t.style.match(N.full)||[""])[0]||"")}}},lt=t=>{let e,o,l,i,n,s,a,r,d=tt(t);d.spatials?(i=Math.min(...d.spatials.map((t=>t.coord[0]))),n=d.max[0],e=n-i,s=Math.min(...d.spatials.map((t=>t.coord[1]))),a=d.max[1],o=a-s,l="sign",r=d.box):(d=V(t),r="𝠃",d.coord?(i=d.coord[0],e=2*(500-i),s=d.coord[1],o=2*(500-s),l="symbol"):(i=490,e=20,s=490,o=20,l="none"));let c=H(d.style),m=c.zoom||1,g=c.padding||0;return{minX:i,minY:s,width:e,height:o,segment:l,lane:{"𝠁":0,"𝠂":-1,"𝠃":0,"𝠄":1}[r],padding:g,zoom:m}},it={height:500,width:150,offset:50,pad:20,margin:5,dynamic:!1,background:void 0,punctuation:{spacing:!0,pad:30,pull:!0},style:{detail:["black","white"],zoom:1}},nt=(t,e)=>{if("string"!=typeof t)return{};const o=(t=>("object"!=typeof t&&(t={}),{...it,...t,punctuation:{...it.punctuation,...t.punctuation},style:{...it.style,...t.style}}))(e);let l=et(t),i=0,n=[],s=[],a=0,r=parseInt(o.width/2),d=o.height-o.margin,c=!0,m=!1;for(let t of l){let e=lt(t);i+=a,o.punctuation.spacing?i+="sign"==e.segment?o.pad:0:i+=o.pad,m=i+e.height>d,m&&"symbol"==e.segment&&o.punctuation.pull&&c&&(m=!1,c=!1),0==s.length&&(m=!1),m&&(i=o.pad,n.push(s),s=[],c=!0),s.push(Object.assign(e,{x:r+o.offset*e.lane-(500-e.minX)*e.zoom*o.style.zoom,y:i,text:t})),i+=e.height*e.zoom*o.style.zoom,a=o.punctuation.spacing?"sign"==e.segment?o.pad:o.punctuation.pad:o.pad}if(s.length&&n.push(s),o.punctuation.pull)for(let t of n){let e=t[t.length-1],l=e.y+e.height-(o.height-o.margin);if(l>0){let e=parseInt(l/t.length)+1;for(let o in t)t[o].y-=e*o+e}}let g=[];for(let t of n){let e=[r-o.offset-o.pad],l=[r+o.offset+o.pad];for(let i of t)e.push(i.x-o.pad),l.push(i.x+i.width+o.pad);e=Math.min(...e),l=Math.max(...l);let i=o.width,n=0;o.dynamic?(i=l-e,n=-e):n=r-parseInt((e+l)/2);for(let e of t)e.x+=n;g.push(i)}return{options:o,widths:g,columns:n}},st=[262145,287201,310433,311201,321761,323489,324257],at=[311201,321760],rt=[311201,322624],dt=["#0000CC","#CC0000","#FF0099","#006600","#000000","#884411","#FF9900"],ct=t=>{const e=V(t);let o="#000000";if(e.symbol){const t=(t=>parseInt(t.codePointAt(0)))(e.symbol),l=st.findIndex((e=>e>t));o=dt[l<0?6:l-1]}return o},mt=function(t){if(V(t).symbol)return l(g(t))},gt=function(t){return i(g(t))},pt=function(t){return n(g(t))},ft=function(t){return s(g(t))},yt=t=>{const e=V(t);if(!e.symbol)return"";let o,l,i,n,s=P(e.style);if(e.coord)o=e.coord[0],l=e.coord[1],i=500-o+500,n=500-l+500;else{let t=mt(e.symbol);if(!t)return"";o=500-parseInt((t[0]+1)/2),l=500-parseInt((t[1]+1)/2),i=500-o+500,n=500-l+500}let a,r=ft(e.symbol);r=` <g transform="translate(${o},${l})">\n${r}\n </g>`,s.colorize?a=ct(e.symbol):s.detail&&(a=s.detail[0]),a&&(r=r.replace(/class="sym-line" fill="black"/,`class="sym-line" fill="${a}"`));let d=s.detail&&s.detail[1];d&&(r=r.replace(/class="sym-fill" fill="white"/,`class="sym-fill" fill="${d}"`));let c="";return s.padding&&(o-=s.padding,l-=s.padding,i+=s.padding,n+=s.padding),s.background&&(c=`\n <rect x="${o}" y="${l}" width="${i-o}" height="${n-l}" style="fill:${s.background};" />`),` <text font-size="0">${t}</text>${c}\n${r}`},ut=t=>{let e=tt(t);if(e.spatials){let o=P(e.style);o.detailsym&&o.detailsym.forEach((t=>{e.spatials[t.index-1]&&(e.spatials[t.index-1].detail=t.detail)}));let l=Math.min(...e.spatials.map((t=>t.coord[0]))),i=Math.min(...e.spatials.map((t=>t.coord[1]))),n=e.max[0],s=e.max[1],a="";o.padding&&(l-=o.padding,i-=o.padding,n+=o.padding,s+=o.padding),o.background&&(a=`\n <rect x="${l}" y="${i}" width="${n-l}" height="${s-i}" style="fill:${o.background};" />`);let r=` <text font-size="0">${t}</text>${a}`;const d=o.detail&&o.detail[0],c=o.detail&&o.detail[1];return r+="\n"+e.spatials.map((t=>{let e=ft(t.symbol),l=d;t.detail?l=t.detail[0]:o.colorize&&(l=ct(t.symbol)),l&&(e=e.replace(/class="sym-line" fill="black"/,`class="sym-line" fill="${l}"`));let i=c;return t.detail&&t.detail[1]&&(i=t.detail[1]),i&&(e=e.replace(/class="sym-fill" fill="white"/,`class="sym-fill" fill="${i}"`)),` <g transform="translate(${t.coord[0]},${t.coord[1]})">\n${e}\n </g>`})).join("\n"),r}return""},bt=(t,e)=>{"object"!=typeof e&&(e={});const o=Object.assign(it,e);let l=o.width,i=o.height,n="";o.background&&(n=`\n <rect x="0" y="0" width="${l-0}" height="${i-0}" style="fill:${o.background};" />`);let s=`<svg version="1.1" xmlns="http://www.w3.org/2000/svg"${` width="${o.width}" height="${o.height}"`} viewBox="0 0 ${l-0} ${i-0}">\n <text font-size="0">0</text>${n}`;return s+=t.map((t=>{const e=t.text.indexOf("-");if(e>0){const l=t.text.substring(e),i={...o.style,...P(l)};t.text=t.text.replace(l,D(i))}else t.text+=D(o.style);return t.zoom=t.zoom*o.style.zoom,'<g transform="translate('+t.x+","+t.y+") scale("+t.zoom+") translate("+-t.minX+","+-t.minY+') ">'+("sign"==t.segment?ut(t.text):yt(t.text))+"</g>"})).join("\n"),s+="\n</svg>",s},ht=(t,e)=>{const o=function(t,e){"object"!=typeof e&&(e={});const o=Object.assign(it,e),l=document.createElement("canvas");l.width=o.width,l.height=o.height;const i=l.getContext("2d");return o.background&&(i.rect(0,0,o.width,o.height),i.fillStyle=o.background,i.fill()),t.map((t=>{const e=t.text.indexOf("-");if(e>0){const l=t.text.substring(e),i={...o.style,...P(l)};t.text=t.text.replace(l,D(i))}else t.text+=D(o.style);t.zoom=t.zoom*o.style.zoom;let l={};if("sign"==t.segment)l=tt(t.text);else{let e=V(t.text);l.style=e.style,l.spatials=[e]}let n=P(l.style);n.background&&(i.fillStyle=n.background,i.fillRect(t.x-n.padding*t.zoom,t.y-n.padding*t.zoom,(t.width+2*n.padding)*t.zoom,(t.height+2*n.padding)*t.zoom)),n.detailsym&&n.detailsym.forEach((t=>{l.spatials[t.index-1]&&(l.spatials[t.index-1].detail=t.detail)}));const s=n.detail&&n.detail[0]||"black",a=n.detail&&n.detail[1]||"white";l.spatials.forEach((e=>{let o=s;e.detail?o=e.detail[0]:n.colorize&&(o=ct(e.symbol));let l=a;e.detail&&e.detail[1]&&(l=e.detail[1]),i.font=30*t.zoom+"px 'SuttonSignWritingFill'",i.fillStyle=l,i.fillText(pt(e.symbol),t.x+(e.coord[0]-t.minX)*t.zoom,t.y+(e.coord[1]-t.minY)*t.zoom),i.font=30*t.zoom+"px 'SuttonSignWritingLine'",i.fillStyle=o,i.fillText(gt(e.symbol),t.x+(e.coord[0]-t.minX)*t.zoom,t.y+(e.coord[1]-t.minY)*t.zoom)}))})),l}(t,e),l=o.toDataURL("image/png");return o.remove(),l};var xt=Object.freeze({__proto__:null,symbolSize:mt,symbolLine:gt,symbolFill:pt,symbolText:ft,symbolSvgBody:yt,symbolSvg:t=>{const e=V(t),o='<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1" height="1"></svg>';if(!e.symbol)return o;let l,i,n,s,a=P(e.style);if(e.coord)l=e.coord[0],i=e.coord[1],n=500-l+500,s=500-i+500;else{let t=mt(e.symbol);if(!t)return o;l=parseInt(500-t[0]/2),i=parseInt(500-t[1]/2),n=l+t[0],s=i+t[1]}let r="";a.classes&&(r=` class="${a.classes}"`);let d="";a.id&&(d=` id="${a.id}"`),a.padding&&(l-=a.padding,i-=a.padding,n+=a.padding,s+=a.padding);let c="";return"x"!=a.zoom&&(c=` width="${(n-l)*(a.zoom?a.zoom:1)}" height="${(s-i)*(a.zoom?a.zoom:1)}"`),`<svg${r}${d} version="1.1" xmlns="http://www.w3.org/2000/svg"${c} viewBox="${l} ${i} ${n-l} ${s-i}">\n${yt(t)}\n</svg>`},symbolPng:t=>{const e=function(t){const e=V(t);if(e.symbol){let t=mt(e.symbol);if(t){const o=document.createElement("canvas"),l=o.getContext("2d");let i=P(e.style),n="black";i.colorize?n=ct(e.symbol):i.detail&&(n=i.detail[0]);let s=i.detail&&i.detail[1]||"white",a=500,r=a+t[0],d=500,c=d+t[1];i.padding&&(a-=i.padding,d-=i.padding,r+=i.padding,c+=i.padding);let m=1;"x"!=i.zoom&&(m=i.zoom);let g=(r-a)*m,p=(c-d)*m;return o.width=g||1,o.height=p||1,i.background&&(l.rect(0,0,g,p),l.fillStyle=i.background,l.fill()),l.font=30*m+"px 'SuttonSignWritingFill'",l.fillStyle=s,l.fillText(pt(e.symbol),(500-a)*m,(500-d)*m),l.font=30*m+"px 'SuttonSignWritingLine'",l.fillStyle=n,l.fillText(gt(e.symbol),(500-a)*m,(500-d)*m),o}}}(t),o=e.toDataURL("image/png");return e.remove(),o},symbolNormalize:t=>{const e=V(t);if(!e.symbol)return null;{let t=mt(e.symbol);if(t)return`${e.symbol}${c([500-parseInt((t[0]+1)/2),500-parseInt((t[1]+1)/2)])}${e.style||""}`}},symbolMirror:t=>{let e=V(t);if(!e.symbol)return t;if(!mt(e.symbol))return t;e.symbol=f(e.symbol);const o=e.symbol.slice(0,4);let l=e.symbol.slice(4,5),i=parseInt(e.symbol.slice(5,6),16);const n=o+"18";var s;mt(y(o+"08"))||mt(y(n))?s=8:(0!==i&&4!=i||(s=0),1!=i&&5!=i||(s=6),2!=i&&6!=i||(s=4),3!=i&&7!=i||(s=2));let a="";for(;!a||!mt(y(a));)i+=s,i>7&&s<8&&(i-=8),i>15&&(i-=16),a=o+l+i.toString(16);return e.symbol=y(a),ot(e)},symbolRotate:(t,e=!0)=>{let o=V(t);if(!o.symbol)return t;if(!mt(o.symbol))return t;o.symbol=f(o.symbol);const l=e?1:-1,i=o.symbol.slice(0,4);let n=o.symbol.slice(4,5),s=parseInt(o.symbol.slice(5,6),16),a="";for(;!a||!mt(y(a));)s>7?(s+=l,s>15&&(s=8),s<8&&(s=15),a=i+n+s.toString(16)):(s-=l,s>7&&(s=0),s<0&&(s=7),a=i+n+s);return o.symbol=y(a),ot(o)},symbolFlop:(t,e=!0)=>{let o=V(t);if(!o.symbol)return t;if(!mt(o.symbol))return t;o.symbol=f(o.symbol);const l=e?1:-1,i=o.symbol.slice(0,4);let n=parseInt(o.symbol.slice(4,5)),s=o.symbol.slice(5,6),a="";for(;!a||!mt(y(a));)n+=l,n>5&&(n=0),n<0&&(n=5),a=i+n+s;return o.symbol=y(a),ot(o)},symbolScroll:(t,e=!0)=>{let o=V(t);if(!o.symbol)return t;if(!mt(o.symbol))return t;o.symbol=f(o.symbol);const l=e?1:-1,i=parseInt(o.symbol.slice(1,4),16)+l,n=o.symbol.slice(4,5),s=o.symbol.slice(5,6),a="S"+i.toString(16)+n+s;return 6==a.length&&mt(y(a))&&(o.symbol=a),o.symbol=y(o.symbol),ot(o)},signSvgBody:ut,signSvg:t=>{let e=tt(t);if(e.spatials){let o=P(e.style),l=Math.min(...e.spatials.map((t=>t.coord[0]))),i=Math.min(...e.spatials.map((t=>t.coord[1]))),n=e.max[0],s=e.max[1],a="";o.classes&&(a=` class="${o.classes}"`);let r="";o.id&&(r=` id="${o.id}"`),o.padding&&(l-=o.padding,i-=o.padding,n+=o.padding,s+=o.padding);let d="";"x"!=o.zoom&&(d=` width="${(n-l)*(o.zoom?o.zoom:1)}" height="${(s-i)*(o.zoom?o.zoom:1)}"`);let c=`<svg${a}${r} version="1.1" xmlns="http://www.w3.org/2000/svg"${d} viewBox="${l} ${i} ${n-l} ${s-i}">\n`;return c+=ut(t),c+="\n</svg>",c}return'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1" height="1"></svg>'},signPng:t=>{const e=function(t){const e=tt(t);if(e.spatials){const t=document.createElement("canvas"),o=t.getContext("2d");let l=P(e.style);l.detailsym&&l.detailsym.forEach((t=>{e.spatials[t.index-1]&&(e.spatials[t.index-1].detail=t.detail)}));let i=Math.min(...e.spatials.map((t=>t.coord[0]))),n=Math.min(...e.spatials.map((t=>t.coord[1]))),s=e.max[0],a=e.max[1];l.padding&&(i-=l.padding,n-=l.padding,s+=l.padding,a+=l.padding);let r=1;"x"!=l.zoom&&(r=l.zoom);let d=(s-i)*r,c=(a-n)*r;t.width=d||1,t.height=c||1,l.background&&(o.rect(0,0,d,c),o.fillStyle=l.background,o.fill());const m=l.detail&&l.detail[0]||"black",g=l.detail&&l.detail[1]||"white";return e.spatials.forEach((t=>{let e=m;t.detail?e=t.detail[0]:l.colorize&&(e=ct(t.symbol));let s=g;t.detail&&t.detail[1]&&(s=t.detail[1]),o.font=30*r+"px 'SuttonSignWritingFill'",o.fillStyle=s,o.fillText(pt(t.symbol),(t.coord[0]-i)*r,(t.coord[1]-n)*r),o.font=30*r+"px 'SuttonSignWritingLine'",o.fillStyle=e,o.fillText(gt(t.symbol),(t.coord[0]-i)*r,(t.coord[1]-n)*r)})),t}}(t),o=e.toDataURL("image/png");return e.remove(),o},signNormalize:t=>{const e=tt(t);if(e.spatials){const t=e.spatials.reduce(((t,e)=>{const o=mt(e.symbol);return t[e.symbol]={width:o[0],height:o[1]},t}),{}),o=e=>({x1:Math.min(...e.map((t=>t.coord[0]))),y1:Math.min(...e.map((t=>t.coord[1]))),x2:Math.max(...e.map((e=>e.coord[0]+parseInt(t[e.symbol].width)))),y2:Math.max(...e.map((e=>e.coord[1]+parseInt(t[e.symbol].height))))}),l=at,i=e.spatials.filter((t=>{const e=parseInt(t.symbol.slice(1,4),16);return l[0]<=e&&l[1]>=e})),n=rt,s=e.spatials.filter((t=>{const e=parseInt(t.symbol.slice(1,4),16);return n[0]<=e&&n[1]>=e}));let a=o(e.spatials),r=[a.x2,a.y2];if(i.length){const t=o(i);a.x1=t.x1,a.x2=t.x2}if(s.length){const t=o(s);a.y1=t.y1,a.y2=t.y2}const d=[parseInt((a.x2+a.x1)/2)-500,parseInt((a.y2+a.y1)/2)-500];return(e.sequence?"𝠀"+e.sequence.join(""):"")+e.box+c([r[0]-d[0],r[1]-d[1]])+e.spatials.map((t=>t.symbol+c([t.coord[0]-d[0],t.coord[1]-d[1]]))).join("")+(e.style||"")}},columnSvg:bt,columnsSvg:function(t,e){"object"!=typeof e&&(e={});let o=nt(t,e);return o.columns.map(((t,e)=>bt(t,{...o.options,width:o.widths[e]})))},columnPng:ht,columnsPng:function(t,e){"object"!=typeof e&&(e={});let o=nt(t,e);return o.columns.map(((t,e)=>ht(t,{...o.options,width:o.widths[e]})))}});export{d as font,q as fsw,xt as swu};