gp-designer 1.0.45 → 1.0.46
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/dist/gp-designer.es.js +697 -685
- package/dist/gp-designer.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/gp-designer.umd.js
CHANGED
@@ -35,4 +35,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
35
35
|
content: "" !important;
|
36
36
|
display: none !important;
|
37
37
|
}`,Ab=function(A){eb(A,"."+si+$T+Sl+`
|
38
|
-
.`+ai+zT+Sl)},eb=function(A,e){var t=A.ownerDocument;if(t){var r=t.createElement("style");r.textContent=e,A.appendChild(r)}},vl=function(){function A(){}return A.getOrigin=function(e){var t=A._link;return t?(t.href=e,t.href=t.href,t.protocol+t.hostname+t.port):"about:blank"},A.isSameOrigin=function(e){return A.getOrigin(e)===A._origin},A.setContext=function(e){A._link=e.document.createElement("a"),A._origin=A.getOrigin(e.location.href)},A._origin="about:blank",A}(),tb=function(){function A(e,t){this.context=e,this._options=t,this._cache={}}return A.prototype.addImage=function(e){var t=Promise.resolve();return this.has(e)||(ui(e)||ab(e))&&(this._cache[e]=this.loadImage(e)).catch(function(){}),t},A.prototype.match=function(e){return this._cache[e]},A.prototype.loadImage=function(e){return kA(this,void 0,void 0,function(){var t,r,n,s,a=this;return DA(this,function(u){switch(u.label){case 0:return t=vl.isSameOrigin(e),r=!ii(e)&&this._options.useCORS===!0&&LA.SUPPORT_CORS_IMAGES&&!t,n=!ii(e)&&!t&&!ui(e)&&typeof this._options.proxy=="string"&&LA.SUPPORT_CORS_XHR&&!r,!t&&this._options.allowTaint===!1&&!ii(e)&&!ui(e)&&!n&&!r?[2]:(s=e,n?[4,this.proxy(s)]:[3,2]);case 1:s=u.sent(),u.label=2;case 2:return this.context.logger.debug("Added image "+e.substring(0,256)),[4,new Promise(function(o,c){var f=new Image;f.onload=function(){return o(f)},f.onerror=c,(ib(s)||r)&&(f.crossOrigin="anonymous"),f.src=s,f.complete===!0&&setTimeout(function(){return o(f)},500),a._options.imageTimeout>0&&setTimeout(function(){return c("Timed out ("+a._options.imageTimeout+"ms) loading image")},a._options.imageTimeout)})];case 3:return[2,u.sent()]}})})},A.prototype.has=function(e){return typeof this._cache[e]<"u"},A.prototype.keys=function(){return Promise.resolve(Object.keys(this._cache))},A.prototype.proxy=function(e){var t=this,r=this._options.proxy;if(!r)throw new Error("No proxy defined");var n=e.substring(0,256);return new Promise(function(s,a){var u=LA.SUPPORT_RESPONSE_TYPE?"blob":"text",o=new XMLHttpRequest;o.onload=function(){if(o.status===200)if(u==="text")s(o.response);else{var h=new FileReader;h.addEventListener("load",function(){return s(h.result)},!1),h.addEventListener("error",function(d){return a(d)},!1),h.readAsDataURL(o.response)}else a("Failed to proxy resource "+n+" with status code "+o.status)},o.onerror=a;var c=r.indexOf("?")>-1?"&":"?";if(o.open("GET",""+r+c+"url="+encodeURIComponent(e)+"&responseType="+u),u!=="text"&&o instanceof XMLHttpRequest&&(o.responseType=u),t._options.imageTimeout){var f=t._options.imageTimeout;o.timeout=f,o.ontimeout=function(){return a("Timed out ("+f+"ms) proxying "+n)}}o.send()})},A}(),rb=/^data:image\/svg\+xml/i,nb=/^data:image\/.*;base64,/i,sb=/^data:image\/.*/i,ab=function(A){return LA.SUPPORT_SVG_DRAWING||!ub(A)},ii=function(A){return sb.test(A)},ib=function(A){return nb.test(A)},ui=function(A){return A.substr(0,4)==="blob"},ub=function(A){return A.substr(-3).toLowerCase()==="svg"||rb.test(A)},x=function(){function A(e,t){this.type=0,this.x=e,this.y=t}return A.prototype.add=function(e,t){return new A(this.x+e,this.y+t)},A}(),Lt=function(A,e,t){return new x(A.x+(e.x-A.x)*t,A.y+(e.y-A.y)*t)},Zn=function(){function A(e,t,r,n){this.type=1,this.start=e,this.startControl=t,this.endControl=r,this.end=n}return A.prototype.subdivide=function(e,t){var r=Lt(this.start,this.startControl,e),n=Lt(this.startControl,this.endControl,e),s=Lt(this.endControl,this.end,e),a=Lt(r,n,e),u=Lt(n,s,e),o=Lt(a,u,e);return t?new A(this.start,r,a,o):new A(o,u,s,this.end)},A.prototype.add=function(e,t){return new A(this.start.add(e,t),this.startControl.add(e,t),this.endControl.add(e,t),this.end.add(e,t))},A.prototype.reverse=function(){return new A(this.end,this.endControl,this.startControl,this.start)},A}(),re=function(A){return A.type===1},ob=function(){function A(e){var t=e.styles,r=e.bounds,n=br(t.borderTopLeftRadius,r.width,r.height),s=n[0],a=n[1],u=br(t.borderTopRightRadius,r.width,r.height),o=u[0],c=u[1],f=br(t.borderBottomRightRadius,r.width,r.height),h=f[0],d=f[1],C=br(t.borderBottomLeftRadius,r.width,r.height),m=C[0],T=C[1],F=[];F.push((s+o)/r.width),F.push((m+h)/r.width),F.push((a+T)/r.height),F.push((c+d)/r.height);var Q=Math.max.apply(Math,F);Q>1&&(s/=Q,a/=Q,o/=Q,c/=Q,h/=Q,d/=Q,m/=Q,T/=Q);var I=r.width-o,H=r.height-d,M=r.width-h,y=r.height-T,p=t.borderTopWidth,v=t.borderRightWidth,k=t.borderBottomWidth,O=t.borderLeftWidth,AA=uA(t.paddingTop,e.bounds.width),oA=uA(t.paddingRight,e.bounds.width),cA=uA(t.paddingBottom,e.bounds.width),W=uA(t.paddingLeft,e.bounds.width);this.topLeftBorderDoubleOuterBox=s>0||a>0?BA(r.left+O/3,r.top+p/3,s-O/3,a-p/3,sA.TOP_LEFT):new x(r.left+O/3,r.top+p/3),this.topRightBorderDoubleOuterBox=s>0||a>0?BA(r.left+I,r.top+p/3,o-v/3,c-p/3,sA.TOP_RIGHT):new x(r.left+r.width-v/3,r.top+p/3),this.bottomRightBorderDoubleOuterBox=h>0||d>0?BA(r.left+M,r.top+H,h-v/3,d-k/3,sA.BOTTOM_RIGHT):new x(r.left+r.width-v/3,r.top+r.height-k/3),this.bottomLeftBorderDoubleOuterBox=m>0||T>0?BA(r.left+O/3,r.top+y,m-O/3,T-k/3,sA.BOTTOM_LEFT):new x(r.left+O/3,r.top+r.height-k/3),this.topLeftBorderDoubleInnerBox=s>0||a>0?BA(r.left+O*2/3,r.top+p*2/3,s-O*2/3,a-p*2/3,sA.TOP_LEFT):new x(r.left+O*2/3,r.top+p*2/3),this.topRightBorderDoubleInnerBox=s>0||a>0?BA(r.left+I,r.top+p*2/3,o-v*2/3,c-p*2/3,sA.TOP_RIGHT):new x(r.left+r.width-v*2/3,r.top+p*2/3),this.bottomRightBorderDoubleInnerBox=h>0||d>0?BA(r.left+M,r.top+H,h-v*2/3,d-k*2/3,sA.BOTTOM_RIGHT):new x(r.left+r.width-v*2/3,r.top+r.height-k*2/3),this.bottomLeftBorderDoubleInnerBox=m>0||T>0?BA(r.left+O*2/3,r.top+y,m-O*2/3,T-k*2/3,sA.BOTTOM_LEFT):new x(r.left+O*2/3,r.top+r.height-k*2/3),this.topLeftBorderStroke=s>0||a>0?BA(r.left+O/2,r.top+p/2,s-O/2,a-p/2,sA.TOP_LEFT):new x(r.left+O/2,r.top+p/2),this.topRightBorderStroke=s>0||a>0?BA(r.left+I,r.top+p/2,o-v/2,c-p/2,sA.TOP_RIGHT):new x(r.left+r.width-v/2,r.top+p/2),this.bottomRightBorderStroke=h>0||d>0?BA(r.left+M,r.top+H,h-v/2,d-k/2,sA.BOTTOM_RIGHT):new x(r.left+r.width-v/2,r.top+r.height-k/2),this.bottomLeftBorderStroke=m>0||T>0?BA(r.left+O/2,r.top+y,m-O/2,T-k/2,sA.BOTTOM_LEFT):new x(r.left+O/2,r.top+r.height-k/2),this.topLeftBorderBox=s>0||a>0?BA(r.left,r.top,s,a,sA.TOP_LEFT):new x(r.left,r.top),this.topRightBorderBox=o>0||c>0?BA(r.left+I,r.top,o,c,sA.TOP_RIGHT):new x(r.left+r.width,r.top),this.bottomRightBorderBox=h>0||d>0?BA(r.left+M,r.top+H,h,d,sA.BOTTOM_RIGHT):new x(r.left+r.width,r.top+r.height),this.bottomLeftBorderBox=m>0||T>0?BA(r.left,r.top+y,m,T,sA.BOTTOM_LEFT):new x(r.left,r.top+r.height),this.topLeftPaddingBox=s>0||a>0?BA(r.left+O,r.top+p,Math.max(0,s-O),Math.max(0,a-p),sA.TOP_LEFT):new x(r.left+O,r.top+p),this.topRightPaddingBox=o>0||c>0?BA(r.left+Math.min(I,r.width-v),r.top+p,I>r.width+v?0:Math.max(0,o-v),Math.max(0,c-p),sA.TOP_RIGHT):new x(r.left+r.width-v,r.top+p),this.bottomRightPaddingBox=h>0||d>0?BA(r.left+Math.min(M,r.width-O),r.top+Math.min(H,r.height-k),Math.max(0,h-v),Math.max(0,d-k),sA.BOTTOM_RIGHT):new x(r.left+r.width-v,r.top+r.height-k),this.bottomLeftPaddingBox=m>0||T>0?BA(r.left+O,r.top+Math.min(y,r.height-k),Math.max(0,m-O),Math.max(0,T-k),sA.BOTTOM_LEFT):new x(r.left+O,r.top+r.height-k),this.topLeftContentBox=s>0||a>0?BA(r.left+O+W,r.top+p+AA,Math.max(0,s-(O+W)),Math.max(0,a-(p+AA)),sA.TOP_LEFT):new x(r.left+O+W,r.top+p+AA),this.topRightContentBox=o>0||c>0?BA(r.left+Math.min(I,r.width+O+W),r.top+p+AA,I>r.width+O+W?0:o-O+W,c-(p+AA),sA.TOP_RIGHT):new x(r.left+r.width-(v+oA),r.top+p+AA),this.bottomRightContentBox=h>0||d>0?BA(r.left+Math.min(M,r.width-(O+W)),r.top+Math.min(H,r.height+p+AA),Math.max(0,h-(v+oA)),d-(k+cA),sA.BOTTOM_RIGHT):new x(r.left+r.width-(v+oA),r.top+r.height-(k+cA)),this.bottomLeftContentBox=m>0||T>0?BA(r.left+O+W,r.top+y,Math.max(0,m-(O+W)),T-(k+cA),sA.BOTTOM_LEFT):new x(r.left+O+W,r.top+r.height-(k+cA))}return A}(),sA;(function(A){A[A.TOP_LEFT=0]="TOP_LEFT",A[A.TOP_RIGHT=1]="TOP_RIGHT",A[A.BOTTOM_RIGHT=2]="BOTTOM_RIGHT",A[A.BOTTOM_LEFT=3]="BOTTOM_LEFT"})(sA||(sA={}));var BA=function(A,e,t,r,n){var s=4*((Math.sqrt(2)-1)/3),a=t*s,u=r*s,o=A+t,c=e+r;switch(n){case sA.TOP_LEFT:return new Zn(new x(A,c),new x(A,c-u),new x(o-a,e),new x(o,e));case sA.TOP_RIGHT:return new Zn(new x(A,e),new x(A+a,e),new x(o,c-u),new x(o,c));case sA.BOTTOM_RIGHT:return new Zn(new x(o,e),new x(o,e+u),new x(A+a,c),new x(A,c));case sA.BOTTOM_LEFT:default:return new Zn(new x(o,c),new x(o-a,c),new x(A,e+u),new x(A,e))}},$n=function(A){return[A.topLeftBorderBox,A.topRightBorderBox,A.bottomRightBorderBox,A.bottomLeftBorderBox]},cb=function(A){return[A.topLeftContentBox,A.topRightContentBox,A.bottomRightContentBox,A.bottomLeftContentBox]},zn=function(A){return[A.topLeftPaddingBox,A.topRightPaddingBox,A.bottomRightPaddingBox,A.bottomLeftPaddingBox]},lb=function(){function A(e,t,r){this.offsetX=e,this.offsetY=t,this.matrix=r,this.type=0,this.target=6}return A}(),As=function(){function A(e,t){this.path=e,this.target=t,this.type=1}return A}(),fb=function(){function A(e){this.opacity=e,this.type=2,this.target=6}return A}(),hb=function(A){return A.type===0},Ll=function(A){return A.type===1},db=function(A){return A.type===2},Hl=function(A,e){return A.length===e.length?A.some(function(t,r){return t===e[r]}):!1},Bb=function(A,e,t,r,n){return A.map(function(s,a){switch(a){case 0:return s.add(e,t);case 1:return s.add(e+r,t);case 2:return s.add(e+r,t+n);case 3:return s.add(e,t+n)}return s})},xl=function(){function A(e){this.element=e,this.inlineLevel=[],this.nonInlineLevel=[],this.negativeZIndex=[],this.zeroOrAutoZIndexOrTransformedOrOpacity=[],this.positiveZIndex=[],this.nonPositionedFloats=[],this.nonPositionedInlineLevel=[]}return A}(),Dl=function(){function A(e,t){if(this.container=e,this.parent=t,this.effects=[],this.curves=new ob(this.container),this.container.styles.opacity<1&&this.effects.push(new fb(this.container.styles.opacity)),this.container.styles.transform!==null){var r=this.container.bounds.left+this.container.styles.transformOrigin[0].number,n=this.container.bounds.top+this.container.styles.transformOrigin[1].number,s=this.container.styles.transform;this.effects.push(new lb(r,n,s))}if(this.container.styles.overflowX!==0){var a=$n(this.curves),u=zn(this.curves);Hl(a,u)?this.effects.push(new As(a,6)):(this.effects.push(new As(a,2)),this.effects.push(new As(u,4)))}}return A.prototype.getEffects=function(e){for(var t=[2,3].indexOf(this.container.styles.position)===-1,r=this.parent,n=this.effects.slice(0);r;){var s=r.effects.filter(function(o){return!Ll(o)});if(t||r.container.styles.position!==0||!r.parent){if(n.unshift.apply(n,s),t=[2,3].indexOf(r.container.styles.position)===-1,r.container.styles.overflowX!==0){var a=$n(r.curves),u=zn(r.curves);Hl(a,u)||n.unshift(new As(u,6))}}else n.unshift.apply(n,s);r=r.parent}return n.filter(function(o){return bA(o.target,e)})},A}(),oi=function(A,e,t,r){A.container.elements.forEach(function(n){var s=bA(n.flags,4),a=bA(n.flags,2),u=new Dl(n,A);bA(n.styles.display,2048)&&r.push(u);var o=bA(n.flags,8)?[]:r;if(s||a){var c=s||n.styles.isPositioned()?t:e,f=new xl(u);if(n.styles.isPositioned()||n.styles.opacity<1||n.styles.isTransformed()){var h=n.styles.zIndex.order;if(h<0){var d=0;c.negativeZIndex.some(function(m,T){return h>m.element.container.styles.zIndex.order?(d=T,!1):d>0}),c.negativeZIndex.splice(d,0,f)}else if(h>0){var C=0;c.positiveZIndex.some(function(m,T){return h>=m.element.container.styles.zIndex.order?(C=T+1,!1):C>0}),c.positiveZIndex.splice(C,0,f)}else c.zeroOrAutoZIndexOrTransformedOrOpacity.push(f)}else n.styles.isFloating()?c.nonPositionedFloats.push(f):c.nonPositionedInlineLevel.push(f);oi(u,f,s?f:t,o)}else n.styles.isInlineLevel()?e.inlineLevel.push(u):e.nonInlineLevel.push(u),oi(u,e,t,o);bA(n.flags,8)&&Ol(n,o)})},Ol=function(A,e){for(var t=A instanceof $a?A.start:1,r=A instanceof $a?A.reversed:!1,n=0;n<e.length;n++){var s=e[n];s.container instanceof ul&&typeof s.container.value=="number"&&s.container.value!==0&&(t=s.container.value),s.listValue=yr(t,s.container.styles.listStyleType,!0),t+=r?-1:1}},gb=function(A){var e=new Dl(A,null),t=new xl(e),r=[];return oi(e,t,t,r),Ol(e.container,r),t},Rl=function(A,e){switch(e){case 0:return ne(A.topLeftBorderBox,A.topLeftPaddingBox,A.topRightBorderBox,A.topRightPaddingBox);case 1:return ne(A.topRightBorderBox,A.topRightPaddingBox,A.bottomRightBorderBox,A.bottomRightPaddingBox);case 2:return ne(A.bottomRightBorderBox,A.bottomRightPaddingBox,A.bottomLeftBorderBox,A.bottomLeftPaddingBox);case 3:default:return ne(A.bottomLeftBorderBox,A.bottomLeftPaddingBox,A.topLeftBorderBox,A.topLeftPaddingBox)}},Eb=function(A,e){switch(e){case 0:return ne(A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox,A.topRightBorderBox,A.topRightBorderDoubleOuterBox);case 1:return ne(A.topRightBorderBox,A.topRightBorderDoubleOuterBox,A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox);case 2:return ne(A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox,A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox);case 3:default:return ne(A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox,A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox)}},pb=function(A,e){switch(e){case 0:return ne(A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox,A.topRightBorderDoubleInnerBox,A.topRightPaddingBox);case 1:return ne(A.topRightBorderDoubleInnerBox,A.topRightPaddingBox,A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox);case 2:return ne(A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox,A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox);case 3:default:return ne(A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox,A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox)}},mb=function(A,e){switch(e){case 0:return es(A.topLeftBorderStroke,A.topRightBorderStroke);case 1:return es(A.topRightBorderStroke,A.bottomRightBorderStroke);case 2:return es(A.bottomRightBorderStroke,A.bottomLeftBorderStroke);case 3:default:return es(A.bottomLeftBorderStroke,A.topLeftBorderStroke)}},es=function(A,e){var t=[];return re(A)?t.push(A.subdivide(.5,!1)):t.push(A),re(e)?t.push(e.subdivide(.5,!0)):t.push(e),t},ne=function(A,e,t,r){var n=[];return re(A)?n.push(A.subdivide(.5,!1)):n.push(A),re(t)?n.push(t.subdivide(.5,!0)):n.push(t),re(r)?n.push(r.subdivide(.5,!0).reverse()):n.push(r),re(e)?n.push(e.subdivide(.5,!1).reverse()):n.push(e),n},Ml=function(A){var e=A.bounds,t=A.styles;return e.add(t.borderLeftWidth,t.borderTopWidth,-(t.borderRightWidth+t.borderLeftWidth),-(t.borderTopWidth+t.borderBottomWidth))},ts=function(A){var e=A.styles,t=A.bounds,r=uA(e.paddingLeft,t.width),n=uA(e.paddingRight,t.width),s=uA(e.paddingTop,t.width),a=uA(e.paddingBottom,t.width);return t.add(r+e.borderLeftWidth,s+e.borderTopWidth,-(e.borderRightWidth+e.borderLeftWidth+r+n),-(e.borderTopWidth+e.borderBottomWidth+s+a))},Cb=function(A,e){return A===0?e.bounds:A===2?ts(e):Ml(e)},wb=function(A,e){return A===0?e.bounds:A===2?ts(e):Ml(e)},ci=function(A,e,t){var r=Cb(xt(A.styles.backgroundOrigin,e),A),n=wb(xt(A.styles.backgroundClip,e),A),s=Tb(xt(A.styles.backgroundSize,e),t,r),a=s[0],u=s[1],o=br(xt(A.styles.backgroundPosition,e),r.width-a,r.height-u),c=bb(xt(A.styles.backgroundRepeat,e),o,s,r,n),f=Math.round(r.left+o[0]),h=Math.round(r.top+o[1]);return[c,f,h,a,u]},Ht=function(A){return iA(A)&&A.value===yt.AUTO},rs=function(A){return typeof A=="number"},Tb=function(A,e,t){var r=e[0],n=e[1],s=e[2],a=A[0],u=A[1];if(!a)return[0,0];if(CA(a)&&u&&CA(u))return[uA(a,t.width),uA(u,t.height)];var o=rs(s);if(iA(a)&&(a.value===yt.CONTAIN||a.value===yt.COVER)){if(rs(s)){var c=t.width/t.height;return c<s!=(a.value===yt.COVER)?[t.width,t.width/s]:[t.height*s,t.height]}return[t.width,t.height]}var f=rs(r),h=rs(n),d=f||h;if(Ht(a)&&(!u||Ht(u))){if(f&&h)return[r,n];if(!o&&!d)return[t.width,t.height];if(d&&o){var C=f?r:n*s,m=h?n:r/s;return[C,m]}var T=f?r:t.width,F=h?n:t.height;return[T,F]}if(o){var Q=0,I=0;return CA(a)?Q=uA(a,t.width):CA(u)&&(I=uA(u,t.height)),Ht(a)?Q=I*s:(!u||Ht(u))&&(I=Q/s),[Q,I]}var H=null,M=null;if(CA(a)?H=uA(a,t.width):u&&CA(u)&&(M=uA(u,t.height)),H!==null&&(!u||Ht(u))&&(M=f&&h?H/r*n:t.height),M!==null&&Ht(a)&&(H=f&&h?M/n*r:t.width),H!==null&&M!==null)return[H,M];throw new Error("Unable to calculate background-size for element")},xt=function(A,e){var t=A[e];return typeof t>"u"?A[0]:t},bb=function(A,e,t,r,n){var s=e[0],a=e[1],u=t[0],o=t[1];switch(A){case 2:return[new x(Math.round(r.left),Math.round(r.top+a)),new x(Math.round(r.left+r.width),Math.round(r.top+a)),new x(Math.round(r.left+r.width),Math.round(o+r.top+a)),new x(Math.round(r.left),Math.round(o+r.top+a))];case 3:return[new x(Math.round(r.left+s),Math.round(r.top)),new x(Math.round(r.left+s+u),Math.round(r.top)),new x(Math.round(r.left+s+u),Math.round(r.height+r.top)),new x(Math.round(r.left+s),Math.round(r.height+r.top))];case 1:return[new x(Math.round(r.left+s),Math.round(r.top+a)),new x(Math.round(r.left+s+u),Math.round(r.top+a)),new x(Math.round(r.left+s+u),Math.round(r.top+a+o)),new x(Math.round(r.left+s),Math.round(r.top+a+o))];default:return[new x(Math.round(n.left),Math.round(n.top)),new x(Math.round(n.left+n.width),Math.round(n.top)),new x(Math.round(n.left+n.width),Math.round(n.height+n.top)),new x(Math.round(n.left),Math.round(n.height+n.top))]}},Ub="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",kl="Hidden Text",Qb=function(){function A(e){this._data={},this._document=e}return A.prototype.parseMetrics=function(e,t){var r=this._document.createElement("div"),n=this._document.createElement("img"),s=this._document.createElement("span"),a=this._document.body;r.style.visibility="hidden",r.style.fontFamily=e,r.style.fontSize=t,r.style.margin="0",r.style.padding="0",r.style.whiteSpace="nowrap",a.appendChild(r),n.src=Ub,n.width=1,n.height=1,n.style.margin="0",n.style.padding="0",n.style.verticalAlign="baseline",s.style.fontFamily=e,s.style.fontSize=t,s.style.margin="0",s.style.padding="0",s.appendChild(this._document.createTextNode(kl)),r.appendChild(s),r.appendChild(n);var u=n.offsetTop-s.offsetTop+2;r.removeChild(s),r.appendChild(this._document.createTextNode(kl)),r.style.lineHeight="normal",n.style.verticalAlign="super";var o=n.offsetTop-r.offsetTop+2;return a.removeChild(r),{baseline:u,middle:o}},A.prototype.getMetrics=function(e,t){var r=e+" "+t;return typeof this._data[r]>"u"&&(this._data[r]=this.parseMetrics(e,t)),this._data[r]},A}(),Pl=function(){function A(e,t){this.context=e,this.options=t}return A}(),Fb=1e4,Ib=function(A){ue(e,A);function e(t,r){var n=A.call(this,t,r)||this;return n._activeEffects=[],n.canvas=r.canvas?r.canvas:document.createElement("canvas"),n.ctx=n.canvas.getContext("2d"),r.canvas||(n.canvas.width=Math.floor(r.width*r.scale),n.canvas.height=Math.floor(r.height*r.scale),n.canvas.style.width=r.width+"px",n.canvas.style.height=r.height+"px"),n.fontMetrics=new Qb(document),n.ctx.scale(n.options.scale,n.options.scale),n.ctx.translate(-r.x,-r.y),n.ctx.textBaseline="bottom",n._activeEffects=[],n.context.logger.debug("Canvas renderer initialized ("+r.width+"x"+r.height+") with scale "+r.scale),n}return e.prototype.applyEffects=function(t){for(var r=this;this._activeEffects.length;)this.popEffect();t.forEach(function(n){return r.applyEffect(n)})},e.prototype.applyEffect=function(t){this.ctx.save(),db(t)&&(this.ctx.globalAlpha=t.opacity),hb(t)&&(this.ctx.translate(t.offsetX,t.offsetY),this.ctx.transform(t.matrix[0],t.matrix[1],t.matrix[2],t.matrix[3],t.matrix[4],t.matrix[5]),this.ctx.translate(-t.offsetX,-t.offsetY)),Ll(t)&&(this.path(t.path),this.ctx.clip()),this._activeEffects.push(t)},e.prototype.popEffect=function(){this._activeEffects.pop(),this.ctx.restore()},e.prototype.renderStack=function(t){return kA(this,void 0,void 0,function(){var r;return DA(this,function(n){switch(n.label){case 0:return r=t.element.container.styles,r.isVisible()?[4,this.renderStackContent(t)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[2]}})})},e.prototype.renderNode=function(t){return kA(this,void 0,void 0,function(){return DA(this,function(r){switch(r.label){case 0:if(bA(t.container.flags,16))debugger;return t.container.styles.isVisible()?[4,this.renderNodeBackgroundAndBorders(t)]:[3,3];case 1:return r.sent(),[4,this.renderNodeContent(t)];case 2:r.sent(),r.label=3;case 3:return[2]}})})},e.prototype.renderTextWithLetterSpacing=function(t,r,n){var s=this;if(r===0)this.ctx.fillText(t.text,t.bounds.left,t.bounds.top+n);else{var a=Za(t.text);a.reduce(function(u,o){return s.ctx.fillText(o,u,t.bounds.top+n),u+s.ctx.measureText(o).width},t.bounds.left)}},e.prototype.createFontStyle=function(t){var r=t.fontVariant.filter(function(a){return a==="normal"||a==="small-caps"}).join(""),n=vb(t.fontFamily).join(", "),s=Tr(t.fontSize)?""+t.fontSize.number+t.fontSize.unit:t.fontSize.number+"px";return[[t.fontStyle,r,t.fontWeight,s,n].join(" "),n,s]},e.prototype.renderTextNode=function(t,r){return kA(this,void 0,void 0,function(){var n,s,a,u,o,c,f,h,d=this;return DA(this,function(C){return n=this.createFontStyle(r),s=n[0],a=n[1],u=n[2],this.ctx.font=s,this.ctx.direction=r.direction===1?"rtl":"ltr",this.ctx.textAlign="left",this.ctx.textBaseline="alphabetic",o=this.fontMetrics.getMetrics(a,u),c=o.baseline,f=o.middle,h=r.paintOrder,t.textBounds.forEach(function(m){h.forEach(function(T){switch(T){case 0:d.ctx.fillStyle=NA(r.color),d.renderTextWithLetterSpacing(m,r.letterSpacing,c);var F=r.textShadow;F.length&&m.text.trim().length&&(F.slice(0).reverse().forEach(function(Q){d.ctx.shadowColor=NA(Q.color),d.ctx.shadowOffsetX=Q.offsetX.number*d.options.scale,d.ctx.shadowOffsetY=Q.offsetY.number*d.options.scale,d.ctx.shadowBlur=Q.blur.number,d.renderTextWithLetterSpacing(m,r.letterSpacing,c)}),d.ctx.shadowColor="",d.ctx.shadowOffsetX=0,d.ctx.shadowOffsetY=0,d.ctx.shadowBlur=0),r.textDecorationLine.length&&(d.ctx.fillStyle=NA(r.textDecorationColor||r.color),r.textDecorationLine.forEach(function(Q){switch(Q){case 1:d.ctx.fillRect(m.bounds.left,Math.round(m.bounds.top+c),m.bounds.width,1);break;case 2:d.ctx.fillRect(m.bounds.left,Math.round(m.bounds.top),m.bounds.width,1);break;case 3:d.ctx.fillRect(m.bounds.left,Math.ceil(m.bounds.top+f),m.bounds.width,1);break}}));break;case 1:r.webkitTextStrokeWidth&&m.text.trim().length&&(d.ctx.strokeStyle=NA(r.webkitTextStrokeColor),d.ctx.lineWidth=r.webkitTextStrokeWidth,d.ctx.lineJoin=window.chrome?"miter":"round",d.ctx.strokeText(m.text,m.bounds.left,m.bounds.top+c)),d.ctx.strokeStyle="",d.ctx.lineWidth=0,d.ctx.lineJoin="miter";break}})}),[2]})})},e.prototype.renderReplacedElement=function(t,r,n){if(n&&t.intrinsicWidth>0&&t.intrinsicHeight>0){var s=ts(t),a=zn(r);this.path(a),this.ctx.save(),this.ctx.clip(),this.ctx.drawImage(n,0,0,t.intrinsicWidth,t.intrinsicHeight,s.left,s.top,s.width,s.height),this.ctx.restore()}},e.prototype.renderNodeContent=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o,I,I,c,f,h,d,M,C,m,y,T,F,Q,I,H,M,y;return DA(this,function(p){switch(p.label){case 0:this.applyEffects(t.getEffects(4)),r=t.container,n=t.curves,s=r.styles,a=0,u=r.textNodes,p.label=1;case 1:return a<u.length?(o=u[a],[4,this.renderTextNode(o,s)]):[3,4];case 2:p.sent(),p.label=3;case 3:return a++,[3,1];case 4:if(!(r instanceof sl))return[3,8];p.label=5;case 5:return p.trys.push([5,7,,8]),[4,this.context.cache.match(r.src)];case 6:return I=p.sent(),this.renderReplacedElement(r,n,I),[3,8];case 7:return p.sent(),this.context.logger.error("Error loading image "+r.src),[3,8];case 8:if(r instanceof al&&this.renderReplacedElement(r,n,r.canvas),!(r instanceof il))return[3,12];p.label=9;case 9:return p.trys.push([9,11,,12]),[4,this.context.cache.match(r.svg)];case 10:return I=p.sent(),this.renderReplacedElement(r,n,I),[3,12];case 11:return p.sent(),this.context.logger.error("Error loading svg "+r.svg.substring(0,255)),[3,12];case 12:return r instanceof fl&&r.tree?(c=new e(this.context,{scale:this.options.scale,backgroundColor:r.backgroundColor,x:0,y:0,width:r.width,height:r.height}),[4,c.render(r.tree)]):[3,14];case 13:f=p.sent(),r.width&&r.height&&this.ctx.drawImage(f,0,0,r.width,r.height,r.bounds.left,r.bounds.top,r.bounds.width,r.bounds.height),p.label=14;case 14:if(r instanceof za&&(h=Math.min(r.bounds.width,r.bounds.height),r.type===Yn?r.checked&&(this.ctx.save(),this.path([new x(r.bounds.left+h*.39363,r.bounds.top+h*.79),new x(r.bounds.left+h*.16,r.bounds.top+h*.5549),new x(r.bounds.left+h*.27347,r.bounds.top+h*.44071),new x(r.bounds.left+h*.39694,r.bounds.top+h*.5649),new x(r.bounds.left+h*.72983,r.bounds.top+h*.23),new x(r.bounds.left+h*.84,r.bounds.top+h*.34085),new x(r.bounds.left+h*.39363,r.bounds.top+h*.79)]),this.ctx.fillStyle=NA(ol),this.ctx.fill(),this.ctx.restore()):r.type===Xn&&r.checked&&(this.ctx.save(),this.ctx.beginPath(),this.ctx.arc(r.bounds.left+h/2,r.bounds.top+h/2,h/4,0,Math.PI*2,!0),this.ctx.fillStyle=NA(ol),this.ctx.fill(),this.ctx.restore())),_b(r)&&r.value.length){switch(d=this.createFontStyle(s),M=d[0],C=d[1],m=this.fontMetrics.getMetrics(M,C).baseline,this.ctx.font=M,this.ctx.fillStyle=NA(s.color),this.ctx.textBaseline="alphabetic",this.ctx.textAlign=Nb(r.styles.textAlign),y=ts(r),T=0,r.styles.textAlign){case 1:T+=y.width/2;break;case 2:T+=y.width;break}F=y.add(T,0,0,-y.height/2+1),this.ctx.save(),this.path([new x(y.left,y.top),new x(y.left+y.width,y.top),new x(y.left+y.width,y.top+y.height),new x(y.left,y.top+y.height)]),this.ctx.clip(),this.renderTextWithLetterSpacing(new Ir(r.value,F),s.letterSpacing,m),this.ctx.restore(),this.ctx.textBaseline="alphabetic",this.ctx.textAlign="left"}if(!bA(r.styles.display,2048))return[3,20];if(r.styles.listStyleImage===null)return[3,19];if(Q=r.styles.listStyleImage,Q.type!==0)return[3,18];I=void 0,H=Q.url,p.label=15;case 15:return p.trys.push([15,17,,18]),[4,this.context.cache.match(H)];case 16:return I=p.sent(),this.ctx.drawImage(I,r.bounds.left-(I.width+10),r.bounds.top),[3,18];case 17:return p.sent(),this.context.logger.error("Error loading list-style-image "+H),[3,18];case 18:return[3,20];case 19:t.listValue&&r.styles.listStyleType!==-1&&(M=this.createFontStyle(s)[0],this.ctx.font=M,this.ctx.fillStyle=NA(s.color),this.ctx.textBaseline="middle",this.ctx.textAlign="right",y=new be(r.bounds.left,r.bounds.top+uA(r.styles.paddingTop,r.bounds.width),r.bounds.width,kc(s.lineHeight,s.fontSize.number)/2+1),this.renderTextWithLetterSpacing(new Ir(t.listValue,y),s.letterSpacing,kc(s.lineHeight,s.fontSize.number)/2+2),this.ctx.textBaseline="bottom",this.ctx.textAlign="left"),p.label=20;case 20:return[2]}})})},e.prototype.renderStackContent=function(t){return kA(this,void 0,void 0,function(){var r,n,Q,s,a,Q,u,o,Q,c,f,Q,h,d,Q,C,m,Q,T,F,Q;return DA(this,function(I){switch(I.label){case 0:if(bA(t.element.container.flags,16))debugger;return[4,this.renderNodeBackgroundAndBorders(t.element)];case 1:I.sent(),r=0,n=t.negativeZIndex,I.label=2;case 2:return r<n.length?(Q=n[r],[4,this.renderStack(Q)]):[3,5];case 3:I.sent(),I.label=4;case 4:return r++,[3,2];case 5:return[4,this.renderNodeContent(t.element)];case 6:I.sent(),s=0,a=t.nonInlineLevel,I.label=7;case 7:return s<a.length?(Q=a[s],[4,this.renderNode(Q)]):[3,10];case 8:I.sent(),I.label=9;case 9:return s++,[3,7];case 10:u=0,o=t.nonPositionedFloats,I.label=11;case 11:return u<o.length?(Q=o[u],[4,this.renderStack(Q)]):[3,14];case 12:I.sent(),I.label=13;case 13:return u++,[3,11];case 14:c=0,f=t.nonPositionedInlineLevel,I.label=15;case 15:return c<f.length?(Q=f[c],[4,this.renderStack(Q)]):[3,18];case 16:I.sent(),I.label=17;case 17:return c++,[3,15];case 18:h=0,d=t.inlineLevel,I.label=19;case 19:return h<d.length?(Q=d[h],[4,this.renderNode(Q)]):[3,22];case 20:I.sent(),I.label=21;case 21:return h++,[3,19];case 22:C=0,m=t.zeroOrAutoZIndexOrTransformedOrOpacity,I.label=23;case 23:return C<m.length?(Q=m[C],[4,this.renderStack(Q)]):[3,26];case 24:I.sent(),I.label=25;case 25:return C++,[3,23];case 26:T=0,F=t.positiveZIndex,I.label=27;case 27:return T<F.length?(Q=F[T],[4,this.renderStack(Q)]):[3,30];case 28:I.sent(),I.label=29;case 29:return T++,[3,27];case 30:return[2]}})})},e.prototype.mask=function(t){this.ctx.beginPath(),this.ctx.moveTo(0,0),this.ctx.lineTo(this.canvas.width,0),this.ctx.lineTo(this.canvas.width,this.canvas.height),this.ctx.lineTo(0,this.canvas.height),this.ctx.lineTo(0,0),this.formatPath(t.slice(0).reverse()),this.ctx.closePath()},e.prototype.path=function(t){this.ctx.beginPath(),this.formatPath(t),this.ctx.closePath()},e.prototype.formatPath=function(t){var r=this;t.forEach(function(n,s){var a=re(n)?n.start:n;s===0?r.ctx.moveTo(a.x,a.y):r.ctx.lineTo(a.x,a.y),re(n)&&r.ctx.bezierCurveTo(n.startControl.x,n.startControl.y,n.endControl.x,n.endControl.y,n.end.x,n.end.y)})},e.prototype.renderRepeat=function(t,r,n,s){this.path(t),this.ctx.fillStyle=r,this.ctx.translate(n,s),this.ctx.fill(),this.ctx.translate(-n,-s)},e.prototype.resizeImage=function(t,r,n){var s;if(t.width===r&&t.height===n)return t;var a=(s=this.canvas.ownerDocument)!==null&&s!==void 0?s:document,u=a.createElement("canvas");u.width=Math.max(1,r),u.height=Math.max(1,n);var o=u.getContext("2d");return o.drawImage(t,0,0,t.width,t.height,0,0,r,n),u},e.prototype.renderBackgroundImage=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o;return DA(this,function(c){switch(c.label){case 0:r=t.styles.backgroundImage.length-1,n=function(f){var h,d,C,AA,P,z,W,tA,k,m,AA,P,z,W,tA,T,F,Q,I,H,M,y,p,v,k,O,AA,oA,cA,W,tA,R,P,z,rA,lA,UA,HA,RA,QA,PA,wA;return DA(this,function(ce){switch(ce.label){case 0:if(f.type!==0)return[3,5];h=void 0,d=f.url,ce.label=1;case 1:return ce.trys.push([1,3,,4]),[4,s.context.cache.match(d)];case 2:return h=ce.sent(),[3,4];case 3:return ce.sent(),s.context.logger.error("Error loading background-image "+d),[3,4];case 4:return h&&(C=ci(t,r,[h.width,h.height,h.width/h.height]),AA=C[0],P=C[1],z=C[2],W=C[3],tA=C[4],k=s.ctx.createPattern(s.resizeImage(h,W,tA),"repeat"),s.renderRepeat(AA,k,P,z)),[3,6];case 5:h1(f)?(m=ci(t,r,[null,null,null]),AA=m[0],P=m[1],z=m[2],W=m[3],tA=m[4],T=u1(f.angle,W,tA),F=T[0],Q=T[1],I=T[2],H=T[3],M=T[4],y=document.createElement("canvas"),y.width=W,y.height=tA,p=y.getContext("2d"),v=p.createLinearGradient(Q,H,I,M),yc(f.stops,F).forEach(function(We){return v.addColorStop(We.stop,NA(We.color))}),p.fillStyle=v,p.fillRect(0,0,W,tA),W>0&&tA>0&&(k=s.ctx.createPattern(y,"repeat"),s.renderRepeat(AA,k,P,z))):d1(f)&&(O=ci(t,r,[null,null,null]),AA=O[0],oA=O[1],cA=O[2],W=O[3],tA=O[4],R=f.position.length===0?[Da]:f.position,P=uA(R[0],W),z=uA(R[R.length-1],tA),rA=o1(f,P,z,W,tA),lA=rA[0],UA=rA[1],lA>0&&UA>0&&(HA=s.ctx.createRadialGradient(oA+P,cA+z,0,oA+P,cA+z,lA),yc(f.stops,lA*2).forEach(function(We){return HA.addColorStop(We.stop,NA(We.color))}),s.path(AA),s.ctx.fillStyle=HA,lA!==UA?(RA=t.bounds.left+.5*t.bounds.width,QA=t.bounds.top+.5*t.bounds.height,PA=UA/lA,wA=1/PA,s.ctx.save(),s.ctx.translate(RA,QA),s.ctx.transform(1,0,0,PA,0,0),s.ctx.translate(-RA,-QA),s.ctx.fillRect(oA,wA*(cA-QA)+QA,W,tA*wA),s.ctx.restore()):s.ctx.fill())),ce.label=6;case 6:return r--,[2]}})},s=this,a=0,u=t.styles.backgroundImage.slice(0).reverse(),c.label=1;case 1:return a<u.length?(o=u[a],[5,n(o)]):[3,4];case 2:c.sent(),c.label=3;case 3:return a++,[3,1];case 4:return[2]}})})},e.prototype.renderSolidBorder=function(t,r,n){return kA(this,void 0,void 0,function(){return DA(this,function(s){return this.path(Rl(n,r)),this.ctx.fillStyle=NA(t),this.ctx.fill(),[2]})})},e.prototype.renderDoubleBorder=function(t,r,n,s){return kA(this,void 0,void 0,function(){var a,u;return DA(this,function(o){switch(o.label){case 0:return r<3?[4,this.renderSolidBorder(t,n,s)]:[3,2];case 1:return o.sent(),[2];case 2:return a=Eb(s,n),this.path(a),this.ctx.fillStyle=NA(t),this.ctx.fill(),u=pb(s,n),this.path(u),this.ctx.fill(),[2]}})})},e.prototype.renderNodeBackgroundAndBorders=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o,c,f,h=this;return DA(this,function(d){switch(d.label){case 0:return this.applyEffects(t.getEffects(2)),r=t.container.styles,n=!Ve(r.backgroundColor)||r.backgroundImage.length,s=[{style:r.borderTopStyle,color:r.borderTopColor,width:r.borderTopWidth},{style:r.borderRightStyle,color:r.borderRightColor,width:r.borderRightWidth},{style:r.borderBottomStyle,color:r.borderBottomColor,width:r.borderBottomWidth},{style:r.borderLeftStyle,color:r.borderLeftColor,width:r.borderLeftWidth}],a=yb(xt(r.backgroundClip,0),t.curves),n||r.boxShadow.length?(this.ctx.save(),this.path(a),this.ctx.clip(),Ve(r.backgroundColor)||(this.ctx.fillStyle=NA(r.backgroundColor),this.ctx.fill()),[4,this.renderBackgroundImage(t.container)]):[3,2];case 1:d.sent(),this.ctx.restore(),r.boxShadow.slice(0).reverse().forEach(function(C){h.ctx.save();var m=$n(t.curves),T=C.inset?0:Fb,F=Bb(m,-T+(C.inset?1:-1)*C.spread.number,(C.inset?1:-1)*C.spread.number,C.spread.number*(C.inset?-2:2),C.spread.number*(C.inset?-2:2));C.inset?(h.path(m),h.ctx.clip(),h.mask(F)):(h.mask(m),h.ctx.clip(),h.path(F)),h.ctx.shadowOffsetX=C.offsetX.number+T,h.ctx.shadowOffsetY=C.offsetY.number,h.ctx.shadowColor=NA(C.color),h.ctx.shadowBlur=C.blur.number,h.ctx.fillStyle=C.inset?NA(C.color):"rgba(0,0,0,1)",h.ctx.fill(),h.ctx.restore()}),d.label=2;case 2:u=0,o=0,c=s,d.label=3;case 3:return o<c.length?(f=c[o],f.style!==0&&!Ve(f.color)&&f.width>0?f.style!==2?[3,5]:[4,this.renderDashedDottedBorder(f.color,f.width,u,t.curves,2)]:[3,11]):[3,13];case 4:return d.sent(),[3,11];case 5:return f.style!==3?[3,7]:[4,this.renderDashedDottedBorder(f.color,f.width,u,t.curves,3)];case 6:return d.sent(),[3,11];case 7:return f.style!==4?[3,9]:[4,this.renderDoubleBorder(f.color,f.width,u,t.curves)];case 8:return d.sent(),[3,11];case 9:return[4,this.renderSolidBorder(f.color,u,t.curves)];case 10:d.sent(),d.label=11;case 11:u++,d.label=12;case 12:return o++,[3,3];case 13:return[2]}})})},e.prototype.renderDashedDottedBorder=function(t,r,n,s,a){return kA(this,void 0,void 0,function(){var u,o,c,f,h,d,C,m,T,F,Q,I,H,M,y,p,y,p;return DA(this,function(v){return this.ctx.save(),u=mb(s,n),o=Rl(s,n),a===2&&(this.path(o),this.ctx.clip()),re(o[0])?(c=o[0].start.x,f=o[0].start.y):(c=o[0].x,f=o[0].y),re(o[1])?(h=o[1].end.x,d=o[1].end.y):(h=o[1].x,d=o[1].y),n===0||n===2?C=Math.abs(c-h):C=Math.abs(f-d),this.ctx.beginPath(),a===3?this.formatPath(u):this.formatPath(o.slice(0,2)),m=r<3?r*3:r*2,T=r<3?r*2:r,a===3&&(m=r,T=r),F=!0,C<=m*2?F=!1:C<=m*2+T?(Q=C/(2*m+T),m*=Q,T*=Q):(I=Math.floor((C+T)/(m+T)),H=(C-I*m)/(I-1),M=(C-(I+1)*m)/I,T=M<=0||Math.abs(T-H)<Math.abs(T-M)?H:M),F&&(a===3?this.ctx.setLineDash([0,m+T]):this.ctx.setLineDash([m,T])),a===3?(this.ctx.lineCap="round",this.ctx.lineWidth=r):this.ctx.lineWidth=r*2+1.1,this.ctx.strokeStyle=NA(t),this.ctx.stroke(),this.ctx.setLineDash([]),a===2&&(re(o[0])&&(y=o[3],p=o[0],this.ctx.beginPath(),this.formatPath([new x(y.end.x,y.end.y),new x(p.start.x,p.start.y)]),this.ctx.stroke()),re(o[1])&&(y=o[1],p=o[2],this.ctx.beginPath(),this.formatPath([new x(y.end.x,y.end.y),new x(p.start.x,p.start.y)]),this.ctx.stroke())),this.ctx.restore(),[2]})})},e.prototype.render=function(t){return kA(this,void 0,void 0,function(){var r;return DA(this,function(n){switch(n.label){case 0:return this.options.backgroundColor&&(this.ctx.fillStyle=NA(this.options.backgroundColor),this.ctx.fillRect(this.options.x,this.options.y,this.options.width,this.options.height)),r=gb(t),[4,this.renderStack(r)];case 1:return n.sent(),this.applyEffects([]),[2,this.canvas]}})})},e}(Pl),_b=function(A){return A instanceof ll||A instanceof cl?!0:A instanceof za&&A.type!==Xn&&A.type!==Yn},yb=function(A,e){switch(A){case 0:return $n(e);case 2:return cb(e);case 1:default:return zn(e)}},Nb=function(A){switch(A){case 1:return"center";case 2:return"right";case 0:default:return"left"}},Sb=["-apple-system","system-ui"],vb=function(A){return/iPhone OS 15_(0|1)/.test(window.navigator.userAgent)?A.filter(function(e){return Sb.indexOf(e)===-1}):A},Lb=function(A){ue(e,A);function e(t,r){var n=A.call(this,t,r)||this;return n.canvas=r.canvas?r.canvas:document.createElement("canvas"),n.ctx=n.canvas.getContext("2d"),n.options=r,n.canvas.width=Math.floor(r.width*r.scale),n.canvas.height=Math.floor(r.height*r.scale),n.canvas.style.width=r.width+"px",n.canvas.style.height=r.height+"px",n.ctx.scale(n.options.scale,n.options.scale),n.ctx.translate(-r.x,-r.y),n.context.logger.debug("EXPERIMENTAL ForeignObject renderer initialized ("+r.width+"x"+r.height+" at "+r.x+","+r.y+") with scale "+r.scale),n}return e.prototype.render=function(t){return kA(this,void 0,void 0,function(){var r,n;return DA(this,function(s){switch(s.label){case 0:return r=ja(this.options.width*this.options.scale,this.options.height*this.options.scale,this.options.scale,this.options.scale,t),[4,Hb(r)];case 1:return n=s.sent(),this.options.backgroundColor&&(this.ctx.fillStyle=NA(this.options.backgroundColor),this.ctx.fillRect(0,0,this.options.width*this.options.scale,this.options.height*this.options.scale)),this.ctx.drawImage(n,-this.options.x*this.options.scale,-this.options.y*this.options.scale),[2,this.canvas]}})})},e}(Pl),Hb=function(A){return new Promise(function(e,t){var r=new Image;r.onload=function(){e(r)},r.onerror=t,r.src="data:image/svg+xml;charset=utf-8,"+encodeURIComponent(new XMLSerializer().serializeToString(A))})},xb=function(){function A(e){var t=e.id,r=e.enabled;this.id=t,this.enabled=r,this.start=Date.now()}return A.prototype.debug=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.debug=="function"?console.debug.apply(console,ln([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.prototype.getTime=function(){return Date.now()-this.start},A.prototype.info=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&typeof window<"u"&&window.console&&typeof console.info=="function"&&console.info.apply(console,ln([this.id,this.getTime()+"ms"],e))},A.prototype.warn=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.warn=="function"?console.warn.apply(console,ln([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.prototype.error=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.error=="function"?console.error.apply(console,ln([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.instances={},A}(),Db=function(){function A(e,t){var r;this.windowBounds=t,this.instanceName="#"+A.instanceCount++,this.logger=new xb({id:this.instanceName,enabled:e.logging}),this.cache=(r=e.cache)!==null&&r!==void 0?r:new tb(this,e)}return A.instanceCount=1,A}(),Ob=function(A,e){return e===void 0&&(e={}),Rb(A,e)};typeof window<"u"&&vl.setContext(window);var Rb=function(A,e){return kA(void 0,void 0,void 0,function(){var t,r,n,s,a,u,o,c,f,h,d,C,m,T,F,Q,I,H,M,y,v,p,v,k,O,AA,oA,cA,W,tA,R,P,z,rA,lA,UA,HA,RA,QA,PA;return DA(this,function(wA){switch(wA.label){case 0:if(!A||typeof A!="object")return[2,Promise.reject("Invalid element provided as first argument")];if(t=A.ownerDocument,!t)throw new Error("Element is not attached to a Document");if(r=t.defaultView,!r)throw new Error("Document is not attached to a Window");return n={allowTaint:(k=e.allowTaint)!==null&&k!==void 0?k:!1,imageTimeout:(O=e.imageTimeout)!==null&&O!==void 0?O:15e3,proxy:e.proxy,useCORS:(AA=e.useCORS)!==null&&AA!==void 0?AA:!1},s=Ba({logging:(oA=e.logging)!==null&&oA!==void 0?oA:!0,cache:e.cache},n),a={windowWidth:(cA=e.windowWidth)!==null&&cA!==void 0?cA:r.innerWidth,windowHeight:(W=e.windowHeight)!==null&&W!==void 0?W:r.innerHeight,scrollX:(tA=e.scrollX)!==null&&tA!==void 0?tA:r.pageXOffset,scrollY:(R=e.scrollY)!==null&&R!==void 0?R:r.pageYOffset},u=new be(a.scrollX,a.scrollY,a.windowWidth,a.windowHeight),o=new Db(s,u),c=(P=e.foreignObjectRendering)!==null&&P!==void 0?P:!1,f={allowTaint:(z=e.allowTaint)!==null&&z!==void 0?z:!1,onclone:e.onclone,ignoreElements:e.ignoreElements,inlineImages:c,copyStyles:c},o.logger.debug("Starting document clone with size "+u.width+"x"+u.height+" scrolled to "+-u.left+","+-u.top),h=new Nl(o,A,f),d=h.clonedReferenceElement,d?[4,h.toIFrame(t,u)]:[2,Promise.reject("Unable to find element in cloned iframe")];case 1:return C=wA.sent(),m=ei(d)||MT(d)?Bm(d.ownerDocument):fn(o,d),T=m.width,F=m.height,Q=m.left,I=m.top,H=Mb(o,d,e.backgroundColor),M={canvas:e.canvas,backgroundColor:H,scale:(lA=(rA=e.scale)!==null&&rA!==void 0?rA:r.devicePixelRatio)!==null&&lA!==void 0?lA:1,x:((UA=e.x)!==null&&UA!==void 0?UA:0)+Q,y:((HA=e.y)!==null&&HA!==void 0?HA:0)+I,width:(RA=e.width)!==null&&RA!==void 0?RA:Math.ceil(T),height:(QA=e.height)!==null&&QA!==void 0?QA:Math.ceil(F)},c?(o.logger.debug("Document cloned, using foreign object rendering"),v=new Lb(o,M),[4,v.render(d)]):[3,3];case 2:return y=wA.sent(),[3,5];case 3:return o.logger.debug("Document cloned, element located at "+Q+","+I+" with size "+T+"x"+F+" using computed rendering"),o.logger.debug("Starting DOM parsing"),p=dl(o,d),H===p.styles.backgroundColor&&(p.styles.backgroundColor=Qe.TRANSPARENT),o.logger.debug("Starting renderer for element at "+M.x+","+M.y+" with size "+M.width+"x"+M.height),v=new Ib(o,M),[4,v.render(p)];case 4:y=wA.sent(),wA.label=5;case 5:return(!((PA=e.removeContainer)!==null&&PA!==void 0)||PA)&&(Nl.destroy(C)||o.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")),o.logger.debug("Finished rendering"),[2,y]}})})},Mb=function(A,e,t){var r=e.ownerDocument,n=r.documentElement?Ur(A,getComputedStyle(r.documentElement).backgroundColor):Qe.TRANSPARENT,s=r.body?Ur(A,getComputedStyle(r.body).backgroundColor):Qe.TRANSPARENT,a=typeof t=="string"?Ur(A,t):t===null?Qe.TRANSPARENT:4294967295;return e===r.documentElement?Ve(n)?Ve(s)?a:s:n:a};const kb=l.defineComponent({name:"GpIframe",props:{htmlContent:{type:String,required:!0},jsFiles:{type:Array,default:[]},cssFiles:{type:Array,default:[]},iframeStyle:{type:Object,default:()=>({width:"100%",height:"100%",border:"none"})}},setup(A){const e=l.ref(null),t=()=>{var o;const n=e.value;if(!n)return;const s=n.contentDocument||((o=n.contentWindow)==null?void 0:o.document);if(!s)return;s.open(),s.write("<!DOCTYPE html><html><head></head><body></body></html>"),s.close();const a=s.head;A.cssFiles.forEach(c=>{const f=s.createElement("link");f.rel="stylesheet",f.href=c,a.appendChild(f)});const u=s.body;u.innerHTML=A.htmlContent,A.jsFiles.forEach(c=>{const f=s.createElement("script");f.src=c,f.async=!0,u.appendChild(f)})},r=async n=>{var o;const s=e.value;if(!s)return;const a=s.contentDocument||((o=s.contentWindow)==null?void 0:o.document);if(!a)return;const u=a.body;if(u)try{await l.nextTick();const c=await Ob(u,{x:0,y:0,scrollX:window.scrollX,scrollY:window.scrollY,useCORS:!0,allowTaint:!0,foreignObjectRendering:!1});n?n(c):c.toBlob(f=>{const h=URL.createObjectURL(f);window.open(h,"_blank")})}catch(c){console.error("截图生成失败:",c)}};return l.watch(()=>[A.htmlContent,A.jsFiles,A.cssFiles],t,{deep:!0}),l.onMounted(()=>{t()}),{iframeRef:e,generateCover:r}}});function Pb(A,e,t,r,n,s){return l.openBlock(),l.createElementBlock("div",null,[l.createElementVNode("iframe",{ref:"iframeRef",style:l.normalizeStyle(A.iframeStyle)},null,4)])}const Kl=He(kb,[["render",Pb],["__scopeId","data-v-66e688f9"]]),Kb={class:"flex gp-dsigner"},Vb={key:0,class:"flex items-center justify-between border-b"},Gb={class:"text-lg font-bold p-2"},Yb={class:"text-sm font-thin text-gray-500"},Xb={class:"flex-1"},Wb={key:0,class:"text-lg font-bold border-b p-2"},Jb={class:"p-2"},qb={class:"sticky top-0"},jb={key:0,class:"text-lg font-bold border-b p-2"},Zb={class:"text-sm font-thin text-gray-500"},$b={class:"p-2"},Vl=He(l.defineComponent({__name:"Designer",props:{mode:{default:"design"},template:{},css:{},js:{},previewWidth:{default:375},uploadByFile:{},icons:{},rules:{},preview:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0}},emits:["update:modelValue","update:element"],setup(A,{expose:e,emit:t}){const r=A,n=t,s=l.ref(r.template),a=l.ref();let u=so("",{},!1);const o=l.ref("");l.watch(()=>r.template,N=>{s.value=N},{immediate:!0}),l.watch(()=>s.value,N=>{N&&(a.value=O(N))},{immediate:!0}),l.watch(()=>r.css,N=>{N.forEach(L=>{if(document.querySelector(`link[href="${L}"]`))return;const K=document.createElement("link");K.rel="stylesheet",K.href=L,document.head.appendChild(K)})},{immediate:!0}),l.watch(()=>r.js,N=>{!N||N.length===0||N.forEach(L=>{if(document.querySelector(`script[src="${L}"]`))return;const K=document.createElement("script");K.src=L,document.body.appendChild(K)})},{immediate:!0});const c=l.ref(r.mode);l.watch(()=>a.value,N=>{N&&n("update:element",N)},{immediate:!0});const f=l.ref("");l.watch(()=>o.value,N=>{n("update:modelValue",N)},{immediate:!0});const h=l.ref(),d=l.ref(),C=l.ref(),m=l.ref(),T=l.ref(),F=l.ref(),Q=l.ref("");function I(N=void 0){m.value&&m.value.generateCover(N)}function H(N){T.value=N}function M(N,L=""){if(L){const K=y(a.value,L);K?F.value=K:F.value=N}else F.value=N}function y(N,L){if(N.xpath===L)return N;if(N.children&&N.children.length)for(const K of N.children){const Y=y(K,L);if(Y)return Y}}function p(N,L){var K,Y;return N.tag===L.tag&&((K=N.children)==null?void 0:K.length)===((Y=L.children)==null?void 0:Y.length)}function v(N){if(T.value.xpath==N.xpath){if(T.value){if(N.type===q.Block){var L=!0;const K=y(a.value,T.value.parentxpath||"");if(K&&K.children&&K.children.forEach(Y=>{if(Y.tag!=T.value.tag||!p(Y,T.value)){L=!1;return}}),!L){j.error("同级结构不一致,错误配置!");return}}if(T.value.rule=N.rule,T.value.type=N.type,T.value.type===q.Block){const K=y(a.value,T.value.parentxpath||"");K&&K.children&&(K.children.forEach(Y=>{if(Y.tag!=T.value.tag||!p(Y,T.value)){j.error("同级结构不一致,无法配置为块类型");return}}),K.children.forEach(Y=>{Y.tag===T.value.tag&&(Y.rule=N.rule,Y.type=N.type)}))}}f.value=new Date().getTime().toString(),j.success("保存成功")}}function k(N){o.value=N}function O(N){u=so(N);const L=u("body").children().toArray().map(K=>AA(u(K)));return o.value=u("body").html()||"",L[0]}function AA(N,L=""){var ot;function K(ZA){if(!ZA||!ZA[0])return"";const JA=[];let ct=ZA;for(;ct.length&&ct[0].tagName!=="html";){const Yl=ct[0].tagName,AU=ct.parent().children(Yl).index(ct)+1;JA.unshift(`${Yl}[${AU}]`),ct=ct.parent()}return"/html/"+JA.join("/")}const Y=K(N).replace("/html/body[1]",""),MA=N.children().toArray().map(ZA=>AA(u(ZA),Y)),me=(ot=r.rules)==null?void 0:ot.find(ZA=>ZA.xpath===Y);return{tag:N[0].tagName,text:N.contents().not(N.children()).text().trim(),attrs:N[0].attribs,children:MA,xpath:Y,parentxpath:L,type:(me==null?void 0:me.type)||q.None,rule:(me==null?void 0:me.rule)||{}}}function oA(N){console.log("更新子节点的文本",N);const L=y(a.value,N.element.xpath);if(L){const K=l.toRaw(L);K.editText=N.newText}}function cA(N,L=""){function K(Y,MA){var ZA;const ot=(MA?((ZA=y(a.value,MA))==null?void 0:ZA.children)||[]:[a.value]).filter(JA=>JA.tag===Y.tag).indexOf(Y)+1;return`${MA}/${Y.tag}[${ot}]`}N.xpath=K(N,L),N.parentxpath=L,(N.children||[]).forEach(Y=>cA(Y,N.xpath))}function W({action:N,element:L,newBlock:K}){const Y=y(a.value,L.parentxpath||"");if(!Y||!Y.children)return;const MA=Y.children.findIndex(JA=>JA===L);if(MA===-1){j.error("未找到元素");return}const me=Y.children.length,{minBlock:ot,maxBlock:ZA}=L.rule;if((N==="add"||N==="copy")&&me>=(ZA||1/0)){Q.value=`无法添加更多块。最大块数量为 ${ZA}`,j.error(Q.value);return}switch(N){case"add":if(K){const JA={...K,xpath:"",children:JSON.parse(JSON.stringify(K.children))};Y.children.splice(MA+1,0,JA),j.success("添加成功")}break;case"copy":if(K){const JA={...K,xpath:"",children:JSON.parse(JSON.stringify(K.children))};Y.children.splice(MA+1,0,JA),j.success("复制成功")}break;case"moveUp":if(MA>0){const[JA]=Y.children.splice(MA,1);Y.children.splice(MA-1,0,JA),j.success("前移成功")}else j.error("已经是第一个块,无法前移");break;case"moveDown":if(MA<Y.children.length-1){const[JA]=Y.children.splice(MA,1);Y.children.splice(MA+1,0,JA),j.success("后移成功")}else j.error("已经是最后一个块,无法后移");break;case"delete":if(me<=(ot||0)){Q.value=`无法删除更多块。最小块数量为 ${ot}`,j.error(Q.value);return}Y.children.splice(MA,1),j.success("删除成功");break}Q.value="",cA(a.value)}function tA(N,L){let K=L.attrs.class.replace(/icon-\S+/g,`icon-${N}`);L.attrs.class=K}function R(N){const L=N.file,K=y(a.value,N.element.xpath);if(r.uploadByFile)r.uploadByFile(L).then(Y=>{Y.success&&(K.attrs.src=Y.file.url,f.value=new Date().getTime().toString())});else{K.attrs.alt=L.name;const Y=URL.createObjectURL(L);K.attrs.src=Y,f.value=new Date().getTime().toString()}}function P(N){const{icon:L}=N,K=y(a.value,N.element.xpath);let Y=K.attrs.class.replace(/icon-\S+/g,`icon-${L}`);K.attrs.class=Y,f.value=new Date().getTime().toString()}const z=N=>N.type.startsWith("image/")?!0:(j.error("只能上传图片文件"),!1),rA=l.ref({});function lA(N,L){if(!N||N.length===0)return;const K=N[0];if(L.rule&&(L.rule.minImageWidth||L.rule.maxImageHeight)){if(L.rule.minImageWidth&&K.width<L.rule.minImageWidth){j.error(`图片宽度不能小于 ${L.rule.minImageWidth}px`);return}if(L.rule.maxImageHeight&&K.height<L.rule.maxImageHeight){j.error(`图片高度不能小于 ${L.rule.maxImageHeight}px`);return}}L.rule.minImageWidth&&L.rule.maxImageHeight?(rA.value.width=L.rule.minImageWidth,rA.value.height=L.rule.maxImageHeight,rA.value.aspectRatio=L.rule.minImageWidth/L.rule.maxImageHeight):rA.value={},K&&(L.rule.crop?(K.thumbUrl,h.value.handleOpenCropper(rA.value,K.file,K.name,L)):r.uploadByFile?r.uploadByFile(K.file).then(Y=>{Y.success&&(L.attrs.src=Y.file.url,f.value=new Date().getTime().toString())}):(L.attrs.src=K.thumbUrl,f.value=new Date().getTime().toString()))}const UA=l.ref(r.previewWidth),HA=l.ref(375);let RA=l.ref(!1),QA=l.ref(""),PA=0,wA=0;function ce(N){QA.value=N,RA.value=!0,PA=event.clientX,N==="preview"?wA=UA.value:N==="structure"&&(wA=HA.value),window.addEventListener("mousemove",We),window.addEventListener("mouseup",Gl)}function We(N){if(!RA.value)return;const L=N.clientX-PA;QA.value==="preview"?UA.value=Math.max(200,wA+L):QA.value==="structure"&&(HA.value=Math.max(200,wA-L))}function Gl(){RA.value=!1,QA.value="",window.removeEventListener("mousemove",We),window.removeEventListener("mouseup",Gl)}return e({generateCover:I}),(N,L)=>(l.openBlock(),l.createElementBlock("div",Kb,[N.preview?(l.openBlock(),l.createElementBlock("div",{key:0,class:"border-l overflow-auto resize-area",style:l.normalizeStyle({width:UA.value+"px"})},[N.showTitle?(l.openBlock(),l.createElementBlock("div",Vb,[l.createElementVNode("h2",Gb,[L[3]||(L[3]=l.createTextVNode(" 实时预览 ")),l.createElementVNode("span",Yb,l.toDisplayString(UA.value)+"px",1)]),l.createElementVNode("div",{onClick:L[0]||(L[0]=()=>I()),class:"p-2 cursor-pointer text-blue-500"}," 封面 ")])):l.createCommentVNode("",!0),l.createElementVNode("div",null,[o.value?(l.openBlock(),l.createBlock(Kl,{key:0,"css-files":N.css,"js-files":N.js,"html-content":o.value,class:"h-screen gp-designer-preview",ref_key:"previewRef",ref:m},null,8,["css-files","js-files","html-content"])):(l.openBlock(),l.createBlock(Kl,{key:1,"css-files":N.css,"js-files":N.js,"html-content":l.unref(u)("body").html(),class:"h-screen gp-designer-preview",ref_key:"previewRef",ref:m},null,8,["css-files","js-files","html-content"]))])],4)):l.createCommentVNode("",!0),N.preview?(l.openBlock(),l.createElementBlock("div",{key:1,class:"resizer",onMousedown:L[1]||(L[1]=K=>ce("preview"))},null,32)):l.createCommentVNode("",!0),l.createElementVNode("div",Xb,[N.showTitle?(l.openBlock(),l.createElementBlock("h2",Wb,"结构渲染")):l.createCommentVNode("",!0),l.createElementVNode("div",Jb,[a.value?(l.openBlock(),l.createBlock(sE,{key:0,"upload-by-file":N.uploadByFile,cropper:h.value,icon:d.value,upload:C.value,mode:N.mode,icons:N.icons,r:f.value,element:a.value,selectedElement:T.value,hoveredElement:F.value,onSelectElement:H,onHoverElement:M,onContentUpdated:k,onUpdateText:oA,onBlockAction:W,onAddIcon:tA},null,8,["upload-by-file","cropper","icon","upload","mode","icons","r","element","selectedElement","hoveredElement"])):l.createCommentVNode("",!0)])]),c.value=="design"?(l.openBlock(),l.createElementBlock("div",{key:2,class:"resizer",onMousedown:L[2]||(L[2]=K=>ce("structure"))},null,32)):l.createCommentVNode("",!0),c.value=="design"?(l.openBlock(),l.createElementBlock("div",{key:3,class:"resize-area",style:l.normalizeStyle({width:HA.value+"px"})},[l.createElementVNode("div",qb,[N.showTitle?(l.openBlock(),l.createElementBlock("h2",jb,[L[4]||(L[4]=l.createTextVNode(" 节点属性 ")),l.createElementVNode("span",Zb,l.toDisplayString(HA.value)+"px",1)])):l.createCommentVNode("",!0),l.createElementVNode("div",$b,[T.value?(l.openBlock(),l.createBlock(RE,{key:0,element:T.value,onUpdateElement:v},null,8,["element"])):l.createCommentVNode("",!0)])])],4)):l.createCommentVNode("",!0),l.createVNode(Jp,{ref_key:"cropperRef",ref:h,onOk:R},null,512),l.createVNode(sm,{icons:N.icons,ref_key:"iconRef",ref:d,onOk:P},null,8,["icons"]),l.createVNode(dm,{ref_key:"uploadRef",ref:C,multiple:!1,show:!1,beforeUpload:z,onChange:lA},{"upload-icon":l.withCtx(()=>L[5]||(L[5]=[l.createElementVNode("div",{class:"p-2"},"上传",-1)])),_:1},512)]))}}),[["__scopeId","data-v-73095fba"]]),zb={install(A){A.component("Designer",Vl)}};Ie.Designer=Vl,Ie.default=zb,Object.defineProperties(Ie,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
38
|
+
.`+ai+zT+Sl)},eb=function(A,e){var t=A.ownerDocument;if(t){var r=t.createElement("style");r.textContent=e,A.appendChild(r)}},vl=function(){function A(){}return A.getOrigin=function(e){var t=A._link;return t?(t.href=e,t.href=t.href,t.protocol+t.hostname+t.port):"about:blank"},A.isSameOrigin=function(e){return A.getOrigin(e)===A._origin},A.setContext=function(e){A._link=e.document.createElement("a"),A._origin=A.getOrigin(e.location.href)},A._origin="about:blank",A}(),tb=function(){function A(e,t){this.context=e,this._options=t,this._cache={}}return A.prototype.addImage=function(e){var t=Promise.resolve();return this.has(e)||(ui(e)||ab(e))&&(this._cache[e]=this.loadImage(e)).catch(function(){}),t},A.prototype.match=function(e){return this._cache[e]},A.prototype.loadImage=function(e){return kA(this,void 0,void 0,function(){var t,r,n,s,a=this;return DA(this,function(u){switch(u.label){case 0:return t=vl.isSameOrigin(e),r=!ii(e)&&this._options.useCORS===!0&&LA.SUPPORT_CORS_IMAGES&&!t,n=!ii(e)&&!t&&!ui(e)&&typeof this._options.proxy=="string"&&LA.SUPPORT_CORS_XHR&&!r,!t&&this._options.allowTaint===!1&&!ii(e)&&!ui(e)&&!n&&!r?[2]:(s=e,n?[4,this.proxy(s)]:[3,2]);case 1:s=u.sent(),u.label=2;case 2:return this.context.logger.debug("Added image "+e.substring(0,256)),[4,new Promise(function(o,c){var f=new Image;f.onload=function(){return o(f)},f.onerror=c,(ib(s)||r)&&(f.crossOrigin="anonymous"),f.src=s,f.complete===!0&&setTimeout(function(){return o(f)},500),a._options.imageTimeout>0&&setTimeout(function(){return c("Timed out ("+a._options.imageTimeout+"ms) loading image")},a._options.imageTimeout)})];case 3:return[2,u.sent()]}})})},A.prototype.has=function(e){return typeof this._cache[e]<"u"},A.prototype.keys=function(){return Promise.resolve(Object.keys(this._cache))},A.prototype.proxy=function(e){var t=this,r=this._options.proxy;if(!r)throw new Error("No proxy defined");var n=e.substring(0,256);return new Promise(function(s,a){var u=LA.SUPPORT_RESPONSE_TYPE?"blob":"text",o=new XMLHttpRequest;o.onload=function(){if(o.status===200)if(u==="text")s(o.response);else{var h=new FileReader;h.addEventListener("load",function(){return s(h.result)},!1),h.addEventListener("error",function(d){return a(d)},!1),h.readAsDataURL(o.response)}else a("Failed to proxy resource "+n+" with status code "+o.status)},o.onerror=a;var c=r.indexOf("?")>-1?"&":"?";if(o.open("GET",""+r+c+"url="+encodeURIComponent(e)+"&responseType="+u),u!=="text"&&o instanceof XMLHttpRequest&&(o.responseType=u),t._options.imageTimeout){var f=t._options.imageTimeout;o.timeout=f,o.ontimeout=function(){return a("Timed out ("+f+"ms) proxying "+n)}}o.send()})},A}(),rb=/^data:image\/svg\+xml/i,nb=/^data:image\/.*;base64,/i,sb=/^data:image\/.*/i,ab=function(A){return LA.SUPPORT_SVG_DRAWING||!ub(A)},ii=function(A){return sb.test(A)},ib=function(A){return nb.test(A)},ui=function(A){return A.substr(0,4)==="blob"},ub=function(A){return A.substr(-3).toLowerCase()==="svg"||rb.test(A)},x=function(){function A(e,t){this.type=0,this.x=e,this.y=t}return A.prototype.add=function(e,t){return new A(this.x+e,this.y+t)},A}(),Lt=function(A,e,t){return new x(A.x+(e.x-A.x)*t,A.y+(e.y-A.y)*t)},Zn=function(){function A(e,t,r,n){this.type=1,this.start=e,this.startControl=t,this.endControl=r,this.end=n}return A.prototype.subdivide=function(e,t){var r=Lt(this.start,this.startControl,e),n=Lt(this.startControl,this.endControl,e),s=Lt(this.endControl,this.end,e),a=Lt(r,n,e),u=Lt(n,s,e),o=Lt(a,u,e);return t?new A(this.start,r,a,o):new A(o,u,s,this.end)},A.prototype.add=function(e,t){return new A(this.start.add(e,t),this.startControl.add(e,t),this.endControl.add(e,t),this.end.add(e,t))},A.prototype.reverse=function(){return new A(this.end,this.endControl,this.startControl,this.start)},A}(),re=function(A){return A.type===1},ob=function(){function A(e){var t=e.styles,r=e.bounds,n=br(t.borderTopLeftRadius,r.width,r.height),s=n[0],a=n[1],u=br(t.borderTopRightRadius,r.width,r.height),o=u[0],c=u[1],f=br(t.borderBottomRightRadius,r.width,r.height),h=f[0],d=f[1],C=br(t.borderBottomLeftRadius,r.width,r.height),m=C[0],T=C[1],F=[];F.push((s+o)/r.width),F.push((m+h)/r.width),F.push((a+T)/r.height),F.push((c+d)/r.height);var Q=Math.max.apply(Math,F);Q>1&&(s/=Q,a/=Q,o/=Q,c/=Q,h/=Q,d/=Q,m/=Q,T/=Q);var I=r.width-o,H=r.height-d,M=r.width-h,y=r.height-T,p=t.borderTopWidth,v=t.borderRightWidth,k=t.borderBottomWidth,O=t.borderLeftWidth,AA=uA(t.paddingTop,e.bounds.width),oA=uA(t.paddingRight,e.bounds.width),cA=uA(t.paddingBottom,e.bounds.width),W=uA(t.paddingLeft,e.bounds.width);this.topLeftBorderDoubleOuterBox=s>0||a>0?BA(r.left+O/3,r.top+p/3,s-O/3,a-p/3,sA.TOP_LEFT):new x(r.left+O/3,r.top+p/3),this.topRightBorderDoubleOuterBox=s>0||a>0?BA(r.left+I,r.top+p/3,o-v/3,c-p/3,sA.TOP_RIGHT):new x(r.left+r.width-v/3,r.top+p/3),this.bottomRightBorderDoubleOuterBox=h>0||d>0?BA(r.left+M,r.top+H,h-v/3,d-k/3,sA.BOTTOM_RIGHT):new x(r.left+r.width-v/3,r.top+r.height-k/3),this.bottomLeftBorderDoubleOuterBox=m>0||T>0?BA(r.left+O/3,r.top+y,m-O/3,T-k/3,sA.BOTTOM_LEFT):new x(r.left+O/3,r.top+r.height-k/3),this.topLeftBorderDoubleInnerBox=s>0||a>0?BA(r.left+O*2/3,r.top+p*2/3,s-O*2/3,a-p*2/3,sA.TOP_LEFT):new x(r.left+O*2/3,r.top+p*2/3),this.topRightBorderDoubleInnerBox=s>0||a>0?BA(r.left+I,r.top+p*2/3,o-v*2/3,c-p*2/3,sA.TOP_RIGHT):new x(r.left+r.width-v*2/3,r.top+p*2/3),this.bottomRightBorderDoubleInnerBox=h>0||d>0?BA(r.left+M,r.top+H,h-v*2/3,d-k*2/3,sA.BOTTOM_RIGHT):new x(r.left+r.width-v*2/3,r.top+r.height-k*2/3),this.bottomLeftBorderDoubleInnerBox=m>0||T>0?BA(r.left+O*2/3,r.top+y,m-O*2/3,T-k*2/3,sA.BOTTOM_LEFT):new x(r.left+O*2/3,r.top+r.height-k*2/3),this.topLeftBorderStroke=s>0||a>0?BA(r.left+O/2,r.top+p/2,s-O/2,a-p/2,sA.TOP_LEFT):new x(r.left+O/2,r.top+p/2),this.topRightBorderStroke=s>0||a>0?BA(r.left+I,r.top+p/2,o-v/2,c-p/2,sA.TOP_RIGHT):new x(r.left+r.width-v/2,r.top+p/2),this.bottomRightBorderStroke=h>0||d>0?BA(r.left+M,r.top+H,h-v/2,d-k/2,sA.BOTTOM_RIGHT):new x(r.left+r.width-v/2,r.top+r.height-k/2),this.bottomLeftBorderStroke=m>0||T>0?BA(r.left+O/2,r.top+y,m-O/2,T-k/2,sA.BOTTOM_LEFT):new x(r.left+O/2,r.top+r.height-k/2),this.topLeftBorderBox=s>0||a>0?BA(r.left,r.top,s,a,sA.TOP_LEFT):new x(r.left,r.top),this.topRightBorderBox=o>0||c>0?BA(r.left+I,r.top,o,c,sA.TOP_RIGHT):new x(r.left+r.width,r.top),this.bottomRightBorderBox=h>0||d>0?BA(r.left+M,r.top+H,h,d,sA.BOTTOM_RIGHT):new x(r.left+r.width,r.top+r.height),this.bottomLeftBorderBox=m>0||T>0?BA(r.left,r.top+y,m,T,sA.BOTTOM_LEFT):new x(r.left,r.top+r.height),this.topLeftPaddingBox=s>0||a>0?BA(r.left+O,r.top+p,Math.max(0,s-O),Math.max(0,a-p),sA.TOP_LEFT):new x(r.left+O,r.top+p),this.topRightPaddingBox=o>0||c>0?BA(r.left+Math.min(I,r.width-v),r.top+p,I>r.width+v?0:Math.max(0,o-v),Math.max(0,c-p),sA.TOP_RIGHT):new x(r.left+r.width-v,r.top+p),this.bottomRightPaddingBox=h>0||d>0?BA(r.left+Math.min(M,r.width-O),r.top+Math.min(H,r.height-k),Math.max(0,h-v),Math.max(0,d-k),sA.BOTTOM_RIGHT):new x(r.left+r.width-v,r.top+r.height-k),this.bottomLeftPaddingBox=m>0||T>0?BA(r.left+O,r.top+Math.min(y,r.height-k),Math.max(0,m-O),Math.max(0,T-k),sA.BOTTOM_LEFT):new x(r.left+O,r.top+r.height-k),this.topLeftContentBox=s>0||a>0?BA(r.left+O+W,r.top+p+AA,Math.max(0,s-(O+W)),Math.max(0,a-(p+AA)),sA.TOP_LEFT):new x(r.left+O+W,r.top+p+AA),this.topRightContentBox=o>0||c>0?BA(r.left+Math.min(I,r.width+O+W),r.top+p+AA,I>r.width+O+W?0:o-O+W,c-(p+AA),sA.TOP_RIGHT):new x(r.left+r.width-(v+oA),r.top+p+AA),this.bottomRightContentBox=h>0||d>0?BA(r.left+Math.min(M,r.width-(O+W)),r.top+Math.min(H,r.height+p+AA),Math.max(0,h-(v+oA)),d-(k+cA),sA.BOTTOM_RIGHT):new x(r.left+r.width-(v+oA),r.top+r.height-(k+cA)),this.bottomLeftContentBox=m>0||T>0?BA(r.left+O+W,r.top+y,Math.max(0,m-(O+W)),T-(k+cA),sA.BOTTOM_LEFT):new x(r.left+O+W,r.top+r.height-(k+cA))}return A}(),sA;(function(A){A[A.TOP_LEFT=0]="TOP_LEFT",A[A.TOP_RIGHT=1]="TOP_RIGHT",A[A.BOTTOM_RIGHT=2]="BOTTOM_RIGHT",A[A.BOTTOM_LEFT=3]="BOTTOM_LEFT"})(sA||(sA={}));var BA=function(A,e,t,r,n){var s=4*((Math.sqrt(2)-1)/3),a=t*s,u=r*s,o=A+t,c=e+r;switch(n){case sA.TOP_LEFT:return new Zn(new x(A,c),new x(A,c-u),new x(o-a,e),new x(o,e));case sA.TOP_RIGHT:return new Zn(new x(A,e),new x(A+a,e),new x(o,c-u),new x(o,c));case sA.BOTTOM_RIGHT:return new Zn(new x(o,e),new x(o,e+u),new x(A+a,c),new x(A,c));case sA.BOTTOM_LEFT:default:return new Zn(new x(o,c),new x(o-a,c),new x(A,e+u),new x(A,e))}},$n=function(A){return[A.topLeftBorderBox,A.topRightBorderBox,A.bottomRightBorderBox,A.bottomLeftBorderBox]},cb=function(A){return[A.topLeftContentBox,A.topRightContentBox,A.bottomRightContentBox,A.bottomLeftContentBox]},zn=function(A){return[A.topLeftPaddingBox,A.topRightPaddingBox,A.bottomRightPaddingBox,A.bottomLeftPaddingBox]},lb=function(){function A(e,t,r){this.offsetX=e,this.offsetY=t,this.matrix=r,this.type=0,this.target=6}return A}(),As=function(){function A(e,t){this.path=e,this.target=t,this.type=1}return A}(),fb=function(){function A(e){this.opacity=e,this.type=2,this.target=6}return A}(),hb=function(A){return A.type===0},Ll=function(A){return A.type===1},db=function(A){return A.type===2},Hl=function(A,e){return A.length===e.length?A.some(function(t,r){return t===e[r]}):!1},Bb=function(A,e,t,r,n){return A.map(function(s,a){switch(a){case 0:return s.add(e,t);case 1:return s.add(e+r,t);case 2:return s.add(e+r,t+n);case 3:return s.add(e,t+n)}return s})},xl=function(){function A(e){this.element=e,this.inlineLevel=[],this.nonInlineLevel=[],this.negativeZIndex=[],this.zeroOrAutoZIndexOrTransformedOrOpacity=[],this.positiveZIndex=[],this.nonPositionedFloats=[],this.nonPositionedInlineLevel=[]}return A}(),Dl=function(){function A(e,t){if(this.container=e,this.parent=t,this.effects=[],this.curves=new ob(this.container),this.container.styles.opacity<1&&this.effects.push(new fb(this.container.styles.opacity)),this.container.styles.transform!==null){var r=this.container.bounds.left+this.container.styles.transformOrigin[0].number,n=this.container.bounds.top+this.container.styles.transformOrigin[1].number,s=this.container.styles.transform;this.effects.push(new lb(r,n,s))}if(this.container.styles.overflowX!==0){var a=$n(this.curves),u=zn(this.curves);Hl(a,u)?this.effects.push(new As(a,6)):(this.effects.push(new As(a,2)),this.effects.push(new As(u,4)))}}return A.prototype.getEffects=function(e){for(var t=[2,3].indexOf(this.container.styles.position)===-1,r=this.parent,n=this.effects.slice(0);r;){var s=r.effects.filter(function(o){return!Ll(o)});if(t||r.container.styles.position!==0||!r.parent){if(n.unshift.apply(n,s),t=[2,3].indexOf(r.container.styles.position)===-1,r.container.styles.overflowX!==0){var a=$n(r.curves),u=zn(r.curves);Hl(a,u)||n.unshift(new As(u,6))}}else n.unshift.apply(n,s);r=r.parent}return n.filter(function(o){return bA(o.target,e)})},A}(),oi=function(A,e,t,r){A.container.elements.forEach(function(n){var s=bA(n.flags,4),a=bA(n.flags,2),u=new Dl(n,A);bA(n.styles.display,2048)&&r.push(u);var o=bA(n.flags,8)?[]:r;if(s||a){var c=s||n.styles.isPositioned()?t:e,f=new xl(u);if(n.styles.isPositioned()||n.styles.opacity<1||n.styles.isTransformed()){var h=n.styles.zIndex.order;if(h<0){var d=0;c.negativeZIndex.some(function(m,T){return h>m.element.container.styles.zIndex.order?(d=T,!1):d>0}),c.negativeZIndex.splice(d,0,f)}else if(h>0){var C=0;c.positiveZIndex.some(function(m,T){return h>=m.element.container.styles.zIndex.order?(C=T+1,!1):C>0}),c.positiveZIndex.splice(C,0,f)}else c.zeroOrAutoZIndexOrTransformedOrOpacity.push(f)}else n.styles.isFloating()?c.nonPositionedFloats.push(f):c.nonPositionedInlineLevel.push(f);oi(u,f,s?f:t,o)}else n.styles.isInlineLevel()?e.inlineLevel.push(u):e.nonInlineLevel.push(u),oi(u,e,t,o);bA(n.flags,8)&&Ol(n,o)})},Ol=function(A,e){for(var t=A instanceof $a?A.start:1,r=A instanceof $a?A.reversed:!1,n=0;n<e.length;n++){var s=e[n];s.container instanceof ul&&typeof s.container.value=="number"&&s.container.value!==0&&(t=s.container.value),s.listValue=yr(t,s.container.styles.listStyleType,!0),t+=r?-1:1}},gb=function(A){var e=new Dl(A,null),t=new xl(e),r=[];return oi(e,t,t,r),Ol(e.container,r),t},Rl=function(A,e){switch(e){case 0:return ne(A.topLeftBorderBox,A.topLeftPaddingBox,A.topRightBorderBox,A.topRightPaddingBox);case 1:return ne(A.topRightBorderBox,A.topRightPaddingBox,A.bottomRightBorderBox,A.bottomRightPaddingBox);case 2:return ne(A.bottomRightBorderBox,A.bottomRightPaddingBox,A.bottomLeftBorderBox,A.bottomLeftPaddingBox);case 3:default:return ne(A.bottomLeftBorderBox,A.bottomLeftPaddingBox,A.topLeftBorderBox,A.topLeftPaddingBox)}},Eb=function(A,e){switch(e){case 0:return ne(A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox,A.topRightBorderBox,A.topRightBorderDoubleOuterBox);case 1:return ne(A.topRightBorderBox,A.topRightBorderDoubleOuterBox,A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox);case 2:return ne(A.bottomRightBorderBox,A.bottomRightBorderDoubleOuterBox,A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox);case 3:default:return ne(A.bottomLeftBorderBox,A.bottomLeftBorderDoubleOuterBox,A.topLeftBorderBox,A.topLeftBorderDoubleOuterBox)}},pb=function(A,e){switch(e){case 0:return ne(A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox,A.topRightBorderDoubleInnerBox,A.topRightPaddingBox);case 1:return ne(A.topRightBorderDoubleInnerBox,A.topRightPaddingBox,A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox);case 2:return ne(A.bottomRightBorderDoubleInnerBox,A.bottomRightPaddingBox,A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox);case 3:default:return ne(A.bottomLeftBorderDoubleInnerBox,A.bottomLeftPaddingBox,A.topLeftBorderDoubleInnerBox,A.topLeftPaddingBox)}},mb=function(A,e){switch(e){case 0:return es(A.topLeftBorderStroke,A.topRightBorderStroke);case 1:return es(A.topRightBorderStroke,A.bottomRightBorderStroke);case 2:return es(A.bottomRightBorderStroke,A.bottomLeftBorderStroke);case 3:default:return es(A.bottomLeftBorderStroke,A.topLeftBorderStroke)}},es=function(A,e){var t=[];return re(A)?t.push(A.subdivide(.5,!1)):t.push(A),re(e)?t.push(e.subdivide(.5,!0)):t.push(e),t},ne=function(A,e,t,r){var n=[];return re(A)?n.push(A.subdivide(.5,!1)):n.push(A),re(t)?n.push(t.subdivide(.5,!0)):n.push(t),re(r)?n.push(r.subdivide(.5,!0).reverse()):n.push(r),re(e)?n.push(e.subdivide(.5,!1).reverse()):n.push(e),n},Ml=function(A){var e=A.bounds,t=A.styles;return e.add(t.borderLeftWidth,t.borderTopWidth,-(t.borderRightWidth+t.borderLeftWidth),-(t.borderTopWidth+t.borderBottomWidth))},ts=function(A){var e=A.styles,t=A.bounds,r=uA(e.paddingLeft,t.width),n=uA(e.paddingRight,t.width),s=uA(e.paddingTop,t.width),a=uA(e.paddingBottom,t.width);return t.add(r+e.borderLeftWidth,s+e.borderTopWidth,-(e.borderRightWidth+e.borderLeftWidth+r+n),-(e.borderTopWidth+e.borderBottomWidth+s+a))},Cb=function(A,e){return A===0?e.bounds:A===2?ts(e):Ml(e)},wb=function(A,e){return A===0?e.bounds:A===2?ts(e):Ml(e)},ci=function(A,e,t){var r=Cb(xt(A.styles.backgroundOrigin,e),A),n=wb(xt(A.styles.backgroundClip,e),A),s=Tb(xt(A.styles.backgroundSize,e),t,r),a=s[0],u=s[1],o=br(xt(A.styles.backgroundPosition,e),r.width-a,r.height-u),c=bb(xt(A.styles.backgroundRepeat,e),o,s,r,n),f=Math.round(r.left+o[0]),h=Math.round(r.top+o[1]);return[c,f,h,a,u]},Ht=function(A){return iA(A)&&A.value===yt.AUTO},rs=function(A){return typeof A=="number"},Tb=function(A,e,t){var r=e[0],n=e[1],s=e[2],a=A[0],u=A[1];if(!a)return[0,0];if(CA(a)&&u&&CA(u))return[uA(a,t.width),uA(u,t.height)];var o=rs(s);if(iA(a)&&(a.value===yt.CONTAIN||a.value===yt.COVER)){if(rs(s)){var c=t.width/t.height;return c<s!=(a.value===yt.COVER)?[t.width,t.width/s]:[t.height*s,t.height]}return[t.width,t.height]}var f=rs(r),h=rs(n),d=f||h;if(Ht(a)&&(!u||Ht(u))){if(f&&h)return[r,n];if(!o&&!d)return[t.width,t.height];if(d&&o){var C=f?r:n*s,m=h?n:r/s;return[C,m]}var T=f?r:t.width,F=h?n:t.height;return[T,F]}if(o){var Q=0,I=0;return CA(a)?Q=uA(a,t.width):CA(u)&&(I=uA(u,t.height)),Ht(a)?Q=I*s:(!u||Ht(u))&&(I=Q/s),[Q,I]}var H=null,M=null;if(CA(a)?H=uA(a,t.width):u&&CA(u)&&(M=uA(u,t.height)),H!==null&&(!u||Ht(u))&&(M=f&&h?H/r*n:t.height),M!==null&&Ht(a)&&(H=f&&h?M/n*r:t.width),H!==null&&M!==null)return[H,M];throw new Error("Unable to calculate background-size for element")},xt=function(A,e){var t=A[e];return typeof t>"u"?A[0]:t},bb=function(A,e,t,r,n){var s=e[0],a=e[1],u=t[0],o=t[1];switch(A){case 2:return[new x(Math.round(r.left),Math.round(r.top+a)),new x(Math.round(r.left+r.width),Math.round(r.top+a)),new x(Math.round(r.left+r.width),Math.round(o+r.top+a)),new x(Math.round(r.left),Math.round(o+r.top+a))];case 3:return[new x(Math.round(r.left+s),Math.round(r.top)),new x(Math.round(r.left+s+u),Math.round(r.top)),new x(Math.round(r.left+s+u),Math.round(r.height+r.top)),new x(Math.round(r.left+s),Math.round(r.height+r.top))];case 1:return[new x(Math.round(r.left+s),Math.round(r.top+a)),new x(Math.round(r.left+s+u),Math.round(r.top+a)),new x(Math.round(r.left+s+u),Math.round(r.top+a+o)),new x(Math.round(r.left+s),Math.round(r.top+a+o))];default:return[new x(Math.round(n.left),Math.round(n.top)),new x(Math.round(n.left+n.width),Math.round(n.top)),new x(Math.round(n.left+n.width),Math.round(n.height+n.top)),new x(Math.round(n.left),Math.round(n.height+n.top))]}},Ub="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",kl="Hidden Text",Qb=function(){function A(e){this._data={},this._document=e}return A.prototype.parseMetrics=function(e,t){var r=this._document.createElement("div"),n=this._document.createElement("img"),s=this._document.createElement("span"),a=this._document.body;r.style.visibility="hidden",r.style.fontFamily=e,r.style.fontSize=t,r.style.margin="0",r.style.padding="0",r.style.whiteSpace="nowrap",a.appendChild(r),n.src=Ub,n.width=1,n.height=1,n.style.margin="0",n.style.padding="0",n.style.verticalAlign="baseline",s.style.fontFamily=e,s.style.fontSize=t,s.style.margin="0",s.style.padding="0",s.appendChild(this._document.createTextNode(kl)),r.appendChild(s),r.appendChild(n);var u=n.offsetTop-s.offsetTop+2;r.removeChild(s),r.appendChild(this._document.createTextNode(kl)),r.style.lineHeight="normal",n.style.verticalAlign="super";var o=n.offsetTop-r.offsetTop+2;return a.removeChild(r),{baseline:u,middle:o}},A.prototype.getMetrics=function(e,t){var r=e+" "+t;return typeof this._data[r]>"u"&&(this._data[r]=this.parseMetrics(e,t)),this._data[r]},A}(),Pl=function(){function A(e,t){this.context=e,this.options=t}return A}(),Fb=1e4,Ib=function(A){ue(e,A);function e(t,r){var n=A.call(this,t,r)||this;return n._activeEffects=[],n.canvas=r.canvas?r.canvas:document.createElement("canvas"),n.ctx=n.canvas.getContext("2d"),r.canvas||(n.canvas.width=Math.floor(r.width*r.scale),n.canvas.height=Math.floor(r.height*r.scale),n.canvas.style.width=r.width+"px",n.canvas.style.height=r.height+"px"),n.fontMetrics=new Qb(document),n.ctx.scale(n.options.scale,n.options.scale),n.ctx.translate(-r.x,-r.y),n.ctx.textBaseline="bottom",n._activeEffects=[],n.context.logger.debug("Canvas renderer initialized ("+r.width+"x"+r.height+") with scale "+r.scale),n}return e.prototype.applyEffects=function(t){for(var r=this;this._activeEffects.length;)this.popEffect();t.forEach(function(n){return r.applyEffect(n)})},e.prototype.applyEffect=function(t){this.ctx.save(),db(t)&&(this.ctx.globalAlpha=t.opacity),hb(t)&&(this.ctx.translate(t.offsetX,t.offsetY),this.ctx.transform(t.matrix[0],t.matrix[1],t.matrix[2],t.matrix[3],t.matrix[4],t.matrix[5]),this.ctx.translate(-t.offsetX,-t.offsetY)),Ll(t)&&(this.path(t.path),this.ctx.clip()),this._activeEffects.push(t)},e.prototype.popEffect=function(){this._activeEffects.pop(),this.ctx.restore()},e.prototype.renderStack=function(t){return kA(this,void 0,void 0,function(){var r;return DA(this,function(n){switch(n.label){case 0:return r=t.element.container.styles,r.isVisible()?[4,this.renderStackContent(t)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[2]}})})},e.prototype.renderNode=function(t){return kA(this,void 0,void 0,function(){return DA(this,function(r){switch(r.label){case 0:if(bA(t.container.flags,16))debugger;return t.container.styles.isVisible()?[4,this.renderNodeBackgroundAndBorders(t)]:[3,3];case 1:return r.sent(),[4,this.renderNodeContent(t)];case 2:r.sent(),r.label=3;case 3:return[2]}})})},e.prototype.renderTextWithLetterSpacing=function(t,r,n){var s=this;if(r===0)this.ctx.fillText(t.text,t.bounds.left,t.bounds.top+n);else{var a=Za(t.text);a.reduce(function(u,o){return s.ctx.fillText(o,u,t.bounds.top+n),u+s.ctx.measureText(o).width},t.bounds.left)}},e.prototype.createFontStyle=function(t){var r=t.fontVariant.filter(function(a){return a==="normal"||a==="small-caps"}).join(""),n=vb(t.fontFamily).join(", "),s=Tr(t.fontSize)?""+t.fontSize.number+t.fontSize.unit:t.fontSize.number+"px";return[[t.fontStyle,r,t.fontWeight,s,n].join(" "),n,s]},e.prototype.renderTextNode=function(t,r){return kA(this,void 0,void 0,function(){var n,s,a,u,o,c,f,h,d=this;return DA(this,function(C){return n=this.createFontStyle(r),s=n[0],a=n[1],u=n[2],this.ctx.font=s,this.ctx.direction=r.direction===1?"rtl":"ltr",this.ctx.textAlign="left",this.ctx.textBaseline="alphabetic",o=this.fontMetrics.getMetrics(a,u),c=o.baseline,f=o.middle,h=r.paintOrder,t.textBounds.forEach(function(m){h.forEach(function(T){switch(T){case 0:d.ctx.fillStyle=NA(r.color),d.renderTextWithLetterSpacing(m,r.letterSpacing,c);var F=r.textShadow;F.length&&m.text.trim().length&&(F.slice(0).reverse().forEach(function(Q){d.ctx.shadowColor=NA(Q.color),d.ctx.shadowOffsetX=Q.offsetX.number*d.options.scale,d.ctx.shadowOffsetY=Q.offsetY.number*d.options.scale,d.ctx.shadowBlur=Q.blur.number,d.renderTextWithLetterSpacing(m,r.letterSpacing,c)}),d.ctx.shadowColor="",d.ctx.shadowOffsetX=0,d.ctx.shadowOffsetY=0,d.ctx.shadowBlur=0),r.textDecorationLine.length&&(d.ctx.fillStyle=NA(r.textDecorationColor||r.color),r.textDecorationLine.forEach(function(Q){switch(Q){case 1:d.ctx.fillRect(m.bounds.left,Math.round(m.bounds.top+c),m.bounds.width,1);break;case 2:d.ctx.fillRect(m.bounds.left,Math.round(m.bounds.top),m.bounds.width,1);break;case 3:d.ctx.fillRect(m.bounds.left,Math.ceil(m.bounds.top+f),m.bounds.width,1);break}}));break;case 1:r.webkitTextStrokeWidth&&m.text.trim().length&&(d.ctx.strokeStyle=NA(r.webkitTextStrokeColor),d.ctx.lineWidth=r.webkitTextStrokeWidth,d.ctx.lineJoin=window.chrome?"miter":"round",d.ctx.strokeText(m.text,m.bounds.left,m.bounds.top+c)),d.ctx.strokeStyle="",d.ctx.lineWidth=0,d.ctx.lineJoin="miter";break}})}),[2]})})},e.prototype.renderReplacedElement=function(t,r,n){if(n&&t.intrinsicWidth>0&&t.intrinsicHeight>0){var s=ts(t),a=zn(r);this.path(a),this.ctx.save(),this.ctx.clip(),this.ctx.drawImage(n,0,0,t.intrinsicWidth,t.intrinsicHeight,s.left,s.top,s.width,s.height),this.ctx.restore()}},e.prototype.renderNodeContent=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o,I,I,c,f,h,d,M,C,m,y,T,F,Q,I,H,M,y;return DA(this,function(p){switch(p.label){case 0:this.applyEffects(t.getEffects(4)),r=t.container,n=t.curves,s=r.styles,a=0,u=r.textNodes,p.label=1;case 1:return a<u.length?(o=u[a],[4,this.renderTextNode(o,s)]):[3,4];case 2:p.sent(),p.label=3;case 3:return a++,[3,1];case 4:if(!(r instanceof sl))return[3,8];p.label=5;case 5:return p.trys.push([5,7,,8]),[4,this.context.cache.match(r.src)];case 6:return I=p.sent(),this.renderReplacedElement(r,n,I),[3,8];case 7:return p.sent(),this.context.logger.error("Error loading image "+r.src),[3,8];case 8:if(r instanceof al&&this.renderReplacedElement(r,n,r.canvas),!(r instanceof il))return[3,12];p.label=9;case 9:return p.trys.push([9,11,,12]),[4,this.context.cache.match(r.svg)];case 10:return I=p.sent(),this.renderReplacedElement(r,n,I),[3,12];case 11:return p.sent(),this.context.logger.error("Error loading svg "+r.svg.substring(0,255)),[3,12];case 12:return r instanceof fl&&r.tree?(c=new e(this.context,{scale:this.options.scale,backgroundColor:r.backgroundColor,x:0,y:0,width:r.width,height:r.height}),[4,c.render(r.tree)]):[3,14];case 13:f=p.sent(),r.width&&r.height&&this.ctx.drawImage(f,0,0,r.width,r.height,r.bounds.left,r.bounds.top,r.bounds.width,r.bounds.height),p.label=14;case 14:if(r instanceof za&&(h=Math.min(r.bounds.width,r.bounds.height),r.type===Yn?r.checked&&(this.ctx.save(),this.path([new x(r.bounds.left+h*.39363,r.bounds.top+h*.79),new x(r.bounds.left+h*.16,r.bounds.top+h*.5549),new x(r.bounds.left+h*.27347,r.bounds.top+h*.44071),new x(r.bounds.left+h*.39694,r.bounds.top+h*.5649),new x(r.bounds.left+h*.72983,r.bounds.top+h*.23),new x(r.bounds.left+h*.84,r.bounds.top+h*.34085),new x(r.bounds.left+h*.39363,r.bounds.top+h*.79)]),this.ctx.fillStyle=NA(ol),this.ctx.fill(),this.ctx.restore()):r.type===Xn&&r.checked&&(this.ctx.save(),this.ctx.beginPath(),this.ctx.arc(r.bounds.left+h/2,r.bounds.top+h/2,h/4,0,Math.PI*2,!0),this.ctx.fillStyle=NA(ol),this.ctx.fill(),this.ctx.restore())),_b(r)&&r.value.length){switch(d=this.createFontStyle(s),M=d[0],C=d[1],m=this.fontMetrics.getMetrics(M,C).baseline,this.ctx.font=M,this.ctx.fillStyle=NA(s.color),this.ctx.textBaseline="alphabetic",this.ctx.textAlign=Nb(r.styles.textAlign),y=ts(r),T=0,r.styles.textAlign){case 1:T+=y.width/2;break;case 2:T+=y.width;break}F=y.add(T,0,0,-y.height/2+1),this.ctx.save(),this.path([new x(y.left,y.top),new x(y.left+y.width,y.top),new x(y.left+y.width,y.top+y.height),new x(y.left,y.top+y.height)]),this.ctx.clip(),this.renderTextWithLetterSpacing(new Ir(r.value,F),s.letterSpacing,m),this.ctx.restore(),this.ctx.textBaseline="alphabetic",this.ctx.textAlign="left"}if(!bA(r.styles.display,2048))return[3,20];if(r.styles.listStyleImage===null)return[3,19];if(Q=r.styles.listStyleImage,Q.type!==0)return[3,18];I=void 0,H=Q.url,p.label=15;case 15:return p.trys.push([15,17,,18]),[4,this.context.cache.match(H)];case 16:return I=p.sent(),this.ctx.drawImage(I,r.bounds.left-(I.width+10),r.bounds.top),[3,18];case 17:return p.sent(),this.context.logger.error("Error loading list-style-image "+H),[3,18];case 18:return[3,20];case 19:t.listValue&&r.styles.listStyleType!==-1&&(M=this.createFontStyle(s)[0],this.ctx.font=M,this.ctx.fillStyle=NA(s.color),this.ctx.textBaseline="middle",this.ctx.textAlign="right",y=new be(r.bounds.left,r.bounds.top+uA(r.styles.paddingTop,r.bounds.width),r.bounds.width,kc(s.lineHeight,s.fontSize.number)/2+1),this.renderTextWithLetterSpacing(new Ir(t.listValue,y),s.letterSpacing,kc(s.lineHeight,s.fontSize.number)/2+2),this.ctx.textBaseline="bottom",this.ctx.textAlign="left"),p.label=20;case 20:return[2]}})})},e.prototype.renderStackContent=function(t){return kA(this,void 0,void 0,function(){var r,n,Q,s,a,Q,u,o,Q,c,f,Q,h,d,Q,C,m,Q,T,F,Q;return DA(this,function(I){switch(I.label){case 0:if(bA(t.element.container.flags,16))debugger;return[4,this.renderNodeBackgroundAndBorders(t.element)];case 1:I.sent(),r=0,n=t.negativeZIndex,I.label=2;case 2:return r<n.length?(Q=n[r],[4,this.renderStack(Q)]):[3,5];case 3:I.sent(),I.label=4;case 4:return r++,[3,2];case 5:return[4,this.renderNodeContent(t.element)];case 6:I.sent(),s=0,a=t.nonInlineLevel,I.label=7;case 7:return s<a.length?(Q=a[s],[4,this.renderNode(Q)]):[3,10];case 8:I.sent(),I.label=9;case 9:return s++,[3,7];case 10:u=0,o=t.nonPositionedFloats,I.label=11;case 11:return u<o.length?(Q=o[u],[4,this.renderStack(Q)]):[3,14];case 12:I.sent(),I.label=13;case 13:return u++,[3,11];case 14:c=0,f=t.nonPositionedInlineLevel,I.label=15;case 15:return c<f.length?(Q=f[c],[4,this.renderStack(Q)]):[3,18];case 16:I.sent(),I.label=17;case 17:return c++,[3,15];case 18:h=0,d=t.inlineLevel,I.label=19;case 19:return h<d.length?(Q=d[h],[4,this.renderNode(Q)]):[3,22];case 20:I.sent(),I.label=21;case 21:return h++,[3,19];case 22:C=0,m=t.zeroOrAutoZIndexOrTransformedOrOpacity,I.label=23;case 23:return C<m.length?(Q=m[C],[4,this.renderStack(Q)]):[3,26];case 24:I.sent(),I.label=25;case 25:return C++,[3,23];case 26:T=0,F=t.positiveZIndex,I.label=27;case 27:return T<F.length?(Q=F[T],[4,this.renderStack(Q)]):[3,30];case 28:I.sent(),I.label=29;case 29:return T++,[3,27];case 30:return[2]}})})},e.prototype.mask=function(t){this.ctx.beginPath(),this.ctx.moveTo(0,0),this.ctx.lineTo(this.canvas.width,0),this.ctx.lineTo(this.canvas.width,this.canvas.height),this.ctx.lineTo(0,this.canvas.height),this.ctx.lineTo(0,0),this.formatPath(t.slice(0).reverse()),this.ctx.closePath()},e.prototype.path=function(t){this.ctx.beginPath(),this.formatPath(t),this.ctx.closePath()},e.prototype.formatPath=function(t){var r=this;t.forEach(function(n,s){var a=re(n)?n.start:n;s===0?r.ctx.moveTo(a.x,a.y):r.ctx.lineTo(a.x,a.y),re(n)&&r.ctx.bezierCurveTo(n.startControl.x,n.startControl.y,n.endControl.x,n.endControl.y,n.end.x,n.end.y)})},e.prototype.renderRepeat=function(t,r,n,s){this.path(t),this.ctx.fillStyle=r,this.ctx.translate(n,s),this.ctx.fill(),this.ctx.translate(-n,-s)},e.prototype.resizeImage=function(t,r,n){var s;if(t.width===r&&t.height===n)return t;var a=(s=this.canvas.ownerDocument)!==null&&s!==void 0?s:document,u=a.createElement("canvas");u.width=Math.max(1,r),u.height=Math.max(1,n);var o=u.getContext("2d");return o.drawImage(t,0,0,t.width,t.height,0,0,r,n),u},e.prototype.renderBackgroundImage=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o;return DA(this,function(c){switch(c.label){case 0:r=t.styles.backgroundImage.length-1,n=function(f){var h,d,C,AA,P,z,W,tA,k,m,AA,P,z,W,tA,T,F,Q,I,H,M,y,p,v,k,O,AA,oA,cA,W,tA,R,P,z,rA,lA,UA,HA,RA,QA,PA,wA;return DA(this,function(ce){switch(ce.label){case 0:if(f.type!==0)return[3,5];h=void 0,d=f.url,ce.label=1;case 1:return ce.trys.push([1,3,,4]),[4,s.context.cache.match(d)];case 2:return h=ce.sent(),[3,4];case 3:return ce.sent(),s.context.logger.error("Error loading background-image "+d),[3,4];case 4:return h&&(C=ci(t,r,[h.width,h.height,h.width/h.height]),AA=C[0],P=C[1],z=C[2],W=C[3],tA=C[4],k=s.ctx.createPattern(s.resizeImage(h,W,tA),"repeat"),s.renderRepeat(AA,k,P,z)),[3,6];case 5:h1(f)?(m=ci(t,r,[null,null,null]),AA=m[0],P=m[1],z=m[2],W=m[3],tA=m[4],T=u1(f.angle,W,tA),F=T[0],Q=T[1],I=T[2],H=T[3],M=T[4],y=document.createElement("canvas"),y.width=W,y.height=tA,p=y.getContext("2d"),v=p.createLinearGradient(Q,H,I,M),yc(f.stops,F).forEach(function(We){return v.addColorStop(We.stop,NA(We.color))}),p.fillStyle=v,p.fillRect(0,0,W,tA),W>0&&tA>0&&(k=s.ctx.createPattern(y,"repeat"),s.renderRepeat(AA,k,P,z))):d1(f)&&(O=ci(t,r,[null,null,null]),AA=O[0],oA=O[1],cA=O[2],W=O[3],tA=O[4],R=f.position.length===0?[Da]:f.position,P=uA(R[0],W),z=uA(R[R.length-1],tA),rA=o1(f,P,z,W,tA),lA=rA[0],UA=rA[1],lA>0&&UA>0&&(HA=s.ctx.createRadialGradient(oA+P,cA+z,0,oA+P,cA+z,lA),yc(f.stops,lA*2).forEach(function(We){return HA.addColorStop(We.stop,NA(We.color))}),s.path(AA),s.ctx.fillStyle=HA,lA!==UA?(RA=t.bounds.left+.5*t.bounds.width,QA=t.bounds.top+.5*t.bounds.height,PA=UA/lA,wA=1/PA,s.ctx.save(),s.ctx.translate(RA,QA),s.ctx.transform(1,0,0,PA,0,0),s.ctx.translate(-RA,-QA),s.ctx.fillRect(oA,wA*(cA-QA)+QA,W,tA*wA),s.ctx.restore()):s.ctx.fill())),ce.label=6;case 6:return r--,[2]}})},s=this,a=0,u=t.styles.backgroundImage.slice(0).reverse(),c.label=1;case 1:return a<u.length?(o=u[a],[5,n(o)]):[3,4];case 2:c.sent(),c.label=3;case 3:return a++,[3,1];case 4:return[2]}})})},e.prototype.renderSolidBorder=function(t,r,n){return kA(this,void 0,void 0,function(){return DA(this,function(s){return this.path(Rl(n,r)),this.ctx.fillStyle=NA(t),this.ctx.fill(),[2]})})},e.prototype.renderDoubleBorder=function(t,r,n,s){return kA(this,void 0,void 0,function(){var a,u;return DA(this,function(o){switch(o.label){case 0:return r<3?[4,this.renderSolidBorder(t,n,s)]:[3,2];case 1:return o.sent(),[2];case 2:return a=Eb(s,n),this.path(a),this.ctx.fillStyle=NA(t),this.ctx.fill(),u=pb(s,n),this.path(u),this.ctx.fill(),[2]}})})},e.prototype.renderNodeBackgroundAndBorders=function(t){return kA(this,void 0,void 0,function(){var r,n,s,a,u,o,c,f,h=this;return DA(this,function(d){switch(d.label){case 0:return this.applyEffects(t.getEffects(2)),r=t.container.styles,n=!Ve(r.backgroundColor)||r.backgroundImage.length,s=[{style:r.borderTopStyle,color:r.borderTopColor,width:r.borderTopWidth},{style:r.borderRightStyle,color:r.borderRightColor,width:r.borderRightWidth},{style:r.borderBottomStyle,color:r.borderBottomColor,width:r.borderBottomWidth},{style:r.borderLeftStyle,color:r.borderLeftColor,width:r.borderLeftWidth}],a=yb(xt(r.backgroundClip,0),t.curves),n||r.boxShadow.length?(this.ctx.save(),this.path(a),this.ctx.clip(),Ve(r.backgroundColor)||(this.ctx.fillStyle=NA(r.backgroundColor),this.ctx.fill()),[4,this.renderBackgroundImage(t.container)]):[3,2];case 1:d.sent(),this.ctx.restore(),r.boxShadow.slice(0).reverse().forEach(function(C){h.ctx.save();var m=$n(t.curves),T=C.inset?0:Fb,F=Bb(m,-T+(C.inset?1:-1)*C.spread.number,(C.inset?1:-1)*C.spread.number,C.spread.number*(C.inset?-2:2),C.spread.number*(C.inset?-2:2));C.inset?(h.path(m),h.ctx.clip(),h.mask(F)):(h.mask(m),h.ctx.clip(),h.path(F)),h.ctx.shadowOffsetX=C.offsetX.number+T,h.ctx.shadowOffsetY=C.offsetY.number,h.ctx.shadowColor=NA(C.color),h.ctx.shadowBlur=C.blur.number,h.ctx.fillStyle=C.inset?NA(C.color):"rgba(0,0,0,1)",h.ctx.fill(),h.ctx.restore()}),d.label=2;case 2:u=0,o=0,c=s,d.label=3;case 3:return o<c.length?(f=c[o],f.style!==0&&!Ve(f.color)&&f.width>0?f.style!==2?[3,5]:[4,this.renderDashedDottedBorder(f.color,f.width,u,t.curves,2)]:[3,11]):[3,13];case 4:return d.sent(),[3,11];case 5:return f.style!==3?[3,7]:[4,this.renderDashedDottedBorder(f.color,f.width,u,t.curves,3)];case 6:return d.sent(),[3,11];case 7:return f.style!==4?[3,9]:[4,this.renderDoubleBorder(f.color,f.width,u,t.curves)];case 8:return d.sent(),[3,11];case 9:return[4,this.renderSolidBorder(f.color,u,t.curves)];case 10:d.sent(),d.label=11;case 11:u++,d.label=12;case 12:return o++,[3,3];case 13:return[2]}})})},e.prototype.renderDashedDottedBorder=function(t,r,n,s,a){return kA(this,void 0,void 0,function(){var u,o,c,f,h,d,C,m,T,F,Q,I,H,M,y,p,y,p;return DA(this,function(v){return this.ctx.save(),u=mb(s,n),o=Rl(s,n),a===2&&(this.path(o),this.ctx.clip()),re(o[0])?(c=o[0].start.x,f=o[0].start.y):(c=o[0].x,f=o[0].y),re(o[1])?(h=o[1].end.x,d=o[1].end.y):(h=o[1].x,d=o[1].y),n===0||n===2?C=Math.abs(c-h):C=Math.abs(f-d),this.ctx.beginPath(),a===3?this.formatPath(u):this.formatPath(o.slice(0,2)),m=r<3?r*3:r*2,T=r<3?r*2:r,a===3&&(m=r,T=r),F=!0,C<=m*2?F=!1:C<=m*2+T?(Q=C/(2*m+T),m*=Q,T*=Q):(I=Math.floor((C+T)/(m+T)),H=(C-I*m)/(I-1),M=(C-(I+1)*m)/I,T=M<=0||Math.abs(T-H)<Math.abs(T-M)?H:M),F&&(a===3?this.ctx.setLineDash([0,m+T]):this.ctx.setLineDash([m,T])),a===3?(this.ctx.lineCap="round",this.ctx.lineWidth=r):this.ctx.lineWidth=r*2+1.1,this.ctx.strokeStyle=NA(t),this.ctx.stroke(),this.ctx.setLineDash([]),a===2&&(re(o[0])&&(y=o[3],p=o[0],this.ctx.beginPath(),this.formatPath([new x(y.end.x,y.end.y),new x(p.start.x,p.start.y)]),this.ctx.stroke()),re(o[1])&&(y=o[1],p=o[2],this.ctx.beginPath(),this.formatPath([new x(y.end.x,y.end.y),new x(p.start.x,p.start.y)]),this.ctx.stroke())),this.ctx.restore(),[2]})})},e.prototype.render=function(t){return kA(this,void 0,void 0,function(){var r;return DA(this,function(n){switch(n.label){case 0:return this.options.backgroundColor&&(this.ctx.fillStyle=NA(this.options.backgroundColor),this.ctx.fillRect(this.options.x,this.options.y,this.options.width,this.options.height)),r=gb(t),[4,this.renderStack(r)];case 1:return n.sent(),this.applyEffects([]),[2,this.canvas]}})})},e}(Pl),_b=function(A){return A instanceof ll||A instanceof cl?!0:A instanceof za&&A.type!==Xn&&A.type!==Yn},yb=function(A,e){switch(A){case 0:return $n(e);case 2:return cb(e);case 1:default:return zn(e)}},Nb=function(A){switch(A){case 1:return"center";case 2:return"right";case 0:default:return"left"}},Sb=["-apple-system","system-ui"],vb=function(A){return/iPhone OS 15_(0|1)/.test(window.navigator.userAgent)?A.filter(function(e){return Sb.indexOf(e)===-1}):A},Lb=function(A){ue(e,A);function e(t,r){var n=A.call(this,t,r)||this;return n.canvas=r.canvas?r.canvas:document.createElement("canvas"),n.ctx=n.canvas.getContext("2d"),n.options=r,n.canvas.width=Math.floor(r.width*r.scale),n.canvas.height=Math.floor(r.height*r.scale),n.canvas.style.width=r.width+"px",n.canvas.style.height=r.height+"px",n.ctx.scale(n.options.scale,n.options.scale),n.ctx.translate(-r.x,-r.y),n.context.logger.debug("EXPERIMENTAL ForeignObject renderer initialized ("+r.width+"x"+r.height+" at "+r.x+","+r.y+") with scale "+r.scale),n}return e.prototype.render=function(t){return kA(this,void 0,void 0,function(){var r,n;return DA(this,function(s){switch(s.label){case 0:return r=ja(this.options.width*this.options.scale,this.options.height*this.options.scale,this.options.scale,this.options.scale,t),[4,Hb(r)];case 1:return n=s.sent(),this.options.backgroundColor&&(this.ctx.fillStyle=NA(this.options.backgroundColor),this.ctx.fillRect(0,0,this.options.width*this.options.scale,this.options.height*this.options.scale)),this.ctx.drawImage(n,-this.options.x*this.options.scale,-this.options.y*this.options.scale),[2,this.canvas]}})})},e}(Pl),Hb=function(A){return new Promise(function(e,t){var r=new Image;r.onload=function(){e(r)},r.onerror=t,r.src="data:image/svg+xml;charset=utf-8,"+encodeURIComponent(new XMLSerializer().serializeToString(A))})},xb=function(){function A(e){var t=e.id,r=e.enabled;this.id=t,this.enabled=r,this.start=Date.now()}return A.prototype.debug=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.debug=="function"?console.debug.apply(console,ln([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.prototype.getTime=function(){return Date.now()-this.start},A.prototype.info=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&typeof window<"u"&&window.console&&typeof console.info=="function"&&console.info.apply(console,ln([this.id,this.getTime()+"ms"],e))},A.prototype.warn=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.warn=="function"?console.warn.apply(console,ln([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.prototype.error=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];this.enabled&&(typeof window<"u"&&window.console&&typeof console.error=="function"?console.error.apply(console,ln([this.id,this.getTime()+"ms"],e)):this.info.apply(this,e))},A.instances={},A}(),Db=function(){function A(e,t){var r;this.windowBounds=t,this.instanceName="#"+A.instanceCount++,this.logger=new xb({id:this.instanceName,enabled:e.logging}),this.cache=(r=e.cache)!==null&&r!==void 0?r:new tb(this,e)}return A.instanceCount=1,A}(),Ob=function(A,e){return e===void 0&&(e={}),Rb(A,e)};typeof window<"u"&&vl.setContext(window);var Rb=function(A,e){return kA(void 0,void 0,void 0,function(){var t,r,n,s,a,u,o,c,f,h,d,C,m,T,F,Q,I,H,M,y,v,p,v,k,O,AA,oA,cA,W,tA,R,P,z,rA,lA,UA,HA,RA,QA,PA;return DA(this,function(wA){switch(wA.label){case 0:if(!A||typeof A!="object")return[2,Promise.reject("Invalid element provided as first argument")];if(t=A.ownerDocument,!t)throw new Error("Element is not attached to a Document");if(r=t.defaultView,!r)throw new Error("Document is not attached to a Window");return n={allowTaint:(k=e.allowTaint)!==null&&k!==void 0?k:!1,imageTimeout:(O=e.imageTimeout)!==null&&O!==void 0?O:15e3,proxy:e.proxy,useCORS:(AA=e.useCORS)!==null&&AA!==void 0?AA:!1},s=Ba({logging:(oA=e.logging)!==null&&oA!==void 0?oA:!0,cache:e.cache},n),a={windowWidth:(cA=e.windowWidth)!==null&&cA!==void 0?cA:r.innerWidth,windowHeight:(W=e.windowHeight)!==null&&W!==void 0?W:r.innerHeight,scrollX:(tA=e.scrollX)!==null&&tA!==void 0?tA:r.pageXOffset,scrollY:(R=e.scrollY)!==null&&R!==void 0?R:r.pageYOffset},u=new be(a.scrollX,a.scrollY,a.windowWidth,a.windowHeight),o=new Db(s,u),c=(P=e.foreignObjectRendering)!==null&&P!==void 0?P:!1,f={allowTaint:(z=e.allowTaint)!==null&&z!==void 0?z:!1,onclone:e.onclone,ignoreElements:e.ignoreElements,inlineImages:c,copyStyles:c},o.logger.debug("Starting document clone with size "+u.width+"x"+u.height+" scrolled to "+-u.left+","+-u.top),h=new Nl(o,A,f),d=h.clonedReferenceElement,d?[4,h.toIFrame(t,u)]:[2,Promise.reject("Unable to find element in cloned iframe")];case 1:return C=wA.sent(),m=ei(d)||MT(d)?Bm(d.ownerDocument):fn(o,d),T=m.width,F=m.height,Q=m.left,I=m.top,H=Mb(o,d,e.backgroundColor),M={canvas:e.canvas,backgroundColor:H,scale:(lA=(rA=e.scale)!==null&&rA!==void 0?rA:r.devicePixelRatio)!==null&&lA!==void 0?lA:1,x:((UA=e.x)!==null&&UA!==void 0?UA:0)+Q,y:((HA=e.y)!==null&&HA!==void 0?HA:0)+I,width:(RA=e.width)!==null&&RA!==void 0?RA:Math.ceil(T),height:(QA=e.height)!==null&&QA!==void 0?QA:Math.ceil(F)},c?(o.logger.debug("Document cloned, using foreign object rendering"),v=new Lb(o,M),[4,v.render(d)]):[3,3];case 2:return y=wA.sent(),[3,5];case 3:return o.logger.debug("Document cloned, element located at "+Q+","+I+" with size "+T+"x"+F+" using computed rendering"),o.logger.debug("Starting DOM parsing"),p=dl(o,d),H===p.styles.backgroundColor&&(p.styles.backgroundColor=Qe.TRANSPARENT),o.logger.debug("Starting renderer for element at "+M.x+","+M.y+" with size "+M.width+"x"+M.height),v=new Ib(o,M),[4,v.render(p)];case 4:y=wA.sent(),wA.label=5;case 5:return(!((PA=e.removeContainer)!==null&&PA!==void 0)||PA)&&(Nl.destroy(C)||o.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")),o.logger.debug("Finished rendering"),[2,y]}})})},Mb=function(A,e,t){var r=e.ownerDocument,n=r.documentElement?Ur(A,getComputedStyle(r.documentElement).backgroundColor):Qe.TRANSPARENT,s=r.body?Ur(A,getComputedStyle(r.body).backgroundColor):Qe.TRANSPARENT,a=typeof t=="string"?Ur(A,t):t===null?Qe.TRANSPARENT:4294967295;return e===r.documentElement?Ve(n)?Ve(s)?a:s:n:a};const kb=l.defineComponent({name:"GpIframe",props:{htmlContent:{type:String,required:!0},jsFiles:{type:Array,default:[]},cssFiles:{type:Array,default:[]},iframeStyle:{type:Object,default:()=>({width:"100%",height:"100%",border:"none"})}},setup(A){const e=l.ref(null),t=l.ref(),r=()=>{var c;const s=e.value;if(!s)return;const a=s.contentDocument||((c=s.contentWindow)==null?void 0:c.document);if(!a)return;a.open(),a.write("<!DOCTYPE html><html><head></head><body></body></html>"),a.close();const u=a.head;A.cssFiles.forEach(f=>{const h=a.createElement("link");h.rel="stylesheet",h.href=f,u.appendChild(h)});const o=a.body;o.innerHTML=A.htmlContent,A.jsFiles.forEach(f=>{const h=a.createElement("script");h.src=f,h.async=!0,o.appendChild(h)}),t.value=o,l.nextTick(()=>{})};l.watch(t,s=>{if(!s)return;new MutationObserver(()=>{const u=e.value;u&&(console.log("iframe.style.height",s.scrollHeight,u.style.height),u.style.height=`${s.scrollHeight}px`)}).observe(s,{childList:!0,subtree:!0})});const n=async s=>{var c;const a=e.value;if(!a)return;const u=a.contentDocument||((c=a.contentWindow)==null?void 0:c.document);if(!u)return;const o=u.body;if(o)try{await l.nextTick();const f=await Ob(o,{x:0,y:0,scrollX:window.scrollX,scrollY:window.scrollY,useCORS:!0,allowTaint:!0,foreignObjectRendering:!1});s?s(f):f.toBlob(h=>{const d=URL.createObjectURL(h);window.open(d,"_blank")})}catch(f){console.error("截图生成失败:",f)}};return l.watch(()=>[A.htmlContent,A.jsFiles,A.cssFiles],r,{deep:!0}),l.onMounted(()=>{r()}),{iframeRef:e,generateCover:n}}});function Pb(A,e,t,r,n,s){return l.openBlock(),l.createElementBlock("div",null,[l.createElementVNode("iframe",{ref:"iframeRef",style:l.normalizeStyle(A.iframeStyle)},null,4)])}const Kl=He(kb,[["render",Pb],["__scopeId","data-v-c23563ae"]]),Kb={class:"flex gp-dsigner"},Vb={key:0,class:"flex items-center justify-between border-b"},Gb={class:"text-lg font-bold p-2"},Yb={class:"text-sm font-thin text-gray-500"},Xb={class:"flex-1"},Wb={key:0,class:"text-lg font-bold border-b p-2"},Jb={class:"p-2"},qb={class:"sticky top-0"},jb={key:0,class:"text-lg font-bold border-b p-2"},Zb={class:"text-sm font-thin text-gray-500"},$b={class:"p-2"},Vl=He(l.defineComponent({__name:"Designer",props:{mode:{default:"design"},template:{},css:{},js:{},previewWidth:{default:375},uploadByFile:{},icons:{},rules:{},preview:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0}},emits:["update:modelValue","update:element"],setup(A,{expose:e,emit:t}){const r=A,n=t,s=l.ref(r.template),a=l.ref();let u=so("",{},!1);const o=l.ref("");l.watch(()=>r.template,N=>{s.value=N},{immediate:!0}),l.watch(()=>s.value,N=>{N&&(a.value=O(N))},{immediate:!0}),l.watch(()=>r.css,N=>{N.forEach(L=>{if(document.querySelector(`link[href="${L}"]`))return;const K=document.createElement("link");K.rel="stylesheet",K.href=L,document.head.appendChild(K)})},{immediate:!0}),l.watch(()=>r.js,N=>{!N||N.length===0||N.forEach(L=>{if(document.querySelector(`script[src="${L}"]`))return;const K=document.createElement("script");K.src=L,document.body.appendChild(K)})},{immediate:!0});const c=l.ref(r.mode);l.watch(()=>a.value,N=>{N&&n("update:element",N)},{immediate:!0});const f=l.ref("");l.watch(()=>o.value,N=>{n("update:modelValue",N)},{immediate:!0});const h=l.ref(),d=l.ref(),C=l.ref(),m=l.ref(),T=l.ref(),F=l.ref(),Q=l.ref("");function I(N=void 0){m.value&&m.value.generateCover(N)}function H(N){T.value=N}function M(N,L=""){if(L){const K=y(a.value,L);K?F.value=K:F.value=N}else F.value=N}function y(N,L){if(N.xpath===L)return N;if(N.children&&N.children.length)for(const K of N.children){const Y=y(K,L);if(Y)return Y}}function p(N,L){var K,Y;return N.tag===L.tag&&((K=N.children)==null?void 0:K.length)===((Y=L.children)==null?void 0:Y.length)}function v(N){if(T.value.xpath==N.xpath){if(T.value){if(N.type===q.Block){var L=!0;const K=y(a.value,T.value.parentxpath||"");if(K&&K.children&&K.children.forEach(Y=>{if(Y.tag!=T.value.tag||!p(Y,T.value)){L=!1;return}}),!L){j.error("同级结构不一致,错误配置!");return}}if(T.value.rule=N.rule,T.value.type=N.type,T.value.type===q.Block){const K=y(a.value,T.value.parentxpath||"");K&&K.children&&(K.children.forEach(Y=>{if(Y.tag!=T.value.tag||!p(Y,T.value)){j.error("同级结构不一致,无法配置为块类型");return}}),K.children.forEach(Y=>{Y.tag===T.value.tag&&(Y.rule=N.rule,Y.type=N.type)}))}}f.value=new Date().getTime().toString(),j.success("保存成功")}}function k(N){o.value=N}function O(N){u=so(N);const L=u("body").children().toArray().map(K=>AA(u(K)));return o.value=u("body").html()||"",L[0]}function AA(N,L=""){var ot;function K(ZA){if(!ZA||!ZA[0])return"";const JA=[];let ct=ZA;for(;ct.length&&ct[0].tagName!=="html";){const Yl=ct[0].tagName,AU=ct.parent().children(Yl).index(ct)+1;JA.unshift(`${Yl}[${AU}]`),ct=ct.parent()}return"/html/"+JA.join("/")}const Y=K(N).replace("/html/body[1]",""),MA=N.children().toArray().map(ZA=>AA(u(ZA),Y)),me=(ot=r.rules)==null?void 0:ot.find(ZA=>ZA.xpath===Y);return{tag:N[0].tagName,text:N.contents().not(N.children()).text().trim(),attrs:N[0].attribs,children:MA,xpath:Y,parentxpath:L,type:(me==null?void 0:me.type)||q.None,rule:(me==null?void 0:me.rule)||{}}}function oA(N){console.log("更新子节点的文本",N);const L=y(a.value,N.element.xpath);if(L){const K=l.toRaw(L);K.editText=N.newText}}function cA(N,L=""){function K(Y,MA){var ZA;const ot=(MA?((ZA=y(a.value,MA))==null?void 0:ZA.children)||[]:[a.value]).filter(JA=>JA.tag===Y.tag).indexOf(Y)+1;return`${MA}/${Y.tag}[${ot}]`}N.xpath=K(N,L),N.parentxpath=L,(N.children||[]).forEach(Y=>cA(Y,N.xpath))}function W({action:N,element:L,newBlock:K}){const Y=y(a.value,L.parentxpath||"");if(!Y||!Y.children)return;const MA=Y.children.findIndex(JA=>JA===L);if(MA===-1){j.error("未找到元素");return}const me=Y.children.length,{minBlock:ot,maxBlock:ZA}=L.rule;if((N==="add"||N==="copy")&&me>=(ZA||1/0)){Q.value=`无法添加更多块。最大块数量为 ${ZA}`,j.error(Q.value);return}switch(N){case"add":if(K){const JA={...K,xpath:"",children:JSON.parse(JSON.stringify(K.children))};Y.children.splice(MA+1,0,JA),j.success("添加成功")}break;case"copy":if(K){const JA={...K,xpath:"",children:JSON.parse(JSON.stringify(K.children))};Y.children.splice(MA+1,0,JA),j.success("复制成功")}break;case"moveUp":if(MA>0){const[JA]=Y.children.splice(MA,1);Y.children.splice(MA-1,0,JA),j.success("前移成功")}else j.error("已经是第一个块,无法前移");break;case"moveDown":if(MA<Y.children.length-1){const[JA]=Y.children.splice(MA,1);Y.children.splice(MA+1,0,JA),j.success("后移成功")}else j.error("已经是最后一个块,无法后移");break;case"delete":if(me<=(ot||0)){Q.value=`无法删除更多块。最小块数量为 ${ot}`,j.error(Q.value);return}Y.children.splice(MA,1),j.success("删除成功");break}Q.value="",cA(a.value)}function tA(N,L){let K=L.attrs.class.replace(/icon-\S+/g,`icon-${N}`);L.attrs.class=K}function R(N){const L=N.file,K=y(a.value,N.element.xpath);if(r.uploadByFile)r.uploadByFile(L).then(Y=>{Y.success&&(K.attrs.src=Y.file.url,f.value=new Date().getTime().toString())});else{K.attrs.alt=L.name;const Y=URL.createObjectURL(L);K.attrs.src=Y,f.value=new Date().getTime().toString()}}function P(N){const{icon:L}=N,K=y(a.value,N.element.xpath);let Y=K.attrs.class.replace(/icon-\S+/g,`icon-${L}`);K.attrs.class=Y,f.value=new Date().getTime().toString()}const z=N=>N.type.startsWith("image/")?!0:(j.error("只能上传图片文件"),!1),rA=l.ref({});function lA(N,L){if(!N||N.length===0)return;const K=N[0];if(L.rule&&(L.rule.minImageWidth||L.rule.maxImageHeight)){if(L.rule.minImageWidth&&K.width<L.rule.minImageWidth){j.error(`图片宽度不能小于 ${L.rule.minImageWidth}px`);return}if(L.rule.maxImageHeight&&K.height<L.rule.maxImageHeight){j.error(`图片高度不能小于 ${L.rule.maxImageHeight}px`);return}}L.rule.minImageWidth&&L.rule.maxImageHeight?(rA.value.width=L.rule.minImageWidth,rA.value.height=L.rule.maxImageHeight,rA.value.aspectRatio=L.rule.minImageWidth/L.rule.maxImageHeight):rA.value={},K&&(L.rule.crop?(K.thumbUrl,h.value.handleOpenCropper(rA.value,K.file,K.name,L)):r.uploadByFile?r.uploadByFile(K.file).then(Y=>{Y.success&&(L.attrs.src=Y.file.url,f.value=new Date().getTime().toString())}):(L.attrs.src=K.thumbUrl,f.value=new Date().getTime().toString()))}const UA=l.ref(r.previewWidth),HA=l.ref(375);let RA=l.ref(!1),QA=l.ref(""),PA=0,wA=0;function ce(N){QA.value=N,RA.value=!0,PA=event.clientX,N==="preview"?wA=UA.value:N==="structure"&&(wA=HA.value),window.addEventListener("mousemove",We),window.addEventListener("mouseup",Gl)}function We(N){if(!RA.value)return;const L=N.clientX-PA;QA.value==="preview"?UA.value=Math.max(200,wA+L):QA.value==="structure"&&(HA.value=Math.max(200,wA-L))}function Gl(){RA.value=!1,QA.value="",window.removeEventListener("mousemove",We),window.removeEventListener("mouseup",Gl)}return e({generateCover:I}),(N,L)=>(l.openBlock(),l.createElementBlock("div",Kb,[N.preview?(l.openBlock(),l.createElementBlock("div",{key:0,class:"border-l overflow-auto resize-area",style:l.normalizeStyle({width:UA.value+"px"})},[N.showTitle?(l.openBlock(),l.createElementBlock("div",Vb,[l.createElementVNode("h2",Gb,[L[3]||(L[3]=l.createTextVNode(" 实时预览 ")),l.createElementVNode("span",Yb,l.toDisplayString(UA.value)+"px",1)]),l.createElementVNode("div",{onClick:L[0]||(L[0]=()=>I()),class:"p-2 cursor-pointer text-blue-500"}," 封面 ")])):l.createCommentVNode("",!0),l.createElementVNode("div",null,[o.value?(l.openBlock(),l.createBlock(Kl,{key:0,"css-files":N.css,"js-files":N.js,"html-content":o.value,class:"gp-designer-preview",ref_key:"previewRef",ref:m},null,8,["css-files","js-files","html-content"])):(l.openBlock(),l.createBlock(Kl,{key:1,"css-files":N.css,"js-files":N.js,"html-content":l.unref(u)("body").html(),class:"gp-designer-preview",ref_key:"previewRef",ref:m},null,8,["css-files","js-files","html-content"]))])],4)):l.createCommentVNode("",!0),N.preview?(l.openBlock(),l.createElementBlock("div",{key:1,class:"resizer",onMousedown:L[1]||(L[1]=K=>ce("preview"))},null,32)):l.createCommentVNode("",!0),l.createElementVNode("div",Xb,[N.showTitle?(l.openBlock(),l.createElementBlock("h2",Wb,"结构渲染")):l.createCommentVNode("",!0),l.createElementVNode("div",Jb,[a.value?(l.openBlock(),l.createBlock(sE,{key:0,"upload-by-file":N.uploadByFile,cropper:h.value,icon:d.value,upload:C.value,mode:N.mode,icons:N.icons,r:f.value,element:a.value,selectedElement:T.value,hoveredElement:F.value,onSelectElement:H,onHoverElement:M,onContentUpdated:k,onUpdateText:oA,onBlockAction:W,onAddIcon:tA},null,8,["upload-by-file","cropper","icon","upload","mode","icons","r","element","selectedElement","hoveredElement"])):l.createCommentVNode("",!0)])]),c.value=="design"?(l.openBlock(),l.createElementBlock("div",{key:2,class:"resizer",onMousedown:L[2]||(L[2]=K=>ce("structure"))},null,32)):l.createCommentVNode("",!0),c.value=="design"?(l.openBlock(),l.createElementBlock("div",{key:3,class:"resize-area",style:l.normalizeStyle({width:HA.value+"px"})},[l.createElementVNode("div",qb,[N.showTitle?(l.openBlock(),l.createElementBlock("h2",jb,[L[4]||(L[4]=l.createTextVNode(" 节点属性 ")),l.createElementVNode("span",Zb,l.toDisplayString(HA.value)+"px",1)])):l.createCommentVNode("",!0),l.createElementVNode("div",$b,[T.value?(l.openBlock(),l.createBlock(RE,{key:0,element:T.value,onUpdateElement:v},null,8,["element"])):l.createCommentVNode("",!0)])])],4)):l.createCommentVNode("",!0),l.createVNode(Jp,{ref_key:"cropperRef",ref:h,onOk:R},null,512),l.createVNode(sm,{icons:N.icons,ref_key:"iconRef",ref:d,onOk:P},null,8,["icons"]),l.createVNode(dm,{ref_key:"uploadRef",ref:C,multiple:!1,show:!1,beforeUpload:z,onChange:lA},{"upload-icon":l.withCtx(()=>L[5]||(L[5]=[l.createElementVNode("div",{class:"p-2"},"上传",-1)])),_:1},512)]))}}),[["__scopeId","data-v-377db25c"]]),zb={install(A){A.component("Designer",Vl)}};Ie.Designer=Vl,Ie.default=zb,Object.defineProperties(Ie,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/style.css
CHANGED
@@ -6,4 +6,4 @@
|
|
6
6
|
* Released under the MIT license
|
7
7
|
*
|
8
8
|
* Date: 2024-04-21T07:43:02.731Z
|
9
|
-
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.before{position:relative;overflow:hidden}.before img{position:absolute}.upload-wrapper[data-v-08babff9]{max-width:500px}.file-list[data-v-08babff9]{max-height:300px;overflow-y:auto}.gp-dsigner[data-v-73095fba]{font-family:微软雅黑}.resize-area[data-v-73095fba]{transition:width .1s ease}.resizer[data-v-73095fba]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--gp-designer-theme-color: #3574e6}.gp-designer-theme-text,.gp-designer-theme-icon{color:var(--gp-designer-theme-color)}.gp-designer-theme-button{background-color:var(--gp-designer-theme-color)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-\[99999\]{z-index:99999}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[40px\]{height:40px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[500px\]{max-height:500px}.w-12{width:3rem}.w-5{width:1.25rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#DEDEDE\]{--tw-border-opacity: 1;border-color:rgb(222 222 222 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-\[\#474AFF\]{--tw-bg-opacity: 1;background-color:rgb(71 74 255 / var(--tw-bg-opacity))}.bg-\[\#f4f8ff\]{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-500\/80{background-color:#3b82f6cc}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-green-500\/80{background-color:#22c55ecc}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-500\/80{background-color:#ef4444cc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pr-\[70px\]{padding-right:70px}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-thin{font-weight:100}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}
|
9
|
+
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.before{position:relative;overflow:hidden}.before img{position:absolute}.upload-wrapper[data-v-08babff9]{max-width:500px}.file-list[data-v-08babff9]{max-height:300px;overflow-y:auto}.gp-dsigner[data-v-377db25c]{font-family:微软雅黑}.resize-area[data-v-377db25c]{transition:width .1s ease}.resizer[data-v-377db25c]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--gp-designer-theme-color: #3574e6}.gp-designer-theme-text,.gp-designer-theme-icon{color:var(--gp-designer-theme-color)}.gp-designer-theme-button{background-color:var(--gp-designer-theme-color)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-\[99999\]{z-index:99999}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[40px\]{height:40px}.h-full{height:100%}.max-h-\[500px\]{max-height:500px}.w-12{width:3rem}.w-5{width:1.25rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#DEDEDE\]{--tw-border-opacity: 1;border-color:rgb(222 222 222 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-\[\#474AFF\]{--tw-bg-opacity: 1;background-color:rgb(71 74 255 / var(--tw-bg-opacity))}.bg-\[\#f4f8ff\]{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-500\/80{background-color:#3b82f6cc}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-green-500\/80{background-color:#22c55ecc}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-500\/80{background-color:#ef4444cc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pr-\[70px\]{padding-right:70px}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-thin{font-weight:100}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}
|