https://www.thortful.com/6978-es2015.da629e0630e8f71d3017.js

1(self.webpackChunkthor_app=self.webpackChunkthor_app||[]).push([[6978,839],{36565:function(e){e.exports=function(){"use strict";function e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function t(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?e(Object(o),!0).forEach(function(e){r(t,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})}return t}function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,a(r.key),r)}}function r(e,t,n){return(t=a(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function a(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}var i,c,s,l,d,p,g,m,h={exports:{}};i=h,"undefined"!=typeof window&&(c=window,s=c.HTMLCanvasElement&&c.HTMLCanvasElement.prototype,l=c.Blob&&function(){try{return Boolean(new Blob)}catch(e){return!1}}(),d=l&&c.Uint8Array&&function(){try{return 100===new Blob([new Uint8Array(100)]).size}catch(e){return!1}}(),p=c.BlobBuilder||c.WebKitBlobBuilder||c.MozBlobBuilder||c.MSBlobBuilder,g=/^data:((.*?)(;charset=.*?)?)(;base64)?,/,m=(l||p)&&c.atob&&c.ArrayBuffer&&c.Uint8Array&&function(e){var t,n,r,o,a,i,c,s,m;if(!(t=e.match(g)))throw new Error("invalid data URI");for(n=t[2]?t[1]:"text/plain"+(t[3]||";charset=US-ASCII"),r=!!t[4],o=e.slice(t[0].length),a=r?atob(o):decodeURIComponent(o),i=new ArrayBuffer(a.length),c=new Uint8Array(i),s=0;s<a.length;s+=1)c[s]=a.charCodeAt(s);return l?new Blob([d?c:i],{type:n}):((m=new p).append(i),m.getBlob(n))},c.HTMLCanvasElement&&!s.toBlob&&(s.mozGetAsFile?s.toBlob=function(e,t,n){var r=this;setTimeout(function(){e(n&&s.toDataURL&&m?m(r.toDataURL(t,n)):r.mozGetAsFile("blob",t))})}:s.toDataURL&&m&&(s.toBlob=s.msToBlob?function(e,t,n){var r=this;setTimeout(function(){e((t&&"image/png"!==t||n)&&s.toDataURL&&m?m(r.toDataURL(t,n)):r.msToBlob(t))})}:function(e,t,n){var r=this;setTimeout(function(){e(m(r.toDataURL(t,n)))})})),i.exports?i.exports=m:c.dataURLtoBlob=m);var u=h.exports,f={strict:!0,checkOrientation:!0,retainExif:!1,maxWidth:1/0,maxHeight:1/0,minWidth:0,minHeight:0,width:void 0,height:void 0,resize:"none",quality:.8,mimeType:"auto",convertTypes:["image/png"],convertSize:5e6,beforeDraw:null,drew:null,success:null,error:null},C="undefined"!=typeof window&&void 0!==window.document?window:{},x=function(e){return e>0&&e<1/0},b=Array.prototype.slice;function _(e){return Array.from?Array.from(e):b.call(e)}var O=/^image\/.+$/;function v(e){return O.test(e)}var P=String.fromCharCode;var M=C.btoa;function y(e,t){for(var n=[],r=new Uint8Array(e);r.length>0;)n.push(P.apply(null,_(r.subarray(0,8192)))),r=r.subarray(8192);return"data:".concat(t,";base64,").concat(M(n.join("")))}function w(e){var t,n=new DataView(e);try{var r,o,a;if(255===n.getUint8(0)&&216===n.getUint8(1))for(var i=n.byteLength,c=2;c+1<i;){if(255===n.getUint8(c)&&225===n.getUint8(c+1)){o=c;break}c+=1}if(o){var s=o+10;if("Exif"===function(e,t,n){var r,o="";for(n+=t,r=t;r<n;r+=1)o+=P(e.getUint8(r));return o}(n,o+4,4)){var l=n.getUint16(s);if(((r=18761===l)||19789===l)&&42===n.getUint16(s+2,r)){var d=n.getUint32(s+4,r);d>=8&&(a=s+d)}}}if(a){var p,g,m=n.getUint16(a,r);for(g=0;g<m;g+=1)if(274===n.getUint16(p=a+12*g+2,r)){t=n.getUint16(p+=8,r),n.setUint16(p,1,r);break}}}catch(h){t=1}return t}var k=/\.\d*(?:0|9){12}\d*$/;function E(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e11;return k.test(e)?Math.round(e*t)/t:e}function S(e){var t=e.aspectRatio,n=e.height,r=e.width,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"none",a=x(r),i=x(n);if(a&&i){var c=n*t;("contain"===o||"none"===o)&&c>r||"cover"===o&&c<r?n=r/t:r=n*t}else a?n=r/t:i&&(r=n*t);return{width:r,height:n}}var I=C.ArrayBuffer,A=C.FileReader,D=C.URL||C.webkitURL,B=/\.\w+$/,T=C.Compressor;return function(){function e(n,r){(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")})(this,e),this.file=n,this.exif=[],this.image=new Image,this.options=t(t({},f),r),this.aborted=!1,this.result=null,this.init()}return function(e,t,r){t&&n(e.prototype,t),r&&n(e,r),Object.defineProperty(e,"prototype",{writable:!1})}(e,[{key:"init",value:function(){var e=this,t=this.file,n=this.options;if(function(e){return"undefined"!=typeof Blob&&(e instanceof Blob||"[object Blob]"===Object.prototype.toString.call(e))}(t)){var r=t.type;if(v(r))if(D&&A){I||(n.checkOrientation=!1,n.retainExif=!1);var a="image/jpeg"===r,i=a&&n.checkOrientation,c=a&&n.retainExif;if(!D||i||c){var s=new A;this.reader=s,s.onload=function(n){var a=n.target.result,s={},l=1;i&&(l=w(a))>1&&o(s,function(e){var t=0,n=1,r=1;switch(e){case 2:n=-1;break;case 3:t=-180;break;case 4:r=-1;break;case 5:t=90,r=-1;break;case 6:t=90;break;case 7:t=90,n=-1;break;case 8:t=-90}return{rotate:t,scaleX:n,scaleY:r}}(l)),c&&(e.exif=function(e){for(var t=_(new Uint8Array(e)),n=t.length,r=[],o=0;o+3<n;){var a=t[o],i=t[o+1];if(255===a&&218===i)break;if(255===a&&216===i)o+=2;else{var c=o+(256*t[o+2]+t[o+3])+2,s=t.slice(o,c);r.push(s),o=c}}return r.reduce(function(e,t){return 255===t[0]&&225===t[1]?e.concat(t):e},[])}(a)),s.url=i||c?!D||l>1?y(a,r):D.createObjectURL(t):a,e.load(s)},s.onabort=function(){e.fail(new Error("Aborted to read the image with FileReader."))},s.onerror=function(){e.fail(new Error("Failed to read the image with FileReader."))},s.onloadend=function(){e.reader=null},i||c?s.readAsArrayBuffer(t):s.readAsDataURL(t)}else this.load({url:D.createObjectURL(t)})}else this.fail(new Error("The current browser does not support image compression."));else this.fail(new Error("The first argument must be an image File or Blob object."))}else this.fail(new Error("The first argument must be a File or Blob object."))}},{key:"load",value:function(e){var n=this,r=this.file,o=this.image;o.onload=function(){n.draw(t(t({},e),{}

1,{naturalWidth:o.naturalWidth,naturalHeight:o.naturalHeight}))},o.onabort=function(){n.fail(new Error("Aborted to load the image."))},o.onerror=function(){n.fail(new Error("Failed to load the image."))},C.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(C.navigator.userAgent)&&(o.crossOrigin="anonymous"),o.alt=r.name,o.src=e.url}},{key:"draw",value:function(e){var t=this,n=e.naturalWidth,r=e.naturalHeight,o=e.rotate,a=void 0===o?0:o,i=e.scaleX,c=void 0===i?1:i,s=e.scaleY,l=void 0===s?1:s,d=this.file,p=this.image,g=this.options,m=document.createElement("canvas"),h=m.getContext("2d"),f=Math.abs(a)%180==90,C=("contain"===g.resize||"cover"===g.resize)&&x(g.width)&&x(g.height),b=Math.max(g.maxWidth,0)||1/0,O=Math.max(g.maxHeight,0)||1/0,P=Math.max(g.minWidth,0)||0,M=Math.max(g.minHeight,0)||0,w=n/r,k=g.width,I=g.height;if(f){var D=[O,b];b=D[0],O=D[1];var B=[M,P];P=B[0],M=B[1];var T=[I,k];k=T[0],I=T[1]}C&&(w=k/I);var F=S({aspectRatio:w,width:b,height:O},"contain");b=F.width,O=F.height;var U=S({aspectRatio:w,width:P,height:M},"cover");if(P=U.width,M=U.height,C){var z=S({aspectRatio:w,width:k,height:I},g.resize);k=z.width,I=z.height}else{var j=S({aspectRatio:w,width:k,height:I}),L=j.width;k=void 0===L?n:L;var R=j.height;I=void 0===R?r:R}var V=-(k=Math.floor(E(Math.min(Math.max(k,P),b))))/2,N=-(I=Math.floor(E(Math.min(Math.max(I,M),O))))/2,W=k,H=I,q=[];if(C){var Y,G,X=S({aspectRatio:w,width:n,height:r},{contain:"cover",cover:"contain"}[g.resize]);q.push((n-(Y=X.width))/2,(r-(G=X.height))/2,Y,G)}if(q.push(V,N,W,H),f){var $=[I,k];k=$[0],I=$[1]}m.width=k,m.height=I,v(g.mimeType)||(g.mimeType=d.type);var Q="transparent";d.size>g.convertSize&&g.convertTypes.indexOf(g.mimeType)>=0&&(g.mimeType="image/jpeg");var J="image/jpeg"===g.mimeType;if(J&&(Q="#fff"),h.fillStyle=Q,h.fillRect(0,0,k,I),g.beforeDraw&&g.beforeDraw.call(this,h,m),!this.aborted&&(h.save(),h.translate(k/2,I/2),h.rotate(a*Math.PI/180),h.scale(c,l),h.drawImage.apply(h,[p].concat(q)),h.restore(),g.drew&&g.drew.call(this,h,m),!this.aborted)){var K=function(e){if(!t.aborted){var o=function(e){return t.done({naturalWidth:n,naturalHeight:r,result:e})};if(e&&J&&g.retainExif&&t.exif&&t.exif.length>0){var a=function(e){return o(u(y(function(e,t){var n=_(new Uint8Array(e));if(255!==n[2]||224!==n[3])return e;var r=[255,216].concat(t,n.slice(4+(256*n[4]+n[5])));return new Uint8Array(r)}(e,t.exif),g.mimeType)))};if(e.arrayBuffer)e.arrayBuffer().then(a).catch(function(){t.fail(new Error("Failed to read the compressed image with Blob.arrayBuffer()."))});else{var i=new A;t.reader=i,i.onload=function(e){a(e.target.result)},i.onabort=function(){t.fail(new Error("Aborted to read the compressed image with FileReader."))},i.onerror=function(){t.fail(new Error("Failed to read the compressed image with FileReader."))},i.onloadend=function(){t.reader=null},i.readAsArrayBuffer(e)}}else o(e)}};m.toBlob?m.toBlob(K,g.mimeType,g.quality):K(u(m.toDataURL(g.mimeType,g.quality)))}}},{key:"done",value:function(e){var t=e.naturalWidth,n=e.naturalHeight,r=e.result,o=this.file,a=this.image,i=this.options;if(D&&0===a.src.indexOf("blob:")&&D.revokeObjectURL(a.src),r)if(i.strict&&!i.retainExif&&r.size>o.size&&i.mimeType===o.type&&!(i.width>t||i.height>n||i.minWidth>t||i.minHeight>n||i.maxWidth<t||i.maxHeight<n))r=o;else{var c=new Date;r.lastModified=c.getTime(),r.lastModifiedDate=c,r.name=o.name,r.name&&r.type!==o.type&&(r.name=r.name.replace(B,function(e){var t=v(e)?e.substr(6):"";return"jpeg"===t&&(t="jpg"),".".concat(t)}(r.type)))}else r=o;this.result=r,i.success&&i.success.call(this,r)}},{key:"fail",value:function(e){var t=this.options;if(!t.error)throw e;t.error.call(this,e)}},{key:"abort",value:function(){this.aborted||(this.aborted=!0,this.reader?this.reader.abort():this.image.complete?this.fail(new Error("The compression process has been aborted.")):(this.image.onload=null,this.image.onabort()))}}],[{key:"noConflict",value:function(){return window.Compressor=T,e}},{key:"setDefaults",value:function(e){o(f,e)}}]),e}()}()},50988:function(e){e.exports=function(){"use strict";function e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function t(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};

1n%2?e(Object(r),!0).forEach(function(e){i(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):e(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function n(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,n(o.key),o)}}function i(e,t,r){return(t=n(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(e,t)}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var l="undefined"!=typeof window&&void 0!==window.document,d=l?window:{},p=!(!l||!d.document.documentElement)&&"ontouchstart"in d.document.documentElement,g=!!l&&"PointerEvent"in d,m="cropper",h="n",u="ne",f="nw",C="se",x="sw",b="".concat(m,"-crop"),_="".concat(m,"-disabled"),O="".concat(m,"-hidden"),v="".concat(m,"-hide"),P="".concat(m,"-invisible"),M="".concat(m,"-modal"),y="".concat(m,"-move"),w="".concat(m,"Action"),k="".concat(m,"Preview"),E="crop",S="move",I="none",A="crop",D="cropend",B="cropmove",T="cropstart",F="dblclick",U=g?"pointerdown":p?"touchstart":"mousedown",z=g?"pointermove":p?"touchmove":"mousemove",j=g?"pointerup pointercancel":p?"touchend touchcancel":"mouseup",L="zoom",R="image/jpeg",V=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,N=/^data:/,W=/^data:image\/jpeg;base64,/,H=/^img|canvas$/i,q={viewMode:0,dragMode:E,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},Y=Number.isNaN||d.isNaN;function G(e){return"number"==typeof e&&!Y(e)}var X=function(e){return e>0&&e<1/0};function $(e){return void 0===e}function Q(e){return"object"===r(e)&&null!==e}var J=Object.prototype.hasOwnProperty;function K(e){if(!Q(e))return!1;try{var t=e.constructor,n=t.prototype;return t&&n&&J.call(n,"isPrototypeOf")}catch(r){return!1}}function Z(e){return"function"==typeof e}var ee=Array.prototype.slice;function te(e){return Array.from?Array.from(e):ee.call(e)}function ne(e,t){return e&&Z(t)&&(Array.isArray(e)||G(e.length)?te(e).forEach(function(n,r){t.call(e,n,r,e)}):Q(e)&&Object.keys(e).forEach(function(n){t.call(e,e[n],n,e)})),e}var re=Object.assign||function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return Q(e)&&n.length>

10&&n.forEach(function(t){Q(t)&&Object.keys(t).forEach(function(n){e[n]=t[n]})}),e},oe=/\.\d*(?:0|9){12}\d*$/;function ae(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e11;return oe.test(e)?Math.round(e*t)/t:e}var ie=/^width|height|left|top|marginLeft|marginTop$/;function ce(e,t){var n=e.style;ne(t,function(e,t){ie.test(t)&&G(e)&&(e="".concat(e,"px")),n[t]=e})}function se(e,t){if(t){if(G(e.length))return void ne(e,function(e){se(e,t)});if(e.classList)return void e.classList.add(t);var n=e.className.trim();n?n.indexOf(t)<0&&(e.className="".concat(n," ").concat(t)):e.className=t}}function le(e,t){if(t){if(G(e.length))return void ne(e,function(e){le(e,t)});if(e.classList)return void e.classList.remove(t);e.className.indexOf(t)>=0&&(e.className=e.className.replace(t,""))}}function de(e,t,n){if(t){if(G(e.length))return void ne(e,function(e){de(e,t,n)});n?se(e,t):le(e,t)}}var pe=/([a-z\d])([A-Z])/g;function ge(e){return e.replace(pe,"$1-$2").toLowerCase()}function me(e,t){return Q(e[t])?e[t]:e.dataset?e.dataset[t]:e.getAttribute("data-".concat(ge(t)))}function he(e,t,n){Q(n)?e[t]=n:e.dataset?e.dataset[t]=n:e.setAttribute("data-".concat(ge(t)),n)}var ue=/\s\s*/,fe=function(){var e=!1;if(l){var t=!1,n=function(){},r=Object.defineProperty({},"once",{get:function(){return e=!0,t},set:function(e){t=e}});d.addEventListener("test",n,r),d.removeEventListener("test",n,r)}return e}();function Ce(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=n;t.trim().split(ue).forEach(function(t){if(!fe){var a=e.listeners;a&&a[t]&&a[t][n]&&(o=a[t][n],delete a[t][n],0===Object.keys(a[t]).length&&delete a[t],0===Object.keys(a).length&&delete e.listeners)}e.removeEventListener(t,o,r)})}function xe(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=n;t.trim().split(ue).forEach(function(t){if(r.once&&!fe){var a=e.listeners,i=void 0===a?{}:a;o=function(){delete i[t][n],e.removeEventListener(t,o,r);for(var a=arguments.length,c=new Array(a),s=0;s<a;s++)c[s]=arguments[s];n.apply(e,c)},i[t]||(i[t]={}),i[t][n]&&e.removeEventListener(t,i[t][n],r),i[t][n]=o,e.listeners=i}e.addEventListener(t,o,r)})}function be(e,t,n){var r;return Z(Event)&&Z(CustomEvent)?r=new CustomEvent(t,{detail:n,bubbles:!0,cancelable:!0}):(r=document.createEvent("CustomEvent")).initCustomEvent(t,!0,!0,n),e.dispatchEvent(r)}function _e(e){var t=e.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var Oe=d.location,ve=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function Pe(e){var t=e.match(ve);return null!==t&&(t[1]!==Oe.protocol||t[2]!==Oe.hostname||t[3]!==Oe.port)}function Me(e){var t="timestamp=".concat((new Date).getTime());return e+(-1===e.indexOf("?")?"?":"&")+t}function ye(e){var t=e.rotate,n=e.scaleX,r=e.scaleY,o=e.translateX,a=e.translateY,i=[];G(o)&&0!==o&&i.push("translateX(".concat(o,"px)")),G(a)&&0!==a&&i.push("translateY(".concat(a,"px)")),G(t)&&0!==t&&i.push("rotate(".concat(t,"deg)")),G(n)&&1!==n&&i.push("scaleX(".concat(n,")")),G(r)&&1!==r&&i.push("scaleY(".concat(r,")"));var c=i.length?i.join(" "):"none";return{WebkitTransform:c,msTransform:c,transform:c}}function we(e,n){var r=e.pageX,o=e.pageY,a={endX:r,endY:o};return n?a:t({startX:r,startY:o},a)}function ke(e){var t=e.aspectRatio,n=e.height,r=e.width,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"contain",a=X(r),i=X(n);if(a&&i){var c=n*t;"contain"===o&&c>r||"cover"===o&&c<r?n=r/t:r=n*t}else a?n=r/t:i&&(r=n*t);return{width:r,height:n}}function Ee(e,t,n,r){var o=t.aspectRatio,a=t.naturalWidth,i=t.naturalHeight,s=t.rotate,l=void 0===s?0:s,d=t.scaleX,p=void 0===d?1:d,g=t.scaleY,m=void 0===g?1:g,h=n.aspectRatio,u=n.naturalWidth,f=n.naturalHeight,C=r.fillColor,x=void 0===C?"transparent":C,b=r.imageSmoothingEnabled,_=void 0===b||b,O=r.imageSmoothingQuality,v=void 0===O?"low":O,P=r.maxWidth,M=void 0===P?1/0:P,y=r.maxHeight,w=void 0===y?1/0:y,k=r.minWidth,E=void 0===k?0:k,S=r.minHeight,I=void 0===S?0:S,A=document.createElement("canvas"),D=A.getContext("2d"),B=ke({aspectRatio:h,width:M,height:w}

1),T=ke({aspectRatio:h,width:E,height:I},"cover"),F=Math.min(B.width,Math.max(T.width,u)),U=Math.min(B.height,Math.max(T.height,f)),z=ke({aspectRatio:o,width:M,height:w}),j=ke({aspectRatio:o,width:E,height:I},"cover"),L=Math.min(z.width,Math.max(j.width,a)),R=Math.min(z.height,Math.max(j.height,i)),V=[-L/2,-R/2,L,R];return A.width=ae(F),A.height=ae(U),D.fillStyle=x,D.fillRect(0,0,F,U),D.save(),D.translate(F/2,U/2),D.rotate(l*Math.PI/180),D.scale(p,m),D.imageSmoothingEnabled=_,D.imageSmoothingQuality=v,D.drawImage.apply(D,[e].concat(c(V.map(function(e){return Math.floor(ae(e))})))),D.restore(),A}var Se=String.fromCharCode;var Ie=/^data:.*,/;function Ae(e){var t,n=new DataView(e);try{var r,o,a;if(255===n.getUint8(0)&&216===n.getUint8(1))for(var i=n.byteLength,c=2;c+1<i;){if(255===n.getUint8(c)&&225===n.getUint8(c+1)){o=c;break}c+=1}if(o){var s=o+10;if("Exif"===function(e,t,n){var r="";n+=t;for(var o=t;o<n;o+=1)r+=Se(e.getUint8(o));return r}(n,o+4,4)){var l=n.getUint16(s);if(((r=18761===l)||19789===l)&&42===n.getUint16(s+2,r)){var d=n.getUint32(s+4,r);d>=8&&(a=s+d)}}}if(a){var p,g,m=n.getUint16(a,r);for(g=0;g<m;g+=1)if(274===n.getUint16(p=a+12*g+2,r)){t=n.getUint16(p+=8,r),n.setUint16(p,1,r);break}}}catch(h){t=1}return t}var De={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var e=this.element,t=this.options,n=this.container,r=this.cropper,o=Number(t.minContainerWidth),a=Number(t.minContainerHeight);se(r,O),le(e,O);var i={width:Math.max(n.offsetWidth,o>=0?o:200),height:Math.max(n.offsetHeight,a>=0?a:100)};this.containerData=i,ce(r,{width:i.width,height:i.height}),se(e,O),le(r,O)},initCanvas:function(){var e=this.containerData,t=this.imageData,n=this.options.viewMode,r=Math.abs(t.rotate)%180==90,o=r?t.naturalHeight:t.naturalWidth,a=r?t.naturalWidth:t.naturalHeight,i=o/a,c=e.width,s=e.height;e.height*i>e.width?3===n?c=e.height*i:s=e.width/i:3===n?s=e.width/i:c=e.height*i;var l={aspectRatio:i,naturalWidth:o,naturalHeight:a,width:c,height:s};this.canvasData=l,this.limited=1===n||2===n,this.limitCanvas(!0,!0),l.width=Math.min(Math.max(l.width,l.minWidth),l.maxWidth),l.height=Math.min(Math.max(l.height,l.minHeight),l.maxHeight),l.left=(e.width-l.width)/2,l.top=(e.height-l.height)/2,l.oldLeft=l.left,l.oldTop=l.top,this.initialCanvasData=re({},l)},limitCanvas:function(e,t){var n=this.options,r=this.containerData,o=this.canvasData,a=this.cropBoxData,i=n.viewMode,c=o.aspectRatio,s=this.cropped&&a;if(e){var l=Number(n.minCanvasWidth)||0,d=Number(n.minCanvasHeight)||0;i>1?(l=Math.max(l,r.width),d=Math.max(d,r.height),3===i&&(d*c>l?l=d*c:d=l/c)):i>0&&(l?l=Math.max(l,s?a.width:0):d?d=Math.max(d,s?a.height:0):s&&((d=a.height)*c>(l=a.width)?l=d*c:d=l/c));var p=ke({aspectRatio:c,width:l,height:d});d=p.height,o.minWidth=l=p.width,o.minHeight=d,o.maxWidth=1/0,o.maxHeight=1/0}if(t)if(i>(s?0:1)){var g=r.width-o.width,m=r.height-o.height;o.minLeft=Math.min(0,g),o.minTop=Math.min(0,m),o.maxLeft=Math.max(0,g),o.maxTop=Math.max(0,m),s&&this.limited&&(o.minLeft=Math.min(a.left,a.left+(a.width-o.width)),o.minTop=Math.min(a.top,a.top+(a.height-o.height)),o.maxLeft=a.left,o.maxTop=a.top,2===i&&(o.width>=r.width&&(o.minLeft=Math.min(0,g),o.maxLeft=Math.max(0,g)),o.height>=r.height&&(o.minTop=Math.min(0,m),o.maxTop=Math.max(0,m))))}else o.minLeft=-o.width,o.minTop=-o.height,o.maxLeft=r.width,o.maxTop=r.height},renderCanvas:function(e,t){var n=this.canvasData,r=this.imageData;if(t){var o=function(e){var t=e.width,n=e.height,r=e.degree;if(90==(r=Math.abs(r)%180))return{width:n,height:t};var o=r%90*Math.PI/180,a=Math.sin(o),i=Math.cos(o),c=t*i+n*a,s=t*a+n*i;return r>90?{width:s,height:c}:{width:c,height:s}}({width:r.naturalWidth*Math.abs(r.scaleX||1),height:r.naturalHeight*Math.abs(r.scaleY||1),degree:r.rotate||0}),a=o.width,i=o.height,c=n.width*(a/n.naturalWidth),s=n.height*(i/n.naturalHeight);n.left-=(c-n.width)/2,n.top-=(s-n.height)/2,n.width=c,n.height=s,n.aspectRatio=a/i,n.naturalWidth=a,n.naturalHeight=i,this.limitCanvas(!0,!1)}(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCanvas(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,ce(this.canvas,re({width:n.width,height:n.height},ye({translateX:n.left,translateY:n.top}))),this.renderImage(e),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(e){var t=this.canvasData,n=this.imageData,r=n.naturalWidth*(t.width/t.naturalWidth),o=n.naturalHeight*(t.height/t.naturalHeight);re(n,{width:r,height:o,left:(t.width-r)/2,top:(t.height-o)/2}),ce(this.image,re({width:n.width,height:n.height},ye(re({translateX:n.left,translateY:n.top},n)))),e&&this.output()},initCropBox:function(){var e=this.options,t=this.canvasData,n=e.aspectRatio||e.initialAspectRatio,r=Number(e.autoCropArea)||.8,o={width:t.width,height:t.height};n&&(t.height*n>t.width?o.height=o.width/n:o.width=o.height*n),this.cropBoxData=o,this.limitCropBox(!0,!0),o.width=Math.min(Math.max(o.width,o.minWidth),o.maxWidth),o.height=Math.min(Math.max(o.height,o.minHeight),o.maxHeight),o.width=Math.max(o.minWidth,o.width*r),o.height=Math.max(o.minHeight,o.height*r),o.left=t.left+(t.width-o.width)/2,o.top=t.top+(t.height-o.height)/2,o.oldLeft=o.left,o.oldTop=o.top,this.initialCropBoxData=re({},o)},limitCropBox:function(e,t){var n=this.options,r=this.containerData,o=this.canvasData,a=this.cropBoxData,i=this.limited,c=n.aspectRatio;if(e){var s=Number(n.minCropBoxWidth)||0,l=Number(n.minCropBoxHeight)||0,d=i?Math.min(r.width,o.width,o.width+o.left,r.width-o.left):r.width,p=i?Math.min(r.height,o.height,o.height+o.top,r.height-o.top):r.height;s=Math.min(s,r.width),l=Math.min(l,r.height),c&&(s&&l?l*c>s?l=s/c:s=l*c:s?l=s/c:l&&(s=l*c),p*c>d?p=d/c:d=p*c),a.minWidth=Math.min(s,d),a.minHeight=Math.min(l,p),a.maxWidth=d,a.maxHeight=p}t&&(i?(a.minLeft=Math.max(0,o.left),a.minTop=Math.max(0,o.top),a.maxLeft=Math.min(r.width,o.left+o.width)-a.width,a.maxTop=Math.min(r.height,o.top+o.height)-a.height):(a.minLeft=0,a.minTop=0,a.maxLeft=r.width-a.width,a.maxTop=r.height-a.height))},renderCropBox:function(){var e=this.options,t=this.containerData,n=this.cropBoxData;(n.width>

1n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCropBox(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,e.movable&&e.cropBoxMovable&&he(this.face,w,n.width>=t.width&&n.height>=t.height?"move":"all"),ce(this.cropBox,re({width:n.width,height:n.height},ye({translateX:n.left,translateY:n.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),be(this.element,A,this.getData())}},Be={initPreview:function(){var e=this.element,t=this.crossOrigin,n=this.options.preview,r=t?this.crossOriginUrl:this.url,o=e.alt||"The image to preview",a=document.createElement("img");if(t&&(a.crossOrigin=t),a.src=r,a.alt=o,this.viewBox.appendChild(a),this.viewBoxImage=a,n){var i=n;"string"==typeof n?i=e.ownerDocument.querySelectorAll(n):n.querySelector&&(i=[n]),this.previews=i,ne(i,function(e){var n=document.createElement("img");he(e,k,{width:e.offsetWidth,height:e.offsetHeight,html:e.innerHTML}),t&&(n.crossOrigin=t),n.src=r,n.alt=o,n.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',e.innerHTML="",e.appendChild(n)})}},resetPreview:function(){ne(this.previews,function(e){var t=me(e,k);ce(e,{width:t.width,height:t.height}),e.innerHTML=t.html,function(e,n){if(Q(e[n]))try{delete e[n]}catch(t){e[n]=void 0}else if(e.dataset)try{delete e.dataset[n]}catch(t){e.dataset[n]=void 0}else e.removeAttribute("data-".concat(ge(n)))}(e,k)})},preview:function(){var e=this.imageData,t=this.canvasData,n=this.cropBoxData,r=n.width,o=n.height,a=e.width,i=e.height,c=n.left-t.left-e.left,s=n.top-t.top-e.top;!this.cropped||this.disabled||(ce(this.viewBoxImage,re({width:a,height:i},ye(re({translateX:-c,translateY:-s},e)))),ne(this.previews,function(t){var n=me(t,k),l=n.width,d=n.height,p=l,g=d,m=1;r&&(g=o*(m=l/r)),o&&g>d&&(p=r*(m=d/o),g=d),ce(t,{width:p,height:g}),ce(t.getElementsByTagName("img")[0],re({width:a*m,height:i*m},ye(re({translateX:-c*m,translateY:-s*m},e))))}))}},Te={bind:function(){var e=this.element,t=this.options,n=this.cropper;Z(t.cropstart)&&xe(e,T,t.cropstart),Z(t.cropmove)&&xe(e,B,t.cropmove),Z(t.cropend)&&xe(e,D,t.cropend),Z(t.crop)&&xe(e,A,t.crop),Z(t.zoom)&&xe(e,L,t.zoom),xe(n,U,this.onCropStart=this.cropStart.bind(this)),t.zoomable&&t.zoomOnWheel&&xe(n,"wheel",this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),t.toggleDragModeOnDblclick&&xe(n,F,this.onDblclick=this.dblclick.bind(this)),xe(e.ownerDocument,z,this.onCropMove=this.cropMove.bind(this)),xe(e.ownerDocument,j,this.onCropEnd=this.cropEnd.bind(this)),t.responsive&&xe(window,"resize",this.onResize=this.resize.bind(this))},unbind:function(){var e=this.element,t=this.options,n=this.cropper;Z(t.cropstart)&&Ce(e,T,t.cropstart),Z(t.cropmove)&&Ce(e,B,t.cropmove),Z(t.cropend)&&Ce(e,D,t.cropend),Z(t.crop)&&Ce(e,A,t.crop),Z(t.zoom)&&Ce(e,L,t.zoom),Ce(n,U,this.onCropStart),t.zoomable&&t.zoomOnWheel&&Ce(n,"wheel",this.onWheel,{passive:!1,capture:!0}),t.toggleDragModeOnDblclick&&Ce(n,F,this.onDblclick),Ce(e.ownerDocument,z,this.onCropMove),Ce(e.ownerDocument,j,this.onCropEnd),t.responsive&&Ce(window,"resize",this.onResize)}},Fe={resize:function(){if(!this.disabled){var e,t,n=this.options,r=this.container,o=this.containerData,a=r.offsetWidth/o.width,i=r.offsetHeight/o.height,c=Math.abs(a-1)>Math.abs(i-1)?a:i;1!==c&&(n.restore&&(e=this.getCanvasData(),t=this.getCropBoxData()),this.render(),n.restore&&(this.setCanvasData(ne(e,function(t,n){e[n]=t*c})),this.setCropBoxData(ne(t,function(e,n){t[n]=e*c}))))}},dblclick:function(){var e,t;this.disabled||this.options.dragMode===I||this.setDragMode((t=b,((e=this.dragBox).classList?e.classList.contains(t):e.className.indexOf(t)>-1)?S:E))},wheel:function(e){var t=this,n=Number(this.options.wheelZoomRatio)||.1,r=1;this.disabled||(e.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){t.wheeling=!1},50),e.deltaY?r=e.deltaY>0?1:-1:e.wheelDelta?r=-e.wheelDelta/120:e.detail&&(r=e.detail>0?1:-1),this.zoom(-r*n,e)))},cropStart:function(e){var t=e.buttons,n=e.button;if(!(this.disabled||("mousedown"===e.type||"pointerdown"===e.type&&"mouse"===e.pointerType)&&(G(t)&&1!==t||G(n)&&0!==n||e.ctrlKey))){var r,o=this.options,a=this.pointers;e.changedTouches?ne(e.changedTouches,function(e){a[e.identifier]=we(e)}):a[e.pointerId||0]=we(e),r=Object.keys(a).length>1&&o.zoomable&&o.zoomOnTouch?"zoom":me(e.target,w),V.test(r)&&!1!==be(this.element,T,{originalEvent:e,action:r})&&(e.preventDefault(),this.action=r,this.cropping=!1,"crop"===r&&(this.cropping=!0,se(this.dragBox,M)))}},cropMove:function(e){var t=this.action;if(!this.disabled&&t){var n=this.pointers;e.preventDefault(),!1!==be(this.element,B,{originalEvent:e,action:t})&&(e.changedTouches?ne(e.changedTouches,function(e){re(n[e.identifier]||{},we(e,!0))}):re(n[e.pointerId||0]||{},we(e,!0)),this.change(e))}},cropEnd:function(e){if(!this.disabled){var t=this.action,n=this.pointers;e.changedTouches?ne(e.changedTouches,function(e){delete n[e.identifier]}):delete n[e.pointerId||0],t&&(e.preventDefault(),Object.keys(n).length||(this.action=""),this.cropping&&(this.cropping=!1,de(this.dragBox,M,this.cropped&&this.options.modal)),be(this.element,D,{originalEvent:e,action:t}))}}},Ue={change:function(e){var n,r=this.canvasData,o=this.containerData,a=this.cropBoxData,i=this.pointers,c=this.action,s=this.options.aspectRatio,l=a.left,d=a.top,p=a.width,g=a.height,m=l+p,b=d+g,_=0,v=0,P=

1o.width,M=o.height,y=!0;!s&&e.shiftKey&&(s=p&&g?p/g:1),this.limited&&(v=a.minTop,P=(_=a.minLeft)+Math.min(o.width,r.width,r.left+r.width),M=v+Math.min(o.height,r.height,r.top+r.height));var w=i[Object.keys(i)[0]],k={x:w.endX-w.startX,y:w.endY-w.startY},E=function(e){switch(e){case"e":m+k.x>P&&(k.x=P-m);break;case"w":l+k.x<_&&(k.x=_-l);break;case h:d+k.y<v&&(k.y=v-d);break;case"s":b+k.y>M&&(k.y=M-b)}};switch(c){case"all":l+=k.x,d+=k.y;break;case"e":if(k.x>=0&&(m>=P||s&&(d<=v||b>=M))){y=!1;break}E("e"),(p+=k.x)<0&&(c="w",l-=p=-p),s&&(d+=(a.height-(g=p/s))/2);break;case h:if(k.y<=0&&(d<=v||s&&(l<=_||m>=P))){y=!1;break}E(h),d+=k.y,(g-=k.y)<0&&(c="s",d-=g=-g),s&&(l+=(a.width-(p=g*s))/2);break;case"w":if(k.x<=0&&(l<=_||s&&(d<=v||b>=M))){y=!1;break}E("w"),l+=k.x,(p-=k.x)<0&&(c="e",l-=p=-p),s&&(d+=(a.height-(g=p/s))/2);break;case"s":if(k.y>=0&&(b>=M||s&&(l<=_||m>=P))){y=!1;break}E("s"),(g+=k.y)<0&&(c=h,d-=g=-g),s&&(l+=(a.width-(p=g*s))/2);break;case u:if(s){if(k.y<=0&&(d<=v||m>=P)){y=!1;break}E(h),d+=k.y,p=(g-=k.y)*s}else E(h),E("e"),k.x>=0?m<P?p+=k.x:k.y<=0&&d<=v&&(y=!1):p+=k.x,k.y<=0?d>v&&(g-=k.y,d+=k.y):(g-=k.y,d+=k.y);p<0&&g<0?(c=x,d-=g=-g,l-=p=-p):p<0?(c=f,l-=p=-p):g<0&&(c=C,d-=g=-g);break;case f:if(s){if(k.y<=0&&(d<=v||l<=_)){y=!1;break}E(h),d+=k.y,l+=a.width-(p=(g-=k.y)*s)}else E(h),E("w"),k.x<=0?l>_?(p-=k.x,l+=k.x):k.y<=0&&d<=v&&(y=!1):(p-=k.x,l+=k.x),k.y<=0?d>v&&(g-=k.y,d+=k.y):(g-=k.y,d+=k.y);p<0&&g<0?(c=C,d-=g=-g,l-=p=-p):p<0?(c=u,l-=p=-p):g<0&&(c=x,d-=g=-g);break;case x:if(s){if(k.x<=0&&(l<=_||b>=M)){y=!1;break}E("w"),l+=k.x,g=(p-=k.x)/s}else E("s"),E("w"),k.x<=0?l>_?(p-=k.x,l+=k.x):k.y>=0&&b>=M&&(y=!1):(p-=k.x,l+=k.x),k.y>=0?b<M&&(g+=k.y):g+=k.y;p<0&&g<0?(c=u,d-=g=-g,l-=p=-p):p<0?(c=C,l-=p=-p):g<0&&(c=f,d-=g=-g);break;case C:if(s){if(k.x>=0&&(m>=P||b>=M)){y=!1;break}E("e"),g=(p+=k.x)/s}else E("s"),E("e"),k.x>=0?m<P?p+=k.x:k.y>=0&&b>=M&&(y=!1):p+=k.x,k.y>=0?b<M&&(g+=k.y):g+=k.y;p<0&&g<0?(c=f,d-=g=-g,l-=p=-p):p<0?(c=x,l-=p=-p):g<0&&(c=u,d-=g=-g);break;case"move":this.move(k.x,k.y),y=!1;break;case"zoom":this.zoom(function(e){var n=t({},e),r=0;return ne(e,function(e,t){delete n[t],ne(n,function(t){var n=Math.abs(e.startX-t.startX),o=Math.abs(e.startY-t.startY),a=Math.abs(e.endX-t.endX),i=Math.abs(e.endY-t.endY),c=Math.sqrt(n*n+o*o),s=(Math.sqrt(a*a+i*i)-c)/c;Math.abs(s)>Math.abs(r)&&(r=s)})}),r}(i),e),y=!1;break;case"crop":if(!k.x||!k.y){y=!1;break}n=_e(this.cropper),l=w.startX-n.left,d=w.startY-n.top,p=a.minWidth,g=a.minHeight,k.x>0?c=k.y>0?C:u:k.x<0&&(l-=p,c=k.y>0?x:f),k.y<0&&(d-=g),this.cropped||(le(this.cropBox,O),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0))}y&&(a.width=p,a.height=g,a.left=l,a.top=d,this.action=c,this.renderCropBox()),ne(i,function(e){e.startX=e.endX,e.startY=e.endY})}},ze={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&se(this.dragBox,M),le(this.cropBox,O),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=re({},this.initialImageData),this.canvasData=re({},this.initialCanvasData),this.cropBoxData=re({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(re(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),le(this.dragBox,M),se(this.cropBox,O)),this},replace:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&e&&(this.isImg&&(this.element.src=e),t?(this.url=e,this.image.src=e,this.ready&&(this.viewBoxImage.src=e,ne(this.previews,function(t){t.getElementsByTagName("img")[0].src=e}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,le(this.cropper,_)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,se(this.cropper,_)),this},destroy:function(){var e=this.element;return e[m]?(e[m]=void 0,this.isImg&&this.replaced&&(e.src=this.originalUrl),this.uncreate(),this):this},move:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e,n=this.canvasData,r=n.left,o=n.top;return this.moveTo($(e)?e:r+Number(e),$(t)?t:o+Number(t))},moveTo:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e,n=this.canvasData,r=!1;return e=Number(e),t=Number(t),this.ready&&!this.disabled&&this.options.movable&&(G(e)&&(n.left

1=e,r=!0),G(t)&&(n.top=t,r=!0),r&&this.renderCanvas(!0)),this},zoom:function(e,t){var n=this.canvasData;return e=Number(e),this.zoomTo(n.width*(e=e<0?1/(1-e):1+e)/n.naturalWidth,null,t)},zoomTo:function(e,t,n){var r=this.options,o=this.canvasData,a=o.width,i=o.height,c=o.naturalWidth,s=o.naturalHeight;if((e=Number(e))>=0&&this.ready&&!this.disabled&&r.zoomable){var l=c*e,d=s*e;if(!1===be(this.element,L,{ratio:e,oldRatio:a/c,originalEvent:n}))return this;if(n){var p=this.pointers,g=_e(this.cropper),m=p&&Object.keys(p).length?function(e){var t=0,n=0,r=0;return ne(e,function(e){t+=e.startX,n+=e.startY,r+=1}),{pageX:t/=r,pageY:n/=r}}(p):{pageX:n.pageX,pageY:n.pageY};o.left-=(m.pageX-g.left-o.left)/a*(l-a),o.top-=(m.pageY-g.top-o.top)/i*(d-i)}else K(t)&&G(t.x)&&G(t.y)?(o.left-=(t.x-o.left)/a*(l-a),o.top-=(t.y-o.top)/i*(d-i)):(o.left-=(l-a)/2,o.top-=(d-i)/2);o.width=l,o.height=d,this.renderCanvas(!0)}return this},rotate:function(e){return this.rotateTo((this.imageData.rotate||0)+Number(e))},rotateTo:function(e){return G(e=Number(e))&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=e%360,this.renderCanvas(!0,!0)),this},scaleX:function(e){var t=this.imageData.scaleY;return this.scale(e,G(t)?t:1)},scaleY:function(e){var t=this.imageData.scaleX;return this.scale(G(t)?t:1,e)},scale:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e,n=this.imageData,r=!1;return e=Number(e),t=Number(t),this.ready&&!this.disabled&&this.options.scalable&&(G(e)&&(n.scaleX=e,r=!0),G(t)&&(n.scaleY=t,r=!0),r&&this.renderCanvas(!0,!0)),this},getData:function(){var e,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],n=this.options,r=this.imageData,o=this.canvasData,a=this.cropBoxData;if(this.ready&&this.cropped){var i=r.width/r.naturalWidth;if(ne(e={x:a.left-o.left,y:a.top-o.top,width:a.width,height:a.height},function(t,n){e[n]=t/i}),t){var c=Math.round(e.y+e.height),s=Math.round(e.x+e.width);e.x=Math.round(e.x),e.y=Math.round(e.y),e.width=s-e.x,e.height=c-e.y}}else e={x:0,y:0,width:0,height:0};return n.rotatable&&(e.rotate=r.rotate||0),n.scalable&&(e.scaleX=r.scaleX||1,e.scaleY=r.scaleY||1),e},setData:function(e){var t=this.options,n=this.imageData,r=this.canvasData,o={};if(this.ready&&!this.disabled&&K(e)){var a=!1;t.rotatable&&G(e.rotate)&&e.rotate!==n.rotate&&(n.rotate=e.rotate,a=!0),t.scalable&&(G(e.scaleX)&&e.scaleX!==n.scaleX&&(n.scaleX=e.scaleX,a=!0),G(e.scaleY)&&e.scaleY!==n.scaleY&&(n.scaleY=e.scaleY,a=!0)),a&&this.renderCanvas(!0,!0);var i=n.width/n.naturalWidth;G(e.x)&&(o.left=e.x*i+r.left),G(e.y)&&(o.top=e.y*i+r.top),G(e.width)&&(o.width=e.width*i),G(e.height)&&(o.height=e.height*i),this.setCropBoxData(o)}return this},getContainerData:function(){return this.ready?re({},this.containerData):{}},getImageData:function(){return this.sized?re({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,t={};return this.ready&&ne(["left","top","width","height","naturalWidth","naturalHeight"],function(n){t[n]=e[n]}),t},setCanvasData:function(e){var t=this.canvasData,n=t.aspectRatio;return this.ready&&!this.disabled&&K(e)&&(G(e.left)&&(t.left=e.left),G(e.top)&&(t.top=e.top),G(e.width)?(t.width=e.width,t.height=e.width/n):G(e.height)&&(t.height=e.height,t.width=e.height*n),this.renderCanvas(!0)),this},getCropBoxData:function(){var e,t=this.cropBoxData;return this.ready&&this.cropped&&(e={left:t.left,top:t.top,width:t.width,height:t.height}),e||{}},setCropBoxData:function(e){var t,n,r=this.cropBoxData,o=this.options.aspectRatio;return this.ready&&this.cropped&&!this.disabled&&K(e)&&(G(e.left)&&(r.left=e.left),G(e.top)&&(r.top=e.top),G(e.width)&&e.width!==r.width&&(t=!0,r.width=e.width),G(e.height)&&e.height!==r.height&&(n=!0,r.height=e.height),o&&(t?r.height=r.width/o:n&&(r.width=r.height*o)),this.renderCropBox()),this},getCroppedCanvas:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var t=this.canvasData,n=Ee(this.image,this.imageData,t,e);if(!this.cropped)return n;var r=this.getData(e.rounded),o=r.x,a=r.y,i=r.width,s=r.height,l=n.width/Math.floor(t.naturalWi

1dth);1!==l&&(o*=l,a*=l,i*=l,s*=l);var d=i/s,p=ke({aspectRatio:d,width:e.maxWidth||1/0,height:e.maxHeight||1/0}),g=ke({aspectRatio:d,width:e.minWidth||0,height:e.minHeight||0},"cover"),m=ke({aspectRatio:d,width:e.width||(1!==l?n.width:i),height:e.height||(1!==l?n.height:s)}),h=m.width,u=m.height;h=Math.min(p.width,Math.max(g.width,h)),u=Math.min(p.height,Math.max(g.height,u));var f=document.createElement("canvas"),C=f.getContext("2d");f.width=ae(h),f.height=ae(u),C.fillStyle=e.fillColor||"transparent",C.fillRect(0,0,h,u);var x=e.imageSmoothingEnabled,b=e.imageSmoothingQuality;C.imageSmoothingEnabled=void 0===x||x,b&&(C.imageSmoothingQuality=b);var _,O,v,P,M,y,w=n.width,k=n.height,E=o,S=a;E<=-i||E>w?(E=0,_=0,v=0,M=0):E<=0?(v=-E,E=0,M=_=Math.min(w,i+E)):E<=w&&(v=0,M=_=Math.min(i,w-E)),_<=0||S<=-s||S>k?(S=0,O=0,P=0,y=0):S<=0?(P=-S,S=0,y=O=Math.min(k,s+S)):S<=k&&(P=0,y=O=Math.min(s,k-S));var I=[E,S,_,O];if(M>0&&y>0){var A=h/i;I.push(v*A,P*A,M*A,y*A)}return C.drawImage.apply(C,[n].concat(c(I.map(function(e){return Math.floor(ae(e))})))),f},setAspectRatio:function(e){var t=this.options;return!this.disabled&&!$(e)&&(t.aspectRatio=Math.max(0,e)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(e){var t=this.options,n=this.dragBox,r=this.face;if(this.ready&&!this.disabled){var o=e===E,a=t.movable&&e===S;t.dragMode=e=o||a?e:I,he(n,w,e),de(n,b,o),de(n,y,a),t.cropBoxMovable||(he(r,w,e),de(r,b,o),de(r,y,a))}return this}},je=d.Cropper,Le=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(o(this,e),!t||!H.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=re({},q,K(n)&&n),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return function(e,t,n){return t&&a(e.prototype,t),n&&a(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}(e,[{key:"init",value:function(){var e,t=this.element,n=t.tagName.toLowerCase();if(!t[m]){if(t[m]=this,"img"===n){if(this.isImg=!0,e=t.getAttribute("src")||"",this.originalUrl=e,!e)return;e=t.src}else"canvas"===n&&window.HTMLCanvasElement&&(e=t.toDataURL());this.load(e)}}},{key:"load",value:function(e){var t=this;if(e){this.url=e,this.imageData={};var n=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer)return void this.clone();if(N.test(e))return void(W.test(e)?this.read(function(e){var t=e.replace(Ie,""),n=atob(t),r=new ArrayBuffer(n.length),o=new Uint8Array(r);return ne(o,function(e,t){o[t]=n.charCodeAt(t)}),r}(e)):this.clone());var o=new XMLHttpRequest,a=this.clone.bind(this);this.reloading=!0,this.xhr=o,o.onabort=a,o.onerror=a,o.ontimeout=a,o.onprogress=function(){o.getResponseHeader("content-type")!==R&&o.abort()},o.onload=function(){t.read(o.response)},o.onloadend=function(){t.reloading=!1,t.xhr=null},r.checkCrossOrigin&&Pe(e)&&n.crossOrigin&&(e=Me(e)),o.open("GET",e,!0),o.responseType="arraybuffer",o.withCredentials="use-credentials"===n.crossOrigin,o.send()}}},{key:"read",value:function(e){var t=this.options,n=this.imageData,r=Ae(e),o=0,a=1,i=1;if(r>1){this.url=function(e,t){for(var n=[],r=new Uint8Array(e);r.length>0;)n.push(Se.apply(null,te(r.subarray(0,8192)))),r=r.subarray(8192);return"data:".concat(t,";base64,").concat(btoa(n.join("")))}(e,R);var c=function(e){var t=0,n=1,r=1;switch(e){case 2:n=-1;break;case 3:t=-180;break;case 4:r=-1;break;case 5:t=90,r=-1;break;case 6:t=90;break;case 7:t=90,n=-1;break;case 8:t=-90}return{rotate:t,scaleX:n,scaleY:r}}(r);o=c.rotate,a=c.scaleX,i=c.scaleY}t.rotatable&&(n.rotate=o),t.scalable&&(n.scaleX=a,n.scaleY=i),this.clone()}},{key:"clone",value:function(){var e=this.element,t=this.url,n=e.crossOrigin,r=t;this.options.checkCrossOrigin&&Pe(t)&&(n||(n="anonymous"),r=Me(t)),this.crossOrigin=n,this.crossOriginUrl=r;var o=document.createElement("img");n&&(o.crossOrigin=n),o.src=r||t,o.alt=e.alt||"The image to crop",this.image=o,o.onload=this.start.bind(this),o.onerror=this.stop.bind(this),se(o,v),e.parentNode.insertBefore(o,e.nextSibling)}},{key:"start",value:function(){var e=this,t=this.image;t.onload=null,t.onerror=null,this.sizing=!0;var n=d.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(d.navigator.userAgent),r=function(t,n){re(e.imageData,{naturalWi

1dth:t,naturalHeight:n,aspectRatio:t/n}),e.initialImageData=re({},e.imageData),e.sizing=!1,e.sized=!0,e.build()};if(!t.naturalWidth||n){var o=document.createElement("img"),a=document.body||document.documentElement;this.sizingImage=o,o.onload=function(){r(o.width,o.height),n||a.removeChild(o)},o.src=t.src,n||(o.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",a.appendChild(o))}else r(t.naturalWidth,t.naturalHeight)}},{key:"stop",value:function(){var e=this.image;e.onload=null,e.onerror=null,e.parentNode.removeChild(e),this.image=null}},{key:"build",value:function(){if(this.sized&&!this.ready){var e=this.element,t=this.options,n=this.image,r=e.parentNode,o=document.createElement("div");o.innerHTML='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>';var a=o.querySelector(".".concat(m,"-container")),i=a.querySelector(".".concat(m,"-canvas")),c=a.querySelector(".".concat(m,"-drag-box")),s=a.querySelector(".".concat(m,"-crop-box")),l=s.querySelector(".".concat(m,"-face"));this.container=r,this.cropper=a,this.canvas=i,this.dragBox=c,this.cropBox=s,this.viewBox=a.querySelector(".".concat(m,"-view-box")),this.face=l,i.appendChild(n),se(e,O),r.insertBefore(a,e.nextSibling),le(n,v),this.initPreview(),this.bind(),t.initialAspectRatio=Math.max(0,t.initialAspectRatio)||NaN,t.aspectRatio=Math.max(0,t.aspectRatio)||NaN,t.viewMode=Math.max(0,Math.min(3,Math.round(t.viewMode)))||0,se(s,O),t.guides||se(s.getElementsByClassName("".concat(m,"-dashed")),O),t.center||se(s.getElementsByClassName("".concat(m,"-center")),O),t.background&&se(a,"".concat(m,"-bg")),t.highlight||se(l,P),t.cropBoxMovable&&(se(l,y),he(l,w,"all")),t.cropBoxResizable||(se(s.getElementsByClassName("".concat(m,"-line")),O),se(s.getElementsByClassName("".concat(m,"-point")),O)),this.render(),this.ready=!0,this.setDragMode(t.dragMode),t.autoCrop&&this.crop(),this.setData(t.data),Z(t.ready)&&xe(e,"ready",t.ready,{once:!0}),be(e,"ready")}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var e=this.cropper.parentNode;e&&e.removeChild(this.cropper),le(this.element,O)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=je,e}},{key:"setDefaults",value:function(e){re(q,K(e)&&e)}}])}();return re(Le.prototype,De,Be,Te,Fe,Ue,ze),Le}()},80802:function(e,t,n){"use strict";n.d(t,{J:function(){return i}});var r=n(62415),o=n(38592),a=n(36951);let i=(()=>{class e{constructor(e,t){this.apiService=e,this.endpointService=t}fetchCard(e){return this.apiService.request(`${this.endpointService.card}/${e}`,{method:"GET"},!0)}getExcludedProducts(e){return this.apiService.request(this.endpointService.excludedProducts+"?card_id="+e)}}return e.\u0275fac=function(t){return new(t||e)(r.\u0275\u0275inject(o.V),r.\u0275\u0275inject(a.F))},e.\u0275prov=r.\u0275\u0275defineInjectable({token:e,factory:e.\u0275fac}),e})()},26978:function(e,t,n){"use strict";n.r(t),n.d(t,{DesignModule:function(){return Pn}});var r=n(92674),o=n(16151),a=n(65061),i=n(13074),c=n(85572),s=n(69556),l=n(13486),d=n(10480),p=n(39417),g=n(16710),m=n(6650),h=n(58267),u=n(35289),f=n(57965),C=n(62415),x=n(17291),b=n(64084),_=n(95410),O=n(93386),v=n(20354),P=n(38592),M=n(36951),y=n(35666),w=(()=>((w||(w={})).UpdateCard="update_card",w))();let k=(()=>{class e{constructor(e,t,n,r){this.Api=e,this.Endpoint=t,this.q=n,this.route=r,this.triggerExpand=new O.xQ,this.Update

1CardEntity=this.route.data.pipe((0,v.j)("card")),this.UpdateCardId=this.route.queryParams.pipe((0,v.j)(w.UpdateCard))}initPayload(){return{description:{title:"",description:"",copy:""},categories:[],pinned:!1,tags:[],masks:[],recipient:{country:"United Kingdom",language:"English"},visibility:"PUBLIC",exclusive:null,price_class:"STANDARD"}}initDescPayload(){return{title:"",description:"",copy:""}}initDesignPayload(){return{description:{title:"",description:"",copy:""},masks:[{format:"",x:10,y:10,width:300,height:300}]}}initPrivatePayload(){return{masks:[{width:0,height:0,x:0,y:0,format:"A5"}],visibility:"PRIVATE"}}initOptions(){return{fileReader:null,tempImage:null,image:null,imageDetails:{},showImage:!1,showError:!1,thinking:!1,isCropperValid:!1,cropperNeeded:!0,cardSuccessfullyUploaded:!1,showLoadBtn:!1,tags:null,isCardUpdate:!1}}uploadCardDetails(e,t){return this.Api.request(`${this.Endpoint.card}/${t}/description`,{method:"PATCH",data:e})}uploadCardDesignDetails(e,t,n){const r=`${this.Endpoint.v2card}/${n}/replacement`,o=new FormData;return o.append("file",e),o.append("card",new Blob([JSON.stringify(t)],{type:"application/json"})),this.Api.request(r,{method:"POST",data:o,dataFormat:"multipart"})}uploadCard(e,t){const n=new FormData;return n.append("file",e),"PUBLIC"===t.visibility&&"exclusive"in t&&n.append("exclusive",JSON.stringify(t.exclusive)),n.append("card",new Blob([JSON.stringify(t)],{type:"application/json"})),this.Api.request(this.Endpoint.v2card,{method:"POST",data:n,dataFormat:"multipart"})}uploadPhotoCard(e,t,n){var r=new FormData;r.append("template",e),r.append("file",t);let o=new Blob([JSON.stringify(n)],{type:"application/json"});return r.append("template_request",o),this.Api.request(this.Endpoint.template,{method:"POST",data:r,dataFormat:"multipart"})}replaceCard(e,t,n){var r=new FormData;return r.append("file",e),r.append("card",JSON.stringify(t)),this.Api.request(this.Endpoint.cardReplacement+n,{method:"POST",data:r,dataFormat:"multipart"})}getCategoryId(e){return this.Api.request(this.Endpoint.categoryTitle+e,void 0)}isCroppingMaskValid(e,t){return!(e.masks[0].width<_.g.AppSettings.minWidthPortrait||e.masks[0].height<_.g.AppSettings.minHeightPortrait)}doesImageNeedCrop({naturalHeight:e,naturalWidth:t}){return!(1772===t&&2506===e)}checkForRoundup(e,t){const n={width:0,height:0};return t.imageDetails.width<e.masks[0].width+e.masks[0].x?n.width=t.imageDetails.width-e.masks[0].x:delete n.width,t.imageDetails.height<e.masks[0].height+e.masks[0].y?n.height=t.imageDetails.height-e.masks[0].y:delete n.height,Promise.resolve(n)}getImageDetails(e){return{width:e.width,height:e.height,orientation:e.width>=e.height?"LANDSCAPE":"PORTRAIT"}}get getStyles(){return["Rude","Funny","Cheeky","Naughty","Traditional/Classic","Cute","Pretty","Heartfelt"]}get getThemes(){return["Pets","Politics","Celebrity","Pop Culture","Love","Inspirational","Quotes","Alcohol","Food","Sport","Film/TV/Netflix","Music","Send a Smile"]}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275inject(P.V),C.\u0275\u0275inject(M.F),C.\u0275\u0275inject(y.Q),C.\u0275\u0275inject(i.gz))},e.\u0275prov=C.\u0275\u0275defineInjectable({token:e,factory:e.\u0275fac,providedIn:"root"}),e})();var E=n(68076),S=n(37403),I=n(70013),A=n(17419),D=n(36565),B=n.n(D),T=n(50988),F=n.n(T),U=n(8355),z=n(49841),j=n(1646);const L=["imageToCrop"];function R(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",12),C.\u0275\u0275elementStart(1,"h6"),C.\u0275\u0275text(2,"Looks like your file isn't valid!"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"p",13),C.\u0275\u0275text(4,"Please ensure that your file is:"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(5,"ul"),C.\u0275\u0275elementStart(6,"li"),C.\u0275\u0275text(7,"In PNG or JPG format"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(8,"li"),C.\u0275\u0275text(9,"No larger than 25mb"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(10,"li"),C.\u0275\u0275text(11,"No smaller than 1772x2506px"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(12,"li"),C.\u0275\u0275text(13,"No larger than 3544x5012px"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())}function V(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",18),C.\u0275\u0275elementStart(1,"div",19),C.\u0275\u0275text(2,"Drop your design here"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"div",20),C.\u0275\u0275element(4,"img",21),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(5,"a",22),C.\u0275\u0275text(6,"or click here to select a file"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())}function N(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",23),C.\u0275\u0275element(1,"img",24),C.\u0275\u0275elementEnd())}function W(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"div",14),C.\u0275\u0275listener("filesChange",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext().filesChange(t)}

1),C.\u0275\u0275element(1,"div",15),C.\u0275\u0275template(2,V,7,0,"div",16),C.\u0275\u0275template(3,N,2,0,"div",17),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275advance(2),C.\u0275\u0275property("ngIf",!e.file.pending),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.file.pending)}}function H(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",25),C.\u0275\u0275element(1,"span",26),C.\u0275\u0275element(2,"span",27),C.\u0275\u0275element(3,"span",28),C.\u0275\u0275element(4,"span",29),C.\u0275\u0275elementEnd())}function q(e,t){1&e&&C.\u0275\u0275element(0,"div",30)}function Y(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div",31),C.\u0275\u0275element(1,"i",32),C.\u0275\u0275elementStart(2,"span"),C.\u0275\u0275text(3),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275classProp("CropperStatus--valid",e.mask.valid),C.\u0275\u0275advance(1),C.\u0275\u0275classProp("mdi-check-circle",e.mask.valid)("mdi-close-circle",e.mask.invalid),C.\u0275\u0275advance(2),C.\u0275\u0275textInterpolate(e.cropperStatusMessage)}}function G(e,t){1&e&&C.\u0275\u0275element(0,"div",42)}function X(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div",36),C.\u0275\u0275template(1,G,1,0,"div",37),C.\u0275\u0275elementStart(2,"div",35),C.\u0275\u0275text(3,"Need some templates to get started?"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(4,"div"),C.\u0275\u0275text(5,"Here are templates for Adobe Photoshop (PSD Format) & Adobe Illustrator (AI Format) for you to download freely."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(6,"div",38),C.\u0275\u0275elementStart(7,"a",39),C.\u0275\u0275element(8,"img",40),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(9,"a",39),C.\u0275\u0275element(10,"img",41),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(11,"br"),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.showImage),C.\u0275\u0275advance(6),C.\u0275\u0275attribute("href",e.assetsLocation("/files/thortful-portrait.psd"),C.\u0275\u0275sanitizeUrl),C.\u0275\u0275advance(2),C.\u0275\u0275attribute("href",e.assetsLocation("/files/thortful-portrait-ai-v2.zip"),C.\u0275\u0275sanitizeUrl)}}function $(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div",33),C.\u0275\u0275template(1,X,12,3,"div",34),C.\u0275\u0275elementStart(2,"div",35),C.\u0275\u0275text(3,"Remember the bleed!"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(4,"div"),C.\u0275\u0275text(5,"The shaded areas may be trimmed when your design is printed."),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(6,"br"),C.\u0275\u0275elementStart(7,"div",35),C.\u0275\u0275text(8,"Minimum Upload Resolution"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(9,"div"),C.\u0275\u0275text(10,"1772 x 2506px"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.isCardUpdate)}}let Q=(()=>{class e{constructor(e,t,n){this.CreateUtils=e,this.headerService=t,this.assetsStore=n,this._canvasToImage=e=>{const t=URL.createObjectURL(e);this.imageToCropElement.onload=e=>this.proceedWithInit(e),this.imageToCropElement.src=t}}ngOnInit(){this.headerService.headerAbsolute(!0)}ngOnDestroy(){this.headerService.headerAbsolute(!1)}get cropperStatusMessage(){const{cropperNeeded:e,mask:t}=this;return e?t.valid?"Great! This crop works.":"Oh no! This crop is too small.":"Just add some tags and it's perfect!"}get showBleedMessage(){return Boolean(this.showImage||this.isCardUpdate)}get isCardUpdate(){return this.cardUpdate}filesChange(e){return(0,c.mG)(this,void 0,void 0,function*(){const t=e.pop();Boolean(t)&&(this.file.setValue(t),(yield this.file.statusChanges.pipe((0,p.U)(e=>"VALID"===e),(0,U.q)(1)).toPromise())&&this._createFileReader(this.file.value))})}_createFileReader(e){const t=Math.min(e.size,35e4);new(B())(e,{quality:.6,success:e=>this._canvasToImage(e),convertSize:t,beforeDraw:(e,t)=>{e.fillStyle="#000",e.fillRect(0,0,t.width,t.height)}})}get imageToCropElement(){return this.imageToCrop.nativeElement}

1proceedWithInit(e){const{target:t}=e,{naturalWidth:n,naturalHeight:r}=t;this.cropperNeeded=this.CreateUtils.doesImageNeedCrop(t),this.showImage=!0,this.cropperNeeded?new(F())(t,{aspectRatio:.7071,zoomable:!1,dragMode:"none",movable:!1,restore:!0,crop:e=>{const{detail:t}=e,o=Math.max(0,Math.ceil(t.x)),a=Math.max(0,Math.ceil(t.y)),i=Math.min(n,Math.ceil(t.width)+o)-o,c=Math.min(r,Math.ceil(t.height)+a)-a;this.mask.setValue({width:i,height:c,x:o,y:a,format:"A5"})}}):this.mask.setValue({width:n,height:r,x:0,y:0,format:"A5"})}assetsLocation(e){return this.assetsStore.getImageUrl(e)}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275directiveInject(k),C.\u0275\u0275directiveInject(z.o),C.\u0275\u0275directiveInject(I.WR))},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["design-cropper-input"]],viewQuery:function(e,t){if(1&e&&C.\u0275\u0275viewQuery(L,5),2&e){let e;C.\u0275\u0275queryRefresh(e=C.\u0275\u0275loadQuery())&&(t.imageToCrop=e.first)}},inputs:{file:"file",mask:"mask",cardUpdate:"cardUpdate"},decls:17,vars:6,consts:[["class","error-message notification-message",4,"ngIf"],[1,"bleed-message"],["name","myForm",1,"form-upload"],["myForm","ngForm"],["class","DesignDropArea","ngfDrop","","ngfSelect","","type","file","name","fieldName","accept","image/png, image/jpeg","multiple","1",3,"filesChange",4,"ngIf"],[1,"fq-card-cropper","relative","mbn"],["class","no-crop-bleed portrait",4,"ngIf"],["crossorigin","anonymous",1,"img-full"],["imageToCrop",""],["class","no-crop-bleed-margin",4,"ngIf"],["class","CropperStatus",3,"CropperStatus--valid",4,"ngIf"],["class","BleedMessage",4,"ngIf"],[1,"error-message","notification-message"],[1,"no-mb"],["ngfDrop","","ngfSelect","","type","file","name","fieldName","accept","image/png, image/jpeg","multiple","1",1,"DesignDropArea",3,"filesChange"],[1,"DesignDropArea__Borders"],["class","DesignDropArea__Inner",4,"ngIf"],["class","DesignDropArea__Inner DesignDropArea__Inner--loading",4,"ngIf"],[1,"DesignDropArea__Inner"],[1,"GreyCopy"],[1,"DesignDropArea__Inner__Image"],["imgSrc","svg/upload_image.svg","alt",""],[1,"button","orange","w700"],[1,"DesignDropArea__Inner","DesignDropArea__Inner--loading"],["imgSrc","img/template/thinking.gif","alt",""],[1,"no-crop-bleed","portrait"],[1,"no-crop-n"],[1,"no-crop-e"],[1,"no-crop-s"],[1,"no-crop-w"],[1,"n

1o-crop-bleed-margin"],[1,"CropperStatus"],[1,"mdi"],[1,"BleedMessage"],["class","TemplateFromatsContent",4,"ngIf"],[1,"BleedMessage__Tilte"],[1,"TemplateFromatsContent"],["class","BleedMessage--space",4,"ngIf"],[1,"TemplateFormats"],["download","","target","_self"],["imgSrc","svg/ps-icon.svg"],["imgSrc","svg/ai-icon.svg"],[1,"BleedMessage--space"]],template:function(e,t){1&e&&(C.\u0275\u0275template(0,R,14,0,"div",0),C.\u0275\u0275elementStart(1,"div",1),C.\u0275\u0275elementStart(2,"p"),C.\u0275\u0275elementStart(3,"strong"),C.\u0275\u0275text(4,"Safe zone "),C.\u0275\u0275elementEnd(),C.\u0275\u0275text(5,"- any part of your design outside this area might be cut off when trimming."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(6,"form",2,3),C.\u0275\u0275template(8,W,4,2,"div",4),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(9,"div"),C.\u0275\u0275elementStart(10,"div",5),C.\u0275\u0275template(11,H,5,0,"div",6),C.\u0275\u0275element(12,"img",7,8),C.\u0275\u0275template(14,q,1,0,"div",9),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(15,Y,4,7,"div",10),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(16,$,11,1,"div",11)),2&e&&(C.\u0275\u0275property("ngIf",t.file.value&&t.file.errors),C.\u0275\u0275advance(8),C.\u0275\u0275property("ngIf",!t.showImage),C.\u0275\u0275advance(3),C.\u0275\u0275property("ngIf",!t.cropperNeeded),C.\u0275\u0275advance(3),C.\u0275\u0275property("ngIf",!t.cropperNeeded),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",t.file.valid),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",t.file.valid))},directives:[r.O5,a._Y,a.JL,a.F,j.iE,j.f0,I.t1],styles:['.form-upload[_ngcontent-%COMP%]{-webkit-box-shadow:-4px 4px 4px 4px rgba(175,175,175,.25);box-shadow:-4px 4px 4px 4px #afafaf40}.DesignDropArea[_ngcontent-%COMP%]{width:100%;padding-top:141%;position:relative;-webkit-box-shadow:inset 0 0 0 12px #E6E6E6,inset 0 0 0 10px #ffffff;box-shadow:inset 0 0 0 12px #e6e6e6,inset 0 0 0 10px #fff}.DesignDropArea__Borders[_ngcontent-%COMP%]{border:1px dashed #000;position:absolute;top:12px;left:12px;right:12px;bottom:12px;background:#ffffff}.DesignDropArea__Inner[_ngcontent-%COMP%]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;text-align:center}.DesignDropArea__Inner[_ngcontent-%COMP%]   .GreyCopy[_ngcontent-%COMP%]{font-size:14px;color:#7e7e7e}.DesignDropArea__Inner[_ngcontent-%COMP%]   .button[_ngcontent-%COMP%]{font-size:14px}.DesignDropArea__Inner__Image[_ngcontent-%COMP%]{width:25%;margin:24px auto 36px}.DesignDropArea__Inner__Image[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%}.DesignDropArea__Inner--loading[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:20%}.CropperStatus[_ngcontent-%COMP%]{font-size:14px;line-height:1.64;text-align:center;margin-top:16px;margin-bottom:20px}.CropperStatus[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#ff4d4d;margin-right:6px;font-size:16px}.CropperStatus--valid[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#2da98d}.BleedMessage[_ngcontent-%COMP%]{font-size:14px;line-height:1.64}.BleedMessage--space[_ngcontent-%COMP%]{margin-top:29px}.BleedMessage__Tilte[_ngcontent-%COMP%]{font-weight:600}.TemplateFormats[_ngcontent-%COMP%]{margin-top:17px}.TemplateFormats[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{display:inline-block;width:40px;margin-right:12px}.TemplateFormats[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%}.no-crop-bleed-margin[_ngcontent-%COMP%]{width:100%;height:100%;position:absolute;display:block;z-index:9999;top:0;-webkit-box-shadow:inset 0 0 0 12px #e6e6e696;box-shadow:inset 0 0 0 12px #e6e6e696}.bleed-message[_ngcontent-%COMP%]{border-radius:8px;background:#EDEDED;margin-bottom:14px;text-align:center}.bleed-message[_ngcontent-%COMP%]:after{content:"";position:absolute;border-width:10px;border-style:solid;border-color:#ededed transparent transparent transparent}.bleed-message[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%], .bleed-message[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:12px}.bleed-message[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{width:80%;margin:0 auto;padding:4px}  .cropper-face{border:12px solid #e6e6e661;opacity:1;background:transparent}']}),e})();function J(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"a",3),C.\u0275\u0275element(1,"img",8),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275attribute("href",e.assetsLocation("/files/thortful-card-design_canva-template-link_.txt"),C.\u0275\u0275sanitizeUrl)}}let K=(()=>{class e{constructor(e){this.assetsStore=e,this.cardType="STANDARD"}assetsLocation(e){return this.assetsStore.getImageUrl(e)}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275directiveInject(I.WR))},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["design-description"]],inputs:{cardType:"cardType"},decls:33,vars:5,consts:[[1,"Page-title"],[1,"Description"],[1,"Title"],["download","","target","_self"],["imgSrc","svg/ps-icon.svg"],["imgSrc","svg/ai-icon.svg"],["imgSrc","svg/procreate-icon.svg"],["download","","target","_self",4,"featureFlagDisabled"],["imgSrc","svg/canva-icon.svg"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"h2",0),C.\u0275\u0275text(1),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(2,"div",1),C.\u0275\u0275elementStart(3,"ul"),C.\u0275\u0275elementStart(4,"li"),C.\u0275\u0275text(5,"Upload as .JPEG or .PNG"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(6,"li"),C.\u0275\u0275text(7,"Set up your file in either A5 format (148mm x 210mm) or A4 (210mm x 297mm)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(8,"li"),C.\u0275\u0275text(9,"Minimum resolution: 1772 x 2506 px, 300dpi"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(10,"li"),C.\u0275\u0275text(11,"Portrait orientation only"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(12,"li"),C.\u0275\u0275text(13,"Make sure your file is set up in CMYK"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(14,"li"),C.\u0275\u0275text(15,"Include a 2mm bleed around edge of your design to avoid possibility of being trimmed after printing"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(16,"li"),C.\u0275\u0275text(17,"Keep any text/elements at least 5mm away from edge"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(18,"h3",2),C.\u0275\u0275text(19,"Is it in the safe zone?"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(20,"div",1),C.\u0275\u0275text(2

11,"Your design should sit comfortably within the cropping \u201csafe zone\u201d to avoid anything important getting cut off during the printing process."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(22,"h3",2),C.\u0275\u0275text(23,"Need some templates?"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(24,"div",1),C.\u0275\u0275elementStart(25,"div"),C.\u0275\u0275elementStart(26,"a",3),C.\u0275\u0275element(27,"img",4),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(28,"a",3),C.\u0275\u0275element(29,"img",5),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(30,"a",3),C.\u0275\u0275element(31,"img",6),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(32,J,2,1,"a",7),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e&&(C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate("FACE_SWAP_CARD"===t.cardType?"We want your Face Swap card to look as fab as possible.":"We want your card to look as fab as possible."),C.\u0275\u0275advance(25),C.\u0275\u0275attribute("href",t.assetsLocation("/files/thortful-card-design_template_.psd"),C.\u0275\u0275sanitizeUrl),C.\u0275\u0275advance(2),C.\u0275\u0275attribute("href",t.assetsLocation("/files/thortful-card-design_template_.ai"),C.\u0275\u0275sanitizeUrl),C.\u0275\u0275advance(2),C.\u0275\u0275attribute("href",t.assetsLocation("/files/thortful-card-template_.procreate"),C.\u0275\u0275sanitizeUrl),C.\u0275\u0275advance(2),C.\u0275\u0275property("featureFlagDisabled","TSN-853"))},directives:[I.t1,I.oT],styles:[".Page-title[_ngcontent-%COMP%], .Title[_ngcontent-%COMP%]{margin-bottom:16px;font-weight:700}.Title[_ngcontent-%COMP%]{font-size:20px}.Page-title[_ngcontent-%COMP%]{font-size:24px}.Description[_ngcontent-%COMP%]{font-size:16px;line-height:20px;padding-bottom:32px}.Description[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin-bottom:18px}.Description[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:inherit;color:#ff6900}.Description[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:55px;margin-right:12px}"]}),e})();var Z=n(15397),ee=n(61567);const te=["*"];let ne=(()=>{class e extends ee.M{}return e.\u0275fac=function(){let t;return function(n){return(t||(t=C.\u0275\u0275getInheritedFactory(e)))(n||e)}}(),e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["quaternary-button"]],features:[C.\u0275\u0275InheritDefinitionFeature],ngContentSelectors:te,decls:2,vars:4,consts:[[1,"Button"]],template:function(e,t){1&e&&(C.\u0275\u0275projectionDef(),C.\u0275\u0275elementStart(0,"div",0),C.\u0275\u0275projection(1),C.\u0275\u0275elementEnd()),2&e&&C.\u0275\u0275classProp("Button--disabled",t.disabled)("Button--selected",t.selected)},styles:[".Button[_ngcontent-%COMP%]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:50px;padding:0;font-size:16px;font-weight:bold;border-radius:4px;cursor:pointer}.Button--disabled[_ngcontent-%COMP%]{opacity:.2;cursor:not-allowed}",".Button[_ngcontent-%COMP%]{height:40px;border:1px solid #000;background:#fff;font-size:15px;border-radius:30px;color:#000}.Button[_ngcontent-%COMP%]:focus, .Button[_ngcontent-%COMP%]:hover{border-color:#ff6900;color:#ff6900}.Button--selected[_ngcontent-%COMP%]{border-color:#ff6900;color:#fff;background:#ff6900}.Button--selected[_ngcontent-%COMP%]:focus, .Button--selected[_ngcontent-%COMP%]:hover{color:#fff}"]}),e})(),re=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-tooltip"]],inputs:{message:"message"},decls:4,vars:1,consts:[[1,"tooltip"],["imgSrc","/svg/info-icon.svg",1,"tooltip-icon"],[1,"tooltip-message"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",0),C.\u0275\u0275element(1,"img",1),C.\u0275\u0275elementStart(2,"div",2),C.\u0275\u0275text(3),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e&&(C.\u0275\u0275advance(3),C.\u0275\u0275textInterpolate(t.message))},directives:[I.t1],styles:['.tooltip[_ngcontent-%COMP%]{position:relative;display:inline-block}.tooltip[_ngcontent-%COMP%] > .tooltip-icon[_ngcontent-%COMP%]{width:24px;height:24px}.tooltip[_ngcontent-%COMP%] > .tooltip-message[_ngcontent-%COMP%]{background-color:#06f;color:#fff;border-radius:8px;padding:16px;position:absolute;z-index:1;font-size:16px;line-height:18px;letter-spacing:0;font-weight:400;display:none;margin-left:-100px;margin-top:4px;width:300px}@media (min-width: 992px){.tooltip[_ngcontent-%COMP%] > .tooltip-message[_ngcontent-%COMP%]{width:535px}}.tooltip[_ngcontent-%COMP%] > .tooltip-message[_ngcontent-%COMP%]:before{content:"";position:absolute;bottom:100%;left:95px;margin-left:12px;border-width:6px;border-style:solid;border-color:transparent transparent #1F79E1 transparent}.tooltip[_ngcontent-%COMP%]:hover   .tooltip-message[_ngcontent-%COMP%]{display:block}']}),e})();var oe=n(25586);function ae(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",6),C.\u0275\u0275projection(1),C.\u0275\u0275elementEnd()),2&e&&C.\u0275\u0275property("@openClose",void 0)}const ie=["*"];let ce=(()=>{class e extends oe.x{}return e.\u0275fac=function(){let t;

1return function(n){return(t||(t=C.\u0275\u0275getInheritedFactory(e)))(n||e)}}(),e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["create-accordion"]],features:[C.\u0275\u0275InheritDefinitionFeature],ngContentSelectors:ie,decls:7,vars:3,consts:[[1,"AccordionBlock"],[1,"AccordionBlock__Container"],[1,"AccordionBlock__TitleContainer",3,"click"],[1,"AccordionBlock__Title"],[1,"AccordionBlock__Chevron"],["class","AccordionBlock__Content",4,"ngIf"],[1,"AccordionBlock__Content"]],template:function(e,t){1&e&&(C.\u0275\u0275projectionDef(),C.\u0275\u0275elementStart(0,"div",0),C.\u0275\u0275elementStart(1,"div",1),C.\u0275\u0275elementStart(2,"div",2),C.\u0275\u0275listener("click",function(){return t.toggle()}),C.\u0275\u0275elementStart(3,"h1",3),C.\u0275\u0275text(4),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(5,"div",4),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(6,ae,2,1,"div",5),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e&&(C.\u0275\u0275advance(4),C.\u0275\u0275textInterpolate(t.title),C.\u0275\u0275advance(1),C.\u0275\u0275property("@rotate",t.expanded?"rotate":"return"),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",t.expanded))},directives:[r.O5],styles:[".AccordionBlock[_ngcontent-%COMP%]{border-top:1px solid #000;border-bottom:1px solid #000;margin-top:-1px;position:relative}.AccordionBlock__TitleContainer[_ngcontent-%COMP%]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:65px;padding:20px 0;margin-bottom:-2px;cursor:pointer;overflow:hidden}.AccordionBlock__TitleContainer[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:-webkit-scrollbar{display:none}.AccordionBlock__Title[_ngcontent-%COMP%]{font-size:18px;margin:0;padding:0;font-weight:700}.AccordionBlock__Chevron[_ngcontent-%COMP%]{width:20px;background-image:url(https://images-fe.thortful.com/img/hosted/down-chevron.png);background-position:center right;background-repeat:no-repeat;background-size:20px;height:11.4285714286px;position:absolute;left:calc(100% - 20px)}.AccordionBlock__Content[_ngcontent-%COMP%]{padding:5px 0 20px;overflow:hidden}.AccordionBlock__TitleContainer[_ngcontent-%COMP%]{padding:40px 0}.AccordionBlock__Title[_ngcontent-%COMP%]{font-size:22px;font-weight:bold}.AccordionBlock__Chevron[_ngcontent-%COMP%]{left:calc(100% - 40px)}.AccordionBlock__Content[_ngcontent-%COMP%]{margin-top:-28px;padding:8px 0 32px}.AccordionBlock__Content[_ngcontent-%COMP%]     p{font-size:14px}.AccordionBlock__Content[_ngcontent-%COMP%]     .__Value{cursor:pointer;display:inline-block;border-color:#000;margin:0 5px 8px 0;padding:10px 13px 9px;border-radius:30px;border:solid 1px #000000;font-weight:bold}.AccordionBlock__Content[_ngcontent-%COMP%]     .__Value--selected{background-color:#ff6900;color:#fff;border-color:#ff6900}.AccordionBlock__Content[_ngcontent-%COMP%]     .error-message{font-size:14px;margin-top:9px;color:#ff6900}"]}),e})();var se=n(95178);let le=(()=>{class e{constructor(e,t){this.apiService=e,this.endpoint=t}getCategoryFilterGroups(e){return this.apiService.request(this.endpoint.categoryFilterGroups+e)}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275inject(P.V),C.\u0275\u0275inject(M.F))},e.\u0275prov=C.\u0275\u0275defineInjectable({token:e,factory:e.\u0275fac,providedIn:"root"}),e})();const de=["Container"];function pe(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"app-tag",4),C.\u0275\u0275listener("removeTag",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext().removeTag(t)}),C.\u0275\u0275elementEnd()}if(2&e){const e=t.$implicit,n=t.index,r=C.\u0275\u0275nextContext();C.\u0275\u0275property("tag",e)("index",n)("ngClass",r.tagStyle)}}function ge(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"app-tag-input-form",5),C.\u0275\u0275listener("submitInput",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext().newTag(t)}),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()}if(2&e){const e=t.index,n=C.\u0275\u0275nextContext();C.\u0275\u0275advance(1),C.\u0275\u0275styleProp("display",n.displayTagInput(e)),C.\u0275\u0275property("title",n.setPlaceHolder)}}let me=(()=>{class e{constructor(e,t){this.elementRef=e,this.Store=t,this._tags=[],this.tagInputs=Array.from(Array(3)),this.tagStyle="default",this.tagsChange=new C.EventEmitter,this.onRemove=new C.EventEmitter}set tags(e){this._tags=e||[],this.tagsChange.emit(e)}get tags(){return this._tags}set tagLimit(e){this.tagInputs=Array.from(Array(e))}get tagLimit(){return this.tagInputs.length}ngOnInit(){this.Store.select("featureFlag","config","WEB-1743").pipe((0,m.P)(e=>"boolean"==typeof e)).subscribe(e=>{e&&(this.tagInputs=Array.from(Array(8)))})}get isListEmpty(){return Boolean(!this._tags.length)}get setPlaceHolder(){return"Tag"}newTag(e){const t=!this._tags.some(t=>t.display==e||t.value==e);e&&t&&this._tags.length<this.tagLimit&&(this._tags.push(this.setNewTag(e)),this.tags=this._tags)}displayTagInput(e){return e<=this._tags.length-1?"none":null}setNewTag(e){return{display:e,value:e}}removeTag(e){this._tags.splice(e,1),this.tags=this._tags,this.onRemove.next(e)}onClick(e){e.target==this.containerElement.nativeElement&&setTimeout(()=>{this.elementRef.nativeElement.getElementsByTagName("input")[0].select()},1)}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275directiveInject(C.ElementRef),C.\u0275\u0275directiveInject(A.yh))},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-tag-input"]],viewQuery:function(e,t){if(1&e&&C.\u0275\u0275viewQuery(de,7),2&e){let e;C.\u0275\u0275queryRefresh(e=C.\u0275\u0275loadQuery())&&(t.containerElement=e.first)}},hostBindings:function(e,t){1&e&&C.\u0275\u0275listener("click",function(e){return t.onClick(e)})},inputs:{tags:"tags",tagStyle:"tagStyle",tagLimit:"tagLimit"},outputs:{tagsChange:"tagsChange",onRemove:"onRemove"},decls:5,vars:2,consts:[[1,"container"],["Container",""],[3,"tag","index","ngClass","removeTag",4,"ngFor","ngForOf"],[4,"ngFor","ngForOf"],[3,"tag","index","ngClass","removeTag"],[3,"title","submitInput"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div"),C.\u0275\u0275elementStart(1,"div",0,1),C.\u0275\u0275template(3,pe,1,3,"app-tag",2),C.\u0275\u0275template(4,ge,2,3,"ng-container",3),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e&&(C.\u0275\u0275advance(3),C.\u0275\u0275property("ngForOf",t.tags),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngForOf",t.tagInputs))},styles:["[_nghost-%COMP%]{display:block;max-width:415px}[_nghost-%COMP%]   div[_ngcontent-%COMP%]   .container[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px}"]}),e})();function he(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"p",6),C.\u0275\u0275listener("click",function(){const t=C.\u0275\u0275restoreView(e).$implicit,n=C.\u0275\u0275nextContext().$implicit;return C.\u0275\u0275nextContext(2).addRemoveItem(n.title,t)}),C.\u0275\u0275text(2),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()}if(2&e){const e=t.$implicit,n=C.\u0275\u0275nextContext().$implicit,r=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275classProp("__Value--selected",r.highlightSelected(n.title,e)),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(e)}}function ue(e,t){1&e&&(C.\u0275\u0275elementStart(0,"p",7),C.\u0275\u0275text(1,"Occasion is required to upload a card"),C.\u0275\u0275elementEnd())}function fe(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"create-accordion",4),C.\u0275\u0275elementStart(2,"p"),C.\u0275\u0275text(3),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(4,he,3,3,"ng-container",3),C.\u0275\u0275template(5,ue,2,0,"p",5),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()),2&e){const e=t.$implicit,n=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275classProp("ng-invalid",n.showOccasionError(e.title)),C.\u0275\u0275property("title",e.title)("expanded",!0),C.\u0275\u0275advance(2),C.\u0275\u0275textInterpolate(e.subtitle),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngForOf",e.value),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",n.showError&&n.showOccasionError(e.title))}}function Ce(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"create-accordion",4),C.\u0275\u0275elementStart(2,"p"),C.\u0275\u0275text(3,"Write up to 8 single-word tags. These don't contribute towards anything SEO related, they just help our moderators categorise your card."),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(4,"app-tag-input",8),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275property("title","Tags (max. 8)")("expanded",!0),C.\u0275\u0275advance(3),C.\u0275\u0275property("tags",e.tagsArray)}}function xe(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"create-accordion",4),C.\u0275\u0275elementStart(2,"p"),C.\u0275\u0275text(3,"Write up to 3 single-word tags. These don't contribute towards anything SEO related, they just help our moderators categorise your card."),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(4,"app-tag-input",8),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275property("title","Tags (max. 3)")("expanded",!0),C.\u0275\u0275advance(3),C.\u0275\u0275property("tags",e.tagsArray)}}function be(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"div",2),C.\u0275\u0275template(2,fe,6,7,"ng-container",3),C.\u0275\u0275template(3,Ce,5,3,"ng-container",1),C.\u0275\u0275template(4,xe,5,3,"ng-container",0),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275advance(2),C.\u0275\u0275property("ngForOf",e.accordions),C.\u0275\u0275advance(1),C.\u0275\u0275property("featureFlag","WEB-1743"),C.\u0275\u0275advance(1),C.\u0275\u0275property("featureFlagDisabled","WEB-1743")}}function _e(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"p",6),C.\u0275\u0275listener("click",function(){C.\u0275\u0275restoreView(e);const t=C.\u0275\u0275nextContext().$implicit;

1return C.\u0275\u0275nextContext(2).handleOccasionClick(t)}),C.\u0275\u0275text(1),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext().$implicit,t=C.\u0275\u0275nextContext(2);C.\u0275\u0275classProp("__Value--selected",t.mainOccasion.value===e),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(e.title)}}function Oe(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275template(1,_e,2,3,"p",11),C.\u0275\u0275elementContainerEnd()),2&e){const e=t.$implicit;C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.creators_excluded)}}function ve(e,t){1&e&&(C.\u0275\u0275elementStart(0,"p",7),C.\u0275\u0275text(1,"Occasion is required to upload a card "),C.\u0275\u0275elementEnd())}function Pe(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"create-accordion",12),C.\u0275\u0275elementStart(2,"p"),C.\u0275\u0275text(3,"If you feel like your card design applies to another occasion then you can add another one."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(4,"p",6),C.\u0275\u0275listener("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(2).showSecondaryOccasion()}),C.\u0275\u0275text(5,"Yes"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(6,"p",6),C.\u0275\u0275listener("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(2).removeSecondaryOccasion()}),C.\u0275\u0275text(7,"No"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()}if(2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275property("expanded",!0),C.\u0275\u0275advance(3),C.\u0275\u0275classProp("__Value--selected",e.hasSecondaryOccasion),C.\u0275\u0275advance(2),C.\u0275\u0275classProp("__Value--selected",!1===e.hasSecondaryOccasion)}}function Me(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"p",6),C.\u0275\u0275listener("click",function(){C.\u0275\u0275restoreView(e);const t=C.\u0275\u0275nextContext().$implicit;return C.\u0275\u0275nextContext(3).handleSecondaryOccasionClick(t)}),C.\u0275\u0275text(1),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext().$implicit,t=C.\u0275\u0275nextContext(3);C.\u0275\u0275classProp("__Value--selected",t.secondaryOccasion.value===e),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(e.title)}}function ye(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275template(1,Me,2,3,"p",11),C.\u0275\u0275elementContainerEnd()),2&e){const e=t.$implicit;C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.creators_excluded)}}function we(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"create-accordion",13),C.\u0275\u0275template(2,ye,2,1,"ng-container",3),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275property("expanded",!0),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngForOf",e.secondaryOccasionFilters)}}function ke(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"p",6),C.\u0275\u0275listener("click",function(){C.\u0275\u0275restoreView(e);const t=C.\u0275\u0275nextContext().$implicit,n=C.\u0275\u0275nextContext(2).$implicit;return C.\u0275\u0275nextContext(3).handleFiltersClick(t,n)}),C.\u0275\u0275text(1),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext().$implicit,t=C.\u0275\u0275nextContext(2).$implicit,n=C.\u0275\u0275nextContext(3);C.\u0275\u0275classProp("__Value--selected",null==n.filterGroups.value[t.title]?null:n.filterGroups.value[t.title].includes(e.tag)),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(e.title)}}function Ee(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275template(1,ke,2,3,"p",11),C.\u0275\u0275elementContainerEnd()),2&e){const e=t.$implicit;C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.creators_excluded)}}function Se(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"create-accordion",4),C.\u0275\u0275template(1,Ee,2,1,"ng-container",3),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext().$implicit;C.\u0275\u0275property("title",e.title+("Style"===e.title?" (max. 2)":" (max. 1)"))("expanded",!0),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngForOf",e.filters)}}function Ie(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275template(1,Se,2,3,"create-accordion",14),C.\u0275\u0275elementContainerEnd()),2&e){const e=t.$implicit;C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.filters.length>0)}}function Ae(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275template(1,Ie,2,1,"ng-container",3),C.\u0275\u0275elementContainerEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275property("ngForOf",e.occasionFilterGroups)}}function De(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"create-accordion",4),C.\u0275\u0275elementStart(2,"p"),C.\u0275\u0275text(3,"Write up to 8 single-word tags. These don't contribute towards anything SEO related, they just help our moderators categorise your card."),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(4,"app-tag-input",8),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275property("title","Tags (max. 8)")("expanded",!0),C.\u0275\u0275advance(3),C.\u0275\u0275property("tags",e.tagsArray)}}function Be(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"create-accordion",4),C.\u0275\u0275elementStart(2,"p"),C.\u0275\u0275text(3,"Write up to 3 single-word tags. These don't contribute towards anything SEO related, they just help our moderators categorise your card."),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(4,"app-tag-input",8),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275property("title","Tags (max. 3)")("expanded",!0),C.\u0275\u0275advance(3),C.\u0275\u0275property("tags",e.tagsArray)}}function Te(e,t){if(1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"div",2),C.\u0275\u0275elementStart(2,"create-accordion",9),C.\u0275\u0275template(3,Oe,2,1,"ng-container",3),C.\u0275\u0275template(4,ve,2,0,"p",5),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(5,Pe,8,5,"ng-container",10),C.\u0275\u0275template(6,we,3,2,"ng-container",10),C.\u0275\u0275template(7,Ae,2,1,"ng-container",10),C.\u0275\u0275template(8,De,5,3,"ng-container",1),C.\u0275\u0275template(9,Be,5,3,"ng-container",0),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd()),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275advance(2),C.\u0275\u0275property("expanded",!0),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngForOf",e.occasionFilters),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.showError&&"VALID"!==(null==e.mainOccasion?null:e.mainOccasion.status)),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.mainOccasion.value),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",(null==e.secondaryOccasionFilters?null:e.secondaryOccasionFilters.length)>1),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.occasionFilterGroups),C.\u0275\u0275advance(1),C.\u0275\u0275property("featureFlag","WEB-1743"),C.\u0275\u0275advance(1),C.\u0275\u0275property("featureFlagDisabled","WEB-1743")}}let Fe=(()=>{class e{constructor(e,t,n,r){this.GeneralUtils=e,this.fb=t,this.createUtils=n,this.creatorCardUploadService=r,this.accordions=[{title:"What\u2019s the main occasion? (max. 1)",subtitle:"",value:[]},{title:"Style",subtitle:"(Max 2)",value:this.createUtils.getStyles}

1,{title:"Theme",subtitle:"(Max 2)",value:this.createUtils.getThemes}],this.occasionFilters=[],this.occasionFilterGroups=[]}ngOnInit(){this.populateCategories(),this.expandSub=this.createUtils.triggerExpand.subscribe(e=>{this.accordion&&(this.accordion.find(e=>"What\u2019s the main occasion? (max. 1)"===e.title).expanded=!0)})}ngOnDestroy(){this.expandSub.unsubscribe()}showOccasionError(e){return"What\u2019s the main occasion? (max. 1)"===e&&!this.checkOccasionsValid()}checkOccasionsValid(){return"VALID"===this.createForm.get("occasions").status}get occasionArray(){return this.createForm.get("occasions")}get stylesArray(){return this.createForm.get("styles")}get themesArray(){return this.createForm.get("themes")}get tagsArray(){return this.createForm.get("tags").value}get mainOccasion(){return this.createForm.get("occasion")}get secondaryOccasion(){return this.createForm.get("secondaryOccasion")}get filterGroups(){return this.createForm.get("filterGroups")}highlightSelected(e,t){switch(e){case"What\u2019s the main occasion? (max. 1)":return this.occasionArray.value.indexOf(t)>-1;case"Style":return this.stylesArray.value.indexOf(t)>-1;case"Theme":return this.themesArray.value.indexOf(t)>-1}}populateCategories(){this.GeneralUtils.getAllCategories().then(e=>{e.map(e=>{this.accordions.find(e=>e.title="What\u2019s the main occasion? (max. 1)").value.push(e.title),e.creators_excluded||this.occasionFilters.push({id:e.id,title:e.title})})})}returnArrayType(e){let t;switch(e){case"What\u2019s the main occasion? (max. 1)":t=this.occasionArray;break;case"Style":t=this.stylesArray;break;case"Theme":t=this.themesArray}return t}addRemoveItem(e,t){const n=this.returnArrayType(e);n.value.indexOf(t)>-1?n.removeAt(n.value.indexOf(t)):(n.value.length<2||n.removeAt(n.value.length-1),n.push(this.fb.control(t)))}handleOccasionClick(e){this.mainOccasion.value!==e&&(this.mainOccasion.setValue(e),this.loadFilterGroups(e),this.filterGroups.reset(),this.secondaryOccasion.reset(),this.secondaryOccasionFilters=[],this.hasSecondaryOccasion=null)}handleSecondaryOccasionClick(e){this.secondaryOccasion.value!==e?this.secondaryOccasion.setValue(e):this.secondaryOccasion.reset()}handleFiltersClick(e,t){this.filterGroups.get(t.title)||this.filterGroups.addControl(t.title,this.fb.array([],a.kI.maxLength[2]));const n=this.filterGroups.get(t.title);n.value.includes(e.tag)?n.removeAt(n.value.indexOf(e.tag)):(n.value.length>1&&n.removeAt(0),"Style"!==t.title&&n.clear(),n.push(this.fb.control(e.tag)))}loadFilterGroups(e){this.creatorCardUploadService.getCategoryFilterGroups(e.id).then(e=>{this.occasionFilterGroups=e.filter_groups.map(e=>Object.assign(Object.assign({},e),{filters:e.filters.filter(e=>!e.creators_excluded)})).filter(e=>!e.creators_excluded)})}showSecondaryOccasion(){this.secondaryOccasionFilters=this.occasionFilters.filter(e=>e!==this.mainOccasion.value),this.hasSecondaryOccasion=!0}removeSecondaryOccasion(){this.hasSecondaryOccasion=!1,this.secondaryOccasionFilters=[],this.secondaryOccasion.reset()}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275directiveInject(se.w),C.\u0275\u0275directiveInject(a.qu),C.\u0275\u0275directiveInject(k),C.\u0275\u0275directiveInject(le))},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["creators-accordions"]],viewQuery:function(e,t){if(1&e&&C.\u0275\u0275viewQuery(ce,5),2&e){let e;C.\u0275\u0275queryRefresh(e=C.\u0275\u0275loadQuery())&&(t.accordion=e)}},inputs:{createForm:"createForm",showError:"showError"},decls:2,vars:2,consts:[[4,"featureFlagDisabled"],[4,"featureFlag"],[1,"CreatorsAccordions"],[4,"ngFor","ngForOf"],[3,"title","expanded"],["class","error-message",4,"ngIf"],[1,"__Value",3,"click"],[1,"error-message"],["tagStyle","orange",3,"tags"],["title","What\u2019s the main occasion? (max. 1)",3,"expanded"],[4,"ngIf"],["class","__Value",3,"__Value--selected","click",4,"ngIf"],["title","Add a secondary occasion? (optional)",3,"expanded"],["title","What\u2019s the secondary occasion? (max. 1)",3,"expanded"],[3,"title","expanded",4,"ngIf"]],template:function(e,t){1&e&&(C.\u0275\u0275template(0,be,5,3,"ng-container",0),C.\u0275\u0275template(1,Te,10,8,"

1ng-container",1)),2&e&&(C.\u0275\u0275property("featureFlagDisabled","WEB-1912"),C.\u0275\u0275advance(1),C.\u0275\u0275property("featureFlag","WEB-1912"))},directives:[I.oT,I.Hl,r.sg,ce,r.O5,me],encapsulation:2}),e})();function Ue(e,t){1&e&&(C.\u0275\u0275elementStart(0,"h5",4),C.\u0275\u0275text(1,"Visibility"),C.\u0275\u0275elementEnd())}function ze(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"div",5),C.\u0275\u0275elementStart(1,"quaternary-button",6),C.\u0275\u0275listener("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext().visibility.setValue("PUBLIC")}),C.\u0275\u0275text(2,"Public"),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(3,"app-tooltip",7),C.\u0275\u0275elementStart(4,"quaternary-button",8),C.\u0275\u0275listener("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext().visibility.setValue("PRIVATE")}),C.\u0275\u0275text(5,"Private"),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(6,"app-tooltip",9),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275advance(1),C.\u0275\u0275property("selected",e.isPublic),C.\u0275\u0275advance(3),C.\u0275\u0275property("selected",!e.isPublic)}}function je(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",10),C.\u0275\u0275elementStart(1,"div",11),C.\u0275\u0275text(2,"This card will be viewable and purchasable only by yourself."),C.\u0275\u0275element(3,"br"),C.\u0275\u0275text(4,"Go straight to Upload Card button."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())}function Le(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"p",23),C.\u0275\u0275text(1),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(e.returnError("title"))}}function Re(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"p",23),C.\u0275\u0275text(1),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(e.returnError("description"))}}function Ve(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"p",23),C.\u0275\u0275text(1),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(e.returnError("copy"))}}function Ne(e,t){if(1&e&&C.\u0275\u0275element(0,"creators-accordions",24),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275property("createForm",e.createForm)("showError",e.showError)}}function We(e,t){1&e&&(C.\u0275\u0275elementStart(0,"h5",25),C.\u0275\u0275text(1,"Card Exclusivity"),C.\u0275\u0275elementEnd())}function He(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"p",23),C.\u0275\u0275text(1),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(3);C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(e.returnError("exclusive"))}}function qe(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"exclusive-schem",31),C.\u0275\u0275listener("close",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(3).closeExclusive(t)}),C.\u0275\u0275elementEnd()}}function Ye(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"div",11),C.\u0275\u0275elementStart(1,"div",26),C.\u0275\u0275text(2,"Over two thirds of our bestselling cards are thortful exclusives. This comes with benefits like:"),C.\u0275\u0275element(3,"br"),C.\u0275\u0275element(4,"br"),C.\u0275\u0275text(5,"\u2022 A \u201cthortful exclusive\u201d badge on our site"),C.\u0275\u0275element(6,"br"),C.\u0275\u0275text(7,"\u2022 Priority selection for marketing campaigns"),C.\u0275\u0275element(8,"br"),C.\u0275\u0275text(9,"\u2022 You can still sell your cards on Etsy, on your own site, and in independent physical shops "),C.\u0275\u0275element(10,"br"),C.\u0275\u0275element(11,"br"),C.\u0275\u0275text(12,"You can remove the exclusive status at any time."),C.\u0275\u0275element(13,"br"),C.\u0275\u0275element(14,"br"),C.\u0275\u0275text(15,"Read more about exclusivity "),C.\u0275\u0275elementStart(16,"a",27),C.\u0275\u0275listener("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(2).showExclusive(!0)}),C.\u0275\u0275text(17,"here."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(18,"div",28),C.\u0275\u0275elementStart(19,"label"),C.\u0275\u0275element(2

10,"input",29),C.\u0275\u0275elementStart(21,"span"),C.\u0275\u0275text(22,"I confirm this card meets the exclusive T&Cs"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(23,"label"),C.\u0275\u0275element(24,"input",29),C.\u0275\u0275elementStart(25,"span"),C.\u0275\u0275text(26,"I don't want this card to be exclusive to thortful"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(27,He,2,1,"p",17),C.\u0275\u0275template(28,qe,1,0,"exclusive-schem",30),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(20),C.\u0275\u0275property("value",!0),C.\u0275\u0275advance(4),C.\u0275\u0275property("value",!1),C.\u0275\u0275advance(3),C.\u0275\u0275property("ngIf",e.showError&&!e.checkValidity("exclusive")),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.tsncs)}}const Ge=function(e){return{long:e}};function Xe(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"form",12),C.\u0275\u0275elementStart(1,"h5",4),C.\u0275\u0275text(2,"Title (max. 80 characters)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"div",11),C.\u0275\u0275text(4,"Please include the following:"),C.\u0275\u0275elementStart(5,"ul"),C.\u0275\u0275elementStart(6,"li"),C.\u0275\u0275text(7,"Occasion (birthday/anniversary/thank you)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(8,"li"),C.\u0275\u0275text(9,"Style (funny/cute/classic)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(10,"li"),C.\u0275\u0275text(11,"Recipient (for mum/for friend)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(12,"li"),C.\u0275\u0275text(13,"Any unique elements or key messages"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275text(14,"Your card title will help with SEO. Find out more about "),C.\u0275\u0275elementStart(15,"a",13),C.\u0275\u0275elementStart(16,"strong"),C.\u0275\u0275text(17,"how to write a great card title"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275text(18," in our handy blog."),C.\u0275\u0275elementStart(19,"div",14),C.\u0275\u0275element(20,"textarea",15),C.\u0275\u0275elementStart(21,"p",16),C.\u0275\u0275text(22),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(23,Le,2,1,"p",17),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(24,"h5",4),C.\u0275\u0275text(25,"Description (max. 200 characters)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(26,"div",11),C.\u0275\u0275text(27,"Your description will also help with SEO. Find more info on how to write a good description "),C.\u0275\u0275elementStart(28,"a",13),C.\u0275\u0275elementStart(29,"strong"),C.\u0275\u0275text(30,"here"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275text(31,"."),C.\u0275\u0275elementStart(32,"div",14),C.\u0275\u0275element(33,"textarea",18),C.\u0275\u0275elementStart(34,"p",16),C.\u0275\u0275text(35),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(36,Re,2,1,"p",17),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(37,"h5",4),C.\u0275\u0275text(38,"Text on the card"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(39,"div",11),C.\u0275\u0275text(40,"Please input the exact text displayed on your design, if there is none, please leave this blank. This will make it easier for users to find your card. Max 200 characters. "),C.\u0275\u0275elementStart(41,"div",14),C.\u0275\u0275element(42,"textarea",19),C.\u0275\u0275elementStart(43,"p",16),C.\u0275\u0275text(44),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(45,Ve,2,1,"p",17),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(46,Ne,1,2,"creators-accordions",20),C.\u0275\u0275template(47,We,2,0,"h5",21),C.\u0275\u0275template(48,Ye,29,4,"div",22),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275property("formGroup",e.createForm),C.\u0275\u0275advance(20),C.\u0275\u0275classProp("CreatorsInput--invalid",e.showError&&!e.checkValidity("title")),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngClass",C.\u0275\u0275pureFunction1(17,Ge,(null==e.titleValue?null:e.titleValue.length)>80)),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate1("",(null==e.titleValue?null:e.titleValue.length)||0,"/80"),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.showError&&!e.checkValidity("title")),C.\u0275\u0275advance(10),C.\u0275\u0275classProp("CreatorsInput--invalid",e.showError&&!e.checkValidity("description")),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngClass",C.\u0275\u0275pureFunction1(19,Ge,(null==e.descriptionValue?null:e.descriptionValue.length)>200)),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate1("",(null==e.descriptionValue?null:e.descriptionValue.length)||0,"/200"),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.showError&&!e.checkValidity("description")),C.\u0275\u0275advance(7),C.\u0275\u0275property("ngClass",C.\u0275\u0275pureFunction1(21,Ge,(null==e.copyValue?null:e.copyValue.length)>200)),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate1("",(null==e.copyValue?null:e.copyValue.length)||0,"/200"),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.showError&&!e.checkValidity("copy")),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.isCardUpdate),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.isCardUpdate),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.isCardUpdate)}}let $e=(()=>{class e{constructor(e){this.Analytics=e,this.options={}}get isPublic(){return"PUBLIC"===this.visibility.value}get visibility(){return this.createForm.get("visibility")}get isCardUpdate(){return this.cardUpdate}get exclusivity(){return this.createForm.get("exclusive")}get titleValue(){return this.createForm.get("title").value}get descriptionValue(){return this.createForm.get("description").value}get copyValue(){return this.createForm.get("copy").value}setVisibility(e){this.visibility.setValue(e)}checkValidity(e){return"VALID"===this.createForm.get(e).status}returnError(e){return"description"===e||"title"===e?this.createForm.get(e).errors.maxlength?`Maximum characters for card ${e} exceeded`:`Card ${e} is required to upload a card`:"copy"===e?"Maximum characters for text on card exceeded":"Opt in or out of exclusivity is required to upload a card"}showExclusive(e){(e||0==this.acceptExclusive)&&(this.tsncs=!0)}exclusiveOption(){this.exclusivity.setValue(!this.exclusivity.value),this.exclusivity.value?(this.Analytics.customEvent("Exclusive","Click","Yes"),this.showExclusive(!0)):(this.acceptExclusive=!1,this.Analytics.customEvent("Exclusive","Click","No"))}closeExclusive(e){e!==Z.z.Undefined&&(this.acceptExclusive=Boolean(e===Z.z.Accept),this.createForm.get("exclusive").setValue(Boolean(e===Z.z.Accept))),this.tsncs=!1}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275directiveInject(E.c))},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["design-options"]],inputs:{showError:"showError",createForm:"createForm",cardUpdate:"cardUpdate"},decls:4,vars:4,consts:[["class","Title sm",4,"ngIf"],["class","VisibilityButtons",4,"ngIf"],["class","PrivateContent",4,"ngIf"],["class","PublicContent",3,"formGroup",4,"ngIf"],[1,"Title","sm"],[1,"VisibilityButtons"],[1,"button",3,"selected","click"],["message","Public designs are visible to all thortful customers.",1,"tooltip"],[1,"button","Private",3,"selected","click"],["message","Private designs are not available for public sale on the site, but they still go through a moderation process. They\u2019re not visible to anyone but you, and they do not contribute to your slot limit.",1,"tooltip"],[1,"PrivateContent"],[1,"Description"],[1,"PublicContent",3,"formGroup"],["routerLink","/help/creator-faqs/group/the-upload-process","fragment","1-10","target","_blank"],[1,"CreatorsInputArea"],["data-test-id","cardUploadTitle","formControlName","title","placeholder","e.g. Cute Anniversary Card For Significant Other \u2013 Jigsaw Puzzle \u2013 You Complete Me",1,"CreatorsInput","titleInput"],[1,"counter",3,"ngClass"],["class","error-message",4,"ngIf"],["data-test-id","cardUploadDescription","formControlName","description","placeholder","e.g. Send your puzzle-loving partner this cute anniversary card to let them know how much they mean to you",1,"CreatorsInput"],["formControlName","copy","placeholder","",1,"CreatorsInput"],[3,"createForm","showError",4,"ngIf"],["class","Title sm exclusive",4,"ngIf"],["class","Description",4,"ngIf"],[1,"error-message"],[3,"createForm","showError"],[1,"Title","sm","exclusive"],[1,"Description--exclusive"],[1,"w700",3,"click"],[1,"radio-buttons"],["type","radio","formControlName","exclusive",3,"value"],[3,"close",4,"ngIf"],[3,"close"]],template:function(e,t){1&e&&(C.\u0275\u0275template(0,Ue,2,0,"h5",0),C.\u0275\u0275template(1,ze,7,2,"div",1),C.\u0275\u0275template(2,je,5,0,"div",2),C.\u0275\u0275template(3,Xe,49,23,"form",3)),2&e&&(C.\u0275\u0275property("ngIf",!t.isCardUpdate),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!t.isCardUpdate),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!t.isPublic),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",t.isPublic))},directives:[r.O5,ne,re,a._Y,a.JL,a.sg,i.yS,a.Fj,a.JJ,a.u,r.mk,Fe,a._,Z.q],styles:['strong[_ngcontent-%COMP%]{font-size:16px}.Title[_ngcontent-%COMP%]{margin-bottom:8px;font-size:20px;

1display:-webkit-box;display:-ms-flexbox;display:flex}.Description[_ngcontent-%COMP%]{font-size:16px;line-height:1.2;padding:0 0 40px}.Description[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:inherit;color:#ff6900}.Description[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:52px;margin-top:17px;margin-right:16px}.Description--exclusive[_ngcontent-%COMP%]{font-size:16px;margin-bottom:16px}.Description[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin-bottom:16px;margin-top:16px}.VisibilityButtons[_ngcontent-%COMP%]{margin:8px 0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.VisibilityButtons[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{display:inline-block}.VisibilityButtons[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{width:100px}.CreatorsInputArea[_ngcontent-%COMP%]{margin-top:24px}.CreatorsInputArea[_ngcontent-%COMP%]   input.CreatorsInput[_ngcontent-%COMP%], .CreatorsInputArea[_ngcontent-%COMP%]   textarea.CreatorsInput[_ngcontent-%COMP%]{border-radius:16px;background:#ffffff;padding:18px;line-height:1.2;font-size:14px;border:1px solid rgba(0,0,0,.52);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;outline:none;height:50px;display:block;width:100%}.CreatorsInputArea[_ngcontent-%COMP%]   input.CreatorsInput[_ngcontent-%COMP%]::-webkit-input-placeholder, .CreatorsInputArea[_ngcontent-%COMP%]   textarea.CreatorsInput[_ngcontent-%COMP%]::-webkit-input-placeholder{color:#7e7e7e}.CreatorsInputArea[_ngcontent-%COMP%]   input.CreatorsInput[_ngcontent-%COMP%]::-moz-placeholder, .CreatorsInputArea[_ngcontent-%COMP%]   textarea.CreatorsInput[_ngcontent-%COMP%]::-moz-placeholder{color:#7e7e7e}.CreatorsInputArea[_ngcontent-%COMP%]   input.CreatorsInput[_ngcontent-%COMP%]::-ms-input-placeholder, .CreatorsInputArea[_ngcontent-%COMP%]   textarea.CreatorsInput[_ngcontent-%COMP%]::-ms-input-placeholder{color:#7e7e7e}.CreatorsInputArea[_ngcontent-%COMP%]   input.CreatorsInput[_ngcontent-%COMP%]::placeholder, .CreatorsInputArea[_ngcontent-%COMP%]   textarea.CreatorsInput[_ngcontent-%COMP%]::placeholder{color:#7e7e7e}.CreatorsInputArea[_ngcontent-%COMP%]   input.CreatorsInput--invalid[_ngcontent-%COMP%], .CreatorsInputArea[_ngcontent-%COMP%]   textarea.CreatorsInput--invalid[_ngcontent-%COMP%]{border-color:#ff6900}.CreatorsInputArea[_ngcontent-%COMP%]   input.CreatorsInput.titleInput[_ngcontent-%COMP%], .CreatorsInputArea[_ngcontent-%COMP%]   textarea.CreatorsInput.titleInput[_ngcontent-%COMP%]{min-height:70px;height:70px}.exclusive[_ngcontent-%COMP%]{margin-top:40px}.CheckBoxLabel[_ngcontent-%COMP%]{font-size:14px}.error-message[_ngcontent-%COMP%]{margin-top:9px;color:#ff6900}.counter[_ngcontent-%COMP%]{margin-top:9px;float:right}.counter.long[_ngcontent-%COMP%]{color:red}.radio-buttons[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{margin-bottom:4px}.radio-buttons[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{margin-left:8px}.radio-buttons[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.radio-buttons[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:before{vertical-align:sub;content:" ";display:inline-block;position:relative;width:1.5em;height:1.5em;border-radius:50%;border:1px solid black;background-color:transparent}.radio-buttons[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked:before{border:4px solid #ff6900;background:#ffffff}.tooltip[_ngcontent-%COMP%]{margin:10px}']}),e})();var Qe=n(16199);let Je=(()=>{class e{constructor(){}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-link-to-blog"]],decls:5,vars:0,consts:[[1,"link-to-blog"],[1,"title"],["href","https://www.thortful.com/blog/creator-central/","target","_blank",1,"cta"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",0),C.\u0275\u0275elementStart(1,"h2",1),C.\u0275\u0275text(2,"Feeling stuck? Check out our handy blog."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"a",2),C.\u0275\u0275text(4,"Creator Blog"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())},styles:[".link-to-blog[_ngcontent-%COMP%]{border-top:1px solid #000;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:40px;padding-top:24px}.link-to-blog[_ngcontent-%COMP%] > .title[_ngcontent-%COMP%]{font-size:16px;font-weight:700;margin-bottom:24px}.link-to-blog[_ngcontent-%COMP%] > .cta[_ngcontent-%COMP%]{width:100%;max-width:342px;background-color:#06f;color:#fff;font-size:16px;border-radius:4px;font-weight:800;height:50px;line-height:50px;text-align:center}"]}),e})();function Ke(e,t){1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275text(1,"Up, up, upload and away!"),C.\u0275\u0275elementContainerEnd())}function Ze(e,t){1&e&&(C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275text(1,"Lookin\u2019 gorgeous. Time to name it."),C.\u0275\u0275elementContainerEnd())}function et(e,t){if(1&e&&C.\u0275\u0275element(0,"design-description",13),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275property("cardType",e.cardType)}}function tt(e,t){if(1&e&&C.\u0275\u0275element(0,"design-options",14),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275property("createForm",e.createForm)("showError",e.completeButtonClicked)}}function nt(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementStart(1,"primary-button",15),C.\u0275\u0275listener("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext().setUploadData()}),C.\u0275\u0275text(2),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"p"),C.\u0275\u0275text(4,"*Please note that all our cards are subject to moderation so your title, description and tags may be amended."),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(5,"app-link-to-blog"),C.\u0275\u0275elementContainerEnd()}if(2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275advance(1),C.\u0275\u0275property("disabled",!e.isCropperValid||e.disableUploadBtn),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(e.disableUploadBtn?"Uploading...":"FACE_SWAP_CARD"===e.cardType?"Upload Face Swap Card":"Upload Card")}}let rt=(()=>{class e{constructor(e,t,n,r,o,i,c,s,l,m,h){this.ShareData=e,this.Authentication=t,this.CreateUtils=n,this.router=r,this.Analytics=o,this.UserUtils=i,this.fb=c,this.route=s,this.SegmentService=l,this.assetsStore=m,this.Store=h,this.options=this.CreateUtils.initOptions(),this.payload=this.CreateUtils.initPayload(),this.updateCardId=this.CreateUtils.UpdateCardId,this.registeredUser=this.Authentication.registeredUser,this.newCreator=this.registeredUser.pipe((0,d.w)(e=>e?this.UserUtils.isCreator():[!0]),(0,p.U)(e=>Boolean(!e))),this.createForm=this.fb.group({visibility:"PUBLIC",title:["",[a.kI.required,a.kI.maxLength(80)]],file:[null,[a.kI.required,this.maxSizeValidator(this.maxSizeOfFile)],this.imageOrientation(this.validateImage)],mask:this.fb.group({width:[0,[a.kI.required,a.kI.min(1772)]],height:[0,[a.kI.required,a.kI.min(2506)]],x:[0,[a.kI.required,a.kI.min(0)]],y:[0,[a.kI.required,a.kI.min(0)]],format:"A5"}),description:["",[a.kI.required,a.kI.maxLength(200)]],copy:["",[a.kI.maxLength(200)]],occasions:this.fb.array([],[a.kI.minLength(1),a.kI.maxLength(2)]

1),themes:this.fb.array([],a.kI.maxLength(2)),styles:this.fb.array([],a.kI.maxLength(2)),tags:this.fb.array([],a.kI.maxLength(8)),exclusive:[null,a.kI.required],occasion:[""],secondaryOccasion:[""],filterGroups:this.fb.group({}),price_class:[""]}),this.stepTwo=this.createForm.get("file").statusChanges.pipe((0,g.d)(1),(0,p.U)(e=>"VALID"==e)),this.populateForm=e=>{["title","description","copy"].forEach(t=>this.createForm.controls[t].patchValue(e.description[t]))}}ngOnInit(){this.cardType=this.getCardType(),this.Store.select("featureFlag","config","WEB-1912").pipe((0,m.P)(e=>"boolean"==typeof e)).subscribe(e=>{e?(this.isWeb1912FeatureFlagEnabled=e,this.createForm.get("occasion").setValidators(a.kI.required)):this.createForm.get("occasions").setValidators(a.kI.required)}),this.createForm.get("price_class").setValue(this.cardType)}imageOrientation(e){return t=>{const{value:n}=t;if(n){const t=URL.createObjectURL(n);return(0,s.D)((0,u.u)(t,"Anonymous")).pipe((0,p.U)(t=>{const{naturalWidth:n,naturalHeight:r}=t,o=r>n?f.i.Portrait:f.i.Landscape;return e({height:r,width:n,orientation:o})?null:o!==f.i.Portrait?{invalidOrientation:"no Portrait"}:{invalidSize:"invalid size"}}),(0,h.K)(()=>(0,l.of)({invalidImage:"invalid image"})))}return(0,l.of)(null)}}get maxSizeOfFile(){return 25165824}validateImage(e){const{height:t,width:n,orientation:r}=e;return"PORTRAIT"===r&&t>=1772&&t<=5012&&n>=1772&&n<=5012}maxSizeValidator(e){return t=>{const{value:n}=t;return n&&n.size>e?{maxsize:`${n.size} > ${e}`}:null}}errorCheck(){const e=document.querySelectorAll(".ng-invalid")[1]||null;e&&this.scrollToError(e)}scrollToError(e){e.scrollIntoView({behavior:"smooth",block:"center"})}organiseFormData(){Object.keys(this.payload).map(e=>{"description"===e?Object.keys(this.payload.description).map(t=>this.payload[e][t]=this.createForm.get(t).value):this.createForm.get(e)&&(this.payload[e]=this.createForm.get(e).value)}),this.payload.tags=this.isWeb1912FeatureFlagEnabled?this.getFilterGroups():this.organiseTags()}createCategoryTitlesPromises(){const e=this.createForm.get("occasions").value.map(e=>this.CreateUtils.getCategoryId(e));return Promise.all(e)}organiseTags(){return[...this.createForm.controls.styles.value,...this.createForm.controls.themes.value,...this.returnTags()]}returnTags(){return this.createForm.controls.tags.value.map(e=>e.value)}getFilterGroups(){const e=Object.values(this.createForm.get("filterGroups").value);return[...this.createForm.get("tags").value.map(e=>e.value),...e.reduce((e,t)=>e.concat(t),[])]}setUploadData(){this.isWeb1912FeatureFlagEnabled?this.setNewUploadData():this.createCategoryTitlesPromises().then(e=>{e.map(e=>{this.payload.categories.push(e.id)}),this.organiseFormData(),this.uploadFile()}).catch(()=>{this.showError()})}setNewUploadData(){const e=this.createForm.get("occasion").value,t=this.createForm.get("secondaryOccasion").value;this.payload.categories=[],(null==e?void 0:e.id)&&this.payload.categories.push(e.id),(null==t?void 0:t.id)&&this.payload.categories.push(t.id),this.organiseFormData(),this.uploadFile()}get cardIsPrivate(){return"PRIVATE"===this.createForm.get("visibility").value}createPrivatePayload(e){return Object.keys(e).filter(e=>["visibility","masks","price_class"].includes(e)).reduce((t,n)=>(t[n]=e[n],t),{})}get isCropperValid(){return this.createForm.get("mask").valid}uploadFile(){if(this.CreateUtils.triggerExpand.next(),this.errorCheck(),this.completeButtonClicked=!0,this.cardIsPrivate){if(!this.isCropperValid)return}else if(this.disableUploadBtn||this.createForm.invalid)return;this.disableUploadBtn=!0;const e=this.createForm.get("mask").value,t=this.createForm.get("file").value;this.payload.masks=[e];const n=this.cardIsPrivate?this.createPrivatePayload(this.payload):this.payload;this.CreateUtils.uploadCard(t,n).then(e=>(0,c.mG)(this,void 0,void 0,function*(){this.UserUtils.reduceQuotaByOne(),this.options.cardSuccessfullyUploaded=!0,this.segmentCardUploadEvent(e),this.Analytics.customEvent("User","Upload","None"),setTimeout(()=>{this.ShareData.trigger("getProfileSuccess",this.UserUtils.fullProfile,"profile"),this.router.navigate(["account","creator","card-management"])},2e3)})).catch(e=>{this.showError(e),this.disableUploadBtn=!1})}showError(e={data:{code:""}}){switch(e.data.code){case"VIEWABLE_CARD_LIMIT_REACHED":case"OWNED_CREATED_CARD_LIMIT_REACHED":this.ShareData.trigger("showError","cardUploadLimit");break;case"DUPLICATE_CARD_TITLE":this.ShareData.trigger("showError","cardDuplicateTitle");break;case"CARD_NOT_FOUND":this.ShareData.trigger("showError","cardReplaceError");break;case"INVALID_MASK_ORIENTATION":this.ShareData.trigger("showError","cardOrientationError");break;default:this.ShareData.trigger("showError","cardUploadError")}}segmentCardUploadEvent(e){const{public_profile:t}=this.UserUtils.fullProfile,[n,r]=this.createForm.get("themes").value,[o,a]=this.createForm.get("styles").value,i=this.returnTags(),[c,s]=this.getOccasions(),{description:l}=e;this.SegmentService.trackCustom({name:"Card Uploaded",data:{product_id:e.id,product_url:window.location.origin+"/card/"+e.id,creator_id:e.creator_id,creator_location:t.location,creator_name:t.nickname,product_exclusive_status:e.exclusive,card_title:l.title,card_description:l.description,card_visibility:"PUBLIC"===e.visibility,card_occassion_1:c,card_occassion_2:s,card_style_1:o,card_style_2:a,card_theme_1:n,card_theme_2:r,card_tags:i}})}assetsLocation(e){return this.assetsStore.getImageUrl(e)}getOccasions(){if(!this.isWeb1912FeatureFlagEnabled){const[e,t]=this.createForm.get("occasions").value;return[e,t]}return[this.createForm.get("occasion").value,this.createForm.get("secondaryOccasion").value]}getCardType(){var e,t;return(null===(e=this.router.url)||void 0===e?void 0:e.includes("faceswap"))?"FACE_SWAP_CARD":(null===(t=this.router.url)||void 0===t?void 0:t.includes("photocard"))?"TEMPLATE":"STANDARD"}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275directiveInject(x.u),C.\u0275\u0275directiveInject(b.Vy),C.\u0275\u0275directiveInject(k),C.\u0275\u0275directiveInject(i.F0),C.\u0275\u0275directiveInject(E.c),C.\u0275\u0275directiveInject(S.f),C.\u0275\u0275directiveInject(a.qu),C.\u0275\u0275directiveInject(i.gz),C.\u0275\u0275directiveInject(I.BP),C.\u0275\u0275directiveInject(I.WR),C.\u0275\u0275directiveInject(A.yh))},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["create"]],decls:20,vars:17,consts:[[1,"CreateCardPage"],[1,"content-new"],[1,"CreateCardPage__Header"],[4,"ngIf"],[1,"CreateArea","grid-row"],[1,"ImageDropArea"],[1,"ImageDropArea--spacing"],[3,"file","mask"],[1,"DesignDescription"],[1,"DesignDescription--spacing"],[3,"cardType",4,"ngIf"],[3,"createForm","showError",4,"ngIf"],[1,"CreateArea--spacing"],[3,"cardType"],[3,"createForm","showError"],[1,"upload-cta",3,"disabled","click"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",0),C.\u0275\u0275elementStart(1,"div",1),C.\u0275\u0275elementStart(2,"h2",2),C.\u0275\u0275template(3,Ke,2,0,"ng-container",3),C.\u0275\u0275pipe(4,"async"),C.\u0275\u0275template(5,Ze,2,0,"ng-container",3),C.\u0275\u0275pipe(6,"async"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(7,"div",4),C.\u0275\u0275elementStart(8,"div",5),C.\u0275\u0275elementStart(9,"div",6),C.\u0275\u0275element(10,"design-cropper-input",7),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(11,"div",8),C.\u0275\u0275elementStart(12,"div",9),C.\u0275\u0275template(13,et,1,1,"design-description",10),C.\u0275\u0275pipe(14,"async"),C.\u0275\u0275template(15,tt,1,2,"design-options",11),C.\u0275\u0275pipe(16,"async"),C.\u0275\u0275template(17,nt,6,2,"ng-container",3),C.\u0275\u0275pipe(18,"async"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(19,"div",12),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e&&(C.\u0275\u0275advance(3),C.\u0275\u0275property("ngIf",!C.\u0275\u0275pipeBind1(4,7,t.stepTwo)),C.\u0275\u0275advance(2),C.\u0275\u0275property("ngIf",C.\u0275\u0275pipeBind1(6,9,t.stepTwo)),C.\u0275\u0275advance(5),C.\u0275\u0275property("file",t.createForm.controls.file)("mask",t.createForm.controls.mask),C.\u0275\u0275advance(3),C.\u0275\u0275property("ngIf",!C.\u0275\u0275pipeBind1(14,11,t.stepTwo)),C.\u0275\u0275advance(2),C.\u0275\u0275property("ngIf",C.\u0275\u0275pipeBind1(16,13,t.stepTwo)),C.\u0275\u0275advance(2),C.\u0275\u0275property("ngIf",C.\u0275\u0275pipeBind1(18,15,t.stepTwo)))},directives:[r.O5,Q,K,$e,Qe.K,Je],pipes:[r.Ov],styles:['.CreateCardPage[_ngcontent-%COMP%]{padding-top:1px}.CreateCardPage__Header[_ngcontent-%COMP%]{font-size:24px;line-height:1;margin-bottom:22px}@media (min-width: 769px){.CreateCardPage__Header[_ngcontent-%COMP%]{font-size:30px}}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]{padding:12px}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .ImageDropArea[_ngcontent-%COMP%]{-webkit-box-flex:1;-ms-flex:1;flex:1}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .ImageDropArea--spacing[_ngcontent-%COMP%]{padding-left:40px;position:sticky;top:0;right:0;bottom:0;left:0}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .DesignDescription[_ngcontent-%COMP%]{-webkit-box-flex:1.3;-ms-flex:1.3;flex:1.3}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .DesignDescription--spacing[_ngcontent-%COMP%]{padding:0 60px}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea--spacing[_ngcontent-%COMP%]{margin-bottom:95px}.CreateCardPage[_ngcontent-%COMP%]   .UploadCardButton[_ngcontent-%COMP%]{max-width:335px;margin:14px auto auto}#create[_ngcontent-%COMP%]{padding:12px}.occasions[_ngcontent-%COMP%]{font-size:13px}.adobe-templates[_ngcontent-%COMP%]{border-top:2px solid #c4c4c4}.ngx-tags-input[_ngcontent-%COMP%]{border:1px solid #c4c4c4}.card-creator-cropper-area[_ngcontent-%COMP%]{margin-bottom:12px}.card-creator-cropper-area[_ngcontent-%COMP%]:before, .card-creator-cropper-area[_ngcontent-%COMP%]:after{content:"";display:table}.card-creator-cropper-area[_ngcontent-%COMP%]:after{clear:both}.card-creator-cropper-area.grid-row[_ngcontent-%COMP%]{-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 450px){.card-creator-cropper-area.grid-row[_ngcontent-%COMP%]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]{width:100%;max-width:600px;margin:0 auto 12px;text-align:center}@media (min-width: 840px){.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]{padding-right:10px;margin:0 0 12px}}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper.portrait[_ngcontent-%COMP%]{max-width:500px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed[_ngcontent-%COMP%]{position:absolute;top:0;right:0;bottom:0;left:0}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{opacity:.5;background-color:#fff;background-image:-webkit-repeating-linear-gradient(45deg,#455A64,#455A64 1px,transparent 1px,transparent 4px);background-image:repeating-linear-gradient(45deg,#455A64,#455A64 1px,transparent 1px,transparent 4px);position:absolute}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-n[_ngcontent-%COMP%]{top:0;left:0;right:0;height:.71%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-e[_ngcontent-%COMP%]{top:0;bottom:0;right:0;width:1.42%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-s[_ngcontent-%COMP%]{bottom:0;left:0;right:0;height:.71%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-w[_ngcontent-%COMP%]{display:none}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]{padding:56.64% 12px 12px;margin-bottom:12px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:36px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   .fake-link[_ngcontent-%COMP%]{color:#ff4d4d}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   .fake-link[_ngcontent-%COMP%]:hover{text-decoration:underline;cursor:pointer}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-loading[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-loading[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:36px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area.dragover[_ngcontent-%COMP%]{border:1px solid #455A64;background:#c4c4c4}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area.dragover[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]{opacity:.7}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{font-size:13px}.resolution-recommendation[_ngcontent-%COMP%]{display:none;text-align:center}@media (min-width: 840px){.resolution-recommendation[_ngcontent-%COMP%]{padding:12px 80px}}.resolution-recommendation.active[_ngcontent-%COMP%]{display:block}.upload-card-btn[_ngcontent-%COMP%]:before, .upload-card-btn[_ngcontent-%COMP%]:after{content:"";display:table}.upload-card-btn[_ngcontent-%COMP%]:after{clear:both}.upload-card-btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left;margin-right:12px}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]{float:left}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:before, .upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:after{content:"";display:table}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:after{clear:both}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#ff4d4d;margin-right:8px;float:left;padding-top:1px}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{float:left;margin-top:10px}.upload-card-btn.valid[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#2da98d}.upload-card-btn[_ngcontent-%COMP%]   .ClickButton[_ngcontent-%COMP%]{float:left;width:184px;padding-left:20px}.card-creator-options[_ngcontent-%COMP%]{-webkit-transition:all 1.1s ease;transition:all 1.1s ease;position:relative;max-width:600px;margin:0 auto;-webkit-transform:translate(0%,0);transform:translate(0)}@media (min-width: 840px){.card-creator-options[_ngcontent-%COMP%]{max-width:100%;margin:0}}.card-creator-options.active[_ngcontent-%COMP%]{-webkit-transform:translate(0,0);transform:translate(0)}.card-creator-options[_ngcontent-%COMP%]   .bleed-message[_ngcontent-%COMP%]{margin-top:12px;margin-bottom:0}.card-creator-tips[_ngcontent-%COMP%]{border-top:2px solid #f3f3f3;margin-bottom:40px;padding-top:24px;margin-top:24px}.card-creator-tips[_ngcontent-%COMP%]:before, .card-creator-tips[_ngcontent-%COMP%]:after{content:"";display:table}.card-creator-tips[_ngcontent-%COMP%]:after{clear:bot

1h}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]{text-align:center}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{padding:48px 12px;max-width:780px;margin:0 auto}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:before, #create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:after{content:"";display:table}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:after{clear:both}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{padding:12px;margin-bottom:12px;position:relative}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:28px;font-size:1.75em;line-height:37.8px;display:block;margin-bottom:10px;color:#455a64}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#717171}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]{text-align:center;padding:0 12px;max-width:610px;margin:0 auto}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]   .creator-welcome-cta[_ngcontent-%COMP%]{padding:24px 100px 0}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#717171}.terms-and-conditions[_ngcontent-%COMP%]{position:fixed;top:0;right:0;left:0;bottom:0;z-index:16;background-color:#0000007d;padding:40px 10%;overflow:auto}.terms-and-conditions[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]{position:absolute;top:0;right:0;left:0;bottom:0}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:400px;padding:40px 10%;background-color:#fff}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]{width:100%;height:100%;padding:5%;background-color:#fff;-webkit-box-shadow:0 0 22px 0 rgba(93,93,93,.5);box-shadow:0 0 22px #5d5d5d80}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]{height:calc(100% - 70px);overflow-y:scroll;padding-right:10px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar{width:11px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar-track{border-radius:6px;background-color:#ededed}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:#ff6900;border-radius:6px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-position:outside;list-style-type:decimal;padding-left:20px;font-size:14px;margin-bottom:0}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:14px;color:#ff6900}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .accept[_ngcontent-%COMP%]{border-radius:2px;font-size:16px;font-weight:500;background-color:#ff6900;color:#fff;padding:6px 40px;margin:15px 0;border:none}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .orange[_ngcontent-%COMP%]{font-size:14px}.upload-cta[_ngcontent-%COMP%]{max-width:340px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px}']}),e})();var ot=n(839);const at=["imageToCrop"];function it(e,t){1&e&&(C.\u0275\u0275elementStart(0,"h3",22),C.\u0275\u0275text(1,"Upload your photo card design"),C.\u0275\u0275elementEnd())}function ct(e,t){1&e&&(C.\u0275\u0275elementStart(0,"h3",22),C.\u0275\u0275text(1,"Update your photo card design"),C.\u0275\u0275elementEnd())}function st(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",23),C.\u0275\u0275elementStart(1,"h6"),C.\u0275\u0275text(2,"Looks like your file isn't valid!"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"p",24),C.\u0275\u0275text(4,"Please ensure that your file is:"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(5,"ul"),C.\u0275\u0275elementStart(6,"li"),C.\u0275\u0275text(7,"In PNG format"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(8,"li"),C.\u0275\u0275text(9,"In portrait orientation"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(10,"li"),C.\u0275\u0275text(11,"No larger than 25mb"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(12,"li"),C.\u0275\u0275text(13,"No smaller than 1772x2506px"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(14,"li"),C.\u0275\u0275text(15,"No larger than 3544x5012px"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(16,"li"),C.\u0275\u0275text(17,"Containing sections that are 100% transparent"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())}function lt(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",28),C.\u0275\u0275element(1,"i",29),C.\u0275\u0275elementStart(2,"p",30),C.\u0275\u0275text(3,"Drop your image here or"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(4,"p",31),

1C.\u0275\u0275text(5,"click here to select a file."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())}function dt(e,t){1&e&&(C.\u0275\u0275elementStart(0,"span",32),C.\u0275\u0275element(1,"img",33),C.\u0275\u0275elementEnd())}function pt(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"div",25),C.\u0275\u0275listener("filesChange",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(2).selectFile(t)})("filesChange",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(2).files=t}),C.\u0275\u0275template(1,lt,6,0,"div",26),C.\u0275\u0275template(2,dt,2,0,"span",27),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275property("accept","image/png")("maxSize","25mb")("files",e.files),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.options.thinking),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.options.thinking)}}const gt=function(e,t){return{portrait:e,landscape:t}};function mt(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div",40),C.\u0275\u0275element(1,"span",41),C.\u0275\u0275element(2,"span",42),C.\u0275\u0275element(3,"span",43),C.\u0275\u0275element(4,"span",44),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(3);C.\u0275\u0275property("ngClass",C.\u0275\u0275pureFunction2(1,gt,"PORTRAIT"===e.options.imageDetails.orientation,"LANDSCAPE"===e.options.imageDetails.orientation))}}function ht(e,t){1&e&&(C.\u0275\u0275elementStart(0,"span"),C.\u0275\u0275text(1,"Great! This crop works."),C.\u0275\u0275elementEnd())}function ut(e,t){1&e&&(C.\u0275\u0275elementStart(0,"span"),C.\u0275\u0275text(1,"Just add some tags and it's perfect!"),C.\u0275\u0275elementEnd())}function ft(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div",45),C.\u0275\u0275element(1,"i",46),C.\u0275\u0275template(2,ht,2,0,"span",11),C.\u0275\u0275template(3,ut,2,0,"span",11),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(3);C.\u0275\u0275advance(2),C.\u0275\u0275property("ngIf",e.options.cropperNeeded),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.options.cropperNeeded)}}function Ct(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",45),C.\u0275\u0275element(1,"i",47),C.\u0275\u0275elementStart(2,"span"),C.\u0275\u0275text(3,"Oh no! This crop is too small. "),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())}function xt(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",48),C.\u0275\u0275elementStart(1,"em"),C.\u0275\u0275text(2,"Remember the bleed! The shaded areas will be trimmed when your design is printed."),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(3,"br"),C.\u0275\u0275element(4,"br"),C.\u0275\u0275elementStart(5,"em"),C.\u0275\u0275text(6,"Minimum Upload Resolution: 1772 x 2506px."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())}function bt(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div"),C.\u0275\u0275elementStart(1,"div",34),C.\u0275\u0275template(2,mt,5,4,"div",35),C.\u0275\u0275element(3,"img",36,37),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(5,ft,4,2,"div",38),C.\u0275\u0275template(6,Ct,4,0,"div",38),C.\u0275\u0275template(7,xt,7,0,"div",39),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(2),C.\u0275\u0275property("ngIf",!e.options.cropperNeeded),C.\u0275\u0275advance(1),C.\u0275\u0275property("src",e.options.image,C.\u0275\u0275sanitizeUrl),C.\u0275\u0275advance(2),C.\u0275\u0275property("ngIf",e.options.isCropperValid),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.options.isCropperValid),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.options.showImage)}}function _t(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"a",52),C.\u0275\u0275element(1,"img",57),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(3);C.\u0275\u0275attribute("href",e.assetsLocation("/files/thortful-card-design_canva-template-link_.txt"),C.\u0275\u0275sanitizeUrl)}}function Ot(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div"),C.\u0275\u0275elementStart(1,"h6",16),C.\u0275\u0275text(2,"We want your card to look great!"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"p",49),C.\u0275\u0275text(4,"Please ensure your file meets the following requirements:"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(5,"ul",50),C.\u0275\u0275elementStart(6,"li"),C.\u0275\u0275text(7,"PNG format only"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(8,"li"),C.\u0275\u0275text(9,"Portrait orientation"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(10,"li"),C.\u0275\u0275text(11,"File no larger than 25mb"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(12,"li"),C.\u0275\u0275text(13,"Image no smaller than 1772 x 2506px"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(14,"li"),C.\u0275\u0275text(15,"Image no larger than 3544 x 5012px"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(16,"li"),C.\u0275\u0275text(17,"Sections for photos need to be 100% transparent: please ensure there are no gradient pixels on the edge of the transparent areas"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(18,"li"),C.\u0275\u0275text(19,"Transparent pixels should be only where an image will be uploaded by the customer"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(20,"li"),C.\u0275\u0275text(2

11,"The transparent areas should not be rotated"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(22,"li"),C.\u0275\u0275text(23,"Transparent areas cannot overlap one another"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(24,"p"),C.\u0275\u0275text(25,"When cropping your design please leave some space at the edges to allow for the bleed. This is the part which gets cut off when your design is printed, and is visible in the cropping mask. "),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(26,"h6",16),C.\u0275\u0275text(27,"Need some templates?"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(28,"div",51),C.\u0275\u0275elementStart(29,"div"),C.\u0275\u0275elementStart(30,"a",52),C.\u0275\u0275element(31,"img",53),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(32,"a",52),C.\u0275\u0275element(33,"img",54),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(34,"a",52),C.\u0275\u0275element(35,"img",55),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(36,_t,2,1,"a",56),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(30),C.\u0275\u0275attribute("href",e.assetsLocation("/files/thortful-card-design_template_.psd"),C.\u0275\u0275sanitizeUrl),C.\u0275\u0275advance(2),C.\u0275\u0275attribute("href",e.assetsLocation("/files/thortful-card-design_template_.ai"),C.\u0275\u0275sanitizeUrl),C.\u0275\u0275advance(2),C.\u0275\u0275attribute("href",e.assetsLocation("/files/thortful-card-template_.procreate"),C.\u0275\u0275sanitizeUrl),C.\u0275\u0275advance(2),C.\u0275\u0275property("featureFlagDisabled","TSN-853")}}function vt(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div",74),C.\u0275\u0275element(1,"img",75),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext(4);C.\u0275\u0275advance(1),C.\u0275\u0275property("src",e.previewImage,C.\u0275\u0275sanitizeUrl)}}const Pt=function(e){return{required:e}};function Mt(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"div",65),C.\u0275\u0275elementStart(1,"h6",66),C.\u0275\u0275text(2,"Preview/Example Image"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"p",67),C.\u0275\u0275text(4,"Your photo-card design including selected thortful stock image, which will be shown to customers."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(5,"p",68),C.\u0275\u0275text(6,"Will be cropped to same size as the main template design."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(7,"input",69),C.\u0275\u0275listener("change",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(3).selectPreview(t)}),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(8,vt,2,1,"div",70),C.\u0275\u0275elementStart(9,"h6",71),C.\u0275\u0275text(10,"Transparent Areas"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(11,"p",68),C.\u0275\u0275elementStart(12,"label",72),C.\u0275\u0275text(13,"Please enter the number of separate transparent areas on the design."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerStart(14),C.\u0275\u0275elementStart(15,"input",73),C.\u0275\u0275listener("ngModelChange",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(3).transparencies=t}),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd(),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext(3);C.\u0275\u0275advance(1),C.\u0275\u0275property("ngClass",C.\u0275\u0275pureFunction1(3,Pt,e.previewFileRequired&&!e.previewFile)),C.\u0275\u0275advance(7),C.\u0275\u0275property("ngIf",e.previewImage),C.\u0275\u0275advance(7),C.\u0275\u0275property("ngModel",e.transparencies)}}function yt(e,t){1&e&&(C.\u0275\u0275elementStart(0,"h5",76),C.\u0275\u0275text(1,"Visibility"),C.\u0275\u0275elementEnd())}function wt(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"div",77),C.\u0275\u0275elementStart(1,"quaternary-button",78),C.\u0275\u0275listener("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(3).setVisibility(!0)}),C.\u0275\u0275text(2,"Public"),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(3,"app-tooltip",79),C.\u0275\u0275elementStart(4,"quaternary-button",8

10),C.\u0275\u0275listener("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(3).setVisibility(!1)}),C.\u0275\u0275text(5,"Private"),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(6,"app-tooltip",81),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext(3);C.\u0275\u0275advance(1),C.\u0275\u0275property("selected","PUBLIC"===e.payload.visibility),C.\u0275\u0275advance(3),C.\u0275\u0275property("selected","PRIVATE"===e.payload.visibility)}}function kt(e,t){1&e&&(C.\u0275\u0275elementStart(0,"p",90),C.\u0275\u0275text(1,"Maximum characters for title exceeded"),C.\u0275\u0275elementEnd())}function Et(e,t){1&e&&(C.\u0275\u0275elementStart(0,"p",90),C.\u0275\u0275text(1,"Maximum characters for description exceeded"),C.\u0275\u0275elementEnd())}function St(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",65),C.\u0275\u0275elementStart(1,"h6",91),C.\u0275\u0275text(2,"Updating your card "),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"p",50),C.\u0275\u0275text(4,"Please note that this is not a new card but a replacement of your current one, to allow you to edit and re-crop the design. "),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(5,"p",50),C.\u0275\u0275text(6,"It will still have the same tags you added originally, and your original design will still be on sale until your replacement is approved by our moderators."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())}function It(e,t){if(1&e&&C.\u0275\u0275element(0,"creators-accordions",92),2&e){const e=C.\u0275\u0275nextContext(4);C.\u0275\u0275property("createForm",e.createForm)("showError",e.showError)}}function At(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"div",93),C.\u0275\u0275elementStart(1,"h5",76),C.\u0275\u0275text(2,"Card Exclusivity"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"div",82),C.\u0275\u0275text(4,"Over two thirds of our bestselling cards are thortful exclusives. This comes with benefits like:"),C.\u0275\u0275elementStart(5,"ul"),C.\u0275\u0275elementStart(6,"li"),C.\u0275\u0275text(7,"A \u201cthortful exclusive\u201d badge on our site"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(8,"li"),C.\u0275\u0275text(9,"Priority selection for marketing campaigns"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(10,"li"),C.\u0275\u0275text(11,"You can still sell your cards on Etsy, on your own site, and in independent physical shops"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275text(12,"You can remove the exclusive status at any time."),C.\u0275\u0275element(13,"br"),C.\u0275\u0275element(14,"br"),C.\u0275\u0275text(15,"Read more about exclusivity "),C.\u0275\u0275elementStart(16,"a",94),C.\u0275\u0275listener("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(4).showExclusive(!0)}),C.\u0275\u0275text(17,"here."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(18,"div",95),C.\u0275\u0275elementStart(19,"label"),C.\u0275\u0275elementStart(20,"input",96),C.\u0275\u0275listener("ngModelChange",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(4).payload.exclusive=t})("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(4).exclusiveOption(!0)}),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(21,"span"),C.\u0275\u0275text(22,"I confirm this card meets the exclusive T&Cs"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(23,"label"),C.\u0275\u0275elementStart(24,"input",96),C.\u0275\u0275listener("ngModelChange",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(4).payload.exclusive=t})("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(4).exclusiveOption(!1)}),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(25,"span"),C.\u0275\u0275text(26,"I don't want this card to be exclusive to thortful"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext(4);C.\u0275\u0275advance(20),C.\u0275\u0275property("ngModel",e.payload.exclusive)("value",!0),C.\u0275\u0275advance(4),C.\u0275\u0275property("ngModel",e.payload.exclusive)("value",!1)}}const Dt=function(e){return{long:e}};function Bt(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementContainerStart(0),C.\u0275\u0275elementContainerStart(1),C.\u0275\u0275elementStart(2,"h5",76),C.\u0275\u0275text(3,"Title (max. 80 characters)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(4,"div",82),C.\u0275\u0275text(5,"Please include the following:"),C.\u0275\u0275elementStart(6,"ul"),C.\u0275\u0275elementStart(7,"li"),C.\u0275\u0275text(8,"Occasion (birthday/anniversary/thank you)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(9,"li"),C.\u0275\u0275text(10,"Style (funny/cute/classic)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(11,"li"),C.\u0275\u0275text(12,"Recipient (for mum/for friend)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(13,"li"),C.\u0275\u0275text(14,"Any unique elements or key messages"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275text(15,"Your card title will help with SEO. Find out more about "),C.\u0275\u0275elementStart(16,"a",83),C.\u0275\u0275elementStart(17,"strong"),C.\u0275\u0275text(18,"how to write a great c

1ard title"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275text(19," in our handy blog."),C.\u0275\u0275elementStart(20,"textarea",84),C.\u0275\u0275listener("ngModelChange",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(3).payload.description.title=t}),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(21,"p",85),C.\u0275\u0275text(22),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(23,kt,2,0,"p",86),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(24,"h5",76),C.\u0275\u0275text(25,"Description (max. 200 characters)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(26,"div",82),C.\u0275\u0275text(27,"Your description will also help with SEO. Find more info on how to write a good description "),C.\u0275\u0275elementStart(28,"a",83),C.\u0275\u0275elementStart(29,"strong"),C.\u0275\u0275text(30,"here"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275text(31,"."),C.\u0275\u0275elementStart(32,"textarea",87),C.\u0275\u0275listener("ngModelChange",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(3).payload.description.description=t}),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(33,"p",85),C.\u0275\u0275text(34),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(35,Et,2,0,"p",86),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementContainerEnd(),C.\u0275\u0275template(36,St,7,0,"div",59),C.\u0275\u0275template(37,It,1,2,"creators-accordions",88),C.\u0275\u0275template(38,At,27,4,"div",89),C.\u0275\u0275elementContainerEnd()}if(2&e){const e=C.\u0275\u0275nextContext(3);C.\u0275\u0275advance(20),C.\u0275\u0275property("ngModel",e.payload.description.title),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngClass",C.\u0275\u0275pureFunction1(11,Dt,(null==e.payload.description.title?null:e.payload.description.title.length)>80)),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate1("",(null==e.payload.description.title?null:e.payload.description.title.length)||0,"/80"),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",(null==e.payload.description.title?null:e.payload.description.title.length)>80),C.\u0275\u0275advance(9),C.\u0275\u0275property("ngModel",e.payload.description.description),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngClass",C.\u0275\u0275pureFunction1(13,Dt,(null==e.payload.description.description?null:e.payload.description.description.length)>200)),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate1("",(null==e.payload.description.description?null:e.payload.description.description.length)||0,"/200"),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",(null==e.payload.description.description?null:e.payload.description.description.length)>200),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.options.isCardUpdate),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.options.isCardUpdate),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf","PUBLIC"==e.payload.visibility&&!e.options.isCardUpdate)}}function Tt(e,t){1&e&&(C.\u0275\u0275elementStart(0,"p",24),C.\u0275\u0275text(1,"Uploading..."),C.\u0275\u0275elementEnd())}function Ft(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",97),C.\u0275\u0275elementStart(1,"p",24),C.\u0275\u0275text(2,"Your card was successfully uploaded!"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())}function Ut(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"div",58),C.\u0275\u0275template(1,Mt,16,5,"div",59),C.\u0275\u0275template(2,yt,2,0,"h5",60),C.\u0275\u0275template(3,wt,7,2,"div",61),C.\u0275\u0275template(4,Bt,39,15,"ng-container",11),C.\u0275\u0275elementStart(5,"primary-button",62),C.\u0275\u0275listener("click",function(){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(2).uploadFile()}),C.\u0275\u0275text(6,"Upload Card"),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(7,Tt,2,0,"p",63),C.\u0275\u0275template(8,Ft,3,0,"div",64),C.\u0275\u0275element(9,"app-link-to-blog"),C.\u0275\u0275elementEnd()}if(2&e){const e=C.\u0275\u0275nextContext(2);C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.options.isCardUpdate),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.options.isCardUpdate),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.options.isCardUpdate),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf","PUBLIC"===e.payload.visibility),C.\u0275\u0275advance(1),C.\u0275\u0275property("disabled",e.disableButton),C.\u0275\u0275advance(2),C.\u0275\u0275property("ngIf",e.options.showLoadBtn),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.options.cardSuccessfullyUploaded)}}function zt(e,t){if(1&e){const e=C.\u0275\u0275getCurrentView();C.\u0275\u0275elementStart(0,"exclusive-schem",98),C.\u0275\u0275listener("close",function(t){return C.\u0275\u0275restoreView(e),C.\u0275\u0275nextContext(2).closeExclusive(t)}),C.\u0275\u0275elementEnd()}}const jt=function(e){return{active:e}},Lt=function(){return{search:"photo"}};function Rt(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div",2),C.\u0275\u0275template(1,it,2,0,"h3",3),C.\u0275\u0275template(2,ct,2,0,"h3",3),C.\u0275\u0275elementStart(3,"div",4),C.\u0275\u0275elementStart(4,"div",5),C.\u0275\u0275elementStart(5,"div",6),C.\u0275\u0275template(6,st,18,0,"div",7),C.\u0275\u0275elementStart(7,"form",8,9),C.\u0275\u0275template(9,pt,3,5,"div",10),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(10,bt,8,5,"div",11),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(11,"div",12),C.\u0275\u0275template(12,Ot,37,4,"div",11),C.\u0275\u0275template(13,Ut,10,7,"div",13),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(14,"div",14),C.\u0275\u0275elementStart(15,"div",15),C.\u0275\u0275elementStart(16,"h6",16),C.\u0275\u0275text(17,"How can I upload a photo card template?"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(18,"ul",17),C.\u0275\u0275elementStart(19,"li"),C.\u0275\u0275text(20,"Select a photocard design in PNG format which fits our requirements"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(21,"li"),C.\u0275\u0275text(22,"Upload a 2nd version of your photo card design including a thortful stock image. (This is the preview version that the customers will see on site). Download our thortful "),C.\u0275\u0275elementStart(23,"a",18),C.\u0275\u0275text(24,"stock images"),C.\u0275\u0275elementEnd(),C.\u0275\u0275text(25," - if you're looking for a very specific stock image (e.g. pet goldfish), contact us and we\u2019ll source one for you."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(26,"li"),C.\u0275\u0275text(27,"Tag your card"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(28,"li"),C.\u0275\u0275text(29,"Specify how many transparent areas are on your design (areas where a customer will upload their own photo). You must have at least 1 transparent area. The minimum size our system will detect is 200px wide/height."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(30,"li"),C.\u0275\u0275text(31,"Select if you want your card to be available for customers to purchase (Public) or just for you (Private)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(32,"li"),C.\u0275\u0275text(33,"Upload card :)"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(34,"div",19),C.\u0275\u0275elementStart(35,"div"),C.\u0275\u0275text(36,"Please see our "),C.\u0275\u0275elementStart(37,"a",20),C.\u0275\u0275text(38,"FAQs"),C.\u0275\u0275elementEnd(),C.\u0275\u0275text(39," for more information"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275template(40,zt,1,0,"exclusive-schem",21),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.options.isCardUpdate),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.options.isCardUpdate),C.\u0275\u0275advance(3),C.\u0275\u0275property("ngClass",C.\u0275\u0275pureFunction2(12,gt,"PORTRAIT"===e.options.imageDetails.orientation,"LANDSCAPE"===e.options.imageDetails.orientation)),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.options.showError),C.\u0275\u0275advance(3),C.\u0275\u0275property("ngIf",!e.options.showImage),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.options.showImage),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngClass",C.\u0275\u0275pureFunction1(15,jt,!e.options.showImage)),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",!e.options.showImage),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngIf",e.options.showImage),C.\u0275\u0275advance(10),C.\u0275\u0275attribute("href",e.assetsLocation("/files/thortful-stock-photos-2025.zip"),C.\u0275\u0275sanitizeUrl),C.\u0275\u0275advance(14),C.\u0275\u0275property("queryParams",C.\u0275\u0275pureFunction0(17,Lt)),C.\u0275\u0275advance(3),C.\u0275\u0275property("ngIf",e.tsncs)}}let Vt=(()=>{class e extends rt{constructor(){super(...arguments),this.transparencies=1,this.files=[],this.previewFileRequired=!1,this._createTempImage=()=>{this.options.tempImage=new Image,this.options.tempImage.onload=this._imageLoaded,this.options.tempImage.src=this.options.fileReader.result},this._imageLoaded=()=>

1{if(this.options.imageDetails=this.CreateUtils.getImageDetails(this.options.tempImage),!this.validateImage(this.options.imageDetails))return this.options.showError=!0,this.options.thinking=!1,void(this.files=[]);this._initCropper()},this.uploadFile=()=>{const{options:e,payload:t,CreateUtils:n,transparencies:r,files:o,previewFile:a,UserUtils:i,Analytics:s,ShareData:l}=this;a?(t.price_class="TEMPLATE",this.disableUploadBtn=!0,e.thinking=!1,e.tags&&(t.tags=e.tags.map(e=>e.value)),n.isCroppingMaskValid(t,e)&&(this.isWeb1912FeatureFlagEnabled&&this.handleFilterGroups(),e.isCropperValid=!0,e.showLoadBtn=!0,"PRIVATE"==this.payload.visibility&&(t.categories=[],t.exclusive=!1),n.checkForRoundup(t,e).then(d=>{if(Object.prototype.hasOwnProperty.call(d,"width")&&(t.masks[0].width=d.width),Object.prototype.hasOwnProperty.call(d,"height")&&(t.masks[0].height=d.height),!e.isCardUpdate){const d=Object.assign({number_of_template_cut_locations:r},t);n.uploadPhotoCard(o[0],a,d).then(t=>(0,c.mG)(this,void 0,void 0,function*(){e.cardSuccessfullyUploaded=!0,i.reduceQuotaByOne(),s.customEvent("User","Upload","None"),setTimeout(()=>{l.trigger("getProfileSuccess",i.fullProfile,"profile"),this.router.navigate(["account","creator","card-management"])},2e3)})).catch(t=>{const{code:n}=t.data;l.trigger("showError","VIEWABLE_CARD_LIMIT_REACHED"===n||"OWNED_CREATED_CARD_LIMIT_REACHED"===n?"cardUploadLimit":"cardUploadError"),e.showLoadBtn=!1,this.disableUploadBtn=!1})}}))):this.previewFileRequired=!0},this.selectFile=e=>{if(null===this.files[0])return this.options.showError=!0,void(this.options.thinking=!1);this.options.showError=!1,this.options.thinking=!0,this._createFileReader()}}_createFileReader(){new(B())(this.files[0],{quality:.6,success:e=>this._createFileReader2(e),convertSize:35e5,beforeDraw:(e,t)=>{e.fillStyle="#000",e.fillRect(0,0,t.width,t.height)}})}_createFileReader2(e){this.options.fileReader=new FileReader,this.options.fileReader.onload=this._createTempImage,this.options.fileReader.readAsDataURL(e||this.files[0])}selectPreview(e){const t=this.previewFile=Array.from(e.target.files)[0],n=new FileReader;n.onload=()=>this.previewImage=n.result,n.readAsDataURL(t)}_initCropper(){this.options.image=void 0===this.options.tempImage.src?this.options.tempImage:this.options.tempImage.src,this.options.showImage=!0,this.checkIfHasAttr=setInterval(()=>{this.imageToCropElement.hasAttribute("src")&&(clearInterval(this.checkIfHasAttr),this.proceedWithInit())},500)}get imageToCropElement(){return this.imageToCrop.nativeElement}get disableButton(){return"PRIVATE"==this.payload.visibility?!this.previewFile||!this.options.isCropperValid:!this.previewFile||this.disableUploadBtn||!this.options.isCropperValid||null===this.payload.exclusive}showExclusive(e){(e||0==this.acceptExclusive)&&(this.tsncs=!0)}exclusiveOption(e){this.Analytics.customEvent("Exclusive","Click",e?"Yes":"No")}closeExclusive(e){e&&(this.acceptExclusive="Accept"===e,this.payload.exclusive=Boolean("Accept"===e)),this.tsncs=!1}onRemove(e){this.options.tags.length||(this.options.tags=null)}proceedWithInit(){this.CreateUtils.doesImageNeedCrop(this.options)?new(F())(this.imageToCropElement,{aspectRatio:.7071,zoomable:!1,dragMode:"none",movable:!1,crop:e=>{this.payload.masks[0]={width:Math.ceil(e.detail.width),height:Math.ceil(e.detail.height),x:e.detail.x<0?0:Math.ceil(e.detail.x),y:e.detail.y<0?0:Math.ceil(e.detail.y),format:"A5"},this.options.isCropperValid=!(this.payload.masks[0].width<1772||this.payload.masks[0].height<2506)}}):(this.options.cropperNeeded=!1,this.options.isCropperValid=!0,this.payload.masks[0]={width:1772,height:2506,x:0,y:0,format:"A5"})}setVisibility(e){this.payload.visibility=e?"PUBLIC":"PRIVATE"}handleFilterGroups(){const e=this.createForm.get("occasion").value,t=this.createForm.get("secondaryOccasion").value;this.payload.categories=[],(null==e?void 0:e.id)&&this.payload.categories.push(e.id),(null==t?void 0:t.id)&&this.payload.categories.push(t.id),this.payload.tags=this.getFilterGroups()}}return e.\u0275fac=function(){let t;

1return function(n){return(t||(t=C.\u0275\u0275getInheritedFactory(e)))(n||e)}}(),e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["create-photocard"]],viewQuery:function(e,t){if(1&e&&C.\u0275\u0275viewQuery(at,5),2&e){let e;C.\u0275\u0275queryRefresh(e=C.\u0275\u0275loadQuery())&&(t.imageToCrop=e.first)}},features:[C.\u0275\u0275InheritDefinitionFeature],decls:3,vars:5,consts:[["class","creators-wrapper content",4,"ngIf"],[3,"title","body"],[1,"creators-wrapper","content"],["class","w700 sm text-center",4,"ngIf"],["id","create"],[1,"card-creator-cropper-area","grid-row"],[1,"card-creator-cropper","des-item-6",3,"ngClass"],["class","error-message notification-message",4,"ngIf"],["name","myForm"],["myForm","ngForm"],["class","image-drop-area padded-box","ngfDrop","","ngfSelect","","type","file","name","fieldName","ngDefaultControl","","ngfMaxSize","'25mb'","ngfMinHeight","'1772'","ngfMaxHeight","'5012'","ngfMinWidth","'1772'","ngfMaxWidth","'5012'",3,"accept","maxSize","files","filesChange",4,"ngIf"],[4,"ngIf"],[1,"card-creator-options","des-item-6","active",3,"ngClass"],["class","create-validation-area",4,"ngIf"],[1,"card-creator-tips","grid-row"],[1,"mob-item-12"],[1,"lg","w700"],[1,"sm","occasions"],["download","","target","_self",1,"a-orange"],[1,"occasions-info"],["routerLink","/help/creator-faqs/search","fragment","1-1",1,"a-orange",3,"queryParams"],[3,"close",4,"ngIf"],[1,"w700","sm","text-center"],[1,"error-message","notification-message"],[1,"no-mb"],["ngfDrop","","ngfSelect","","type","file","name","fieldName","ngDefaultControl","","ngfMaxSize","'25mb'","ngfMinHeight","'1772'","ngfMaxHeight","'5012'","ngfMinWidth","'1772'","ngfMaxWidth","'5012'",1,"image-drop-area","padded-box",3,"accept","maxSize","files","filesChange"],["class","image-drop-area-inner",4,"ngIf"],["class","image-drop-area-loading",4,"ngIf"],[1,"image-drop-area-inner"],[1,"mdi","mdi-cloud-upload"],[1,"sm","mbs"],[1,"xs","fake-link"],[1,"image-drop-area-loading"],["imgSrc","img/template/thinking.gif","alt",""],[1,"fq-card-cropper","relative","mbn"],["class","no-crop-bleed",3,"ngClass",4,"ngIf"],[1,"img-full",3,"src"],["imageToCrop",""],["class","block",4,"ngIf"],["class","bleed-message text-left",4,"ngIf"],[1,"no-crop-bleed",3,"ngClass"],[1,"no-crop-n"],[1,"no-crop-e"],[1,"no-crop-s"],[1,"no-crop-w"],[1,"block"],[1,"mdi","mdi-check-circle"],[1,"mdi","mdi-close-circle"],[1,"bleed-message","text-left"],[1,"no-mb","sm"],[1,"sm"],[1,"templates"],["download","","target","_self"],["imgSrc","svg/ps-icon.svg"],["imgSrc","svg/ai-icon.svg"],["imgSrc","svg/procreate-icon.svg"],["download","","target","_self",4,"featureFlagDisabled"],["imgSrc","svg/canva-icon.svg"],[1,"create-validation-area"],["class","mb",4,"ngIf"],["class","title sm",4,"ngIf"],["class","visibility-buttons",4,"ngIf"],["ga-track-event","['Create Page', 'Upload Card Click']",1,"upload-cta",3,"disabled","click"],["class","no-mb",4,"ngIf"],["class","success-message no-mb mt notification-message",4,"ngIf"],[1,"mb"],[1,"lg","preview-header",3,"ngClass"],[1,"no-mb","tiny"],[1,"tiny"],["id","preview","type","file","accept","image/png, image/jpeg","required","required",3,"change"],["class","preview-image",4,"ngIf"],[1,"lg","mt"],["for","transparencies"],["id","transparencies","type","number","min","1","max","10",3,"ngModel","ngModelChange"],[1,"preview-image"],[3,"src"],[1,"title","sm"],[1,"visibility-buttons"],[1,"button",3,"selected","click"],["message","Public designs are visible to all thortful customers.",1,"tooltip"],[1,"button","Private",3,"selected","click"],["message","Private designs are not available for public sale on the site, but they still go through a moderation process. They\u2019re not visible to anyone but you, and they do not contribute to your slot limit.",1,"tooltip"],[1,"description"],["routerLink","/help/creator-faqs/group/the-upload-process","fragment","1-10","target","_blank"],["data-test-id","cardUploadTitle","placeholder","e.g. Cute Anniversary Card For Significant Other \u2013 Jigsaw Puzzle \u2013 You Complete Me",1,"creator-input-text","--small",3,"ngModel","ngModelChange"],[1,"counter",3,"ngClass"],["class","error-message",4,"ngIf"],["data-test-id","cardUploadDescription","placeholder","e.g. Send your puzzle-loving partner this cute anniversary card to let them know how much they mean to you",1,"creator-input-text",3,"ngModel","ngModelChange"],["class","mb",3,"createForm","showError",4,"ngIf"],["class","mb mt",4,"ngIf"],[1,"error-message"],[1,"lg","w400"],[1,"mb",3,"createForm","showError"],[1,"mb","mt"],[1,"w700",3,"click"],[1,"radio-buttons"],["type","radio",3,"ngModel","value","ngModelChange","click"],[1,"success-message","no-mb","mt","notification-message"],[3,"close"]],template:function(e,t){1&e&&(C.\u0275\u0275template(0,Rt,41,18,"div",0),C.\u0275\u0275pipe(1,"async"),C.\u0275\u0275element(2,"logged-out-user",1)),2&e&&(C.\u0275\u0275property("ngIf",C.\u0275\u0275pipeBind1(1,3,t.registeredUser)&&t.options),C.\u0275\u0275advance(2),C.\u0275\u0275property("title","Create a Card")("body","Please log in to create a card."))},directives:[r.O5,ot.n,r.mk,a._Y,a.JL,a.F,i.yS,j.iE,j.f0,a.Fj,I.t1,I.oT,Qe.K,Je,a.qQ,a.Fd,a.wV,a.JJ,a.On,ne,re,Fe,a._,Z.q],pipes:[r.Ov],styles:['.CreateCardPage[_ngcontent-%COMP%]{padding-top:1px}.CreateCardPage__Header[_ngcontent-%COMP%]{font-size:24px;line-height:1;margin-bottom:22px}@media (min-width: 769px){.CreateCardPage__Header[_ngcontent-%COMP%]{font-size:30px}}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]{padding:12px}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .ImageDropArea[_ngcontent-%COMP%]{-webkit-box-flex:1;-ms-flex:1;flex:1}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .ImageDropArea--spacing[_ngcontent-%COMP%]{padding-left:40px;position:sticky;top:0;right:0;bottom:0;left:0}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .DesignDescription[_ngcontent-%COMP%]{-webkit-box-flex:1.3;-ms-flex:1.3;flex:1.3}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .DesignDescription--spacing[_ngcontent-%COMP%]{padding:0 60px}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea--spacing[_ngcontent-%COMP%]{margin-bottom:95px}.CreateCardPage[_ngcontent-%COMP%]   .UploadCardButton[_ngcontent-%COMP%]{max-width:335px;margin:14px auto auto}#create[_ngcontent-%COMP%]{padding:12px}.occasions[_ngcontent-%COMP%]{font-size:13px}.adobe-templates[_ngcontent-%COMP%]{border-top:2px solid #c4c4c4}.ngx-tags-input[_ngcontent-%COMP%]{border:1px solid #c4c4c4}.card-creator-cropper-area[_ngcontent-%COMP%]{margin-bottom:12px}.card-creator-cropper-area[_ngcontent-%COMP%]:before, .card-creator-cropper-area[_ngcontent-%COMP%]:after{content:"";display:table}.card-creator-cropper-area[_ngcontent-%COMP%]:after{clear:both}.card-creator-cropper-area.grid-row[_ngcontent-%COMP%]{-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 450px){.card-creator-cropper-area.grid-row[_ngcontent-%COMP%]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]{width:100%;max-width:600px;margin:0 auto 12px;text-align:center}@media (min-width: 840px){.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]{padding-right:10px;margin:0 0 12px}}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper.portrait[_ngcontent-%COMP%]{max-width:500px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed[_ngcontent-%COMP%]{position:absolute;top:0;right:0;bottom:0;left:0}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{opacity:.5;background-color:#fff;background-image:-webkit-repeating-linear-gradient(45deg,#455A64,#455A64 1px,transparent 1px,transparent 4px);background-image:repeating-linear-gradient(45deg,#455A64,#455A64 1px,transparent 1px,transparent 4px);position:absolute}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-n[_ngcontent-%COMP%]{top:0;left:0;right:0;height:.71%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-e[_ngcontent-%COMP%]{top:0;bottom:0;right:0;width:1.42%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-s[_ngcontent-%COMP%]{bottom:0;left:0;right:0;height:.71%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-w[_ngcontent-%COMP%]{display:none}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]{padding:56.64% 12px 12px;margin-bottom:12px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:36px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   .fake-link[_ngcontent-%COMP%]{color:#ff4d4d}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   .fake-link[_ngcontent-%COMP%]:hover{text-decoration:underline;cursor:pointer}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-loading[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-loading[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:36px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area.dragover[_ngcontent-%COMP%]{border:1px solid #455A64;background:#c4c4c4}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area.dragover[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]{opacity:.7}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{font-size:13px}.resolution-recommendation[_ngcontent-%COMP%]{display:none;text-align:center}@media (min-width: 840px){.resolution-recommendation[_ngcontent-%COMP%]{padding:12px 80px}}.resolution-recommendation.active[_ngcontent-%COMP%]{display:block}.upload-card-btn[_ngcontent-%COMP%]:before, .upload-card-btn[_ngcontent-%COMP%]:after{content:"";display:table}.upload-card-btn[_ngcontent-%COMP%]:after{clear:both}.upload-card-btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left;margin-right:12px}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]{float:left}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:before, .upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:after{content:"";display:table}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:after{clear:both}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#ff4d4d;margin-right:8px;float:left;padding-top:1px}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{float:left;margin-top:10px}.upload-card-btn.valid[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#2da98d}.upload-card-btn[_ngcontent-%COMP%]   .ClickButton[_ngcontent-%COMP%]{float:left;width:184px;padding-left:20px}.card-creator-options[_ngcontent-%COMP%]{-webkit-transition:all 1.1s ease;transition:all 1.1s ease;position:relative;max-width:600px;margin:0 auto;-webkit-transform:translate(0%,0);transform:translate(0)}@media (min-width: 840px){.card-creator-options[_ngcontent-%COMP%]{max-width:100%;margin:0}}.card-creator-options.active[_ngcontent-%COMP%]{-webkit-transform:translate(0,0);transform:translate(0)}.card-creator-options[_ngcontent-%COMP%]   .bleed-message[_ngcontent-%COMP%]{margin-top:12px;margin-bottom:0}.card-creator-tips[_ngcontent-%COMP%]{border-top:2px solid #f3f3f3;margin-bottom:40px;padding-top:24px;margin-top:24px}.card-creator-tips[_ngcontent-%COMP%]:before, .card-creator-tips[_ngcontent-%COMP%]:after{content:"";display:table}.card-creator-tips[_ngcontent-%COMP%]:after{clear:both}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]{text-align:center}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{padding:48px 12px;max-width:780px;margin:0 auto}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:before, #create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:after{content:"";display:table}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:after{clear:both}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{padding:12px;margin-bottom:12px;position:relative}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:28px;font-size:1.75em;line-height:37.8px;display:block;margin-bottom:10px;color:#455a64}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#717171}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]{text-align:center;padding:0 12px;max-width:610px;margin:0 auto}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]   .creator-welcome-cta[_ngcontent-%COMP%]{padding:24px 100px 0}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#717171}.terms-and-conditions[_ngcontent-%COMP%]{position:fixed;top:0;right:0;left:0;bottom:0;z-index:16;background-color:#0000007d;padding:40px 10%;overflow:auto}.terms-and-conditions[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]{position:absolute;top:0;right:0;left:0;bottom:0}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:400px;padding:40px 10%;background-color:#fff}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]{width:100%;height:100%;padding:5%;background-color:#fff;-webkit-box-shadow:0 0 22px 0 rgba(93,93,93,.5);box-shadow:0 0 22px #5d5d5d80}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]{height:calc(100% - 70px);overflow-y:scroll;padding-right:10px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar{width:11px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar-track{border-radius:6px;background-color:#ededed}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:#ff6900;border-radius:6px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-position:outside;list-style-type:decimal;padding-left:20px;font-size:14px;margin-bottom:0}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteine

1r[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:14px;color:#ff6900}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .accept[_ngcontent-%COMP%]{border-radius:2px;font-size:16px;font-weight:500;background-color:#ff6900;color:#fff;padding:6px 40px;margin:15px 0;border:none}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .orange[_ngcontent-%COMP%]{font-size:14px}.upload-cta[_ngcontent-%COMP%]{max-width:340px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px}.counter[_ngcontent-%COMP%]{margin-top:9px;float:right}.counter.long[_ngcontent-%COMP%]{color:#ff4855}.error-message[_ngcontent-%COMP%]{margin-top:9px;color:#ff4855}.title[_ngcontent-%COMP%]{margin-bottom:8px;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.description[_ngcontent-%COMP%]{font-size:16px;line-height:1.2;padding:0 0 40px}.description[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:inherit;color:#ff6900}.description[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{margin-bottom:16px;margin-top:16px}.creator-input-text[_ngcontent-%COMP%]{border-radius:16px;background:#ffffff;padding:18px;line-height:1.2;font-size:14px;border:1px solid rgba(0,0,0,.52);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;outline:none;height:50px;display:block;width:100%;margin-top:24px}.creator-input-text[_ngcontent-%COMP%]::-webkit-input-placeholder{color:#979797}.creator-input-text[_ngcontent-%COMP%]::-moz-placeholder{color:#979797}.creator-input-text[_ngcontent-%COMP%]::-ms-input-placeholder{color:#979797}.creator-input-text[_ngcontent-%COMP%]::placeholder{color:#979797}.creator-input-text--invalid[_ngcontent-%COMP%]{border-color:#ff6900}.creator-input-text.--small[_ngcontent-%COMP%]{min-height:70px;height:70px}#transparencies[_ngcontent-%COMP%]{border:1px solid #c4c4c4;padding-right:0}.preview-header.required[_ngcontent-%COMP%]{color:red}.preview-header.required[_ngcontent-%COMP%]:before{content:"*"}.preview-image[_ngcontent-%COMP%]{margin-top:12px}.preview-image[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{vertical-align:middle;width:100%}@media (min-width: 992px){.preview-image[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:33.33%}}ul.sm[_ngcontent-%COMP%]{margin-bottom:12px;font-size:14px;padding-left:0}ul.sm.occasions[_ngcontent-%COMP%]{counter-reset:item}ul.sm.occasions[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{list-style-type:none;margin-bottom:12px;counter-increment:item}ul.sm.occasions[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:before{display:inline-block;width:1.2em;padding-right:.5em;font-weight:bold;text-align:right;content:counter(item) "."}ul.sm.occasions[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:inherit}.create-validation-area[_ngcontent-%COMP%]   .mb[_ngcontent-%COMP%]{margin-bottom:30px}.card-creator-tips[_ngcontent-%COMP%]   .occasions-info[_ngcontent-%COMP%]{margin-top:20px;font-size:15px;line-height:1.5}.card-creator-tips[_ngcontent-%COMP%]   .occasions-info[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:inherit}.upload-cta[_ngcontent-%COMP%]{width:340px;display:inline-block;margin:24px 0 0}.radio-buttons[_ngcontent-%COMP%]{margin-top:16px}.radio-buttons[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{margin-bottom:4px}.radio-buttons[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{margin-left:8px}.radio-buttons[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.radio-buttons[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:before{vertical-align:sub;content:" ";display:inline-block;position:relative;width:20px;height:20px;border-radius:50%;border:1px solid #000;background-color:transparent}.radio-buttons[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]:checked:before{border:4px solid #ff6900;background:#ffffff}.card-creator-options[_ngcontent-%COMP%]{margin-left:24px}.visibility-buttons[_ngcontent-%COMP%]{margin:8px 0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.visibility-buttons[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{width:100px}.visibility-buttons[_ngcontent-%COMP%] > .tooltip[_ngcontent-%COMP%]{margin:10px}.templates[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:inherit;color:#ff6900}.templates[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:55px;margin-right:12px}']}),e})();var Nt=n(51951);let Wt=(()=>{class e{constructor(e,t){this.GeneralUtils=e,this.router=t}resolve(e){const t=e.paramMap.get("cardId");return this.GeneralUtils.getCardByIdListed(t).pipe((0,h.K)(()=>(0,l.of)(null))).filter(e=>"boolean"!=typeof e).pipe((0,d.w)(e=>(0,l.of)(e).map(Nt.wH)))}redirectTo404(){return this.router.navigate(["/page-not-found"])}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275inject(se.w),C.\u0275\u0275inject(i.F0))},e.\u0275prov=C.\u0275\u0275defineInjectable({token:e,factory:e.\u0275fac}),e})(),Ht=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["design-inspirations"]],decls:9,vars:0,consts:[[1,"MoreIdeas","content","text-center"],[1,"MoreIdeas__Caption"],[1,"MoreIdeas__Button"],["href","https://www.thortful.com/blog/creator-central/","target","_blank"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",0),C.\u0275\u0275elementStart(1,"h5"),C.\u0275\u0275text(2,"Need help creating a great design for thortful?"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"div",1),C.\u0275\u0275text(4,"Head on over to our creator's guide."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(5,"div",2),C.\u0275\u0275elementStart(6,"a",3),C.\u0275\u0275elementStart(7,"primary-button"),C.\u0275\u0275text(8,"Creator\u2019s guide"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())},directives:[Qe.K],styles:[".Inspirations[_ngcontent-%COMP%]{padding-top:57px;padding-bottom:65px;background-color:#f7f7f7}.Inspirations__Header[_ngcontent-%COMP%]{margin-bottom:30px}.Inspirations[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:140px}.Inspirations__Caption[_ngcontent-%COMP%]{padding-top:30px;font-size:22px;font-weight:bold}.MoreIdeas[_ngcontent-%COMP%]{padding-top:68px}.MoreIdeas__Caption[_ngcontent-%COMP%]{font-size:16px}.MoreIdeas__Button[_ngcontent-%COMP%]{width:269px;margin:20px auto 165px}"]}),e})();function qt(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div",13),C.\u0275\u0275element(1,"img",14),C.\u0275\u0275pipe(2,"async"),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275advance(1),C.\u0275\u0275property("src",C.\u0275\u0275pipeBind1(2,1,e.cardImage),C.\u0275\u0275sanitizeUrl)}}let Yt=(()=>{class e extends rt{constructor(){super(...arguments),this.cardId=this.route.data.pipe((0,v.j)("card","id")),this.cardImage=this.route.data.pipe((0,v.j)("card","image")),this.cardDetail

1s=this.route.data.pipe((0,v.j)("card","card")),this.detailsPayload=this.CreateUtils.initDescPayload(),this.uploadFile=()=>(0,c.mG)(this,void 0,void 0,function*(){["occasions","exclusive","file","mask"].forEach(e=>{this.createForm.controls[e].disable()}),this.errorCheck(),this.completeButtonClicked=!0,Object.keys(this.detailsPayload).map(e=>this.detailsPayload[e]=this.createForm.get(e).value);const e=yield this.cardId.pipe((0,U.q)(1)).toPromise();if(!this.createForm.invalid){this.disableUploadBtn=!0;try{yield this.CreateUtils.uploadCardDetails(this.detailsPayload,e),this.options.cardSuccessfullyUploaded=!0,this.UserUtils.reduceQuotaByOne(),this.Analytics.customEvent("User","Upload","None"),setTimeout(()=>{this.ShareData.trigger("getProfileSuccess",this.UserUtils.fullProfile,"profile"),this.router.navigate(["account","creator","card-management"])},2e3)}catch(t){this.onError(t)}}})}ngOnInit(){this.cardDetailsSubscriber=this.cardDetails.subscribe(e=>this.populateForm(e))}ngOnDestroy(){this.cardDetailsSubscriber.unsubscribe()}onError(e){this.showError(e),this.disableUploadBtn=!1}}return e.\u0275fac=function(){let t;return function(n){return(t||(t=C.\u0275\u0275getInheritedFactory(e)))(n||e)}}(),e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-update-text"]],features:[C.\u0275\u0275InheritDefinitionFeature],decls:17,vars:7,consts:[[1,"CreateCardPage"],[1,"content"],[1,"CreateCardPage__Header","text-center"],[1,"CreateArea","grid-row"],[1,"ImageDropArea"],[1,"ImageDropArea--spacing"],["class","displayImage",4,"ngIf"],[1,"DesignDescription"],[1,"DesignDescription--spacing"],["cardUpdate","true",3,"createForm","showError"],[1,"UploadCardButton"],[3,"disabled","click"],[1,"CreateArea--spacing"],[1,"displayImage"],[1,"img-full",3,"src"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",0),C.\u0275\u0275elementStart(1,"div",1),C.\u0275\u0275elementStart(2,"h3",2),C.\u0275\u0275text(3,"Update Card Details"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(4,"div",3),C.\u0275\u0275elementStart(5,"div",4),C.\u0275\u0275elementStart(6,"div",5),C.\u0275\u0275template(7,qt,3,3,"div",6),C.\u0275\u0275pipe(8,"async"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(9,"div",7),C.\u0275\u0275elementStart(10,"div",8),C.\u0275\u0275element(11,"design-options",9),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(12,"div",10),C.\u0275\u0275elementStart(13,"primary-button",11),C.\u0275\u0275listener("click",function(){return t.uploadFile()}),C.\u0275\u0275text(14),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(15,"div",12),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(16,"design-inspirations"),C.\u0275\u0275elementEnd()),2&e&&(C.\u0275\u0275advance(7),C.\u0275\u0275property("ngIf",C.\u0275\u0275pipeBind1(8,5,t.cardImage)),C.\u0275\u0275advance(4),C.\u0275\u0275property("createForm",t.createForm)("showError",t.completeButtonClicked),C.\u0275\u0275advance(2),C.\u0275\u0275property("disabled",t.disableUploadBtn),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(t.disableUploadBtn?"Uploading...":"Update Card Details"))},directives:[r.O5,$e,Qe.K,Ht],pipes:[r.Ov],styles:['.CreateCardPage[_ngcontent-%COMP%]{padding-top:1px}.CreateCardPage__Header[_ngcontent-%COMP%]{font-size:24px;line-height:1;margin-bottom:22px}@media (min-width: 769px){.CreateCardPage__Header[_ngcontent-%COMP%]{font-size:30px}}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]{padding:12px}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .ImageDropArea[_ngcontent-%COMP%]{-webkit-box-flex:1;-ms-flex:1;flex:1}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .ImageDropArea--spacing[_ngcontent-%COMP%]{padding-left:40px;position:sticky;top:0;right:0;bottom:0;left:0}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .DesignDescription[_ngcontent-%COMP%]{-webkit-box-flex:1.3;-ms-flex:1.3;flex:1.3}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .DesignDescription--spacing[_ngcontent-%COMP%]{padding:0 60px}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea--spacing[_ngcontent-%COMP%]{margin-bottom:95px}.CreateCardPage[_ngcontent-%COMP%]   .UploadCardButton[_ngcontent-%COMP%]{max-width:335px;margin:14px auto auto}#create[_ngcontent-%COMP%]{padding:12px}.occasions[_ngcontent-%COMP%]{font-size:13px}.adobe-templates[_ngcontent-%COMP%]{border-top:2px solid #c4c4c4}.ngx-tags-input[_ngcontent-%COMP%]{border:1px solid #c4c4c4}.card-creator-cropper-area[_ngcontent-%COMP%]{margin-bottom:12px}.card-creator-cropper-area[_ngcontent-%COMP%]:before, .card-creator-cropper-area[_ngcontent-%COMP%]:after{content:"";display:table}.card-creator-cropper-area[_ngcontent-%COMP%]:after{clear:both}.card-creator-cropper-area.grid-row[_ngcontent-%COMP%]{-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 450px){.card-creator-cropper-area.grid-row[_ngcontent-%COMP%]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]{width:100%;max-width:600px;margin:0 auto 12px;text-align:center}@media (min-width: 840px){.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]{padding-right:10px;margin:0 0 12px}}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper.portrait[_ngcontent-%COMP%]{max-width:500px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed[_ngcontent-%COMP%]{position:absolute;top:0;right:0;bottom:0;left:0}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{opacity:.5;background-color:#fff;background-image:-webkit-repeating-linear-gradient(45deg,#455A64,#455A64 1px,transparent 1px,transparent 4px);background-image:repeating-linear-gradient(45deg,#455A64,#455A64 1px,transparent 1px,transparent 4px);position:absolute}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-n[_ngcontent-%COMP%]{top:0;left:0;right:0;height:.71%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-e[_ngcontent-%COMP%]{top:0;bottom:0;right:0;width:1.42%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-s[_ngcontent-%COMP%]{bottom:0;left:0;right:0;height:.71%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-w[_ngcontent-%COMP%]{display:none}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]{padding:56.64% 12px 12px;margin-bottom:12px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:36px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   .fake-link[_ngcontent-%COMP%]{color:#ff4d4d}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   .fake-link[_ngcontent-%COMP%]:hover{text-decoration:underline;cursor:pointer}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-loading[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-loading[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:36px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area.dragover[_ngcontent-%COMP%]{border:1px solid #455A64;background:#c4c4c4}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area.dragover[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]{opacity:.7}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{font-size:13px}.resolution-recommendation[_ngcontent-%COMP%]{display:none;text-align:center}@media (min-width: 840px){.resolution-recommendation[_ngcontent-%COMP%]{padding:12px 80px}}.resolution-recommendation.active[_ngcontent-%COMP%]{display:block}.upload-card-btn[_ngcontent-%COMP%]:before, .upload-card-btn[_ngcontent-%COMP%]:after{content:"";display:table}.upload-card-btn[_ngcontent-%COMP%]:after{clear:both}.upload-card-btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left;margin-right:12px}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]{float:left}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:before, .upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:after{content:"";display:table}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:after{clear:both}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#ff4d4d;margin-right:8px;float:left;padding-top:1px}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{float:left;margin-top:10px}.upload-card-btn.valid[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#2da98d}.upload-card-btn[_ngcontent-%COMP%]   .ClickButton[_ngcontent-%COMP%]{float:left;width:184px;padding-left:20px}.card-creator-options[_ngcontent-%COMP%]{-webkit-transition:all 1.1s ease;transition:all 1.1s ease;position:relative;max-width:600px;margin:0 auto;-webkit-transform:translate(0%,0);transform:translate(0)}@media (min-width: 840px){.card-creator-options[_ngcontent-%COMP%]{max-width:100%;margin:0}}.card-creator-options.active[_ngcontent-%COMP%]{-webkit-transform:translate(0,0);transform:translate(0)}.card-creator-options[_ngcontent-%COMP%]   .bleed-message[_ngcontent-%COMP%]{margin-top:12px;margin-bottom:0}.card-creator-tips[_ngcontent-%COMP%]{border-top:2px solid #f3f3f3;margin-bottom:40px;padding-top:24px;margin-top:24px}.card-creator-tips[_ngcontent-%COMP%]:before, .card-creator-tips[_ngcontent-%COMP%]:after{content:"";display:table}.card-creator-tips[_ngcontent-%COMP%]:after{clear:both}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]{text-align:center}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{padding:48px 12px;max-width:780px;margin:0 auto}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:before, #create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:after{content:"";display:table}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:after{clear:both}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{padding:12px;margin-bottom:12px;position:relative}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:28px;font-size:1.75em;line-height:37.8px;display:block;margin-bottom:10px;color:#455a64}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#717171}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]{text-align:center;padding:0 12px;max-width:610px;margin:0 auto}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]   .creator-welcome-cta[_ngcontent-%COMP%]{padding:24px 100px 0}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#717171}.terms-and-conditions[_ngcontent-%COMP%]{position:fixed;top:0;right:0;left:0;bottom:0;z-index:16;background-color:#0000007d;padding:40px 10%;overflow:auto}.terms-and-conditions[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]{position:absolute;top:0;right:0;left:0;bottom:0}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:400px;padding:40px 10%;background-color:#fff}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]{width:100%;height:100%;padding:5%;background-color:#fff;-webkit-box-shadow:0 0 22px 0 rgba(93,93,93,.5);box-shadow:0 0 22px #5d5d5d80}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]{height:calc(100% - 70px);overflow-y:scroll;padding-right:10px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar{width:11px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar-track{border-radius:6px;background-color:#ededed}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:#ff6900;border-radius:6px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-position:outside;list-style-type:decimal;padding-left:20px;font-size:14px;margin-bottom:0}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:14px;color:#ff6900}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .accept[_ngcontent-%COMP%]{border-radius:2px;font-size:16px;font-weight:500;background-color:#ff6900;color:#fff;padding:6px 40px;margin:15px 0;border:none}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .orange[_ngcontent-%COMP%]{font-size:14px}.upload-cta[_ngcontent-%COMP%]{max-width:340px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px}',""]}),e})(),Gt=(()=>{class e extends rt{constructor(){super(...arguments),this.cardId=this.route.data.pipe((0,v.j)("card","id")),this.cardImage=this.route.data.pipe((0,v.j)("card","image")),this.cardDetail

1s=this.route.data.pipe((0,v.j)("card","card")),this.designPayload=this.CreateUtils.initDesignPayload(),this.uploadFile=()=>(0,c.mG)(this,void 0,void 0,function*(){["occasions","exclusive"].forEach(e=>{this.createForm.controls[e].disable()}),this.errorCheck(),this.completeButtonClicked=!0,Object.keys(this.designPayload.description).map(e=>this.designPayload.description[e]=this.createForm.get(e).value),this.designPayload.masks=[this.createForm.get("mask").value];const e=yield this.cardId.pipe((0,U.q)(1)).toPromise(),t=this.createForm.get("file").value;if(!this.createForm.invalid){this.disableUploadBtn=!0;try{yield this.CreateUtils.uploadCardDesignDetails(t,this.designPayload,e),this.options.cardSuccessfullyUploaded=!0,this.UserUtils.reduceQuotaByOne(),this.Analytics.customEvent("User","Upload","None"),setTimeout(()=>{this.ShareData.trigger("getProfileSuccess",this.UserUtils.fullProfile,"profile"),this.router.navigate(["account","creator","card-management"])},2e3)}catch(n){this.onError(n)}}})}ngOnInit(){this.cardDetailsSubscriber=this.cardDetails.subscribe(e=>this.populateForm(e))}ngOnDestroy(){var e;null===(e=this.cardDetailsSubscriber)||void 0===e||e.unsubscribe()}onError(e){this.showError(e),this.disableUploadBtn=!1}}return e.\u0275fac=function(){let t;return function(n){return(t||(t=C.\u0275\u0275getInheritedFactory(e)))(n||e)}}(),e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-update-design"]],features:[C.\u0275\u0275InheritDefinitionFeature],decls:16,vars:6,consts:[[1,"CreateCardPage"],[1,"content"],[1,"CreateCardPage__Header","text-center"],[1,"CreateArea","grid-row"],[1,"ImageDropArea"],[1,"ImageDropArea--spacing"],["cardUpdate","true",3,"file","mask"],[1,"DesignDescription"],[1,"DesignDescription--spacing"],["cardUpdate","true",3,"createForm","showError"],[1,"UploadCardButton"],[3,"disabled","click"],[1,"CreateArea--spacing"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",0),C.\u0275\u0275elementStart(1,"div",1),C.\u0275\u0275elementStart(2,"h3",2),C.\u0275\u0275text(3,"Update Card Design"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(4,"div",3),C.\u0275\u0275elementStart(5,"div",4),C.\u0275\u0275elementStart(6,"div",5),C.\u0275\u0275element(7,"design-cropper-input",6),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(8,"div",7),C.\u0275\u0275elementStart(9,"div",8),C.\u0275\u0275element(10,"design-options",9),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(11,"div",10),C.\u0275\u0275elementStart(12,"primary-button",11),C.\u0275\u0275listener("click",function(){return t.uploadFile()}),C.\u0275\u0275text(13),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(14,"div",12),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(15,"design-inspirations"),C.\u0275\u0275elementEnd()),2&e&&(C.\u0275\u0275advance(7),C.\u0275\u0275property("file",t.createForm.controls.file)("mask",t.createForm.controls.mask),C.\u0275\u0275advance(3),C.\u0275\u0275property("createForm",t.createForm)("showError",t.completeButtonClicked),C.\u0275\u0275advance(2),C.\u0275\u0275property("disabled",!t.isCropperValid||t.disableUploadBtn),C.\u0275\u0275advance(1),C.\u0275\u0275textInterpolate(t.disableUploadBtn?"Uploading...":"Update Card Design"))},directives:[Q,$e,Qe.K,Ht],styles:['.CreateCardPage[_ngcontent-%COMP%]{padding-top:1px}.CreateCardPage__Header[_ngcontent-%COMP%]{font-size:24px;line-height:1;margin-bottom:22px}@media (min-width: 769px){.CreateCardPage__Header[_ngcontent-%COMP%]{font-size:30px}}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]{padding:12px}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .ImageDropArea[_ngcontent-%COMP%]{-webkit-box-flex:1;-ms-flex:1;flex:1}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .ImageDropArea--spacing[_ngcontent-%COMP%]{padding-left:40px;position:sticky;top:0;right:0;bottom:0;left:0}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .DesignDescription[_ngcontent-%COMP%]{-webkit-box-flex:1.3;-ms-flex:1.3;flex:1.3}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea[_ngcontent-%COMP%]   .DesignDescription--spacing[_ngcontent-%COMP%]{padding:0 60px}.CreateCardPage[_ngcontent-%COMP%]   .CreateArea--spacing[_ngcontent-%COMP%]{margin-bottom:95px}.CreateCardPage[_ngcontent-%COMP%]   .UploadCardButton[_ngcontent-%COMP%]{max-width:335px;margin:14px auto auto}#create[_ngcontent-%COMP%]{padding:12px}.occasions[_ngcontent-%COMP%]{font-size:13px}.adobe-templates[_ngcontent-%COMP%]{border-top:2px solid #c4c4c4}.ngx-tags-input[_ngcontent-%COMP%]{border:1px solid #c4c4c4}.card-creator-cropper-area[_ngcontent-%COMP%]{margin-bottom:12px}.card-creator-cropper-area[_ngcontent-%COMP%]:before, .card-creator-cropper-area[_ngcontent-%COMP%]:after{content:"";display:table}.card-creator-cropper-area[_ngcontent-%COMP%]:after{clear:both}.card-creator-cropper-area.grid-row[_ngcontent-%COMP%]{-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 450px){.card-creator-cropper-area.grid-row[_ngcontent-%COMP%]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]{width:100%;max-width:600px;margin:0 auto 12px;text-align:center}@media (min-width: 840px){.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]{padding-right:10px;margin:0 0 12px}}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper.portrait[_ngcontent-%COMP%]{max-width:500px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed[_ngcontent-%COMP%]{position:absolute;top:0;right:0;bottom:0;left:0}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{opacity:.5;background-color:#fff;background-image:-webkit-repeating-linear-gradient(45deg,#455A64,#455A64 1px,transparent 1px,transparent 4px);background-image:repeating-linear-gradient(45deg,#455A64,#455A64 1px,transparent 1px,transparent 4px);position:absolute}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-n[_ngcontent-%COMP%]{top:0;left:0;right:0;height:.71%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-e[_ngcontent-%COMP%]{top:0;bottom:0;right:0;width:1.42%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-s[_ngcontent-%COMP%]{bottom:0;left:0;right:0;height:.71%}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .no-crop-bleed.portrait[_ngcontent-%COMP%]   span.no-crop-w[_ngcontent-%COMP%]{display:none}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]{padding:56.64% 12px 12px;margin-bottom:12px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:36px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   .fake-link[_ngcontent-%COMP%]{color:#ff4d4d}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]   .fake-link[_ngcontent-%COMP%]:hover{text-decoration:underline;cursor:pointer}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-loading[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area[_ngcontent-%COMP%]   .image-drop-area-loading[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:36px}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area.dragover[_ngcontent-%COMP%]{border:1px solid #455A64;background:#c4c4c4}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .image-drop-area.dragover[_ngcontent-%COMP%]   .image-drop-area-inner[_ngcontent-%COMP%]{opacity:.7}.card-creator-cropper-area[_ngcontent-%COMP%]   .card-creator-cropper[_ngcontent-%COMP%]   .error-message[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{font-size:13px}.resolution-recommendation[_ngcontent-%COMP%]{display:none;text-align:center}@media (min-width: 840px){.resolution-recommendation[_ngcontent-%COMP%]{padding:12px 80px}}.resolution-recommendation.active[_ngcontent-%COMP%]{display:block}.upload-card-btn[_ngcontent-%COMP%]:before, .upload-card-btn[_ngcontent-%COMP%]:after{content:"";display:table}.upload-card-btn[_ngcontent-%COMP%]:after{clear:both}.upload-card-btn[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{float:left;margin-right:12px}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]{float:left}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:before, .upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:after{content:"";display:table}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]:after{clear:both}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#ff4d4d;margin-right:8px;float:left;padding-top:1px}.upload-card-btn[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{float:left;margin-top:10px}.upload-card-btn.valid[_ngcontent-%COMP%]   .block[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:#2da98d}.upload-card-btn[_ngcontent-%COMP%]   .ClickButton[_ngcontent-%COMP%]{float:left;width:184px;padding-left:20px}.card-creator-options[_ngcontent-%COMP%]{-webkit-transition:all 1.1s ease;transition:all 1.1s ease;position:relative;max-width:600px;margin:0 auto;-webkit-transform:translate(0%,0);transform:translate(0)}@media (min-width: 840px){.card-creator-options[_ngcontent-%COMP%]{max-width:100%;margin:0}}.card-creator-options.active[_ngcontent-%COMP%]{-webkit-transform:translate(0,0);transform:translate(0)}.card-creator-options[_ngcontent-%COMP%]   .bleed-message[_ngcontent-%COMP%]{margin-top:12px;margin-bottom:0}.card-creator-tips[_ngcontent-%COMP%]{border-top:2px solid #f3f3f3;margin-bottom:40px;padding-top:24px;margin-top:24px}.card-creator-tips[_ngcontent-%COMP%]:before, .card-creator-tips[_ngcontent-%COMP%]:after{content:"";display:table}.card-creator-tips[_ngcontent-%COMP%]:after{clear:both}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]{text-align:center}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{padding:48px 12px;max-width:780px;margin:0 auto}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:before, #create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:after{content:"";display:table}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]:after{clear:both}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{padding:12px;margin-bottom:12px;position:relative}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:28px;font-size:1.75em;line-height:37.8px;display:block;margin-bottom:10px;color:#455a64}#create-splash[_ngcontent-%COMP%]   .creator-steps[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#717171}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]{text-align:center;padding:0 12px;max-width:610px;margin:0 auto}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]   .creator-welcome-cta[_ngcontent-%COMP%]{padding:24px 100px 0}#create-splash[_ngcontent-%COMP%]   .creator-welcome-inner[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#717171}.terms-and-conditions[_ngcontent-%COMP%]{position:fixed;top:0;right:0;left:0;bottom:0;z-index:16;background-color:#0000007d;padding:40px 10%;overflow:auto}.terms-and-conditions[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]{position:absolute;top:0;right:0;left:0;bottom:0}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]{width:100%;height:100%;min-height:400px;padding:40px 10%;background-color:#fff}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]{width:100%;height:100%;padding:5%;background-color:#fff;-webkit-box-shadow:0 0 22px 0 rgba(93,93,93,.5);box-shadow:0 0 22px #5d5d5d80}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]{height:calc(100% - 70px);overflow-y:scroll;padding-right:10px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar{width:11px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar-track{border-radius:6px;background-color:#ededed}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:#ff6900;border-radius:6px}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%] > ul[_ngcontent-%COMP%]{list-style-position:outside;list-style-type:decimal;padding-left:20px;font-size:14px;margin-bottom:0}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .conteiner[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{font-size:14px;color:#ff6900}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .accept[_ngcontent-%COMP%]{border-radius:2px;font-size:16px;font-weight:500;background-color:#ff6900;color:#fff;padding:6px 40px;margin:15px 0;border:none}.terms-and-conditions[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .border[_ngcontent-%COMP%]   .orange[_ngcontent-%COMP%]{font-size:14px}.upload-cta[_ngcontent-%COMP%]{max-width:340px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px}',""]}),e})();var Xt=n(20820),$t=n(65426),Qt=n(38271);let Jt=(()=>{class e{constructor(e,t,n,r){this.Authentication=e,this.router=t,this.GeneralUtils=n,this.profileService=r}canActivate(e){return this.isLoggedIn=this.Authentication.isFullUserLoggedIn(),this.cardId=e.paramMap.get("cardId"),this.isLoggedIn?(0,Xt.aj)([this.getCard(),this.profileService.profile]).pipe((0,$t.b)(([t])=>{e.data=Object.assign(Object.assign({},e.data),{card:t})}),(0,p.U)(([e,t])=>e.owner.id===t.id||this.router.createUrlTree(["/"])),(0,h.K)(()=>(0,l.of)(this.router.createUrlTree(["404"])))):(0,l.of)(this.router.createUrlTree(["/","login"]))}getCard(){return this.GeneralUtils.getCardByIdListed(this.cardId)}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275inject(b.Vy),C.\u0275\u0275inject(i.F0),C.\u0275\u0275inject(se.w),C.\u0275\u0275inject(Qt.H3))},e.\u0275prov=C.\u0275\u0275defineInjectable({token:e,factory:e.\u0275fac}),e})();const Kt=function(e){return["/","account","creator","design",e,"update","image"]},Zt=function(e){return["/","account","creator","design",e,"update","description"]};function en(e,t){if(1&e&&(C.\u0275\u0275elementStart(0,"div",1),C.\u0275\u0275elementStart(1,"div",2),C.\u0275\u0275elementStart(2,"div",3),C.\u0275\u0275elementStart(3,"h3"

1),C.\u0275\u0275text(4,"Update Card"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(5,"div",4),C.\u0275\u0275elementStart(6,"div",5),C.\u0275\u0275elementStart(7,"div",6),C.\u0275\u0275element(8,"img",7),C.\u0275\u0275pipe(9,"async"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(10,"div",8),C.\u0275\u0275elementStart(11,"div",9),C.\u0275\u0275elementStart(12,"h5"),C.\u0275\u0275text(13,"Update card design "),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(14,"p"),C.\u0275\u0275text(15,"If you\u2019ve noticed a mistake or want to make small tweaks to the design of the card, like changing the font size, you can do that here. If you want to make fundamental changes on a card, please upload a new design rather than updating an existing one. If you don't think the current design should be sold while the update is awaiting moderation, you can temporarily unlist the card in the sales by card section of your profile. "),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(16,"div",10),C.\u0275\u0275elementStart(17,"primary-button",11),C.\u0275\u0275pipe(18,"async"),C.\u0275\u0275text(19,"Update card design"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(20,"div",9),C.\u0275\u0275elementStart(21,"h5"),C.\u0275\u0275text(22,"Update card details"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(23,"p"),C.\u0275\u0275text(24,"These details can help users find your cards and we use them to improve the shopping experience. We\u2019ll use this information to help customers see the cards most relevant to them. "),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(25,"div",10),C.\u0275\u0275elementStart(26,"primary-button",11),C.\u0275\u0275pipe(27,"async"),C.\u0275\u0275text(28,"Update card details"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e){const e=C.\u0275\u0275nextContext();C.\u0275\u0275advance(8),C.\u0275\u0275property("src",C.\u0275\u0275pipeBind1(9,3,e.cardFrontImage),C.\u0275\u0275sanitizeUrl),C.\u0275\u0275advance(9),C.\u0275\u0275property("routerLink",C.\u0275\u0275pureFunction1(9,Kt,C.\u0275\u0275pipeBind1(18,5,e.cardId))),C.\u0275\u0275advance(9),C.\u0275\u0275property("routerLink",C.\u0275\u0275pureFunction1(11,Zt,C.\u0275\u0275pipeBind1(27,7,e.cardId)))}}let tn=(()=>{class e{constructor(e){this.route=e,this.card=this.route.data.pipe((0,v.j)("card")),this.cardFrontImage=this.card.pipe((0,v.j)("image","large")),this.cardId=this.card.pipe((0,v.j)("id"))}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275directiveInject(i.gz))},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["update-option"]],decls:2,vars:3,consts:[["class","UpdateOption",4,"ngIf"],[1,"UpdateOption"],[1,"content"],[1,"UpdateOption__Header","text-center"],[1,"UpdateOption__Content","grid-row"],[1,"UpdateOption__Card"],[1,"UpdateOption__Image"],[3,"src"],[1,"UpdateOption__Buttons"],[1,"ButtonArea"],[1,"Button"],[3,"routerLink"]],template:function(e,t){1&e&&(C.\u0275\u0275template(0,en,29,13,"div",0),C.\u0275\u0275pipe(1,"async")),2&e&&C.\u0275\u0275property("ngIf",C.\u0275\u0275pipeBind1(1,1,t.cardFrontImage))},directives:[r.O5,Qe.K,i.rH],pipes:[r.Ov],styles:[".UpdateOption[_ngcontent-%COMP%]{padding:50px 0 100px}.UpdateOption__Header[_ngcontent-%COMP%]{margin-bottom:60px}.UpdateOption__Content[_ngcontent-%COMP%]{padding:12px;margin-bottom:95px}.UpdateOption__Card[_ngcontent-%COMP%]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:40px}.UpdateOption__Image[_ngcontent-%COMP%]{display:block}.UpdateOption__Image[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{max-width:510px;width:100%}.UpdateOption__Buttons[_ngcontent-%COMP%]{-webkit-box-flex:.85;-ms-flex:.85;flex:.85;padding:0 65px}.UpdateOption__Buttons[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{line-height:1.5;margin-bottom:20px}.UpdateOption__Buttons[_ngcontent-%COMP%]   .ButtonArea[_ngcontent-%COMP%]{margin-bottom:55px}.UpdateOption[_ngcontent-%COMP%]   .Button[_ngcontent-%COMP%]{width:250px;cursor:pointer}"]}),e})();var nn=n(70700);let rn=(()=>{class e{constructor(){}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-creators-footer"]],decls:8,vars:0,consts:[[1,"creators-footer"],[1,"inner"],[1,"title"],[1,"description"],["href","https://www.thortful.com/blog/creator-central/","target","_blank",1,"cta"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",0),C.\u0275\u0275elementStart(1,"div",1),C.\u0275\u0275elementStart(2,"h2",2),C.\u0275\u0275text(3,"Need guidance on uploading a card? Check out our creator blog!"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(4,"p",3),C.\u0275\u0275text(5,"Head on over to our blog for lots of useful tips of getting the most out of your card"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(6,"a",4),C.\u0275\u0275text(7,"Creator Blog"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd())},styles:[".creators-footer[_ngcontent-%COMP%]{padding:32px;background:url(https://images-fe.thortful.com/svg/creators-footer-wave.svg) #0066FF no-repeat center;background-size:cover;min-height:212px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.creators-footer[_ngcontent-%COMP%] > .inner[_ngcontent-%COMP%]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:16px;gap:16px}.creators-footer[_ngcontent-%COMP%] > .inner[_ngcontent-%COMP%] > .title[_ngcontent-%COMP%], .creators-footer[_ngcontent-%COMP%] > .inner[_ngcontent-%COMP%] > .description[_ngcontent-%COMP%]{color:#fff;text-align:center;margin:0}.creators-footer[_ngcontent-%COMP%] > .inner[_ngcontent-%COMP%] > .title[_ngcontent-%COMP%]{font-size:24px;font-weight:700}.creators-footer[_ngcontent-%COMP%] > .inner[_ngcontent-%COMP%] > .description[_ngcontent-%COMP%]{font-size:16px}.creators-footer[_ngcontent-%COMP%] > .inner[_ngcontent-%COMP%] > .cta[_ngcontent-%COMP%]{width:100%;max-width:496px;background-color:#fff;color:#06f;font-size:16px;border-radius:4px;font-weight:800;height:44px;line-height:44px;text-align:center}"]}),e})();const on=[{path:"start",component:(()=>{class e{constructor(e){this.router=e}goToStandardCard(){this.router.navigate(["create"])}goToPhotoCard(){this.router.navigate(["create/photocard"])}goToFaceSwap(){this.router.navigate(["create/faceswap"])}}return e.\u0275fac=function(t){return new(t||e)(C.\u0275\u0275directiveInject(i.F0))},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-start-page"]],decls:36,vars:0,consts:[[1,"creators-start-page"],[1,"page-title"],[1,"page-description"],[1,"card-container"],[1,"card"],[1,"card-image",3,"click"],["imgSrc","/img/banners/creator-standard-card-preview.png"],[1,"card-title"],[1,"card-description"],[1,"upload-cta",3,"click"],["imgSrc","/img/banners/creator-photo-card-preview.png"],["imgSrc","/img/banners/creator-faceswap-card-preview.png"],["href","https://www.thortful.com/blog/thortful-face-swap-cards/","target","_blank"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div",0),C.\u0275\u0275elementStart(1,"h2",1),C.\u0275\u0275text(2,"Time to get cracking."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(3,"p",2),C.\u0275\u0275text(4,"First, what kind of card are you uploading?"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(5,"div",3),C.\u0275\u0275elementStart(6,"div",4),C.\u0275\u0275elementStart(7,"div",5),C.\u0275\u0275listener("click",function(){return t.goToStandardCard()}),C.\u0275\u0275element(8,"img",6),C.\u0275\u0275elementStart(9,"p",7),C.\u0275\u0275text(10,"Standard Card"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(11,"p",8),C.\u0275\u0275text(12,"This is our standard card sold in A5/A4 size. Your very own design for our customers to 

1send around the world, and make lots of people smile."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(13,"primary-button",9),C.\u0275\u0275listener("click",function(){return t.goToStandardCard()}),C.\u0275\u0275text(14,"Upload your Standard Card design"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(15,"div",4),C.\u0275\u0275elementStart(16,"div",5),C.\u0275\u0275listener("click",function(){return t.goToPhotoCard()}),C.\u0275\u0275element(17,"img",10),C.\u0275\u0275elementStart(18,"p",7),C.\u0275\u0275text(19,"Photo Card"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(20,"p",8),C.\u0275\u0275text(21,"A template for customers to personalise the card with their own picture(s). Endless possibilities, personalisation, and even more smiles."),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(22,"primary-button",9),C.\u0275\u0275listener("click",function(){return t.goToPhotoCard()}),C.\u0275\u0275text(23,"Upload your Photo Card design"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(24,"div",4),C.\u0275\u0275elementStart(25,"div",5),C.\u0275\u0275listener("click",function(){return t.goToFaceSwap()}),C.\u0275\u0275element(26,"img",11),C.\u0275\u0275elementStart(27,"p",7),C.\u0275\u0275text(28,"Face Swap Card"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(29,"p",8),C.\u0275\u0275text(30,"This brand new feature uses the latest tech to seamlessly merge any face with your design. This is the ultimate wow factor! To find out more,"),C.\u0275\u0275elementStart(31,"a",12),C.\u0275\u0275text(32,"check out our blog!"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(33,"primary-button",9),C.\u0275\u0275listener("click",function(){return t.goToFaceSwap()}),C.\u0275\u0275text(34,"Upload your Face Swap Card design"),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(35,"app-creators-footer"))},directives:[I.t1,Qe.K,rn],styles:[".creators-start-page[_ngcontent-%COMP%]{width:100%;max-width:980px;margin:0 auto;padding:24px}@media (min-width: 769px){.creators-start-page[_ngcontent-%COMP%]{padding:24px 0}}.creators-start-page[_ngcontent-%COMP%] > .card-container[_ngcontent-%COMP%]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 769px){.creators-start-page[_ngcontent-%COMP%] > .card-container[_ngcontent-%COMP%]{grid-gap:48px;gap:48px;margin-top:24px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.creators-start-page[_ngcontent-%COMP%] > .page-title[_ngcontent-%COMP%]{font-size:24px}.creators-start-page[_ngcontent-%COMP%] > .page-description[_ngcontent-%COMP%]{font-size:20px;margin:24px 0}.creators-start-page[_ngcontent-%COMP%] > .page-title[_ngcontent-%COMP%], .creators-start-page[_ngcontent-%COMP%] > .page-description[_ngcontent-%COMP%]{font-weight:700}.card[_ngcontent-%COMP%]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0}.card[_ngcontent-%COMP%] > .upload-cta[_ngcontent-%COMP%]{margin-bottom:100px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}.card[_ngcontent-%COMP%] > .card-image[_ngcontent-%COMP%]{background:#F7F7F7;-webkit-box-shadow:0px 4px 4px 0px rgba(152,152,152,.25);box-shadow:0 4px 4px #98989840;padding:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card[_ngcontent-%COMP%] > .card-image[_ngcontent-%COMP%] > .card-title[_ngcontent-%COMP%]{margin:14px 0 0;font-size:24px;font-weight:700}.card[_ngcontent-%COMP%] > .card-image[_ngcontent-%COMP%] > img[_ngcontent-%COMP%]{max-height:225px;margin-left:-60px}.card[_ngcontent-%COMP%] > .card-description[_ngcontent-%COMP%]{margin:16px 0 24px}.card[_ngcontent-%COMP%] > .card-description[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{font-size:14px;font-weight:bold;color:#fd5825;margin-left:4px}"]}),e})()},{path:"create",component:rt,data:{type:"website",currency:!1,appLinks:!0,shareLocation:!1},canActivate:[nn.a]},{path:"create/photocard",component:Vt,data:{type:"website",currency:!1,appLinks:!0,shareLocation:!1,photocard:!0},canActivate:[nn.a]},{path:"create/faceswap",component:rt,data:{type:"website",currency:!1,appLinks:!0,shareLocation:!1},canActivate:[nn.a]},{path:":cardId/update/option",component:tn,data:{type:"website",currency:!1,appLinks:!0,shareLocation:!1},canActivate:[Jt]},{path:":cardId/update/description",component:Yt,data:{type:"website",currency:!1,appLinks:!0,shareLocation:!1},canActivate:[nn.a],resolve:{card:Wt}},{path:":cardId/update/image",component:Gt,data:{type:"website",currency:!1,appLinks:!0,shareLocation:!1},canActivate:[nn.a],resolve:{card:Wt}}];let an=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)}

1,e.\u0275mod=C.\u0275\u0275defineNgModule({type:e}),e.\u0275inj=C.\u0275\u0275defineInjector({providers:[Jt,nn.a],imports:[[i.Bz.forChild(on)],i.Bz]}),e})(),cn=(()=>{class e{constructor(){this.clickIcon=new C.EventEmitter}ngOnInit(){}onClick(){this.clickIcon.next()}get fill(){return"orange"==this.ngClass?"#ffffff":"#121313"}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-delete-icon"]],hostBindings:function(e,t){1&e&&C.\u0275\u0275listener("click",function(){return t.onClick()})},inputs:{ngClass:"ngClass"},outputs:{clickIcon:"clickIcon"},decls:3,vars:1,consts:[["height","37px","viewBox","0 0 32 32","width","19px"],["d","M17.459,16.014l8.239-8.194c0.395-0.391,0.395-1.024,0-1.414c-0.394-0.391-1.034-0.391-1.428,0  l-8.232,8.187L7.73,6.284c-0.394-0.395-1.034-0.395-1.428,0c-0.394,0.396-0.394,1.037,0,1.432l8.302,8.303l-8.332,8.286  c-0.394,0.391-0.394,1.024,0,1.414c0.394,0.391,1.034,0.391,1.428,0l8.325-8.279l8.275,8.276c0.394,0.395,1.034,0.395,1.428,0  c0.394-0.396,0.394-1.037,0-1.432L17.459,16.014z"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"span"),C.\u0275\u0275namespaceSVG(),C.\u0275\u0275elementStart(1,"svg",0),C.\u0275\u0275element(2,"path",1),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e&&(C.\u0275\u0275advance(2),C.\u0275\u0275attribute("fill",t.fill))},styles:["[_nghost-%COMP%]{width:20px;height:16px;-webkit-transition:.15s;transition:.15s;display:inline-block;text-align:right}[_nghost-%COMP%]:hover{-webkit-transform:scale(1.3) translateY(-3px);transform:scale(1.3) translateY(-3px)}[_nghost-%COMP%] > span[_ngcontent-%COMP%] > svg[_ngcontent-%COMP%]{vertical-align:bottom}"]}),e})();var sn=n(65594);let ln=(()=>{class e{constructor(){this._state="none"}get state(){return this._state}set state(e){this._state=e}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-tag-ripple"]],inputs:{state:["clickEv","state"]},decls:1,vars:1,consts:[[1,"tag-ripple"]],template:function(e,t){1&e&&C.\u0275\u0275element(0,"div",0),2&e&&C.\u0275\u0275property("@ink",t.state)},styles:["[_nghost-%COMP%]{width:100%;height:100%;left:0;top:0;z-index:-1;overflow:hidden;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}[_nghost-%COMP%]   .tag-ripple[_ngcontent-%COMP%]{background:rgba(0,0,0,.1);top:50%;left:50%;height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}"],data:{animation:[(0,sn.X$)("ink",[(0,sn.SB)("none",(0,sn.oB)({width:0,opacity:0})),(0,sn.eR)("none => clicked",[(0,sn.jt)(300,(0,sn.F4)([(0,sn.oB)({opacity:1,offset:0,width:"30%",borderRadius:"100%"}),(0,sn.oB)({opacity:1,offset:.5,width:"50%"}),(0,sn.oB)({opacity:.5,offset:1,width:"100%",borderRadius:"16px"})]))])])]}}),e})(),dn=(()=>{class e{constructor(){this.removeTag=new C.EventEmitter,this.state="none"}ngOnInit(){}deleteAction(){this.removeTag.next(this.index)}onClick(){this.state="clicked"}onMouseup(){this.state="none"}get display(){return this.tag.display}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-tag"]],hostBindings:function(e,t){1&e&&C.\u0275\u0275listener("click",function(){return t.onClick()})("mouseup",function(){return t.onMouseup()})},inputs:{tag:"tag",index:"index",ngClass:"ngClass"},outputs:{removeTag:"removeTag"},decls:6,vars:3,consts:[[1,"tag-wrapper"],[1,"tag__text"],[3,"ngClass","clickIcon"],[3,"clickEv"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"div"),C.\u0275\u0275elementStart(1,"div",0),C.\u0275\u0275elementStart(2,"div",1),C.\u0275\u0275text(3),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementStart(4,"app-delete-icon",2),C.\u0275\u0275listener("clickIcon",function(){return t.deleteAction()}),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd(),C.\u0275\u0275element(5,"app-tag-ripple",3),C.\u0275\u0275elementEnd()),2&e&&(C.\u0275\u0275advance(3),C.\u0275\u0275textInterpolate(t.display),C.\u0275\u0275advance(1),C.\u0275\u0275property("ngClass",t.ngClass),C.\u0275\u0275advance(1),C.\u0275\u0275property("clickEv",t.state))},directives:[cn,r.mk,ln],styles:["[_nghost-%COMP%]{font-weight:400;font-size:1em;letter-spacing:.05rem;color:#444;-webkit-transition:.3s;transition:.3s;padding:10px 16px;height:32px;line-height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:0;background:#f9f9f9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;outline:0;cursor:pointer;position:relative;max-width:400px}.orange[_nghost-%COMP%]{background:#ff6900;color:#fff;border-radius:4px;padding:0 .75rem;height:38px;line-height:38px;width:120px}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{outline:0;overflow:hidden;-webkit-transition:opacity 1s;transition:opacity 1s;z-index:1}[_nghost-%COMP%]   div[_ngcontent-%COMP%]   .tag-wrapper[_ngcontent-%COMP%]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}[_nghost-%COMP%]   div[_ngcontent-%COMP%]   .tag__text[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px}"]}),e})(),pn=(()=>{class e{constructor(){this.submitInput=new C.EventEmitter,this.tagForm=new a.cw({tagInput:new a.N

1I})}set placeholder(e){this._placeholder=e}get placeholder(){return this._placeholder}onBlur(){this.onSubmit()}onSubmit(){this.submitInput.next(this.inputValue),this.inputValue=""}get inputValue(){return this.tagForm.value.tagInput}set inputValue(e){this.tagForm.controls.tagInput.setValue(e)}validateSingleWordsOnly(e){this.onSubmit(),e.preventDefault()}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=C.\u0275\u0275defineComponent({type:e,selectors:[["app-tag-input-form"]],hostBindings:function(e,t){1&e&&C.\u0275\u0275listener("focusout",function(){return t.onBlur()})},inputs:{placeholder:["title","placeholder"]},outputs:{submitInput:"submitInput"},decls:2,vars:2,consts:[[3,"formGroup","ngSubmit"],["autocomplete","off","minlength","1","type","text","formControlName","tagInput",1,"--no-global","tag-input",3,"placeholder","keydown.space","keydown.-"]],template:function(e,t){1&e&&(C.\u0275\u0275elementStart(0,"form",0),C.\u0275\u0275listener("ngSubmit",function(){return t.onSubmit()}),C.\u0275\u0275elementStart(1,"input",1),C.\u0275\u0275listener("keydown.space",function(e){return t.validateSingleWordsOnly(e)})("keydown.-",function(e){return t.validateSingleWordsOnly(e)}),C.\u0275\u0275elementEnd(),C.\u0275\u0275elementEnd()),2&e&&(C.\u0275\u0275property("formGroup",t.tagForm),C.\u0275\u0275advance(1),C.\u0275\u0275property("placeholder",t.placeholder))},directives:[a._Y,a.JL,a.sg,a.Fj,a.wO,a.JJ,a.u],styles:["input[_ngcontent-%COMP%]{border:solid black 1px;border-radius:4px;width:120px;background:#fff;padding:0 12px;-webkit-box-shadow:none;box-shadow:none;line-height:36px;display:inline;vertical-align:middle;font-size:1em}"]}),e})(),gn=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=C.\u0275\u0275defineNgModule({type:e}),e.\u0275inj=C.\u0275\u0275defineInjector({imports:[[r.ez,a.UX]]}),e})();C.\u0275\u0275setComponentScope(me,[r.sg,dn,r.mk,pn],[]);var mn=n(34204),hn=n(54270),un=n(50789),fn=n(64337),Cn=n(91062),xn=n(71695),bn=n(80802),_n=n(7811),On=n(94359);let vn=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=C.\u0275\u0275defineNgModule({type:e}),e.\u0275inj=C.\u0275\u0275defineInjector({imports:[[r.ez,I.Fq.forRoot(On.N.assetsDomain)]]}),e})(),Pn=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=C.\u0275\u0275defineNgModule({type:e}),e.\u0275inj=C.\u0275\u0275defineInjector({providers:[Wt,bn.J,nn.a],imports:[[j.LB,r.ez,a.u5,o.r,i.Bz,gn,an,mn.h,hn.B,un.E,fn.u,Cn.l,xn.m,a.UX,_n.W,vn,I.VV]]}),e})()},839:function(e,t,n){"use strict";n.d(t,{n:function(){return s}});var r=n(62415),o=n(17291),a=n(64084),i=n(92674);function c(e,t){if(1&e){const e=r.\u0275\u0275getCurrentView();r.\u0275\u0275elementStart(0,"div",1),r.\u0275\u0275elementStart(1,"h1",2),r.\u0275\u0275text(2),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(3,"p",2),r.\u0275\u0275text(4),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementStart(5,"div",3),r.\u0275\u0275elementStart(6,"div",4),r.\u0275\u0275listener("click",function(){return r.\u0275\u0275restoreView(e),r.\u0275\u0275nextContext().authOpen(!1)}),r.\u0275\u0275text(7,"SIGN IN / JOIN"),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd(),r.\u0275\u0275elementEnd()}if(2&e){const e=r.\u0275\u0275nextContext();r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",e.style),r.\u0275\u0275advance(1),r.\u0275\u0275textInterpolate(e.title),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngClass",e.style),r.\u0275\u0275advance(1),r.\u0275\u0275textInterpolate(e.body)}}let s=(()=>{class e{constructor(e,t){this.ShareData=e,this.Authentication=t,this.title="",this.body="",this.style="",this.Authentication.isFullUserLoggedIn()||(this.loggedOut=!0,this.bypassAuth&&this.authOpen(!1))}authOpen(e){this.ShareData.trigger("openAuth",e)}}return e.\u0275fac=function(t){return new(t||e)(r.\u0275\u0275directiveInject(o.u),r.\u0275\u0275directiveInject(a.Vy))},e.\u0275cmp=r.\u0275\u0275defineComponent({type:e,selectors:[["logged-out-user"]],inputs:{title:"title",body:"body",style:"style",bypassAuth:"bypassAuth"},decls:1,vars:1,consts:[["class","logged-out-user",4,"ngIf"],[1,"logged-out-user"],[3,"ngClass"],[1,"buttons"],[1,"signin-button",3,"click"]],template:function(e,t){1&e&&r.\u0275\u0275template(0,c,8,4,"div",0),2&e&&r.\u0275\u0275property("ngIf",t.loggedOut)},directives:[i.O5,i.mk],styles:['.logged-out-user[_ngcontent-%COMP%]{text-align:center;min-height:400px;padding:40px 20px 0}.logged-out-user[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:"Roboto";font-weight:700;font-size:36px;margin-bottom:18px}@media (min-width: 450px){.logged-out-user[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:48px}}.logged-out-user[_ngcontent-%COMP%]   h1.reminders[_ngcontent-%COMP%]{margin-bottom:11px}.logged-out-user[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-family:"Roboto";font-weight:400;font-size:16px;margin-bottom:10px}.logged-out-user[_ngcontent-%COMP%]   p.reminders[_ngcontent-%COMP%]{padding-top:0;margin:0 auto}@media (min-width: 576px){.logged-out-user[_ngcontent-%COMP%]   p.reminders[_ngcontent-%COMP%]{width:500px}}.logged-out-user[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]{margin-top:20px;padding:0 4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 450px){.logged-out-user[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]{padding:0}}.logged-out-user[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]   .signin-button[_ngcontent-%COMP%]{cursor:pointer;width:100%;height:40px;background-color:#fff;border:solid 1px #000000;margin:0 20px 10px;padding:11px;font-family:"Roboto";font-weight:700;font-size:16px;text-align:center}.logged-out-user[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]   .signin-button[_ngcontent-%COMP%]:focus{outline:none}@media all and (min-width: 320px) and (max-width: 359px){.logged-out-user[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]   .signin-button[_ngcontent-%COMP%]{font-size:15px}}@media (min-width: 450px){.logged-out-user[_ngcontent-%COMP%]   .buttons[_ngcontent-%COMP%]   .signin-button[_ngcontent-%COMP%]{margin-left:10px;width:250px}}']}

1),e})()},91062:function(e,t,n){"use strict";n.d(t,{l:function(){return a}});var r=n(92674),o=n(62415);let a=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=o.\u0275\u0275defineNgModule({type:e}),e.\u0275inj=o.\u0275\u0275defineInjector({imports:[[r.ez]]}),e})()},25586:function(e,t,n){"use strict";n.d(t,{x:function(){return s}});var r=n(62415),o=n(65594),a=n(92674);function i(e,t){1&e&&(r.\u0275\u0275elementStart(0,"div",5),r.\u0275\u0275projection(1),r.\u0275\u0275elementEnd()),2&e&&r.\u0275\u0275property("@openClose",void 0)}const c=["*"];let s=(()=>{class e{constructor(){this.expanded=!1,this.isExpanded=new r.EventEmitter}toggle(){this.expanded=!this.expanded,this.isExpanded.emit(this.expanded)}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=r.\u0275\u0275defineComponent({type:e,selectors:[["container-block-accordion"]],inputs:{title:"title",expanded:"expanded"},outputs:{isExpanded:"isExpanded"},ngContentSelectors:c,decls:6,vars:3,consts:[[1,"AccordionBlock"],[1,"AccordionBlock__TitleContainer",3,"click"],[1,"AccordionBlock__Title"],[1,"AccordionBlock__Chevron"],["class","AccordionBlock__Content",4,"ngIf"],[1,"AccordionBlock__Content"]],template:function(e,t){1&e&&(r.\u0275\u0275projectionDef(),r.\u0275\u0275elementStart(0,"div",0),r.\u0275\u0275elementStart(1,"div",1),r.\u0275\u0275listener("click",function(){return t.toggle()}),r.\u0275\u0275elementStart(2,"h2",2),r.\u0275\u0275text(3),r.\u0275\u0275elementEnd(),r.\u0275\u0275element(4,"div",3),r.\u0275\u0275elementEnd(),r.\u0275\u0275template(5,i,2,1,"div",4),r.\u0275\u0275elementEnd()),2&e&&(r.\u0275\u0275advance(3),r.\u0275\u0275textInterpolate(t.title),r.\u0275\u0275advance(1),r.\u0275\u0275property("@rotate",t.expanded?"rotate":"return"),r.\u0275\u0275advance(1),r.\u0275\u0275property("ngIf",t.expanded))},directives:[a.O5],styles:[".AccordionBlock[_ngcontent-%COMP%]{border-top:1px solid #000;border-bottom:1px solid #000;margin-top:-1px;position:relative}.AccordionBlock__TitleContainer[_ngcontent-%COMP%]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:65px;padding:20px 0;margin-bottom:-2px;cursor:pointer;overflow:hidden}.AccordionBlock__TitleContainer[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:-webkit-scrollbar{display:none}.AccordionBlock__Title[_ngcontent-%COMP%]{font-size:18px;margin:0;padding:0;font-weight:700}.AccordionBlock__Chevron[_ngcontent-%COMP%]{width:20px;background-image:url(https://images-fe.thortful.com/img/hosted/down-chevron.png);background-position:center right;background-repeat:no-repeat;background-size:20px;height:11.4285714286px;position:absolute;left:calc(100% - 20px)}.AccordionBlock__Content[_ngcontent-%COMP%]{padding:5px 0 20px;overflow:hidden}"],data:{animation:[(0,o.X$)("openClose",[(0,o.eR)(":enter",[(0,o.oB)({opacity:0,height:"0",overflow:"hidden"}),(0,o.jt)("0.3s ease-out",(0,o.oB)({opacity:1,height:"*"}))]),(0,o.eR)(":leave",[(0,o.oB)({opacity:1,height:"*",overflow:"hidden"}),(0,o.jt)("0.3s ease-in",(0,o.oB)({opacity:0,height:"0"}))])]),(0,o.X$)("rotate",[(0,o.SB)("rotate",(0,o.oB)({transform:"rotate(-180deg)"})),(0,o.SB)("return",(0,o.oB)({transform:"rotate(0deg)"})),(0,o.eR)("return => rotate",[(0,o.jt)("0.3s")]),(0,o.eR)("rotate => return",[(0,o.jt)("0.3s")])])]}}),e})()}}]);