UNPKG

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