@salla.sa/twilight-components 2.14.392 → 2.14.393

package/dist/components/filepond-plugin-image-preview.js

@@ -1,2244 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
-
-function _mergeNamespaces(n, m) {
-  m.forEach(function (e) {
-    e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
-      if (k !== 'default' && !(k in n)) {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  });
-  return Object.freeze(n);
-}
-
-var filepondPluginImagePreview$3 = {exports: {}};
-
+import{g as t}from"./_commonjsHelpers.js";function n(t,n){return n.forEach((function(n){n&&"string"!=typeof n&&!Array.isArray(n)&&Object.keys(n).forEach((function(i){if("default"!==i&&!(i in t)){var r=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:function(){return n[i]}})}}))})),Object.freeze(t)}var i,r={exports:{}},e=(i||(i=1,r.exports=function(){function t(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){var i=[],r=!0,e=!1,a=void 0;try{for(var o,u=t[Symbol.iterator]();!(r=(o=u.next()).done)&&(i.push(o.value),i.length!==n);r=!0);}catch(t){e=!0,a=t}finally{try{r||null==u.return||u.return()}finally{if(e)throw a}}return i}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var n=function(t,n){return e(t.x*n,t.y*n)},i=function(t,n){return e(t.x+n.x,t.y+n.y)},r=function(t,n,i){var r=Math.cos(n),a=Math.sin(n),o=e(t.x-i.x,t.y-i.y);return e(i.x+r*o.x-a*o.y,i.y+a*o.x+r*o.y)},e=function(){return{x:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,y:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0}},a=function(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>3?arguments[3]:void 0;return"string"==typeof t?parseFloat(t)*i:"number"==typeof t?t*(r?n[r]:Math.min(n.width,n.height)):void 0},o=function(t){return null!=t},u=function(t,n){return Object.keys(n).forEach((function(i){return t.setAttribute(i,n[i])}))},c=function(t,n){var i=document.createElementNS("http://www.w3.org/2000/svg",t);return n&&u(i,n),i},f={contain:"xMidYMid meet",cover:"xMidYMid slice"},E={left:"start",center:"middle",right:"end"},_=function(t){return function(n){return c(t,{id:n.id})}},s={image:function(t){var n=c("image",{id:t.id,"stroke-linecap":"round","stroke-linejoin":"round",opacity:"0"});return n.onload=function(){n.setAttribute("opacity",t.opacity||1)},n.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",t.src),n},rect:_("rect"),ellipse:_("ellipse"),text:_("text"),path:_("path"),line:function(t){var n=c("g",{id:t.id,"stroke-linecap":"round","stroke-linejoin":"round"}),i=c("line");n.appendChild(i);var r=c("path");n.appendChild(r);var e=c("path");return n.appendChild(e),n}},l={rect:function(t){return u(t,Object.assign({},t.rect,t.styles))},ellipse:function(t){return u(t,Object.assign({cx:t.rect.x+.5*t.rect.width,cy:t.rect.y+.5*t.rect.height,rx:.5*t.rect.width,ry:.5*t.rect.height},t.styles))},image:function(t,n){u(t,Object.assign({},t.rect,t.styles,{preserveAspectRatio:f[n.fit]||"none"}))},text:function(t,n,i,r){var e=a(n.fontSize,i,r);u(t,Object.assign({},t.rect,t.styles,{"stroke-width":0,"font-weight":n.fontWeight||"normal","font-size":e,"font-family":n.fontFamily||"sans-serif","text-anchor":E[n.textAlign]||"start"})),t.text!==n.text&&(t.text=n.text,t.textContent=n.text.length?n.text:" ")},path:function(t,n,i,r){var e;u(t,Object.assign({},t.styles,{fill:"none",d:(e=n.points.map((function(t){return{x:a(t.x,i,r,"width"),y:a(t.y,i,r,"height")}})),e.map((function(t,n){return"".concat(0===n?"M":"L"," ").concat(t.x," ").concat(t.y)})).join(" "))}))},line:function(t,o,c,f){u(t,Object.assign({},t.rect,t.styles,{fill:"none"}));var E=t.childNodes[1],_=t.childNodes[2],s=t.rect,l={x:t.rect.x+t.rect.width,y:t.rect.y+t.rect.height};if(u(t.childNodes[0],{x1:s.x,y1:s.y,x2:l.x,y2:l.y}),o.lineDecoration){E.style.display="none",_.style.display="none";var v=function(t){var n=Math.sqrt(t.x*t.x+t.y*t.y);return 0===n?{x:0,y:0}:e(t.x/n,t.y/n)}({x:l.x-s.x,y:l.y-s.y}),h=a(.05,c,f);if(-1!==o.lineDecoration.indexOf("arrow-begin")){var I=n(v,h),d=i(s,I),p=r(s,2,d),M=r(s,-2,d);u(E,{style:"display:block;",d:"M".concat(p.x,",").concat(p.y," L").concat(s.x,",").concat(s.y," L").concat(M.x,",").concat(M.y)})}if(-1!==o.lineDecoration.indexOf("arrow-end")){var g=n(v,-h),m=i(l,g),T=r(l,2,m),A=r(l,-2,m);u(_,{style:"display:block;",d:"M".concat(T.x,",").concat(T.y," L").concat(l.x,",").concat(l.y," L").concat(A.x,",").concat(A.y)})}}}},v=function(t,n,i,r,e){"path"!==n&&(t.rect=function(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=a(t.x,n,i,"width")||a(t.left,n,i,"width"),e=a(t.y,n,i,"height")||a(t.top,n,i,"height"),u=a(t.width,n,i,"width"),c=a(t.height,n,i,"height"),f=a(t.right,n,i,"width"),E=a(t.bottom,n,i,"height");return o(e)||(e=o(c)&&o(E)?n.height-c-E:E),o(r)||(r=o(u)&&o(f)?n.width-u-f:f),o(u)||(u=o(r)&&o(f)?n.width-r-f:0),o(c)||(c=o(e)&&o(E)?n.height-e-E:0),{x:r||0,y:e||0,width:u||0,height:c||0}}(i,r,e)),t.styles=function(t,n,i){var r=t.borderStyle||t.lineStyle||"solid",e=t.backgroundColor||t.fontColor||"transparent",o=t.borderColor||t.lineColor||"transparent",u=a(t.borderWidth||t.lineWidth,n,i);return{"stroke-linecap":t.lineCap||"round","stroke-linejoin":t.lineJoin||"round","stroke-width":u||0,"stroke-dasharray":"string"==typeof r?"":r.map((function(t){return a(t,n,i)})).join(","),stroke:o,fill:e,opacity:t.opacity||1}}(i,r,e),l[n](t,i,r,e)},h=["x","y","left","top","right","bottom","width","height"],I=function(n){var i=t(n,2),r=i[0],e=i[1],a=e.points?{}:h.reduce((function(t,n){return t[n]="string"==typeof(i=e[n])&&/%/.test(i)?parseFloat(i)/100:i,t;var i}),{});return[r,Object.assign({zIndex:0},e,a)]},d=function(t,n){return t[1].zIndex>n[1].zIndex?1:t[1].zIndex<n[1].zIndex?-1:0},p=function(n){return n.utils.createView({name:"image-preview-markup",tag:"svg",ignoreRect:!0,mixins:{apis:["width","height","crop","markup","resize","dirty"]},write:function(n){var i=n.root,r=n.props;if(r.dirty){var e=r.crop,a=r.resize,o=r.markup,u=r.width,c=r.height,f=e.width,E=e.height;if(a){var _=a.size,l=_&&_.width,h=_&&_.height,p=a.mode;l&&!h&&(h=l),h&&!l&&(l=h);var M=f<l&&E<h;if(!M||M&&a.upscale){var g,m=l/f,T=h/E;"force"===p?(f=l,E=h):("cover"===p?g=Math.max(m,T):"contain"===p&&(g=Math.min(m,T)),f*=g,E*=g)}}var A={width:u,height:c};i.element.setAttribute("width",A.width),i.element.setAttribute("height",A.height);var w=Math.min(u/f,c/E);i.element.innerHTML="";var R=i.query("GET_IMAGE_PREVIEW_MARKUP_FILTER");o.filter(R).map(I).sort(d).forEach((function(n){var r=t(n,2),e=r[0],a=r[1],o=function(t,n){return s[t](n)}(e,a);v(o,e,a,A,w),i.element.appendChild(o)}))}}})},M=function(t,n){return{x:t,y:n}},g=function(t,n){return M(t.x-n.x,t.y-n.y)},m=function(t,n){return Math.sqrt(function(t,n){return function(t,n){return t.x*n.x+t.y*n.y}(g(t,n),g(t,n))}(t,n))},T=function(t,n){var i=t,r=n,e=1.5707963267948966-n,a=Math.sin(1.5707963267948966),o=Math.sin(r),u=Math.sin(e),c=Math.cos(e),f=i/a;return M(c*(f*o),c*(f*u))},A=function(t,n,i,r){var e=2*(r.x>.5?1-r.x:r.x)*t.width,a=2*(r.y>.5?1-r.y:r.y)*t.height,o=function(t,n){var i=t.height,r=T(t.width,n),e=T(i,n),a=M(t.x+Math.abs(r.x),t.y-Math.abs(r.y)),o=M(t.x+t.width+Math.abs(e.y),t.y+Math.abs(e.x)),u=M(t.x-Math.abs(e.y),t.y+t.height-Math.abs(e.x));return{width:m(a,o),height:m(a,u)}}(n,i);return Math.max(o.width/e,o.height/a)},w=function(t,n){var i=t.width,r=i*n;return r>t.height&&(i=(r=t.height)/n),{x:.5*(t.width-i),y:.5*(t.height-r),width:i,height:r}},R=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=n.zoom,r=n.rotation,e=n.center,a=n.aspectRatio;a||(a=t.height/t.width);var o=function(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=t.height/t.width,e=1,a=r;a>n&&(e=(a=n)/r);var o=Math.max(1/e,n/a),u=t.width/(i*o*e);return{width:u,height:u*n}}(t,a,i),u=void 0===n.scaleToFit||n.scaleToFit,c=i*A(t,w({width:o.width,height:o.height},a),r,u?e:{x:.5,y:.5});return{widthFloat:o.width/c,heightFloat:o.height/c,width:Math.round(o.width/c),height:Math.round(o.height/c)}},y={type:"spring",stiffness:.5,damping:.45,mass:10},G=function(t){return t.utils.createView({name:"image-clip",tag:"div",ignoreRect:!0,mixins:{apis:["crop","markup","resize","width","height","dirty","background"],styles:["width","height","opacity"],animations:{opacity:{type:"tween",duration:250}}},didWriteView:function(t){var n=t.props;n.background&&(t.root.element.style.backgroundColor=n.background)},create:function(n){var i=n.root,r=n.props;i.ref.image=i.appendChildView(i.createChildView(function(t){return t.utils.createView({name:"image-canvas-wrapper",tag:"div",ignoreRect:!0,mixins:{apis:["crop","width","height"],styles:["originX","originY","translateX","translateY","scaleX","scaleY","rotateZ"],animations:{originX:y,originY:y,scaleX:y,scaleY:y,translateX:y,translateY:y,rotateZ:y}},create:function(n){var i=n.root,r=n.props;r.width=r.image.width,r.height=r.image.height,i.ref.bitmap=i.appendChildView(i.createChildView(function(t){return t.utils.createView({name:"image-bitmap",ignoreRect:!0,mixins:{styles:["scaleX","scaleY"]},create:function(t){t.root.appendChild(t.props.image)}})}(t),{image:r.image}))},write:function(t){var n=t.props.crop.flip,i=t.root.ref.bitmap;i.scaleX=n.horizontal?-1:1,i.scaleY=n.vertical?-1:1}})}(t),Object.assign({},r))),i.ref.createMarkup=function(){i.ref.markup||(i.ref.markup=i.appendChildView(i.createChildView(p(t),Object.assign({},r))))},i.ref.destroyMarkup=function(){i.ref.markup&&(i.removeChildView(i.ref.markup),i.ref.markup=null)};var e=i.query("GET_IMAGE_PREVIEW_TRANSPARENCY_INDICATOR");null!==e&&(i.element.dataset.transparencyIndicator="grid"===e?e:"color")},write:function(t){var n=t.root,i=t.props,r=t.shouldOptimize,e=i.crop,a=i.markup,o=i.resize,u=i.dirty,c=i.width,f=i.height;n.ref.image.crop=e;var E={width:c,height:f,center:{x:.5*c,y:.5*f}},_={width:n.ref.image.width,height:n.ref.image.height},s={x:e.center.x*_.width,y:e.center.y*_.height},l={x:E.center.x-_.width*e.center.x,y:E.center.y-_.height*e.center.y},v=2*Math.PI+e.rotation%(2*Math.PI),h=void 0===e.scaleToFit||e.scaleToFit,I=A(_,w(E,e.aspectRatio||_.height/_.width),v,h?e.center:{x:.5,y:.5}),d=e.zoom*I;a&&a.length?(n.ref.createMarkup(),n.ref.markup.width=c,n.ref.markup.height=f,n.ref.markup.resize=o,n.ref.markup.dirty=u,n.ref.markup.markup=a,n.ref.markup.crop=R(_,e)):n.ref.markup&&n.ref.destroyMarkup();var p=n.ref.image;if(r)return p.originX=null,p.originY=null,p.translateX=null,p.translateY=null,p.rotateZ=null,p.scaleX=null,void(p.scaleY=null);p.originX=s.x,p.originY=s.y,p.translateX=l.x,p.translateY=l.y,p.rotateZ=v,p.scaleX=d,p.scaleY=d}})},P=0,D=function(){self.onmessage=function(t){createImageBitmap(t.data.message.file).then((function(n){self.postMessage({id:t.data.id,message:n},[n])}))}},O=function(){self.onmessage=function(t){for(var n=t.data.message.imageData,i=t.data.message.colorMatrix,r=n.data,e=r.length,a=i[0],o=i[1],u=i[2],c=i[3],f=i[4],E=i[5],_=i[6],s=i[7],l=i[8],v=i[9],h=i[10],I=i[11],d=i[12],p=i[13],M=i[14],g=i[15],m=i[16],T=i[17],A=i[18],w=i[19],R=0,y=0,G=0,P=0,D=0;R<e;R+=4)y=r[R]/255,G=r[R+1]/255,P=r[R+2]/255,D=r[R+3]/255,r[R]=Math.max(0,Math.min(255*(y*a+G*o+P*u+D*c+f),255)),r[R+1]=Math.max(0,Math.min(255*(y*E+G*_+P*s+D*l+v),255)),r[R+2]=Math.max(0,Math.min(255*(y*h+G*I+P*d+D*p+M),255)),r[R+3]=Math.max(0,Math.min(255*(y*g+G*m+P*T+D*A+w),255));self.postMessage({id:t.data.id,message:n},[n.data.buffer])}},x={1:function(){return[1,0,0,1,0,0]},2:function(t){return[-1,0,0,1,t,0]},3:function(t,n){return[-1,0,0,-1,t,n]},4:function(t,n){return[1,0,0,-1,0,n]},5:function(){return[0,1,1,0,0,0]},6:function(t,n){return[0,1,-1,0,n,0]},7:function(t,n){return[0,-1,-1,0,n,t]},8:function(t){return[0,-1,1,0,0,t]}},L=function(t,n,i,r){n=Math.round(n),i=Math.round(i);var e=document.createElement("canvas");e.width=n,e.height=i;var a=e.getContext("2d");if(r>=5&&r<=8){var o=[i,n];n=o[0],i=o[1]}return function(t,n,i,r){-1!==r&&t.transform.apply(t,x[r](n,i))}(a,n,i,r),a.drawImage(t,0,0,n,i),e},C=function(t){return/^image/.test(t.type)&&!/svg/.test(t.type)},W=function(t){var n=Math.min(10/t.width,10/t.height),i=document.createElement("canvas"),r=i.getContext("2d"),e=i.width=Math.ceil(t.width*n),a=i.height=Math.ceil(t.height*n);r.drawImage(t,0,0,e,a);var o=null;try{o=r.getImageData(0,0,e,a).data}catch(t){return null}for(var u=o.length,c=0,f=0,E=0,_=0;_<u;_+=4)c+=o[_]*o[_],f+=o[_+1]*o[_+1],E+=o[_+2]*o[_+2];return{r:c=S(c,u),g:f=S(f,u),b:E=S(E,u)}},S=function(t,n){return Math.floor(Math.sqrt(t/(n/4)))},k=function(t){var n=t.utils.createView({name:"image-preview-overlay",tag:"div",ignoreRect:!0,create:function(t){var n=t.root,i=t.props,r='<svg width="500" height="200" viewBox="0 0 500 200" preserveAspectRatio="none">\n    <defs>\n        <radialGradient id="gradient-__UID__" cx=".5" cy="1.25" r="1.15">\n            <stop offset=\'50%\' stop-color=\'#000000\'/>\n            <stop offset=\'56%\' stop-color=\'#0a0a0a\'/>\n            <stop offset=\'63%\' stop-color=\'#262626\'/>\n            <stop offset=\'69%\' stop-color=\'#4f4f4f\'/>\n            <stop offset=\'75%\' stop-color=\'#808080\'/>\n            <stop offset=\'81%\' stop-color=\'#b1b1b1\'/>\n            <stop offset=\'88%\' stop-color=\'#dadada\'/>\n            <stop offset=\'94%\' stop-color=\'#f6f6f6\'/>\n            <stop offset=\'100%\' stop-color=\'#ffffff\'/>\n        </radialGradient>\n        <mask id="mask-__UID__">\n            <rect x="0" y="0" width="500" height="200" fill="url(#gradient-__UID__)"></rect>\n        </mask>\n    </defs>\n    <rect x="0" width="500" height="200" fill="currentColor" mask="url(#mask-__UID__)"></rect>\n</svg>';if(document.querySelector("base")){var e=new URL(window.location.href.replace(window.location.hash,"")).href;r=r.replace(/url\(\#/g,"url("+e+"#")}P++,n.element.classList.add("filepond--image-preview-overlay-".concat(i.status)),n.element.innerHTML=r.replace(/__UID__/g,P)},mixins:{styles:["opacity"],animations:{opacity:{type:"spring",mass:25}}}}),i=function(t){return t.utils.createView({name:"image-preview",tag:"div",ignoreRect:!0,mixins:{apis:["image","crop","markup","resize","dirty","background"],styles:["translateY","scaleX","scaleY","opacity"],animations:{scaleX:y,scaleY:y,translateY:y,opacity:{type:"tween",duration:400}}},create:function(n){var i=n.root,r=n.props;i.ref.clip=i.appendChildView(i.createChildView(G(t),{id:r.id,image:r.image,crop:r.crop,markup:r.markup,resize:r.resize,dirty:r.dirty,background:r.background}))},write:function(t){var n=t.root,i=t.props,r=t.shouldOptimize,e=n.ref.clip,a=i.image,o=i.crop,u=i.markup,c=i.resize,f=i.dirty;if(e.crop=o,e.markup=u,e.resize=c,e.dirty=f,e.opacity=r?0:1,!r&&!n.rect.element.hidden){var E=o.aspectRatio||a.height/a.width,_=n.rect.inner.width,s=n.rect.inner.height,l=n.query("GET_IMAGE_PREVIEW_HEIGHT"),v=n.query("GET_IMAGE_PREVIEW_MIN_HEIGHT"),h=n.query("GET_IMAGE_PREVIEW_MAX_HEIGHT"),I=n.query("GET_PANEL_ASPECT_RATIO"),d=n.query("GET_ALLOW_MULTIPLE");I&&!d&&(l=_*I,E=I);var p=null!==l?l:Math.max(v,Math.min(_*E,h)),M=p/E;M>_&&(p=(M=_)*E),p>s&&(p=s,M=s/E),e.width=M,e.height=p}}})}(t),r=t.utils.createWorker,e=function(t,n,i){return new Promise((function(e){t.ref.imageData||(t.ref.imageData=i.getContext("2d").getImageData(0,0,i.width,i.height));var a=function(t){var n;try{n=new ImageData(t.width,t.height)}catch(i){n=document.createElement("canvas").getContext("2d").createImageData(t.width,t.height)}return n.data.set(new Uint8ClampedArray(t.data)),n}(t.ref.imageData);if(!n||20!==n.length)return i.getContext("2d").putImageData(a,0,0),e();var o=r(O);o.post({imageData:a,colorMatrix:n},(function(t){i.getContext("2d").putImageData(t,0,0),o.terminate(),e()}),[a.data.buffer])}))},a=function(t){var n=t.root,r=t.image,e=t.props.id,a=n.query("GET_ITEM",{id:e});if(a){var o,u,c=a.getMetadata("crop")||{center:{x:.5,y:.5},flip:{horizontal:!1,vertical:!1},zoom:1,rotation:0,aspectRatio:null},f=n.query("GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR"),E=!1;n.query("GET_IMAGE_PREVIEW_MARKUP_SHOW")&&(o=a.getMetadata("markup")||[],u=a.getMetadata("resize"),E=!0);var _=n.appendChildView(n.createChildView(i,{id:e,image:r,crop:c,resize:u,markup:o,dirty:E,background:f,opacity:0,scaleX:1.15,scaleY:1.15,translateY:15}),n.childViews.length);n.ref.images.push(_),_.opacity=1,_.scaleX=1,_.scaleY=1,_.translateY=0,setTimeout((function(){n.dispatch("DID_IMAGE_PREVIEW_SHOW",{id:e})}),250)}},o=function(t){var n=t.root;n.ref.overlayShadow.opacity=1,n.ref.overlayError.opacity=0,n.ref.overlaySuccess.opacity=0},u=function(t){var n=t.root;n.ref.overlayShadow.opacity=.25,n.ref.overlayError.opacity=1};return t.utils.createView({name:"image-preview-wrapper",create:function(t){var i=t.root;i.ref.images=[],i.ref.imageData=null,i.ref.imageViewBin=[],i.ref.overlayShadow=i.appendChildView(i.createChildView(n,{opacity:0,status:"idle"})),i.ref.overlaySuccess=i.appendChildView(i.createChildView(n,{opacity:0,status:"success"})),i.ref.overlayError=i.appendChildView(i.createChildView(n,{opacity:0,status:"failure"}))},styles:["height"],apis:["height"],destroy:function(t){t.root.ref.images.forEach((function(t){t.image.width=1,t.image.height=1}))},didWriteView:function(t){t.root.ref.images.forEach((function(t){t.dirty=!1}))},write:t.utils.createRoute({DID_IMAGE_PREVIEW_DRAW:function(t){var n=t.root,i=n.ref.images[n.ref.images.length-1];i.translateY=0,i.scaleX=1,i.scaleY=1,i.opacity=1},DID_IMAGE_PREVIEW_CONTAINER_CREATE:function(t){var n,i,r,e=t.root,a=t.props.id,o=e.query("GET_ITEM",a);if(o){var u=URL.createObjectURL(o.file);n=u,i=function(t,n){e.dispatch("DID_IMAGE_PREVIEW_CALCULATE_SIZE",{id:a,width:t,height:n})},(r=new Image).onload=function(){var t=r.naturalWidth,n=r.naturalHeight;r=null,i(t,n)},r.src=n}},DID_FINISH_CALCULATE_PREVIEWSIZE:function(t){var n,i,o,u=t.root,c=t.props,f=u.query("GET_ITEM",c.id);if(f){var E=URL.createObjectURL(f.file),_=function(){var t;(t=E,new Promise((function(n,i){var r=new Image;r.crossOrigin="Anonymous",r.onload=function(){n(r)},r.onerror=function(t){i(t)},r.src=t}))).then(s)},s=function(t){URL.revokeObjectURL(E);var n=(f.getMetadata("exif")||{}).orientation||-1,i=t.width,r=t.height;if(i&&r){if(n>=5&&n<=8){var o=[r,i];i=o[0],r=o[1]}var _=Math.max(1,.75*window.devicePixelRatio),s=u.query("GET_IMAGE_PREVIEW_ZOOM_FACTOR")*_,l=r/i,v=u.rect.element.width,h=u.rect.element.height,I=v,d=I*l;l>1?d=(I=Math.min(i,v*s))*l:I=(d=Math.min(r,h*s))/l;var p=L(t,I,d,n),M=function(){var n=u.query("GET_IMAGE_PREVIEW_CALCULATE_AVERAGE_IMAGE_COLOR")?W(data):null;f.setMetadata("color",n,!0),"close"in t&&t.close(),u.ref.overlayShadow.opacity=1,a({root:u,props:c,image:p})},g=f.getMetadata("filter");g?e(u,g,p).then(M):M()}};if(n=f.file,i=window.navigator.userAgent.match(/Firefox\/([0-9]+)\./),null!==(o=i?parseInt(i[1]):null)&&o<=58||!("createImageBitmap"in window)||!C(n))_();else{var l=r(D);l.post({file:f.file},(function(t){l.terminate(),t?s(t):_()}))}}},DID_UPDATE_ITEM_METADATA:function(t){var n,i,r=t.root,o=t.props,u=t.action;if(/crop|filter|markup|resize/.test(u.change.key)&&r.ref.images.length){var c=r.query("GET_ITEM",{id:o.id});if(c)if(/filter/.test(u.change.key))e(r,u.change.value,r.ref.images[r.ref.images.length-1].image);else if(/crop|markup|resize/.test(u.change.key)){var f=c.getMetadata("crop"),E=r.ref.images[r.ref.images.length-1];if(f&&f.aspectRatio&&E.crop&&E.crop.aspectRatio&&Math.abs(f.aspectRatio-E.crop.aspectRatio)>1e-5){var _=function(t){var n=t.root,i=n.ref.images.shift();return i.opacity=0,i.translateY=-15,n.ref.imageViewBin.push(i),i}({root:r});a({root:r,props:o,image:(n=_.image,(i=i||document.createElement("canvas")).width=n.width,i.height=n.height,i.getContext("2d").drawImage(n,0,0),i)})}else!function(t){var n=t.root,i=n.query("GET_ITEM",{id:t.props.id});if(i){var r=n.ref.images[n.ref.images.length-1];r.crop=i.getMetadata("crop"),r.background=n.query("GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR"),n.query("GET_IMAGE_PREVIEW_MARKUP_SHOW")&&(r.dirty=!0,r.resize=i.getMetadata("resize"),r.markup=i.getMetadata("markup"))}}({root:r,props:o})}}},DID_THROW_ITEM_LOAD_ERROR:u,DID_THROW_ITEM_PROCESSING_ERROR:u,DID_THROW_ITEM_INVALID:u,DID_COMPLETE_ITEM_PROCESSING:function(t){var n=t.root;n.ref.overlayShadow.opacity=.25,n.ref.overlaySuccess.opacity=1},DID_START_ITEM_PROCESSING:o,DID_REVERT_ITEM_PROCESSING:o},(function(t){var n=t.root,i=n.ref.imageViewBin.filter((function(t){return 0===t.opacity}));n.ref.imageViewBin=n.ref.imageViewBin.filter((function(t){return t.opacity>0})),i.forEach((function(t){return function(t,n){t.removeChildView(n),n.image.width=1,n.image.height=1,n._destroy()}(n,t)})),i.length=0}))})},V=function(t){var n=t.addFilter,i=t.utils,r=i.Type,e=i.createRoute,a=i.isFile,o=k(t);return n("CREATE_VIEW",(function(t){var n=t.view,i=t.query;if((0,t.is)("file")&&i("GET_ALLOW_IMAGE_PREVIEW")){var r=function(t){t.root.ref.shouldRescale=!0};n.registerWriter(e({DID_RESIZE_ROOT:r,DID_STOP_RESIZE:r,DID_LOAD_ITEM:function(t){var r=t.root,e=t.props.id,u=i("GET_ITEM",e);if(u&&a(u.file)&&!u.archived){var c=u.file;if(function(t){return/^image/.test(t.type)}(c)&&i("GET_IMAGE_PREVIEW_FILTER_ITEM")(u)){var f="createImageBitmap"in(window||{}),E=i("GET_IMAGE_PREVIEW_MAX_FILE_SIZE");if(!(!f&&E&&c.size>E)){r.ref.imagePreview=n.appendChildView(n.createChildView(o,{id:e}));var _=r.query("GET_IMAGE_PREVIEW_HEIGHT");_&&r.dispatch("DID_UPDATE_PANEL_HEIGHT",{id:u.id,height:_});var s=!f&&c.size>i("GET_IMAGE_PREVIEW_MAX_INSTANT_PREVIEW_FILE_SIZE");r.dispatch("DID_IMAGE_PREVIEW_CONTAINER_CREATE",{id:e},s)}}}},DID_IMAGE_PREVIEW_CALCULATE_SIZE:function(t){var n=t.root,i=t.action;n.ref.imageWidth=i.width,n.ref.imageHeight=i.height,n.ref.shouldRescale=!0,n.ref.shouldDrawPreview=!0,n.dispatch("KICK")},DID_UPDATE_ITEM_METADATA:function(t){"crop"===t.action.change.key&&(t.root.ref.shouldRescale=!0)}},(function(t){var n=t.root,i=t.props;n.ref.imagePreview&&(n.rect.element.hidden||(n.ref.shouldRescale&&(function(t,n){if(t.ref.imagePreview){var i=t.query("GET_ITEM",{id:n.id});if(i){var r=t.query("GET_PANEL_ASPECT_RATIO"),e=t.query("GET_ITEM_PANEL_ASPECT_RATIO"),a=t.query("GET_IMAGE_PREVIEW_HEIGHT");if(!(r||e||a)){var o=t.ref,u=o.imageWidth,c=o.imageHeight;if(u&&c){var f=t.query("GET_IMAGE_PREVIEW_MIN_HEIGHT"),E=t.query("GET_IMAGE_PREVIEW_MAX_HEIGHT"),_=(i.getMetadata("exif")||{}).orientation||-1;if(_>=5&&_<=8){var s=[c,u];u=s[0],c=s[1]}if(!C(i.file)||t.query("GET_IMAGE_PREVIEW_UPSCALE")){var l=2048/u;u*=l,c*=l}var v=c/u,h=(i.getMetadata("crop")||{}).aspectRatio||v,I=Math.max(f,Math.min(c,E)),d=Math.min(t.rect.element.width*h,I);t.dispatch("DID_UPDATE_PANEL_HEIGHT",{id:i.id,height:d})}}}}}(n,i),n.ref.shouldRescale=!1),n.ref.shouldDrawPreview&&(requestAnimationFrame((function(){requestAnimationFrame((function(){n.dispatch("DID_FINISH_CALCULATE_PREVIEWSIZE",{id:i.id})}))})),n.ref.shouldDrawPreview=!1)))})))}})),{options:{allowImagePreview:[!0,r.BOOLEAN],imagePreviewFilterItem:[function(){return!0},r.FUNCTION],imagePreviewHeight:[null,r.INT],imagePreviewMinHeight:[44,r.INT],imagePreviewMaxHeight:[256,r.INT],imagePreviewMaxFileSize:[null,r.INT],imagePreviewZoomFactor:[2,r.INT],imagePreviewUpscale:[!1,r.BOOLEAN],imagePreviewMaxInstantPreviewFileSize:[1e6,r.INT],imagePreviewTransparencyIndicator:[null,r.STRING],imagePreviewCalculateAverageImageColor:[!1,r.BOOLEAN],imagePreviewMarkupShow:[!0,r.BOOLEAN],imagePreviewMarkupFilter:[function(){return!0},r.FUNCTION]}}};return"undefined"!=typeof window&&void 0!==window.document&&document.dispatchEvent(new CustomEvent("FilePond:pluginloaded",{detail:V})),V}()),r.exports),a=n({__proto__:null,default:t(e)},[e]);
 /*!
  * FilePondPluginImagePreview 4.6.12
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
- */
-var filepondPluginImagePreview$2 = filepondPluginImagePreview$3.exports;
-
-var hasRequiredFilepondPluginImagePreview;
-
-function requireFilepondPluginImagePreview () {
-	if (hasRequiredFilepondPluginImagePreview) return filepondPluginImagePreview$3.exports;
-	hasRequiredFilepondPluginImagePreview = 1;
-	(function (module, exports) {
-		/* eslint-disable */
-
-		(function(global, factory) {
-		  (module.exports = factory())
-		    ;
-		})(filepondPluginImagePreview$2, function() {
-
-		  // test if file is of type image and can be viewed in canvas
-		  var isPreviewableImage = function isPreviewableImage(file) {
-		    return /^image/.test(file.type);
-		  };
-
-		  function _slicedToArray(arr, i) {
-		    return (
-		      _arrayWithHoles(arr) ||
-		      _iterableToArrayLimit(arr, i) ||
-		      _nonIterableRest()
-		    );
-		  }
-
-		  function _arrayWithHoles(arr) {
-		    if (Array.isArray(arr)) return arr;
-		  }
-
-		  function _iterableToArrayLimit(arr, i) {
-		    var _arr = [];
-		    var _n = true;
-		    var _d = false;
-		    var _e = undefined;
-
-		    try {
-		      for (
-		        var _i = arr[Symbol.iterator](), _s;
-		        !(_n = (_s = _i.next()).done);
-		        _n = true
-		      ) {
-		        _arr.push(_s.value);
-
-		        if (_arr.length === i) break;
-		      }
-		    } catch (err) {
-		      _d = true;
-		      _e = err;
-		    } finally {
-		      try {
-		        if (!_n && _i['return'] != null) _i['return']();
-		      } finally {
-		        if (_d) throw _e;
-		      }
-		    }
-
-		    return _arr;
-		  }
-
-		  function _nonIterableRest() {
-		    throw new TypeError('Invalid attempt to destructure non-iterable instance');
-		  }
-
-		  var vectorMultiply = function vectorMultiply(v, amount) {
-		    return createVector(v.x * amount, v.y * amount);
-		  };
-
-		  var vectorAdd = function vectorAdd(a, b) {
-		    return createVector(a.x + b.x, a.y + b.y);
-		  };
-
-		  var vectorNormalize = function vectorNormalize(v) {
-		    var l = Math.sqrt(v.x * v.x + v.y * v.y);
-		    if (l === 0) {
-		      return {
-		        x: 0,
-		        y: 0
-		      };
-		    }
-		    return createVector(v.x / l, v.y / l);
-		  };
-
-		  var vectorRotate = function vectorRotate(v, radians, origin) {
-		    var cos = Math.cos(radians);
-		    var sin = Math.sin(radians);
-		    var t = createVector(v.x - origin.x, v.y - origin.y);
-		    return createVector(
-		      origin.x + cos * t.x - sin * t.y,
-		      origin.y + sin * t.x + cos * t.y
-		    );
-		  };
-
-		  var createVector = function createVector() {
-		    var x =
-		      arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-		    var y =
-		      arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-		    return { x: x, y: y };
-		  };
-
-		  var getMarkupValue = function getMarkupValue(value, size) {
-		    var scalar =
-		      arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-		    var axis = arguments.length > 3 ? arguments[3] : undefined;
-		    if (typeof value === 'string') {
-		      return parseFloat(value) * scalar;
-		    }
-		    if (typeof value === 'number') {
-		      return value * (axis ? size[axis] : Math.min(size.width, size.height));
-		    }
-		    return;
-		  };
-
-		  var getMarkupStyles = function getMarkupStyles(markup, size, scale) {
-		    var lineStyle = markup.borderStyle || markup.lineStyle || 'solid';
-		    var fill = markup.backgroundColor || markup.fontColor || 'transparent';
-		    var stroke = markup.borderColor || markup.lineColor || 'transparent';
-		    var strokeWidth = getMarkupValue(
-		      markup.borderWidth || markup.lineWidth,
-		      size,
-		      scale
-		    );
-		    var lineCap = markup.lineCap || 'round';
-		    var lineJoin = markup.lineJoin || 'round';
-		    var dashes =
-		      typeof lineStyle === 'string'
-		        ? ''
-		        : lineStyle
-		            .map(function(v) {
-		              return getMarkupValue(v, size, scale);
-		            })
-		            .join(',');
-		    var opacity = markup.opacity || 1;
-		    return {
-		      'stroke-linecap': lineCap,
-		      'stroke-linejoin': lineJoin,
-		      'stroke-width': strokeWidth || 0,
-		      'stroke-dasharray': dashes,
-		      stroke: stroke,
-		      fill: fill,
-		      opacity: opacity
-		    };
-		  };
-
-		  var isDefined = function isDefined(value) {
-		    return value != null;
-		  };
-
-		  var getMarkupRect = function getMarkupRect(rect, size) {
-		    var scalar =
-		      arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-
-		    var left =
-		      getMarkupValue(rect.x, size, scalar, 'width') ||
-		      getMarkupValue(rect.left, size, scalar, 'width');
-		    var top =
-		      getMarkupValue(rect.y, size, scalar, 'height') ||
-		      getMarkupValue(rect.top, size, scalar, 'height');
-		    var width = getMarkupValue(rect.width, size, scalar, 'width');
-		    var height = getMarkupValue(rect.height, size, scalar, 'height');
-		    var right = getMarkupValue(rect.right, size, scalar, 'width');
-		    var bottom = getMarkupValue(rect.bottom, size, scalar, 'height');
-
-		    if (!isDefined(top)) {
-		      if (isDefined(height) && isDefined(bottom)) {
-		        top = size.height - height - bottom;
-		      } else {
-		        top = bottom;
-		      }
-		    }
-
-		    if (!isDefined(left)) {
-		      if (isDefined(width) && isDefined(right)) {
-		        left = size.width - width - right;
-		      } else {
-		        left = right;
-		      }
-		    }
-
-		    if (!isDefined(width)) {
-		      if (isDefined(left) && isDefined(right)) {
-		        width = size.width - left - right;
-		      } else {
-		        width = 0;
-		      }
-		    }
-
-		    if (!isDefined(height)) {
-		      if (isDefined(top) && isDefined(bottom)) {
-		        height = size.height - top - bottom;
-		      } else {
-		        height = 0;
-		      }
-		    }
-
-		    return {
-		      x: left || 0,
-		      y: top || 0,
-		      width: width || 0,
-		      height: height || 0
-		    };
-		  };
-
-		  var pointsToPathShape = function pointsToPathShape(points) {
-		    return points
-		      .map(function(point, index) {
-		        return ''
-		          .concat(index === 0 ? 'M' : 'L', ' ')
-		          .concat(point.x, ' ')
-		          .concat(point.y);
-		      })
-		      .join(' ');
-		  };
-
-		  var setAttributes = function setAttributes(element, attr) {
-		    return Object.keys(attr).forEach(function(key) {
-		      return element.setAttribute(key, attr[key]);
-		    });
-		  };
-
-		  var ns = 'http://www.w3.org/2000/svg';
-		  var svg = function svg(tag, attr) {
-		    var element = document.createElementNS(ns, tag);
-		    if (attr) {
-		      setAttributes(element, attr);
-		    }
-		    return element;
-		  };
-
-		  var updateRect = function updateRect(element) {
-		    return setAttributes(
-		      element,
-		      Object.assign({}, element.rect, element.styles)
-		    );
-		  };
-
-		  var updateEllipse = function updateEllipse(element) {
-		    var cx = element.rect.x + element.rect.width * 0.5;
-		    var cy = element.rect.y + element.rect.height * 0.5;
-		    var rx = element.rect.width * 0.5;
-		    var ry = element.rect.height * 0.5;
-		    return setAttributes(
-		      element,
-		      Object.assign(
-		        {
-		          cx: cx,
-		          cy: cy,
-		          rx: rx,
-		          ry: ry
-		        },
-		        element.styles
-		      )
-		    );
-		  };
-
-		  var IMAGE_FIT_STYLE = {
-		    contain: 'xMidYMid meet',
-		    cover: 'xMidYMid slice'
-		  };
-
-		  var updateImage = function updateImage(element, markup) {
-		    setAttributes(
-		      element,
-		      Object.assign({}, element.rect, element.styles, {
-		        preserveAspectRatio: IMAGE_FIT_STYLE[markup.fit] || 'none'
-		      })
-		    );
-		  };
-
-		  var TEXT_ANCHOR = {
-		    left: 'start',
-		    center: 'middle',
-		    right: 'end'
-		  };
-
-		  var updateText = function updateText(element, markup, size, scale) {
-		    var fontSize = getMarkupValue(markup.fontSize, size, scale);
-		    var fontFamily = markup.fontFamily || 'sans-serif';
-		    var fontWeight = markup.fontWeight || 'normal';
-		    var textAlign = TEXT_ANCHOR[markup.textAlign] || 'start';
-
-		    setAttributes(
-		      element,
-		      Object.assign({}, element.rect, element.styles, {
-		        'stroke-width': 0,
-		        'font-weight': fontWeight,
-		        'font-size': fontSize,
-		        'font-family': fontFamily,
-		        'text-anchor': textAlign
-		      })
-		    );
-
-		    // update text
-		    if (element.text !== markup.text) {
-		      element.text = markup.text;
-		      element.textContent = markup.text.length ? markup.text : ' ';
-		    }
-		  };
-
-		  var updateLine = function updateLine(element, markup, size, scale) {
-		    setAttributes(
-		      element,
-		      Object.assign({}, element.rect, element.styles, {
-		        fill: 'none'
-		      })
-		    );
-
-		    var line = element.childNodes[0];
-		    var begin = element.childNodes[1];
-		    var end = element.childNodes[2];
-
-		    var origin = element.rect;
-
-		    var target = {
-		      x: element.rect.x + element.rect.width,
-		      y: element.rect.y + element.rect.height
-		    };
-
-		    setAttributes(line, {
-		      x1: origin.x,
-		      y1: origin.y,
-		      x2: target.x,
-		      y2: target.y
-		    });
-
-		    if (!markup.lineDecoration) return;
-
-		    begin.style.display = 'none';
-		    end.style.display = 'none';
-
-		    var v = vectorNormalize({
-		      x: target.x - origin.x,
-		      y: target.y - origin.y
-		    });
-
-		    var l = getMarkupValue(0.05, size, scale);
-
-		    if (markup.lineDecoration.indexOf('arrow-begin') !== -1) {
-		      var arrowBeginRotationPoint = vectorMultiply(v, l);
-		      var arrowBeginCenter = vectorAdd(origin, arrowBeginRotationPoint);
-		      var arrowBeginA = vectorRotate(origin, 2, arrowBeginCenter);
-		      var arrowBeginB = vectorRotate(origin, -2, arrowBeginCenter);
-
-		      setAttributes(begin, {
-		        style: 'display:block;',
-		        d: 'M'
-		          .concat(arrowBeginA.x, ',')
-		          .concat(arrowBeginA.y, ' L')
-		          .concat(origin.x, ',')
-		          .concat(origin.y, ' L')
-		          .concat(arrowBeginB.x, ',')
-		          .concat(arrowBeginB.y)
-		      });
-		    }
-
-		    if (markup.lineDecoration.indexOf('arrow-end') !== -1) {
-		      var arrowEndRotationPoint = vectorMultiply(v, -l);
-		      var arrowEndCenter = vectorAdd(target, arrowEndRotationPoint);
-		      var arrowEndA = vectorRotate(target, 2, arrowEndCenter);
-		      var arrowEndB = vectorRotate(target, -2, arrowEndCenter);
-
-		      setAttributes(end, {
-		        style: 'display:block;',
-		        d: 'M'
-		          .concat(arrowEndA.x, ',')
-		          .concat(arrowEndA.y, ' L')
-		          .concat(target.x, ',')
-		          .concat(target.y, ' L')
-		          .concat(arrowEndB.x, ',')
-		          .concat(arrowEndB.y)
-		      });
-		    }
-		  };
-
-		  var updatePath = function updatePath(element, markup, size, scale) {
-		    setAttributes(
-		      element,
-		      Object.assign({}, element.styles, {
-		        fill: 'none',
-		        d: pointsToPathShape(
-		          markup.points.map(function(point) {
-		            return {
-		              x: getMarkupValue(point.x, size, scale, 'width'),
-		              y: getMarkupValue(point.y, size, scale, 'height')
-		            };
-		          })
-		        )
-		      })
-		    );
-		  };
-
-		  var createShape = function createShape(node) {
-		    return function(markup) {
-		      return svg(node, { id: markup.id });
-		    };
-		  };
-
-		  var createImage = function createImage(markup) {
-		    var shape = svg('image', {
-		      id: markup.id,
-		      'stroke-linecap': 'round',
-		      'stroke-linejoin': 'round',
-		      opacity: '0'
-		    });
-
-		    shape.onload = function() {
-		      shape.setAttribute('opacity', markup.opacity || 1);
-		    };
-		    shape.setAttributeNS(
-		      'http://www.w3.org/1999/xlink',
-		      'xlink:href',
-		      markup.src
-		    );
-		    return shape;
-		  };
-
-		  var createLine = function createLine(markup) {
-		    var shape = svg('g', {
-		      id: markup.id,
-		      'stroke-linecap': 'round',
-		      'stroke-linejoin': 'round'
-		    });
-
-		    var line = svg('line');
-		    shape.appendChild(line);
-
-		    var begin = svg('path');
-		    shape.appendChild(begin);
-
-		    var end = svg('path');
-		    shape.appendChild(end);
-
-		    return shape;
-		  };
-
-		  var CREATE_TYPE_ROUTES = {
-		    image: createImage,
-		    rect: createShape('rect'),
-		    ellipse: createShape('ellipse'),
-		    text: createShape('text'),
-		    path: createShape('path'),
-		    line: createLine
-		  };
-
-		  var UPDATE_TYPE_ROUTES = {
-		    rect: updateRect,
-		    ellipse: updateEllipse,
-		    image: updateImage,
-		    text: updateText,
-		    path: updatePath,
-		    line: updateLine
-		  };
-
-		  var createMarkupByType = function createMarkupByType(type, markup) {
-		    return CREATE_TYPE_ROUTES[type](markup);
-		  };
-
-		  var updateMarkupByType = function updateMarkupByType(
-		    element,
-		    type,
-		    markup,
-		    size,
-		    scale
-		  ) {
-		    if (type !== 'path') {
-		      element.rect = getMarkupRect(markup, size, scale);
-		    }
-		    element.styles = getMarkupStyles(markup, size, scale);
-		    UPDATE_TYPE_ROUTES[type](element, markup, size, scale);
-		  };
-
-		  var MARKUP_RECT = [
-		    'x',
-		    'y',
-		    'left',
-		    'top',
-		    'right',
-		    'bottom',
-		    'width',
-		    'height'
-		  ];
-
-		  var toOptionalFraction = function toOptionalFraction(value) {
-		    return typeof value === 'string' && /%/.test(value)
-		      ? parseFloat(value) / 100
-		      : value;
-		  };
-
-		  // adds default markup properties, clones markup
-		  var prepareMarkup = function prepareMarkup(markup) {
-		    var _markup = _slicedToArray(markup, 2),
-		      type = _markup[0],
-		      props = _markup[1];
-
-		    var rect = props.points
-		      ? {}
-		      : MARKUP_RECT.reduce(function(prev, curr) {
-		          prev[curr] = toOptionalFraction(props[curr]);
-		          return prev;
-		        }, {});
-
-		    return [
-		      type,
-		      Object.assign(
-		        {
-		          zIndex: 0
-		        },
-		        props,
-		        rect
-		      )
-		    ];
-		  };
-
-		  var sortMarkupByZIndex = function sortMarkupByZIndex(a, b) {
-		    if (a[1].zIndex > b[1].zIndex) {
-		      return 1;
-		    }
-		    if (a[1].zIndex < b[1].zIndex) {
-		      return -1;
-		    }
-		    return 0;
-		  };
-
-		  var createMarkupView = function createMarkupView(_) {
-		    return _.utils.createView({
-		      name: 'image-preview-markup',
-		      tag: 'svg',
-		      ignoreRect: true,
-		      mixins: {
-		        apis: ['width', 'height', 'crop', 'markup', 'resize', 'dirty']
-		      },
-
-		      write: function write(_ref) {
-		        var root = _ref.root,
-		          props = _ref.props;
-
-		        if (!props.dirty) return;
-		        var crop = props.crop,
-		          resize = props.resize,
-		          markup = props.markup;
-
-		        var viewWidth = props.width;
-		        var viewHeight = props.height;
-
-		        var cropWidth = crop.width;
-		        var cropHeight = crop.height;
-
-		        if (resize) {
-		          var _size = resize.size;
-
-		          var outputWidth = _size && _size.width;
-		          var outputHeight = _size && _size.height;
-		          var outputFit = resize.mode;
-		          var outputUpscale = resize.upscale;
-
-		          if (outputWidth && !outputHeight) outputHeight = outputWidth;
-		          if (outputHeight && !outputWidth) outputWidth = outputHeight;
-
-		          var shouldUpscale =
-		            cropWidth < outputWidth && cropHeight < outputHeight;
-
-		          if (!shouldUpscale || (shouldUpscale && outputUpscale)) {
-		            var scalarWidth = outputWidth / cropWidth;
-		            var scalarHeight = outputHeight / cropHeight;
-
-		            if (outputFit === 'force') {
-		              cropWidth = outputWidth;
-		              cropHeight = outputHeight;
-		            } else {
-		              var scalar;
-		              if (outputFit === 'cover') {
-		                scalar = Math.max(scalarWidth, scalarHeight);
-		              } else if (outputFit === 'contain') {
-		                scalar = Math.min(scalarWidth, scalarHeight);
-		              }
-		              cropWidth = cropWidth * scalar;
-		              cropHeight = cropHeight * scalar;
-		            }
-		          }
-		        }
-
-		        var size = {
-		          width: viewWidth,
-		          height: viewHeight
-		        };
-
-		        root.element.setAttribute('width', size.width);
-		        root.element.setAttribute('height', size.height);
-
-		        var scale = Math.min(viewWidth / cropWidth, viewHeight / cropHeight);
-
-		        // clear
-		        root.element.innerHTML = '';
-
-		        // get filter
-		        var markupFilter = root.query('GET_IMAGE_PREVIEW_MARKUP_FILTER');
-
-		        // draw new
-		        markup
-		          .filter(markupFilter)
-		          .map(prepareMarkup)
-		          .sort(sortMarkupByZIndex)
-		          .forEach(function(markup) {
-		            var _markup = _slicedToArray(markup, 2),
-		              type = _markup[0],
-		              settings = _markup[1];
-
-		            // create
-		            var element = createMarkupByType(type, settings);
-
-		            // update
-		            updateMarkupByType(element, type, settings, size, scale);
-
-		            // add
-		            root.element.appendChild(element);
-		          });
-		      }
-		    });
-		  };
-
-		  var createVector$1 = function createVector(x, y) {
-		    return { x: x, y: y };
-		  };
-
-		  var vectorDot = function vectorDot(a, b) {
-		    return a.x * b.x + a.y * b.y;
-		  };
-
-		  var vectorSubtract = function vectorSubtract(a, b) {
-		    return createVector$1(a.x - b.x, a.y - b.y);
-		  };
-
-		  var vectorDistanceSquared = function vectorDistanceSquared(a, b) {
-		    return vectorDot(vectorSubtract(a, b), vectorSubtract(a, b));
-		  };
-
-		  var vectorDistance = function vectorDistance(a, b) {
-		    return Math.sqrt(vectorDistanceSquared(a, b));
-		  };
-
-		  var getOffsetPointOnEdge = function getOffsetPointOnEdge(length, rotation) {
-		    var a = length;
-
-		    var A = 1.5707963267948966;
-		    var B = rotation;
-		    var C = 1.5707963267948966 - rotation;
-
-		    var sinA = Math.sin(A);
-		    var sinB = Math.sin(B);
-		    var sinC = Math.sin(C);
-		    var cosC = Math.cos(C);
-		    var ratio = a / sinA;
-		    var b = ratio * sinB;
-		    var c = ratio * sinC;
-
-		    return createVector$1(cosC * b, cosC * c);
-		  };
-
-		  var getRotatedRectSize = function getRotatedRectSize(rect, rotation) {
-		    var w = rect.width;
-		    var h = rect.height;
-
-		    var hor = getOffsetPointOnEdge(w, rotation);
-		    var ver = getOffsetPointOnEdge(h, rotation);
-
-		    var tl = createVector$1(rect.x + Math.abs(hor.x), rect.y - Math.abs(hor.y));
-
-		    var tr = createVector$1(
-		      rect.x + rect.width + Math.abs(ver.y),
-		      rect.y + Math.abs(ver.x)
-		    );
-
-		    var bl = createVector$1(
-		      rect.x - Math.abs(ver.y),
-		      rect.y + rect.height - Math.abs(ver.x)
-		    );
-
-		    return {
-		      width: vectorDistance(tl, tr),
-		      height: vectorDistance(tl, bl)
-		    };
-		  };
-
-		  var calculateCanvasSize = function calculateCanvasSize(
-		    image,
-		    canvasAspectRatio
-		  ) {
-		    var zoom =
-		      arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-
-		    var imageAspectRatio = image.height / image.width;
-
-		    // determine actual pixels on x and y axis
-		    var canvasWidth = 1;
-		    var canvasHeight = canvasAspectRatio;
-		    var imgWidth = 1;
-		    var imgHeight = imageAspectRatio;
-		    if (imgHeight > canvasHeight) {
-		      imgHeight = canvasHeight;
-		      imgWidth = imgHeight / imageAspectRatio;
-		    }
-
-		    var scalar = Math.max(canvasWidth / imgWidth, canvasHeight / imgHeight);
-		    var width = image.width / (zoom * scalar * imgWidth);
-		    var height = width * canvasAspectRatio;
-
-		    return {
-		      width: width,
-		      height: height
-		    };
-		  };
-
-		  var getImageRectZoomFactor = function getImageRectZoomFactor(
-		    imageRect,
-		    cropRect,
-		    rotation,
-		    center
-		  ) {
-		    // calculate available space round image center position
-		    var cx = center.x > 0.5 ? 1 - center.x : center.x;
-		    var cy = center.y > 0.5 ? 1 - center.y : center.y;
-		    var imageWidth = cx * 2 * imageRect.width;
-		    var imageHeight = cy * 2 * imageRect.height;
-
-		    // calculate rotated crop rectangle size
-		    var rotatedCropSize = getRotatedRectSize(cropRect, rotation);
-
-		    // calculate scalar required to fit image
-		    return Math.max(
-		      rotatedCropSize.width / imageWidth,
-		      rotatedCropSize.height / imageHeight
-		    );
-		  };
-
-		  var getCenteredCropRect = function getCenteredCropRect(
-		    container,
-		    aspectRatio
-		  ) {
-		    var width = container.width;
-		    var height = width * aspectRatio;
-		    if (height > container.height) {
-		      height = container.height;
-		      width = height / aspectRatio;
-		    }
-		    var x = (container.width - width) * 0.5;
-		    var y = (container.height - height) * 0.5;
-
-		    return {
-		      x: x,
-		      y: y,
-		      width: width,
-		      height: height
-		    };
-		  };
-
-		  var getCurrentCropSize = function getCurrentCropSize(imageSize) {
-		    var crop =
-		      arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-		    var zoom = crop.zoom,
-		      rotation = crop.rotation,
-		      center = crop.center,
-		      aspectRatio = crop.aspectRatio;
-
-		    if (!aspectRatio) aspectRatio = imageSize.height / imageSize.width;
-
-		    var canvasSize = calculateCanvasSize(imageSize, aspectRatio, zoom);
-
-		    var stage = {
-		      width: canvasSize.width,
-		      height: canvasSize.height};
-
-		    var shouldLimit = typeof crop.scaleToFit === 'undefined' || crop.scaleToFit;
-
-		    var stageZoomFactor = getImageRectZoomFactor(
-		      imageSize,
-		      getCenteredCropRect(stage, aspectRatio),
-		      rotation,
-		      shouldLimit ? center : { x: 0.5, y: 0.5 }
-		    );
-
-		    var scale = zoom * stageZoomFactor;
-
-		    // start drawing
-		    return {
-		      widthFloat: canvasSize.width / scale,
-		      heightFloat: canvasSize.height / scale,
-		      width: Math.round(canvasSize.width / scale),
-		      height: Math.round(canvasSize.height / scale)
-		    };
-		  };
-
-		  var IMAGE_SCALE_SPRING_PROPS = {
-		    type: 'spring',
-		    stiffness: 0.5,
-		    damping: 0.45,
-		    mass: 10
-		  };
-
-		  // does horizontal and vertical flipping
-		  var createBitmapView = function createBitmapView(_) {
-		    return _.utils.createView({
-		      name: 'image-bitmap',
-		      ignoreRect: true,
-		      mixins: { styles: ['scaleX', 'scaleY'] },
-		      create: function create(_ref) {
-		        var root = _ref.root,
-		          props = _ref.props;
-		        root.appendChild(props.image);
-		      }
-		    });
-		  };
-
-		  // shifts and rotates image
-		  var createImageCanvasWrapper = function createImageCanvasWrapper(_) {
-		    return _.utils.createView({
-		      name: 'image-canvas-wrapper',
-		      tag: 'div',
-		      ignoreRect: true,
-		      mixins: {
-		        apis: ['crop', 'width', 'height'],
-
-		        styles: [
-		          'originX',
-		          'originY',
-		          'translateX',
-		          'translateY',
-		          'scaleX',
-		          'scaleY',
-		          'rotateZ'
-		        ],
-
-		        animations: {
-		          originX: IMAGE_SCALE_SPRING_PROPS,
-		          originY: IMAGE_SCALE_SPRING_PROPS,
-		          scaleX: IMAGE_SCALE_SPRING_PROPS,
-		          scaleY: IMAGE_SCALE_SPRING_PROPS,
-		          translateX: IMAGE_SCALE_SPRING_PROPS,
-		          translateY: IMAGE_SCALE_SPRING_PROPS,
-		          rotateZ: IMAGE_SCALE_SPRING_PROPS
-		        }
-		      },
-
-		      create: function create(_ref2) {
-		        var root = _ref2.root,
-		          props = _ref2.props;
-		        props.width = props.image.width;
-		        props.height = props.image.height;
-		        root.ref.bitmap = root.appendChildView(
-		          root.createChildView(createBitmapView(_), { image: props.image })
-		        );
-		      },
-		      write: function write(_ref3) {
-		        var root = _ref3.root,
-		          props = _ref3.props;
-		        var flip = props.crop.flip;
-		        var bitmap = root.ref.bitmap;
-		        bitmap.scaleX = flip.horizontal ? -1 : 1;
-		        bitmap.scaleY = flip.vertical ? -1 : 1;
-		      }
-		    });
-		  };
-
-		  // clips canvas to correct aspect ratio
-		  var createClipView = function createClipView(_) {
-		    return _.utils.createView({
-		      name: 'image-clip',
-		      tag: 'div',
-		      ignoreRect: true,
-		      mixins: {
-		        apis: [
-		          'crop',
-		          'markup',
-		          'resize',
-		          'width',
-		          'height',
-		          'dirty',
-		          'background'
-		        ],
-
-		        styles: ['width', 'height', 'opacity'],
-		        animations: {
-		          opacity: { type: 'tween', duration: 250 }
-		        }
-		      },
-
-		      didWriteView: function didWriteView(_ref4) {
-		        var root = _ref4.root,
-		          props = _ref4.props;
-		        if (!props.background) return;
-		        root.element.style.backgroundColor = props.background;
-		      },
-		      create: function create(_ref5) {
-		        var root = _ref5.root,
-		          props = _ref5.props;
-
-		        root.ref.image = root.appendChildView(
-		          root.createChildView(
-		            createImageCanvasWrapper(_),
-		            Object.assign({}, props)
-		          )
-		        );
-
-		        root.ref.createMarkup = function() {
-		          if (root.ref.markup) return;
-		          root.ref.markup = root.appendChildView(
-		            root.createChildView(createMarkupView(_), Object.assign({}, props))
-		          );
-		        };
-
-		        root.ref.destroyMarkup = function() {
-		          if (!root.ref.markup) return;
-		          root.removeChildView(root.ref.markup);
-		          root.ref.markup = null;
-		        };
-
-		        // set up transparency grid
-		        var transparencyIndicator = root.query(
-		          'GET_IMAGE_PREVIEW_TRANSPARENCY_INDICATOR'
-		        );
-		        if (transparencyIndicator === null) return;
-
-		        // grid pattern
-		        if (transparencyIndicator === 'grid') {
-		          root.element.dataset.transparencyIndicator = transparencyIndicator;
-		        }
-		        // basic color
-		        else {
-		          root.element.dataset.transparencyIndicator = 'color';
-		        }
-		      },
-		      write: function write(_ref6) {
-		        var root = _ref6.root,
-		          props = _ref6.props,
-		          shouldOptimize = _ref6.shouldOptimize;
-		        var crop = props.crop,
-		          markup = props.markup,
-		          resize = props.resize,
-		          dirty = props.dirty,
-		          width = props.width,
-		          height = props.height;
-
-		        root.ref.image.crop = crop;
-
-		        var stage = {
-		          width: width,
-		          height: height,
-		          center: {
-		            x: width * 0.5,
-		            y: height * 0.5
-		          }
-		        };
-
-		        var image = {
-		          width: root.ref.image.width,
-		          height: root.ref.image.height
-		        };
-
-		        var origin = {
-		          x: crop.center.x * image.width,
-		          y: crop.center.y * image.height
-		        };
-
-		        var translation = {
-		          x: stage.center.x - image.width * crop.center.x,
-		          y: stage.center.y - image.height * crop.center.y
-		        };
-
-		        var rotation = Math.PI * 2 + (crop.rotation % (Math.PI * 2));
-
-		        var cropAspectRatio = crop.aspectRatio || image.height / image.width;
-
-		        var shouldLimit =
-		          typeof crop.scaleToFit === 'undefined' || crop.scaleToFit;
-
-		        var stageZoomFactor = getImageRectZoomFactor(
-		          image,
-		          getCenteredCropRect(stage, cropAspectRatio),
-
-		          rotation,
-		          shouldLimit ? crop.center : { x: 0.5, y: 0.5 }
-		        );
-
-		        var scale = crop.zoom * stageZoomFactor;
-
-		        // update markup view
-		        if (markup && markup.length) {
-		          root.ref.createMarkup();
-		          root.ref.markup.width = width;
-		          root.ref.markup.height = height;
-		          root.ref.markup.resize = resize;
-		          root.ref.markup.dirty = dirty;
-		          root.ref.markup.markup = markup;
-		          root.ref.markup.crop = getCurrentCropSize(image, crop);
-		        } else if (root.ref.markup) {
-		          root.ref.destroyMarkup();
-		        }
-
-		        // update image view
-		        var imageView = root.ref.image;
-
-		        // don't update clip layout
-		        if (shouldOptimize) {
-		          imageView.originX = null;
-		          imageView.originY = null;
-		          imageView.translateX = null;
-		          imageView.translateY = null;
-		          imageView.rotateZ = null;
-		          imageView.scaleX = null;
-		          imageView.scaleY = null;
-		          return;
-		        }
-
-		        imageView.originX = origin.x;
-		        imageView.originY = origin.y;
-		        imageView.translateX = translation.x;
-		        imageView.translateY = translation.y;
-		        imageView.rotateZ = rotation;
-		        imageView.scaleX = scale;
-		        imageView.scaleY = scale;
-		      }
-		    });
-		  };
-
-		  var createImageView = function createImageView(_) {
-		    return _.utils.createView({
-		      name: 'image-preview',
-		      tag: 'div',
-		      ignoreRect: true,
-		      mixins: {
-		        apis: ['image', 'crop', 'markup', 'resize', 'dirty', 'background'],
-
-		        styles: ['translateY', 'scaleX', 'scaleY', 'opacity'],
-
-		        animations: {
-		          scaleX: IMAGE_SCALE_SPRING_PROPS,
-		          scaleY: IMAGE_SCALE_SPRING_PROPS,
-		          translateY: IMAGE_SCALE_SPRING_PROPS,
-		          opacity: { type: 'tween', duration: 400 }
-		        }
-		      },
-
-		      create: function create(_ref7) {
-		        var root = _ref7.root,
-		          props = _ref7.props;
-		        root.ref.clip = root.appendChildView(
-		          root.createChildView(createClipView(_), {
-		            id: props.id,
-		            image: props.image,
-		            crop: props.crop,
-		            markup: props.markup,
-		            resize: props.resize,
-		            dirty: props.dirty,
-		            background: props.background
-		          })
-		        );
-		      },
-		      write: function write(_ref8) {
-		        var root = _ref8.root,
-		          props = _ref8.props,
-		          shouldOptimize = _ref8.shouldOptimize;
-		        var clip = root.ref.clip;
-		        var image = props.image,
-		          crop = props.crop,
-		          markup = props.markup,
-		          resize = props.resize,
-		          dirty = props.dirty;
-
-		        clip.crop = crop;
-		        clip.markup = markup;
-		        clip.resize = resize;
-		        clip.dirty = dirty;
-
-		        // don't update clip layout
-		        clip.opacity = shouldOptimize ? 0 : 1;
-
-		        // don't re-render if optimizing or hidden (width will be zero resulting in weird animations)
-		        if (shouldOptimize || root.rect.element.hidden) return;
-
-		        // calculate scaled preview image size
-		        var imageAspectRatio = image.height / image.width;
-		        var aspectRatio = crop.aspectRatio || imageAspectRatio;
-
-		        // calculate container size
-		        var containerWidth = root.rect.inner.width;
-		        var containerHeight = root.rect.inner.height;
-
-		        var fixedPreviewHeight = root.query('GET_IMAGE_PREVIEW_HEIGHT');
-		        var minPreviewHeight = root.query('GET_IMAGE_PREVIEW_MIN_HEIGHT');
-		        var maxPreviewHeight = root.query('GET_IMAGE_PREVIEW_MAX_HEIGHT');
-
-		        var panelAspectRatio = root.query('GET_PANEL_ASPECT_RATIO');
-		        var allowMultiple = root.query('GET_ALLOW_MULTIPLE');
-
-		        if (panelAspectRatio && !allowMultiple) {
-		          fixedPreviewHeight = containerWidth * panelAspectRatio;
-		          aspectRatio = panelAspectRatio;
-		        }
-
-		        // determine clip width and height
-		        var clipHeight =
-		          fixedPreviewHeight !== null
-		            ? fixedPreviewHeight
-		            : Math.max(
-		                minPreviewHeight,
-		                Math.min(containerWidth * aspectRatio, maxPreviewHeight)
-		              );
-
-		        var clipWidth = clipHeight / aspectRatio;
-		        if (clipWidth > containerWidth) {
-		          clipWidth = containerWidth;
-		          clipHeight = clipWidth * aspectRatio;
-		        }
-
-		        if (clipHeight > containerHeight) {
-		          clipHeight = containerHeight;
-		          clipWidth = containerHeight / aspectRatio;
-		        }
-
-		        clip.width = clipWidth;
-		        clip.height = clipHeight;
-		      }
-		    });
-		  };
-
-		  var SVG_MASK =
-		    '<svg width="500" height="200" viewBox="0 0 500 200" preserveAspectRatio="none">\n    <defs>\n        <radialGradient id="gradient-__UID__" cx=".5" cy="1.25" r="1.15">\n            <stop offset=\'50%\' stop-color=\'#000000\'/>\n            <stop offset=\'56%\' stop-color=\'#0a0a0a\'/>\n            <stop offset=\'63%\' stop-color=\'#262626\'/>\n            <stop offset=\'69%\' stop-color=\'#4f4f4f\'/>\n            <stop offset=\'75%\' stop-color=\'#808080\'/>\n            <stop offset=\'81%\' stop-color=\'#b1b1b1\'/>\n            <stop offset=\'88%\' stop-color=\'#dadada\'/>\n            <stop offset=\'94%\' stop-color=\'#f6f6f6\'/>\n            <stop offset=\'100%\' stop-color=\'#ffffff\'/>\n        </radialGradient>\n        <mask id="mask-__UID__">\n            <rect x="0" y="0" width="500" height="200" fill="url(#gradient-__UID__)"></rect>\n        </mask>\n    </defs>\n    <rect x="0" width="500" height="200" fill="currentColor" mask="url(#mask-__UID__)"></rect>\n</svg>';
-
-		  var SVGMaskUniqueId = 0;
-
-		  var createImageOverlayView = function createImageOverlayView(fpAPI) {
-		    return fpAPI.utils.createView({
-		      name: 'image-preview-overlay',
-		      tag: 'div',
-		      ignoreRect: true,
-		      create: function create(_ref) {
-		        var root = _ref.root,
-		          props = _ref.props;
-		        var mask = SVG_MASK;
-		        if (document.querySelector('base')) {
-		          var url = new URL(
-		            window.location.href.replace(window.location.hash, '')
-		          ).href;
-		          mask = mask.replace(/url\(\#/g, 'url(' + url + '#');
-		        }
-
-		        SVGMaskUniqueId++;
-		        root.element.classList.add(
-		          'filepond--image-preview-overlay-'.concat(props.status)
-		        );
-
-		        root.element.innerHTML = mask.replace(/__UID__/g, SVGMaskUniqueId);
-		      },
-		      mixins: {
-		        styles: ['opacity'],
-		        animations: {
-		          opacity: { type: 'spring', mass: 25 }
-		        }
-		      }
-		    });
-		  };
-
-		  /**
-		   * Bitmap Worker
-		   */
-		  var BitmapWorker = function BitmapWorker() {
-		    self.onmessage = function(e) {
-		      createImageBitmap(e.data.message.file).then(function(bitmap) {
-		        self.postMessage({ id: e.data.id, message: bitmap }, [bitmap]);
-		      });
-		    };
-		  };
-
-		  /**
-		   * ColorMatrix Worker
-		   */
-		  var ColorMatrixWorker = function ColorMatrixWorker() {
-		    self.onmessage = function(e) {
-		      var imageData = e.data.message.imageData;
-		      var matrix = e.data.message.colorMatrix;
-
-		      var data = imageData.data;
-		      var l = data.length;
-
-		      var m11 = matrix[0];
-		      var m12 = matrix[1];
-		      var m13 = matrix[2];
-		      var m14 = matrix[3];
-		      var m15 = matrix[4];
-
-		      var m21 = matrix[5];
-		      var m22 = matrix[6];
-		      var m23 = matrix[7];
-		      var m24 = matrix[8];
-		      var m25 = matrix[9];
-
-		      var m31 = matrix[10];
-		      var m32 = matrix[11];
-		      var m33 = matrix[12];
-		      var m34 = matrix[13];
-		      var m35 = matrix[14];
-
-		      var m41 = matrix[15];
-		      var m42 = matrix[16];
-		      var m43 = matrix[17];
-		      var m44 = matrix[18];
-		      var m45 = matrix[19];
-
-		      var index = 0,
-		        r = 0.0,
-		        g = 0.0,
-		        b = 0.0,
-		        a = 0.0;
-
-		      for (; index < l; index += 4) {
-		        r = data[index] / 255;
-		        g = data[index + 1] / 255;
-		        b = data[index + 2] / 255;
-		        a = data[index + 3] / 255;
-		        data[index] = Math.max(
-		          0,
-		          Math.min((r * m11 + g * m12 + b * m13 + a * m14 + m15) * 255, 255)
-		        );
-		        data[index + 1] = Math.max(
-		          0,
-		          Math.min((r * m21 + g * m22 + b * m23 + a * m24 + m25) * 255, 255)
-		        );
-		        data[index + 2] = Math.max(
-		          0,
-		          Math.min((r * m31 + g * m32 + b * m33 + a * m34 + m35) * 255, 255)
-		        );
-		        data[index + 3] = Math.max(
-		          0,
-		          Math.min((r * m41 + g * m42 + b * m43 + a * m44 + m45) * 255, 255)
-		        );
-		      }
-
-		      self.postMessage({ id: e.data.id, message: imageData }, [
-		        imageData.data.buffer
-		      ]);
-		    };
-		  };
-
-		  var getImageSize = function getImageSize(url, cb) {
-		    var image = new Image();
-		    image.onload = function() {
-		      var width = image.naturalWidth;
-		      var height = image.naturalHeight;
-		      image = null;
-		      cb(width, height);
-		    };
-		    image.src = url;
-		  };
-
-		  var transforms = {
-		    1: function _() {
-		      return [1, 0, 0, 1, 0, 0];
-		    },
-		    2: function _(width) {
-		      return [-1, 0, 0, 1, width, 0];
-		    },
-		    3: function _(width, height) {
-		      return [-1, 0, 0, -1, width, height];
-		    },
-		    4: function _(width, height) {
-		      return [1, 0, 0, -1, 0, height];
-		    },
-		    5: function _() {
-		      return [0, 1, 1, 0, 0, 0];
-		    },
-		    6: function _(width, height) {
-		      return [0, 1, -1, 0, height, 0];
-		    },
-		    7: function _(width, height) {
-		      return [0, -1, -1, 0, height, width];
-		    },
-		    8: function _(width) {
-		      return [0, -1, 1, 0, 0, width];
-		    }
-		  };
-
-		  var fixImageOrientation = function fixImageOrientation(
-		    ctx,
-		    width,
-		    height,
-		    orientation
-		  ) {
-		    // no orientation supplied
-		    if (orientation === -1) {
-		      return;
-		    }
-
-		    ctx.transform.apply(ctx, transforms[orientation](width, height));
-		  };
-
-		  // draws the preview image to canvas
-		  var createPreviewImage = function createPreviewImage(
-		    data,
-		    width,
-		    height,
-		    orientation
-		  ) {
-		    // can't draw on half pixels
-		    width = Math.round(width);
-		    height = Math.round(height);
-
-		    // draw image
-		    var canvas = document.createElement('canvas');
-		    canvas.width = width;
-		    canvas.height = height;
-		    var ctx = canvas.getContext('2d');
-
-		    // if is rotated incorrectly swap width and height
-		    if (orientation >= 5 && orientation <= 8) {
-		      var _ref = [height, width];
-		      width = _ref[0];
-		      height = _ref[1];
-		    }
-
-		    // correct image orientation
-		    fixImageOrientation(ctx, width, height, orientation);
-
-		    // draw the image
-		    ctx.drawImage(data, 0, 0, width, height);
-
-		    return canvas;
-		  };
-
-		  var isBitmap = function isBitmap(file) {
-		    return /^image/.test(file.type) && !/svg/.test(file.type);
-		  };
-
-		  var MAX_WIDTH = 10;
-		  var MAX_HEIGHT = 10;
-
-		  var calculateAverageColor = function calculateAverageColor(image) {
-		    var scalar = Math.min(MAX_WIDTH / image.width, MAX_HEIGHT / image.height);
-
-		    var canvas = document.createElement('canvas');
-		    var ctx = canvas.getContext('2d');
-		    var width = (canvas.width = Math.ceil(image.width * scalar));
-		    var height = (canvas.height = Math.ceil(image.height * scalar));
-		    ctx.drawImage(image, 0, 0, width, height);
-		    var data = null;
-		    try {
-		      data = ctx.getImageData(0, 0, width, height).data;
-		    } catch (e) {
-		      return null;
-		    }
-		    var l = data.length;
-
-		    var r = 0;
-		    var g = 0;
-		    var b = 0;
-		    var i = 0;
-
-		    for (; i < l; i += 4) {
-		      r += data[i] * data[i];
-		      g += data[i + 1] * data[i + 1];
-		      b += data[i + 2] * data[i + 2];
-		    }
-
-		    r = averageColor(r, l);
-		    g = averageColor(g, l);
-		    b = averageColor(b, l);
-
-		    return { r: r, g: g, b: b };
-		  };
-
-		  var averageColor = function averageColor(c, l) {
-		    return Math.floor(Math.sqrt(c / (l / 4)));
-		  };
-
-		  var cloneCanvas = function cloneCanvas(origin, target) {
-		    target = target || document.createElement('canvas');
-		    target.width = origin.width;
-		    target.height = origin.height;
-		    var ctx = target.getContext('2d');
-		    ctx.drawImage(origin, 0, 0);
-		    return target;
-		  };
-
-		  var cloneImageData = function cloneImageData(imageData) {
-		    var id;
-		    try {
-		      id = new ImageData(imageData.width, imageData.height);
-		    } catch (e) {
-		      var canvas = document.createElement('canvas');
-		      var ctx = canvas.getContext('2d');
-		      id = ctx.createImageData(imageData.width, imageData.height);
-		    }
-		    id.data.set(new Uint8ClampedArray(imageData.data));
-		    return id;
-		  };
-
-		  var loadImage = function loadImage(url) {
-		    return new Promise(function(resolve, reject) {
-		      var img = new Image();
-		      img.crossOrigin = 'Anonymous';
-		      img.onload = function() {
-		        resolve(img);
-		      };
-		      img.onerror = function(e) {
-		        reject(e);
-		      };
-		      img.src = url;
-		    });
-		  };
-
-		  var createImageWrapperView = function createImageWrapperView(_) {
-		    // create overlay view
-		    var OverlayView = createImageOverlayView(_);
-
-		    var ImageView = createImageView(_);
-		    var createWorker = _.utils.createWorker;
-
-		    var applyFilter = function applyFilter(root, filter, target) {
-		      return new Promise(function(resolve) {
-		        // will store image data for future filter updates
-		        if (!root.ref.imageData) {
-		          root.ref.imageData = target
-		            .getContext('2d')
-		            .getImageData(0, 0, target.width, target.height);
-		        }
-
-		        // get image data reference
-		        var imageData = cloneImageData(root.ref.imageData);
-
-		        if (!filter || filter.length !== 20) {
-		          target.getContext('2d').putImageData(imageData, 0, 0);
-		          return resolve();
-		        }
-
-		        var worker = createWorker(ColorMatrixWorker);
-		        worker.post(
-		          {
-		            imageData: imageData,
-		            colorMatrix: filter
-		          },
-
-		          function(response) {
-		            // apply filtered colors
-		            target.getContext('2d').putImageData(response, 0, 0);
-
-		            // stop worker
-		            worker.terminate();
-
-		            // done!
-		            resolve();
-		          },
-		          [imageData.data.buffer]
-		        );
-		      });
-		    };
-
-		    var removeImageView = function removeImageView(root, imageView) {
-		      root.removeChildView(imageView);
-		      imageView.image.width = 1;
-		      imageView.image.height = 1;
-		      imageView._destroy();
-		    };
-
-		    // remove an image
-		    var shiftImage = function shiftImage(_ref) {
-		      var root = _ref.root;
-		      var imageView = root.ref.images.shift();
-		      imageView.opacity = 0;
-		      imageView.translateY = -15;
-		      root.ref.imageViewBin.push(imageView);
-		      return imageView;
-		    };
-
-		    // add new image
-		    var pushImage = function pushImage(_ref2) {
-		      var root = _ref2.root,
-		        props = _ref2.props,
-		        image = _ref2.image;
-		      var id = props.id;
-		      var item = root.query('GET_ITEM', { id: id });
-		      if (!item) return;
-
-		      var crop = item.getMetadata('crop') || {
-		        center: {
-		          x: 0.5,
-		          y: 0.5
-		        },
-
-		        flip: {
-		          horizontal: false,
-		          vertical: false
-		        },
-
-		        zoom: 1,
-		        rotation: 0,
-		        aspectRatio: null
-		      };
-
-		      var background = root.query(
-		        'GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR'
-		      );
-
-		      var markup;
-		      var resize;
-		      var dirty = false;
-		      if (root.query('GET_IMAGE_PREVIEW_MARKUP_SHOW')) {
-		        markup = item.getMetadata('markup') || [];
-		        resize = item.getMetadata('resize');
-		        dirty = true;
-		      }
-
-		      // append image presenter
-		      var imageView = root.appendChildView(
-		        root.createChildView(ImageView, {
-		          id: id,
-		          image: image,
-		          crop: crop,
-		          resize: resize,
-		          markup: markup,
-		          dirty: dirty,
-		          background: background,
-		          opacity: 0,
-		          scaleX: 1.15,
-		          scaleY: 1.15,
-		          translateY: 15
-		        }),
-
-		        root.childViews.length
-		      );
-
-		      root.ref.images.push(imageView);
-
-		      // reveal the preview image
-		      imageView.opacity = 1;
-		      imageView.scaleX = 1;
-		      imageView.scaleY = 1;
-		      imageView.translateY = 0;
-
-		      // the preview is now ready to be drawn
-		      setTimeout(function() {
-		        root.dispatch('DID_IMAGE_PREVIEW_SHOW', { id: id });
-		      }, 250);
-		    };
-
-		    var updateImage = function updateImage(_ref3) {
-		      var root = _ref3.root,
-		        props = _ref3.props;
-		      var item = root.query('GET_ITEM', { id: props.id });
-		      if (!item) return;
-		      var imageView = root.ref.images[root.ref.images.length - 1];
-		      imageView.crop = item.getMetadata('crop');
-		      imageView.background = root.query(
-		        'GET_IMAGE_TRANSFORM_CANVAS_BACKGROUND_COLOR'
-		      );
-
-		      if (root.query('GET_IMAGE_PREVIEW_MARKUP_SHOW')) {
-		        imageView.dirty = true;
-		        imageView.resize = item.getMetadata('resize');
-		        imageView.markup = item.getMetadata('markup');
-		      }
-		    };
-
-		    // replace image preview
-		    var didUpdateItemMetadata = function didUpdateItemMetadata(_ref4) {
-		      var root = _ref4.root,
-		        props = _ref4.props,
-		        action = _ref4.action;
-		      // only filter and crop trigger redraw
-		      if (!/crop|filter|markup|resize/.test(action.change.key)) return;
-
-		      // no images to update, exit
-		      if (!root.ref.images.length) return;
-
-		      // no item found, exit
-		      var item = root.query('GET_ITEM', { id: props.id });
-		      if (!item) return;
-
-		      // for now, update existing image when filtering
-		      if (/filter/.test(action.change.key)) {
-		        var imageView = root.ref.images[root.ref.images.length - 1];
-		        applyFilter(root, action.change.value, imageView.image);
-		        return;
-		      }
-
-		      if (/crop|markup|resize/.test(action.change.key)) {
-		        var crop = item.getMetadata('crop');
-		        var image = root.ref.images[root.ref.images.length - 1];
-
-		        // if aspect ratio has changed, we need to create a new image
-		        if (
-		          crop &&
-		          crop.aspectRatio &&
-		          image.crop &&
-		          image.crop.aspectRatio &&
-		          Math.abs(crop.aspectRatio - image.crop.aspectRatio) > 0.00001
-		        ) {
-		          var _imageView = shiftImage({ root: root });
-		          pushImage({
-		            root: root,
-		            props: props,
-		            image: cloneCanvas(_imageView.image)
-		          });
-		        }
-		        // if not, we can update the current image
-		        else {
-		          updateImage({ root: root, props: props });
-		        }
-		      }
-		    };
-
-		    var canCreateImageBitmap = function canCreateImageBitmap(file) {
-		      // Firefox versions before 58 will freeze when running createImageBitmap
-		      // in a Web Worker so we detect those versions and return false for support
-		      var userAgent = window.navigator.userAgent;
-		      var isFirefox = userAgent.match(/Firefox\/([0-9]+)\./);
-		      var firefoxVersion = isFirefox ? parseInt(isFirefox[1]) : null;
-		      if (firefoxVersion !== null && firefoxVersion <= 58) return false;
-
-		      return 'createImageBitmap' in window && isBitmap(file);
-		    };
-
-		    /**
-		     * Write handler for when preview container has been created
-		     */
-		    var didCreatePreviewContainer = function didCreatePreviewContainer(_ref5) {
-		      var root = _ref5.root,
-		        props = _ref5.props;
-		      var id = props.id;
-
-		      // we need to get the file data to determine the eventual image size
-		      var item = root.query('GET_ITEM', id);
-		      if (!item) return;
-
-		      // get url to file (we'll revoke it later on when done)
-		      var fileURL = URL.createObjectURL(item.file);
-
-		      // determine image size of this item
-		      getImageSize(fileURL, function(width, height) {
-		        // we can now scale the panel to the final size
-		        root.dispatch('DID_IMAGE_PREVIEW_CALCULATE_SIZE', {
-		          id: id,
-		          width: width,
-		          height: height
-		        });
-		      });
-		    };
-
-		    var drawPreview = function drawPreview(_ref6) {
-		      var root = _ref6.root,
-		        props = _ref6.props;
-		      var id = props.id;
-
-		      // we need to get the file data to determine the eventual image size
-		      var item = root.query('GET_ITEM', id);
-		      if (!item) return;
-
-		      // get url to file (we'll revoke it later on when done)
-		      var fileURL = URL.createObjectURL(item.file);
-
-		      // fallback
-		      var loadPreviewFallback = function loadPreviewFallback() {
-		        // let's scale the image in the main thread :(
-		        loadImage(fileURL).then(previewImageLoaded);
-		      };
-
-		      // image is now ready
-		      var previewImageLoaded = function previewImageLoaded(imageData) {
-		        // the file url is no longer needed
-		        URL.revokeObjectURL(fileURL);
-
-		        // draw the scaled down version here and use that as source so bitmapdata can be closed
-		        // orientation info
-		        var exif = item.getMetadata('exif') || {};
-		        var orientation = exif.orientation || -1;
-
-		        // get width and height from action, and swap if orientation is incorrect
-		        var width = imageData.width,
-		          height = imageData.height;
-
-		        // if no width or height, just return early.
-		        if (!width || !height) return;
-
-		        if (orientation >= 5 && orientation <= 8) {
-		          var _ref7 = [height, width];
-		          width = _ref7[0];
-		          height = _ref7[1];
-		        }
-
-		        // scale canvas based on pixel density
-		        // we multiply by .75 as that creates smaller but still clear images on screens with high res displays
-		        var pixelDensityFactor = Math.max(1, window.devicePixelRatio * 0.75);
-
-		        // we want as much pixels to work with as possible,
-		        // this multiplies the minimum image resolution,
-		        // so when zooming in it doesn't get too blurry
-		        var zoomFactor = root.query('GET_IMAGE_PREVIEW_ZOOM_FACTOR');
-
-		        // imaeg scale factor
-		        var scaleFactor = zoomFactor * pixelDensityFactor;
-
-		        // calculate scaled preview image size
-		        var previewImageRatio = height / width;
-
-		        // calculate image preview height and width
-		        var previewContainerWidth = root.rect.element.width;
-		        var previewContainerHeight = root.rect.element.height;
-
-		        var imageWidth = previewContainerWidth;
-		        var imageHeight = imageWidth * previewImageRatio;
-
-		        if (previewImageRatio > 1) {
-		          imageWidth = Math.min(width, previewContainerWidth * scaleFactor);
-		          imageHeight = imageWidth * previewImageRatio;
-		        } else {
-		          imageHeight = Math.min(height, previewContainerHeight * scaleFactor);
-		          imageWidth = imageHeight / previewImageRatio;
-		        }
-
-		        // transfer to image tag so no canvas memory wasted on iOS
-		        var previewImage = createPreviewImage(
-		          imageData,
-		          imageWidth,
-		          imageHeight,
-		          orientation
-		        );
-
-		        // done
-		        var done = function done() {
-		          // calculate average image color, disabled for now
-		          var averageColor = root.query(
-		            'GET_IMAGE_PREVIEW_CALCULATE_AVERAGE_IMAGE_COLOR'
-		          )
-		            ? calculateAverageColor(data)
-		            : null;
-		          item.setMetadata('color', averageColor, true);
-
-		          // data has been transferred to canvas ( if was ImageBitmap )
-		          if ('close' in imageData) {
-		            imageData.close();
-		          }
-
-		          // show the overlay
-		          root.ref.overlayShadow.opacity = 1;
-
-		          // create the first image
-		          pushImage({ root: root, props: props, image: previewImage });
-		        };
-
-		        // apply filter
-		        var filter = item.getMetadata('filter');
-		        if (filter) {
-		          applyFilter(root, filter, previewImage).then(done);
-		        } else {
-		          done();
-		        }
-		      };
-
-		      // if we support scaling using createImageBitmap we use a worker
-		      if (canCreateImageBitmap(item.file)) {
-		        // let's scale the image in a worker
-		        var worker = createWorker(BitmapWorker);
-
-		        worker.post(
-		          {
-		            file: item.file
-		          },
-
-		          function(imageBitmap) {
-		            // destroy worker
-		            worker.terminate();
-
-		            // no bitmap returned, must be something wrong,
-		            // try the oldschool way
-		            if (!imageBitmap) {
-		              loadPreviewFallback();
-		              return;
-		            }
-
-		            // yay we got our bitmap, let's continue showing the preview
-		            previewImageLoaded(imageBitmap);
-		          }
-		        );
-		      } else {
-		        // create fallback preview
-		        loadPreviewFallback();
-		      }
-		    };
-
-		    /**
-		     * Write handler for when the preview image is ready to be animated
-		     */
-		    var didDrawPreview = function didDrawPreview(_ref8) {
-		      var root = _ref8.root;
-		      // get last added image
-		      var image = root.ref.images[root.ref.images.length - 1];
-		      image.translateY = 0;
-		      image.scaleX = 1.0;
-		      image.scaleY = 1.0;
-		      image.opacity = 1;
-		    };
-
-		    /**
-		     * Write handler for when the preview has been loaded
-		     */
-		    var restoreOverlay = function restoreOverlay(_ref9) {
-		      var root = _ref9.root;
-		      root.ref.overlayShadow.opacity = 1;
-		      root.ref.overlayError.opacity = 0;
-		      root.ref.overlaySuccess.opacity = 0;
-		    };
-
-		    var didThrowError = function didThrowError(_ref10) {
-		      var root = _ref10.root;
-		      root.ref.overlayShadow.opacity = 0.25;
-		      root.ref.overlayError.opacity = 1;
-		    };
-
-		    var didCompleteProcessing = function didCompleteProcessing(_ref11) {
-		      var root = _ref11.root;
-		      root.ref.overlayShadow.opacity = 0.25;
-		      root.ref.overlaySuccess.opacity = 1;
-		    };
-
-		    /**
-		     * Constructor
-		     */
-		    var create = function create(_ref12) {
-		      var root = _ref12.root;
-		      // image view
-		      root.ref.images = [];
-
-		      // the preview image data (we need this to filter the image)
-		      root.ref.imageData = null;
-
-		      // image bin
-		      root.ref.imageViewBin = [];
-
-		      // image overlays
-		      root.ref.overlayShadow = root.appendChildView(
-		        root.createChildView(OverlayView, {
-		          opacity: 0,
-		          status: 'idle'
-		        })
-		      );
-
-		      root.ref.overlaySuccess = root.appendChildView(
-		        root.createChildView(OverlayView, {
-		          opacity: 0,
-		          status: 'success'
-		        })
-		      );
-
-		      root.ref.overlayError = root.appendChildView(
-		        root.createChildView(OverlayView, {
-		          opacity: 0,
-		          status: 'failure'
-		        })
-		      );
-		    };
-
-		    return _.utils.createView({
-		      name: 'image-preview-wrapper',
-		      create: create,
-		      styles: ['height'],
-		      apis: ['height'],
-		      destroy: function destroy(_ref13) {
-		        var root = _ref13.root;
-		        // we resize the image so memory on iOS 12 is released more quickly (it seems)
-		        root.ref.images.forEach(function(imageView) {
-		          imageView.image.width = 1;
-		          imageView.image.height = 1;
-		        });
-		      },
-		      didWriteView: function didWriteView(_ref14) {
-		        var root = _ref14.root;
-		        root.ref.images.forEach(function(imageView) {
-		          imageView.dirty = false;
-		        });
-		      },
-		      write: _.utils.createRoute(
-		        {
-		          // image preview stated
-		          DID_IMAGE_PREVIEW_DRAW: didDrawPreview,
-		          DID_IMAGE_PREVIEW_CONTAINER_CREATE: didCreatePreviewContainer,
-		          DID_FINISH_CALCULATE_PREVIEWSIZE: drawPreview,
-		          DID_UPDATE_ITEM_METADATA: didUpdateItemMetadata,
-
-		          // file states
-		          DID_THROW_ITEM_LOAD_ERROR: didThrowError,
-		          DID_THROW_ITEM_PROCESSING_ERROR: didThrowError,
-		          DID_THROW_ITEM_INVALID: didThrowError,
-		          DID_COMPLETE_ITEM_PROCESSING: didCompleteProcessing,
-		          DID_START_ITEM_PROCESSING: restoreOverlay,
-		          DID_REVERT_ITEM_PROCESSING: restoreOverlay
-		        },
-
-		        function(_ref15) {
-		          var root = _ref15.root;
-		          // views on death row
-		          var viewsToRemove = root.ref.imageViewBin.filter(function(imageView) {
-		            return imageView.opacity === 0;
-		          });
-
-		          // views to retain
-		          root.ref.imageViewBin = root.ref.imageViewBin.filter(function(
-		            imageView
-		          ) {
-		            return imageView.opacity > 0;
-		          });
-
-		          // remove these views
-		          viewsToRemove.forEach(function(imageView) {
-		            return removeImageView(root, imageView);
-		          });
-		          viewsToRemove.length = 0;
-		        }
-		      )
-		    });
-		  };
-
-		  /**
-		   * Image Preview Plugin
-		   */
-		  var plugin = function plugin(fpAPI) {
-		    var addFilter = fpAPI.addFilter,
-		      utils = fpAPI.utils;
-		    var Type = utils.Type,
-		      createRoute = utils.createRoute,
-		      isFile = utils.isFile;
-
-		    // imagePreviewView
-		    var imagePreviewView = createImageWrapperView(fpAPI);
-
-		    // called for each view that is created right after the 'create' method
-		    addFilter('CREATE_VIEW', function(viewAPI) {
-		      // get reference to created view
-		      var is = viewAPI.is,
-		        view = viewAPI.view,
-		        query = viewAPI.query;
-
-		      // only hook up to item view and only if is enabled for this cropper
-		      if (!is('file') || !query('GET_ALLOW_IMAGE_PREVIEW')) return;
-
-		      // create the image preview plugin, but only do so if the item is an image
-		      var didLoadItem = function didLoadItem(_ref) {
-		        var root = _ref.root,
-		          props = _ref.props;
-		        var id = props.id;
-		        var item = query('GET_ITEM', id);
-
-		        // item could theoretically have been removed in the mean time
-		        if (!item || !isFile(item.file) || item.archived) return;
-
-		        // get the file object
-		        var file = item.file;
-
-		        // exit if this is not an image
-		        if (!isPreviewableImage(file)) return;
-
-		        // test if is filtered
-		        if (!query('GET_IMAGE_PREVIEW_FILTER_ITEM')(item)) return;
-
-		        // exit if image size is too high and no createImageBitmap support
-		        // this would simply bring the browser to its knees and that is not what we want
-		        var supportsCreateImageBitmap = 'createImageBitmap' in (window || {});
-		        var maxPreviewFileSize = query('GET_IMAGE_PREVIEW_MAX_FILE_SIZE');
-		        if (
-		          !supportsCreateImageBitmap &&
-		          maxPreviewFileSize &&
-		          file.size > maxPreviewFileSize
-		        )
-		          return;
-
-		        // set preview view
-		        root.ref.imagePreview = view.appendChildView(
-		          view.createChildView(imagePreviewView, { id: id })
-		        );
-
-		        // update height if is fixed
-		        var fixedPreviewHeight = root.query('GET_IMAGE_PREVIEW_HEIGHT');
-		        if (fixedPreviewHeight) {
-		          root.dispatch('DID_UPDATE_PANEL_HEIGHT', {
-		            id: item.id,
-		            height: fixedPreviewHeight
-		          });
-		        }
-
-		        // now ready
-		        var queue =
-		          !supportsCreateImageBitmap &&
-		          file.size > query('GET_IMAGE_PREVIEW_MAX_INSTANT_PREVIEW_FILE_SIZE');
-		        root.dispatch('DID_IMAGE_PREVIEW_CONTAINER_CREATE', { id: id }, queue);
-		      };
-
-		      var rescaleItem = function rescaleItem(root, props) {
-		        if (!root.ref.imagePreview) return;
-		        var id = props.id;
-
-		        // get item
-		        var item = root.query('GET_ITEM', { id: id });
-		        if (!item) return;
-
-		        // if is fixed height or panel has aspect ratio, exit here, height has already been defined
-		        var panelAspectRatio = root.query('GET_PANEL_ASPECT_RATIO');
-		        var itemPanelAspectRatio = root.query('GET_ITEM_PANEL_ASPECT_RATIO');
-		        var fixedHeight = root.query('GET_IMAGE_PREVIEW_HEIGHT');
-		        if (panelAspectRatio || itemPanelAspectRatio || fixedHeight) return;
-
-		        // no data!
-		        var _root$ref = root.ref,
-		          imageWidth = _root$ref.imageWidth,
-		          imageHeight = _root$ref.imageHeight;
-		        if (!imageWidth || !imageHeight) return;
-
-		        // get height min and max
-		        var minPreviewHeight = root.query('GET_IMAGE_PREVIEW_MIN_HEIGHT');
-		        var maxPreviewHeight = root.query('GET_IMAGE_PREVIEW_MAX_HEIGHT');
-
-		        // orientation info
-		        var exif = item.getMetadata('exif') || {};
-		        var orientation = exif.orientation || -1;
-
-		        // get width and height from action, and swap of orientation is incorrect
-		        if (orientation >= 5 && orientation <= 8) {
-		          var _ref2 = [imageHeight, imageWidth];
-		          imageWidth = _ref2[0];
-		          imageHeight = _ref2[1];
-		        }
-
-		        // scale up width and height when we're dealing with an SVG
-		        if (!isBitmap(item.file) || root.query('GET_IMAGE_PREVIEW_UPSCALE')) {
-		          var scalar = 2048 / imageWidth;
-		          imageWidth *= scalar;
-		          imageHeight *= scalar;
-		        }
-
-		        // image aspect ratio
-		        var imageAspectRatio = imageHeight / imageWidth;
-
-		        // we need the item to get to the crop size
-		        var previewAspectRatio =
-		          (item.getMetadata('crop') || {}).aspectRatio || imageAspectRatio;
-
-		        // preview height range
-		        var previewHeightMax = Math.max(
-		          minPreviewHeight,
-		          Math.min(imageHeight, maxPreviewHeight)
-		        );
-
-		        var itemWidth = root.rect.element.width;
-		        var previewHeight = Math.min(
-		          itemWidth * previewAspectRatio,
-		          previewHeightMax
-		        );
-
-		        // request update to panel height
-		        root.dispatch('DID_UPDATE_PANEL_HEIGHT', {
-		          id: item.id,
-		          height: previewHeight
-		        });
-		      };
-
-		      var didResizeView = function didResizeView(_ref3) {
-		        var root = _ref3.root;
-		        // actions in next write operation
-		        root.ref.shouldRescale = true;
-		      };
-
-		      var didUpdateItemMetadata = function didUpdateItemMetadata(_ref4) {
-		        var root = _ref4.root,
-		          action = _ref4.action;
-		        if (action.change.key !== 'crop') return;
-
-		        // actions in next write operation
-		        root.ref.shouldRescale = true;
-		      };
-
-		      var didCalculatePreviewSize = function didCalculatePreviewSize(_ref5) {
-		        var root = _ref5.root,
-		          action = _ref5.action;
-		        // remember dimensions
-		        root.ref.imageWidth = action.width;
-		        root.ref.imageHeight = action.height;
-
-		        // actions in next write operation
-		        root.ref.shouldRescale = true;
-		        root.ref.shouldDrawPreview = true;
-
-		        // as image load could take a while and fire when draw loop is resting we need to give it a kick
-		        root.dispatch('KICK');
-		      };
-
-		      // start writing
-		      view.registerWriter(
-		        createRoute(
-		          {
-		            DID_RESIZE_ROOT: didResizeView,
-		            DID_STOP_RESIZE: didResizeView,
-		            DID_LOAD_ITEM: didLoadItem,
-		            DID_IMAGE_PREVIEW_CALCULATE_SIZE: didCalculatePreviewSize,
-		            DID_UPDATE_ITEM_METADATA: didUpdateItemMetadata
-		          },
-
-		          function(_ref6) {
-		            var root = _ref6.root,
-		              props = _ref6.props;
-		            // no preview view attached
-		            if (!root.ref.imagePreview) return;
-
-		            // don't do anything while hidden
-		            if (root.rect.element.hidden) return;
-
-		            // resize the item panel
-		            if (root.ref.shouldRescale) {
-		              rescaleItem(root, props);
-		              root.ref.shouldRescale = false;
-		            }
-
-		            if (root.ref.shouldDrawPreview) {
-		              // queue till next frame so we're sure the height has been applied this forces the draw image call inside the wrapper view to use the correct height
-		              requestAnimationFrame(function() {
-		                // this requestAnimationFrame nesting is horrible but it fixes an issue with 100hz displays on Chrome
-		                // https://github.com/pqina/filepond-plugin-image-preview/issues/57
-		                requestAnimationFrame(function() {
-		                  root.dispatch('DID_FINISH_CALCULATE_PREVIEWSIZE', {
-		                    id: props.id
-		                  });
-		                });
-		              });
-
-		              root.ref.shouldDrawPreview = false;
-		            }
-		          }
-		        )
-		      );
-		    });
-
-		    // expose plugin
-		    return {
-		      options: {
-		        // Enable or disable image preview
-		        allowImagePreview: [true, Type.BOOLEAN],
-
-		        // filters file items to determine which are shown as preview
-		        imagePreviewFilterItem: [
-		          function() {
-		            return true;
-		          },
-		          Type.FUNCTION
-		        ],
-
-		        // Fixed preview height
-		        imagePreviewHeight: [null, Type.INT],
-
-		        // Min image height
-		        imagePreviewMinHeight: [44, Type.INT],
-
-		        // Max image height
-		        imagePreviewMaxHeight: [256, Type.INT],
-
-		        // Max size of preview file for when createImageBitmap is not supported
-		        imagePreviewMaxFileSize: [null, Type.INT],
-
-		        // The amount of extra pixels added to the image preview to allow comfortable zooming
-		        imagePreviewZoomFactor: [2, Type.INT],
-
-		        // Should we upscale small images to fit the max bounding box of the preview area
-		        imagePreviewUpscale: [false, Type.BOOLEAN],
-
-		        // Max size of preview file that we allow to try to instant preview if createImageBitmap is not supported, else image is queued for loading
-		        imagePreviewMaxInstantPreviewFileSize: [1000000, Type.INT],
-
-		        // Style of the transparancy indicator used behind images
-		        imagePreviewTransparencyIndicator: [null, Type.STRING],
-
-		        // Enables or disables reading average image color
-		        imagePreviewCalculateAverageImageColor: [false, Type.BOOLEAN],
-
-		        // Enables or disables the previewing of markup
-		        imagePreviewMarkupShow: [true, Type.BOOLEAN],
-
-		        // Allows filtering of markup to only show certain shapes
-		        imagePreviewMarkupFilter: [
-		          function() {
-		            return true;
-		          },
-		          Type.FUNCTION
-		        ]
-		      }
-		    };
-		  };
-
-		  // fire pluginloaded event if running in browser, this allows registering the plugin when using async script tags
-		  var isBrowser =
-		    typeof window !== 'undefined' && typeof window.document !== 'undefined';
-		  if (isBrowser) {
-		    document.dispatchEvent(
-		      new CustomEvent('FilePond:pluginloaded', { detail: plugin })
-		    );
-		  }
-
-		  return plugin;
-		}); 
-	} (filepondPluginImagePreview$3));
-	return filepondPluginImagePreview$3.exports;
-}
-
-var filepondPluginImagePreviewExports = requireFilepondPluginImagePreview();
-var filepondPluginImagePreview = /*@__PURE__*/getDefaultExportFromCjs(filepondPluginImagePreviewExports);
-
-var filepondPluginImagePreview$1 = /*#__PURE__*/_mergeNamespaces({
-  __proto__: null,
-  default: filepondPluginImagePreview
-}, [filepondPluginImagePreviewExports]);
-
-export { filepondPluginImagePreview$1 as f };
+ */export{a as f}