satori 0.0.25 → 0.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -97,53 +97,143 @@ If you want to render the generated SVG to another image format such as PNG, it
97
97
 
98
98
  Satori uses the same Flexbox [layout engine](https://yogalayout.com) as React Native, and it’s **not** a complete CSS implementation. However, it supports a subset of the spec that covers most common CSS features:
99
99
 
100
- | Property | Supported Values |
101
- | --- | --- |
102
- | `display` | `none`, `flex` |
103
- | `position` | `relative`, `absolute` |
104
- | `margin`, `padding` | Supported |
105
- | `top`, `right`, `bottom`, `left` | Supported |
106
- | `width`, `height` | Supported |
107
- | `max-width`, `max-height` | Supported |
108
- | `min-width`, `min-height` | Supported |
109
- | `border` | Supported |
110
- | `flex-direction` | Supported |
111
- | `flex-wrap` | Supported |
112
- | `flex-grow` | Supported |
113
- | `flex-shrink` | Supported |
114
- | `flex-basis` | Supported except for `auto` |
115
- | `align-items` | Supported |
116
- | `align-content` | Supported |
117
- | `align-self` | Supported |
118
- | `justify-content` | Supported |
119
- | `font-family` | Supported |
120
- | `font-size` | Supported |
121
- | `font-weight` | Supported |
122
- | `font-style` | Supported |
123
- | `text-align` | Supported |
124
- | `letter-spacing` | Supported |
125
- | `box-shadow` | All supported except `spread-radius` and `inset` (works like `drop-shadow`) |
126
- | `border-radius` | Supported |
127
- | `overflow` | `visible`, `hidden` |
128
- | `color` | Supported |
129
- | `transform` | Support absolute values |
130
- | `transform-origin` | Support one-value and two-value syntax (both relative and absolute values) |
131
- | `object-fit` | `contain`, `cover`, `none` |
132
- | `opacity` | Supported |
133
- | `background-color` | Supported |
134
- | `background-image` | Support `linear-gradient`, `radial-gradient`, `url` |
135
- | `word-break` | Supported |
136
- | `text-shadow` | Supported |
137
- | `text-transform` | Support `lowercase`, `uppercase`, `capitalize` |
138
- | `background-position` | Supported |
139
- | `background-size` | Support two-value size string such as `10px 20%` |
140
- | `white-space` | Support `normal`, `pre`, `pre-wrap` and `nowrap` |
141
- | `text-overflow` | Support `clip` and `ellipsis` |
142
- | `text-decoration` | Support line types `underline` and `line-through`, and styles `dotted`, `dashed`, `solid` |
143
- | `line-height` | Supported |
144
- | `background-clip` | Support `border-box` and `text` |
145
- | `background-repeat` | Supported |
146
- | `filter` | Supported |
100
+ <table>
101
+ <thead>
102
+ <tr>
103
+ <th>Property</th>
104
+ <th>Property Expanded</th>
105
+ <th>Supported Values</th>
106
+ </tr>
107
+ </thead>
108
+ <tbody>
109
+
110
+ <tr>
111
+ <td colspan="2"><code>display</code></td>
112
+ <td><code>none</code> and <code>flex</code>, default to <code>flex</code></td>
113
+ </tr>
114
+
115
+ <tr>
116
+ <td colspan="2"><code>position</code></td>
117
+ <td><code>relative</code> and <code>absolute</code>, default to <code>relative</code></td>
118
+ </tr>
119
+
120
+ <tr>
121
+ <td colspan="2"><code>color</code></td>
122
+ <td>Supported</td>
123
+ </tr>
124
+
125
+ <tr><td rowspan="5"><code>margin</code></td></tr>
126
+ <tr><td><code>marginTop</code></td><td>Supported</td></tr>
127
+ <tr><td><code>marginRight</code></td><td>Supported</td></tr>
128
+ <tr><td><code>marginBottom</code></td><td>Supported</td></tr>
129
+ <tr><td><code>marginLeft</code></td><td>Supported</td></tr>
130
+
131
+ <tr><td rowspan="5">Position</td></tr>
132
+ <tr><td><code>top</code></td><td>Supported</td></tr>
133
+ <tr><td><code>right</code></td><td>Supported</td></tr>
134
+ <tr><td><code>bottom</code></td><td>Supported</td></tr>
135
+ <tr><td><code>left</code></td><td>Supported</td></tr>
136
+
137
+ <tr><td rowspan="3">Size</td></tr>
138
+ <tr><td><code>width</code></td><td>Supported</td></tr>
139
+ <tr><td><code>height</code></td><td>Supported</td></tr>
140
+
141
+ <tr><td rowspan="5">Min & max size</td></tr>
142
+ <tr><td><code>min-width</code></td><td>Supported</td></tr>
143
+ <tr><td><code>min-height</code></td><td>Supported</td></tr>
144
+ <tr><td><code>max-width</code></td><td>Supported</td></tr>
145
+ <tr><td><code>max-height</code></td><td>Supported</td></tr>
146
+
147
+ <tr><td rowspan="5"><code>border</code></td></tr>
148
+ <tr><td><code>borderWidth</code></td><td>Supported</td></tr>
149
+ <tr><td><code>borderStyle</code></td><td><code>solid</code> and <code>dashed</code>, default to <code>solid</code></td></tr>
150
+ <tr><td><code>borderColor</code></td><td>Supported</td></tr>
151
+ <tr><td>
152
+ Shorthand</td><td>Supported, i.e. <code>1px solid gray</code><br/>
153
+ Note that it isn't supported to set border width/style/color for individual directions.
154
+ </td></tr>
155
+
156
+ <tr><td rowspan="6"><code>borderRadius</code></td></tr>
157
+ <tr><td><code>borderTopLeftRadius</code></td><td>Supported</td></tr>
158
+ <tr><td><code>borderTopRightRadius</code></td><td>Supported</td></tr>
159
+ <tr><td><code>borderBottomLeftRadius</code></td><td>Supported</td></tr>
160
+ <tr><td><code>borderBottomRightRadius</code></td><td>Supported</td></tr>
161
+ <tr><td>Shorthand</td><td>Supported, i.e. <code>5px</code></td></tr>
162
+
163
+ <tr><td rowspan="10">Flex</td></tr>
164
+ <tr><td><code>flexDirection</code></td><td><code>column</code>, <code>row</code>, <code>row-reverse</code>, <code>column-reverse</code>, default to <code>row</code></td></tr>
165
+ <tr><td><code>flexWrap</code></td><td><code>wrap</code>, <code>nowrap</code>, <code>wrap-reverse</code>, default to <code>wrap</code></td></tr>
166
+ <tr><td><code>flexGrow</code></td><td>Supported</td></tr>
167
+ <tr><td><code>flexShrink</code></td><td>Supported</td></tr>
168
+ <tr><td><code>flexBasis</code></td><td>Supported except for <code>auto</code></td></tr>
169
+ <tr><td><code>alignItems</code></td><td>Supported</td></tr>
170
+ <tr><td><code>alignContent</code></td><td>Supported</td></tr>
171
+ <tr><td><code>alignSelf</code></td><td>Supported</td></tr>
172
+ <tr><td><code>justifyContent</code></td><td>Supported</td></tr>
173
+
174
+ <tr><td rowspan="5">Font</td></tr>
175
+ <tr><td><code>fontFamily</code></td><td>Supported</td></tr>
176
+ <tr><td><code>fontSize</code></td><td>Supported</td></tr>
177
+ <tr><td><code>fontWeight</code></td><td>Supported</td></tr>
178
+ <tr><td><code>fontStyle</code></td><td>Supported</td></tr>
179
+
180
+ <tr><td rowspan="10">Text</td></tr>
181
+ <tr><td><code>textAlign</code></td><td><code>start</code>, <code>end</code>, <code>left</code>, <code>right</code>, <code>center</code>, <code>justify</code>, default to <code>start</code></td></tr>
182
+ <tr><td><code>textTransform</code></td><td><code>none</code>, <code>lowercase</code>, <code>uppercase</code>, <code>capitalize</code>, defaults to <code>none</code></td></tr>
183
+ <tr><td><code>textOverflow</code></td><td><code>clip</code>, <code>ellipsis</code>, defaults to <code>clip</code></td></tr>
184
+ <tr><td><code>textDecoration</code></td><td>Support line types <code>underline</code> and <code>line-through</code>, and styles <code>dotted</code>, <code>dashed</code>, <code>solid</code></td></tr>
185
+ <tr><td><code>textShadow</code></td><td>Support single shadow</td></tr>
186
+ <tr><td><code>lineHeight</code></td><td>Supported</td></tr>
187
+ <tr><td><code>letterSpacing</code></td><td>Supported</td></tr>
188
+ <tr><td><code>whiteSpace</code></td><td><code>normal</code>, <code>pre</code>, <code>pre-wrap</code>, <code>nowrap</code>, defaults to <code>normal</code></td></tr>
189
+ <tr><td><code>wordBreak</code></td><td><code>normal</code>, <code>break-all</code>, <code>break-word</code>, <code>keep-all</code>, defaults to <code>normal</code></td></tr>
190
+
191
+ <tr><td rowspan="7">Background</td></tr>
192
+ <tr><td><code>backgroundColor</code></td><td>Supported, single value</td></tr>
193
+ <tr><td><code>backgroundImage</code></td><td><code>linear-gradient</code>, <code>radial-gradient</code>, <code>url</code>, single value</td></tr>
194
+ <tr><td><code>backgroundPosition</code></td><td>Support single value</td></tr>
195
+ <tr><td><code>backgroundSize</code></td><td>Support two-value size i.e. `10px 20%`</td></tr>
196
+ <tr><td><code>backgroundClip</code></td><td><code>border-box</code>, <code>text</code></td></tr>
197
+ <tr><td><code>backgroundRepeat</code></td><td><code>repeat</code>, <code>repeat-x</code>, <code>repeat-y</code>, <code>no-repeat</code>, defaults to <code>repeat</code></td></tr>
198
+
199
+ <tr><td rowspan="5"><code>transform</code></td></tr>
200
+ <tr><td>Translate (<code>translate</code>, <code>translateX</code>, <code>translateY</code>)</td><td>Support absolute values only</td></tr>
201
+ <tr><td>Rotate</td><td>Supported</td></tr>
202
+ <tr><td>Scale (<code>scale</code>, <code>scaleX</code>, <code>scaleY</code>)</td><td>Supported</td></tr>
203
+ <tr><td>Skew (<code>skew</code>, <code>skewX</code>, <code>skewY</code>)</td><td>Supported</td></tr>
204
+
205
+ <tr>
206
+ <td colspan="2"><code>transformOrigin</code></td>
207
+ <td>Support one-value and two-value syntax (both relative and absolute values)</td>
208
+ </tr>
209
+
210
+ <tr>
211
+ <td colspan="2"><code>objectFit</code></td>
212
+ <td><code>contain</code>, <code>cover</code>, <code>none</code>, default to <code>node</code></td>
213
+ </tr>
214
+
215
+ <tr>
216
+ <td colspan="2"><code>opacity</code></td>
217
+ <td>Supported</td>
218
+ </tr>
219
+
220
+ <tr>
221
+ <td colspan="2"><code>boxShadow</code></td>
222
+ <td>Supported except spread radius and inset shadow.<br/>Note: this property works similar to <code>drop-shadow</code> in CSS.</td>
223
+ </tr>
224
+
225
+ <tr>
226
+ <td colspan="2"><code>overflow</code></td>
227
+ <td><code>visible</code> and <code>hidden</code>, default to <code>visible</code></td>
228
+ </tr>
229
+
230
+ <tr>
231
+ <td colspan="2"><code>filter</code></td>
232
+ <td>Supported</td>
233
+ </tr>
234
+
235
+ </tbody>
236
+ </table>
147
237
 
148
238
  Note:
149
239
 
package/dist/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
- var Ot=Object.defineProperty,Ft=Object.defineProperties;var $t=Object.getOwnPropertyDescriptors;var ct=Object.getOwnPropertySymbols;var Pt=Object.prototype.hasOwnProperty,Wt=Object.prototype.propertyIsEnumerable;var dt=(e,n,t)=>n in e?Ot(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,G=(e,n)=>{for(var t in n||(n={}))Pt.call(n,t)&&dt(e,t,n[t]);if(ct)for(var t of ct(n))Wt.call(n,t)&&dt(e,t,n[t]);return e},se=(e,n)=>Ft(e,$t(n));import*as Nt from"yoga-layout-prebuilt";var pt=Nt;var Pe;Pe=pt.default;function Mt(e){Pe=e}function te(){return Pe}function We(e){let n=typeof e;return!(n==="number"||n==="bigint"||n==="string"||n==="boolean")}function mt(e){return/^class\s/.test(Function.prototype.toString.call(e))}function ge(e,n){return[e[0]*n[0]+e[2]*n[1],e[1]*n[0]+e[3]*n[1],e[0]*n[2]+e[2]*n[3],e[1]*n[2]+e[3]*n[3],e[0]*n[4]+e[2]*n[5]+e[4],e[1]*n[4]+e[3]*n[5]+e[5]]}function K(e,n,t){let o=n[e];return typeof o=="undefined"?t:o}var gt=void 0,Ne=typeof Intl!="undefined"&&"Segmenter"in Intl;if(!Ne)throw new Error("Intl.Segmenter does not exist, please use import a polyfill.");var Gt=Ne?new Intl.Segmenter(gt,{granularity:"word"}):null,Dt=Ne?new Intl.Segmenter(gt,{granularity:"grapheme"}):null,Ce=[32,160,4961,65792,65793,4153,4241,10].map(e=>String.fromCodePoint(e));function le(e,n){return n==="word"?[...Gt.segment(e)].map(t=>t.segment):[...Dt.segment(e)].map(t=>t.segment)}function x(e,n,t){let o="";for(let[a,i]of Object.entries(n))typeof i!="undefined"&&(o+=` ${a}="${i}"`);return t?`<${e}${o}>${t}</${e}>`:`<${e}${o}/>`}var ht={p:{display:"block",marginTop:"1em",marginBottom:"1em"},div:{display:"block"},blockquote:{display:"block",marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40},center:{display:"block",textAlign:"center"},hr:{display:"block",marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1,borderStyle:"inset"},h1:{display:"block",fontSize:"2em",marginTop:"0.67em",marginBottom:"0.67em",marginLeft:0,marginRight:0,fontWeight:"bold"},h2:{display:"block",fontSize:"1.5em",marginTop:"0.83em",marginBottom:"0.83em",marginLeft:0,marginRight:0,fontWeight:"bold"},h3:{display:"block",fontSize:"1.17em",marginTop:"1em",marginBottom:"1em",marginLeft:0,marginRight:0,fontWeight:"bold"},h4:{display:"block",marginTop:"1.33em",marginBottom:"1.33em",marginLeft:0,marginRight:0,fontWeight:"bold"},h5:{display:"block",fontSize:"0.83em",marginTop:"1.67em",marginBottom:"1.67em",marginLeft:0,marginRight:0,fontWeight:"bold"},h6:{display:"block",fontSize:"0.67em",marginTop:"2.33em",marginBottom:"2.33em",marginLeft:0,marginRight:0,fontWeight:"bold"},u:{textDecoration:"underline"},strong:{fontWeight:"bold"},b:{fontWeight:"bold"},i:{fontStyle:"italic"},em:{fontStyle:"italic"},code:{fontFamily:"monospace"},kbd:{fontFamily:"monospace"},pre:{display:"block",fontFamily:"monospace",whiteSpace:"pre",marginTop:"1em",marginBottom:"1em"},mark:{backgroundColor:"yellow",color:"black"},big:{fontSize:"larger"},small:{fontSize:"smaller"},s:{textDecoration:"line-through"}};var Bt=new Set(["color","font","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","textAlign","textTransform","textShadowOffset","textShadowColor","textShadowRadius","textDecorationLine","textDecorationStyle","textDecorationColor","whiteSpace","transform","wordBreak","opacity","filter","_viewportWidth","_viewportHeight","_inheritedClipPathId","_inheritedBackgroundClipTextPath"]);function Me(e){let n={};for(let t in e)Bt.has(t)&&(n[t]=e[t]);return n}import{getPropertyName as tn,getStylesForProperty as nn}from"css-to-react-native";import{parseElementStyle as rn}from"css-background-parser";var ye=(e,n)=>()=>(n||e((n={exports:{}}).exports,n),n.exports),Yt=ye((e,n)=>{n.exports=["em","ex","ch","rem","vh","vw","vmin","vmax","px","mm","cm","in","pt","pc","mozmm"]}),Ht=ye((e,n)=>{n.exports=["deg","grad","rad","turn"]}),Xt=ye((e,n)=>{n.exports=["dpi","dpcm","dppx"]}),Ut=ye((e,n)=>{n.exports=["Hz","kHz"]}),zt=ye((e,n)=>{n.exports=["s","ms"]}),jt=Yt(),bt=Ht(),yt=Xt(),xt=Ut(),Et=zt();function De(e){if(/\.\D?$/.test(e))throw new Error("The dot should be followed by a number");if(/^[+-]{2}/.test(e))throw new Error("Only one leading +/- is allowed");if(Vt(e)>1)throw new Error("Only one dot is allowed");if(/%$/.test(e)){this.type="percentage",this.value=Ge(e),this.unit="%";return}var n=Kt(e);if(!n){this.type="number",this.value=Ge(e);return}this.type=Zt(n),this.value=Ge(e.substr(0,e.length-n.length)),this.unit=n}De.prototype.valueOf=function(){return this.value};De.prototype.toString=function(){return this.value+(this.unit||"")};function fe(e){return new De(e)}function Vt(e){var n=e.match(/\./g);return n?n.length:0}function Ge(e){var n=parseFloat(e);if(isNaN(n))throw new Error("Invalid number: "+e);return n}var Jt=[].concat(bt,xt,jt,yt,Et);function Kt(e){var n=e.match(/\D+$/),t=n&&n[0];if(t&&Jt.indexOf(t)===-1)throw new Error("Invalid unit: "+t);return t}var qt=Object.assign(Le(bt,"angle"),Le(xt,"frequency"),Le(yt,"resolution"),Le(Et,"time"));function Le(e,n){return Object.fromEntries(e.map(t=>[t,n]))}function Zt(e){return qt[e]||"length"}import Qt from"postcss-value-parser";function en(e,n){try{let t=new fe(e);switch(t.unit){case"px":return{absolute:t.value};case"em":return{absolute:t.value*n};case"rem":return{absolute:t.value*16};case"%":return{relative:t.value};default:return{}}}catch{return{}}}function Be(e,n,t){switch(e){case"top":return{yRelative:0};case"left":return{xRelative:0};case"right":return{xRelative:100};case"bottom":return{yRelative:100};case"center":return{};default:let o=en(e,n);return o.absolute?{[t?"xAbsolute":"yAbsolute"]:o.absolute}:o.relative?{[t?"xRelative":"yRelative"]:o.relative}:{}}}function Ye(e,n){if(typeof e=="number")return{xAbsolute:e};let t;try{t=Qt(e).nodes.filter(o=>o.type==="word").map(o=>o.value)}catch{return{}}return t.length===1?Be(t[0],n,!0):t.length===2?((t[0]==="top"||t[0]==="bottom"||t[1]==="left"||t[1]==="right")&&t.reverse(),G(G({},Be(t[0],n,!0)),Be(t[1],n,!1))):{}}var on=new Set(["flex","flexGrow","flexShrink","flexBasis","fontWeight","lineHeight","opacity","scale","scaleX","scaleY"]),an=new Set(["lineHeight"]),St=[1,0,0,1,0,0];function sn(e,n,t,o){return e==="border"&&!t.includes(n.borderColor)?n.borderColor=o:e==="textDecoration"&&!t.includes(n.textDecorationColor)&&(n.textDecorationColor=o),n}function _t(e,n){return typeof n=="number"?on.has(e)?an.has(e)?n:String(n):n+"px":n}function ln(e,n){return e==="lineHeight"?{lineHeight:_t(e,n)}:e==="fontFamily"?{fontFamily:n.split(",").map(t=>t.trim().replace(/(^['"])|(['"]$)/g,"").toLocaleLowerCase())}:null}function He(e,n,t,{percentage:o}={percentage:!1}){if(typeof e=="number")return e;try{let a=new fe(e);if(a.type==="length")switch(a.unit){case"em":return a.value*n;case"rem":return a.value*16;case"vw":return~~(a.value*t._viewportWidth/100);case"vh":return~~(a.value*t._viewportHeight/100);default:return a.value}else if(a.type==="angle")switch(a.unit){case"deg":return a.value;case"rad":return a.value*180/Math.PI;default:return a.value}else if(a.type==="percentage"&&o)return a.value/100*n}catch{}}function Ie(e,n){let t={};for(let a in e){if(a.startsWith("_")){t[a]=e[a];continue}let i=tn(a);Object.assign(t,ln(i,e[a])||sn(i,nn(i,_t(i,e[a]),!0),e[a],e.color||n.color))}if(t.backgroundImage){let{backgrounds:a}=rn(t);t.backgroundImage=a}let o=t.fontSize||n.fontSize;if(typeof o=="string")try{let a=new fe(o);switch(a.unit){case"em":o=a.value*n.fontSize;break;case"rem":o=a.value*16;break}}catch{o=16}typeof t.fontSize!="undefined"&&(t.fontSize=o),t.transformOrigin&&(t.transformOrigin=Ye(t.transformOrigin,o));for(let a in t){let i=t[a];if(a==="lineHeight")typeof i=="string"&&(i=t[a]=He(i,o,n,{percentage:!0})/o);else if(typeof i=="string"){let r=He(i,o,n);typeof r!="undefined"&&(t[a]=r),i=t[a]}if(a==="opacity"&&(i=t[a]=i*n.opacity),a==="transform"){let r=[...St],s=i;for(let f of s){let m=Object.keys(f)[0],g=f[m],c=typeof g=="string"?He(g,o,n):g,d=[...St];switch(m){case"translateX":d[4]=c;break;case"translateY":d[5]=c;break;case"scale":d[0]=c,d[3]=c;break;case"scaleX":d[0]=c;break;case"scaleY":d[3]=c;break;case"rotate":let h=c*Math.PI/180,l=Math.cos(h),u=Math.sin(h);d[0]=l,d[1]=u,d[2]=-u,d[3]=l;break;case"skewX":d[2]=Math.tan(c*Math.PI/180);break;case"skewY":d[1]=Math.tan(c*Math.PI/180);break}r=ge(d,r)}t.transform=r}}return t}function Xe(e,n,t,o,a){let i=te(),r=G(G(G({},t),Ie(ht[n],t)),Ie(o,t));if(n==="img"){let s=parseInt(a.width),m=parseInt(a.height)/s;r.width||(r.width=s),r.height||(r.height=m*r.width)}return e.setDisplay(K(r.display,{flex:i.DISPLAY_FLEX,none:i.DISPLAY_NONE},i.DISPLAY_FLEX)),e.setAlignContent(K(r.alignContent,{stretch:i.ALIGN_STRETCH,center:i.ALIGN_CENTER,"flex-start":i.ALIGN_FLEX_START,"flex-end":i.ALIGN_FLEX_END,"space-between":i.ALIGN_SPACE_BETWEEN,"space-around":i.ALIGN_SPACE_AROUND,baseline:i.ALIGN_BASELINE,normal:i.ALIGN_AUTO},i.ALIGN_AUTO)),e.setAlignItems(K(r.alignItems,{stretch:i.ALIGN_STRETCH,center:i.ALIGN_CENTER,"flex-start":i.ALIGN_FLEX_START,"flex-end":i.ALIGN_FLEX_END,baseline:i.ALIGN_BASELINE,normal:i.ALIGN_AUTO},i.ALIGN_FLEX_START)),e.setAlignSelf(K(r.alignSelf,{stretch:i.ALIGN_STRETCH,center:i.ALIGN_CENTER,"flex-start":i.ALIGN_FLEX_START,"flex-end":i.ALIGN_FLEX_END,baseline:i.ALIGN_BASELINE,normal:i.ALIGN_AUTO},i.ALIGN_AUTO)),e.setJustifyContent(K(r.justifyContent,{center:i.JUSTIFY_CENTER,"flex-start":i.JUSTIFY_FLEX_START,"flex-end":i.JUSTIFY_FLEX_END,"space-between":i.JUSTIFY_SPACE_BETWEEN,"space-around":i.JUSTIFY_SPACE_AROUND},i.JUSTIFY_FLEX_START)),e.setFlexDirection(K(r.flexDirection,{row:i.FLEX_DIRECTION_ROW,column:i.FLEX_DIRECTION_COLUMN,"row-reverse":i.FLEX_DIRECTION_ROW_REVERSE,"column-reverse":i.FLEX_DIRECTION_COLUMN_REVERSE},i.FLEX_DIRECTION_ROW)),e.setFlexWrap(K(r.flexWrap,{wrap:i.WRAP_WRAP,nowrap:i.WRAP_NO_WRAP,"wrap-reverse":i.WRAP_WRAP_REVERSE},i.WRAP_WRAP)),typeof r.flexBasis!="undefined"&&e.setFlexBasis(r.flexBasis),e.setFlexGrow(typeof r.flexGrow=="undefined"?0:r.flexGrow),e.setFlexShrink(typeof r.flexShrink=="undefined"?0:r.flexShrink),typeof r.maxHeight!="undefined"&&e.setMaxHeight(r.maxHeight),typeof r.maxWidth!="undefined"&&e.setMaxWidth(r.maxWidth),typeof r.minHeight!="undefined"&&e.setMinHeight(r.minHeight),typeof r.minWidth!="undefined"&&e.setMinWidth(r.minWidth),e.setOverflow(K(r.overflow,{visible:i.OVERFLOW_VISIBLE,hidden:i.OVERFLOW_HIDDEN},i.OVERFLOW_VISIBLE)),e.setMargin(i.EDGE_TOP,r.marginTop||0),e.setMargin(i.EDGE_BOTTOM,r.marginBottom||0),e.setMargin(i.EDGE_LEFT,r.marginLeft||0),e.setMargin(i.EDGE_RIGHT,r.marginRight||0),e.setBorder(i.EDGE_TOP,r.borderWidth||0),e.setBorder(i.EDGE_BOTTOM,r.borderWidth||0),e.setBorder(i.EDGE_LEFT,r.borderWidth||0),e.setBorder(i.EDGE_RIGHT,r.borderWidth||0),e.setPadding(i.EDGE_TOP,r.paddingTop||0),e.setPadding(i.EDGE_BOTTOM,r.paddingBottom||0),e.setPadding(i.EDGE_LEFT,r.paddingLeft||0),e.setPadding(i.EDGE_RIGHT,r.paddingRight||0),e.setPositionType(K(r.position,{absolute:i.POSITION_TYPE_ABSOLUTE,relative:i.POSITION_TYPE_RELATIVE},i.POSITION_TYPE_RELATIVE)),typeof r.top!="undefined"&&e.setPosition(i.EDGE_TOP,r.top),typeof r.bottom!="undefined"&&e.setPosition(i.EDGE_BOTTOM,r.bottom),typeof r.left!="undefined"&&e.setPosition(i.EDGE_LEFT,r.left),typeof r.right!="undefined"&&e.setPosition(i.EDGE_RIGHT,r.right),typeof r.height!="undefined"?e.setHeight(r.height):e.setHeightAuto(),typeof r.width!="undefined"?e.setWidth(r.width):e.setWidthAuto(),[r,Me(r)]}function ue({left:e,top:n,width:t,height:o},a,i,r){var f,m,g,c;let s;if(i)s=a;else{let d=(m=r==null?void 0:r.xAbsolute)!=null?m:((f=r==null?void 0:r.xRelative)!=null?f:50)*t/100,h=(c=r==null?void 0:r.yAbsolute)!=null?c:((g=r==null?void 0:r.yRelative)!=null?g:50)*o/100,l=e+d,u=n+h;s=ge([1,0,0,1,l,u],ge(a,[1,0,0,1,-l,-u])),a.__parent&&(s=ge(a.__parent,s)),a.splice(0,6,...s)}return`matrix(${s.map(d=>d.toFixed(2)).join(",")})`}function Tt({left:e,top:n,width:t,height:o,isInheritingTransform:a},i){let r="",s=1;return i.transform&&(r=ue({left:e,top:n,width:t,height:o},i.transform,a,i.transformOrigin)),i.opacity&&(s=+i.opacity),{matrix:r,opacity:s}}function Ue({id:e,content:n,filter:t,left:o,top:a,width:i,height:r,matrix:s,opacity:f,image:m,clipPathId:g,debug:c,shape:d,decorationShape:h},l){let u="";if(c&&(u=x("rect",{x:o,y:a-r,width:i,height:r,fill:"transparent",stroke:"#575eff","stroke-width":1,transform:s||void 0,"clip-path":g?`url(#${g})`:void 0})),m){let y={href:m,x:o,y:a,width:i,height:r,transform:s||void 0,"clip-path":g?`url(#${g})`:void 0,style:l.filter?`filter:${l.filter}`:void 0};return[(t?`${t}<g filter="url(#satori_s-${e})">`:"")+x("image",se(G({},y),{opacity:f!==1?f:void 0}))+(h||"")+(t?"</g>":"")+u,""]}let b={x:o,y:a,width:i,height:r,"font-weight":l.fontWeight,"font-style":l.fontStyle,"font-size":l.fontSize,"font-family":l.fontFamily,"letter-spacing":l.letterSpacing||void 0,transform:s||void 0,"clip-path":g?`url(#${g})`:void 0,style:l.filter?`filter:${l.filter}`:void 0};return[(t?`${t}<g filter="url(#satori_s-${e})">`:"")+x("text",se(G({},b),{fill:l.color,opacity:f!==1?f:void 0}),n)+(h||"")+(t?"</g>":"")+u,d?x("text",b,n):""]}function ce({id:e,width:n,height:t},o){if(!o.shadowColor||!o.shadowOffset||typeof o.shadowRadius=="undefined")return"";let a=o.shadowRadius*o.shadowRadius/4,i=Math.min(o.shadowOffset.width-a,0),r=Math.max(o.shadowOffset.width+a+n,n),s=Math.min(o.shadowOffset.height-a,0),f=Math.max(o.shadowOffset.height+a+t,t);return`<defs><filter id="satori_s-${e}" x="${i/n*100}%" y="${s/t*100}%" width="${(r-i)/n*100}%" height="${(f-s)/t*100}%"><feDropShadow dx="${o.shadowOffset.width}" dy="${o.shadowOffset.height}" stdDeviation="${o.shadowRadius/2}" flood-color="${o.shadowColor}" flood-opacity="1"/></filter></defs>`}function ze({width:e,left:n,top:t,ascender:o,clipPathId:a},i){let{textDecorationColor:r,textDecorationStyle:s,textDecorationLine:f,fontSize:m}=i;if(!f||f==="none")return"";let g=Math.max(1,m*.1),c=f==="line-through"?t+o*.5:f==="underline"?t+o*1.1:t,d=s==="dashed"?`${g*1.2} ${g*2}`:s==="dotted"?`0 ${g*2}`:void 0;return x("line",{x1:n,y1:c,x2:n+e,y2:c,stroke:r,"stroke-width":g,"stroke-dasharray":d,"stroke-linecap":s==="dotted"?"round":"square","clip-path":a?`url(#${a})`:void 0})}var je=void 0;function*Ve(e,n){var lt;let t=te(),{parentStyle:o,inheritedStyle:a,parent:i,font:r,id:s,isInheritingTransform:f,debug:m,embedFont:g,graphemeImages:c,canLoadAdditionalAssets:d}=n;o.textTransform==="uppercase"?e=e.toLocaleUpperCase(je):o.textTransform==="lowercase"?e=e.toLocaleLowerCase(je):o.textTransform==="capitalize"&&(e=le(e,"word").map(C=>le(C,"grapheme").map((O,F)=>F===0?O.toLocaleUpperCase(je):O).join("")).join(""));let h=K(o.wordBreak,{normal:"word","break-all":"grapheme","break-word":"grapheme","keep-all":"word"},"word"),l=le(e,h),u=t.Node.create();u.setAlignItems(t.ALIGN_BASELINE),o.textAlign==="left"?u.setJustifyContent(t.JUSTIFY_FLEX_START):o.textAlign==="center"?u.setJustifyContent(t.JUSTIFY_CENTER):o.textAlign==="right"?u.setJustifyContent(t.JUSTIFY_FLEX_END):o.textAlign==="justify"&&u.setJustifyContent(t.JUSTIFY_SPACE_BETWEEN),i.insertChild(u,i.getChildCount());let{textAlign:b,textOverflow:y,whiteSpace:S,lineHeight:_,filter:M,_inheritedBackgroundClipTextPath:W}=o,N=o.fontSize,T=r.getEngine(N,_,o),H=d?l.filter(C=>!T.check(C)):[];yield H,H.length&&(T=r.getEngine(N,_,o));let w=[],k=[],X=[],q=[],Q=new Map,R=C=>{let O=0;for(let F of C){if(Q.has(F)){O+=Q.get(F);continue}let Y=T.measure(F,o);Q.set(F,Y),O+=Y}return O},$=0,v=[],p=0;for(let C of l){let O=!1,F=c&&c[C];S==="pre"?O=C[0]===`
2
- `:S!=="nowrap"&&(F||Ce.includes(C[0]))&&(O=!0),O?(S==="nowrap"?p+=R(v)+o.fontSize:($=Math.max($,R(v)),F&&($=Math.max($,o.fontSize))),v=[]):(!Ce.includes(C[0])||!v.length)&&v.push(C===`
3
- `?" ":C)}$=Math.max($,R(v)+p);let E=i.getMinWidth(),A=i.getMaxWidth(),Z=i.getWidth();isNaN(Z.value)&&(isNaN(E.value)||E.unit===1&&E.value>$)&&(isNaN(A.value)||A.unit===1&&($=Math.min($,A.value)),i.setMinWidth($)),typeof o.flexShrink=="undefined"&&i.setFlexShrink(1);let he=S==="pre-wrap"||S==="pre";u.setMeasureFunc(C=>{let O=0,F="",Y=0,U=0,z=0,j=-1,ie=0,P=0,oe=0;w=[],X=[0];for(let re=0;re<l.length;re++){let D=l[re];if(!he&&Ce.includes(D[0]))F||(F=" "),Y=R([F]),q[re]=null;else{let ae=he&&D===`
4
- `,V=ae?0:c&&c[D]?o.fontSize:R([D]);U||(F="",Y=0);let B=Y||",.!?:-@)>]}%#".indexOf(D[0])<0,J=!U||!!Y;if(ae||re&&B&&U+Y+V>C&&S!=="nowrap"&&S!=="pre")w.push(U),k.push(oe),O++,ie+=P,U=V,P=V?T.height(D):0,oe=V?T.baseline(D):0,X.push(1),j=-1,ae||(z=Math.max(z,C));else{U+=Y+V;let me=T.height(D);me>P&&(P=me,oe=T.baseline(D)),J&&X[X.length-1]++}F="",Y=0,J&&j++,z=Math.max(z,U),q[re]={y:ie,x:U-V,width:V,line:O,lineIndex:j}}}return U&&(O++,w.push(U),k.push(oe),ie+=P),{width:z,height:ie}});let[It,kt]=yield,Oe="",Se="",ne=a._inheritedClipPathId,{left:rt,top:it,width:_e,height:ot}=u.getComputedLayout(),Fe=i.getComputedWidth()-i.getComputedPadding(t.EDGE_LEFT)-i.getComputedPadding(t.EDGE_RIGHT)-i.getComputedBorder(t.EDGE_LEFT)-i.getComputedBorder(t.EDGE_RIGHT),de=It+rt,pe=kt+it,{matrix:ee,opacity:Te}=Tt({left:rt,top:it,width:_e,height:ot,isInheritingTransform:f},o),we="";o.textShadowOffset&&(we=ce({width:_e,height:ot,id:s},{shadowColor:o.textShadowColor,shadowOffset:o.textShadowOffset,shadowRadius:o.textShadowRadius}));let be="",Re="",at="",$e=-1,st=y==="ellipsis"?R(["\u2026"]):0,At=y==="ellipsis"?R([" "]):0,ve={};for(let C=0;C<l.length;C++){if(!q[C])continue;let O=q[C],F=l[C],Y=null,U=c?c[F]:null,z=O.y,j=O.x,ie=O.width,P=O.line;if(P===$e)continue;let oe=!1;if(w.length>1){let B=_e-w[P];if(b==="right"||b==="end")j+=B;else if(b==="center")j+=B/2;else if(b==="justify"&&P<w.length-1){let J=X[P];j+=(J>1?B/(J-1):0)*O.lineIndex,oe=!0}}if(ve[P]||(ve[P]=[j,oe?_e:w[P]]),y==="ellipsis"&&w[P]>Fe&&O.x+ie+st+At>Fe){let B=le(F,"grapheme"),J="",me=0;for(let ft of B){let ut=O.x+R([J+ft]);if(J&&ut+st>Fe)break;J+=ft,me=ut}F=J+"\u2026",$e=P,ve[P][1]=me}let re=k[P],D=T.baseline(F),ae=T.height(F),V=re-D;if(U?z+=0:g?(Y=T.getSVG(F,se(G({},o),{left:de+j,top:pe+z+D+V,letterSpacing:o.letterSpacing})),m&&(at+=x("rect",{x:de+j,y:pe+z+V,width:O.width,height:ae,fill:"transparent",stroke:"#575eff","stroke-width":1,transform:ee||void 0,"clip-path":ne?`url(#${ne})`:void 0})+x("line",{x1:de+j,x2:de+j+O.width,y1:pe+z+V+D,y2:pe+z+V+D,stroke:"#14c000","stroke-width":1,transform:ee||void 0,"clip-path":ne?`url(#${ne})`:void 0}))):z+=D+V,o.textDecorationLine&&(P!==((lt=q[C+1])==null?void 0:lt.line)||$e===P)){let B=ve[P];B&&!B[2]&&(be+=ze({left:de+B[0],top:pe+ae*+P,width:B[1],ascender:T.baseline(F),clipPathId:ne},o),B[2]=1)}if(Y!==null)Re+=Y+" ";else{let[B,J]=Ue({content:F,filter:we,id:s,left:de+j,top:pe+z,width:ie,height:ae,matrix:ee,opacity:Te,image:U,clipPathId:ne,debug:m,shape:!!W,decorationShape:be},o);Oe+=B,Se+=J,be=""}}if(Re){let C=o.color!=="transparent"&&Te!==0?x("path",{fill:o.color,d:Re,transform:ee||void 0,opacity:Te!==1?Te:void 0,"clip-path":ne?`url(#${ne})`:void 0,style:M?`filter:${M}`:void 0}):"";W&&(Se=x("path",{d:Re,transform:ee||void 0})),Oe+=(we?we+x("g",{filter:`url(#satori_s-${s})`},C+be):C+be)+at}return Se&&(o._inheritedBackgroundClipTextPath.value+=Se),Oe}var Je=Je||{};Je.parse=function(){var e={linearGradient:/^(\-(webkit|o|ms|moz)\-)?(linear\-gradient)/i,repeatingLinearGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-linear\-gradient)/i,radialGradient:/^(\-(webkit|o|ms|moz)\-)?(radial\-gradient)/i,repeatingRadialGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-radial\-gradient)/i,sideOrCorner:/^to (left (top|bottom)|right (top|bottom)|top (left|right)|bottom (left|right)|left|right|top|bottom)/i,extentKeywords:/^(closest\-side|closest\-corner|farthest\-side|farthest\-corner|contain|cover)/,positionKeywords:/^(left|center|right|top|bottom)/i,pixelValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))px/,percentageValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))\%/,emValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))em/,angleValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))deg/,startCall:/^\(/,endCall:/^\)/,comma:/^,/,hexColor:/^\#([0-9a-fA-F]+)/,literalColor:/^([a-zA-Z]+)/,rgbColor:/^rgb/i,rgbaColor:/^rgba/i,number:/^(([0-9]*\.[0-9]+)|([0-9]+\.?))/},n="";function t(p){var E=new Error(n+": "+p);throw E.source=n,E}function o(){var p=a();return n.length>0&&t("Invalid input not EOF"),p}function a(){return _(i)}function i(){return r("linear-gradient",e.linearGradient,f)||r("repeating-linear-gradient",e.repeatingLinearGradient,f)||r("radial-gradient",e.radialGradient,c)||r("repeating-radial-gradient",e.repeatingRadialGradient,c)}function r(p,E,A){return s(E,function(Z){var he=A();return he&&($(e.comma)||t("Missing comma before color stops")),{type:p,orientation:he,colorStops:_(M)}})}function s(p,E){var A=$(p);if(A){$(e.startCall)||t("Missing (");var Z=E(A);return $(e.endCall)||t("Missing )"),Z}}function f(){return m()||g()}function m(){return R("directional",e.sideOrCorner,1)}function g(){return R("angular",e.angleValue,1)}function c(){var p,E=d(),A;return E&&(p=[],p.push(E),A=n,$(e.comma)&&(E=d(),E?p.push(E):n=A)),p}function d(){var p=h()||l();if(p)p.at=b();else{var E=u();if(E){p=E;var A=b();A&&(p.at=A)}else{var Z=y();Z&&(p={type:"default-radial",at:Z})}}return p}function h(){var p=R("shape",/^(circle)/i,0);return p&&(p.style=Q()||u()),p}function l(){var p=R("shape",/^(ellipse)/i,0);return p&&(p.style=X()||u()),p}function u(){return R("extent-keyword",e.extentKeywords,1)}function b(){if(R("position",/^at/,0)){var p=y();return p||t("Missing positioning value"),p}}function y(){var p=S();if(p.x||p.y)return{type:"position",value:p}}function S(){return{x:X(),y:X()}}function _(p){var E=p(),A=[];if(E)for(A.push(E);$(e.comma);)E=p(),E?A.push(E):t("One extra comma");return A}function M(){var p=W();return p||t("Expected color definition"),p.length=X(),p}function W(){return T()||w()||H()||N()}function N(){return R("literal",e.literalColor,0)}function T(){return R("hex",e.hexColor,1)}function H(){return s(e.rgbColor,function(){return{type:"rgb",value:_(k)}})}function w(){return s(e.rgbaColor,function(){return{type:"rgba",value:_(k)}})}function k(){return $(e.number)[1]}function X(){return R("%",e.percentageValue,1)||q()||Q()}function q(){return R("position-keyword",e.positionKeywords,1)}function Q(){return R("px",e.pixelValue,1)||R("em",e.emValue,1)}function R(p,E,A){var Z=$(E);if(Z)return{type:p,value:Z[A]}}function $(p){var E,A;return A=/^[\n\r\t\s]+/.exec(n),A&&v(A[0].length),E=p.exec(n),E&&v(E[0].length),E}function v(p){n=n.substr(p)}return function(p){return n=p.toString(),o()}}();var Ke=Je;function fn(e){return e.type==="literal"?e.value:e.type==="hex"?`#${e.value}`:e.type==="rgb"?`rgb(${e.value.join(",")})`:e.type==="rgba"?`rgba(${e.value.join(",")})`:"transparent"}function un(e,n){return typeof e=="string"&&e.endsWith("%")?n*parseFloat(e)/100:+e}function wt(e,{x:n,y:t,defaultX:o,defaultY:a}){return(e?e.split(" ").map(i=>{try{let r=new fe(i);return r.type==="length"||r.type==="number"?r.value:r.value+r.unit}catch{return null}}).filter(i=>i!==null):[o,a]).map((i,r)=>un(i,[n,t][r]))}function Rt(e,n){let t=[];for(let r of n){let s=fn(r);if(!t.length&&(t.push({offset:0,color:s}),typeof r.length=="undefined"||r.length.value==="0"))continue;let f=typeof r.length=="undefined"?void 0:r.length.type==="%"?r.length.value/100:r.length.value/e;t.push({offset:f,color:s})}t.length||t.push({offset:0,color:"transparent"});let o=t[t.length-1];o.offset!==1&&(typeof o.offset=="undefined"?o.offset=1:t.push({offset:1,color:o.color}));let a=0,i=1;for(let r=0;r<t.length;r++)if(typeof t[r].offset=="undefined"){for(i<r&&(i=r);typeof t[i].offset=="undefined";)i++;t[r].offset=(t[i].offset-t[a].offset)/(i-a)*(r-a)+t[a].offset}else a=r;return t}function qe({id:e,width:n,height:t},{image:o,size:a,position:i,repeat:r}){r=r||"repeat";let s=r==="repeat-x"||r==="repeat",f=r==="repeat-y"||r==="repeat",m=wt(a,{x:n,y:t,defaultX:n,defaultY:t}),g=wt(i,{x:n,y:t,defaultX:0,defaultY:0});if(o.startsWith("linear-gradient(")){let c=Ke.parse(o)[0],d,h,l,u;if(c.orientation.type==="directional")[d,h,l,u]={top:[0,1,0,0],bottom:[0,0,0,1],left:[1,0,0,0],right:[0,0,1,0]}[c.orientation.value];else if(c.orientation.type==="angular"){let y=+c.orientation.value/180*Math.PI-Math.PI/2,S=Math.cos(y),_=Math.sin(y);d=0,h=0,l=S,u=_,l<0&&(d-=l,l=0),u<0&&(h-=u,u=0)}let b=Rt(n,c.colorStops);return[`satori_bi${e}`,`<linearGradient id="satori_bi${e}" x1="${d}" y1="${h}" x2="${l}" y2="${u}">${b.map(y=>`<stop offset="${y.offset*100}%" stop-color="${y.color}"/>`).join("")}</linearGradient>`]}if(o.startsWith("radial-gradient(")){let c=Ke.parse(o)[0],d=c.orientation[0],[h,l]=m,u="circle",b=h/2,y=l/2;if(d.type==="shape"){if(u=d.value,d.at)if(d.at.type==="position")b=d.at.value.x.value,y=d.at.value.y.value;else throw new Error("orientation.at.type not implemented: "+d.at.type)}else throw new Error("orientation.type not implemented: "+d.type);let S=Rt(n,c.colorStops),_=`satori_radial_${e}`,M=`satori_pattern_${e}`,W={},N=Math.max(Math.abs(h-b),Math.abs(b)),T=Math.max(Math.abs(l-y),Math.abs(y));if(u==="circle")W.r=Math.sqrt(N*N+T*T);else if(u==="ellipse"){let k=T!==0?N/T:1;W.ry=Math.sqrt(N*N+T*T*k*k)/k,W.rx=W.ry*k}let H=x("pattern",{id:M,x:g[0],y:g[1],width:s?h:"100%",height:f?l:"100%",patternUnits:"userSpaceOnUse"},x("radialGradient",{id:_},S.map(k=>x("stop",{offset:k.offset,"stop-color":k.color})).join(""))+x(u,se(G({cx:b,cy:y,width:h,height:l},W),{fill:`url(#${_})`})));return[M,H]}if(o.startsWith("url(")){let c=o.slice(4,-1);return[`satori_bi${e}`,x("pattern",{id:`satori_bi${e}`,patternContentUnits:"userSpaceOnUse",patternUnits:"userSpaceOnUse",x:g[0],y:g[1],width:s?m[0]:"100%",height:f?m[1]:"100%"},x("image",{x:0,y:0,width:m[0],height:m[1],href:c}))]}}function ke(e,n,t){return t<e+n&&(t/2<e&&t/2<n?e=n=t/2:t/2<e?e=t-n:t/2<n&&(n=t-e)),[e,n]}function xe({left:e,top:n,width:t,height:o},a){let{borderTopLeftRadius:i,borderTopRightRadius:r,borderBottomLeftRadius:s,borderBottomRightRadius:f}=a;return i=Math.min(i||0,t,o),r=Math.min(r||0,t,o),s=Math.min(s||0,t,o),f=Math.min(f||0,t,o),!i&&!r&&!s&&!f?"":([i,r]=ke(i,r,t),[i,s]=ke(i,s,o),[r,f]=ke(r,f,o),[s,f]=ke(s,f,t),`M${e+i},${n} h${t-i-r} a${r},${r} 0 0 1 ${r},${r} v${o-r-f} a${f},${f} 0 0 1 ${-f},${f} h${f+s-t} a${s},${s} 0 0 1 ${-s},${-s} v${s+i-o} a${i},${i} 0 0 1 ${i},${-i}`)}function Ze({left:e,top:n,width:t,height:o,path:a,id:i},r){return r.overflow!=="hidden"?"":a?x("clipPath",{id:`satori_cp-${i}`,"clip-path":r._inheritedClipPathId?`url(#${r._inheritedClipPathId})`:void 0},x("path",{x:e,y:n,width:t,height:o,d:a})):x("clipPath",{id:`satori_cp-${i}`,"clip-path":r._inheritedClipPathId?`url(#${r._inheritedClipPathId})`:void 0},x("rect",{x:e,y:n,width:t,height:o}))}function Qe({id:e,left:n,top:t,width:o,height:a,isInheritingTransform:i,debug:r},s){if(s.display==="none")return"";let f="rect",m="transparent",g=0,c="",d="",h=[],l=1,u="";s.backgroundColor&&h.push(s.backgroundColor),s.borderWidth&&(g=s.borderWidth,m=s.borderColor),s.opacity&&(l=+s.opacity),s.transform&&(c=ue({left:n,top:t,width:o,height:a},s.transform,i,s.transformOrigin));let b="";if(s.backgroundImage){let H=s.backgroundImage.map((w,k)=>qe({id:e+"_"+k,width:o,height:a},w)).filter(Boolean);for(let w of H)h.push(`url(#${w[0]})`),d+=w[1],w[2]&&(b+=w[2])}let y=xe({left:n,top:t,width:o,height:a},s);y&&(f="path");let S=Ze({left:n,top:t,width:o,height:a,path:y,id:e},s),_=s._inheritedClipPathId,M=ce({width:o,height:a,id:e},s);r&&(u=x("rect",{x:n,y:t,width:o,height:a,fill:"transparent",stroke:"#ff5757","stroke-width":1,transform:c||void 0,"clip-path":_?`url(#${_})`:void 0})),h.length||h.push("transparent");let{backgroundClip:W,filter:N}=s,T=h.map((H,w)=>{if(H==="transparent"&&!(w===h.length-1&&g))return"";let k=w===h.length-1&&g&&W!=="text";return x(f,{x:n,y:t,width:o,height:a,fill:H,stroke:k?m:void 0,"stroke-width":k?g:void 0,d:y||void 0,transform:c||void 0,"clip-path":W==="text"?`url(#satori_bct-${e})`:_?`url(#${_})`:void 0,style:N?`filter:${N}`:void 0})}).join("");return W==="text"&&g&&(T=x(f,{x:n,y:t,width:o,height:a,fill:"transparent",stroke:m,"stroke-width":g,d:y||void 0,transform:c||void 0,"clip-path":_?`url(#${_})`:void 0})+T),(d?`<defs>${d}</defs>`:"")+S+(M?`${M}<g filter="url(#satori_s-${e})">`:"")+(l!==1?`<g opacity="${l}">`:"")+(b||T)+(l!==1?"</g>":"")+(M?"</g>":"")+u}function et({id:e,left:n,top:t,width:o,height:a,src:i,debug:r,isInheritingTransform:s},f){if(f.display==="none")return"";let m="",g=1,c="",d=f.objectFit==="contain"?"xMidYMid":f.objectFit==="cover"?"xMidYMid slice":"none",h=xe({left:n,top:t,width:o,height:a},f),l=f._inheritedClipPathId;h&&(m=x("clipPath",{id:`satori_c-${e}`,"clip-path":l?`url(#${l})`:void 0},x("path",{x:n,y:t,width:o,height:a,d:h}))),f.opacity&&(g=+f.opacity);let u=ce({width:o,height:a,id:e},f);return f.transform&&(c=ue({left:n,top:t,width:o,height:a},f.transform,s,f.transformOrigin)),u+(u?`<g filter="url(#satori_s-${e})">`:"")+m+x("image",{x:n,y:t,width:o,height:a,href:i,preserveAspectRatio:d,transform:c||void 0,"clip-path":m?`url(#satori_c-${e})`:l?`url(#${l})`:void 0})+(u?"</g>":"")}function*Ee(e,n){let t=te(),{id:o,inheritedStyle:a,parent:i,font:r,debug:s,embedFont:f=!0,graphemeImages:m,canLoadAdditionalAssets:g}=n;if(e===null||typeof e=="undefined")return yield,yield,"";if(!We(e)||typeof e.type=="function"){let v;if(!We(e))v=Ve(String(e),n),yield v.next().value;else{if(mt(e.type))throw new Error("Class component is not supported.");v=Ee(e.type(e.props),n),yield v.next().value}v.next();let p=yield;return v.next(p).value}let{type:c,props:d}=e,{style:h,children:l}=d,u=t.Node.create();i.insertChild(u,i.getChildCount());let[b,y]=Xe(u,c,a,h,d),S=b.transform===a.transform;if(S||(b.transform.__parent=a.transform),b.overflow==="hidden"&&(y._inheritedClipPathId=`satori_cp-${o}`),b.backgroundClip==="text"){let v={value:""};y._inheritedBackgroundClipTextPath=v,b._inheritedBackgroundClipTextPath=v}let _=typeof l=="undefined"?[]:[].concat(l),M=[],W=0,N=[];for(let v of _){let p=Ee(v,{id:o+"-"+W++,parentStyle:b,inheritedStyle:y,isInheritingTransform:!0,parent:u,font:r,embedFont:f,debug:s,graphemeImages:m,canLoadAdditionalAssets:g});g?N.push(...p.next().value||[]):p.next(),M.push(p)}yield N;for(let v of M)v.next();let[T,H]=yield;b.position==="absolute"&&u.calculateLayout();let{left:w,top:k,width:X,height:q}=u.getComputedLayout();w+=T,k+=H;let Q="",R="",$="";c==="img"?R=et({id:o,left:w,top:k,width:X,height:q,src:d.src,isInheritingTransform:S,debug:s},b):R=Qe({id:o,left:w,top:k,width:X,height:q,isInheritingTransform:S,debug:s},b);for(let v of M)Q+=v.next([w,k]).value;return b._inheritedBackgroundClipTextPath&&($+=x("clipPath",{id:`satori_bct-${o}`,"clip-path":b._inheritedClipPathId?`url(#${b._inheritedClipPathId})`:void 0},b._inheritedBackgroundClipTextPath.value)),$+R+Q}import cn from"@shuding/opentype.js";function dn(e,n,[t,o],[a,i]){if(t!==a)return t?!a||t===e?-1:a===e?1:e===400&&t===500||e===500&&t===400?-1:e===400&&a===500||e===500&&a===400?1:e<400?t<e&&a<e?a-t:t<e?-1:a<e?1:t-a:e<t&&e<a?t-a:e<t?-1:e<a?1:a-t:1;if(o!==i){if(o===n)return-1;if(i===n)return 1}return-1}var Ae=class{constructor(n){this.fonts=new Map;this.addFonts(n)}get({name:n,weight:t,style:o}){if(!this.fonts.has(n))return null;t==="normal"&&(t=400),t==="bold"&&(t=700);let a=[...this.fonts.get(n)],i=a[0];for(let r=1;r<a.length;r++){let[,s,f]=i,[,m,g]=a[r];dn(t,o,[s,f],[m,g])>0&&(i=a[r])}return i[0]}addFonts(n){for(let t of n){let o=t.data,a=cn.parse("buffer"in o?o.buffer.slice(o.byteOffset,o.byteOffset+o.byteLength):o,{lowMemory:!0}),i=a.charToGlyphIndex;a.charToGlyphIndex=s=>{let f=i.call(a,s);return f===0&&a._trackBrokenChars&&a._trackBrokenChars.push(s),f},this.defaultFont||(this.defaultFont=a);let r=t.name.toLowerCase();this.fonts.has(r)||this.fonts.set(r,[]),this.fonts.get(r).push([a,t.weight,t.style])}}getEngine(n=16,t=1.2,{fontFamily:o,fontWeight:a=400,fontStyle:i="normal"}){o=Array.isArray(o)?o:[o];let r=o.map(l=>this.get({name:l,weight:a,style:i})).filter(Boolean),s=Array.from(this.fonts.keys());for(let l of s)o.includes(l)||r.push(this.get({name:l,weight:a,style:i}));let f=new Map,m=(l,u=!0)=>{let b=l.charCodeAt(0);if(f.has(b))return f.get(b);let y=r.find((S,_)=>!!S.charToGlyphIndex(l)||u&&_===r.length-1);return y&&f.set(b,y),y},g=(l,u=!1)=>{var y,S;return((u?(S=(y=l.tables)==null?void 0:y.os2)==null?void 0:S.sTypoAscender:0)||l.ascender)/l.unitsPerEm*n},c=(l,u=!1)=>{var y,S;return((u?(S=(y=l.tables)==null?void 0:y.os2)==null?void 0:S.sTypoDescender:0)||l.descender)/l.unitsPerEm*n},d=l=>m(l,!1),h={check:l=>{let u=d(l);return u?(u._trackBrokenChars=[],u.stringToGlyphs(l),u._trackBrokenChars.length?(u._trackBrokenChars=void 0,!1):!0):!1},baseline:(l,u=typeof l=="undefined"?r[0]:m(l))=>{let b=g(u,!0),y=c(u,!0),S=h.height(l,u),{yMax:_,yMin:M}=u.tables.head,W=b-y,N=(_/(_-M)-1)*W;return S*((1.2/t+1)/2)+N},height:(l,u=typeof l=="undefined"?r[0]:m(l))=>(g(u)-c(u))*(t/1.2),measure:(l,u)=>this.measure(m,l,u),getSVG:(l,u)=>this.getSVG(m,l,u)};return h}patchFontFallbackResolver(n,t){let o=[];n._trackBrokenChars=o;let a=n.stringToGlyphs;return n.stringToGlyphs=(i,...r)=>{let s=a.call(n,i,...r);for(let f=0;f<s.length;f++)if(s[f].unicode===void 0){let m=o.shift(),g=t(m);g!==n&&(s[f]=g.charToGlyph(m))}return s},()=>{n.stringToGlyphs=a,n._trackBrokenChars=void 0}}measure(n,t,{fontSize:o,letterSpacing:a=0}){let i=n(t),r=this.patchFontFallbackResolver(i,n);try{return i.getAdvanceWidth(t,o,{letterSpacing:a/o})}finally{r()}}getSVG(n,t,{fontSize:o,top:a,left:i,letterSpacing:r=0}){let s=n(t),f=this.patchFontFallbackResolver(s,n);try{return s.getPath(t,i,a,o,{letterSpacing:r/o}).toPathData(1)}finally{f()}}};function tt({width:e,height:n,content:t}){return x("svg",{width:e,height:n,viewBox:`0 0 ${e} ${n}`,xmlns:"http://www.w3.org/2000/svg"},t)}var vt={emoji:/\p{Emoji_Presentation}/u,ja:/\p{scx=Hira}|\p{scx=Kana}|[,;:]/u,ko:/\p{scx=Hangul}/u,zh:/\p{scx=Han}/u,th:/\p{scx=Thai}/u,ar:/\p{scx=Arabic}/u,ta:/\p{scx=Tamil}/u,ml:/\p{scx=Malayalam}/u,he:/\p{scx=Hebrew}/u,te:/\p{scx=Telugu}/u,devanagari:/\p{scx=Devanagari}/u};function Ct(e){for(let n in vt)if(vt[n].test(e))return n;return"unknown"}var nt=new WeakMap;async function Lt(e,n){let t=te();if(!t)throw new Error("Satori is not initialized.");let o;nt.has(n.fonts)?o=nt.get(n.fonts):nt.set(n.fonts,o=new Ae(n.fonts));let a=t.Node.create();a.setWidth(n.width),a.setHeight(n.height),a.setFlexDirection(t.FLEX_DIRECTION_ROW),a.setFlexWrap(t.WRAP_WRAP),a.setAlignContent(t.ALIGN_AUTO),a.setAlignItems(t.ALIGN_FLEX_START),a.setJustifyContent(t.JUSTIFY_FLEX_START),a.setOverflow(t.OVERFLOW_HIDDEN);let i=G({},n.graphemeImages),r=Ee(e,{id:"id",parentStyle:{},inheritedStyle:{fontSize:16,fontWeight:"normal",fontFamily:"serif",fontStyle:"normal",lineHeight:1.2,color:"black",opacity:1,whiteSpace:"normal",_viewportWidth:n.width,_viewportHeight:n.height},parent:a,font:o,embedFont:n.embedFont,debug:n.debug,graphemeImages:i,canLoadAdditionalAssets:!!n.loadAdditionalAsset}),s=r.next().value;if(n.loadAdditionalAsset&&s.length){s=Array.from(new Set(le(s.join(""),"grapheme")));let m={};s.forEach(d=>{let h=Ct(d);m[h]=m[h]||[],h==="emoji"?m[h].push(d):m[h][0]=(m[h][0]||"")+d});let g=[],c={};await Promise.all(Object.entries(m).flatMap(([d,h])=>h.map(l=>n.loadAdditionalAsset(d,l).then(u=>{typeof u=="string"?c[l]=u:u&&g.push(u)})))),o.addFonts(g),Object.assign(i,c)}r.next(),a.calculateLayout(n.width,n.height,t.DIRECTION_LTR);let f=r.next([0,0]).value;return a.freeRecursive(),tt({width:n.width,height:n.height,content:f})}export{Lt as default,Mt as init};
1
+ import*as $t from"yoga-layout-prebuilt";var dt=$t;var $e;$e=dt.default;function Mt(e){$e=e}function ee(){return $e}function We(e){let t=typeof e;return!(t==="number"||t==="bigint"||t==="string"||t==="boolean")}function pt(e){return/^class\s/.test(Function.prototype.toString.call(e))}function pe(e,t){return[e[0]*t[0]+e[2]*t[1],e[1]*t[0]+e[3]*t[1],e[0]*t[2]+e[2]*t[3],e[1]*t[2]+e[3]*t[3],e[0]*t[4]+e[2]*t[5]+e[4],e[1]*t[4]+e[3]*t[5]+e[5]]}function K(e,t,n){let i=t[e];return typeof i>"u"?n:i}var gt=void 0,Ne=typeof Intl<"u"&&"Segmenter"in Intl;if(!Ne)throw new Error("Intl.Segmenter does not exist, please use import a polyfill.");var Wt=Ne?new Intl.Segmenter(gt,{granularity:"word"}):null,Nt=Ne?new Intl.Segmenter(gt,{granularity:"grapheme"}):null,Re=[32,160,4961,65792,65793,4153,4241,10].map(e=>String.fromCodePoint(e));function ae(e,t){return t==="word"?[...Wt.segment(e)].map(n=>n.segment):[...Nt.segment(e)].map(n=>n.segment)}function y(e,t,n){let i="";for(let[a,o]of Object.entries(t))typeof o<"u"&&(i+=` ${a}="${o}"`);return n?`<${e}${i}>${n}</${e}>`:`<${e}${i}/>`}function mt(e=20){let t=new Map;function n(a,o){if(t.size>=e){let r=t.keys().next().value;t.delete(r)}t.set(a,o)}function i(a){if(!t.has(a))return;let r=t.get(a);return t.delete(a),t.set(a,r),r}return{set:n,get:i}}var ht={accentHeight:"accent-height",alignmentBaseline:"alignment-baseline",allowReorder:"allowreorder",arabicForm:"arabic-form",attributeName:"attributename",attributeType:"attributetype",autoReverse:"autoreverse",baseFrequency:"basefrequency",baseProfile:"baseprofile",baselineShift:"baseline-shift",calcMode:"calcmode",capHeight:"cap-height",clipPath:"clip-path",clipPathUnits:"clippathunits",clipRule:"clip-rule",colorInterpolation:"color-interpolation",colorInterpolationFilters:"color-interpolation-filters",colorProfile:"color-profile",colorRendering:"color-rendering",contentScriptType:"contentscripttype",contentStyleType:"contentstyletype",diffuseConstant:"diffuseconstant",dominantBaseline:"dominant-baseline",edgeMode:"edgemode",enableBackground:"enable-background",externalResourcesRequired:"externalresourcesrequired",fillOpacity:"fill-opacity",fillRule:"fill-rule",filterRes:"filterres",filterUnits:"filterunits",floodColor:"flood-color",floodOpacity:"flood-opacity",fontFamily:"font-family",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",fontWeight:"font-weight",glyphName:"glyph-name",glyphOrientationHorizontal:"glyph-orientation-horizontal",glyphOrientationVertical:"glyph-orientation-vertical",glyphRef:"glyphref",gradientTransform:"gradienttransform",gradientUnits:"gradientunits",horizAdvX:"horiz-adv-x",horizOriginX:"horiz-origin-x",imageRendering:"image-rendering",kernelMatrix:"kernelmatrix",kernelUnitLength:"kernelunitlength",keyPoints:"keypoints",keySplines:"keysplines",keyTimes:"keytimes",lengthAdjust:"lengthadjust",letterSpacing:"letter-spacing",lightingColor:"lighting-color",limitingConeAngle:"limitingconeangle",markerEnd:"marker-end",markerHeight:"markerheight",markerMid:"marker-mid",markerStart:"marker-start",markerUnits:"markerunits",markerWidth:"markerwidth",maskContentUnits:"maskcontentunits",maskUnits:"maskunits",numOctaves:"numoctaves",overlinePosition:"overline-position",overlineThickness:"overline-thickness",paintOrder:"paint-order",panose1:"panose-1",pathLength:"pathlength",patternContentUnits:"patterncontentunits",patternTransform:"patterntransform",patternUnits:"patternunits",pointerEvents:"pointer-events",pointsAtX:"pointsatx",pointsAtY:"pointsaty",pointsAtZ:"pointsatz",preserveAlpha:"preservealpha",preserveAspectRatio:"preserveaspectratio",primitiveUnits:"primitiveunits",refX:"refx",refY:"refy",renderingIntent:"rendering-intent",repeatCount:"repeatcount",repeatDur:"repeatdur",requiredExtensions:"requiredextensions",requiredFeatures:"requiredfeatures",shapeRendering:"shape-rendering",specularConstant:"specularconstant",specularExponent:"specularexponent",spreadMethod:"spreadmethod",startOffset:"startoffset",stdDeviation:"stddeviation",stitchTiles:"stitchtiles",stopColor:"stop-color",stopOpacity:"stop-opacity",strikethroughPosition:"strikethrough-position",strikethroughThickness:"strikethrough-thickness",strokeDasharray:"stroke-dasharray",strokeDashoffset:"stroke-dashoffset",strokeLinecap:"stroke-linecap",strokeLinejoin:"stroke-linejoin",strokeMiterlimit:"stroke-miterlimit",strokeOpacity:"stroke-opacity",strokeWidth:"stroke-width",suppressContentEditableWarning:"suppresscontenteditablewarning",suppressHydrationWarning:"suppresshydrationwarning",surfaceScale:"surfacescale",systemLanguage:"systemlanguage",tableValues:"tablevalues",targetX:"targetx",targetY:"targety",textAnchor:"text-anchor",textDecoration:"text-decoration",textLength:"textlength",textRendering:"text-rendering",underlinePosition:"underline-position",underlineThickness:"underline-thickness",unicodeBidi:"unicode-bidi",unicodeRange:"unicode-range",unitsPerEm:"units-per-em",vAlphabetic:"v-alphabetic",vHanging:"v-hanging",vIdeographic:"v-ideographic",vMathematical:"v-mathematical",vectorEffect:"vector-effect",vertAdvY:"vert-adv-y",vertOriginX:"vert-origin-x",vertOriginY:"vert-origin-y",viewBox:"viewbox",viewTarget:"viewtarget",wordSpacing:"word-spacing",writingMode:"writing-mode",xChannelSelector:"xchannelselector",xHeight:"x-height",xlinkActuate:"xlink:actuate",xlinkArcrole:"xlink:arcrole",xlinkHref:"xlink:href",xlinkRole:"xlink:role",xlinkShow:"xlink:show",xlinkTitle:"xlink:title",xlinkType:"xlink:type",xmlBase:"xml:base",xmlLang:"xml:lang",xmlSpace:"xmlspace",xmlnsXlink:"xmlns:xlink",yChannelSelector:"ychannelselector",zoomAndPan:"zoomandpan"},Gt=/[\r\n%#()<>?[\\\]^`{|}"']/g;function Me(e){if(!e)return"";if(Array.isArray(e))return e.map(Me).join("");if(typeof e!="object")return String(e);let t=e.type;if(t==="text")throw new Error("<text> nodes are not currently supported, please convert them to <path>");let{children:n,...i}=e.props||{};return`<${t}${Object.entries(i).map(([a,o])=>` ${ht[a]||a}="${o}"`).join("")}>${Me(n)}</${t}>`}function bt(e){let{viewBox:t,viewbox:n,width:i,height:a,className:o,style:r,children:s,...l}=e.props||{};t||(t=n);let m=t.split(" ").map(p=>parseInt(p,10));return l.xmlns="http://www.w3.org/2000/svg",l.viewBox=t,l.width=m[2],l.height=m[3],`data:image/svg+xml;utf8,${`<svg${Object.entries(l).map(([p,d])=>` ${ht[p]||p}="${d}"`).join("")}>${Me(s)}</svg>`.replace(Gt,encodeURIComponent)}`}var yt={p:{display:"block",marginTop:"1em",marginBottom:"1em"},div:{display:"block"},blockquote:{display:"block",marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40},center:{display:"block",textAlign:"center"},hr:{display:"block",marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1,borderStyle:"inset"},h1:{display:"block",fontSize:"2em",marginTop:"0.67em",marginBottom:"0.67em",marginLeft:0,marginRight:0,fontWeight:"bold"},h2:{display:"block",fontSize:"1.5em",marginTop:"0.83em",marginBottom:"0.83em",marginLeft:0,marginRight:0,fontWeight:"bold"},h3:{display:"block",fontSize:"1.17em",marginTop:"1em",marginBottom:"1em",marginLeft:0,marginRight:0,fontWeight:"bold"},h4:{display:"block",marginTop:"1.33em",marginBottom:"1.33em",marginLeft:0,marginRight:0,fontWeight:"bold"},h5:{display:"block",fontSize:"0.83em",marginTop:"1.67em",marginBottom:"1.67em",marginLeft:0,marginRight:0,fontWeight:"bold"},h6:{display:"block",fontSize:"0.67em",marginTop:"2.33em",marginBottom:"2.33em",marginLeft:0,marginRight:0,fontWeight:"bold"},u:{textDecoration:"underline"},strong:{fontWeight:"bold"},b:{fontWeight:"bold"},i:{fontStyle:"italic"},em:{fontStyle:"italic"},code:{fontFamily:"monospace"},kbd:{fontFamily:"monospace"},pre:{display:"block",fontFamily:"monospace",whiteSpace:"pre",marginTop:"1em",marginBottom:"1em"},mark:{backgroundColor:"yellow",color:"black"},big:{fontSize:"larger"},small:{fontSize:"smaller"},s:{textDecoration:"line-through"}};var Dt=new Set(["color","font","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","textAlign","textTransform","textShadowOffset","textShadowColor","textShadowRadius","textDecorationLine","textDecorationStyle","textDecorationColor","whiteSpace","transform","wordBreak","opacity","filter","_viewportWidth","_viewportHeight","_inheritedClipPathId","_inheritedBackgroundClipTextPath"]);function Ge(e){let t={};for(let n in e)Dt.has(n)&&(t[n]=e[n]);return t}import{getPropertyName as en,getStylesForProperty as tn}from"css-to-react-native";import{parseElementStyle as nn}from"css-background-parser";var he=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Bt=he((e,t)=>{t.exports=["em","ex","ch","rem","vh","vw","vmin","vmax","px","mm","cm","in","pt","pc","mozmm"]}),Ut=he((e,t)=>{t.exports=["deg","grad","rad","turn"]}),Yt=he((e,t)=>{t.exports=["dpi","dpcm","dppx"]}),zt=he((e,t)=>{t.exports=["Hz","kHz"]}),Ht=he((e,t)=>{t.exports=["s","ms"]}),Xt=Bt(),xt=Ut(),wt=Yt(),Et=zt(),vt=Ht();function Be(e){if(/\.\D?$/.test(e))throw new Error("The dot should be followed by a number");if(/^[+-]{2}/.test(e))throw new Error("Only one leading +/- is allowed");if(jt(e)>1)throw new Error("Only one dot is allowed");if(/%$/.test(e)){this.type="percentage",this.value=De(e),this.unit="%";return}var t=Jt(e);if(!t){this.type="number",this.value=De(e);return}this.type=Kt(t),this.value=De(e.substr(0,e.length-t.length)),this.unit=t}Be.prototype.valueOf=function(){return this.value};Be.prototype.toString=function(){return this.value+(this.unit||"")};function se(e){return new Be(e)}function jt(e){var t=e.match(/\./g);return t?t.length:0}function De(e){var t=parseFloat(e);if(isNaN(t))throw new Error("Invalid number: "+e);return t}var Vt=[].concat(xt,Et,Xt,wt,vt);function Jt(e){var t=e.match(/\D+$/),n=t&&t[0];if(n&&Vt.indexOf(n)===-1)throw new Error("Invalid unit: "+n);return n}var qt=Object.assign(_e(xt,"angle"),_e(Et,"frequency"),_e(wt,"resolution"),_e(vt,"time"));function _e(e,t){return Object.fromEntries(e.map(n=>[n,t]))}function Kt(e){return qt[e]||"length"}import Zt from"postcss-value-parser";function Qt(e,t){try{let n=new se(e);switch(n.unit){case"px":return{absolute:n.value};case"em":return{absolute:n.value*t};case"rem":return{absolute:n.value*16};case"%":return{relative:n.value};default:return{}}}catch{return{}}}function Ue(e,t,n){switch(e){case"top":return{yRelative:0};case"left":return{xRelative:0};case"right":return{xRelative:100};case"bottom":return{yRelative:100};case"center":return{};default:let i=Qt(e,t);return i.absolute?{[n?"xAbsolute":"yAbsolute"]:i.absolute}:i.relative?{[n?"xRelative":"yRelative"]:i.relative}:{}}}function Ye(e,t){if(typeof e=="number")return{xAbsolute:e};let n;try{n=Zt(e).nodes.filter(i=>i.type==="word").map(i=>i.value)}catch{return{}}return n.length===1?Ue(n[0],t,!0):n.length===2?((n[0]==="top"||n[0]==="bottom"||n[1]==="left"||n[1]==="right")&&n.reverse(),{...Ue(n[0],t,!0),...Ue(n[1],t,!1)}):{}}var rn=new Set(["flex","flexGrow","flexShrink","flexBasis","fontWeight","lineHeight","opacity","scale","scaleX","scaleY"]),on=new Set(["lineHeight"]),kt=[1,0,0,1,0,0];function an(e,t,n,i){return e==="border"&&!n.includes(t.borderColor)?t.borderColor=i:e==="borderColor"?t.borderColor=t.borderTopColor:e==="textDecoration"&&!n.includes(t.textDecorationColor)&&(t.textDecorationColor=i),t}function St(e,t){return typeof t=="number"?rn.has(e)?on.has(e)?t:String(t):t+"px":t}function sn(e,t){return e==="lineHeight"?{lineHeight:St(e,t)}:e==="fontFamily"?{fontFamily:t.split(",").map(n=>n.trim().replace(/(^['"])|(['"]$)/g,"").toLocaleLowerCase())}:null}function ze(e,t,n,{percentage:i}={percentage:!1}){if(typeof e=="number")return e;try{let a=new se(e);if(a.type==="length")switch(a.unit){case"em":return a.value*t;case"rem":return a.value*16;case"vw":return~~(a.value*n._viewportWidth/100);case"vh":return~~(a.value*n._viewportHeight/100);default:return a.value}else if(a.type==="angle")switch(a.unit){case"deg":return a.value;case"rad":return a.value*180/Math.PI;default:return a.value}else if(a.type==="percentage"&&i)return a.value/100*t}catch{}}function Ce(e,t){let n={};for(let a in e){if(a.startsWith("_")){n[a]=e[a];continue}let o=en(a);Object.assign(n,sn(o,e[a])||an(o,tn(o,St(o,e[a]),!0),e[a],e.color||t.color))}if(n.backgroundImage){let{backgrounds:a}=nn(n);n.backgroundImage=a}let i=n.fontSize||t.fontSize;if(typeof i=="string")try{let a=new se(i);switch(a.unit){case"em":i=a.value*t.fontSize;break;case"rem":i=a.value*16;break}}catch{i=16}typeof n.fontSize<"u"&&(n.fontSize=i),n.transformOrigin&&(n.transformOrigin=Ye(n.transformOrigin,i));for(let a in n){let o=n[a];if(a==="lineHeight")typeof o=="string"&&(o=n[a]=ze(o,i,t,{percentage:!0})/i);else if(typeof o=="string"){let r=ze(o,i,t);typeof r<"u"&&(n[a]=r),o=n[a]}if(a==="opacity"&&(o=n[a]=o*t.opacity),a==="transform"){let r=[...kt],s=o;for(let l of s){let m=Object.keys(l)[0],p=l[m],d=typeof p=="string"?ze(p,i,t):p,g=[...kt];switch(m){case"translateX":g[4]=d;break;case"translateY":g[5]=d;break;case"scale":g[0]=d,g[3]=d;break;case"scaleX":g[0]=d;break;case"scaleY":g[3]=d;break;case"rotate":let h=d*Math.PI/180,f=Math.cos(h),u=Math.sin(h);g[0]=f,g[1]=u,g[2]=-u,g[3]=f;break;case"skewX":g[2]=Math.tan(d*Math.PI/180);break;case"skewY":g[1]=Math.tan(d*Math.PI/180);break}r=pe(g,r)}n.transform=r}}return n}function He(e,t,n,i,a){let o=ee(),r={...n,...Ce(yt[t],n),...Ce(i,n)};if(t==="img"){let s=parseInt(a.width),m=parseInt(a.height)/s;r.width||(r.width=s),r.height||(r.height=m*r.width)}if(t==="svg"){let l=(a.viewBox||a.viewbox).split(" ").map(g=>parseInt(g,10)),m=l[3]/l[2],{width:p,height:d}=a;typeof p>"u"&&d?typeof d=="string"&&d.endsWith("%")?p=parseInt(d)/m+"%":p=parseInt(d)/m:typeof d>"u"&&p?typeof p=="string"&&p.endsWith("%")?d=parseInt(p)*m+"%":d=parseInt(p)*m:(p||(p=l[2]),d||(d=l[3])),r.width||(r.width=p),r.height||(r.height=d)}return e.setDisplay(K(r.display,{flex:o.DISPLAY_FLEX,none:o.DISPLAY_NONE},o.DISPLAY_FLEX)),e.setAlignContent(K(r.alignContent,{stretch:o.ALIGN_STRETCH,center:o.ALIGN_CENTER,"flex-start":o.ALIGN_FLEX_START,"flex-end":o.ALIGN_FLEX_END,"space-between":o.ALIGN_SPACE_BETWEEN,"space-around":o.ALIGN_SPACE_AROUND,baseline:o.ALIGN_BASELINE,normal:o.ALIGN_AUTO},o.ALIGN_AUTO)),e.setAlignItems(K(r.alignItems,{stretch:o.ALIGN_STRETCH,center:o.ALIGN_CENTER,"flex-start":o.ALIGN_FLEX_START,"flex-end":o.ALIGN_FLEX_END,baseline:o.ALIGN_BASELINE,normal:o.ALIGN_AUTO},o.ALIGN_FLEX_START)),e.setAlignSelf(K(r.alignSelf,{stretch:o.ALIGN_STRETCH,center:o.ALIGN_CENTER,"flex-start":o.ALIGN_FLEX_START,"flex-end":o.ALIGN_FLEX_END,baseline:o.ALIGN_BASELINE,normal:o.ALIGN_AUTO},o.ALIGN_AUTO)),e.setJustifyContent(K(r.justifyContent,{center:o.JUSTIFY_CENTER,"flex-start":o.JUSTIFY_FLEX_START,"flex-end":o.JUSTIFY_FLEX_END,"space-between":o.JUSTIFY_SPACE_BETWEEN,"space-around":o.JUSTIFY_SPACE_AROUND},o.JUSTIFY_FLEX_START)),e.setFlexDirection(K(r.flexDirection,{row:o.FLEX_DIRECTION_ROW,column:o.FLEX_DIRECTION_COLUMN,"row-reverse":o.FLEX_DIRECTION_ROW_REVERSE,"column-reverse":o.FLEX_DIRECTION_COLUMN_REVERSE},o.FLEX_DIRECTION_ROW)),e.setFlexWrap(K(r.flexWrap,{wrap:o.WRAP_WRAP,nowrap:o.WRAP_NO_WRAP,"wrap-reverse":o.WRAP_WRAP_REVERSE},o.WRAP_WRAP)),typeof r.flexBasis<"u"&&e.setFlexBasis(r.flexBasis),e.setFlexGrow(typeof r.flexGrow>"u"?0:r.flexGrow),e.setFlexShrink(typeof r.flexShrink>"u"?0:r.flexShrink),typeof r.maxHeight<"u"&&e.setMaxHeight(r.maxHeight),typeof r.maxWidth<"u"&&e.setMaxWidth(r.maxWidth),typeof r.minHeight<"u"&&e.setMinHeight(r.minHeight),typeof r.minWidth<"u"&&e.setMinWidth(r.minWidth),e.setOverflow(K(r.overflow,{visible:o.OVERFLOW_VISIBLE,hidden:o.OVERFLOW_HIDDEN},o.OVERFLOW_VISIBLE)),e.setMargin(o.EDGE_TOP,r.marginTop||0),e.setMargin(o.EDGE_BOTTOM,r.marginBottom||0),e.setMargin(o.EDGE_LEFT,r.marginLeft||0),e.setMargin(o.EDGE_RIGHT,r.marginRight||0),e.setBorder(o.EDGE_TOP,r.borderWidth||0),e.setBorder(o.EDGE_BOTTOM,r.borderWidth||0),e.setBorder(o.EDGE_LEFT,r.borderWidth||0),e.setBorder(o.EDGE_RIGHT,r.borderWidth||0),e.setPadding(o.EDGE_TOP,r.paddingTop||0),e.setPadding(o.EDGE_BOTTOM,r.paddingBottom||0),e.setPadding(o.EDGE_LEFT,r.paddingLeft||0),e.setPadding(o.EDGE_RIGHT,r.paddingRight||0),e.setPositionType(K(r.position,{absolute:o.POSITION_TYPE_ABSOLUTE,relative:o.POSITION_TYPE_RELATIVE},o.POSITION_TYPE_RELATIVE)),typeof r.top<"u"&&e.setPosition(o.EDGE_TOP,r.top),typeof r.bottom<"u"&&e.setPosition(o.EDGE_BOTTOM,r.bottom),typeof r.left<"u"&&e.setPosition(o.EDGE_LEFT,r.left),typeof r.right<"u"&&e.setPosition(o.EDGE_RIGHT,r.right),typeof r.height<"u"?e.setHeight(r.height):e.setHeightAuto(),typeof r.width<"u"?e.setWidth(r.width):e.setWidthAuto(),[r,Ge(r)]}function le({left:e,top:t,width:n,height:i},a,o,r){var l,m,p,d;let s;if(o)s=a;else{let g=(m=r==null?void 0:r.xAbsolute)!=null?m:((l=r==null?void 0:r.xRelative)!=null?l:50)*n/100,h=(d=r==null?void 0:r.yAbsolute)!=null?d:((p=r==null?void 0:r.yRelative)!=null?p:50)*i/100,f=e+g,u=t+h;s=pe([1,0,0,1,f,u],pe(a,[1,0,0,1,-f,-u])),a.__parent&&(s=pe(a.__parent,s)),a.splice(0,6,...s)}return`matrix(${s.map(g=>g.toFixed(2)).join(",")})`}function Tt({left:e,top:t,width:n,height:i,isInheritingTransform:a},o){let r="",s=1;return o.transform&&(r=le({left:e,top:t,width:n,height:i},o.transform,a,o.transformOrigin)),o.opacity&&(s=+o.opacity),{matrix:r,opacity:s}}function Xe({id:e,content:t,filter:n,left:i,top:a,width:o,height:r,matrix:s,opacity:l,image:m,clipPathId:p,debug:d,shape:g,decorationShape:h},f){let u="";if(d&&(u=y("rect",{x:i,y:a-r,width:o,height:r,fill:"transparent",stroke:"#575eff","stroke-width":1,transform:s||void 0,"clip-path":p?`url(#${p})`:void 0})),m){let x={href:m,x:i,y:a,width:o,height:r,transform:s||void 0,"clip-path":p?`url(#${p})`:void 0,style:f.filter?`filter:${f.filter}`:void 0};return[(n?`${n}<g filter="url(#satori_s-${e})">`:"")+y("image",{...x,opacity:l!==1?l:void 0})+(h||"")+(n?"</g>":"")+u,""]}let b={x:i,y:a,width:o,height:r,"font-weight":f.fontWeight,"font-style":f.fontStyle,"font-size":f.fontSize,"font-family":f.fontFamily,"letter-spacing":f.letterSpacing||void 0,transform:s||void 0,"clip-path":p?`url(#${p})`:void 0,style:f.filter?`filter:${f.filter}`:void 0};return[(n?`${n}<g filter="url(#satori_s-${e})">`:"")+y("text",{...b,fill:f.color,opacity:l!==1?l:void 0},t)+(h||"")+(n?"</g>":"")+u,g?y("text",b,t):""]}function fe({id:e,width:t,height:n},i){if(!i.shadowColor||!i.shadowOffset||typeof i.shadowRadius>"u")return"";let a=i.shadowRadius*i.shadowRadius/4,o=Math.min(i.shadowOffset.width-a,0),r=Math.max(i.shadowOffset.width+a+t,t),s=Math.min(i.shadowOffset.height-a,0),l=Math.max(i.shadowOffset.height+a+n,n);return`<defs><filter id="satori_s-${e}" x="${o/t*100}%" y="${s/n*100}%" width="${(r-o)/t*100}%" height="${(l-s)/n*100}%"><feDropShadow dx="${i.shadowOffset.width}" dy="${i.shadowOffset.height}" stdDeviation="${i.shadowRadius/2}" flood-color="${i.shadowColor}" flood-opacity="1"/></filter></defs>`}function je({width:e,left:t,top:n,ascender:i,clipPathId:a},o){let{textDecorationColor:r,textDecorationStyle:s,textDecorationLine:l,fontSize:m}=o;if(!l||l==="none")return"";let p=Math.max(1,m*.1),d=l==="line-through"?n+i*.5:l==="underline"?n+i*1.1:n,g=s==="dashed"?`${p*1.2} ${p*2}`:s==="dotted"?`0 ${p*2}`:void 0;return y("line",{x1:t,y1:d,x2:t+e,y2:d,stroke:r,"stroke-width":p,"stroke-dasharray":g,"stroke-linecap":s==="dotted"?"round":"square","clip-path":a?`url(#${a})`:void 0})}var Ve=void 0;async function*Je(e,t){var ft;let n=ee(),{parentStyle:i,inheritedStyle:a,parent:o,font:r,id:s,isInheritingTransform:l,debug:m,embedFont:p,graphemeImages:d,canLoadAdditionalAssets:g}=t;i.textTransform==="uppercase"?e=e.toLocaleUpperCase(Ve):i.textTransform==="lowercase"?e=e.toLocaleLowerCase(Ve):i.textTransform==="capitalize"&&(e=ae(e,"word").map(_=>ae(_,"grapheme").map((I,L)=>L===0?I.toLocaleUpperCase(Ve):I).join("")).join(""));let h=K(i.wordBreak,{normal:"word","break-all":"grapheme","break-word":"grapheme","keep-all":"word"},"word"),f=ae(e,h),u=n.Node.create();u.setAlignItems(n.ALIGN_BASELINE),i.textAlign==="left"?u.setJustifyContent(n.JUSTIFY_FLEX_START):i.textAlign==="center"?u.setJustifyContent(n.JUSTIFY_CENTER):i.textAlign==="right"?u.setJustifyContent(n.JUSTIFY_FLEX_END):i.textAlign==="justify"&&u.setJustifyContent(n.JUSTIFY_SPACE_BETWEEN),o.insertChild(u,o.getChildCount());let{textAlign:b,textOverflow:x,whiteSpace:E,lineHeight:F,filter:$,_inheritedBackgroundClipTextPath:N}=i,W=i.fontSize,R=r.getEngine(W,F,i),V=g?f.filter(_=>!R.check(_)):[];yield V,V.length&&(R=r.getEngine(W,F,i));let A=[],v=[],M=[],G=[],Y=new Map,k=_=>{let I=0;for(let L of _){if(Y.has(L)){I+=Y.get(L);continue}let U=R.measure(L,i);Y.set(L,U),I+=U}return I},O=0,J=[],c=0;for(let _ of f){let I=!1,L=d&&d[_];E==="pre"?I=_[0]===`
2
+ `:E!=="nowrap"&&(L||Re.includes(_[0]))&&(I=!0),I?(E==="nowrap"?c+=k(J)+i.fontSize:(O=Math.max(O,k(J)),L&&(O=Math.max(O,i.fontSize))),J=[]):(!Re.includes(_[0])||!J.length)&&J.push(_===`
3
+ `?" ":_)}O=Math.max(O,k(J)+c);let w=o.getMinWidth(),C=o.getMaxWidth(),Z=o.getWidth();isNaN(Z.value)&&(isNaN(w.value)||w.unit===1&&w.value>O)&&(isNaN(C.value)||C.unit===1&&(O=Math.min(O,C.value)),o.setMinWidth(O)),typeof i.flexShrink>"u"&&o.setFlexShrink(1);let ge=E==="pre-wrap"||E==="pre";u.setMeasureFunc(_=>{let I=0,L="",U=0,z=0,H=0,X=-1,re=0,P=0,ie=0;A=[],M=[0];for(let ne=0;ne<f.length;ne++){let D=f[ne];if(!ge&&Re.includes(D[0]))L||(L=" "),U=k([L]),G[ne]=null;else{let oe=ge&&D===`
4
+ `,j=oe?0:d&&d[D]?i.fontSize:k([D]);z||(L="",U=0);let B=U||",.!?:-@)>]}%#".indexOf(D[0])<0,q=!z||!!U;if(oe||ne&&B&&z+U+j>_&&E!=="nowrap"&&E!=="pre")A.push(z),v.push(ie),I++,re+=P,z=j,P=j?R.height(D):0,ie=j?R.baseline(D):0,M.push(1),X=-1,oe||(H=Math.max(H,_));else{z+=U+j;let de=R.height(D);de>P&&(P=de,ie=R.baseline(D)),q&&M[M.length-1]++}L="",U=0,q&&X++,H=Math.max(H,z),G[ne]={y:re,x:z-j,width:j,line:I,lineIndex:X}}}return z&&(I++,A.push(z),v.push(ie),re+=P),{width:H,height:re}});let[Ot,Ft]=yield,Oe="",we="",te=a._inheritedClipPathId,{left:it,top:ot,width:Ee,height:at}=u.getComputedLayout(),Fe=o.getComputedWidth()-o.getComputedPadding(n.EDGE_LEFT)-o.getComputedPadding(n.EDGE_RIGHT)-o.getComputedBorder(n.EDGE_LEFT)-o.getComputedBorder(n.EDGE_RIGHT),ue=Ot+it,ce=Ft+ot,{matrix:Q,opacity:ve}=Tt({left:it,top:ot,width:Ee,height:at,isInheritingTransform:l},i),ke="";i.textShadowOffset&&(ke=fe({width:Ee,height:at,id:s},{shadowColor:i.textShadowColor,shadowOffset:i.textShadowOffset,shadowRadius:i.textShadowRadius}));let me="",Se="",st="",Pe=-1,lt=x==="ellipsis"?k(["\u2026"]):0,Pt=x==="ellipsis"?k([" "]):0,Te={};for(let _=0;_<f.length;_++){if(!G[_])continue;let I=G[_],L=f[_],U=null,z=d?d[L]:null,H=I.y,X=I.x,re=I.width,P=I.line;if(P===Pe)continue;let ie=!1;if(A.length>1){let B=Ee-A[P];if(b==="right"||b==="end")X+=B;else if(b==="center")X+=B/2;else if(b==="justify"&&P<A.length-1){let q=M[P];X+=(q>1?B/(q-1):0)*I.lineIndex,ie=!0}}if(Te[P]||(Te[P]=[X,ie?Ee:A[P]]),x==="ellipsis"&&A[P]>Fe&&I.x+re+lt+Pt>Fe){let B=ae(L,"grapheme"),q="",de=0;for(let ut of B){let ct=I.x+k([q+ut]);if(q&&ct+lt>Fe)break;q+=ut,de=ct}L=q+"\u2026",Pe=P,Te[P][1]=de}let ne=v[P],D=R.baseline(L),oe=R.height(L),j=ne-D;if(z?H+=0:p?(U=R.getSVG(L,{...i,left:ue+X,top:ce+H+D+j,letterSpacing:i.letterSpacing}),m&&(st+=y("rect",{x:ue+X,y:ce+H+j,width:I.width,height:oe,fill:"transparent",stroke:"#575eff","stroke-width":1,transform:Q||void 0,"clip-path":te?`url(#${te})`:void 0})+y("line",{x1:ue+X,x2:ue+X+I.width,y1:ce+H+j+D,y2:ce+H+j+D,stroke:"#14c000","stroke-width":1,transform:Q||void 0,"clip-path":te?`url(#${te})`:void 0}))):H+=D+j,i.textDecorationLine&&(P!==((ft=G[_+1])==null?void 0:ft.line)||Pe===P)){let B=Te[P];B&&!B[2]&&(me+=je({left:ue+B[0],top:ce+oe*+P,width:B[1],ascender:R.baseline(L),clipPathId:te},i),B[2]=1)}if(U!==null)Se+=U+" ";else{let[B,q]=Xe({content:L,filter:ke,id:s,left:ue+X,top:ce+H,width:re,height:oe,matrix:Q,opacity:ve,image:z,clipPathId:te,debug:m,shape:!!N,decorationShape:me},i);Oe+=B,we+=q,me=""}}if(Se){let _=i.color!=="transparent"&&ve!==0?y("path",{fill:i.color,d:Se,transform:Q||void 0,opacity:ve!==1?ve:void 0,"clip-path":te?`url(#${te})`:void 0,style:$?`filter:${$}`:void 0}):"";N&&(we=y("path",{d:Se,transform:Q||void 0})),Oe+=(ke?ke+y("g",{filter:`url(#satori_s-${s})`},_+me):_+me)+st}return we&&(i._inheritedBackgroundClipTextPath.value+=we),Oe}var qe=qe||{};qe.parse=function(){var e={linearGradient:/^(\-(webkit|o|ms|moz)\-)?(linear\-gradient)/i,repeatingLinearGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-linear\-gradient)/i,radialGradient:/^(\-(webkit|o|ms|moz)\-)?(radial\-gradient)/i,repeatingRadialGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-radial\-gradient)/i,sideOrCorner:/^to (left (top|bottom)|right (top|bottom)|top (left|right)|bottom (left|right)|left|right|top|bottom)/i,extentKeywords:/^(closest\-side|closest\-corner|farthest\-side|farthest\-corner|contain|cover)/,positionKeywords:/^(left|center|right|top|bottom)/i,pixelValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))px/,percentageValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))\%/,emValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))em/,angleValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))deg/,startCall:/^\(/,endCall:/^\)/,comma:/^,/,hexColor:/^\#([0-9a-fA-F]+)/,literalColor:/^([a-zA-Z]+)/,rgbColor:/^rgb/i,rgbaColor:/^rgba/i,number:/^(([0-9]*\.[0-9]+)|([0-9]+\.?))/},t="";function n(c){var w=new Error(t+": "+c);throw w.source=t,w}function i(){var c=a();return t.length>0&&n("Invalid input not EOF"),c}function a(){return F(o)}function o(){return r("linear-gradient",e.linearGradient,l)||r("repeating-linear-gradient",e.repeatingLinearGradient,l)||r("radial-gradient",e.radialGradient,d)||r("repeating-radial-gradient",e.repeatingRadialGradient,d)}function r(c,w,C){return s(w,function(Z){var ge=C();return ge&&(O(e.comma)||n("Missing comma before color stops")),{type:c,orientation:ge,colorStops:F($)}})}function s(c,w){var C=O(c);if(C){O(e.startCall)||n("Missing (");var Z=w(C);return O(e.endCall)||n("Missing )"),Z}}function l(){return m()||p()}function m(){return k("directional",e.sideOrCorner,1)}function p(){return k("angular",e.angleValue,1)}function d(){var c,w=g(),C;return w&&(c=[],c.push(w),C=t,O(e.comma)&&(w=g(),w?c.push(w):t=C)),c}function g(){var c=h()||f();if(c)c.at=b();else{var w=u();if(w){c=w;var C=b();C&&(c.at=C)}else{var Z=x();Z&&(c={type:"default-radial",at:Z})}}return c}function h(){var c=k("shape",/^(circle)/i,0);return c&&(c.style=Y()||u()),c}function f(){var c=k("shape",/^(ellipse)/i,0);return c&&(c.style=M()||u()),c}function u(){return k("extent-keyword",e.extentKeywords,1)}function b(){if(k("position",/^at/,0)){var c=x();return c||n("Missing positioning value"),c}}function x(){var c=E();if(c.x||c.y)return{type:"position",value:c}}function E(){return{x:M(),y:M()}}function F(c){var w=c(),C=[];if(w)for(C.push(w);O(e.comma);)w=c(),w?C.push(w):n("One extra comma");return C}function $(){var c=N();return c||n("Expected color definition"),c.length=M(),c}function N(){return R()||A()||V()||W()}function W(){return k("literal",e.literalColor,0)}function R(){return k("hex",e.hexColor,1)}function V(){return s(e.rgbColor,function(){return{type:"rgb",value:F(v)}})}function A(){return s(e.rgbaColor,function(){return{type:"rgba",value:F(v)}})}function v(){return O(e.number)[1]}function M(){return k("%",e.percentageValue,1)||G()||Y()}function G(){return k("position-keyword",e.positionKeywords,1)}function Y(){return k("px",e.pixelValue,1)||k("em",e.emValue,1)}function k(c,w,C){var Z=O(w);if(Z)return{type:c,value:Z[C]}}function O(c){var w,C;return C=/^[\n\r\t\s]+/.exec(t),C&&J(C[0].length),w=c.exec(t),w&&J(w[0].length),w}function J(c){t=t.substr(c)}return function(c){return t=c.toString(),i()}}();var Ke=qe;var Rt=mt(100),Ze=new Map,ln=["image/png","image/jpeg","image/gif","image/svg+xml"];function fn(e){let t="",n=new Uint8Array(e);for(let i=0;i<n.byteLength;i++)t+=String.fromCharCode(n[i]);return btoa(t)}async function Ie(e){if(!e)throw new Error("Image URL is not provided");if(e.startsWith("data:"))return e;if(!globalThis.fetch)throw new Error("`fetch` is required to be polyfilled to load images.");if(Ze.has(e))return Ze.get(e);let t=Rt.get(e);if(t)return t;let n=new Promise((i,a)=>{let o;fetch(e).then(r=>{if(o=r.headers.get("content-type").toLowerCase(),!ln.includes(o))throw new Error(`Unsupported image type: ${o}`);return r.arrayBuffer()}).then(r=>{let s=`data:${o};base64,${fn(r)}`;Rt.set(e,s),i(s)}).catch(a)});return Ze.set(e,n),n}function un(e){return e.type==="literal"?e.value:e.type==="hex"?`#${e.value}`:e.type==="rgb"?`rgb(${e.value.join(",")})`:e.type==="rgba"?`rgba(${e.value.join(",")})`:"transparent"}function cn(e,t){return typeof e=="string"&&e.endsWith("%")?t*parseFloat(e)/100:+e}function _t(e,{x:t,y:n,defaultX:i,defaultY:a}){return(e?e.split(" ").map(o=>{try{let r=new se(o);return r.type==="length"||r.type==="number"?r.value:r.value+r.unit}catch{return null}}).filter(o=>o!==null):[i,a]).map((o,r)=>cn(o,[t,n][r]))}function Ct(e,t){let n=[];for(let r of t){let s=un(r);if(!n.length&&(n.push({offset:0,color:s}),typeof r.length>"u"||r.length.value==="0"))continue;let l=typeof r.length>"u"?void 0:r.length.type==="%"?r.length.value/100:r.length.value/e;n.push({offset:l,color:s})}n.length||n.push({offset:0,color:"transparent"});let i=n[n.length-1];i.offset!==1&&(typeof i.offset>"u"?i.offset=1:n.push({offset:1,color:i.color}));let a=0,o=1;for(let r=0;r<n.length;r++)if(typeof n[r].offset>"u"){for(o<r&&(o=r);typeof n[o].offset>"u";)o++;n[r].offset=(n[o].offset-n[a].offset)/(o-a)*(r-a)+n[a].offset}else a=r;return n}async function Qe({id:e,width:t,height:n},{image:i,size:a,position:o,repeat:r}){r=r||"repeat";let s=r==="repeat-x"||r==="repeat",l=r==="repeat-y"||r==="repeat",m=_t(a,{x:t,y:n,defaultX:t,defaultY:n}),p=_t(o,{x:t,y:n,defaultX:0,defaultY:0});if(i.startsWith("linear-gradient(")){let d=Ke.parse(i)[0],g,h,f,u;if(d.orientation.type==="directional")[g,h,f,u]={top:[0,1,0,0],bottom:[0,0,0,1],left:[1,0,0,0],right:[0,0,1,0]}[d.orientation.value];else if(d.orientation.type==="angular"){let x=+d.orientation.value/180*Math.PI-Math.PI/2,E=Math.cos(x),F=Math.sin(x);g=0,h=0,f=E,u=F,f<0&&(g-=f,f=0),u<0&&(h-=u,u=0)}let b=Ct(t,d.colorStops);return[`satori_bi${e}`,`<linearGradient id="satori_bi${e}" x1="${g}" y1="${h}" x2="${f}" y2="${u}">${b.map(x=>`<stop offset="${x.offset*100}%" stop-color="${x.color}"/>`).join("")}</linearGradient>`]}if(i.startsWith("radial-gradient(")){let d=Ke.parse(i)[0],g=d.orientation[0],[h,f]=m,u="circle",b=h/2,x=f/2;if(g.type==="shape"){if(u=g.value,g.at)if(g.at.type==="position")b=g.at.value.x.value,x=g.at.value.y.value;else throw new Error("orientation.at.type not implemented: "+g.at.type)}else throw new Error("orientation.type not implemented: "+g.type);let E=Ct(t,d.colorStops),F=`satori_radial_${e}`,$=`satori_pattern_${e}`,N={},W=Math.max(Math.abs(h-b),Math.abs(b)),R=Math.max(Math.abs(f-x),Math.abs(x));if(u==="circle")N.r=Math.sqrt(W*W+R*R);else if(u==="ellipse"){let v=R!==0?W/R:1;N.ry=Math.sqrt(W*W+R*R*v*v)/v,N.rx=N.ry*v}let V=y("pattern",{id:$,x:p[0],y:p[1],width:s?h:"100%",height:l?f:"100%",patternUnits:"userSpaceOnUse"},y("radialGradient",{id:F},E.map(v=>y("stop",{offset:v.offset,"stop-color":v.color})).join(""))+y(u,{cx:b,cy:x,width:h,height:f,...N,fill:`url(#${F})`}));return[$,V]}if(i.startsWith("url(")){let d=await Ie(i.slice(4,-1));return[`satori_bi${e}`,y("pattern",{id:`satori_bi${e}`,patternContentUnits:"userSpaceOnUse",patternUnits:"userSpaceOnUse",x:p[0],y:p[1],width:s?m[0]:"100%",height:l?m[1]:"100%"},y("image",{x:0,y:0,width:m[0],height:m[1],href:d}))]}}function Le(e,t,n){return n<e+t&&(n/2<e&&n/2<t?e=t=n/2:n/2<e?e=n-t:n/2<t&&(t=n-e)),[e,t]}function be({left:e,top:t,width:n,height:i},a){let{borderTopLeftRadius:o,borderTopRightRadius:r,borderBottomLeftRadius:s,borderBottomRightRadius:l}=a;return o=Math.min(o||0,n,i),r=Math.min(r||0,n,i),s=Math.min(s||0,n,i),l=Math.min(l||0,n,i),!o&&!r&&!s&&!l?"":([o,r]=Le(o,r,n),[o,s]=Le(o,s,i),[r,l]=Le(r,l,i),[s,l]=Le(s,l,n),`M${e+o},${t} h${n-o-r} a${r},${r} 0 0 1 ${r},${r} v${i-r-l} a${l},${l} 0 0 1 ${-l},${l} h${l+s-n} a${s},${s} 0 0 1 ${-s},${-s} v${s+o-i} a${o},${o} 0 0 1 ${o},${-o}`)}function et({left:e,top:t,width:n,height:i,path:a,id:o},r){return r.overflow!=="hidden"?"":a?y("clipPath",{id:`satori_cp-${o}`,"clip-path":r._inheritedClipPathId?`url(#${r._inheritedClipPathId})`:void 0},y("path",{x:e,y:t,width:n,height:i,d:a})):y("clipPath",{id:`satori_cp-${o}`,"clip-path":r._inheritedClipPathId?`url(#${r._inheritedClipPathId})`:void 0},y("rect",{x:e,y:t,width:n,height:i}))}async function tt({id:e,left:t,top:n,width:i,height:a,isInheritingTransform:o,debug:r},s){if(s.display==="none")return"";let l="rect",m="transparent",p="",d=0,g="",h="",f=[],u=1,b="";s.backgroundColor&&f.push(s.backgroundColor),s.borderWidth&&(d=s.borderWidth,m=s.borderColor,s.borderStyle==="dashed"&&(p=d*2+" "+d)),s.opacity&&(u=+s.opacity),s.transform&&(g=le({left:t,top:n,width:i,height:a},s.transform,o,s.transformOrigin));let x="";if(s.backgroundImage){let A=[];for(let v=0;v<s.backgroundImage.length;v++){let M=s.backgroundImage[v],G=await Qe({id:e+"_"+v,width:i,height:a},M);G&&A.push(G)}for(let v of A)f.push(`url(#${v[0]})`),h+=v[1],v[2]&&(x+=v[2])}let E=be({left:t,top:n,width:i,height:a},s);E&&(l="path");let F=et({left:t,top:n,width:i,height:a,path:E,id:e},s),$=s._inheritedClipPathId,N=fe({width:i,height:a,id:e},s);r&&(b=y("rect",{x:t,y:n,width:i,height:a,fill:"transparent",stroke:"#ff5757","stroke-width":1,"stroke-dasharray":p||void 0,transform:g||void 0,"clip-path":$?`url(#${$})`:void 0})),f.length||f.push("transparent");let{backgroundClip:W,filter:R}=s,V=f.map((A,v)=>{if(A==="transparent"&&!(v===f.length-1&&d))return"";let M=!!d,G=v===f.length-1&&M&&W!=="text",Y=W==="text"?`url(#satori_bct-${e})`:$?`url(#${$})`:void 0;return G&&(h+=y("clipPath",{id:`satori_bc-${e}`,"clip-path":Y},y(l,{x:t,y:n,width:i,height:a,d:E||void 0})),Y=`url(#satori_bc-${e})`),y(l,{x:t,y:n,width:i,height:a,fill:A,stroke:G||M?m:void 0,"stroke-width":G?d*2:M?1:void 0,"stroke-dasharray":p||void 0,d:E||void 0,transform:g||void 0,"clip-path":Y,style:R?`filter:${R}`:void 0})}).join("");return W==="text"&&d&&(V=y(l,{x:t,y:n,width:i,height:a,fill:"transparent",stroke:m,"stroke-width":d*2,"stroke-dasharray":p||void 0,d:E||void 0,transform:g||void 0,"clip-path":$?`url(#${$})`:void 0})+V),(h?`<defs>${h}</defs>`:"")+F+(N?`${N}<g filter="url(#satori_s-${e})">`:"")+(u!==1?`<g opacity="${u}">`:"")+(x||V)+(u!==1?"</g>":"")+(N?"</g>":"")+b}function Ae({id:e,left:t,top:n,width:i,height:a,src:o,debug:r,isInheritingTransform:s},l){if(l.display==="none")return"";let m="",p=1,d="",g=l.objectFit==="contain"?"xMidYMid":l.objectFit==="cover"?"xMidYMid slice":"none",h=be({left:t,top:n,width:i,height:a},l),f=l._inheritedClipPathId;h&&(m=y("clipPath",{id:`satori_c-${e}`,"clip-path":f?`url(#${f})`:void 0},y("path",{x:t,y:n,width:i,height:a,d:h}))),l.opacity&&(p=+l.opacity);let u=fe({width:i,height:a,id:e},l);return l.transform&&(d=le({left:t,top:n,width:i,height:a},l.transform,s,l.transformOrigin)),u+(u?`<g filter="url(#satori_s-${e})">`:"")+m+y("image",{x:t,y:n,width:i,height:a,href:o,preserveAspectRatio:g,transform:d||void 0,"clip-path":m?`url(#satori_c-${e})`:f?`url(#${f})`:void 0})+(u?"</g>":"")}async function*ye(e,t){var J;let n=ee(),{id:i,inheritedStyle:a,parent:o,font:r,debug:s,embedFont:l=!0,graphemeImages:m,canLoadAdditionalAssets:p}=t;if(e===null||typeof e>"u")return yield,yield,"";if(!We(e)||typeof e.type=="function"){let c;if(!We(e))c=Je(String(e),t),yield(await c.next()).value;else{if(pt(e.type))throw new Error("Class component is not supported.");c=ye(e.type(e.props),t),yield(await c.next()).value}await c.next();let w=yield;return(await c.next(w)).value}let{type:d,props:g}=e,{style:h,children:f}=g||{},u=n.Node.create();o.insertChild(u,o.getChildCount());let[b,x]=He(u,d,a,h,g),E=b.transform===a.transform;if(E||(b.transform.__parent=a.transform),b.overflow==="hidden"&&(x._inheritedClipPathId=`satori_cp-${i}`),b.backgroundClip==="text"){let c={value:""};x._inheritedBackgroundClipTextPath=c,b._inheritedBackgroundClipTextPath=c}let F=typeof f>"u"?[]:[].concat(f).flat(1/0),$=[],N=0,W=[];for(let c of F){let w=ye(c,{id:i+"-"+N++,parentStyle:b,inheritedStyle:x,isInheritingTransform:!0,parent:u,font:r,embedFont:l,debug:s,graphemeImages:m,canLoadAdditionalAssets:p});p?W.push(...(await w.next()).value||[]):await w.next(),$.push(w)}yield W;for(let c of $)await c.next();let[R,V]=yield,{left:A,top:v,width:M,height:G}=u.getComputedLayout();A+=R,v+=V;let Y="",k="",O="";if(d==="img"){let c=await Ie(g.src);k=Ae({id:i,left:A,top:v,width:M,height:G,src:c,isInheritingTransform:E,debug:s},b)}else if(d==="svg"){let c=bt(e);k=Ae({id:i,left:A,top:v,width:M,height:G,src:c,isInheritingTransform:E,debug:s},b)}else{let c=(J=h==null?void 0:h.display)!=null?J:"block";if(d==="div"&&f&&typeof f!="string"&&c!=="flex"&&c!=="none")throw new Error(`Expected <div> to have style={{display: 'flex'}} but received style={{display: '${c}'}}`);k=await tt({id:i,left:A,top:v,width:M,height:G,isInheritingTransform:E,debug:s},b)}for(let c of $)Y+=(await c.next([A,v])).value;return b._inheritedBackgroundClipTextPath&&(O+=y("clipPath",{id:`satori_bct-${i}`,"clip-path":b._inheritedClipPathId?`url(#${b._inheritedClipPathId})`:void 0},b._inheritedBackgroundClipTextPath.value)),O+k+Y}import dn from"@shuding/opentype.js";function pn(e,t,[n,i],[a,o]){if(n!==a)return n?!a||n===e?-1:a===e?1:e===400&&n===500||e===500&&n===400?-1:e===400&&a===500||e===500&&a===400?1:e<400?n<e&&a<e?a-n:n<e?-1:a<e?1:n-a:e<n&&e<a?n-a:e<n?-1:e<a?1:a-n:1;if(i!==o){if(i===t)return-1;if(o===t)return 1}return-1}var xe=class{constructor(t){this.fonts=new Map;this.addFonts(t)}get({name:t,weight:n,style:i}){if(!this.fonts.has(t))return null;n==="normal"&&(n=400),n==="bold"&&(n=700);let a=[...this.fonts.get(t)],o=a[0];for(let r=1;r<a.length;r++){let[,s,l]=o,[,m,p]=a[r];pn(n,i,[s,l],[m,p])>0&&(o=a[r])}return o[0]}addFonts(t){for(let n of t){let i=n.data,a=dn.parse("buffer"in i?i.buffer.slice(i.byteOffset,i.byteOffset+i.byteLength):i,{lowMemory:!0}),o=a.charToGlyphIndex;a.charToGlyphIndex=s=>{let l=o.call(a,s);return l===0&&a._trackBrokenChars&&a._trackBrokenChars.push(s),l},this.defaultFont||(this.defaultFont=a);let r=n.name.toLowerCase();this.fonts.has(r)||this.fonts.set(r,[]),this.fonts.get(r).push([a,n.weight,n.style])}}getEngine(t=16,n=1.2,{fontFamily:i,fontWeight:a=400,fontStyle:o="normal"}){i=Array.isArray(i)?i:[i];let r=i.map(f=>this.get({name:f,weight:a,style:o})).filter(Boolean),s=Array.from(this.fonts.keys());for(let f of s)i.includes(f)||r.push(this.get({name:f,weight:a,style:o}));let l=new Map,m=(f,u=!0)=>{let b=f.charCodeAt(0);if(l.has(b))return l.get(b);let x=r.find((E,F)=>!!E.charToGlyphIndex(f)||u&&F===r.length-1);return x&&l.set(b,x),x},p=(f,u=!1)=>{var x,E;return((u?(E=(x=f.tables)==null?void 0:x.os2)==null?void 0:E.sTypoAscender:0)||f.ascender)/f.unitsPerEm*t},d=(f,u=!1)=>{var x,E;return((u?(E=(x=f.tables)==null?void 0:x.os2)==null?void 0:E.sTypoDescender:0)||f.descender)/f.unitsPerEm*t},g=f=>m(f,!1),h={check:f=>{let u=g(f);return u?(u._trackBrokenChars=[],u.stringToGlyphs(f),u._trackBrokenChars.length?(u._trackBrokenChars=void 0,!1):!0):!1},baseline:(f,u=typeof f>"u"?r[0]:m(f))=>{let b=p(u,!0),x=d(u,!0),E=h.height(f,u),{yMax:F,yMin:$}=u.tables.head,N=b-x,W=(F/(F-$)-1)*N;return E*((1.2/n+1)/2)+W},height:(f,u=typeof f>"u"?r[0]:m(f))=>(p(u)-d(u))*(n/1.2),measure:(f,u)=>this.measure(m,f,u),getSVG:(f,u)=>this.getSVG(m,f,u)};return h}patchFontFallbackResolver(t,n){let i=[];t._trackBrokenChars=i;let a=t.stringToGlyphs;return t.stringToGlyphs=(o,...r)=>{let s=a.call(t,o,...r);for(let l=0;l<s.length;l++)if(s[l].unicode===void 0){let m=i.shift(),p=n(m);p!==t&&(s[l]=p.charToGlyph(m))}return s},()=>{t.stringToGlyphs=a,t._trackBrokenChars=void 0}}measure(t,n,{fontSize:i,letterSpacing:a=0}){let o=t(n),r=this.patchFontFallbackResolver(o,t);try{return o.getAdvanceWidth(n,i,{letterSpacing:a/i})}finally{r()}}getSVG(t,n,{fontSize:i,top:a,left:o,letterSpacing:r=0}){let s=t(n),l=this.patchFontFallbackResolver(s,t);try{return s.getPath(n,o,a,i,{letterSpacing:r/i}).toPathData(1)}finally{l()}}};function nt({width:e,height:t,content:n}){return y("svg",{width:e,height:t,viewBox:`0 0 ${e} ${t}`,xmlns:"http://www.w3.org/2000/svg"},n)}var It={emoji:/\p{RI}\p{RI}|\p{Emoji}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})?(\u{200D}\p{Emoji}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})?)+|\p{EPres}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})?|\p{Emoji}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})/u,ja:/\p{scx=Hira}|\p{scx=Kana}|[,;:]/u,ko:/\p{scx=Hangul}/u,zh:/\p{scx=Han}/u,th:/\p{scx=Thai}/u,bn:/\p{scx=Bengali}/u,ar:/\p{scx=Arabic}/u,ta:/\p{scx=Tamil}/u,ml:/\p{scx=Malayalam}/u,he:/\p{scx=Hebrew}/u,te:/\p{scx=Telugu}/u,devanagari:/\p{scx=Devanagari}/u};function Lt(e){for(let t in It)if(It[t].test(e))return t;return"unknown"}var rt=new WeakMap;async function At(e,t){let n=ee();if(!n)throw new Error("Satori is not initialized.");let i;rt.has(t.fonts)?i=rt.get(t.fonts):rt.set(t.fonts,i=new xe(t.fonts));let a=n.Node.create();a.setWidth(t.width),a.setHeight(t.height),a.setFlexDirection(n.FLEX_DIRECTION_ROW),a.setFlexWrap(n.WRAP_WRAP),a.setAlignContent(n.ALIGN_AUTO),a.setAlignItems(n.ALIGN_FLEX_START),a.setJustifyContent(n.JUSTIFY_FLEX_START),a.setOverflow(n.OVERFLOW_HIDDEN);let o={...t.graphemeImages},r=ye(e,{id:"id",parentStyle:{},inheritedStyle:{fontSize:16,fontWeight:"normal",fontFamily:"serif",fontStyle:"normal",lineHeight:1.2,color:"black",opacity:1,whiteSpace:"normal",_viewportWidth:t.width,_viewportHeight:t.height},parent:a,font:i,embedFont:t.embedFont,debug:t.debug,graphemeImages:o,canLoadAdditionalAssets:!!t.loadAdditionalAsset}),s=(await r.next()).value;if(t.loadAdditionalAsset&&s.length){s=Array.from(new Set(ae(s.join(""),"grapheme")));let m={};s.forEach(g=>{let h=Lt(g);m[h]=m[h]||[],h==="emoji"?m[h].push(g):m[h][0]=(m[h][0]||"")+g});let p=[],d={};await Promise.all(Object.entries(m).flatMap(([g,h])=>h.map(f=>t.loadAdditionalAsset(g,f).then(u=>{typeof u=="string"?d[f]=u:u&&p.push(u)})))),i.addFonts(p),Object.assign(o,d)}await r.next(),a.calculateLayout(t.width,t.height,n.DIRECTION_LTR);let l=(await r.next([0,0])).value;return a.freeRecursive(),nt({width:t.width,height:t.height,content:l})}export{At as default,Mt as init};
5
5
  //# sourceMappingURL=index.js.map