@zumer/snapdom 1.9.6 → 1.9.8
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 +57 -9
- package/dist/snapdom.js +240 -139
- package/dist/snapdom.min.js +3 -3
- package/dist/snapdom.min.mjs +3 -3
- package/dist/snapdom.mjs +230 -137
- package/package.json +1 -1
- package/types/snapdom.d.ts +1 -0
package/dist/snapdom.min.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(()=>{var
|
|
2
|
-
`;return a}function ie(){let e=new Set(f.preStyleMap.values()),t=new Map,a=1;for(let i of e)t.set(i,`c${a++}`);return t}function P(a){return h(this,arguments,function*(e,t={}){let i=D(e),c=/^((repeating-)?(linear|radial|conic)-gradient)\(/i.test(e);if(i){let n=z(i);if(f.background.has(n))return t.skipInline?void 0:`url(${f.background.get(n)})`;{let s=yield T(n,{useProxy:t.useProxy});return f.background.set(n,s),t.skipInline?void 0:`url("${s}")`}}return e})}function L(e,{fast:t=!1}={}){if(t)return e();"requestIdleCallback"in window?requestIdleCallback(e,{timeout:50}):setTimeout(e,1)}function A(e,t=null){if(!(e instanceof Element))return window.getComputedStyle(e,t);let a=f.computedStyle.get(e);if(a||(a=new Map,f.computedStyle.set(e,a)),!a.has(t)){let i=window.getComputedStyle(e,t);a.set(t,i)}return a.get(t)}function ce(e){let t=e.replace(/^['"]|['"]$/g,"");if(t.startsWith("\\"))try{return String.fromCharCode(parseInt(t.replace("\\",""),16))}catch(a){return t}return t}function D(e){let t=e.match(/url\((['"]?)(.*?)(\1)\)/);if(!t)return null;let a=t[2].trim();return a.startsWith("#")?null:a}function T(e,{timeout:t=3e3,useProxy:a=""}={}){function i(o){try{return new URL(o,window.location.href).origin===window.location.origin?"use-credentials":"anonymous"}catch(r){return"anonymous"}}function c(o){return h(this,null,function*(){let r=d=>fetch(d,{mode:"cors",credentials:i(d)==="use-credentials"?"include":"omit"}).then(u=>u.blob()).then(u=>new Promise((m,p)=>{let y=new FileReader;y.onloadend=()=>{let w=y.result;if(typeof w!="string"||!w.startsWith("data:image/")){p(new Error("Invalid image data URL"));return}m(w)},y.onerror=()=>p(new Error("FileReader error")),y.readAsDataURL(u)}));try{return yield r(o)}catch(d){if(a&&typeof a=="string"){let u=a.replace(/\/$/,"")+z(o);try{return yield r(u)}catch(m){throw new Error("[SnapDOM - fetchImage] CORS restrictions prevented image capture (even via proxy)")}}else throw new Error("[SnapDOM - fetchImage] Fetch fallback failed and no proxy provided")}})}let n=i(e);return f.image.has(e)?Promise.resolve(f.image.get(e)):e.startsWith("data:image/")?(f.image.set(e,e),Promise.resolve(e)):/\.svg(\?.*)?$/i.test(e)?h(null,null,function*(){try{let r=yield(yield fetch(e,{mode:"cors",credentials:n==="use-credentials"?"include":"omit"})).text(),d=`data:image/svg+xml;charset=utf-8,${encodeURIComponent(r)}`;return f.image.set(e,d),d}catch(o){return c(e)}}):new Promise((o,r)=>{let d=setTimeout(()=>{r(new Error("[SnapDOM - fetchImage] Image load timed out"))},t),u=new Image;u.crossOrigin=n,u.onload=()=>h(null,null,function*(){clearTimeout(d);try{yield u.decode();let m=document.createElement("canvas");m.width=u.width,m.height=u.height,m.getContext("2d").drawImage(u,0,0,m.width,m.height);let y=m.toDataURL("image/png");f.image.set(e,y),o(y)}catch(m){try{let p=yield c(e);f.image.set(e,p),o(p)}catch(p){r(p)}}}),u.onerror=()=>h(null,null,function*(){clearTimeout(d),console.error(`[SnapDOM - fetchImage] Image failed to load: ${e}`);try{let m=yield c(e);f.image.set(e,m),o(m)}catch(m){r(m)}}),u.src=e})}function Y(e){let t={};for(let a of e)t[a]=e.getPropertyValue(a);return t}function q(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function le(e){if(!e||e==="none")return"";let t=e.replace(/translate[XY]?\([^)]*\)/g,"");return t=t.replace(/matrix\(([^)]+)\)/g,(a,i)=>{let c=i.split(",").map(n=>n.trim());return c.length!==6?`matrix(${i})`:(c[4]="0",c[5]="0",`matrix(${c.join(", ")})`)}),t=t.replace(/matrix3d\(([^)]+)\)/g,(a,i)=>{let c=i.split(",").map(n=>n.trim());return c.length!==16?`matrix3d(${i})`:(c[12]="0",c[13]="0",`matrix3d(${c.join(", ")})`)}),t.trim().replace(/\s{2,}/g," ")}function z(e){if(/%[0-9A-Fa-f]{2}/.test(e))return e;try{return encodeURI(e)}catch(t){return e}}function U(e){let t=[],a=0,i=0;for(let c=0;c<e.length;c++){let n=e[c];n==="("&&a++,n===")"&&a--,n===","&&a===0&&(t.push(e.slice(i,c).trim()),i=c+1)}return t.push(e.slice(i).trim()),t}function Re(e){let t={};for(let a=0;a<e.length;a++){let i=e[a],c=e.getPropertyValue(i);(i==="background-image"||i==="content")&&c.includes("url(")&&!c.includes("data:")&&(c="none"),t[i]=c}return t}function H(e,t,a){var o;if(e.tagName==="STYLE")return;f.preStyle.has(e)||f.preStyle.set(e,A(e));let i=f.preStyle.get(e);if(!f.snapshot.has(e)){let r=Re(i);f.snapshot.set(e,r)}let c=f.snapshot.get(e),n=Object.entries(c).sort(([r],[d])=>r.localeCompare(d)).map(([r,d])=>`${r}:${d}`).join(";");if(f.snapshotKey.has(n)){f.preStyleMap.set(t,f.snapshotKey.get(n));return}let s=((o=e.tagName)==null?void 0:o.toLowerCase())||"div",l=B(c,s,a);f.snapshotKey.set(n,l),f.preStyleMap.set(t,l)}function j(e,t,a={},i){var l,o;if(!e)throw new Error("Invalid node");let c=new Set,n=null;if(e.nodeType===Node.TEXT_NODE||e.nodeType!==Node.ELEMENT_NODE)return e.cloneNode(!0);if(e.getAttribute("data-capture")==="exclude"){let r=document.createElement("div"),d=e.getBoundingClientRect();return r.style.cssText=`display:inline-block;width:${d.width}px;height:${d.height}px;visibility:hidden;`,r}if(a.exclude&&Array.isArray(a.exclude))for(let r of a.exclude)try{if((l=e.matches)!=null&&l.call(e,r)){let d=document.createElement("div"),u=e.getBoundingClientRect();return d.style.cssText=`display:inline-block;width:${u.width}px;height:${u.height}px;visibility:hidden;`,d}}catch(d){console.warn(`Invalid selector in exclude option: ${r}`,d)}if(typeof a.filter=="function")try{if(!a.filter(e,i||e)){let r=document.createElement("div"),d=e.getBoundingClientRect();return r.style.cssText=`display:inline-block;width:${d.width}px;height:${d.height}px;visibility:hidden;`,r}}catch(r){console.warn("Error in filter function:",r)}if(e.tagName==="IFRAME"){let r=document.createElement("div");return r.style.cssText=`width:${e.offsetWidth}px;height:${e.offsetHeight}px;background-image:repeating-linear-gradient(45deg,#ddd,#ddd 5px,#f9f9f9 5px,#f9f9f9 10px);display:flex;align-items:center;justify-content:center;font-size:12px;color:#555;border:1px solid #aaa;`,r}if(e.getAttribute("data-capture")==="placeholder"){let r=e.cloneNode(!1);f.preNodeMap.set(r,e),H(e,r,t);let d=document.createElement("div");return d.textContent=e.getAttribute("data-placeholder-text")||"",d.style.cssText="color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;",r.appendChild(d),r}if(e.tagName==="CANVAS"){let r=e.toDataURL(),d=document.createElement("img");return d.src=r,d.width=e.width,d.height=e.height,f.preNodeMap.set(d,e),H(e,d,t),d}let s;try{s=e.cloneNode(!1),f.preNodeMap.set(s,e)}catch(r){throw console.error("[Snapdom] Failed to clone node:",e,r),r}if(e instanceof HTMLTextAreaElement){s.textContent=e.value,s.value=e.value;let r=e.getBoundingClientRect();return s.style.width=`${r.width}px`,s.style.height=`${r.height}px`,s}if(e instanceof HTMLInputElement)return s.value=e.value,s.setAttribute("value",e.value),e.checked!==void 0&&(s.checked=e.checked,e.checked&&s.setAttribute("checked",""),e.indeterminate&&(s.indeterminate=e.indeterminate)),s;if(e instanceof HTMLSelectElement&&(n=e.value),H(e,s,t),e.shadowRoot)if(Array.from(e.shadowRoot.querySelectorAll("slot")).length>0){for(let d of e.shadowRoot.childNodes)if(d.nodeType===Node.ELEMENT_NODE&&d.tagName==="STYLE"){let u=d.textContent||"";u.trim()&&t&&(f.preStyle||(f.preStyle=new WeakMap),f.preStyle.set(d,u))}}else{let d=document.createDocumentFragment();for(let u of e.shadowRoot.childNodes){if(u.nodeType===Node.ELEMENT_NODE&&u.tagName==="STYLE"){let p=u.textContent||"";p.trim()&&t&&(f.preStyle||(f.preStyle=new WeakMap),f.preStyle.set(u,p));continue}let m=j(u,t,a,i||e);m&&d.appendChild(m)}s.appendChild(d)}if(e.tagName==="SLOT"){let r=((o=e.assignedNodes)==null?void 0:o.call(e,{flatten:!0}))||[],d=r.length>0?r:Array.from(e.childNodes),u=document.createDocumentFragment();for(let m of d){let p=j(m,t,a,i||e);p&&u.appendChild(p)}return u}for(let r of e.childNodes){if(c.has(r))continue;let d=j(r,t,a,i||e);d&&s.appendChild(d)}if(n!==null&&s instanceof HTMLSelectElement){s.value=n;for(let r of s.options)r.value===n?r.setAttribute("selected",""):r.removeAttribute("selected")}return s}var Ae=[/font\s*awesome/i,/material\s*icons/i,/ionicons/i,/glyphicons/i,/feather/i,/bootstrap\s*icons/i,/remix\s*icons/i,/heroicons/i,/layui/i,/lucide/i],X=[];function fe(e){let t=Array.isArray(e)?e:[e];for(let a of t)a instanceof RegExp?X.push(a):typeof a=="string"?X.push(new RegExp(a,"i")):console.warn("[snapdom] Ignored invalid iconFont value:",a)}function I(e){let t=typeof e=="string"?e:"",a=[...Ae,...X];for(let i of a)if(i instanceof RegExp&&i.test(t))return!0;return!!(/icon/i.test(t)||/glyph/i.test(t)||/symbols/i.test(t)||/feather/i.test(t)||/fontawesome/i.test(t))}function de(e,t,a,i=32,c="#000"){return h(this,null,function*(){t=t.replace(/^['"]+|['"]+$/g,"");let n=window.devicePixelRatio||1,l=document.createElement("canvas").getContext("2d");l.font=a?`${a} ${i}px "${t}"`:`${i}px "${t}"`;let o=l.measureText(e),r=o.actualBoundingBoxAscent||i*.8,d=o.actualBoundingBoxDescent||i*.2,u=r+d,m=o.width,p=document.createElement("canvas");p.width=Math.ceil(m*n),p.height=Math.ceil(u*n);let y=p.getContext("2d");return y.scale(n,n),y.font=l.font,y.textAlign="left",y.textBaseline="alphabetic",y.fillStyle=c,y.fillText(e,0,r),p.toDataURL()})}function ue(e){return Array.from(document.styleSheets).some(t=>t.href===e)}function Te(e){return new Promise(t=>{if(ue(e))return t(null);let a=document.createElement("link");a.rel="stylesheet",a.href=e,a.setAttribute("data-snapdom","injected-import"),a.onload=()=>t(a),a.onerror=()=>t(null),document.head.appendChild(a)})}function K(){return h(this,arguments,function*({preCached:e=!1}={}){if(f.resource.has("fonts-embed-css")){if(e){let n=document.createElement("style");n.setAttribute("data-snapdom","embedFonts"),n.textContent=f.resource.get("fonts-embed-css"),document.head.appendChild(n)}return f.resource.get("fonts-embed-css")}let t=/@import\s+url\(["']?([^"')]+)["']?\)/g,a=[];for(let n of document.querySelectorAll("style")){let s=n.textContent||"",l=Array.from(s.matchAll(t));for(let o of l){let r=o[1];I(r)||ue(r)||a.push(r)}}yield Promise.all(a.map(Te));let i=Array.from(document.querySelectorAll('link[rel="stylesheet"]')).filter(n=>n.href),c="";for(let n of i)try{let l=yield(yield fetch(n.href)).text();if(I(n.href)||I(l))continue;let o=/url\((["']?)([^"')]+)\1\)/g,r=yield Promise.all(Array.from(l.matchAll(o)).map(u=>h(null,null,function*(){let m=D(u[0]);if(!m)return null;let p=m;if(!p.startsWith("http")&&!p.startsWith("data:")&&(p=new URL(p,n.href).href),I(p))return null;if(f.resource.has(p))return f.font.add(p),{original:u[0],inlined:`url(${f.resource.get(p)})`};if(f.font.has(p))return null;try{let w=yield(yield fetch(p)).blob(),x=yield new Promise(g=>{let b=new FileReader;b.onload=()=>g(b.result),b.readAsDataURL(w)});return f.resource.set(p,x),f.font.add(p),{original:u[0],inlined:`url(${x})`}}catch(y){return console.warn("[snapdom] Failed to fetch font resource:",p),null}}))),d=l;for(let u of r)u&&(d=d.replace(u.original,u.inlined));c+=d+`
|
|
3
|
-
`}catch(s){console.warn("[snapdom] Failed to fetch CSS:",n.href)}for(let n of document.styleSheets)try{if(!n.href||i.every(s=>s.href!==n.href)){for(let s of n.cssRules)if(s.type===CSSRule.FONT_FACE_RULE){let l=s.style.getPropertyValue("src"),o=s.style.getPropertyValue("font-family");if(!l||I(o))continue;let r=/url\((["']?)([^"')]+)\1\)/g,d=/local\((["']?)[^)]+?\1\)/g,u=r.test(l),m=d.test(l);if(!u&&m){c+=`@font-face{font-family:${o};src:${l};font-style:${s.style.getPropertyValue("font-style")||"normal"};font-weight:${s.style.getPropertyValue("font-weight")||"normal"};}`;continue}let p=l,y=Array.from(l.matchAll(r));for(let w of y){let x=w[2].trim();if(!x)continue;let g=x;if(!g.startsWith("http")&&!g.startsWith("data:")&&(g=new URL(g,n.href||location.href).href),!I(g)){if(f.resource.has(g)){f.font.add(g),p=p.replace(w[0],`url(${f.resource.get(g)})`);continue}if(!f.font.has(g))try{let S=yield(yield fetch(g)).blob(),$=yield new Promise(N=>{let k=new FileReader;k.onload=()=>N(k.result),k.readAsDataURL(S)});f.resource.set(g,$),f.font.add(g),p=p.replace(w[0],`url(${$})`)}catch(b){console.warn("[snapdom] Failed to fetch font URL:",g)}}}c+=`@font-face{font-family:${o};src:${p};font-style:${s.style.getPropertyValue("font-style")||"normal"};font-weight:${s.style.getPropertyValue("font-weight")||"normal"};}`}}}catch(s){console.warn("[snapdom] Cannot access stylesheet",n.href,s)}for(let n of document.fonts)if(n.family&&n.status==="loaded"&&n._snapdomSrc){if(I(n.family))continue;let s=n._snapdomSrc;if(!s.startsWith("data:")){if(f.resource.has(n._snapdomSrc))s=f.resource.get(n._snapdomSrc),f.font.add(n._snapdomSrc);else if(!f.font.has(n._snapdomSrc))try{let o=yield(yield fetch(n._snapdomSrc)).blob();s=yield new Promise(r=>{let d=new FileReader;d.onload=()=>r(d.result),d.readAsDataURL(o)}),f.resource.set(n._snapdomSrc,s),f.font.add(n._snapdomSrc)}catch(l){console.warn("[snapdom] Failed to fetch dynamic font src:",n._snapdomSrc);continue}}c+=`@font-face{font-family:'${n.family}';src:url(${s});font-style:${n.style||"normal"};font-weight:${n.weight||"normal"};}`}if(c&&(f.resource.set("fonts-embed-css",c),e)){let n=document.createElement("style");n.setAttribute("data-snapdom","embedFonts"),n.textContent=c,document.head.appendChild(n)}return c})}function G(e,t,a,i=!1,c){return h(this,null,function*(){if(!(e instanceof Element)||!(t instanceof Element))return;for(let l of["::before","::after","::first-letter"])try{let o=A(e,l);if(!o||typeof o[Symbol.iterator]!="function")continue;if(l==="::first-letter"){let w=getComputedStyle(e);if(!(o.color!==w.color||o.fontSize!==w.fontSize||o.fontWeight!==w.fontWeight))continue;let g=Array.from(t.childNodes).find(v=>v.nodeType===Node.TEXT_NODE&&v.textContent&&v.textContent.trim().length>0);if(!g)continue;let b=g.textContent,S=b.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u),$=S==null?void 0:S[0],N=b.slice(($==null?void 0:$.length)||0);if(!$||/[\uD800-\uDFFF]/.test($))continue;let k=document.createElement("span");k.textContent=$,k.dataset.snapdomPseudo="::first-letter";let E=Y(o),F=B(E,"span",a);f.preStyleMap.set(k,F);let W=document.createTextNode(N);t.replaceChild(W,g),t.insertBefore(k,W);continue}let r=o.getPropertyValue("content"),d=o.getPropertyValue("background-image"),u=o.getPropertyValue("background-color"),m=r!=="none",p=d&&d!=="none",y=u&&u!=="transparent"&&u!=="rgba(0, 0, 0, 0)";if(m||p||y){let w=o.getPropertyValue("font-family"),x=parseInt(o.getPropertyValue("font-size"))||32,g=parseInt(o.getPropertyValue("font-weight"))||!1,b=o.getPropertyValue("color")||"#000",S=document.createElement("span");S.dataset.snapdomPseudo=l;let $=Y(o),N=B($,"span",a);f.preStyleMap.set(S,N);let k=I(w),E;if(/counter\s*\(|counters\s*\(/.test(r)?E="- ":E=ce(r),k&&E.length===1){let v=document.createElement("img");v.src=yield de(E,w,g,x,b),v.style=`width:${x}px;height:auto;object-fit:contain;`,S.appendChild(v)}else if(E.startsWith("url(")){let v=D(E);if(v&&v.trim()!=="")try{let R=document.createElement("img"),O=yield T(z(v,{useProxy:c}));R.src=O,R.style=`width:${x}px;height:auto;object-fit:contain;`,S.appendChild(R)}catch(R){console.error(`[snapdom] Error in pseudo ${l} for`,e,R)}}else!k&&E&&E!=="none"&&(S.textContent=E);if(p)try{let v=U(d),R=yield Promise.all(v.map(O=>P(O)));S.style.backgroundImage=R.join(", ")}catch(v){console.warn(`[snapdom] Failed to inline background-image for ${l}`,v)}if(y&&(S.style.backgroundColor=u),!(S.childNodes.length>0||S.textContent&&S.textContent.trim()!==""||p||y))continue;l==="::before"?t.insertBefore(S,t.firstChild):t.appendChild(S)}}catch(o){console.warn(`[snapdom] Failed to capture ${l} for`,e,o)}let n=Array.from(e.children),s=Array.from(t.children).filter(l=>!l.dataset.snapdomPseudo);for(let l=0;l<Math.min(n.length,s.length);l++)yield G(n[l],s[l],a,i,c)})}function pe(e){if(!e)return;let t=document.querySelectorAll("svg > defs");t.length&&e.querySelectorAll("svg").forEach(a=>{let i=a.querySelectorAll("use");if(!i.length)return;let c=new Set;if(i.forEach(s=>{let l=s.getAttribute("xlink:href")||s.getAttribute("href");l&&l.startsWith("#")&&c.add(l.slice(1))}),!c.size)return;let n=document.createElementNS("http://www.w3.org/2000/svg","defs");for(let s of c)for(let l of t){let o=l.querySelector(`#${CSS.escape(s)}`);if(o){n.appendChild(o.cloneNode(!0));break}}n.childNodes.length&&a.insertBefore(n,a.firstChild)})}function me(c){return h(this,arguments,function*(e,t=!1,a=!1,i={}){var l;let n,s="";try{n=j(e,t,i,e)}catch(o){throw console.warn("deepClone failed:",o),o}try{yield G(e,n,t,a,i.useProxy)}catch(o){console.warn("inlinePseudoElements failed:",o)}try{pe(n)}catch(o){console.warn("inlineExternalDef failed:",o)}if(t){let o=ie();s=Array.from(o.entries()).map(([r,d])=>`.${d}{${r}}`).join("");for(let[r,d]of f.preStyleMap.entries()){if(r.tagName==="STYLE")continue;let u=o.get(d);u&&r.classList.add(u);let m=(l=r.style)==null?void 0:l.backgroundImage;r.removeAttribute("style"),m&&m!=="none"&&(r.style.backgroundImage=m)}}else for(let[o,r]of f.preStyleMap.entries())o.tagName!=="STYLE"&&o.setAttribute("style",r.replace(/;/g,"; "));for(let[o,r]of f.preNodeMap.entries()){let d=r.scrollLeft,u=r.scrollTop;if((d||u)&&o instanceof HTMLElement){o.style.overflow="hidden",o.style.scrollbarWidth="none",o.style.msOverflowStyle="none";let p=document.createElement("div");for(p.style.transform=`translate(${-d}px, ${-u}px)`,p.style.willChange="transform",p.style.display="inline-block",p.style.width="100%";o.firstChild;)p.appendChild(o.firstChild);o.appendChild(p)}}if(e===f.preNodeMap.get(n)){let o=f.preStyle.get(e)||window.getComputedStyle(e);f.preStyle.set(e,o);let r=le(o.transform);n.style.margin="0",n.style.position="static",n.style.top="auto",n.style.left="auto",n.style.right="auto",n.style.bottom="auto",n.style.zIndex="auto",n.style.float="none",n.style.clear="none",n.style.transform=r||""}for(let[o,r]of f.preNodeMap.entries())r.tagName==="PRE"&&(o.style.marginTop="0",o.style.marginBlockStart="0");return{clone:n,classCSS:s}})}function he(a){return h(this,arguments,function*(e,t={}){let i=Array.from(e.querySelectorAll("img")),c=n=>h(null,null,function*(){let s=n.src;try{let l=yield T(s,{useProxy:t.useProxy});n.src=l,n.width||(n.width=n.naturalWidth||100),n.height||(n.height=n.naturalHeight||100)}catch(l){let o=document.createElement("div");o.style=`width: ${n.width||100}px; height: ${n.height||100}px; background: #ccc; display: inline-block; text-align: center; line-height: ${n.height||100}px; color: #666; font-size: 12px;`,o.innerText="img",n.replaceWith(o)}});for(let n=0;n<i.length;n+=4){let s=i.slice(n,n+4).map(c);yield Promise.allSettled(s)}})}function ge(i,c){return h(this,arguments,function*(e,t,a={}){let n=[[e,t]],s=["background-image","mask","mask-image","-webkit-mask-image","mask-source","mask-box-image-source","mask-border-source","-webkit-mask-box-image-source"];for(;n.length;){let[l,o]=n.shift(),r=f.preStyle.get(l)||A(l);f.preStyle.has(l)||f.preStyle.set(l,r);for(let p of s){let y=r.getPropertyValue(p);if(!y||y==="none")continue;let w=U(y),x=yield Promise.all(w.map(g=>P(g,a)));x.some(g=>g&&g!=="none"&&!/^url\(undefined/.test(g))&&o.style.setProperty(p,x.join(", "))}let d=r.getPropertyValue("background-color");d&&d!=="transparent"&&d!=="rgba(0, 0, 0, 0)"&&(o.style.backgroundColor=d);let u=Array.from(l.children),m=Array.from(o.children);for(let p=0;p<Math.min(u.length,m.length);p++)n.push([u[p],m[p]])}})}function ye(a){return h(this,arguments,function*(e,t={}){if(!e)throw new Error("Element cannot be null or undefined");f.reset();let{compress:i=!0,embedFonts:c=!1,fast:n=!0,scale:s=1,useProxy:l=""}=t,o,r,d="",u="",m,p;if({clone:o,classCSS:r}=yield me(e,i,c,t),yield new Promise(w=>{L(()=>h(null,null,function*(){yield he(o,t),w()}),{fast:n})}),yield new Promise(w=>{L(()=>h(null,null,function*(){yield ge(e,o,t),w()}),{fast:n})}),c&&(yield new Promise(w=>{L(()=>h(null,null,function*(){d=yield K(),w()}),{fast:n})})),i){let w=re(o).sort(),x=w.join(",");f.baseStyle.has(x)?u=f.baseStyle.get(x):yield new Promise(g=>{L(()=>{u=se(w),f.baseStyle.set(x,u),g()},{fast:n})})}yield new Promise(w=>{L(()=>{let x=e.getBoundingClientRect(),g=x.width,b=x.height,S=Number.isFinite(t.width),$=Number.isFinite(t.height),N=typeof s=="number"&&s!==1;if(!N){let V=x.width/x.height;S&&$?(g=t.width,b=t.height):S?(g=t.width,b=g/V):$&&(b=t.height,g=b*V)}if(g=Math.ceil(g),b=Math.ceil(b),o.setAttribute("xmlns","http://www.w3.org/1999/xhtml"),o.style.transformOrigin="top left",!N&&(S||$)){let V=x.width,be=x.height,Ce=g/V,Ee=b/be,ve=o.style.transform||"",$e=`scale(${Ce}, ${Ee})`;o.style.transform=`${$e} ${ve}`.trim()}else N&&q()&&(o.style.scale=`${s}`);let k="http://www.w3.org/2000/svg",E=document.createElementNS(k,"foreignObject");E.setAttribute("width","100%"),E.setAttribute("height","100%");let F=document.createElement("style");F.textContent=u+d+"svg{overflow:visible;}"+r,E.appendChild(F),E.appendChild(o);let v=new XMLSerializer().serializeToString(E);p=`<svg xmlns="${k}" width="${g}" height="${b}" viewBox="0 0 ${g} ${b}">`+v+"</svg>",m=`data:image/svg+xml;charset=utf-8,${encodeURIComponent(p)}`,w()},{fast:n})});let y=document.getElementById("snapdom-sandbox");return y&&y.style.position==="absolute"&&y.remove(),m})}function Me(i,c){return h(this,arguments,function*(e,{dpr:t=1,scale:a=1}){let n=new Image;return n.src=e,yield n.decode(),q?(n.width=n.width*a,n.height=n.height*a):(n.width=n.width/a,n.height=n.height/a),n})}function we(i){return h(this,arguments,function*(e,{dpr:t=1,scale:a=1}={}){let c=new Image;c.src=e,yield c.decode();let n=document.createElement("canvas"),s=c.width*a,l=c.height*a;n.width=Math.ceil(s*t),n.height=Math.ceil(l*t);let o=n.getContext("2d");return o.scale(t,t),o.drawImage(c,0,0,s,l),n.style.width=`${s}px`,n.style.height=`${l}px`,n})}function xe(n){return h(this,arguments,function*(e,{type:t="svg",scale:a=1,backgroundColor:i="#fff",quality:c}={}){let s={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",webp:"image/webp"}[t]||"image/png";if(t==="svg"){let o=decodeURIComponent(e.split(",")[1]);return new Blob([o],{type:"image/svg+xml"})}let l=yield Q(e,{dpr:1,scale:a},i);return new Promise(o=>{l.toBlob(r=>o(r),`${s}`,c)})})}function Q(c,n,s){return h(this,arguments,function*(e,{dpr:t=1,scale:a=1},i){let l=yield we(e,{dpr:t,scale:a});if(!i)return l;let o=document.createElement("canvas");o.width=l.width,o.height=l.height;let r=o.getContext("2d");return r.fillStyle=i,r.fillRect(0,0,o.width,o.height),r.drawImage(l,0,0),o})}function J(s,l){return h(this,arguments,function*(e,{dpr:t=1,scale:a=1,backgroundColor:i,quality:c},n="png"){let o=["jpg","jpeg","webp"].includes(n)?"#fff":void 0,r=i!=null?i:o,d=yield Q(e,{dpr:t,scale:a},r),u=new Image;return u.src=d.toDataURL(`image/${n}`,c),yield u.decode(),u.style.width=`${d.width/t}px`,u.style.height=`${d.height/t}px`,u})}function Pe(s){return h(this,arguments,function*(e,{dpr:t=1,scale:a=1,backgroundColor:i="#fff",format:c="png",filename:n="capture"}={}){if(c==="svg"){let p=yield xe(e),y=URL.createObjectURL(p),w=document.createElement("a");w.href=y,w.download=`${n}.svg`,w.click(),URL.revokeObjectURL(y);return}let l=["jpg","jpeg","webp"].includes(c)?"#fff":void 0,o=i!=null?i:l,r=yield Q(e,{dpr:t,scale:a},o),d={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",webp:"image/webp"}[c]||"image/png",u=r.toDataURL(d),m=document.createElement("a");m.href=u,m.download=`${n}.${c}`,m.click()})}function C(a){return h(this,arguments,function*(e,t={}){if(t=M({scale:1},t),!e)throw new Error("Element cannot be null or undefined");return t.iconFonts&&fe(t.iconFonts),yield C.capture(e,t)})}C.capture=(a,...i)=>h(null,[a,...i],function*(e,t={}){let c=yield ye(e,t),n=window.devicePixelRatio||1,s=t.scale||1;return{url:c,options:t,toRaw:()=>c,toImg:()=>Me(c,{dpr:n,scale:s}),toCanvas:()=>we(c,{dpr:n,scale:s}),toBlob:l=>xe(c,M({dpr:n,scale:s},l)),toPng:l=>J(c,M({dpr:n,scale:s},l),"png"),toJpg:l=>J(c,M({dpr:n,scale:s},l),"jpeg"),toWebp:l=>J(c,M({dpr:n,scale:s},l),"webp"),download:({format:l="png",filename:o="capture",backgroundColor:r}={})=>Pe(c,{dpr:n,scale:s,backgroundColor:r,format:l,filename:o})}});C.toRaw=(e,t)=>h(null,null,function*(){return(yield C.capture(e,t)).toRaw()});C.toImg=(e,t)=>h(null,null,function*(){return(yield C.capture(e,t)).toImg()});C.toCanvas=(e,t)=>h(null,null,function*(){return(yield C.capture(e,t)).toCanvas()});C.toBlob=(e,t)=>h(null,null,function*(){return(yield C.capture(e,t)).toBlob(t)});C.toPng=(e,t)=>h(null,null,function*(){return(yield C.capture(e,t)).toPng(t)});C.toJpg=(e,t)=>h(null,null,function*(){return(yield C.capture(e,t)).toJpg(t)});C.toWebp=(e,t)=>h(null,null,function*(){return(yield C.capture(e,t)).toWebp(t)});C.download=(a,...i)=>h(null,[a,...i],function*(e,t={}){let r=t,{format:c="png",filename:n="capture",backgroundColor:s}=r,l=ne(r,["format","filename","backgroundColor"]);return yield(yield C.capture(e,l)).download({format:c,filename:n,backgroundColor:s})});function Se(){return h(this,arguments,function*(e=document,t={}){let{embedFonts:a=!0,reset:i=!1}=t;if(i){f.reset();return}yield document.fonts.ready,oe();let c=[],n=[];e!=null&&e.querySelectorAll&&(c=Array.from(e.querySelectorAll("img[src]")),n=Array.from(e.querySelectorAll("*")));let s=[];for(let l of c){let o=l.src;f.image.has(o)||s.push(T(o,{useProxy:t.useProxy}).then(r=>f.image.set(o,r)).catch(()=>{}))}for(let l of n){let o=A(l).backgroundImage;if(o&&o!=="none"){let r=U(o);for(let d of r)d.startsWith("url(")&&s.push(P(d,t).catch(()=>{}))}}a&&(yield K({preCached:!0})),yield Promise.all(s)})}typeof window!="undefined"&&(window.snapdom=C,window.preCache=Se);})();
|
|
1
|
+
(()=>{var De=Object.defineProperty;var Y=Object.getOwnPropertySymbols;var he=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable;var ue=(e,t,r)=>t in e?De(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,R=(e,t)=>{for(var r in t||(t={}))he.call(t,r)&&ue(e,r,t[r]);if(Y)for(var r of Y(t))ge.call(t,r)&&ue(e,r,t[r]);return e};var oe=(e,t)=>{var r={};for(var l in e)he.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&Y)for(var l of Y(e))t.indexOf(l)<0&&ge.call(e,l)&&(r[l]=e[l]);return r};var g=(e,t,r)=>new Promise((l,d)=>{var n=c=>{try{s(r.next(c))}catch(o){d(o)}},a=c=>{try{s(r.throw(c))}catch(o){d(o)}},s=c=>c.done?l(c.value):Promise.resolve(c.value).then(n,a);s((r=r.apply(e,t)).next())});var f={image:new Map,background:new Map,resource:new Map,defaultStyle:new Map,baseStyle:new Map,computedStyle:new WeakMap,font:new Set,snapshot:new WeakMap,snapshotKey:new Map,preStyleMap:new Map,preStyle:new WeakMap,preNodeMap:new Map,reset:Oe};function Oe(){f.computedStyle=new WeakMap,f.snapshot=new WeakMap,f.snapshotKey.clear(),f.preStyleMap.clear(),f.preStyle=new WeakMap,f.preNodeMap.clear()}var je=["div","span","p","a","img","ul","li","button","input","select","textarea","label","section","article","header","footer","nav","main","aside","h1","h2","h3","h4","h5","h6","svg","path","circle","rect","line","g","table","thead","tbody","tr","td","th"];function ye(){for(let e of je)we(e)}function we(e){if(f.defaultStyle.has(e))return f.defaultStyle.get(e);if(new Set(["script","style","meta","link","noscript","template","defs","symbol","title","metadata","desc"]).has(e)){let a={};return f.defaultStyle.set(e,a),a}let r=document.getElementById("snapdom-sandbox");r||(r=document.createElement("div"),r.id="snapdom-sandbox",r.style.position="absolute",r.style.left="-9999px",r.style.top="-9999px",r.style.width="0",r.style.height="0",r.style.overflow="hidden",document.body.appendChild(r));let l=document.createElement(e);l.style.all="initial",r.appendChild(l);let d=getComputedStyle(l),n={};for(let a of d)n[a]=d.getPropertyValue(a);return r.removeChild(l),f.defaultStyle.set(e,n),n}var Ve=new Set(["-webkit-locale"]);function _(e,t,r=!1){let l=[],d=we(t);for(let[n,a]of Object.entries(e))if(!Ve.has(n))if(!r)a&&l.push(`${n}:${a}`);else{let s=d[n];a&&a!==s&&l.push(`${n}:${a}`)}return l.sort().join(";")}function be(e){let t=new Set;return e.nodeType!==Node.ELEMENT_NODE&&e.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?[]:(e.tagName&&t.add(e.tagName.toLowerCase()),typeof e.querySelectorAll=="function"&&e.querySelectorAll("*").forEach(r=>t.add(r.tagName.toLowerCase())),Array.from(t))}function Se(e){let t=new Map;for(let l of e){let d=f.defaultStyle.get(l);if(!d)continue;let n=Object.entries(d).map(([a,s])=>`${a}:${s};`).sort().join("");t.has(n)||t.set(n,[]),t.get(n).push(l)}let r="";for(let[l,d]of t.entries())r+=`${d.join(",")} { ${l} }
|
|
2
|
+
`;return r}function xe(){let e=new Set(f.preStyleMap.values()),t=new Map,r=1;for(let l of e)l.trim()&&t.set(l,`c${r++}`);return t}function W(r){return g(this,arguments,function*(e,t={}){let l=q(e),d=/^((repeating-)?(linear|radial|conic)-gradient)\(/i.test(e);if(l){let n=G(l);if(f.background.has(n))return t.skipInline?void 0:`url(${f.background.get(n)})`;{let a=yield P(n,{useProxy:t.useProxy});return f.background.set(n,a),t.skipInline?void 0:`url("${a}")`}}return e})}function D(e,{fast:t=!1}={}){if(t)return e();"requestIdleCallback"in window?requestIdleCallback(e,{timeout:50}):setTimeout(e,1)}function A(e,t=null){if(!(e instanceof Element))return window.getComputedStyle(e,t);let r=f.computedStyle.get(e);if(r||(r=new Map,f.computedStyle.set(e,r)),!r.has(t)){let l=window.getComputedStyle(e,t);r.set(t,l)}return r.get(t)}function Ce(e){let t=e.replace(/^['"]|['"]$/g,"");if(t.startsWith("\\"))try{return String.fromCharCode(parseInt(t.replace("\\",""),16))}catch(r){return t}return t}function q(e){let t=e.match(/url\((['"]?)(.*?)(\1)\)/);if(!t)return null;let r=t[2].trim();return r.startsWith("#")?null:r}function P(e,{timeout:t=3e3,useProxy:r=""}={}){function l(c){try{return new URL(c,window.location.href).origin===window.location.origin?"use-credentials":"anonymous"}catch(o){return"anonymous"}}function d(c){return g(this,null,function*(){let o=i=>fetch(i,{mode:"cors",credentials:l(i)==="use-credentials"?"include":"omit"}).then(p=>p.blob()).then(p=>new Promise((u,m)=>{let h=new FileReader;h.onloadend=()=>{let y=h.result;if(typeof y!="string"||!y.startsWith("data:image/")){m(new Error("Invalid image data URL"));return}u(y)},h.onerror=()=>m(new Error("FileReader error")),h.readAsDataURL(p)}));try{return yield o(c)}catch(i){if(r&&typeof r=="string"){let p=r.replace(/\/$/,"")+G(c);try{return yield o(p)}catch(u){throw new Error("[SnapDOM - fetchImage] CORS restrictions prevented image capture (even via proxy)")}}else throw new Error("[SnapDOM - fetchImage] Fetch fallback failed and no proxy provided")}})}let n=l(e);return f.image.has(e)?Promise.resolve(f.image.get(e)):e.startsWith("data:image/")?(f.image.set(e,e),Promise.resolve(e)):/\.svg(\?.*)?$/i.test(e)?g(null,null,function*(){try{let o=yield(yield fetch(e,{mode:"cors",credentials:n==="use-credentials"?"include":"omit"})).text(),i=`data:image/svg+xml;charset=utf-8,${encodeURIComponent(o)}`;return f.image.set(e,i),i}catch(c){return d(e)}}):new Promise((c,o)=>{let i=setTimeout(()=>{o(new Error("[SnapDOM - fetchImage] Image load timed out"))},t),p=new Image;p.crossOrigin=n,p.onload=()=>g(null,null,function*(){clearTimeout(i);try{yield p.decode();let u=document.createElement("canvas");u.width=p.width,u.height=p.height,u.getContext("2d").drawImage(p,0,0,u.width,u.height);let h=u.toDataURL("image/png");f.image.set(e,h),c(h)}catch(u){try{let m=yield d(e);f.image.set(e,m),c(m)}catch(m){o(m)}}}),p.onerror=()=>g(null,null,function*(){clearTimeout(i),console.error(`[SnapDOM - fetchImage] Image failed to load: ${e}`);try{let u=yield d(e);f.image.set(e,u),c(u)}catch(u){o(u)}}),p.src=e})}function ae(e){let t={};for(let r of e)t[r]=e.getPropertyValue(r);return t}function Ee(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function ve(e){if(!e||e==="none")return"";let t=e.replace(/translate[XY]?\([^)]*\)/g,"");return t=t.replace(/matrix\(([^)]+)\)/g,(r,l)=>{let d=l.split(",").map(n=>n.trim());return d.length!==6?`matrix(${l})`:(d[4]="0",d[5]="0",`matrix(${d.join(", ")})`)}),t=t.replace(/matrix3d\(([^)]+)\)/g,(r,l)=>{let d=l.split(",").map(n=>n.trim());return d.length!==16?`matrix3d(${l})`:(d[12]="0",d[13]="0",`matrix3d(${d.join(", ")})`)}),t.trim().replace(/\s{2,}/g," ")}function G(e){if(/%[0-9A-Fa-f]{2}/.test(e))return e;try{return encodeURI(e)}catch(t){return e}}function O(e){let t=[],r=0,l=0;for(let d=0;d<e.length;d++){let n=e[d];n==="("&&r++,n===")"&&r--,n===","&&r===0&&(t.push(e.slice(l,d).trim()),l=d+1)}return t.push(e.slice(l).trim()),t}function _e(e){let t={},r=e.getPropertyValue("visibility");for(let l=0;l<e.length;l++){let d=e[l],n=e.getPropertyValue(d);(d==="background-image"||d==="content")&&n.includes("url(")&&!n.includes("data:")&&(n="none"),t[d]=n}return r==="hidden"&&(t.opacity="0"),t}function X(e,t,r){var c;if(e.tagName==="STYLE")return;f.preStyle.has(e)||f.preStyle.set(e,A(e));let l=f.preStyle.get(e);if(!f.snapshot.has(e)){let o=_e(l);f.snapshot.set(e,o)}let d=f.snapshot.get(e),n=Object.entries(d).sort(([o],[i])=>o.localeCompare(i)).map(([o,i])=>`${o}:${i}`).join(";");if(f.snapshotKey.has(n)){f.preStyleMap.set(t,f.snapshotKey.get(n));return}let a=((c=e.tagName)==null?void 0:c.toLowerCase())||"div",s=_(d,a,r);f.snapshotKey.set(n,s),f.preStyleMap.set(t,s)}function H(e,t,r={},l){var s,c;if(!e)throw new Error("Invalid node");let d=new Set,n=null;if(e.nodeType===Node.TEXT_NODE||e.nodeType!==Node.ELEMENT_NODE)return e.cloneNode(!0);if(e.getAttribute("data-capture")==="exclude"){let o=document.createElement("div"),i=e.getBoundingClientRect();return o.style.cssText=`display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`,o}if(r.exclude&&Array.isArray(r.exclude))for(let o of r.exclude)try{if((s=e.matches)!=null&&s.call(e,o)){let i=document.createElement("div"),p=e.getBoundingClientRect();return i.style.cssText=`display:inline-block;width:${p.width}px;height:${p.height}px;visibility:hidden;`,i}}catch(i){console.warn(`Invalid selector in exclude option: ${o}`,i)}if(typeof r.filter=="function")try{if(!r.filter(e,l||e)){let o=document.createElement("div"),i=e.getBoundingClientRect();return o.style.cssText=`display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`,o}}catch(o){console.warn("Error in filter function:",o)}if(e.tagName==="IFRAME"){let o=document.createElement("div");return o.style.cssText=`width:${e.offsetWidth}px;height:${e.offsetHeight}px;background-image:repeating-linear-gradient(45deg,#ddd,#ddd 5px,#f9f9f9 5px,#f9f9f9 10px);display:flex;align-items:center;justify-content:center;font-size:12px;color:#555;border:1px solid #aaa;`,o}if(e.getAttribute("data-capture")==="placeholder"){let o=e.cloneNode(!1);f.preNodeMap.set(o,e),X(e,o,t);let i=document.createElement("div");return i.textContent=e.getAttribute("data-placeholder-text")||"",i.style.cssText="color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;",o.appendChild(i),o}if(e.tagName==="CANVAS"){let o=e.toDataURL(),i=document.createElement("img");return i.src=o,i.width=e.width,i.height=e.height,f.preNodeMap.set(i,e),X(e,i,t),i}let a;try{a=e.cloneNode(!1),f.preNodeMap.set(a,e)}catch(o){throw console.error("[Snapdom] Failed to clone node:",e,o),o}if(e instanceof HTMLTextAreaElement){a.textContent=e.value,a.value=e.value;let o=e.getBoundingClientRect();return a.style.width=`${o.width}px`,a.style.height=`${o.height}px`,a}if(e instanceof HTMLInputElement&&(a.value=e.value,a.setAttribute("value",e.value),e.checked!==void 0&&(a.checked=e.checked,e.checked&&a.setAttribute("checked",""),e.indeterminate&&(a.indeterminate=e.indeterminate))),e instanceof HTMLSelectElement&&(n=e.value),X(e,a,t),e.shadowRoot)if(Array.from(e.shadowRoot.querySelectorAll("slot")).length>0){for(let i of e.shadowRoot.childNodes)if(i.nodeType===Node.ELEMENT_NODE&&i.tagName==="STYLE"){let p=i.textContent||"";p.trim()&&t&&(f.preStyle||(f.preStyle=new WeakMap),f.preStyle.set(i,p))}}else{let i=document.createDocumentFragment();for(let p of e.shadowRoot.childNodes){if(p.nodeType===Node.ELEMENT_NODE&&p.tagName==="STYLE"){let m=p.textContent||"";m.trim()&&t&&(f.preStyle||(f.preStyle=new WeakMap),f.preStyle.set(p,m));continue}let u=H(p,t,r,l||e);u&&i.appendChild(u)}a.appendChild(i)}if(e.tagName==="SLOT"){let o=((c=e.assignedNodes)==null?void 0:c.call(e,{flatten:!0}))||[],i=o.length>0?o:Array.from(e.childNodes),p=document.createDocumentFragment();for(let u of i){let m=H(u,t,r,l||e);m&&p.appendChild(m)}return p}for(let o of e.childNodes){if(d.has(o))continue;let i=H(o,t,r,l||e);i&&a.appendChild(i)}if(n!==null&&a instanceof HTMLSelectElement){a.value=n;for(let o of a.options)o.value===n?o.setAttribute("selected",""):o.removeAttribute("selected")}return a}var qe=[/font\s*awesome/i,/material\s*icons/i,/ionicons/i,/glyphicons/i,/feather/i,/bootstrap\s*icons/i,/remix\s*icons/i,/heroicons/i,/layui/i,/lucide/i],re=[];function $e(e){let t=Array.isArray(e)?e:[e];for(let r of t)r instanceof RegExp?re.push(r):typeof r=="string"?re.push(new RegExp(r,"i")):console.warn("[snapdom] Ignored invalid iconFont value:",r)}function $(e){let t=typeof e=="string"?e:"",r=[...qe,...re];for(let l of r)if(l instanceof RegExp&&l.test(t))return!0;return!!(/icon/i.test(t)||/glyph/i.test(t)||/symbols/i.test(t)||/feather/i.test(t)||/fontawesome/i.test(t))}function ke(e,t,r,l=32,d="#000"){return g(this,null,function*(){t=t.replace(/^['"]+|['"]+$/g,"");let n=window.devicePixelRatio||1;yield document.fonts.ready;let a=document.createElement("span");a.textContent=e,a.style.position="absolute",a.style.visibility="hidden",a.style.fontFamily=`"${t}"`,a.style.fontWeight=r||"normal",a.style.fontSize=`${l}px`,a.style.lineHeight="1",a.style.whiteSpace="nowrap",a.style.padding="0",a.style.margin="0",document.body.appendChild(a);let s=a.getBoundingClientRect(),c=Math.ceil(s.width),o=Math.ceil(s.height);document.body.removeChild(a);let i=document.createElement("canvas");i.width=c*n,i.height=o*n;let p=i.getContext("2d");return p.scale(n,n),p.font=r?`${r} ${l}px "${t}"`:`${l}px "${t}"`,p.textAlign="left",p.textBaseline="top",p.fillStyle=d,p.fillText(e,0,0),{dataUrl:i.toDataURL(),width:c,height:o}})}function Ie(e){return Array.from(document.styleSheets).some(t=>t.href===e)}function He(e){return new Promise(t=>{if(Ie(e))return t(null);let r=document.createElement("link");r.rel="stylesheet",r.href=e,r.setAttribute("data-snapdom","injected-import"),r.onload=()=>t(r),r.onerror=()=>t(null),document.head.appendChild(r)})}function J(){return g(this,arguments,function*({preCached:e=!1}={}){if(f.resource.has("fonts-embed-css")){if(e){let n=document.createElement("style");n.setAttribute("data-snapdom","embedFonts"),n.textContent=f.resource.get("fonts-embed-css"),document.head.appendChild(n)}return f.resource.get("fonts-embed-css")}let t=/@import\s+url\(["']?([^"')]+)["']?\)/g,r=[];for(let n of document.querySelectorAll("style")){let a=n.textContent||"",s=Array.from(a.matchAll(t));for(let c of s){let o=c[1];$(o)||Ie(o)||r.push(o)}}yield Promise.all(r.map(He));let l=Array.from(document.querySelectorAll('link[rel="stylesheet"]')).filter(n=>n.href),d="";for(let n of l)try{let s=yield(yield fetch(n.href)).text();if($(n.href)||$(s))continue;let c=/url\((["']?)([^"')]+)\1\)/g,o=yield Promise.all(Array.from(s.matchAll(c)).map(p=>g(null,null,function*(){let u=q(p[0]);if(!u)return null;let m=u;if(!m.startsWith("http")&&!m.startsWith("data:")&&(m=new URL(m,n.href).href),$(m))return null;if(f.resource.has(m))return f.font.add(m),{original:p[0],inlined:`url(${f.resource.get(m)})`};if(f.font.has(m))return null;try{let y=yield(yield fetch(m)).blob(),S=yield new Promise(w=>{let b=new FileReader;b.onload=()=>w(b.result),b.readAsDataURL(y)});return f.resource.set(m,S),f.font.add(m),{original:p[0],inlined:`url(${S})`}}catch(h){return console.warn("[snapdom] Failed to fetch font resource:",m),null}}))),i=s;for(let p of o)p&&(i=i.replace(p.original,p.inlined));d+=i+`
|
|
3
|
+
`}catch(a){console.warn("[snapdom] Failed to fetch CSS:",n.href)}for(let n of document.styleSheets)try{if(!n.href||l.every(a=>a.href!==n.href)){for(let a of n.cssRules)if(a.type===CSSRule.FONT_FACE_RULE){let s=a.style.getPropertyValue("src"),c=a.style.getPropertyValue("font-family");if(!s||$(c))continue;let o=/url\((["']?)([^"')]+)\1\)/g,i=/local\((["']?)[^)]+?\1\)/g,p=!!s.match(o),u=!!s.match(i);if(!p&&u){d+=`@font-face{font-family:${c};src:${s};font-style:${a.style.getPropertyValue("font-style")||"normal"};font-weight:${a.style.getPropertyValue("font-weight")||"normal"};}`;continue}let m=s,h=Array.from(s.matchAll(o));for(let y of h){let S=y[2].trim();if(!S)continue;let w=S;if(!w.startsWith("http")&&!w.startsWith("data:")&&(w=new URL(w,n.href||location.href).href),!$(w)){if(f.resource.has(w)){f.font.add(w),m=m.replace(y[0],`url(${f.resource.get(w)})`);continue}if(!f.font.has(w))try{let T=yield(yield fetch(w)).blob(),k=yield new Promise(F=>{let I=new FileReader;I.onload=()=>F(I.result),I.readAsDataURL(T)});f.resource.set(w,k),f.font.add(w),m=m.replace(y[0],`url(${k})`)}catch(b){console.warn("[snapdom] Failed to fetch font URL:",w)}}}d+=`@font-face{font-family:${c};src:${m};font-style:${a.style.getPropertyValue("font-style")||"normal"};font-weight:${a.style.getPropertyValue("font-weight")||"normal"};}`}}}catch(a){console.warn("[snapdom] Cannot access stylesheet",n.href,a)}for(let n of document.fonts)if(n.family&&n.status==="loaded"&&n._snapdomSrc){if($(n.family))continue;let a=n._snapdomSrc;if(!a.startsWith("data:")){if(f.resource.has(n._snapdomSrc))a=f.resource.get(n._snapdomSrc),f.font.add(n._snapdomSrc);else if(!f.font.has(n._snapdomSrc))try{let c=yield(yield fetch(n._snapdomSrc)).blob();a=yield new Promise(o=>{let i=new FileReader;i.onload=()=>o(i.result),i.readAsDataURL(c)}),f.resource.set(n._snapdomSrc,a),f.font.add(n._snapdomSrc)}catch(s){console.warn("[snapdom] Failed to fetch dynamic font src:",n._snapdomSrc);continue}}d+=`@font-face{font-family:'${n.family}';src:url(${a});font-style:${n.style||"normal"};font-weight:${n.weight||"normal"};}`}if(d&&(f.resource.set("fonts-embed-css",d),e)){let n=document.createElement("style");n.setAttribute("data-snapdom","embedFonts"),n.textContent=d,document.head.appendChild(n)}return d})}function se(e,t,r){return g(this,null,function*(){var n;if(!(e instanceof Element)||!(t instanceof Element))return;for(let a of["::before","::after","::first-letter"])try{let s=A(e,a);if(!s||typeof s[Symbol.iterator]!="function"||s.content==="none"&&s.backgroundImage==="none"&&s.backgroundColor==="transparent"&&(s.borderStyle==="none"||parseFloat(s.borderWidth)===0)&&(!s.transform||s.transform==="none")&&s.display==="inline")continue;if(a==="::first-letter"){let E=getComputedStyle(e);if(!(s.color!==E.color||s.fontSize!==E.fontSize||s.fontWeight!==E.fontWeight))continue;let L=Array.from(t.childNodes).find(pe=>{var me;return pe.nodeType===Node.TEXT_NODE&&((me=pe.textContent)==null?void 0:me.trim().length)>0});if(!L)continue;let U=L.textContent,ne=U.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u),B=ne==null?void 0:ne[0],Ue=U.slice((B==null?void 0:B.length)||0);if(!B||/[\uD800-\uDFFF]/.test(B))continue;let K=document.createElement("span");K.textContent=B,K.dataset.snapdomPseudo="::first-letter";let Be=ae(s),We=_(Be,"span",r);f.preStyleMap.set(K,We);let fe=document.createTextNode(Ue);t.replaceChild(fe,L),t.insertBefore(K,fe);continue}let o=s.content,i=/counter\s*\(|counters\s*\(/.test(o)?"- ":Ce(o),p=s.backgroundImage,u=s.backgroundColor,m=s.fontFamily,h=parseInt(s.fontSize)||32,y=parseInt(s.fontWeight)||!1,S=s.color||"#000",w=s.display,b=parseFloat(s.width),T=parseFloat(s.height),k=s.borderStyle,F=parseFloat(s.borderWidth),I=s.transform,N=$(m),j=o!=="none"&&i!=="",z=p&&p!=="none",V=u&&u!=="transparent"&&u!=="rgba(0, 0, 0, 0)",Q=w!=="inline"&&(b>0||T>0),Z=k&&k!=="none"&&F>0,M=I&&I!=="none";if(!(j||z||V||Q||Z||M))continue;let C=document.createElement("span");C.dataset.snapdomPseudo=a,C.style.verticalAlign="middle";let ee=ae(s),te=_(ee,"span",r);if(f.preStyleMap.set(C,te),N&&i.length===1){let{dataUrl:E,width:v,height:L}=yield ke(i,m,y,h,S),U=document.createElement("img");U.src=E,U.style=`height:${h}px;width:${v/L*h}px;object-fit:contain;`,C.appendChild(U),t.dataset.snapdomHasIcon="true"}else if(i.startsWith("url(")){let E=q(i);if(E!=null&&E.trim())try{let v=document.createElement("img"),L=yield P(G(E),r);v.src=L,v.style=`width:${h}px;height:auto;object-fit:contain;`,C.appendChild(v)}catch(v){console.error(`[snapdom] Error in pseudo ${a} for`,e,v)}}else!N&&j&&(C.textContent=i);if(z)try{let E=O(p),v=yield Promise.all(E.map(W));C.style.backgroundImage=v.join(", ")}catch(E){console.warn(`[snapdom] Failed to inline background-image for ${a}`,E)}if(V&&(C.style.backgroundColor=u),!(C.childNodes.length>0||((n=C.textContent)==null?void 0:n.trim())!==""||z||V||Q||Z||M))continue;a==="::before"?t.insertBefore(C,t.firstChild):t.appendChild(C)}catch(s){console.warn(`[snapdom] Failed to capture ${a} for`,e,s)}let l=Array.from(e.children),d=Array.from(t.children).filter(a=>!a.dataset.snapdomPseudo);for(let a=0;a<Math.min(l.length,d.length);a++)yield se(l[a],d[a],r)})}function Re(e){if(!e)return;let t=new Set;if(e.querySelectorAll("use").forEach(s=>{let c=s.getAttribute("xlink:href")||s.getAttribute("href");c&&c.startsWith("#")&&t.add(c.slice(1))}),!t.size)return;let r=Array.from(document.querySelectorAll("svg > symbol, svg > defs")),l=r.filter(s=>s.tagName.toLowerCase()==="symbol"),d=r.filter(s=>s.tagName.toLowerCase()==="defs"),n=e.querySelector("svg.inline-defs-container");n||(n=document.createElementNS("http://www.w3.org/2000/svg","svg"),n.setAttribute("aria-hidden","true"),n.setAttribute("style","position: absolute; width: 0; height: 0; overflow: hidden;"),n.classList.add("inline-defs-container"),e.insertBefore(n,e.firstChild));let a=new Set;e.querySelectorAll("symbol[id], defs > *[id]").forEach(s=>{a.add(s.id)}),t.forEach(s=>{if(a.has(s))return;let c=l.find(o=>o.id===s);if(c){n.appendChild(c.cloneNode(!0)),a.add(s);return}for(let o of d){let i=o.querySelector(`#${CSS.escape(s)}`);if(i){let p=n.querySelector("defs");p||(p=document.createElementNS("http://www.w3.org/2000/svg","defs"),n.appendChild(p)),p.appendChild(i.cloneNode(!0)),a.add(s);break}}})}function Ne(d){return g(this,arguments,function*(e,t=!1,r=!1,l={}){var s,c;let n,a="";ze(e);try{Re(e)}catch(o){console.warn("inlineExternal defs or symbol failed:",o)}try{n=H(e,t,l,e)}catch(o){throw console.warn("deepClone failed:",o),o}try{yield se(e,n,t,r,l.useProxy)}catch(o){console.warn("inlinePseudoElements failed:",o)}if(t){let o=xe();a=Array.from(o.entries()).map(([i,p])=>`.${p}{${i}}`).join("");for(let[i,p]of f.preStyleMap.entries()){if(i.tagName==="STYLE")continue;if(i.getRootNode&&i.getRootNode()instanceof ShadowRoot){i.setAttribute("style",p.replace(/;/g,"; "));continue}let u=o.get(p);u&&i.classList.add(u);let m=(s=i.style)==null?void 0:s.backgroundImage,h=(c=i.dataset)==null?void 0:c.snapdomHasIcon;m&&m!=="none"&&(i.style.backgroundImage=m),h&&(i.style.verticalAlign="middle",i.style.display="inline")}}else for(let[o,i]of f.preStyleMap.entries())o.tagName!=="STYLE"&&o.setAttribute("style",i.replace(/;/g,"; "));for(let[o,i]of f.preNodeMap.entries()){let p=i.scrollLeft,u=i.scrollTop;if((p||u)&&o instanceof HTMLElement){o.style.overflow="hidden",o.style.scrollbarWidth="none",o.style.msOverflowStyle="none";let h=document.createElement("div");for(h.style.transform=`translate(${-p}px, ${-u}px)`,h.style.willChange="transform",h.style.display="inline-block",h.style.width="100%";o.firstChild;)h.appendChild(o.firstChild);o.appendChild(h)}}if(e===f.preNodeMap.get(n)){let o=f.preStyle.get(e)||window.getComputedStyle(e);f.preStyle.set(e,o);let i=ve(o.transform);n.style.margin="0",n.style.position="static",n.style.top="auto",n.style.left="auto",n.style.right="auto",n.style.bottom="auto",n.style.zIndex="auto",n.style.float="none",n.style.clear="none",n.style.transform=i||""}for(let[o,i]of f.preNodeMap.entries())i.tagName==="PRE"&&(o.style.marginTop="0",o.style.marginBlockStart="0");return{clone:n,classCSS:a}})}function ze(e){let t=getComputedStyle(e),r=t.outlineStyle,l=t.outlineWidth,d=t.borderStyle,n=t.borderWidth,a=r!=="none"&&parseFloat(l)>0,s=d==="none"||parseFloat(n)===0;a&&s&&(e.style.border=`${l} solid transparent`)}function Ae(r){return g(this,arguments,function*(e,t={}){let l=Array.from(e.querySelectorAll("img")),d=n=>g(null,null,function*(){let a=n.src;try{let s=yield P(a,{useProxy:t.useProxy});n.src=s,n.width||(n.width=n.naturalWidth||100),n.height||(n.height=n.naturalHeight||100)}catch(s){let c=document.createElement("div");c.style=`width: ${n.width||100}px; height: ${n.height||100}px; background: #ccc; display: inline-block; text-align: center; line-height: ${n.height||100}px; color: #666; font-size: 12px;`,c.innerText="img",n.replaceWith(c)}});for(let n=0;n<l.length;n+=4){let a=l.slice(n,n+4).map(d);yield Promise.allSettled(a)}})}function Te(l,d){return g(this,arguments,function*(e,t,r={}){let n=[[e,t]],a=["background-image","mask","mask-image","-webkit-mask-image","mask-source","mask-box-image-source","mask-border-source","-webkit-mask-box-image-source","border-image","border-image-source","border-image-slice","border-image-width","border-image-outset","border-image-repeat"];for(;n.length;){let[s,c]=n.shift(),o=f.preStyle.get(s)||A(s);f.preStyle.has(s)||f.preStyle.set(s,o);let i=(()=>{let h=o.getPropertyValue("border-image"),y=o.getPropertyValue("border-image-source");return h&&h!=="none"||y&&y!=="none"})();for(let h of a){if(["border-image-slice","border-image-width","border-image-outset","border-image-repeat"].includes(h)&&!i)continue;let y=o.getPropertyValue(h);if(!y||y==="none")continue;let S=O(y),w=yield Promise.all(S.map(b=>W(b,r)));w.some(b=>b&&b!=="none"&&!/^url\(undefined/.test(b))&&c.style.setProperty(h,w.join(", "))}let p=o.getPropertyValue("background-color");p&&p!=="transparent"&&p!=="rgba(0, 0, 0, 0)"&&(c.style.backgroundColor=p);let u=Array.from(s.children),m=Array.from(c.children);for(let h=0;h<Math.min(u.length,m.length);h++)n.push([u[h],m[h]])}})}function Me(r){return g(this,arguments,function*(e,t={}){if(!e)throw new Error("Element cannot be null or undefined");f.reset();let{compress:l=!0,embedFonts:d=!1,fast:n=!0,scale:a=1,useProxy:s=""}=t,c,o,i="",p="",u,m;if({clone:c,classCSS:o}=yield Ne(e,l,d,t),yield new Promise(y=>{D(()=>g(null,null,function*(){yield Ae(c,t),y()}),{fast:n})}),yield new Promise(y=>{D(()=>g(null,null,function*(){yield Te(e,c,t),y()}),{fast:n})}),d&&(yield new Promise(y=>{D(()=>g(null,null,function*(){i=yield J(),y()}),{fast:n})})),l){let y=be(c).sort(),S=y.join(",");f.baseStyle.has(S)?p=f.baseStyle.get(S):yield new Promise(w=>{D(()=>{p=Se(y),f.baseStyle.set(S,p),w()},{fast:n})})}yield new Promise(y=>{D(()=>{let S=e.getBoundingClientRect(),w=S.width,b=S.height,T=Number.isFinite(t.width),k=Number.isFinite(t.height),F=typeof a=="number"&&a!==1;if(!F){let M=S.width/S.height;T&&k?(w=t.width,b=t.height):T?(w=t.width,b=w/M):k&&(b=t.height,w=b*M)}if(w=Math.ceil(w),b=Math.ceil(b),c.setAttribute("xmlns","http://www.w3.org/1999/xhtml"),c.style.transformOrigin="top left",!F&&(T||k)){let M=S.width,le=S.height,C=w/M,ee=b/le,te=c.style.transform||"",de=`scale(${C}, ${ee})`;c.style.transform=`${de} ${te}`.trim()}let I="http://www.w3.org/2000/svg",N=document.createElementNS(I,"foreignObject");N.setAttribute("width","100%"),N.setAttribute("height","100%");let j=document.createElement("style");j.textContent=p+i+"svg{overflow:visible;}"+o,N.appendChild(j),N.appendChild(c);let V=new XMLSerializer().serializeToString(N);m=`<svg xmlns="${I}" width="${w}" height="${b}" viewBox="0 0 ${w} ${b}">`+V+"</svg>",u=`data:image/svg+xml;charset=utf-8,${encodeURIComponent(m)}`,y()},{fast:n})});let h=document.getElementById("snapdom-sandbox");return h&&h.style.position==="absolute"&&h.remove(),u})}function Ke(r){return g(this,arguments,function*(e,{scale:t=1}={}){let l=new Image;return l.src=e,yield l.decode(),t!==1&&(l.style.width=`${l.naturalWidth*t}px`,l.style.height=`${l.naturalHeight*t}px`),l})}function Le(l){return g(this,arguments,function*(e,{dpr:t=1,scale:r=1}={}){let d=new Image;d.src=e,d.crossOrigin="anonymous",d.loading="eager",d.decoding="sync";let n=Ee(),a=!1;if(n&&(document.body.appendChild(d),a=!0),yield d.decode(),n&&(yield new Promise(p=>setTimeout(p,100))),d.width===0||d.height===0)throw a&&d.remove(),new Error("Image failed to load or has no dimensions");let s=d.naturalWidth*r,c=d.naturalHeight*r,o=document.createElement("canvas");o.width=Math.ceil(s*t),o.height=Math.ceil(c*t),o.style.width=`${s}px`,o.style.height=`${c}px`;let i=o.getContext("2d");return i.scale(t,t),i.drawImage(d,0,0,s,c),a&&d.remove(),o})}function Pe(n){return g(this,arguments,function*(e,{type:t="svg",scale:r=1,backgroundColor:l="#fff",quality:d}={}){let a={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",webp:"image/webp"}[t]||"image/png";if(t==="svg"){let c=decodeURIComponent(e.split(",")[1]);return new Blob([c],{type:"image/svg+xml"})}let s=yield ce(e,{dpr:1,scale:r},l);return new Promise(c=>{s.toBlob(o=>c(o),`${a}`,d)})})}function ce(d,n,a){return g(this,arguments,function*(e,{dpr:t=1,scale:r=1},l){let s=yield Le(e,{dpr:t,scale:r});if(!l)return s;let c=document.createElement("canvas");c.width=s.width,c.height=s.height;let o=c.getContext("2d");return o.fillStyle=l,o.fillRect(0,0,c.width,c.height),o.drawImage(s,0,0),c})}function ie(a,s){return g(this,arguments,function*(e,{dpr:t=1,scale:r=1,backgroundColor:l,quality:d},n="png"){let c=["jpg","jpeg","webp"].includes(n)?"#fff":void 0,o=l!=null?l:c,i=yield ce(e,{dpr:t,scale:r},o),p=new Image;return p.src=i.toDataURL(`image/${n}`,d),yield p.decode(),p.style.width=`${i.width/t}px`,p.style.height=`${i.height/t}px`,p})}function Ye(a){return g(this,arguments,function*(e,{dpr:t=1,scale:r=1,backgroundColor:l,format:d="png",filename:n="snapDOM"}={}){if(d==="svg"){let m=yield Pe(e),h=URL.createObjectURL(m),y=document.createElement("a");y.href=h,y.download=`${n}.svg`,y.click(),URL.revokeObjectURL(h);return}let s=["jpg","jpeg","webp"].includes(d)?"#fff":void 0,c=l!=null?l:s,o=yield ce(e,{dpr:t,scale:r},c),i={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",webp:"image/webp"}[d]||"image/png",p=o.toDataURL(i),u=document.createElement("a");u.href=p,u.download=`${n}.${d}`,u.click()})}function x(r){return g(this,arguments,function*(e,t={}){if(t=R({scale:1},t),!e)throw new Error("Element cannot be null or undefined");return t.iconFonts&&$e(t.iconFonts),yield x.capture(e,t)})}x.capture=(r,...l)=>g(null,[r,...l],function*(e,t={}){var s;let d=yield Me(e,t),n=(s=t.dpr)!=null?s:window.devicePixelRatio||1,a=t.scale||1;return{url:d,options:t,toRaw:()=>d,toImg:(c={})=>Ke(d,R({dpr:n,scale:a},c)),toCanvas:(c={})=>Le(d,R({dpr:n,scale:a},c)),toBlob:(c={})=>Pe(d,R({dpr:n,scale:a},c)),toPng:(c={})=>ie(d,R({dpr:n,scale:a},c),"png"),toJpg:(c={})=>ie(d,R({dpr:n,scale:a},c),"jpeg"),toWebp:(c={})=>ie(d,R({dpr:n,scale:a},c),"webp"),download:(u={})=>{var m=u,{format:c="png",filename:o="snapDOM",backgroundColor:i}=m,p=oe(m,["format","filename","backgroundColor"]);return Ye(d,R({dpr:n,scale:a,format:c,filename:o,backgroundColor:i},p))}}});x.toRaw=(e,t)=>g(null,null,function*(){return(yield x.capture(e,t)).toRaw()});x.toImg=(e,t)=>g(null,null,function*(){return(yield x.capture(e,t)).toImg()});x.toCanvas=(e,t)=>g(null,null,function*(){return(yield x.capture(e,t)).toCanvas()});x.toBlob=(e,t)=>g(null,null,function*(){return(yield x.capture(e,t)).toBlob(t)});x.toPng=(e,t)=>g(null,null,function*(){return(yield x.capture(e,t)).toPng(t)});x.toJpg=(e,t)=>g(null,null,function*(){return(yield x.capture(e,t)).toJpg(t)});x.toWebp=(e,t)=>g(null,null,function*(){return(yield x.capture(e,t)).toWebp(t)});x.download=(r,...l)=>g(null,[r,...l],function*(e,t={}){let o=t,{format:d="png",filename:n="capture",backgroundColor:a}=o,s=oe(o,["format","filename","backgroundColor"]);return yield(yield x.capture(e,s)).download({format:d,filename:n,backgroundColor:a})});function Fe(){return g(this,arguments,function*(e=document,t={}){let{embedFonts:r=!0,reset:l=!1}=t;if(l){f.reset();return}yield document.fonts.ready,ye();let d=[],n=[];e!=null&&e.querySelectorAll&&(d=Array.from(e.querySelectorAll("img[src]")),n=Array.from(e.querySelectorAll("*")));let a=[];for(let s of d){let c=s.src;f.image.has(c)||a.push(P(c,{useProxy:t.useProxy}).then(o=>f.image.set(c,o)).catch(()=>{}))}for(let s of n){let c=A(s).backgroundImage;if(c&&c!=="none"){let o=O(c);for(let i of o)i.startsWith("url(")&&a.push(W(i,t).catch(()=>{}))}}r&&(yield J({preCached:!0})),yield Promise.all(a)})}typeof window!="undefined"&&(window.snapdom=x,window.preCache=Fe);})();
|
package/dist/snapdom.min.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var l={image:new Map,background:new Map,resource:new Map,defaultStyle:new Map,baseStyle:new Map,computedStyle:new WeakMap,font:new Set,snapshot:new WeakMap,snapshotKey:new Map,preStyleMap:new Map,preStyle:new WeakMap,preNodeMap:new Map,reset:
|
|
2
|
-
`;return a}function Z(){let e=new Set(l.preStyleMap.values()),t=new Map,a=1;for(let c of e)t.set(c,`c${a++}`);return t}async function M(e,t={}){let a=B(e),c=/^((repeating-)?(linear|radial|conic)-gradient)\(/i.test(e);if(a){let n=W(a);if(l.background.has(n))return t.skipInline?void 0:`url(${l.background.get(n)})`;{let o=await T(n,{useProxy:t.useProxy});return l.background.set(n,o),t.skipInline?void 0:`url("${o}")`}}return e}function P(e,{fast:t=!1}={}){if(t)return e();"requestIdleCallback"in window?requestIdleCallback(e,{timeout:50}):setTimeout(e,1)}function A(e,t=null){if(!(e instanceof Element))return window.getComputedStyle(e,t);let a=l.computedStyle.get(e);if(a||(a=new Map,l.computedStyle.set(e,a)),!a.has(t)){let c=window.getComputedStyle(e,t);a.set(t,c)}return a.get(t)}function ee(e){let t=e.replace(/^['"]|['"]$/g,"");if(t.startsWith("\\"))try{return String.fromCharCode(parseInt(t.replace("\\",""),16))}catch{return t}return t}function B(e){let t=e.match(/url\((['"]?)(.*?)(\1)\)/);if(!t)return null;let a=t[2].trim();return a.startsWith("#")?null:a}function T(e,{timeout:t=3e3,useProxy:a=""}={}){function c(i){try{return new URL(i,window.location.href).origin===window.location.origin?"use-credentials":"anonymous"}catch{return"anonymous"}}async function n(i){let f=u=>fetch(u,{mode:"cors",credentials:c(u)==="use-credentials"?"include":"omit"}).then(d=>d.blob()).then(d=>new Promise((h,p)=>{let m=new FileReader;m.onloadend=()=>{let g=m.result;if(typeof g!="string"||!g.startsWith("data:image/")){p(new Error("Invalid image data URL"));return}h(g)},m.onerror=()=>p(new Error("FileReader error")),m.readAsDataURL(d)}));try{return await f(i)}catch{if(a&&typeof a=="string"){let d=a.replace(/\/$/,"")+W(i);try{return await f(d)}catch{throw new Error("[SnapDOM - fetchImage] CORS restrictions prevented image capture (even via proxy)")}}else throw new Error("[SnapDOM - fetchImage] Fetch fallback failed and no proxy provided")}}let o=c(e);return l.image.has(e)?Promise.resolve(l.image.get(e)):e.startsWith("data:image/")?(l.image.set(e,e),Promise.resolve(e)):/\.svg(\?.*)?$/i.test(e)?(async()=>{try{let f=await(await fetch(e,{mode:"cors",credentials:o==="use-credentials"?"include":"omit"})).text(),u=`data:image/svg+xml;charset=utf-8,${encodeURIComponent(f)}`;return l.image.set(e,u),u}catch{return n(e)}})():new Promise((i,f)=>{let u=setTimeout(()=>{f(new Error("[SnapDOM - fetchImage] Image load timed out"))},t),d=new Image;d.crossOrigin=o,d.onload=async()=>{clearTimeout(u);try{await d.decode();let h=document.createElement("canvas");h.width=d.width,h.height=d.height,h.getContext("2d").drawImage(d,0,0,h.width,h.height);let m=h.toDataURL("image/png");l.image.set(e,m),i(m)}catch{try{let h=await n(e);l.image.set(e,h),i(h)}catch(h){f(h)}}},d.onerror=async()=>{clearTimeout(u),console.error(`[SnapDOM - fetchImage] Image failed to load: ${e}`);try{let h=await n(e);l.image.set(e,h),i(h)}catch(h){f(h)}},d.src=e})}function q(e){let t={};for(let a of e)t[a]=e.getPropertyValue(a);return t}function j(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function te(e){if(!e||e==="none")return"";let t=e.replace(/translate[XY]?\([^)]*\)/g,"");return t=t.replace(/matrix\(([^)]+)\)/g,(a,c)=>{let n=c.split(",").map(o=>o.trim());return n.length!==6?`matrix(${c})`:(n[4]="0",n[5]="0",`matrix(${n.join(", ")})`)}),t=t.replace(/matrix3d\(([^)]+)\)/g,(a,c)=>{let n=c.split(",").map(o=>o.trim());return n.length!==16?`matrix3d(${c})`:(n[12]="0",n[13]="0",`matrix3d(${n.join(", ")})`)}),t.trim().replace(/\s{2,}/g," ")}function W(e){if(/%[0-9A-Fa-f]{2}/.test(e))return e;try{return encodeURI(e)}catch{return e}}function L(e){let t=[],a=0,c=0;for(let n=0;n<e.length;n++){let o=e[n];o==="("&&a++,o===")"&&a--,o===","&&a===0&&(t.push(e.slice(c,n).trim()),c=n+1)}return t.push(e.slice(c).trim()),t}function xe(e){let t={};for(let a=0;a<e.length;a++){let c=e[a],n=e.getPropertyValue(c);(c==="background-image"||c==="content")&&n.includes("url(")&&!n.includes("data:")&&(n="none"),t[c]=n}return t}function O(e,t,a){if(e.tagName==="STYLE")return;l.preStyle.has(e)||l.preStyle.set(e,A(e));let c=l.preStyle.get(e);if(!l.snapshot.has(e)){let i=xe(c);l.snapshot.set(e,i)}let n=l.snapshot.get(e),o=Object.entries(n).sort(([i],[f])=>i.localeCompare(f)).map(([i,f])=>`${i}:${f}`).join(";");if(l.snapshotKey.has(o)){l.preStyleMap.set(t,l.snapshotKey.get(o));return}let s=e.tagName?.toLowerCase()||"div",r=F(n,s,a);l.snapshotKey.set(o,r),l.preStyleMap.set(t,r)}function D(e,t,a={},c){if(!e)throw new Error("Invalid node");let n=new Set,o=null;if(e.nodeType===Node.TEXT_NODE||e.nodeType!==Node.ELEMENT_NODE)return e.cloneNode(!0);if(e.getAttribute("data-capture")==="exclude"){let r=document.createElement("div"),i=e.getBoundingClientRect();return r.style.cssText=`display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`,r}if(a.exclude&&Array.isArray(a.exclude))for(let r of a.exclude)try{if(e.matches?.(r)){let i=document.createElement("div"),f=e.getBoundingClientRect();return i.style.cssText=`display:inline-block;width:${f.width}px;height:${f.height}px;visibility:hidden;`,i}}catch(i){console.warn(`Invalid selector in exclude option: ${r}`,i)}if(typeof a.filter=="function")try{if(!a.filter(e,c||e)){let r=document.createElement("div"),i=e.getBoundingClientRect();return r.style.cssText=`display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`,r}}catch(r){console.warn("Error in filter function:",r)}if(e.tagName==="IFRAME"){let r=document.createElement("div");return r.style.cssText=`width:${e.offsetWidth}px;height:${e.offsetHeight}px;background-image:repeating-linear-gradient(45deg,#ddd,#ddd 5px,#f9f9f9 5px,#f9f9f9 10px);display:flex;align-items:center;justify-content:center;font-size:12px;color:#555;border:1px solid #aaa;`,r}if(e.getAttribute("data-capture")==="placeholder"){let r=e.cloneNode(!1);l.preNodeMap.set(r,e),O(e,r,t);let i=document.createElement("div");return i.textContent=e.getAttribute("data-placeholder-text")||"",i.style.cssText="color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;",r.appendChild(i),r}if(e.tagName==="CANVAS"){let r=e.toDataURL(),i=document.createElement("img");return i.src=r,i.width=e.width,i.height=e.height,l.preNodeMap.set(i,e),O(e,i,t),i}let s;try{s=e.cloneNode(!1),l.preNodeMap.set(s,e)}catch(r){throw console.error("[Snapdom] Failed to clone node:",e,r),r}if(e instanceof HTMLTextAreaElement){s.textContent=e.value,s.value=e.value;let r=e.getBoundingClientRect();return s.style.width=`${r.width}px`,s.style.height=`${r.height}px`,s}if(e instanceof HTMLInputElement)return s.value=e.value,s.setAttribute("value",e.value),e.checked!==void 0&&(s.checked=e.checked,e.checked&&s.setAttribute("checked",""),e.indeterminate&&(s.indeterminate=e.indeterminate)),s;if(e instanceof HTMLSelectElement&&(o=e.value),O(e,s,t),e.shadowRoot)if(Array.from(e.shadowRoot.querySelectorAll("slot")).length>0){for(let i of e.shadowRoot.childNodes)if(i.nodeType===Node.ELEMENT_NODE&&i.tagName==="STYLE"){let f=i.textContent||"";f.trim()&&t&&(l.preStyle||(l.preStyle=new WeakMap),l.preStyle.set(i,f))}}else{let i=document.createDocumentFragment();for(let f of e.shadowRoot.childNodes){if(f.nodeType===Node.ELEMENT_NODE&&f.tagName==="STYLE"){let d=f.textContent||"";d.trim()&&t&&(l.preStyle||(l.preStyle=new WeakMap),l.preStyle.set(f,d));continue}let u=D(f,t,a,c||e);u&&i.appendChild(u)}s.appendChild(i)}if(e.tagName==="SLOT"){let r=e.assignedNodes?.({flatten:!0})||[],i=r.length>0?r:Array.from(e.childNodes),f=document.createDocumentFragment();for(let u of i){let d=D(u,t,a,c||e);d&&f.appendChild(d)}return f}for(let r of e.childNodes){if(n.has(r))continue;let i=D(r,t,a,c||e);i&&s.appendChild(i)}if(o!==null&&s instanceof HTMLSelectElement){s.value=o;for(let r of s.options)r.value===o?r.setAttribute("selected",""):r.removeAttribute("selected")}return s}var Se=[/font\s*awesome/i,/material\s*icons/i,/ionicons/i,/glyphicons/i,/feather/i,/bootstrap\s*icons/i,/remix\s*icons/i,/heroicons/i,/layui/i,/lucide/i],z=[];function ne(e){let t=Array.isArray(e)?e:[e];for(let a of t)a instanceof RegExp?z.push(a):typeof a=="string"?z.push(new RegExp(a,"i")):console.warn("[snapdom] Ignored invalid iconFont value:",a)}function $(e){let t=typeof e=="string"?e:"",a=[...Se,...z];for(let c of a)if(c instanceof RegExp&&c.test(t))return!0;return!!(/icon/i.test(t)||/glyph/i.test(t)||/symbols/i.test(t)||/feather/i.test(t)||/fontawesome/i.test(t))}async function oe(e,t,a,c=32,n="#000"){t=t.replace(/^['"]+|['"]+$/g,"");let o=window.devicePixelRatio||1,r=document.createElement("canvas").getContext("2d");r.font=a?`${a} ${c}px "${t}"`:`${c}px "${t}"`;let i=r.measureText(e),f=i.actualBoundingBoxAscent||c*.8,u=i.actualBoundingBoxDescent||c*.2,d=f+u,h=i.width,p=document.createElement("canvas");p.width=Math.ceil(h*o),p.height=Math.ceil(d*o);let m=p.getContext("2d");return m.scale(o,o),m.font=r.font,m.textAlign="left",m.textBaseline="alphabetic",m.fillStyle=n,m.fillText(e,0,f),p.toDataURL()}function ae(e){return Array.from(document.styleSheets).some(t=>t.href===e)}function be(e){return new Promise(t=>{if(ae(e))return t(null);let a=document.createElement("link");a.rel="stylesheet",a.href=e,a.setAttribute("data-snapdom","injected-import"),a.onload=()=>t(a),a.onerror=()=>t(null),document.head.appendChild(a)})}async function V({preCached:e=!1}={}){if(l.resource.has("fonts-embed-css")){if(e){let o=document.createElement("style");o.setAttribute("data-snapdom","embedFonts"),o.textContent=l.resource.get("fonts-embed-css"),document.head.appendChild(o)}return l.resource.get("fonts-embed-css")}let t=/@import\s+url\(["']?([^"')]+)["']?\)/g,a=[];for(let o of document.querySelectorAll("style")){let s=o.textContent||"",r=Array.from(s.matchAll(t));for(let i of r){let f=i[1];$(f)||ae(f)||a.push(f)}}await Promise.all(a.map(be));let c=Array.from(document.querySelectorAll('link[rel="stylesheet"]')).filter(o=>o.href),n="";for(let o of c)try{let r=await(await fetch(o.href)).text();if($(o.href)||$(r))continue;let i=/url\((["']?)([^"')]+)\1\)/g,f=await Promise.all(Array.from(r.matchAll(i)).map(async d=>{let h=B(d[0]);if(!h)return null;let p=h;if(!p.startsWith("http")&&!p.startsWith("data:")&&(p=new URL(p,o.href).href),$(p))return null;if(l.resource.has(p))return l.font.add(p),{original:d[0],inlined:`url(${l.resource.get(p)})`};if(l.font.has(p))return null;try{let g=await(await fetch(p)).blob(),w=await new Promise(y=>{let E=new FileReader;E.onload=()=>y(E.result),E.readAsDataURL(g)});return l.resource.set(p,w),l.font.add(p),{original:d[0],inlined:`url(${w})`}}catch{return console.warn("[snapdom] Failed to fetch font resource:",p),null}})),u=r;for(let d of f)d&&(u=u.replace(d.original,d.inlined));n+=u+`
|
|
3
|
-
`}catch{console.warn("[snapdom] Failed to fetch CSS:",o.href)}for(let o of document.styleSheets)try{if(!o.href||c.every(s=>s.href!==o.href)){for(let s of o.cssRules)if(s.type===CSSRule.FONT_FACE_RULE){let r=s.style.getPropertyValue("src"),i=s.style.getPropertyValue("font-family");if(!r||$(i))continue;let f=/url\((["']?)([^"')]+)\1\)/g,u=/local\((["']?)[^)]+?\1\)/g,d=f.test(r),h=u.test(r);if(!d&&h){n+=`@font-face{font-family:${i};src:${r};font-style:${s.style.getPropertyValue("font-style")||"normal"};font-weight:${s.style.getPropertyValue("font-weight")||"normal"};}`;continue}let p=r,m=Array.from(r.matchAll(f));for(let g of m){let w=g[2].trim();if(!w)continue;let y=w;if(!y.startsWith("http")&&!y.startsWith("data:")&&(y=new URL(y,o.href||location.href).href),!$(y)){if(l.resource.has(y)){l.font.add(y),p=p.replace(g[0],`url(${l.resource.get(y)})`);continue}if(!l.font.has(y))try{let x=await(await fetch(y)).blob(),k=await new Promise(I=>{let b=new FileReader;b.onload=()=>I(b.result),b.readAsDataURL(x)});l.resource.set(y,k),l.font.add(y),p=p.replace(g[0],`url(${k})`)}catch{console.warn("[snapdom] Failed to fetch font URL:",y)}}}n+=`@font-face{font-family:${i};src:${p};font-style:${s.style.getPropertyValue("font-style")||"normal"};font-weight:${s.style.getPropertyValue("font-weight")||"normal"};}`}}}catch(s){console.warn("[snapdom] Cannot access stylesheet",o.href,s)}for(let o of document.fonts)if(o.family&&o.status==="loaded"&&o._snapdomSrc){if($(o.family))continue;let s=o._snapdomSrc;if(!s.startsWith("data:")){if(l.resource.has(o._snapdomSrc))s=l.resource.get(o._snapdomSrc),l.font.add(o._snapdomSrc);else if(!l.font.has(o._snapdomSrc))try{let i=await(await fetch(o._snapdomSrc)).blob();s=await new Promise(f=>{let u=new FileReader;u.onload=()=>f(u.result),u.readAsDataURL(i)}),l.resource.set(o._snapdomSrc,s),l.font.add(o._snapdomSrc)}catch{console.warn("[snapdom] Failed to fetch dynamic font src:",o._snapdomSrc);continue}}n+=`@font-face{font-family:'${o.family}';src:url(${s});font-style:${o.style||"normal"};font-weight:${o.weight||"normal"};}`}if(n&&(l.resource.set("fonts-embed-css",n),e)){let o=document.createElement("style");o.setAttribute("data-snapdom","embedFonts"),o.textContent=n,document.head.appendChild(o)}return n}async function H(e,t,a,c=!1,n){if(!(e instanceof Element)||!(t instanceof Element))return;for(let r of["::before","::after","::first-letter"])try{let i=A(e,r);if(!i||typeof i[Symbol.iterator]!="function")continue;if(r==="::first-letter"){let g=getComputedStyle(e);if(!(i.color!==g.color||i.fontSize!==g.fontSize||i.fontWeight!==g.fontWeight))continue;let y=Array.from(t.childNodes).find(C=>C.nodeType===Node.TEXT_NODE&&C.textContent&&C.textContent.trim().length>0);if(!y)continue;let E=y.textContent,k=E.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0],I=E.slice(k?.length||0);if(!k||/[\uD800-\uDFFF]/.test(k))continue;let b=document.createElement("span");b.textContent=k,b.dataset.snapdomPseudo="::first-letter";let v=q(i),_=F(v,"span",a);l.preStyleMap.set(b,_);let U=document.createTextNode(I);t.replaceChild(U,y),t.insertBefore(b,U);continue}let f=i.getPropertyValue("content"),u=i.getPropertyValue("background-image"),d=i.getPropertyValue("background-color"),h=f!=="none",p=u&&u!=="none",m=d&&d!=="transparent"&&d!=="rgba(0, 0, 0, 0)";if(h||p||m){let g=i.getPropertyValue("font-family"),w=parseInt(i.getPropertyValue("font-size"))||32,y=parseInt(i.getPropertyValue("font-weight"))||!1,E=i.getPropertyValue("color")||"#000",x=document.createElement("span");x.dataset.snapdomPseudo=r;let k=q(i),I=F(k,"span",a);l.preStyleMap.set(x,I);let b=$(g),v;if(/counter\s*\(|counters\s*\(/.test(f)?v="- ":v=ee(f),b&&v.length===1){let C=document.createElement("img");C.src=await oe(v,g,y,w,E),C.style=`width:${w}px;height:auto;object-fit:contain;`,x.appendChild(C)}else if(v.startsWith("url(")){let C=B(v);if(C&&C.trim()!=="")try{let N=document.createElement("img"),R=await T(W(C,{useProxy:n}));N.src=R,N.style=`width:${w}px;height:auto;object-fit:contain;`,x.appendChild(N)}catch(N){console.error(`[snapdom] Error in pseudo ${r} for`,e,N)}}else!b&&v&&v!=="none"&&(x.textContent=v);if(p)try{let C=L(u),N=await Promise.all(C.map(R=>M(R)));x.style.backgroundImage=N.join(", ")}catch(C){console.warn(`[snapdom] Failed to inline background-image for ${r}`,C)}if(m&&(x.style.backgroundColor=d),!(x.childNodes.length>0||x.textContent&&x.textContent.trim()!==""||p||m))continue;r==="::before"?t.insertBefore(x,t.firstChild):t.appendChild(x)}}catch(i){console.warn(`[snapdom] Failed to capture ${r} for`,e,i)}let o=Array.from(e.children),s=Array.from(t.children).filter(r=>!r.dataset.snapdomPseudo);for(let r=0;r<Math.min(o.length,s.length);r++)await H(o[r],s[r],a,c,n)}function re(e){if(!e)return;let t=document.querySelectorAll("svg > defs");t.length&&e.querySelectorAll("svg").forEach(a=>{let c=a.querySelectorAll("use");if(!c.length)return;let n=new Set;if(c.forEach(s=>{let r=s.getAttribute("xlink:href")||s.getAttribute("href");r&&r.startsWith("#")&&n.add(r.slice(1))}),!n.size)return;let o=document.createElementNS("http://www.w3.org/2000/svg","defs");for(let s of n)for(let r of t){let i=r.querySelector(`#${CSS.escape(s)}`);if(i){o.appendChild(i.cloneNode(!0));break}}o.childNodes.length&&a.insertBefore(o,a.firstChild)})}async function se(e,t=!1,a=!1,c={}){let n,o="";try{n=D(e,t,c,e)}catch(s){throw console.warn("deepClone failed:",s),s}try{await H(e,n,t,a,c.useProxy)}catch(s){console.warn("inlinePseudoElements failed:",s)}try{re(n)}catch(s){console.warn("inlineExternalDef failed:",s)}if(t){let s=Z();o=Array.from(s.entries()).map(([r,i])=>`.${i}{${r}}`).join("");for(let[r,i]of l.preStyleMap.entries()){if(r.tagName==="STYLE")continue;let f=s.get(i);f&&r.classList.add(f);let u=r.style?.backgroundImage;r.removeAttribute("style"),u&&u!=="none"&&(r.style.backgroundImage=u)}}else for(let[s,r]of l.preStyleMap.entries())s.tagName!=="STYLE"&&s.setAttribute("style",r.replace(/;/g,"; "));for(let[s,r]of l.preNodeMap.entries()){let i=r.scrollLeft,f=r.scrollTop;if((i||f)&&s instanceof HTMLElement){s.style.overflow="hidden",s.style.scrollbarWidth="none",s.style.msOverflowStyle="none";let d=document.createElement("div");for(d.style.transform=`translate(${-i}px, ${-f}px)`,d.style.willChange="transform",d.style.display="inline-block",d.style.width="100%";s.firstChild;)d.appendChild(s.firstChild);s.appendChild(d)}}if(e===l.preNodeMap.get(n)){let s=l.preStyle.get(e)||window.getComputedStyle(e);l.preStyle.set(e,s);let r=te(s.transform);n.style.margin="0",n.style.position="static",n.style.top="auto",n.style.left="auto",n.style.right="auto",n.style.bottom="auto",n.style.zIndex="auto",n.style.float="none",n.style.clear="none",n.style.transform=r||""}for(let[s,r]of l.preNodeMap.entries())r.tagName==="PRE"&&(s.style.marginTop="0",s.style.marginBlockStart="0");return{clone:n,classCSS:o}}async function ie(e,t={}){let a=Array.from(e.querySelectorAll("img")),c=async n=>{let o=n.src;try{let s=await T(o,{useProxy:t.useProxy});n.src=s,n.width||(n.width=n.naturalWidth||100),n.height||(n.height=n.naturalHeight||100)}catch{let s=document.createElement("div");s.style=`width: ${n.width||100}px; height: ${n.height||100}px; background: #ccc; display: inline-block; text-align: center; line-height: ${n.height||100}px; color: #666; font-size: 12px;`,s.innerText="img",n.replaceWith(s)}};for(let n=0;n<a.length;n+=4){let o=a.slice(n,n+4).map(c);await Promise.allSettled(o)}}async function ce(e,t,a={}){let c=[[e,t]],n=["background-image","mask","mask-image","-webkit-mask-image","mask-source","mask-box-image-source","mask-border-source","-webkit-mask-box-image-source"];for(;c.length;){let[o,s]=c.shift(),r=l.preStyle.get(o)||A(o);l.preStyle.has(o)||l.preStyle.set(o,r);for(let d of n){let h=r.getPropertyValue(d);if(!h||h==="none")continue;let p=L(h),m=await Promise.all(p.map(g=>M(g,a)));m.some(g=>g&&g!=="none"&&!/^url\(undefined/.test(g))&&s.style.setProperty(d,m.join(", "))}let i=r.getPropertyValue("background-color");i&&i!=="transparent"&&i!=="rgba(0, 0, 0, 0)"&&(s.style.backgroundColor=i);let f=Array.from(o.children),u=Array.from(s.children);for(let d=0;d<Math.min(f.length,u.length);d++)c.push([f[d],u[d]])}}async function le(e,t={}){if(!e)throw new Error("Element cannot be null or undefined");l.reset();let{compress:a=!0,embedFonts:c=!1,fast:n=!0,scale:o=1,useProxy:s=""}=t,r,i,f="",u="",d,h;if({clone:r,classCSS:i}=await se(e,a,c,t),await new Promise(m=>{P(async()=>{await ie(r,t),m()},{fast:n})}),await new Promise(m=>{P(async()=>{await ce(e,r,t),m()},{fast:n})}),c&&await new Promise(m=>{P(async()=>{f=await V(),m()},{fast:n})}),a){let m=J(r).sort(),g=m.join(",");l.baseStyle.has(g)?u=l.baseStyle.get(g):await new Promise(w=>{P(()=>{u=Q(m),l.baseStyle.set(g,u),w()},{fast:n})})}await new Promise(m=>{P(()=>{let g=e.getBoundingClientRect(),w=g.width,y=g.height,E=Number.isFinite(t.width),x=Number.isFinite(t.height),k=typeof o=="number"&&o!==1;if(!k){let R=g.width/g.height;E&&x?(w=t.width,y=t.height):E?(w=t.width,y=w/R):x&&(y=t.height,w=y*R)}if(w=Math.ceil(w),y=Math.ceil(y),r.setAttribute("xmlns","http://www.w3.org/1999/xhtml"),r.style.transformOrigin="top left",!k&&(E||x)){let R=g.width,ue=g.height,pe=w/R,me=y/ue,he=r.style.transform||"",ge=`scale(${pe}, ${me})`;r.style.transform=`${ge} ${he}`.trim()}else k&&j()&&(r.style.scale=`${o}`);let I="http://www.w3.org/2000/svg",b=document.createElementNS(I,"foreignObject");b.setAttribute("width","100%"),b.setAttribute("height","100%");let v=document.createElement("style");v.textContent=u+f+"svg{overflow:visible;}"+i,b.appendChild(v),b.appendChild(r);let U=new XMLSerializer().serializeToString(b);h=`<svg xmlns="${I}" width="${w}" height="${y}" viewBox="0 0 ${w} ${y}">`+U+"</svg>",d=`data:image/svg+xml;charset=utf-8,${encodeURIComponent(h)}`,m()},{fast:n})});let p=document.getElementById("snapdom-sandbox");return p&&p.style.position==="absolute"&&p.remove(),d}async function Ce(e,{dpr:t=1,scale:a=1}){let c=new Image;return c.src=e,await c.decode(),j?(c.width=c.width*a,c.height=c.height*a):(c.width=c.width/a,c.height=c.height/a),c}async function fe(e,{dpr:t=1,scale:a=1}={}){let c=new Image;c.src=e,await c.decode();let n=document.createElement("canvas"),o=c.width*a,s=c.height*a;n.width=Math.ceil(o*t),n.height=Math.ceil(s*t);let r=n.getContext("2d");return r.scale(t,t),r.drawImage(c,0,0,o,s),n.style.width=`${o}px`,n.style.height=`${s}px`,n}async function de(e,{type:t="svg",scale:a=1,backgroundColor:c="#fff",quality:n}={}){let o={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",webp:"image/webp"}[t]||"image/png";if(t==="svg"){let r=decodeURIComponent(e.split(",")[1]);return new Blob([r],{type:"image/svg+xml"})}let s=await Y(e,{dpr:1,scale:a},c);return new Promise(r=>{s.toBlob(i=>r(i),`${o}`,n)})}async function Y(e,{dpr:t=1,scale:a=1},c){let n=await fe(e,{dpr:t,scale:a});if(!c)return n;let o=document.createElement("canvas");o.width=n.width,o.height=n.height;let s=o.getContext("2d");return s.fillStyle=c,s.fillRect(0,0,o.width,o.height),s.drawImage(n,0,0),o}async function K(e,{dpr:t=1,scale:a=1,backgroundColor:c,quality:n},o="png"){let s=["jpg","jpeg","webp"].includes(o)?"#fff":void 0,i=await Y(e,{dpr:t,scale:a},c??s),f=new Image;return f.src=i.toDataURL(`image/${o}`,n),await f.decode(),f.style.width=`${i.width/t}px`,f.style.height=`${i.height/t}px`,f}async function Ee(e,{dpr:t=1,scale:a=1,backgroundColor:c="#fff",format:n="png",filename:o="capture"}={}){if(n==="svg"){let h=await de(e),p=URL.createObjectURL(h),m=document.createElement("a");m.href=p,m.download=`${o}.svg`,m.click(),URL.revokeObjectURL(p);return}let s=["jpg","jpeg","webp"].includes(n)?"#fff":void 0,i=await Y(e,{dpr:t,scale:a},c??s),f={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",webp:"image/webp"}[n]||"image/png",u=i.toDataURL(f),d=document.createElement("a");d.href=u,d.download=`${o}.${n}`,d.click()}async function S(e,t={}){if(t={scale:1,...t},!e)throw new Error("Element cannot be null or undefined");return t.iconFonts&&ne(t.iconFonts),await S.capture(e,t)}S.capture=async(e,t={})=>{let a=await le(e,t),c=window.devicePixelRatio||1,n=t.scale||1;return{url:a,options:t,toRaw:()=>a,toImg:()=>Ce(a,{dpr:c,scale:n}),toCanvas:()=>fe(a,{dpr:c,scale:n}),toBlob:o=>de(a,{dpr:c,scale:n,...o}),toPng:o=>K(a,{dpr:c,scale:n,...o},"png"),toJpg:o=>K(a,{dpr:c,scale:n,...o},"jpeg"),toWebp:o=>K(a,{dpr:c,scale:n,...o},"webp"),download:({format:o="png",filename:s="capture",backgroundColor:r}={})=>Ee(a,{dpr:c,scale:n,backgroundColor:r,format:o,filename:s})}};S.toRaw=async(e,t)=>(await S.capture(e,t)).toRaw();S.toImg=async(e,t)=>(await S.capture(e,t)).toImg();S.toCanvas=async(e,t)=>(await S.capture(e,t)).toCanvas();S.toBlob=async(e,t)=>(await S.capture(e,t)).toBlob(t);S.toPng=async(e,t)=>(await S.capture(e,t)).toPng(t);S.toJpg=async(e,t)=>(await S.capture(e,t)).toJpg(t);S.toWebp=async(e,t)=>(await S.capture(e,t)).toWebp(t);S.download=async(e,t={})=>{let{format:a="png",filename:c="capture",backgroundColor:n,...o}=t;return await(await S.capture(e,o)).download({format:a,filename:c,backgroundColor:n})};async function ve(e=document,t={}){let{embedFonts:a=!0,reset:c=!1}=t;if(c){l.reset();return}await document.fonts.ready,X();let n=[],o=[];e?.querySelectorAll&&(n=Array.from(e.querySelectorAll("img[src]")),o=Array.from(e.querySelectorAll("*")));let s=[];for(let r of n){let i=r.src;l.image.has(i)||s.push(T(i,{useProxy:t.useProxy}).then(f=>l.image.set(i,f)).catch(()=>{}))}for(let r of o){let i=A(r).backgroundImage;if(i&&i!=="none"){let f=L(i);for(let u of f)u.startsWith("url(")&&s.push(M(u,t).catch(()=>{}))}}a&&await V({preCached:!0}),await Promise.all(s)}export{ve as preCache,S as snapdom};
|
|
1
|
+
var l={image:new Map,background:new Map,resource:new Map,defaultStyle:new Map,baseStyle:new Map,computedStyle:new WeakMap,font:new Set,snapshot:new WeakMap,snapshotKey:new Map,preStyleMap:new Map,preStyle:new WeakMap,preNodeMap:new Map,reset:Re};function Re(){l.computedStyle=new WeakMap,l.snapshot=new WeakMap,l.snapshotKey.clear(),l.preStyleMap.clear(),l.preStyle=new WeakMap,l.preNodeMap.clear()}var Ne=["div","span","p","a","img","ul","li","button","input","select","textarea","label","section","article","header","footer","nav","main","aside","h1","h2","h3","h4","h5","h6","svg","path","circle","rect","line","g","table","thead","tbody","tr","td","th"];function ie(){for(let e of Ne)ce(e)}function ce(e){if(l.defaultStyle.has(e))return l.defaultStyle.get(e);if(new Set(["script","style","meta","link","noscript","template","defs","symbol","title","metadata","desc"]).has(e)){let n={};return l.defaultStyle.set(e,n),n}let r=document.getElementById("snapdom-sandbox");r||(r=document.createElement("div"),r.id="snapdom-sandbox",r.style.position="absolute",r.style.left="-9999px",r.style.top="-9999px",r.style.width="0",r.style.height="0",r.style.overflow="hidden",document.body.appendChild(r));let c=document.createElement(e);c.style.all="initial",r.appendChild(c);let s=getComputedStyle(c),o={};for(let n of s)o[n]=s.getPropertyValue(n);return r.removeChild(c),l.defaultStyle.set(e,o),o}var Ae=new Set(["-webkit-locale"]);function D(e,t,r=!1){let c=[],s=ce(t);for(let[o,n]of Object.entries(e))if(!Ae.has(o))if(!r)n&&c.push(`${o}:${n}`);else{let a=s[o];n&&n!==a&&c.push(`${o}:${n}`)}return c.sort().join(";")}function le(e){let t=new Set;return e.nodeType!==Node.ELEMENT_NODE&&e.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?[]:(e.tagName&&t.add(e.tagName.toLowerCase()),typeof e.querySelectorAll=="function"&&e.querySelectorAll("*").forEach(r=>t.add(r.tagName.toLowerCase())),Array.from(t))}function de(e){let t=new Map;for(let c of e){let s=l.defaultStyle.get(c);if(!s)continue;let o=Object.entries(s).map(([n,a])=>`${n}:${a};`).sort().join("");t.has(o)||t.set(o,[]),t.get(o).push(c)}let r="";for(let[c,s]of t.entries())r+=`${s.join(",")} { ${c} }
|
|
2
|
+
`;return r}function fe(){let e=new Set(l.preStyleMap.values()),t=new Map,r=1;for(let c of e)c.trim()&&t.set(c,`c${r++}`);return t}async function P(e,t={}){let r=O(e),c=/^((repeating-)?(linear|radial|conic)-gradient)\(/i.test(e);if(r){let s=H(r);if(l.background.has(s))return t.skipInline?void 0:`url(${l.background.get(s)})`;{let o=await M(s,{useProxy:t.useProxy});return l.background.set(s,o),t.skipInline?void 0:`url("${o}")`}}return e}function F(e,{fast:t=!1}={}){if(t)return e();"requestIdleCallback"in window?requestIdleCallback(e,{timeout:50}):setTimeout(e,1)}function I(e,t=null){if(!(e instanceof Element))return window.getComputedStyle(e,t);let r=l.computedStyle.get(e);if(r||(r=new Map,l.computedStyle.set(e,r)),!r.has(t)){let c=window.getComputedStyle(e,t);r.set(t,c)}return r.get(t)}function ue(e){let t=e.replace(/^['"]|['"]$/g,"");if(t.startsWith("\\"))try{return String.fromCharCode(parseInt(t.replace("\\",""),16))}catch{return t}return t}function O(e){let t=e.match(/url\((['"]?)(.*?)(\1)\)/);if(!t)return null;let r=t[2].trim();return r.startsWith("#")?null:r}function M(e,{timeout:t=3e3,useProxy:r=""}={}){function c(i){try{return new URL(i,window.location.href).origin===window.location.origin?"use-credentials":"anonymous"}catch{return"anonymous"}}async function s(i){let d=u=>fetch(u,{mode:"cors",credentials:c(u)==="use-credentials"?"include":"omit"}).then(f=>f.blob()).then(f=>new Promise((m,p)=>{let h=new FileReader;h.onloadend=()=>{let y=h.result;if(typeof y!="string"||!y.startsWith("data:image/")){p(new Error("Invalid image data URL"));return}m(y)},h.onerror=()=>p(new Error("FileReader error")),h.readAsDataURL(f)}));try{return await d(i)}catch{if(r&&typeof r=="string"){let f=r.replace(/\/$/,"")+H(i);try{return await d(f)}catch{throw new Error("[SnapDOM - fetchImage] CORS restrictions prevented image capture (even via proxy)")}}else throw new Error("[SnapDOM - fetchImage] Fetch fallback failed and no proxy provided")}}let o=c(e);return l.image.has(e)?Promise.resolve(l.image.get(e)):e.startsWith("data:image/")?(l.image.set(e,e),Promise.resolve(e)):/\.svg(\?.*)?$/i.test(e)?(async()=>{try{let d=await(await fetch(e,{mode:"cors",credentials:o==="use-credentials"?"include":"omit"})).text(),u=`data:image/svg+xml;charset=utf-8,${encodeURIComponent(d)}`;return l.image.set(e,u),u}catch{return s(e)}})():new Promise((i,d)=>{let u=setTimeout(()=>{d(new Error("[SnapDOM - fetchImage] Image load timed out"))},t),f=new Image;f.crossOrigin=o,f.onload=async()=>{clearTimeout(u);try{await f.decode();let m=document.createElement("canvas");m.width=f.width,m.height=f.height,m.getContext("2d").drawImage(f,0,0,m.width,m.height);let h=m.toDataURL("image/png");l.image.set(e,h),i(h)}catch{try{let m=await s(e);l.image.set(e,m),i(m)}catch(m){d(m)}}},f.onerror=async()=>{clearTimeout(u),console.error(`[SnapDOM - fetchImage] Image failed to load: ${e}`);try{let m=await s(e);l.image.set(e,m),i(m)}catch(m){d(m)}},f.src=e})}function Q(e){let t={};for(let r of e)t[r]=e.getPropertyValue(r);return t}function me(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function pe(e){if(!e||e==="none")return"";let t=e.replace(/translate[XY]?\([^)]*\)/g,"");return t=t.replace(/matrix\(([^)]+)\)/g,(r,c)=>{let s=c.split(",").map(o=>o.trim());return s.length!==6?`matrix(${c})`:(s[4]="0",s[5]="0",`matrix(${s.join(", ")})`)}),t=t.replace(/matrix3d\(([^)]+)\)/g,(r,c)=>{let s=c.split(",").map(o=>o.trim());return s.length!==16?`matrix3d(${c})`:(s[12]="0",s[13]="0",`matrix3d(${s.join(", ")})`)}),t.trim().replace(/\s{2,}/g," ")}function H(e){if(/%[0-9A-Fa-f]{2}/.test(e))return e;try{return encodeURI(e)}catch{return e}}function U(e){let t=[],r=0,c=0;for(let s=0;s<e.length;s++){let o=e[s];o==="("&&r++,o===")"&&r--,o===","&&r===0&&(t.push(e.slice(c,s).trim()),c=s+1)}return t.push(e.slice(c).trim()),t}function Te(e){let t={},r=e.getPropertyValue("visibility");for(let c=0;c<e.length;c++){let s=e[c],o=e.getPropertyValue(s);(s==="background-image"||s==="content")&&o.includes("url(")&&!o.includes("data:")&&(o="none"),t[s]=o}return r==="hidden"&&(t.opacity="0"),t}function z(e,t,r){if(e.tagName==="STYLE")return;l.preStyle.has(e)||l.preStyle.set(e,I(e));let c=l.preStyle.get(e);if(!l.snapshot.has(e)){let i=Te(c);l.snapshot.set(e,i)}let s=l.snapshot.get(e),o=Object.entries(s).sort(([i],[d])=>i.localeCompare(d)).map(([i,d])=>`${i}:${d}`).join(";");if(l.snapshotKey.has(o)){l.preStyleMap.set(t,l.snapshotKey.get(o));return}let n=e.tagName?.toLowerCase()||"div",a=D(s,n,r);l.snapshotKey.set(o,a),l.preStyleMap.set(t,a)}function j(e,t,r={},c){if(!e)throw new Error("Invalid node");let s=new Set,o=null;if(e.nodeType===Node.TEXT_NODE||e.nodeType!==Node.ELEMENT_NODE)return e.cloneNode(!0);if(e.getAttribute("data-capture")==="exclude"){let a=document.createElement("div"),i=e.getBoundingClientRect();return a.style.cssText=`display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`,a}if(r.exclude&&Array.isArray(r.exclude))for(let a of r.exclude)try{if(e.matches?.(a)){let i=document.createElement("div"),d=e.getBoundingClientRect();return i.style.cssText=`display:inline-block;width:${d.width}px;height:${d.height}px;visibility:hidden;`,i}}catch(i){console.warn(`Invalid selector in exclude option: ${a}`,i)}if(typeof r.filter=="function")try{if(!r.filter(e,c||e)){let a=document.createElement("div"),i=e.getBoundingClientRect();return a.style.cssText=`display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`,a}}catch(a){console.warn("Error in filter function:",a)}if(e.tagName==="IFRAME"){let a=document.createElement("div");return a.style.cssText=`width:${e.offsetWidth}px;height:${e.offsetHeight}px;background-image:repeating-linear-gradient(45deg,#ddd,#ddd 5px,#f9f9f9 5px,#f9f9f9 10px);display:flex;align-items:center;justify-content:center;font-size:12px;color:#555;border:1px solid #aaa;`,a}if(e.getAttribute("data-capture")==="placeholder"){let a=e.cloneNode(!1);l.preNodeMap.set(a,e),z(e,a,t);let i=document.createElement("div");return i.textContent=e.getAttribute("data-placeholder-text")||"",i.style.cssText="color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;",a.appendChild(i),a}if(e.tagName==="CANVAS"){let a=e.toDataURL(),i=document.createElement("img");return i.src=a,i.width=e.width,i.height=e.height,l.preNodeMap.set(i,e),z(e,i,t),i}let n;try{n=e.cloneNode(!1),l.preNodeMap.set(n,e)}catch(a){throw console.error("[Snapdom] Failed to clone node:",e,a),a}if(e instanceof HTMLTextAreaElement){n.textContent=e.value,n.value=e.value;let a=e.getBoundingClientRect();return n.style.width=`${a.width}px`,n.style.height=`${a.height}px`,n}if(e instanceof HTMLInputElement&&(n.value=e.value,n.setAttribute("value",e.value),e.checked!==void 0&&(n.checked=e.checked,e.checked&&n.setAttribute("checked",""),e.indeterminate&&(n.indeterminate=e.indeterminate))),e instanceof HTMLSelectElement&&(o=e.value),z(e,n,t),e.shadowRoot)if(Array.from(e.shadowRoot.querySelectorAll("slot")).length>0){for(let i of e.shadowRoot.childNodes)if(i.nodeType===Node.ELEMENT_NODE&&i.tagName==="STYLE"){let d=i.textContent||"";d.trim()&&t&&(l.preStyle||(l.preStyle=new WeakMap),l.preStyle.set(i,d))}}else{let i=document.createDocumentFragment();for(let d of e.shadowRoot.childNodes){if(d.nodeType===Node.ELEMENT_NODE&&d.tagName==="STYLE"){let f=d.textContent||"";f.trim()&&t&&(l.preStyle||(l.preStyle=new WeakMap),l.preStyle.set(d,f));continue}let u=j(d,t,r,c||e);u&&i.appendChild(u)}n.appendChild(i)}if(e.tagName==="SLOT"){let a=e.assignedNodes?.({flatten:!0})||[],i=a.length>0?a:Array.from(e.childNodes),d=document.createDocumentFragment();for(let u of i){let f=j(u,t,r,c||e);f&&d.appendChild(f)}return d}for(let a of e.childNodes){if(s.has(a))continue;let i=j(a,t,r,c||e);i&&n.appendChild(i)}if(o!==null&&n instanceof HTMLSelectElement){n.value=o;for(let a of n.options)a.value===o?a.setAttribute("selected",""):a.removeAttribute("selected")}return n}var Me=[/font\s*awesome/i,/material\s*icons/i,/ionicons/i,/glyphicons/i,/feather/i,/bootstrap\s*icons/i,/remix\s*icons/i,/heroicons/i,/layui/i,/lucide/i],Z=[];function he(e){let t=Array.isArray(e)?e:[e];for(let r of t)r instanceof RegExp?Z.push(r):typeof r=="string"?Z.push(new RegExp(r,"i")):console.warn("[snapdom] Ignored invalid iconFont value:",r)}function k(e){let t=typeof e=="string"?e:"",r=[...Me,...Z];for(let c of r)if(c instanceof RegExp&&c.test(t))return!0;return!!(/icon/i.test(t)||/glyph/i.test(t)||/symbols/i.test(t)||/feather/i.test(t)||/fontawesome/i.test(t))}async function ge(e,t,r,c=32,s="#000"){t=t.replace(/^['"]+|['"]+$/g,"");let o=window.devicePixelRatio||1;await document.fonts.ready;let n=document.createElement("span");n.textContent=e,n.style.position="absolute",n.style.visibility="hidden",n.style.fontFamily=`"${t}"`,n.style.fontWeight=r||"normal",n.style.fontSize=`${c}px`,n.style.lineHeight="1",n.style.whiteSpace="nowrap",n.style.padding="0",n.style.margin="0",document.body.appendChild(n);let a=n.getBoundingClientRect(),i=Math.ceil(a.width),d=Math.ceil(a.height);document.body.removeChild(n);let u=document.createElement("canvas");u.width=i*o,u.height=d*o;let f=u.getContext("2d");return f.scale(o,o),f.font=r?`${r} ${c}px "${t}"`:`${c}px "${t}"`,f.textAlign="left",f.textBaseline="top",f.fillStyle=s,f.fillText(e,0,0),{dataUrl:u.toDataURL(),width:i,height:d}}function ye(e){return Array.from(document.styleSheets).some(t=>t.href===e)}function Le(e){return new Promise(t=>{if(ye(e))return t(null);let r=document.createElement("link");r.rel="stylesheet",r.href=e,r.setAttribute("data-snapdom","injected-import"),r.onload=()=>t(r),r.onerror=()=>t(null),document.head.appendChild(r)})}async function K({preCached:e=!1}={}){if(l.resource.has("fonts-embed-css")){if(e){let o=document.createElement("style");o.setAttribute("data-snapdom","embedFonts"),o.textContent=l.resource.get("fonts-embed-css"),document.head.appendChild(o)}return l.resource.get("fonts-embed-css")}let t=/@import\s+url\(["']?([^"')]+)["']?\)/g,r=[];for(let o of document.querySelectorAll("style")){let n=o.textContent||"",a=Array.from(n.matchAll(t));for(let i of a){let d=i[1];k(d)||ye(d)||r.push(d)}}await Promise.all(r.map(Le));let c=Array.from(document.querySelectorAll('link[rel="stylesheet"]')).filter(o=>o.href),s="";for(let o of c)try{let a=await(await fetch(o.href)).text();if(k(o.href)||k(a))continue;let i=/url\((["']?)([^"')]+)\1\)/g,d=await Promise.all(Array.from(a.matchAll(i)).map(async f=>{let m=O(f[0]);if(!m)return null;let p=m;if(!p.startsWith("http")&&!p.startsWith("data:")&&(p=new URL(p,o.href).href),k(p))return null;if(l.resource.has(p))return l.font.add(p),{original:f[0],inlined:`url(${l.resource.get(p)})`};if(l.font.has(p))return null;try{let y=await(await fetch(p)).blob(),w=await new Promise(g=>{let E=new FileReader;E.onload=()=>g(E.result),E.readAsDataURL(y)});return l.resource.set(p,w),l.font.add(p),{original:f[0],inlined:`url(${w})`}}catch{return console.warn("[snapdom] Failed to fetch font resource:",p),null}})),u=a;for(let f of d)f&&(u=u.replace(f.original,f.inlined));s+=u+`
|
|
3
|
+
`}catch{console.warn("[snapdom] Failed to fetch CSS:",o.href)}for(let o of document.styleSheets)try{if(!o.href||c.every(n=>n.href!==o.href)){for(let n of o.cssRules)if(n.type===CSSRule.FONT_FACE_RULE){let a=n.style.getPropertyValue("src"),i=n.style.getPropertyValue("font-family");if(!a||k(i))continue;let d=/url\((["']?)([^"')]+)\1\)/g,u=/local\((["']?)[^)]+?\1\)/g,f=!!a.match(d),m=!!a.match(u);if(!f&&m){s+=`@font-face{font-family:${i};src:${a};font-style:${n.style.getPropertyValue("font-style")||"normal"};font-weight:${n.style.getPropertyValue("font-weight")||"normal"};}`;continue}let p=a,h=Array.from(a.matchAll(d));for(let y of h){let w=y[2].trim();if(!w)continue;let g=w;if(!g.startsWith("http")&&!g.startsWith("data:")&&(g=new URL(g,o.href||location.href).href),!k(g)){if(l.resource.has(g)){l.font.add(g),p=p.replace(y[0],`url(${l.resource.get(g)})`);continue}if(!l.font.has(g))try{let $=await(await fetch(g)).blob(),R=await new Promise(N=>{let x=new FileReader;x.onload=()=>N(x.result),x.readAsDataURL($)});l.resource.set(g,R),l.font.add(g),p=p.replace(y[0],`url(${R})`)}catch{console.warn("[snapdom] Failed to fetch font URL:",g)}}}s+=`@font-face{font-family:${i};src:${p};font-style:${n.style.getPropertyValue("font-style")||"normal"};font-weight:${n.style.getPropertyValue("font-weight")||"normal"};}`}}}catch(n){console.warn("[snapdom] Cannot access stylesheet",o.href,n)}for(let o of document.fonts)if(o.family&&o.status==="loaded"&&o._snapdomSrc){if(k(o.family))continue;let n=o._snapdomSrc;if(!n.startsWith("data:")){if(l.resource.has(o._snapdomSrc))n=l.resource.get(o._snapdomSrc),l.font.add(o._snapdomSrc);else if(!l.font.has(o._snapdomSrc))try{let i=await(await fetch(o._snapdomSrc)).blob();n=await new Promise(d=>{let u=new FileReader;u.onload=()=>d(u.result),u.readAsDataURL(i)}),l.resource.set(o._snapdomSrc,n),l.font.add(o._snapdomSrc)}catch{console.warn("[snapdom] Failed to fetch dynamic font src:",o._snapdomSrc);continue}}s+=`@font-face{font-family:'${o.family}';src:url(${n});font-style:${o.style||"normal"};font-weight:${o.weight||"normal"};}`}if(s&&(l.resource.set("fonts-embed-css",s),e)){let o=document.createElement("style");o.setAttribute("data-snapdom","embedFonts"),o.textContent=s,document.head.appendChild(o)}return s}async function ee(e,t,r){if(!(e instanceof Element)||!(t instanceof Element))return;for(let o of["::before","::after","::first-letter"])try{let n=I(e,o);if(!n||typeof n[Symbol.iterator]!="function"||n.content==="none"&&n.backgroundImage==="none"&&n.backgroundColor==="transparent"&&(n.borderStyle==="none"||parseFloat(n.borderWidth)===0)&&(!n.transform||n.transform==="none")&&n.display==="inline")continue;if(o==="::first-letter"){let C=getComputedStyle(e);if(!(n.color!==C.color||n.fontSize!==C.fontSize||n.fontWeight!==C.fontWeight))continue;let T=Array.from(t.childNodes).find(se=>se.nodeType===Node.TEXT_NODE&&se.textContent?.trim().length>0);if(!T)continue;let L=T.textContent,_=L.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0],ke=L.slice(_?.length||0);if(!_||/[\uD800-\uDFFF]/.test(_))continue;let q=document.createElement("span");q.textContent=_,q.dataset.snapdomPseudo="::first-letter";let $e=Q(n),Ie=D($e,"span",r);l.preStyleMap.set(q,Ie);let ae=document.createTextNode(ke);t.replaceChild(ae,T),t.insertBefore(q,ae);continue}let i=n.content,d=/counter\s*\(|counters\s*\(/.test(i)?"- ":ue(i),u=n.backgroundImage,f=n.backgroundColor,m=n.fontFamily,p=parseInt(n.fontSize)||32,h=parseInt(n.fontWeight)||!1,y=n.color||"#000",w=n.display,g=parseFloat(n.width),E=parseFloat(n.height),$=n.borderStyle,R=parseFloat(n.borderWidth),N=n.transform,x=k(m),B=i!=="none"&&d!=="",V=u&&u!=="none",W=f&&f!=="transparent"&&f!=="rgba(0, 0, 0, 0)",Y=w!=="inline"&&(g>0||E>0),G=$&&$!=="none"&&R>0,A=N&&N!=="none";if(!(B||V||W||Y||G||A))continue;let S=document.createElement("span");S.dataset.snapdomPseudo=o,S.style.verticalAlign="middle";let X=Q(n),J=D(X,"span",r);if(l.preStyleMap.set(S,J),x&&d.length===1){let{dataUrl:C,width:v,height:T}=await ge(d,m,h,p,y),L=document.createElement("img");L.src=C,L.style=`height:${p}px;width:${v/T*p}px;object-fit:contain;`,S.appendChild(L),t.dataset.snapdomHasIcon="true"}else if(d.startsWith("url(")){let C=O(d);if(C?.trim())try{let v=document.createElement("img"),T=await M(H(C),r);v.src=T,v.style=`width:${p}px;height:auto;object-fit:contain;`,S.appendChild(v)}catch(v){console.error(`[snapdom] Error in pseudo ${o} for`,e,v)}}else!x&&B&&(S.textContent=d);if(V)try{let C=U(u),v=await Promise.all(C.map(P));S.style.backgroundImage=v.join(", ")}catch(C){console.warn(`[snapdom] Failed to inline background-image for ${o}`,C)}if(W&&(S.style.backgroundColor=f),!(S.childNodes.length>0||S.textContent?.trim()!==""||V||W||Y||G||A))continue;o==="::before"?t.insertBefore(S,t.firstChild):t.appendChild(S)}catch(n){console.warn(`[snapdom] Failed to capture ${o} for`,e,n)}let c=Array.from(e.children),s=Array.from(t.children).filter(o=>!o.dataset.snapdomPseudo);for(let o=0;o<Math.min(c.length,s.length);o++)await ee(c[o],s[o],r)}function we(e){if(!e)return;let t=new Set;if(e.querySelectorAll("use").forEach(a=>{let i=a.getAttribute("xlink:href")||a.getAttribute("href");i&&i.startsWith("#")&&t.add(i.slice(1))}),!t.size)return;let r=Array.from(document.querySelectorAll("svg > symbol, svg > defs")),c=r.filter(a=>a.tagName.toLowerCase()==="symbol"),s=r.filter(a=>a.tagName.toLowerCase()==="defs"),o=e.querySelector("svg.inline-defs-container");o||(o=document.createElementNS("http://www.w3.org/2000/svg","svg"),o.setAttribute("aria-hidden","true"),o.setAttribute("style","position: absolute; width: 0; height: 0; overflow: hidden;"),o.classList.add("inline-defs-container"),e.insertBefore(o,e.firstChild));let n=new Set;e.querySelectorAll("symbol[id], defs > *[id]").forEach(a=>{n.add(a.id)}),t.forEach(a=>{if(n.has(a))return;let i=c.find(d=>d.id===a);if(i){o.appendChild(i.cloneNode(!0)),n.add(a);return}for(let d of s){let u=d.querySelector(`#${CSS.escape(a)}`);if(u){let f=o.querySelector("defs");f||(f=document.createElementNS("http://www.w3.org/2000/svg","defs"),o.appendChild(f)),f.appendChild(u.cloneNode(!0)),n.add(a);break}}})}async function be(e,t=!1,r=!1,c={}){let s,o="";Pe(e);try{we(e)}catch(n){console.warn("inlineExternal defs or symbol failed:",n)}try{s=j(e,t,c,e)}catch(n){throw console.warn("deepClone failed:",n),n}try{await ee(e,s,t,r,c.useProxy)}catch(n){console.warn("inlinePseudoElements failed:",n)}if(t){let n=fe();o=Array.from(n.entries()).map(([a,i])=>`.${i}{${a}}`).join("");for(let[a,i]of l.preStyleMap.entries()){if(a.tagName==="STYLE")continue;if(a.getRootNode&&a.getRootNode()instanceof ShadowRoot){a.setAttribute("style",i.replace(/;/g,"; "));continue}let d=n.get(i);d&&a.classList.add(d);let u=a.style?.backgroundImage,f=a.dataset?.snapdomHasIcon;u&&u!=="none"&&(a.style.backgroundImage=u),f&&(a.style.verticalAlign="middle",a.style.display="inline")}}else for(let[n,a]of l.preStyleMap.entries())n.tagName!=="STYLE"&&n.setAttribute("style",a.replace(/;/g,"; "));for(let[n,a]of l.preNodeMap.entries()){let i=a.scrollLeft,d=a.scrollTop;if((i||d)&&n instanceof HTMLElement){n.style.overflow="hidden",n.style.scrollbarWidth="none",n.style.msOverflowStyle="none";let f=document.createElement("div");for(f.style.transform=`translate(${-i}px, ${-d}px)`,f.style.willChange="transform",f.style.display="inline-block",f.style.width="100%";n.firstChild;)f.appendChild(n.firstChild);n.appendChild(f)}}if(e===l.preNodeMap.get(s)){let n=l.preStyle.get(e)||window.getComputedStyle(e);l.preStyle.set(e,n);let a=pe(n.transform);s.style.margin="0",s.style.position="static",s.style.top="auto",s.style.left="auto",s.style.right="auto",s.style.bottom="auto",s.style.zIndex="auto",s.style.float="none",s.style.clear="none",s.style.transform=a||""}for(let[n,a]of l.preNodeMap.entries())a.tagName==="PRE"&&(n.style.marginTop="0",n.style.marginBlockStart="0");return{clone:s,classCSS:o}}function Pe(e){let t=getComputedStyle(e),r=t.outlineStyle,c=t.outlineWidth,s=t.borderStyle,o=t.borderWidth,n=r!=="none"&&parseFloat(c)>0,a=s==="none"||parseFloat(o)===0;n&&a&&(e.style.border=`${c} solid transparent`)}async function Se(e,t={}){let r=Array.from(e.querySelectorAll("img")),c=async s=>{let o=s.src;try{let n=await M(o,{useProxy:t.useProxy});s.src=n,s.width||(s.width=s.naturalWidth||100),s.height||(s.height=s.naturalHeight||100)}catch{let n=document.createElement("div");n.style=`width: ${s.width||100}px; height: ${s.height||100}px; background: #ccc; display: inline-block; text-align: center; line-height: ${s.height||100}px; color: #666; font-size: 12px;`,n.innerText="img",s.replaceWith(n)}};for(let s=0;s<r.length;s+=4){let o=r.slice(s,s+4).map(c);await Promise.allSettled(o)}}async function xe(e,t,r={}){let c=[[e,t]],s=["background-image","mask","mask-image","-webkit-mask-image","mask-source","mask-box-image-source","mask-border-source","-webkit-mask-box-image-source","border-image","border-image-source","border-image-slice","border-image-width","border-image-outset","border-image-repeat"];for(;c.length;){let[o,n]=c.shift(),a=l.preStyle.get(o)||I(o);l.preStyle.has(o)||l.preStyle.set(o,a);let i=(()=>{let m=a.getPropertyValue("border-image"),p=a.getPropertyValue("border-image-source");return m&&m!=="none"||p&&p!=="none"})();for(let m of s){if(["border-image-slice","border-image-width","border-image-outset","border-image-repeat"].includes(m)&&!i)continue;let p=a.getPropertyValue(m);if(!p||p==="none")continue;let h=U(p),y=await Promise.all(h.map(w=>P(w,r)));y.some(w=>w&&w!=="none"&&!/^url\(undefined/.test(w))&&n.style.setProperty(m,y.join(", "))}let d=a.getPropertyValue("background-color");d&&d!=="transparent"&&d!=="rgba(0, 0, 0, 0)"&&(n.style.backgroundColor=d);let u=Array.from(o.children),f=Array.from(n.children);for(let m=0;m<Math.min(u.length,f.length);m++)c.push([u[m],f[m]])}}async function Ce(e,t={}){if(!e)throw new Error("Element cannot be null or undefined");l.reset();let{compress:r=!0,embedFonts:c=!1,fast:s=!0,scale:o=1,useProxy:n=""}=t,a,i,d="",u="",f,m;if({clone:a,classCSS:i}=await be(e,r,c,t),await new Promise(h=>{F(async()=>{await Se(a,t),h()},{fast:s})}),await new Promise(h=>{F(async()=>{await xe(e,a,t),h()},{fast:s})}),c&&await new Promise(h=>{F(async()=>{d=await K(),h()},{fast:s})}),r){let h=le(a).sort(),y=h.join(",");l.baseStyle.has(y)?u=l.baseStyle.get(y):await new Promise(w=>{F(()=>{u=de(h),l.baseStyle.set(y,u),w()},{fast:s})})}await new Promise(h=>{F(()=>{let y=e.getBoundingClientRect(),w=y.width,g=y.height,E=Number.isFinite(t.width),$=Number.isFinite(t.height),R=typeof o=="number"&&o!==1;if(!R){let A=y.width/y.height;E&&$?(w=t.width,g=t.height):E?(w=t.width,g=w/A):$&&(g=t.height,w=g*A)}if(w=Math.ceil(w),g=Math.ceil(g),a.setAttribute("xmlns","http://www.w3.org/1999/xhtml"),a.style.transformOrigin="top left",!R&&(E||$)){let A=y.width,oe=y.height,S=w/A,X=g/oe,J=a.style.transform||"",re=`scale(${S}, ${X})`;a.style.transform=`${re} ${J}`.trim()}let N="http://www.w3.org/2000/svg",x=document.createElementNS(N,"foreignObject");x.setAttribute("width","100%"),x.setAttribute("height","100%");let B=document.createElement("style");B.textContent=u+d+"svg{overflow:visible;}"+i,x.appendChild(B),x.appendChild(a);let W=new XMLSerializer().serializeToString(x);m=`<svg xmlns="${N}" width="${w}" height="${g}" viewBox="0 0 ${w} ${g}">`+W+"</svg>",f=`data:image/svg+xml;charset=utf-8,${encodeURIComponent(m)}`,h()},{fast:s})});let p=document.getElementById("snapdom-sandbox");return p&&p.style.position==="absolute"&&p.remove(),f}async function Fe(e,{scale:t=1}={}){let r=new Image;return r.src=e,await r.decode(),t!==1&&(r.style.width=`${r.naturalWidth*t}px`,r.style.height=`${r.naturalHeight*t}px`),r}async function Ee(e,{dpr:t=1,scale:r=1}={}){let c=new Image;c.src=e,c.crossOrigin="anonymous",c.loading="eager",c.decoding="sync";let s=me(),o=!1;if(s&&(document.body.appendChild(c),o=!0),await c.decode(),s&&await new Promise(u=>setTimeout(u,100)),c.width===0||c.height===0)throw o&&c.remove(),new Error("Image failed to load or has no dimensions");let n=c.naturalWidth*r,a=c.naturalHeight*r,i=document.createElement("canvas");i.width=Math.ceil(n*t),i.height=Math.ceil(a*t),i.style.width=`${n}px`,i.style.height=`${a}px`;let d=i.getContext("2d");return d.scale(t,t),d.drawImage(c,0,0,n,a),o&&c.remove(),i}async function ve(e,{type:t="svg",scale:r=1,backgroundColor:c="#fff",quality:s}={}){let o={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",webp:"image/webp"}[t]||"image/png";if(t==="svg"){let a=decodeURIComponent(e.split(",")[1]);return new Blob([a],{type:"image/svg+xml"})}let n=await ne(e,{dpr:1,scale:r},c);return new Promise(a=>{n.toBlob(i=>a(i),`${o}`,s)})}async function ne(e,{dpr:t=1,scale:r=1},c){let s=await Ee(e,{dpr:t,scale:r});if(!c)return s;let o=document.createElement("canvas");o.width=s.width,o.height=s.height;let n=o.getContext("2d");return n.fillStyle=c,n.fillRect(0,0,o.width,o.height),n.drawImage(s,0,0),o}async function te(e,{dpr:t=1,scale:r=1,backgroundColor:c,quality:s},o="png"){let n=["jpg","jpeg","webp"].includes(o)?"#fff":void 0,i=await ne(e,{dpr:t,scale:r},c??n),d=new Image;return d.src=i.toDataURL(`image/${o}`,s),await d.decode(),d.style.width=`${i.width/t}px`,d.style.height=`${i.height/t}px`,d}async function Ue(e,{dpr:t=1,scale:r=1,backgroundColor:c,format:s="png",filename:o="snapDOM"}={}){if(s==="svg"){let m=await ve(e),p=URL.createObjectURL(m),h=document.createElement("a");h.href=p,h.download=`${o}.svg`,h.click(),URL.revokeObjectURL(p);return}let n=["jpg","jpeg","webp"].includes(s)?"#fff":void 0,i=await ne(e,{dpr:t,scale:r},c??n),d={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",webp:"image/webp"}[s]||"image/png",u=i.toDataURL(d),f=document.createElement("a");f.href=u,f.download=`${o}.${s}`,f.click()}async function b(e,t={}){if(t={scale:1,...t},!e)throw new Error("Element cannot be null or undefined");return t.iconFonts&&he(t.iconFonts),await b.capture(e,t)}b.capture=async(e,t={})=>{let r=await Ce(e,t),c=t.dpr??(window.devicePixelRatio||1),s=t.scale||1;return{url:r,options:t,toRaw:()=>r,toImg:(o={})=>Fe(r,{dpr:c,scale:s,...o}),toCanvas:(o={})=>Ee(r,{dpr:c,scale:s,...o}),toBlob:(o={})=>ve(r,{dpr:c,scale:s,...o}),toPng:(o={})=>te(r,{dpr:c,scale:s,...o},"png"),toJpg:(o={})=>te(r,{dpr:c,scale:s,...o},"jpeg"),toWebp:(o={})=>te(r,{dpr:c,scale:s,...o},"webp"),download:({format:o="png",filename:n="snapDOM",backgroundColor:a,...i}={})=>Ue(r,{dpr:c,scale:s,format:o,filename:n,backgroundColor:a,...i})}};b.toRaw=async(e,t)=>(await b.capture(e,t)).toRaw();b.toImg=async(e,t)=>(await b.capture(e,t)).toImg();b.toCanvas=async(e,t)=>(await b.capture(e,t)).toCanvas();b.toBlob=async(e,t)=>(await b.capture(e,t)).toBlob(t);b.toPng=async(e,t)=>(await b.capture(e,t)).toPng(t);b.toJpg=async(e,t)=>(await b.capture(e,t)).toJpg(t);b.toWebp=async(e,t)=>(await b.capture(e,t)).toWebp(t);b.download=async(e,t={})=>{let{format:r="png",filename:c="capture",backgroundColor:s,...o}=t;return await(await b.capture(e,o)).download({format:r,filename:c,backgroundColor:s})};async function Be(e=document,t={}){let{embedFonts:r=!0,reset:c=!1}=t;if(c){l.reset();return}await document.fonts.ready,ie();let s=[],o=[];e?.querySelectorAll&&(s=Array.from(e.querySelectorAll("img[src]")),o=Array.from(e.querySelectorAll("*")));let n=[];for(let a of s){let i=a.src;l.image.has(i)||n.push(M(i,{useProxy:t.useProxy}).then(d=>l.image.set(i,d)).catch(()=>{}))}for(let a of o){let i=I(a).backgroundImage;if(i&&i!=="none"){let d=U(i);for(let u of d)u.startsWith("url(")&&n.push(P(u,t).catch(()=>{}))}}r&&await K({preCached:!0}),await Promise.all(n)}export{Be as preCache,b as snapdom};
|