modern-screenshot/dist/index.js

Quickly generate image from DOM node using HTML5 canvas and SVG

(function(w,T){typeof exports=="object"&&typeof module!="undefined"?T(exports):typeof define=="function"&&define.amd?define(["exports"],T):(w=typeof globalThis!="undefined"?globalThis:w||self,T(w.modernScreenshot={}))})(this,function(w){"use strict";var Qt=Object.defineProperty,Zt=Object.defineProperties;var er=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols;var xe=Object.prototype.hasOwnProperty,Me=Object.prototype.propertyIsEnumerable;var Le=Math.pow,Be=(w,T,A)=>T in w?Qt(w,T,{enumerable:!0,configurable:!0,writable:!0,value:A}):w[T]=A,D=(w,T)=>{for(var A in T||(T={}))xe.call(T,A)&&Be(w,A,T[A]);if(Z)for(var A of Z(T))Me.call(T,A)&&Be(w,A,T[A]);return w},L=(w,T)=>Zt(w,er(T));var Oe=(w,T)=>{var A={};for(var I in w)xe.call(w,I)&&T.indexOf(I)<0&&(A[I]=w[I]);if(w!=null&&Z)for(var I of Z(w))T.indexOf(I)<0&&Me.call(w,I)&&(A[I]=w[I]);return A};var C=(w,T,A)=>new Promise((I,O)=>{var X=P=>{try{q(A.next(P))}catch(W){O(W)}},j=P=>{try{q(A.throw(P))}catch(W){O(W)}},q=P=>P.done?I(P.value):Promise.resolve(P.value).then(X,j);q((A=A.apply(w,T)).next())});var Fe;function T(e,t){return e[13]=1,e[14]=t>>8,e[15]=t&255,e[16]=t>>8,e[17]=t&255,e}const A=112,I=72,O=89,X=115;let j;function q(){const e=new Int32Array(256);for(let t=0;t<256;t++){let r=t;for(let n=0;n<8;n++)r=r&1?3988292384^r>>>1:r>>>1;e[t]=r}return e}function P(e){let t=-1;j||(j=q());for(let r=0;r<e.length;r++)t=j[(t^e[r])&255]^t>>>8;return t^-1}function W(e){const t=e.length-1;for(let r=t;r>=4;r--)if(e[r-4]===9&&e[r-3]===A&&e[r-2]===I&&e[r-1]===O&&e[r]===X)return r-3;return 0}function oe(e,t,r=!1){const n=new Uint8Array(13);t*=39.3701,n[0]=A,n[1]=I,n[2]=O,n[3]=X,n[4]=t>>>24,n[5]=t>>>16,n[6]=t>>>8,n[7]=t&255,n[8]=n[4],n[9]=n[5],n[10]=n[6],n[11]=n[7],n[12]=1;const i=P(n),o=new Uint8Array(4);if(o[0]=i>>>24,o[1]=i>>>16,o[2]=i>>>8,o[3]=i&255,r){const s=W(e);return e.set(n,s),e.set(o,s+13),e}else{const s=new Uint8Array(4);s[0]=0,s[1]=0,s[2]=0,s[3]=9;const a=new Uint8Array(54);return a.set(e,0),a.set(s,33),a.set(n,37),a.set(o,50),a}}const je="AAlwSFlz",qe="AAAJcEhZ",We="AAAACXBI";function Ve(e){let t=e.indexOf(je);return t===-1&&(t=e.indexOf(qe)),t===-1&&(t=e.indexOf(We)),t}const ae="[modern-screenshot]",U=typeof window!="undefined",He=U&&"Worker"in window,se=U&&"atob"in window,ze=U&&"btoa"in window,ee=U?(Fe=window.navigator)==null?void 0:Fe.userAgent:"",ie=ee.includes("Chrome"),G=ee.includes("AppleWebKit")&&!ie,te=ee.includes("Firefox"),Xe=e=>e&&"__CONTEXT__"in e,Ge=e=>e.constructor.name==="CSSFontFaceRule",Ye=e=>e.constructor.name==="CSSImportRule",R=e=>e.nodeType===1,V=e=>typeof e.className=="object",le=e=>e.tagName==="image",Je=e=>e.tagName==="use",H=e=>R(e)&&typeof e.style!="undefined"&&!V(e),Ke=e=>e.nodeType===8,Qe=e=>e.nodeType===3,B=e=>e.tagName==="IMG",Y=e=>e.tagName==="VIDEO",Ze=e=>e.tagName==="CANVAS",et=e=>e.tagName==="TEXTAREA",tt=e=>e.tagName==="INPUT",rt=e=>e.tagName==="STYLE",nt=e=>e.tagName==="SCRIPT",ot=e=>e.tagName==="SELECT",at=e=>e.tagName==="SLOT",st=e=>e.tagName==="IFRAME",it=(...e)=>console.warn(ae,...e);function lt(e){var r;const t=(r=e==null?void 0:e.createElement)==null?void 0:r.call(e,"canvas");return t&&(t.height=t.width=1),!!t&&"toDataURL"in t&&!!t.toDataURL("image/webp").includes("image/webp")}const re=e=>e.startsWith("data:");function ce(e,t){if(e.match(/^[a-z]+:\/\//i))return e;if(U&&e.match(/^\/\//))return window.location.protocol+e;if(e.match(/^[a-z]+:/i)||!U)return e;const r=J().implementation.createHTMLDocument(),n=r.createElement("base"),i=r.createElement("a");return r.head.appendChild(n),r.body.appendChild(i),t&&(n.href=t),i.href=e,i.href}function J(e){var t;return(t=e&&R(e)?e==null?void 0:e.ownerDocument:e)!=null?t:window.document}const K="http://www.w3.org/2000/svg";function ue(e,t,r){const n=J(r).createElementNS(K,"svg");return n.setAttributeNS(null,"width",e.toString()),n.setAttributeNS(null,"height",t.toString()),n.setAttributeNS(null,"viewBox",`0 0 ${e} ${t}`),n}function fe(e,t){let r=new XMLSerializer().serializeToString(e);return t&&(r=r.replace(/[\u0000-\u0008\v\f\u000E-\u001F\uD800-\uDFFF\uFFFE\uFFFF]/gu,"")),`data:image/svg+xml;charset=utf-8,${encodeURIComponent(r)}`}function ct(e,t="image/png",r=1){return C(this,null,function*(){try{return yield new Promise((n,i)=>{e.toBlob(o=>{o?n(o):i(new Error("Blob is null"))},t,r)})}catch(n){if(se)return ut(e.toDataURL(t,r));throw n}})}function ut(e){var a,c;const[t,r]=e.split(","),n=(c=(a=t.match(/data:(.+);/))==null?void 0:a[1])!=null?c:void 0,i=window.atob(r),o=i.length,s=new Uint8Array(o);for(let u=0;u<o;u+=1)s[u]=i.charCodeAt(u);return new Blob([s],{type:n})}function de(e,t){return new Promise((r,n)=>{const i=new FileReader;i.onload=()=>r(i.result),i.onerror=()=>n(i.error),i.onabort=()=>n(new Error(`Failed read blob to ${t}`)),t==="dataUrl"?i.readAsDataURL(e):t==="arrayBuffer"&&i.readAsArrayBuffer(e)})}const ft=e=>de(e,"dataUrl"),dt=e=>de(e,"arrayBuffer");function _(e,t){const r=J(t).createElement("img");return r.decoding="sync",r.loading="eager",r.src=e,r}function x(e,t){return new Promise(r=>{const{timeout:n,ownerDocument:i,onError:o,onWarn:s}=t!=null?t:{},a=typeof e=="string"?_(e,J(i)):e;let c=null,u=null;function l(){r(a),c&&clearTimeout(c),u==null||u()}if(n&&(c=setTimeout(l,n)),Y(a)){const f=a.currentSrc||a.src;if(!f)return a.poster?x(a.poster,t).then(r):l();if(a.readyState>=2)return l();const d=l,g=y=>{s==null||s("Failed video load",f,y),o==null||o(y),l()};u=()=>{a.removeEventListener("loadeddata",d),a.removeEventListener("error",g)},a.addEventListener("loadeddata",d,{once:!0}),a.addEventListener("error",g,{once:!0})}else{const f=le(a)?a.href.baseVal:a.currentSrc||a.src;if(!f)return l();const d=()=>C(this,null,function*(){if(B(a)&&"decode"in a)try{yield a.decode()}catch(y){s==null||s("Failed to decode image, trying to render anyway",a.dataset.originalSrc||f,y)}l()}),g=y=>{s==null||s("Failed image load",a.dataset.originalSrc||f,y),l()};if(B(a)&&a.complete)return d();u=()=>{a.removeEventListener("load",d),a.removeEventListener("error",g)},a.addEventListener("load",d,{once:!0}),a.addEventListener("error",g,{once:!0})}})}function ge(e,t){return C(this,null,function*(){H(e)&&(B(e)||Y(e)?yield x(e,t):yield Promise.all(["img","video"].flatMap(r=>Array.from(e.querySelectorAll(r)).map(n=>x(n,t)))))})}const me=function(){let t=0;const r=()=>`0000${(Math.random()*Le(36,4)<<0).toString(36)}`.slice(-4);return()=>(t+=1,`u${r()}${t}`)}();function he(e){return e==null?void 0:e.split(",").map(t=>t.trim().replace(/"|'/g,"").toLowerCase()).filter(Boolean)}let we=0;function gt(e){const t=`${ae}[#${we}]`;return we++,{time:r=>e&&console.time(`${t} ${r}`),timeEnd:r=>e&&console.timeEnd(`${t} ${r}`),warn:(...r)=>e&&it(...r)}}function mt(e){return{cache:e?"no-cache":"force-cache"}}function k(e,t){return C(this,null,function*(){return Xe(e)?e:pe(e,L(D({},t),{autoDestruct:!0}))})}function pe(e,t){return C(this,null,function*(){var g,y,m,p,b;const{scale:r=1,workerUrl:n,workerNumber:i=1}=t||{},o=!!(t!=null&&t.debug),s=(g=t==null?void 0:t.features)!=null?g:!0,a=(y=e.ownerDocument)!=null?y:U?window.document:void 0,c=(p=(m=e.ownerDocument)==null?void 0:m.defaultView)!=null?p:U?window:void 0,u=new Map,l=L(D({width:0,height:0,quality:1,type:"image/png",scale:r,backgroundColor:null,style:null,filter:null,maximumCanvasSize:0,timeout:3e4,progress:null,debug:o,fetch:D({requestInit:mt((b=t==null?void 0:t.fetch)==null?void 0:b.bypassingCache),placeholderImage:"data:image/png;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",bypassingCache:!1},t==null?void 0:t.fetch),fetchFn:null,font:{},drawImageInterval:100,workerUrl:null,workerNumber:i,onCloneNode:null,onEmbedNode:null,onCreateForeignObjectSvg:null,includeStyleProperties:null,autoDestruct:!1},t),{__CONTEXT__:!0,log:gt(o),node:e,ownerDocument:a,ownerWindow:c,dpi:r===1?null:96*r,svgStyleElement:ye(a),svgDefsElement:a==null?void 0:a.createElementNS(K,"defs"),svgStyles:new Map,defaultComputedStyles:new Map,workers:[...Array.from({length:He&&n&&i?i:0})].map(()=>{try{const h=new Worker(n);return h.onmessage=S=>C(this,null,function*(){var N,F,$,$e;const{url:E,result:v}=S.data;v?(F=(N=u.get(E))==null?void 0:N.resolve)==null||F.call(N,v):($e=($=u.get(E))==null?void 0:$.reject)==null||$e.call($,new Error(`Error receiving message from worker: ${E}`))}),h.onmessageerror=S=>{var v,N;const{url:E}=S.data;(N=(v=u.get(E))==null?void 0:v.reject)==null||N.call(v,new Error(`Error receiving message from worker: ${E}`))},h}catch(h){return l.log.warn("Failed to new Worker",h),null}}).filter(Boolean),fontFamilies:new Map,fontCssTexts:new Map,acceptOfImage:`${[lt(a)&&"image/webp","image/svg+xml","image/*","*/*"].filter(Boolean).join(",")};q=0.8`,requests:u,drawImageCount:0,tasks:[],features:s,isEnable:h=>{var S,E;return h==="restoreScrollPosition"?typeof s=="boolean"?!1:(S=s[h])!=null?S:!1:typeof s=="boolean"?s:(E=s[h])!=null?E:!0},shadowRoots:[]});l.log.time("wait until load"),yield ge(e,{timeout:l.timeout,onWarn:l.log.warn}),l.log.timeEnd("wait until load");const{width:f,height:d}=ht(e,l);return l.width=f,l.height=d,l})}function ye(e){if(!e)return;const t=e.createElement("style"),r=t.ownerDocument.createTextNode(`
.______background-clip--text {
  background-clip: text;
  -webkit-background-clip: text;
}
`);return t.appendChild(r),t}function ht(e,t){let{width:r,height:n}=t;if(R(e)&&(!r||!n)){const i=e.getBoundingClientRect();r=r||i.width||Number(e.getAttribute("width"))||0,n=n||i.height||Number(e.getAttribute("height"))||0}return{width:r,height:n}}function wt(e,t){return C(this,null,function*(){const{log:r,timeout:n,drawImageCount:i,drawImageInterval:o}=t;r.time("image to canvas");const s=yield x(e,{timeout:n,onWarn:t.log.warn}),{canvas:a,context2d:c}=pt(e.ownerDocument,t),u=()=>{try{c==null||c.drawImage(s,0,0,a.width,a.height)}catch(l){t.log.warn("Failed to drawImage",l)}};if(u(),t.isEnable("fixSvgXmlDecode"))for(let l=0;l<i;l++)yield new Promise(f=>{setTimeout(()=>{u(),f()},l+o)});return t.drawImageCount=0,r.timeEnd("image to canvas"),a})}function pt(e,t){const{width:r,height:n,scale:i,backgroundColor:o,maximumCanvasSize:s}=t,a=e.createElement("canvas");a.width=Math.floor(r*i),a.height=Math.floor(n*i),a.style.width=`${r}px`,a.style.height=`${n}px`,s&&(a.width>s||a.height>s)&&(a.width>s&&a.height>s?a.width>a.height?(a.height*=s/a.width,a.width=s):(a.width*=s/a.height,a.height=s):a.width>s?(a.height*=s/a.width,a.width=s):(a.width*=s/a.height,a.height=s));const c=a.getContext("2d");return c&&o&&(c.fillStyle=o,c.fillRect(0,0,a.width,a.height)),{canvas:a,context2d:c}}function be(e,t){if(e.ownerDocument)try{const o=e.toDataURL();if(o!=="data:,")return _(o,e.ownerDocument)}catch(o){t.log.warn("Failed to clone canvas",o)}const r=e.cloneNode(!1),n=e.getContext("2d"),i=r.getContext("2d");try{return n&&i&&i.putImageData(n.getImageData(0,0,e.width,e.height),0,0),r}catch(o){t.log.warn("Failed to clone canvas",o)}return r}function yt(e,t){var r;try{if((r=e==null?void 0:e.contentDocument)!=null&&r.body)return ne(e.contentDocument.body,t)}catch(n){t.log.warn("Failed to clone iframe",n)}return e.cloneNode(!1)}function bt(e){const t=e.cloneNode(!1);return e.currentSrc&&e.currentSrc!==e.src&&(t.src=e.currentSrc,t.srcset=""),t.loading==="lazy"&&(t.loading="eager"),t}function St(e,t){return C(this,null,function*(){if(e.ownerDocument&&!e.currentSrc&&e.poster)return _(e.poster,e.ownerDocument);const r=e.cloneNode(!1);r.crossOrigin="anonymous",e.currentSrc&&e.currentSrc!==e.src&&(r.src=e.currentSrc);const n=r.ownerDocument;if(n){let i=!0;if(yield x(r,{onError:()=>i=!1,onWarn:t.log.warn}),!i)return e.poster?_(e.poster,e.ownerDocument):r;r.currentTime=e.currentTime,yield new Promise(s=>{r.addEventListener("seeked",s,{once:!0})});const o=n.createElement("canvas");o.width=e.offsetWidth,o.height=e.offsetHeight;try{const s=o.getContext("2d");s&&s.drawImage(r,0,0,o.width,o.height)}catch(s){return t.log.warn("Failed to clone video",s),e.poster?_(e.poster,e.ownerDocument):r}return be(o,t)}return r})}function Et(e,t){return Ze(e)?be(e,t):st(e)?yt(e,t):B(e)?bt(e):Y(e)?St(e,t):e.cloneNode(!1)}function Ct(e){let t=e.sandbox;if(!t){const{ownerDocument:r}=e;try{r&&(t=r.createElement("iframe"),t.id=`__SANDBOX__${me()}`,t.width="0",t.height="0",t.style.visibility="hidden",t.style.position="fixed",r.body.appendChild(t),t.srcdoc='<!DOCTYPE html><meta charset="UTF-8"><title></title><body>',e.sandbox=t)}catch(n){e.log.warn("Failed to getSandBox",n)}}return t}const Tt=["width","height","-webkit-text-fill-color"],vt=["stroke","fill"];function Se(e,t,r){const{defaultComputedStyles:n}=r,i=e.nodeName.toLowerCase(),o=V(e)&&i!=="svg",s=o?vt.map(m=>[m,e.getAttribute(m)]).filter(([,m])=>m!==null):[],a=[o&&"svg",i,s.map((m,p)=>`${m}=${p}`).join(","),t].filter(Boolean).join(":");if(n.has(a))return n.get(a);const c=Ct(r),u=c==null?void 0:c.contentWindow;if(!u)return new Map;const l=u==null?void 0:u.document;let f,d;o?(f=l.createElementNS(K,"svg"),d=f.ownerDocument.createElementNS(f.namespaceURI,i),s.forEach(([m,p])=>{d.setAttributeNS(null,m,p)}),f.appendChild(d)):f=d=l.createElement(i),d.textContent=" ",l.body.appendChild(f);const g=u.getComputedStyle(d,t),y=new Map;for(let m=g.length,p=0;p<m;p++){const b=g.item(p);Tt.includes(b)||y.set(b,g.getPropertyValue(b))}return l.body.removeChild(f),n.set(a,y),y}function Ee(e,t,r){var a;const n=new Map,i=[],o=new Map;if(r)for(const c of r)s(c);else for(let c=e.length,u=0;u<c;u++){const l=e.item(u);s(l)}for(let c=i.length,u=0;u<c;u++)(a=o.get(i[u]))==null||a.forEach((l,f)=>n.set(f,l));function s(c){const u=e.getPropertyValue(c),l=e.getPropertyPriority(c),f=c.lastIndexOf("-"),d=f>-1?c.substring(0,f):void 0;if(d){let g=o.get(d);g||(g=new Map,o.set(d,g)),g.set(c,[u,l])}t.get(c)===u&&!l||(d?i.push(d):n.set(c,[u,l]))}return n}function At(e,t,r,n){var f,d,g,y;const{ownerWindow:i,includeStyleProperties:o,currentParentNodeStyle:s}=n,a=t.style,c=i.getComputedStyle(e),u=Se(e,null,n);s==null||s.forEach((m,p)=>{u.delete(p)});const l=Ee(c,u,o);l.delete("transition-property"),l.delete("all"),l.delete("d"),l.delete("content"),r&&(l.delete("margin-top"),l.delete("margin-right"),l.delete("margin-bottom"),l.delete("margin-left"),l.delete("margin-block-start"),l.delete("margin-block-end"),l.delete("margin-inline-start"),l.delete("margin-inline-end"),l.set("box-sizing",["border-box",""])),((f=l.get("background-clip"))==null?void 0:f[0])==="text"&&t.classList.add("______background-clip--text"),ie&&(l.has("font-kerning")||l.set("font-kerning",["normal",""]),(((d=l.get("overflow-x"))==null?void 0:d[0])==="hidden"||((g=l.get("overflow-y"))==null?void 0:g[0])==="hidden")&&((y=l.get("text-overflow"))==null?void 0:y[0])==="ellipsis"&&e.scrollWidth===e.clientWidth&&l.set("text-overflow",["clip",""]));for(let m=a.length,p=0;p<m;p++)a.removeProperty(a.item(p));return l.forEach(([m,p],b)=>{a.setProperty(b,m,p)}),l}function Nt(e,t){(et(e)||tt(e)||ot(e))&&t.setAttribute("value",e.value)}const It=[":before",":after"],Rt=[":-webkit-scrollbar",":-webkit-scrollbar-button",":-webkit-scrollbar-thumb",":-webkit-scrollbar-track",":-webkit-scrollbar-track-piece",":-webkit-scrollbar-corner",":-webkit-resizer"];function kt(e,t,r,n,i){const{ownerWindow:o,svgStyleElement:s,svgStyles:a,currentNodeStyle:c}=n;if(!s||!o)return;function u(l){var S;const f=o.getComputedStyle(e,l);let d=f.getPropertyValue("content");if(!d||d==="none")return;i==null||i(d),d=d.replace(/(')|(")|(counter\(.+\))/g,"");const g=[me()],y=Se(e,l,n);c==null||c.forEach((E,v)=>{y.delete(v)});const m=Ee(f,y,n.includeStyleProperties);m.delete("content"),m.delete("-webkit-locale"),((S=m.get("background-clip"))==null?void 0:S[0])==="text"&&t.classList.add("______background-clip--text");const p=[`content: '${d}';`];if(m.forEach(([E,v],N)=>{p.push(`${N}: ${E}${v?" !important":""};`)}),p.length===1)return;try{t.className=[t.className,...g].join(" ")}catch(E){n.log.warn("Failed to copyPseudoClass",E);return}const b=p.join(`
  `);let h=a.get(b);h||(h=[],a.set(b,h)),h.push(`.${g[0]}:${l}`)}It.forEach(u),r&&Rt.forEach(u)}const Ce=new Set(["symbol"]);function Te(e,t,r,n,i){return C(this,null,function*(){if(R(r)&&(rt(r)||nt(r))||n.filter&&!n.filter(r))return;Ce.has(t.nodeName)||Ce.has(r.nodeName)?n.currentParentNodeStyle=void 0:n.currentParentNodeStyle=n.currentNodeStyle;const o=yield ne(r,n,!1,i);n.isEnable("restoreScrollPosition")&&Dt(e,o),t.appendChild(o)})}function ve(e,t,r,n){return C(this,null,function*(){var o;let i=e.firstChild;R(e)&&e.shadowRoot&&(i=(o=e.shadowRoot)==null?void 0:o.firstChild,r.shadowRoots.push(e.shadowRoot));for(let s=i;s;s=s.nextSibling)if(!Ke(s))if(R(s)&&at(s)&&typeof s.assignedNodes=="function"){const a=s.assignedNodes();for(let c=0;c<a.length;c++)yield Te(e,t,a[c],r,n)}else yield Te(e,t,s,r,n)})}function Dt(e,t){if(!H(e)||!H(t))return;const{scrollTop:r,scrollLeft:n}=e;if(!r&&!n)return;const{transform:i}=t.style,o=new DOMMatrix(i),{a:s,b:a,c,d:u}=o;o.a=1,o.b=0,o.c=0,o.d=1,o.translateSelf(-n,-r),o.a=s,o.b=a,o.c=c,o.d=u,t.style.transform=o.toString()}function Pt(e,t){const{backgroundColor:r,width:n,height:i,style:o}=t,s=e.style;if(r&&s.setProperty("background-color",r,"important"),n&&s.setProperty("width",`${n}px`,"important"),i&&s.setProperty("height",`${i}px`,"important"),o)for(const a in o)s[a]=o[a]}const Ut=/^[\w-:]+$/;function ne(e,t,r=!1,n){return C(this,null,function*(){var c,u,l,f;const{ownerDocument:i,ownerWindow:o,fontFamilies:s}=t;if(i&&Qe(e))return n&&/\S/.test(e.data)&&n(e.data),i.createTextNode(e.data);if(i&&o&&R(e)&&(H(e)||V(e))){const d=yield Et(e,t);if(t.isEnable("removeAbnormalAttributes")){const h=d.getAttributeNames();for(let S=h.length,E=0;E<S;E++){const v=h[E];Ut.test(v)||d.removeAttribute(v)}}const g=t.currentNodeStyle=At(e,d,r,t);r&&Pt(d,t);let y=!1;if(t.isEnable("copyScrollbar")){const h=[(c=g.get("overflow-x"))==null?void 0:c[0],(u=g.get("overflow-y"))==null?void 0:u[0]];y=h.includes("scroll")||(h.includes("auto")||h.includes("overlay"))&&(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth)}const m=(l=g.get("text-transform"))==null?void 0:l[0],p=he((f=g.get("font-family"))==null?void 0:f[0]),b=p?h=>{m==="uppercase"?h=h.toUpperCase():m==="lowercase"?h=h.toLowerCase():m==="capitalize"&&(h=h[0].toUpperCase()+h.substring(1)),p.forEach(S=>{let E=s.get(S);E||s.set(S,E=new Set),h.split("").forEach(v=>E.add(v))})}:void 0;return kt(e,d,y,t,b),Nt(e,d),Y(e)||(yield ve(e,d,t,b)),d}const a=e.cloneNode(!1);return yield ve(e,a,t),a})}function Ae(e){if(e.ownerDocument=void 0,e.ownerWindow=void 0,e.svgStyleElement=void 0,e.svgDefsElement=void 0,e.svgStyles.clear(),e.defaultComputedStyles.clear(),e.sandbox){try{e.sandbox.remove()}catch(t){e.log.warn("Failed to destroyContext",t)}e.sandbox=void 0}e.workers=[],e.fontFamilies.clear(),e.fontCssTexts.clear(),e.requests.clear(),e.tasks=[],e.shadowRoots=[]}function _t(e){const a=e,{url:t,timeout:r,responseType:n}=a,i=Oe(a,["url","timeout","responseType"]),o=new AbortController,s=r?setTimeout(()=>o.abort(),r):void 0;return fetch(t,D({signal:o.signal},i)).then(c=>{if(!c.ok)throw new Error("Failed fetch, not 2xx response",{cause:c});switch(n){case"arrayBuffer":return c.arrayBuffer();case"dataUrl":return c.blob().then(ft);case"text":default:return c.text()}}).finally(()=>clearTimeout(s))}function z(e,t){const{url:r,requestType:n="text",responseType:i="text",imageDom:o}=t;let s=r;const{timeout:a,acceptOfImage:c,requests:u,fetchFn:l,fetch:{requestInit:f,bypassingCache:d,placeholderImage:g},font:y,workers:m,fontFamilies:p}=e;n==="image"&&(G||te)&&e.drawImageCount++;let b=u.get(r);if(!b){d&&d instanceof RegExp&&d.test(s)&&(s+=(/\?/.test(s)?"&":"?")+new Date().getTime());const h=n.startsWith("font")&&y&&y.minify,S=new Set;h&&n.split(";")[1].split(",").forEach(F=>{p.has(F)&&p.get(F).forEach($=>S.add($))});const E=h&&S.size,v=D({url:s,timeout:a,responseType:E?"arrayBuffer":i,headers:n==="image"?{accept:c}:void 0},f);b={type:n,resolve:void 0,reject:void 0,response:null},b.response=C(this,null,function*(){if(l&&n==="image"){const N=yield l(r);if(N)return N}return!G&&r.startsWith("http")&&m.length?new Promise((N,F)=>{m[u.size&m.length-1].postMessage(D({rawUrl:r},v)),b.resolve=N,b.reject=F}):_t(v)}).catch(N=>{if(u.delete(r),n==="image"&&g)return e.log.warn("Failed to fetch image base64, trying to use placeholder image",s),typeof g=="string"?g:g(o);throw N}),u.set(r,b)}return b.response}function Ne(e,t,r,n){return C(this,null,function*(){if(!Ie(e))return e;for(const[i,o]of Ft(e,t))try{const s=yield z(r,{url:o,requestType:n?"image":"text",responseType:"dataUrl"});e=e.replace($t(i),`$1${s}$3`)}catch(s){r.log.warn("Failed to fetch css data url",i,s)}return e})}function Ie(e){return/url\((['"]?)([^'"]+?)\1\)/.test(e)}const Re=/url\((['"]?)([^'"]+?)\1\)/g;function Ft(e,t){const r=[];return e.replace(Re,(n,i,o)=>(r.push([o,ce(o,t)]),n)),r.filter(([n])=>!re(n))}function $t(e){const t=e.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1");return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`,"g")}const Bt=["background-image","border-image-source","-webkit-border-image","-webkit-mask-image","list-style-image"];function xt(e,t){return Bt.map(r=>{const n=e.getPropertyValue(r);return!n||n==="none"?null:((G||te)&&t.drawImageCount++,Ne(n,null,t,!0).then(i=>{!i||n===i||e.setProperty(r,i,e.getPropertyPriority(r))}))}).filter(Boolean)}function Mt(e,t){if(B(e)){const r=e.currentSrc||e.src;if(!re(r))return[z(t,{url:r,imageDom:e,requestType:"image",responseType:"dataUrl"}).then(n=>{n&&(e.srcset="",e.dataset.originalSrc=r,e.src=n||"")})];(G||te)&&t.drawImageCount++}else if(V(e)&&!re(e.href.baseVal)){const r=e.href.baseVal;return[z(t,{url:r,imageDom:e,requestType:"image",responseType:"dataUrl"}).then(n=>{n&&(e.dataset.originalSrc=r,e.href.baseVal=n||"")})]}return[]}function Lt(e,t){var a;const{ownerDocument:r,svgDefsElement:n}=t,i=(a=e.getAttribute("href"))!=null?a:e.getAttribute("xlink:href");if(!i)return[];const[o,s]=i.split("#");if(s){const c=`#${s}`,u=t.shadowRoots.reduce((l,f)=>l!=null?l:f.querySelector(`svg ${c}`),r==null?void 0:r.querySelector(`svg ${c}`));if(o&&e.setAttribute("href",c),n!=null&&n.querySelector(c))return[];if(u)return n==null||n.appendChild(u.cloneNode(!0)),[];if(o)return[z(t,{url:o,responseType:"text"}).then(l=>{n==null||n.insertAdjacentHTML("beforeend",l)})]}return[]}function ke(e,t){const{tasks:r}=t;R(e)&&((B(e)||le(e))&&r.push(...Mt(e,t)),Je(e)&&r.push(...Lt(e,t))),H(e)&&r.push(...xt(e.style,t)),e.childNodes.forEach(n=>{ke(n,t)})}function Ot(e,t){return C(this,null,function*(){const{ownerDocument:r,svgStyleElement:n,fontFamilies:i,fontCssTexts:o,tasks:s,font:a}=t;if(!(!r||!n||!i.size))if(a&&a.cssText){const c=Pe(a.cssText,t);n.appendChild(r.createTextNode(`${c}
`))}else{const c=Array.from(r.styleSheets).filter(l=>{try{return"cssRules"in l&&!!l.cssRules.length}catch(f){return t.log.warn(`Error while reading CSS rules from ${l.href}`,f),!1}});yield Promise.all(c.flatMap(l=>Array.from(l.cssRules).map((f,d)=>C(this,null,function*(){if(Ye(f)){let g=d+1;const y=f.href;let m="";try{m=yield z(t,{url:y,requestType:"text",responseType:"text"})}catch(b){t.log.warn(`Error fetch remote css import from ${y}`,b)}const p=m.replace(Re,(b,h,S)=>b.replace(S,ce(S,y)));for(const b of qt(p))try{l.insertRule(b,b.startsWith("@import")?g+=1:l.cssRules.length)}catch(h){t.log.warn("Error inserting rule from remote css import",{rule:b,error:h})}}})))),c.flatMap(l=>Array.from(l.cssRules)).filter(l=>{var f;return Ge(l)&&Ie(l.style.getPropertyValue("src"))&&((f=he(l.style.getPropertyValue("font-family")))==null?void 0:f.some(d=>i.has(d)))}).forEach(l=>{const f=l,d=o.get(f.cssText);d?n.appendChild(r.createTextNode(`${d}
`)):s.push(Ne(f.cssText,f.parentStyleSheet?f.parentStyleSheet.href:null,t).then(g=>{g=Pe(g,t),o.set(f.cssText,g),n.appendChild(r.createTextNode(`${g}
`))}))})}})}const jt=/(\/\*[\s\S]*?\*\/)/g,De=/((@.*?keyframes [\s\S]*?){([\s\S]*?}\s*?)})/gi;function qt(e){if(e==null)return[];const t=[];let r=e.replace(jt,"");for(;;){const o=De.exec(r);if(!o)break;t.push(o[0])}r=r.replace(De,"");const n=/@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi,i=new RegExp("((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})","gi");for(;;){let o=n.exec(r);if(o)i.lastIndex=n.lastIndex;else if(o=i.exec(r),o)n.lastIndex=i.lastIndex;else break;t.push(o[0])}return t}const Wt=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,Vt=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;function Pe(e,t){const{font:r}=t,n=r?r==null?void 0:r.preferredFormat:void 0;return n?e.replace(Vt,i=>{for(;;){const[o,,s]=Wt.exec(i)||[];if(!s)return"";if(s===n)return`src: ${o};`}}):e}function Ue(e,t){return C(this,null,function*(){const r=yield k(e,t);if(R(r.node)&&V(r.node))return r.node;const{ownerDocument:n,log:i,tasks:o,svgStyleElement:s,svgDefsElement:a,svgStyles:c,font:u,progress:l,autoDestruct:f,onCloneNode:d,onEmbedNode:g,onCreateForeignObjectSvg:y}=r;i.time("clone node");const m=yield ne(r.node,r,!0);if(s&&n){let E="";c.forEach((v,N)=>{E+=`${v.join(`,
`)} {
  ${N}
}
`}),s.appendChild(n.createTextNode(E))}i.timeEnd("clone node"),yield d==null?void 0:d(m),u!==!1&&R(m)&&(i.time("embed web font"),yield Ot(m,r),i.timeEnd("embed web font")),i.time("embed node"),ke(m,r);const p=o.length;let b=0;const h=()=>C(this,null,function*(){for(;;){const E=o.pop();if(!E)break;try{yield E}catch(v){r.log.warn("Failed to run task",v)}l==null||l(++b,p)}});l==null||l(b,p),yield Promise.all([...Array.from({length:4})].map(h)),i.timeEnd("embed node"),yield g==null?void 0:g(m);const S=Ht(m,r);return a&&S.insertBefore(a,S.children[0]),s&&S.insertBefore(s,S.children[0]),f&&Ae(r),yield y==null?void 0:y(S),S})}function Ht(e,t){const{width:r,height:n}=t,i=ue(r,n,e.ownerDocument),o=i.ownerDocument.createElementNS(i.namespaceURI,"foreignObject");return o.setAttributeNS(null,"x","0%"),o.setAttributeNS(null,"y","0%"),o.setAttributeNS(null,"width","100%"),o.setAttributeNS(null,"height","100%"),o.append(e),i.appendChild(o),i}function Q(e,t){return C(this,null,function*(){var s;const r=yield k(e,t),n=yield Ue(r),i=fe(n,r.isEnable("removeControlCharacter"));r.autoDestruct||(r.svgStyleElement=ye(r.ownerDocument),r.svgDefsElement=(s=r.ownerDocument)==null?void 0:s.createElementNS(K,"defs"),r.svgStyles.clear());const o=_(i,n.ownerDocument);return yield wt(o,r)})}function zt(e,t){return C(this,null,function*(){const r=yield k(e,t),{log:n,type:i,quality:o,dpi:s}=r,a=yield Q(r);n.time("canvas to blob");const c=yield ct(a,i,o);if(["image/png","image/jpeg"].includes(i)&&s){const u=yield dt(c.slice(0,33));let l=new Uint8Array(u);return i==="image/png"?l=oe(l,s):i==="image/jpeg"&&(l=T(l,s)),n.timeEnd("canvas to blob"),new Blob([l,c.slice(33)],{type:i})}return n.timeEnd("canvas to blob"),c})}function M(e,t){return C(this,null,function*(){const r=yield k(e,t),{log:n,quality:i,type:o,dpi:s}=r,a=yield Q(r);n.time("canvas to data url");let c=a.toDataURL(o,i);if(["image/png","image/jpeg"].includes(o)&&s&&se&&ze){const[u,l]=c.split(",");let f=0,d=!1;if(o==="image/png"){const S=Ve(l);S>=0?(f=Math.ceil((S+28)/3)*4,d=!0):f=33/3*4}else o==="image/jpeg"&&(f=18/3*4);const g=l.substring(0,f),y=l.substring(f),m=window.atob(g),p=new Uint8Array(m.length);for(let S=0;S<p.length;S++)p[S]=m.charCodeAt(S);const b=o==="image/png"?oe(p,s,d):T(p,s),h=window.btoa(String.fromCharCode(...b));c=[u,",",h,y].join("")}return n.timeEnd("canvas to data url"),c})}function _e(e,t){return C(this,null,function*(){const r=yield k(e,t),{width:n,height:i,ownerDocument:o}=r,s=yield M(r),a=ue(n,i,o),c=a.ownerDocument.createElementNS(a.namespaceURI,"image");return c.setAttributeNS(null,"href",s),c.setAttributeNS(null,"height","100%"),c.setAttributeNS(null,"width","100%"),a.appendChild(c),fe(a,r.isEnable("removeControlCharacter"))})}function Xt(e,t){return C(this,null,function*(){const r=yield k(e,t),{ownerDocument:n,width:i,height:o,scale:s,type:a}=r,c=a==="image/svg+xml"?yield _e(r):yield M(r),u=_(c,n);return u.width=Math.floor(i*s),u.height=Math.floor(o*s),u.style.width=`${i}px`,u.style.height=`${o}px`,u})}function Gt(e,t){return C(this,null,function*(){return M(yield k(e,L(D({},t),{type:"image/jpeg"})))})}function Yt(e,t){return C(this,null,function*(){const r=yield k(e,t),n=yield Q(r);return n.getContext("2d").getImageData(0,0,n.width,n.height).data})}function Jt(e,t){return C(this,null,function*(){return M(yield k(e,L(D({},t),{type:"image/png"})))})}function Kt(e,t){return C(this,null,function*(){return M(yield k(e,L(D({},t),{type:"image/webp"})))})}w.createContext=pe,w.destroyContext=Ae,w.domToBlob=zt,w.domToCanvas=Q,w.domToDataUrl=M,w.domToForeignObjectSvg=Ue,w.domToImage=Xt,w.domToJpeg=Gt,w.domToPixel=Yt,w.domToPng=Jt,w.domToSvg=_e,w.domToWebp=Kt,w.loadMedia=x,w.waitUntilLoad=ge,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});