pushfeedback 0.0.8 → 0.0.10

package/dist/collection/components/feedback-modal/feedback-modal.js

@@ -1 +1,520 @@
-const _0x538b3b=_0x2296;(function(_0x2de245,_0x24ebe5){const _0x1ef254=_0x2296,_0xdf88ed=_0x2de245();while(!![]){try{const _0x382f08=-parseInt(_0x1ef254(0x19e))/0x1+-parseInt(_0x1ef254(0xe3))/0x2+-parseInt(_0x1ef254(0x184))/0x3+-parseInt(_0x1ef254(0x110))/0x4*(-parseInt(_0x1ef254(0x182))/0x5)+-parseInt(_0x1ef254(0x111))/0x6*(parseInt(_0x1ef254(0x116))/0x7)+-parseInt(_0x1ef254(0xe6))/0x8+parseInt(_0x1ef254(0x160))/0x9;if(_0x382f08===_0x24ebe5)break;else _0xdf88ed['push'](_0xdf88ed['shift']());}catch(_0x36f8fb){_0xdf88ed['push'](_0xdf88ed['shift']());}}}(_0x41bc,0xa1c98));import{h}from'@stencil/core';import _0x594d05 from'dom-to-image';function _0x2296(_0x3ca9da,_0xd48776){const _0x41bcca=_0x41bc();return _0x2296=function(_0x22963c,_0x4e055a){_0x22963c=_0x22963c-0xd2;let _0x1d04be=_0x41bcca[_0x22963c];return _0x1d04be;},_0x2296(_0x3ca9da,_0xd48776);}function _0x41bc(){const _0x48f6c3=['string','Email\x20address\x20(optional)','zAcgI','modalTitleError403','LpeGZ','line','GOzZy','yUYIu','sending','backgroundColor','url(#footer-logo)','message-placeholder','How\x20could\x20this\x20page\x20be\x20more\x20helpful?','Send','handleMessageInput','iRopn','modal-position','Take\x20a\x20Screenshot','left','feedback-modal-element-selected','modalPosition','kmFjH','Glvju','formError','Oops!\x20We\x20didn\x27t\x20receive\x20your\x20feedback.\x20Please\x20try\x20again\x20later.','19222290mBQcuY','BDGab','display','modalTitle','resetOverflow','PnfDz','vYFJs','\x27How\x20could\x20this\x20page\x20be\x20more\x20helpful?\x27','screenshotButtonTooltipText','bottomSide','screenshot-topbar-text','styleUrls','21.152%','\x27Share\x20your\x20feedback\x27','feedback-modal-body','target','button','POST','Thanks\x20for\x20your\x20feedback!','cyLip','leftSide','render','HukZh','fkRnu','modal-title-success','fJqQI','100%','NQHeW','close','formEmail','single','KrDRD','kThcQ','GMHqv','1515SGdScd','has-selected-element','1647249Amgruh','iWuOw','MSvBp','status','HwgMZ','ZdoBN','HYeXM','#4FD1C5','nxuJF','none','IVpPk','then','classList','ItmDU','IXdsM','radialGradient','log','originalStyleUrls','modal-title-error-4-0-3','componentWillLoad','style','feedback-modal-screenshot-overlay','NpNEa','gpQKg','getElementsByTagName','modal-title-error-4-0-4','380500XiODCU','closeScreenShot','states','nUqBS','\x27center\x27','feather\x20feather-x','getBoundingClientRect','removeChild','cQqoi','stringify','25.871%','blLCc','application/json','right-side','email','EPHGH','showScreenshotMode','nonzero','jBlnO','https://pushfeedback.com','split','etsRV','bottom','cloneNode','oTGZL','ZsmoM','feedback-modal-header','MyhLz','html','feedback-modal-buttons\x20','onGHa','0\x200\x2032\x2032','Oops!\x20The\x20request\x20URL\x20does\x20not\x20match\x20the\x20one\x20defined\x20in\x20PushFeedback\x20for\x20this\x20project.','SjcyP','overflow','TViPN','kCHzs','clientX','JkyBe','KnaoZ','RmzkT','xIIWv','ifCef','100vh','86.063%','DzczR','YAQAl','zPFIt','preventDefault','handleMouseOverScreenShot','jarGc','zyMfB','feedback-modal-text','IvlQf','feedback-modal-email','LaFsr','xppcK','rgba(0,\x200,\x200,\x200.3)','span','transparent','SGKdR','bottom-side','NyqOH','overlay','https://app.pushfeedback.com/api/feedback/','catch','modalTitleError','div','height','modalContent','EJnHi','feedback-modal.css','DwNkj','DCHjg','error','Yvvwh','SaOBZ','qgVeC','inherit','formErrorStatus','showModal','\x27SELECT\x20AN\x20ELEMENT\x20ON\x20THE\x20PAGE\x27','hrafT','\x22Oops!\x20We\x20didn\x27t\x20receive\x20your\x20feedback.\x20Please\x20try\x20again\x20later.\x22','1066292Zomcym','\x27Thanks\x20for\x20your\x20feedback!\x27','feedback-modal-footer','3828720JEnPzt','w-8\x20h-8','absolute','encodedScreenshot','href','handleSubmit','modalTitleSuccess','width','screenshotTopbarText','ZKLSU','YuSlt','\x27Send\x27','hNKCi','pnvGm','circle','location','project','PushFeedback','round','position','BIqQk','top-side','svg','RMMJE','iJpMM','emailPlaceholder','Rsrhm','uLlLu','feedback-modal-content\x20feedback-modal-content--','sXLVe','xPsdv','currentColor','formMessage','topSide','hoUfr','shadow','MydcN','false','openScreenShot','zHXKI','hidden','form','8956ewMjhQ','210228unumiw','rect','show-screenshot-mode','NkMpB','PhLNa','42DcpWvl','DlrZm','text-center','PZRAx','liIPm','TKywT','formSuccess','screenshot-button-tooltip-text','screenshotModal','rightSide','HqAMG','WWXVo','elementSelected','hasSelectedElement','hide-screenshot-button','GDpMa','path','sendButtonText','KogtA','\x22Oops!\x20The\x20request\x20URL\x20does\x20not\x20match\x20the\x20one\x20defined\x20in\x20PushFeedback\x20for\x20this\x20project.\x22','5|4|1|3|2|0','0px','add','top','properties','KnkQa','messagePlaceholder','center','Oops,\x20something\x20went\x20wrong!','feedback-modal','RFzgF','0\x200\x2024\x2024','value','hideScreenshotButton','feather\x20feather-camera','boolean','AKsfo','modalTitleError404','GViEa','fXiUj','EtRZB','PjBWN','body','pageYOffset','yjuUW','SqOnI','handleEmailInput','hVQhx','feedback-modal-element-hover'];_0x41bc=function(){return _0x48f6c3;};return _0x41bc();}export class FeedbackModal{constructor(){const _0x40cbe5=_0x2296,_0x16e311={'PjBWN':_0x40cbe5(0x1de),'xIIWv':_0x40cbe5(0x171),'nxuJF':_0x40cbe5(0x1aa),'fkRnu':_0x40cbe5(0x12a),'sQqke':_0x40cbe5(0x18d),'NQHeW':_0x40cbe5(0xe8),'KnkQa':_0x40cbe5(0x146),'IVpPk':_0x40cbe5(0x12b),'QxTXm':function(_0x3f598c,_0x187f23){return _0x3f598c+_0x187f23;},'HukZh':_0x40cbe5(0x1d7),'kCHzs':_0x40cbe5(0x1c9),'vYFJs':_0x40cbe5(0x17a),'BdcRs':_0x40cbe5(0x1d9),'NyqOH':_0x40cbe5(0x132),'fXiUj':_0x40cbe5(0x15a),'ifCef':function(_0x455446,_0x480654){return _0x455446+_0x480654;},'tZorz':'block','MSvBp':'Share\x20your\x20feedback','nUqBS':_0x40cbe5(0x172),'YAQAl':_0x40cbe5(0x15f),'PhLNa':'Oops!\x20We\x20could\x20not\x20find\x20the\x20provided\x20project\x20id\x20in\x20PushFeedback.','GOzZy':_0x40cbe5(0x131),'msedN':_0x40cbe5(0x154),'pbLVo':_0x40cbe5(0x158),'xPsdv':'SELECT\x20AN\x20ELEMENT\x20ON\x20THE\x20PAGE','OvWtJ':_0x40cbe5(0x148)};this['handleSubmit']=async _0x5ca6b5=>{const _0x5b0e09=_0x40cbe5;_0x5ca6b5[_0x5b0e09(0x1ce)](),this[_0x5b0e09(0x164)](),this[_0x5b0e09(0x1ae)]=![],this[_0x5b0e09(0xdf)]=![],this[_0x5b0e09(0x14f)]=!![];let _0x28ed1d='';this[_0x5b0e09(0xe9)]&&await this[_0x5b0e09(0xe9)][_0x5b0e09(0x18f)](_0xe08b49=>{_0x28ed1d=_0xe08b49;})['catch'](_0x28250d=>{console['log'](_0x28250d);});try{const _0x1aa8f2=await fetch(_0x16e311[_0x5b0e09(0x13f)],{'method':_0x16e311[_0x5b0e09(0x1c7)],'body':JSON[_0x5b0e09(0x1a7)]({'url':window[_0x5b0e09(0xf5)][_0x5b0e09(0xea)],'message':this['formMessage'],'email':this[_0x5b0e09(0x17d)],'project':this[_0x5b0e09(0xf6)],'screenshot':_0x28ed1d}),'headers':{'Content-Type':_0x16e311[_0x5b0e09(0x18c)]}});_0x1aa8f2[_0x5b0e09(0x187)]===0xc9?(this['formSuccess']=!![],this['formError']=![]):(this[_0x5b0e09(0x11c)]=![],this['formError']=!![],this[_0x5b0e09(0xde)]=_0x1aa8f2[_0x5b0e09(0x187)]);}catch(_0x4a4cc1){console[_0x5b0e09(0x194)](_0x4a4cc1),this['formSuccess']=![],this[_0x5b0e09(0x15e)]=!![],this[_0x5b0e09(0xde)]=0x1f4;}finally{this[_0x5b0e09(0x14f)]=![],this['showModal']=!![];}},this[_0x40cbe5(0x17c)]=()=>{const _0x4a3ad5=_0x40cbe5;this[_0x4a3ad5(0x14f)]=![],this[_0x4a3ad5(0xdf)]=![],this[_0x4a3ad5(0x1ae)]=![],this['hasSelectedElement']=![],this[_0x4a3ad5(0xe9)]=null,this[_0x4a3ad5(0x11c)]=![],this[_0x4a3ad5(0x15e)]=![],this['formErrorStatus']=0x1f4,this['formMessage']='',this[_0x4a3ad5(0x17d)]='',this[_0x4a3ad5(0x164)]();},this[_0x40cbe5(0x10c)]=()=>{const _0x2d61f4=_0x40cbe5;this[_0x2d61f4(0x123)]=![],this[_0x2d61f4(0xdf)]=![],this[_0x2d61f4(0x1ae)]=!![],this[_0x2d61f4(0xe9)]=null,this['resetOverflow']();},this[_0x40cbe5(0x19f)]=()=>{const _0x119a28=_0x40cbe5,_0x9d764f=_0x16e311[_0x119a28(0x177)][_0x119a28(0x1b2)]('|');let _0x408d91=0x0;while(!![]){switch(_0x9d764f[_0x408d91++]){case'0':this['resetOverflow']();continue;case'1':this[_0x119a28(0x123)]=![];continue;case'2':this[_0x119a28(0x1dd)]['style'][_0x119a28(0x162)]=_0x119a28(0x18d);continue;case'3':this[_0x119a28(0xe9)]=null;continue;case'4':this['showScreenshotMode']=![];continue;case'5':this['showModal']=![];continue;}break;}},this[_0x40cbe5(0x1cf)]=_0x4a6369=>{const _0x3381ac=_0x40cbe5;_0x4a6369[_0x3381ac(0x1ce)]();if(this['hasSelectedElement'])return;this[_0x3381ac(0x1dd)][_0x3381ac(0x198)]['display']=_0x3381ac(0x18d),this[_0x3381ac(0x11e)][_0x3381ac(0x198)][_0x3381ac(0x162)]=_0x16e311['sQqke'];const _0x2a1cc4=document['elementFromPoint'](_0x4a6369[_0x3381ac(0x1c3)],_0x4a6369['clientY']),_0x445d5b=_0x2a1cc4[_0x3381ac(0x1a4)]();this[_0x3381ac(0x11e)][_0x3381ac(0x198)][_0x3381ac(0x162)]='',this[_0x3381ac(0x122)]['style']['position']=_0x16e311[_0x3381ac(0x17b)],this[_0x3381ac(0x122)]['style']['left']=_0x445d5b[_0x3381ac(0x159)]+'px',this[_0x3381ac(0x122)]['style']['top']=_0x445d5b[_0x3381ac(0x12d)]+'px',this[_0x3381ac(0x122)][_0x3381ac(0x198)][_0x3381ac(0xed)]=_0x445d5b[_0x3381ac(0xed)]+'px',this[_0x3381ac(0x122)]['style']['height']=_0x445d5b[_0x3381ac(0xd3)]+'px',this[_0x3381ac(0x122)][_0x3381ac(0x190)][_0x3381ac(0x12c)](_0x16e311[_0x3381ac(0x12f)]),this['topSide'][_0x3381ac(0x198)][_0x3381ac(0xf9)]=_0x16e311[_0x3381ac(0x17b)],this[_0x3381ac(0x107)][_0x3381ac(0x198)]['left']=_0x445d5b['left']+'px',this[_0x3381ac(0x107)][_0x3381ac(0x198)][_0x3381ac(0x12d)]=_0x16e311[_0x3381ac(0x18e)],this['topSide'][_0x3381ac(0x198)][_0x3381ac(0xed)]=_0x16e311['QxTXm'](_0x445d5b[_0x3381ac(0xed)],0x8)+'px',this[_0x3381ac(0x107)][_0x3381ac(0x198)][_0x3381ac(0xd3)]=_0x445d5b[_0x3381ac(0x12d)]+'px',this['topSide'][_0x3381ac(0x198)][_0x3381ac(0x150)]=_0x16e311[_0x3381ac(0x176)],this[_0x3381ac(0x174)][_0x3381ac(0x198)]['position']=_0x3381ac(0xe8),this[_0x3381ac(0x174)][_0x3381ac(0x198)]['left']=_0x16e311[_0x3381ac(0x18e)],this[_0x3381ac(0x174)]['style'][_0x3381ac(0x12d)]=_0x16e311[_0x3381ac(0x18e)],this[_0x3381ac(0x174)][_0x3381ac(0x198)][_0x3381ac(0xed)]=_0x445d5b[_0x3381ac(0x159)]+'px',this['leftSide']['style']['height']=_0x3381ac(0x1c9),this[_0x3381ac(0x174)][_0x3381ac(0x198)]['backgroundColor']=_0x16e311[_0x3381ac(0x176)],this[_0x3381ac(0x169)][_0x3381ac(0x198)][_0x3381ac(0xf9)]=_0x16e311[_0x3381ac(0x17b)],this[_0x3381ac(0x169)][_0x3381ac(0x198)][_0x3381ac(0x159)]=_0x445d5b['left']+'px',this[_0x3381ac(0x169)][_0x3381ac(0x198)][_0x3381ac(0x12d)]=_0x16e311['QxTXm'](_0x445d5b[_0x3381ac(0x1b4)],0x8)+'px',this['bottomSide'][_0x3381ac(0x198)][_0x3381ac(0xed)]=_0x445d5b['width']+0x8+'px',this[_0x3381ac(0x169)][_0x3381ac(0x198)][_0x3381ac(0xd3)]=_0x16e311[_0x3381ac(0x1c2)],this['bottomSide'][_0x3381ac(0x198)][_0x3381ac(0x150)]=_0x16e311['HukZh'],this['rightSide'][_0x3381ac(0x198)]['position']=_0x16e311[_0x3381ac(0x17b)],this[_0x3381ac(0x11f)][_0x3381ac(0x198)][_0x3381ac(0x159)]=_0x445d5b['right']+0x8+'px';;this[_0x3381ac(0x11f)]['style']['top']=_0x16e311[_0x3381ac(0x18e)],this['rightSide']['style'][_0x3381ac(0xed)]=_0x16e311[_0x3381ac(0x166)],this['rightSide'][_0x3381ac(0x198)]['height']=_0x16e311[_0x3381ac(0x1c2)],this[_0x3381ac(0x11f)][_0x3381ac(0x198)][_0x3381ac(0x150)]=_0x16e311[_0x3381ac(0x176)],this['screenshotModal']['style'][_0x3381ac(0x150)]=_0x16e311['BdcRs'];},this['handleMouseClickedSelectedElement']=_0x1037e8=>{const _0xb6cc46=_0x40cbe5;_0x1037e8[_0xb6cc46(0x1ce)]();if(this[_0xb6cc46(0x122)])this[_0xb6cc46(0x122)][_0xb6cc46(0x190)][_0xb6cc46(0x12c)](_0x16e311[_0xb6cc46(0x13d)]);let _0x1d6e91=this['elementSelected'][_0xb6cc46(0x1a4)]()[_0xb6cc46(0x12d)];this['elementSelected'][_0xb6cc46(0x198)][_0xb6cc46(0x12d)]=_0x16e311[_0xb6cc46(0x1c8)](_0x1d6e91,window[_0xb6cc46(0x141)])+'px';const _0x55aacc=this['elementSelected'][_0xb6cc46(0x1b5)](!![]);document[_0xb6cc46(0x140)]['appendChild'](_0x55aacc),this[_0xb6cc46(0x122)][_0xb6cc46(0x198)]['top']=_0x1d6e91+'px',this[_0xb6cc46(0xe9)]=_0x594d05['toPng'](document['body'],{'cacheBust':!![]})[_0xb6cc46(0x18f)](function(_0x42ba36){const _0x37d545=_0xb6cc46;return document[_0x37d545(0x140)][_0x37d545(0x1a5)](_0x55aacc),_0x42ba36;})[_0xb6cc46(0x1df)](function(_0x5337eb){const _0x305c87=_0xb6cc46;return console[_0x305c87(0xd9)](_0x16e311[_0x305c87(0x1dc)],_0x5337eb),'';});const _0x238a7a=document[_0xb6cc46(0x19c)]('html')[0x0];_0x238a7a[_0xb6cc46(0x198)][_0xb6cc46(0x1c0)]=_0xb6cc46(0x10e),this[_0xb6cc46(0x123)]=!![],this[_0xb6cc46(0x1dd)]['style'][_0xb6cc46(0x162)]=_0x16e311['tZorz'],this[_0xb6cc46(0xdf)]=!![];},this[_0x40cbe5(0x14f)]=![],this[_0x40cbe5(0x106)]='',this['formEmail']='',this['formSuccess']=![],this[_0x40cbe5(0x15e)]=![],this[_0x40cbe5(0xde)]=0x1f4,this[_0x40cbe5(0xe9)]=undefined,this[_0x40cbe5(0x163)]=_0x16e311[_0x40cbe5(0x186)],this['modalTitleSuccess']=_0x16e311[_0x40cbe5(0x1a1)],this[_0x40cbe5(0x1e0)]=_0x16e311[_0x40cbe5(0x1cc)],this['modalTitleError403']=_0x40cbe5(0x1be),this[_0x40cbe5(0x13b)]=_0x16e311[_0x40cbe5(0x115)],this['modalPosition']=_0x16e311[_0x40cbe5(0x14d)],this[_0x40cbe5(0x127)]=_0x16e311['msedN'],this[_0x40cbe5(0xf6)]='',this['screenshotButtonTooltipText']=_0x16e311['pbLVo'],this[_0x40cbe5(0xee)]=_0x16e311[_0x40cbe5(0x104)],this[_0x40cbe5(0x1ac)]='',this[_0x40cbe5(0xff)]=_0x16e311['OvWtJ'],this[_0x40cbe5(0x130)]=_0x40cbe5(0x153),this[_0x40cbe5(0xdf)]=![],this['showScreenshotMode']=![],this[_0x40cbe5(0x123)]=![],this[_0x40cbe5(0x137)]=![];}[_0x538b3b(0x197)](){const _0xdf3142=_0x538b3b;this[_0xdf3142(0x17d)]=this['email'];}[_0x538b3b(0x164)](){const _0x16384a=_0x538b3b,_0x18ee7e={'hNKCi':_0x16384a(0x1ba),'lycwk':_0x16384a(0xdd)},_0x2fea1=document[_0x16384a(0x19c)](_0x18ee7e[_0x16384a(0xf2)])[0x0];_0x2fea1[_0x16384a(0x198)][_0x16384a(0x1c0)]=_0x18ee7e['lycwk'];}[_0x538b3b(0x155)](_0x32e4fb){const _0x1de91f=_0x538b3b;this[_0x1de91f(0x106)]=_0x32e4fb[_0x1de91f(0x16f)][_0x1de91f(0x136)];}[_0x538b3b(0x144)](_0x35c965){const _0x361132=_0x538b3b;this[_0x361132(0x17d)]=_0x35c965['target'][_0x361132(0x136)];}[_0x538b3b(0x175)](){const _0x463dac=_0x538b3b,_0x26d35e={'SaOBZ':function(_0x1960ae,_0x29c63c,_0xd82297,_0x4cef36,_0x46314f){return _0x1960ae(_0x29c63c,_0xd82297,_0x4cef36,_0x46314f);},'EtRZB':'feedback-modal-wrapper','DwNkj':'div','DlrZm':'feedback-modal-screenshot','LaFsr':function(_0x446855,_0xfa315c,_0x1c1fb9){return _0x446855(_0xfa315c,_0x1c1fb9);},'RMMJE':'feedback-modal-screenshot-element-selected','iRopn':_0x463dac(0xfb),'EPHGH':'left-side','RmzkT':function(_0x433a0e,_0x223933,_0x216eb6){return _0x433a0e(_0x223933,_0x216eb6);},'EJnHi':_0x463dac(0x1db),'NpNEa':_0x463dac(0x1ab),'qgVeC':function(_0x195ea6,_0xf85b17,_0x559b44,_0x1dd497,_0x286563){return _0x195ea6(_0xf85b17,_0x559b44,_0x1dd497,_0x286563);},'bMSzb':'feedback-modal-screenshot-header','Glvju':function(_0x284254,_0x465c0e,_0x2fb832,_0xc75cae){return _0x284254(_0x465c0e,_0x2fb832,_0xc75cae);},'NkMpB':'span','IXdsM':function(_0x3f64ad,_0x287a33,_0x56256b,_0x5c05df){return _0x3f64ad(_0x287a33,_0x56256b,_0x5c05df);},'ItmDU':'http://www.w3.org/2000/svg','zPFIt':_0x463dac(0x135),'cQqoi':_0x463dac(0x18d),'gpQKg':'#fff','PZRAx':_0x463dac(0xf8),'yxSxs':_0x463dac(0x1a3),'etsRV':_0x463dac(0x14c),'DzczR':function(_0x5677c7,_0x426d8e,_0xc34506){return _0x5677c7(_0x426d8e,_0xc34506);},'uLlLu':_0x463dac(0x199),'YuSlt':function(_0x2449ce,_0x570534,_0x5892ca,_0x5acb6d,_0x13b420,_0x2d318f){return _0x2449ce(_0x570534,_0x5892ca,_0x5acb6d,_0x13b420,_0x2d318f);},'FgPAC':function(_0x390ad5,_0x76226d,_0x47b15e,_0x505ba6,_0x1e33f4){return _0x390ad5(_0x76226d,_0x47b15e,_0x505ba6,_0x1e33f4);},'zyMfB':_0x463dac(0x1b8),'iZOdX':function(_0x63e19a,_0x55e5e2,_0x5d534b,_0x36f17e){return _0x63e19a(_0x55e5e2,_0x5d534b,_0x36f17e);},'zHXKI':_0x463dac(0x118),'PueWO':function(_0x4923ed,_0x56e184){return _0x4923ed==_0x56e184;},'HJyIM':function(_0x49cb32,_0x559741){return _0x49cb32==_0x559741;},'rrcHV':function(_0x4809a7,_0x33f798,_0x564bdd,_0x3409e2){return _0x4809a7(_0x33f798,_0x564bdd,_0x3409e2);},'HwgMZ':'button','Yvvwh':'feedback-modal-close','TKywT':_0x463dac(0xfc),'fJqQI':'#ccc','GDpMa':function(_0x7fac5e,_0x20d450,_0x3f17d2,_0x5d3d5b){return _0x7fac5e(_0x20d450,_0x3f17d2,_0x5d3d5b);},'yjuUW':_0x463dac(0x1d4),'PnfDz':function(_0x1239cf,_0x4f4c88,_0x51d4b2){return _0x1239cf(_0x4f4c88,_0x51d4b2);},'pnvGm':'input','VBavC':'email','SqOnI':function(_0x208786,_0x5c8ac5,_0x51e828,_0x1423ad){return _0x208786(_0x5c8ac5,_0x51e828,_0x1423ad);},'yUYIu':'\x20active','jBlnO':function(_0xff8b2e,_0x33e981,_0x27a0fb,_0x2a62a8,_0x2329fe){return _0xff8b2e(_0x33e981,_0x27a0fb,_0x2a62a8,_0x2329fe);},'ZKLSU':_0x463dac(0x105),'MyhLz':_0x463dac(0x138),'DCHjg':function(_0x4aaf91,_0x541723,_0x4c616d){return _0x4aaf91(_0x541723,_0x4c616d);},'BDGab':_0x463dac(0x126),'NTlPx':'M23\x2019a2\x202\x200\x200\x201-2\x202H3a2\x202\x200\x200\x201-2-2V8a2\x202\x200\x200\x201\x202-2h4l2-3h6l2\x203h4a2\x202\x200\x200\x201\x202\x202z','iJpMM':function(_0xf963e1,_0x3f3bd6,_0x4e3177){return _0xf963e1(_0x3f3bd6,_0x4e3177);},'pJlRU':_0x463dac(0xf4),'KnaoZ':'submit','WWXVo':function(_0x4db22b,_0x4cf0b4,_0x5e664d,_0x1b066e,_0x3e2229){return _0x4db22b(_0x4cf0b4,_0x5e664d,_0x1b066e,_0x3e2229);},'GMHqv':_0x463dac(0xe7),'dciYx':function(_0x1913da,_0x104a85,_0x4b48d4,_0x2c362a){return _0x1913da(_0x104a85,_0x4b48d4,_0x2c362a);},'Rsrhm':'defs','hVQhx':_0x463dac(0x193),'kmFjH':_0x463dac(0x16c),'RPenZ':_0x463dac(0x1ca),'CUYCq':'79.941%','IvlQf':'footer-logo','JkyBe':'stop','ZsmoM':_0x463dac(0x18b),'nnfVj':'#81E6D9','SGKdR':_0x463dac(0x1a8),'tNYts':'#338CF5','GViEa':_0x463dac(0x17a),'TViPN':_0x463dac(0x112),'HivVr':_0x463dac(0x151),'HYeXM':function(_0xbdd2f4,_0x4a48ca,_0x5975f0,_0x259c9d){return _0xbdd2f4(_0x4a48ca,_0x5975f0,_0x259c9d);},'FwGPr':_0x463dac(0x1b1)};return _0x26d35e[_0x463dac(0xdb)](h,_0x463dac(0xd2),{'class':_0x26d35e[_0x463dac(0x13e)]},this[_0x463dac(0x1ae)]&&h(_0x26d35e[_0x463dac(0xd7)],{'class':_0x26d35e[_0x463dac(0x117)],'ref':_0x5bbef2=>this['screenshotModal']=_0x5bbef2,'onMouseMove':this[_0x463dac(0x1cf)]},_0x26d35e[_0x463dac(0x1d5)](h,_0x26d35e[_0x463dac(0xd7)],{'class':_0x26d35e[_0x463dac(0xfd)],'ref':_0x4ad6c0=>this[_0x463dac(0x122)]=_0x4ad6c0,'onClick':this['handleMouseClickedSelectedElement']}),h(_0x26d35e[_0x463dac(0xd7)],{'class':_0x26d35e[_0x463dac(0x156)],'ref':_0x470d71=>this[_0x463dac(0x107)]=_0x470d71}),_0x26d35e['LaFsr'](h,_0x463dac(0xd2),{'class':_0x26d35e[_0x463dac(0x1ad)],'ref':_0x37b91c=>this[_0x463dac(0x174)]=_0x37b91c}),_0x26d35e[_0x463dac(0x1c6)](h,_0x26d35e[_0x463dac(0xd7)],{'class':_0x26d35e[_0x463dac(0xd5)],'ref':_0x36c93c=>this[_0x463dac(0x169)]=_0x36c93c}),_0x26d35e['LaFsr'](h,_0x26d35e[_0x463dac(0xd7)],{'class':_0x26d35e[_0x463dac(0x19a)],'ref':_0x5deebf=>this[_0x463dac(0x11f)]=_0x5deebf}),_0x26d35e[_0x463dac(0xdc)](h,_0x26d35e['DwNkj'],{'class':_0x26d35e['bMSzb'],'onClick':this[_0x463dac(0x19f)]},_0x26d35e['Glvju'](h,_0x26d35e['NkMpB'],null,this[_0x463dac(0xee)]),_0x26d35e[_0x463dac(0x192)](h,_0x26d35e[_0x463dac(0x114)],{'class':'feedback-modal-screenshot-close'},_0x26d35e[_0x463dac(0xdc)](h,'svg',{'xmlns':_0x26d35e['ItmDU'],'width':'24','height':'24','viewBox':_0x26d35e[_0x463dac(0x1cd)],'fill':_0x26d35e[_0x463dac(0x1a6)],'stroke':_0x26d35e[_0x463dac(0x19b)],'stroke-width':'2','stroke-linecap':_0x26d35e[_0x463dac(0x119)],'stroke-linejoin':_0x26d35e[_0x463dac(0x119)],'class':_0x26d35e['yxSxs']},h(_0x26d35e['etsRV'],{'x1':'18','y1':'6','x2':'6','y2':'18'}),_0x26d35e['DzczR'](h,_0x26d35e['etsRV'],{'x1':'6','y1':'6','x2':'18','y2':'18'})))),_0x26d35e[_0x463dac(0x1d5)](h,_0x26d35e['DwNkj'],{'class':_0x26d35e[_0x463dac(0x101)],'ref':_0x4af047=>this[_0x463dac(0x1dd)]=_0x4af047})),this[_0x463dac(0xdf)]&&_0x26d35e['YuSlt'](h,_0x26d35e[_0x463dac(0xd7)],{'class':_0x463dac(0x102)+this[_0x463dac(0x15b)],'ref':_0x5c6c4b=>this[_0x463dac(0xd4)]=_0x5c6c4b},_0x26d35e['FgPAC'](h,_0x463dac(0xd2),{'class':_0x26d35e[_0x463dac(0x1d1)]},!this['formSuccess']&&!this[_0x463dac(0x15e)]?h(_0x463dac(0x1d8),null,this[_0x463dac(0x163)]):this[_0x463dac(0x11c)]?_0x26d35e['iZOdX'](h,_0x26d35e[_0x463dac(0x114)],{'class':_0x26d35e[_0x463dac(0x10d)]},this[_0x463dac(0xec)]):this['formError']&&_0x26d35e['PueWO'](this[_0x463dac(0xde)],0x1f4)?h(_0x26d35e[_0x463dac(0x114)],{'class':_0x26d35e[_0x463dac(0x10d)]},this[_0x463dac(0x1e0)]):this[_0x463dac(0x15e)]&&_0x26d35e['PueWO'](this['formErrorStatus'],0x193)?_0x26d35e['Glvju'](h,_0x463dac(0x1d8),{'class':_0x26d35e[_0x463dac(0x10d)]},this[_0x463dac(0x14a)]):this['formError']&&_0x26d35e['HJyIM'](this[_0x463dac(0xde)],0x194)?_0x26d35e[_0x463dac(0x15d)](h,_0x26d35e[_0x463dac(0x114)],{'class':_0x463dac(0x118)},this['modalTitleError404']):h(_0x26d35e[_0x463dac(0x114)],null),_0x26d35e['rrcHV'](h,_0x26d35e[_0x463dac(0x188)],{'class':_0x26d35e[_0x463dac(0xda)],'onClick':this[_0x463dac(0x17c)]},h(_0x26d35e[_0x463dac(0x11b)],{'xmlns':_0x26d35e[_0x463dac(0x191)],'width':'24','height':'24','viewBox':_0x26d35e[_0x463dac(0x1cd)],'fill':_0x26d35e[_0x463dac(0x1a6)],'stroke':_0x26d35e[_0x463dac(0x179)],'stroke-width':'2','stroke-linecap':_0x463dac(0xf8),'stroke-linejoin':_0x26d35e[_0x463dac(0x119)],'class':'feather\x20feather-x'},h(_0x26d35e[_0x463dac(0x1b3)],{'x1':'18','y1':'6','x2':'6','y2':'18'}),h(_0x26d35e[_0x463dac(0x1b3)],{'x1':'6','y1':'6','x2':'18','y2':'18'})))),_0x26d35e['IXdsM'](h,_0x26d35e[_0x463dac(0xd7)],{'class':_0x463dac(0x16e)},!this[_0x463dac(0x11c)]&&!this[_0x463dac(0x15e)]?h(_0x463dac(0x10f),{'onSubmit':this[_0x463dac(0xeb)]},_0x26d35e[_0x463dac(0x125)](h,_0x26d35e[_0x463dac(0xd7)],{'class':_0x463dac(0x1d2)},h('textarea',{'placeholder':this[_0x463dac(0x130)],'value':this[_0x463dac(0x106)],'onInput':_0x127fe1=>this[_0x463dac(0x155)](_0x127fe1),'required':!![]})),!this[_0x463dac(0x1ac)]&&_0x26d35e[_0x463dac(0x125)](h,_0x26d35e[_0x463dac(0xd7)],{'class':_0x26d35e[_0x463dac(0x142)]},_0x26d35e[_0x463dac(0x165)](h,_0x26d35e[_0x463dac(0xf3)],{'type':_0x26d35e['VBavC'],'placeholder':this['emailPlaceholder'],'onInput':_0x2a079c=>this[_0x463dac(0x144)](_0x2a079c),'value':this['formEmail']})),h(_0x26d35e[_0x463dac(0xd7)],{'class':_0x463dac(0x1bb)+(this['hideScreenshotButton']?_0x463dac(0x17e):'')},!this[_0x463dac(0x137)]&&_0x26d35e[_0x463dac(0x143)](h,_0x26d35e[_0x463dac(0x188)],{'type':_0x26d35e[_0x463dac(0x188)],'class':_0x463dac(0x170)+(this[_0x463dac(0xe9)]?_0x26d35e[_0x463dac(0x14e)]:''),'title':this[_0x463dac(0x168)],'onClick':this[_0x463dac(0x10c)],'disabled':this[_0x463dac(0x14f)]},_0x26d35e[_0x463dac(0x1b0)](h,_0x26d35e['TKywT'],{'xmlns':_0x26d35e['ItmDU'],'width':'24','height':'24','viewBox':_0x26d35e['zPFIt'],'fill':_0x26d35e['cQqoi'],'stroke':_0x26d35e[_0x463dac(0xef)],'stroke-width':'2','stroke-linecap':_0x26d35e[_0x463dac(0x119)],'stroke-linejoin':_0x26d35e[_0x463dac(0x119)],'class':_0x26d35e[_0x463dac(0x1b9)]},_0x26d35e['DCHjg'](h,_0x26d35e[_0x463dac(0x161)],{'d':_0x26d35e['NTlPx']}),_0x26d35e[_0x463dac(0xfe)](h,_0x26d35e['pJlRU'],{'cx':'12','cy':'13','r':'4'}))),_0x26d35e[_0x463dac(0x143)](h,_0x463dac(0x170),{'class':'button','type':_0x26d35e[_0x463dac(0x1c5)],'disabled':this['sending']},this[_0x463dac(0x127)]))):_0x26d35e[_0x463dac(0x1cb)](h,_0x463dac(0x1d8),null)),_0x26d35e['SqOnI'](h,_0x26d35e[_0x463dac(0xd7)],{'class':_0x463dac(0xe5)},h(_0x26d35e['DwNkj'],{'class':'feedback-logo'},_0x26d35e[_0x463dac(0x121)](h,_0x26d35e['TKywT'],{'class':_0x26d35e[_0x463dac(0x181)],'viewBox':_0x463dac(0x1bd),'xmlns':_0x26d35e[_0x463dac(0x191)]},_0x26d35e['dciYx'](h,_0x26d35e[_0x463dac(0x100)],null,_0x26d35e[_0x463dac(0xf0)](h,_0x26d35e[_0x463dac(0x145)],{'cx':_0x26d35e[_0x463dac(0x15c)],'cy':_0x26d35e['RPenZ'],'fx':_0x26d35e[_0x463dac(0x15c)],'fy':_0x463dac(0x1ca),'r':_0x26d35e['CUYCq'],'id':_0x26d35e[_0x463dac(0x1d3)]},_0x26d35e['RmzkT'](h,_0x26d35e[_0x463dac(0x1c4)],{'stop-color':_0x26d35e[_0x463dac(0x1b7)],'offset':'0%'}),_0x26d35e[_0x463dac(0xd8)](h,_0x26d35e[_0x463dac(0x1c4)],{'stop-color':_0x26d35e['nnfVj'],'offset':_0x26d35e[_0x463dac(0x1da)]}),h(_0x26d35e['JkyBe'],{'stop-color':_0x26d35e['tNYts'],'offset':_0x26d35e[_0x463dac(0x13c)]}))),_0x26d35e['iJpMM'](h,_0x26d35e[_0x463dac(0x1c1)],{'width':'32','height':'32','rx':'16','fill':_0x26d35e['HivVr'],'fill-rule':_0x463dac(0x1af)})),'\x20',_0x26d35e[_0x463dac(0x18a)](h,'a',{'href':_0x26d35e['FwGPr']},_0x463dac(0xf7))))));}static get['is'](){const _0x163e0f=_0x538b3b,_0x35e925={'KNbIx':_0x163e0f(0x133)};return _0x35e925['KNbIx'];}static get['encapsulation'](){const _0x24b207=_0x538b3b,_0x412832={'KogtA':_0x24b207(0x109)};return _0x412832[_0x24b207(0x128)];}static get[_0x538b3b(0x195)](){const _0x135c79=_0x538b3b;return{'$':[_0x135c79(0xd6)]};}static get[_0x538b3b(0x16b)](){const _0x1d6fa4=_0x538b3b;return{'$':[_0x1d6fa4(0xd6)]};}static get[_0x538b3b(0x12e)](){const _0x4f5dd1=_0x538b3b,_0x10342b={'MydcN':_0x4f5dd1(0x147),'xppcK':'modal-title','AKsfo':_0x4f5dd1(0x16d),'onGHa':_0x4f5dd1(0x178),'xSyVB':_0x4f5dd1(0xe4),'hoUfr':'modal-title-error','KrDRD':_0x4f5dd1(0xe2),'hrafT':_0x4f5dd1(0x196),'kThcQ':_0x4f5dd1(0x19d),'LpeGZ':'\x22Oops!\x20We\x20could\x20not\x20find\x20the\x20provided\x20project\x20id\x20in\x20PushFeedback.\x22','BIqQk':_0x4f5dd1(0x157),'cyLip':'send-button-text','sXLVe':_0x4f5dd1(0xf1),'SjcyP':_0x4f5dd1(0x11d),'ptWkd':'\x27Take\x20a\x20Screenshot\x27','KiWwW':_0x4f5dd1(0xe0),'liIPm':_0x4f5dd1(0x1ac),'bElaF':'email-placeholder','zAcgI':'\x27Email\x20address\x20(optional)\x27','ZdoBN':_0x4f5dd1(0x152),'blLCc':_0x4f5dd1(0x167),'jarGc':_0x4f5dd1(0x139),'oTGZL':'show-modal','HqAMG':_0x4f5dd1(0x113),'RFzgF':_0x4f5dd1(0x10b),'ftPyv':_0x4f5dd1(0x183),'iWuOw':_0x4f5dd1(0x124)};return{'modalTitle':{'type':_0x10342b[_0x4f5dd1(0x10a)],'mutable':![],'complexType':{'original':'string','resolved':_0x4f5dd1(0x147),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x1d6)],'reflect':![],'defaultValue':_0x10342b[_0x4f5dd1(0x13a)]},'modalTitleSuccess':{'type':_0x10342b[_0x4f5dd1(0x10a)],'mutable':![],'complexType':{'original':_0x10342b['MydcN'],'resolved':_0x10342b[_0x4f5dd1(0x10a)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x1bc)],'reflect':![],'defaultValue':_0x10342b['xSyVB']},'modalTitleError':{'type':_0x4f5dd1(0x147),'mutable':![],'complexType':{'original':_0x10342b[_0x4f5dd1(0x10a)],'resolved':_0x10342b['MydcN'],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x108)],'reflect':![],'defaultValue':_0x10342b[_0x4f5dd1(0x17f)]},'modalTitleError403':{'type':_0x10342b[_0x4f5dd1(0x10a)],'mutable':![],'complexType':{'original':_0x10342b[_0x4f5dd1(0x10a)],'resolved':_0x10342b[_0x4f5dd1(0x10a)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0xe1)],'reflect':![],'defaultValue':_0x4f5dd1(0x129)},'modalTitleError404':{'type':_0x10342b['MydcN'],'mutable':![],'complexType':{'original':_0x4f5dd1(0x147),'resolved':_0x4f5dd1(0x147),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x180)],'reflect':![],'defaultValue':_0x10342b[_0x4f5dd1(0x14b)]},'modalPosition':{'type':_0x10342b[_0x4f5dd1(0x10a)],'mutable':![],'complexType':{'original':_0x10342b[_0x4f5dd1(0x10a)],'resolved':_0x10342b[_0x4f5dd1(0x10a)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0xfa)],'reflect':![],'defaultValue':_0x4f5dd1(0x1a2)},'sendButtonText':{'type':_0x10342b[_0x4f5dd1(0x10a)],'mutable':![],'complexType':{'original':_0x10342b['MydcN'],'resolved':_0x10342b[_0x4f5dd1(0x10a)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x173)],'reflect':![],'defaultValue':_0x10342b[_0x4f5dd1(0x103)]},'project':{'type':_0x10342b['MydcN'],'mutable':![],'complexType':{'original':_0x10342b['MydcN'],'resolved':_0x4f5dd1(0x147),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x4f5dd1(0xf6),'reflect':![],'defaultValue':'\x27\x27'},'screenshotButtonTooltipText':{'type':_0x4f5dd1(0x147),'mutable':![],'complexType':{'original':_0x10342b[_0x4f5dd1(0x10a)],'resolved':_0x10342b[_0x4f5dd1(0x10a)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x1bf)],'reflect':![],'defaultValue':_0x10342b['ptWkd']},'screenshotTopbarText':{'type':_0x10342b[_0x4f5dd1(0x10a)],'mutable':![],'complexType':{'original':_0x10342b['MydcN'],'resolved':_0x10342b['MydcN'],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x4f5dd1(0x16a),'reflect':![],'defaultValue':_0x10342b['KiWwW']},'email':{'type':_0x10342b['MydcN'],'mutable':![],'complexType':{'original':_0x10342b[_0x4f5dd1(0x10a)],'resolved':_0x10342b[_0x4f5dd1(0x10a)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x11a)],'reflect':![],'defaultValue':'\x27\x27'},'emailPlaceholder':{'type':_0x4f5dd1(0x147),'mutable':![],'complexType':{'original':_0x4f5dd1(0x147),'resolved':_0x10342b[_0x4f5dd1(0x10a)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b['bElaF'],'reflect':![],'defaultValue':_0x10342b[_0x4f5dd1(0x149)]},'messagePlaceholder':{'type':_0x10342b[_0x4f5dd1(0x10a)],'mutable':![],'complexType':{'original':_0x4f5dd1(0x147),'resolved':_0x10342b[_0x4f5dd1(0x10a)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x189)],'reflect':![],'defaultValue':_0x10342b[_0x4f5dd1(0x1a9)]},'showModal':{'type':_0x10342b['jarGc'],'mutable':!![],'complexType':{'original':_0x10342b[_0x4f5dd1(0x1d0)],'resolved':_0x10342b[_0x4f5dd1(0x1d0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x1b6)],'reflect':!![],'defaultValue':'false'},'showScreenshotMode':{'type':_0x10342b[_0x4f5dd1(0x1d0)],'mutable':!![],'complexType':{'original':_0x4f5dd1(0x139),'resolved':_0x10342b[_0x4f5dd1(0x1d0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x120)],'reflect':!![],'defaultValue':_0x10342b[_0x4f5dd1(0x134)]},'hasSelectedElement':{'type':_0x10342b[_0x4f5dd1(0x1d0)],'mutable':!![],'complexType':{'original':_0x10342b[_0x4f5dd1(0x1d0)],'resolved':_0x10342b[_0x4f5dd1(0x1d0)],'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b['ftPyv'],'reflect':!![],'defaultValue':_0x10342b[_0x4f5dd1(0x134)]},'hideScreenshotButton':{'type':_0x10342b[_0x4f5dd1(0x1d0)],'mutable':![],'complexType':{'original':_0x10342b[_0x4f5dd1(0x1d0)],'resolved':_0x4f5dd1(0x139),'references':{}},'required':![],'optional':![],'docs':{'tags':[],'text':''},'attribute':_0x10342b[_0x4f5dd1(0x185)],'reflect':![],'defaultValue':_0x10342b[_0x4f5dd1(0x134)]}};}static get[_0x538b3b(0x1a0)](){return{'sending':{},'formMessage':{},'formEmail':{},'formSuccess':{},'formError':{},'formErrorStatus':{},'encodedScreenshot':{}};}}
+import { h } from '@stencil/core';
+import html2canvas from 'html2canvas';
+export class FeedbackModal {
+  constructor() {
+    this.handleSubmit = async (event) => {
+      event.preventDefault();
+      this.resetOverflow();
+      this.showScreenshotMode = false;
+      this.showModal = false;
+      this.sending = true;
+      try {
+        const res = await fetch('https://app.pushfeedback.com/api/feedback/', {
+          method: 'POST',
+          body: JSON.stringify({
+            url: window.location.href,
+            message: this.formMessage,
+            email: this.formEmail,
+            project: this.project,
+            screenshot: this.encodedScreenshot
+          }),
+          headers: {
+            'Content-Type': 'application/json'
+          }
+        });
+        if (res.status === 201) {
+          this.formSuccess = true;
+          this.formError = false;
+        }
+        else {
+          this.formSuccess = false;
+          this.formError = true;
+          this.formErrorStatus = res.status;
+        }
+      }
+      catch (error) {
+        console.log(error);
+        this.formSuccess = false;
+        this.formError = true;
+        this.formErrorStatus = 500;
+      }
+      finally {
+        this.sending = false;
+        this.showModal = true;
+      }
+    };
+    this.close = () => {
+      this.sending = false;
+      this.showModal = false;
+      this.showScreenshotMode = false;
+      this.hasSelectedElement = false;
+      this.encodedScreenshot = null;
+      this.formSuccess = false;
+      this.formError = false;
+      this.formErrorStatus = 500;
+      this.formMessage = '';
+      this.formEmail = '';
+      this.resetOverflow();
+    };
+    this.openScreenShot = () => {
+      this.hasSelectedElement = false;
+      this.showModal = false;
+      this.showScreenshotMode = true;
+      this.encodedScreenshot = null;
+      this.resetOverflow();
+    };
+    this.closeScreenShot = () => {
+      this.showModal = false;
+      this.showScreenshotMode = false;
+      this.hasSelectedElement = false;
+      this.encodedScreenshot = null;
+      this.overlay.style.display = 'none';
+      this.resetOverflow();
+    };
+    this.handleMouseOverScreenShot = (event) => {
+      event.preventDefault();
+      if (this.hasSelectedElement)
+        return;
+      this.overlay.style.display = 'none';
+      this.screenshotModal.style.display = 'none';
+      const elementUnder = document.elementFromPoint(event.clientX, event.clientY);
+      const rect = elementUnder.getBoundingClientRect();
+      this.screenshotModal.style.display = '';
+      // Get the bounding box of the element selected
+      this.elementSelected.style.position = "absolute";
+      this.elementSelected.style.left = `${rect.left}px`;
+      this.elementSelected.style.top = `${rect.top}px`;
+      this.elementSelected.style.width = `${rect.width}px`;
+      this.elementSelected.style.height = `${rect.height}px`;
+      this.elementSelected.classList.add('feedback-modal-element-hover');
+      // Set the background color of nonselected areas
+      // Top
+      this.topSide.style.position = "absolute";
+      this.topSide.style.left = `${rect.left}px`;
+      this.topSide.style.top = '0px';
+      this.topSide.style.width = `${rect.width + 8}px`;
+      this.topSide.style.height = `${rect.top}px`;
+      this.topSide.style.backgroundColor = "rgba(0, 0, 0, 0.3)";
+      // Left
+      this.leftSide.style.position = "absolute";
+      this.leftSide.style.left = '0px';
+      this.leftSide.style.top = '0px';
+      this.leftSide.style.width = `${rect.left}px`;
+      this.leftSide.style.height = '100vh';
+      this.leftSide.style.backgroundColor = "rgba(0, 0, 0, 0.3)";
+      // Bottom
+      this.bottomSide.style.position = "absolute";
+      this.bottomSide.style.left = `${rect.left}px`;
+      this.bottomSide.style.top = `${rect.bottom + 8}px`;
+      this.bottomSide.style.width = `${rect.width + 8}px`;
+      this.bottomSide.style.height = '100vh';
+      this.bottomSide.style.backgroundColor = "rgba(0, 0, 0, 0.3)";
+      // Right
+      this.rightSide.style.position = "absolute";
+      this.rightSide.style.left = `${rect.right + 8}px`;
+      ;
+      this.rightSide.style.top = '0px';
+      this.rightSide.style.width = '100%';
+      this.rightSide.style.height = '100vh';
+      this.rightSide.style.backgroundColor = "rgba(0, 0, 0, 0.3)";
+      // Restore the visibility of the screenshot-modal
+      this.screenshotModal.style.backgroundColor = 'transparent';
+    };
+    this.handleMouseClickedSelectedElement = (event) => {
+      event.preventDefault();
+      if (this.elementSelected) {
+        this.elementSelected.classList.add('feedback-modal-element-selected');
+      }
+      let top = this.elementSelected.getBoundingClientRect().top;
+      this.elementSelected.style.top = `${top + window.scrollY}px`;
+      const clonedElementSelected = this.elementSelected.cloneNode(true);
+      document.body.appendChild(clonedElementSelected);
+      this.elementSelected.style.top = `${top}px`;
+      html2canvas(document.body).then((canvas) => {
+        this.encodedScreenshot = canvas.toDataURL();
+        document.body.removeChild(clonedElementSelected);
+        const page = document.getElementsByTagName('html')[0];
+        page.style.overflow = 'hidden';
+        this.hasSelectedElement = true;
+        this.overlay.style.display = 'block';
+        this.showModal = true;
+      }).catch((error) => {
+        console.log(error);
+        return "";
+      });
+    };
+    this.sending = false;
+    this.formMessage = '';
+    this.formEmail = '';
+    this.formSuccess = false;
+    this.formError = false;
+    this.formErrorStatus = 500;
+    this.encodedScreenshot = undefined;
+    this.modalTitle = 'Share your feedback';
+    this.modalTitleSuccess = 'Thanks for your feedback!';
+    this.modalTitleError = "Oops! We didn't receive your feedback. Please try again later.";
+    this.modalTitleError403 = "Oops! The request URL does not match the one defined in PushFeedback for this project.";
+    this.modalTitleError404 = "Oops! We could not find the provided project id in PushFeedback.";
+    this.modalPosition = 'center';
+    this.sendButtonText = 'Send';
+    this.project = '';
+    this.screenshotButtonTooltipText = 'Take a Screenshot';
+    this.screenshotTopbarText = 'SELECT AN ELEMENT ON THE PAGE';
+    this.email = '';
+    this.emailPlaceholder = 'Email address (optional)';
+    this.messagePlaceholder = 'How could this page be more helpful?';
+    this.showModal = false;
+    this.showScreenshotMode = false;
+    this.hasSelectedElement = false;
+    this.hideScreenshotButton = false;
+  }
+  componentWillLoad() {
+    this.formEmail = this.email;
+  }
+  resetOverflow() {
+    const page = document.getElementsByTagName('html')[0];
+    page.style.overflow = 'inherit';
+  }
+  handleMessageInput(event) {
+    this.formMessage = event.target.value;
+  }
+  handleEmailInput(event) {
+    this.formEmail = event.target.value;
+  }
+  render() {
+    return (h("div", { class: "feedback-modal-wrapper" }, this.showScreenshotMode && (h("div", { class: "feedback-modal-screenshot", ref: el => (this.screenshotModal = el), onMouseMove: this.handleMouseOverScreenShot }, h("div", { class: "feedback-modal-screenshot-element-selected", ref: el => (this.elementSelected = el), onClick: this.handleMouseClickedSelectedElement }), h("div", { class: "top-side", ref: el => (this.topSide = el) }), h("div", { class: "left-side", ref: el => (this.leftSide = el) }), h("div", { class: "bottom-side", ref: el => (this.bottomSide = el) }), h("div", { class: "right-side", ref: el => (this.rightSide = el) }), h("div", { class: "feedback-modal-screenshot-header", onClick: this.closeScreenShot }, h("span", null, this.screenshotTopbarText), h("span", { class: "feedback-modal-screenshot-close" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { class: "feedback-modal-screenshot-overlay", ref: el => (this.overlay = el) }))), this.showModal && (h("div", { class: `feedback-modal-content feedback-modal-content--${this.modalPosition}`, ref: el => (this.modalContent = el) }, h("div", { class: "feedback-modal-header" }, !this.formSuccess && !this.formError ? (h("span", null, this.modalTitle)) : this.formSuccess ? (h("span", { class: "text-center" }, this.modalTitleSuccess)) : this.formError && this.formErrorStatus == 500 ? (h("span", { class: "text-center" }, this.modalTitleError)) : this.formError && this.formErrorStatus == 403 ? (h("span", { class: "text-center" }, this.modalTitleError403)) : this.formError && this.formErrorStatus == 404 ? (h("span", { class: "text-center" }, this.modalTitleError404)) : h("span", null), h("button", { class: "feedback-modal-close", onClick: this.close }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#ccc", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-x" }, h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { class: "feedback-modal-body" }, !this.formSuccess && !this.formError ? (h("form", { onSubmit: this.handleSubmit }, h("div", { class: "feedback-modal-text" }, h("textarea", { placeholder: this.messagePlaceholder, value: this.formMessage, onInput: (event) => this.handleMessageInput(event), required: true })), !this.email && (h("div", { class: "feedback-modal-email" }, h("input", { type: "email", placeholder: this.emailPlaceholder, onInput: (event) => this.handleEmailInput(event), value: this.formEmail }))), h("div", { class: `feedback-modal-buttons ${this.hideScreenshotButton ? 'single' : ''}` }, !this.hideScreenshotButton && (h("button", { type: "button", class: `button${this.encodedScreenshot ? " active" : ""}`, title: this.screenshotButtonTooltipText, onClick: this.openScreenShot, disabled: this.sending }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-camera" }, h("path", { d: "M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" }), h("circle", { cx: "12", cy: "13", r: "4" })))), h("button", { class: "button", type: "submit", disabled: this.sending }, this.sendButtonText)))) : h("span", null)), h("div", { class: "feedback-modal-footer" }, h("div", { class: "feedback-logo" }, h("svg", { class: "w-8 h-8", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg" }, h("defs", null, h("radialGradient", { cx: "21.152%", cy: "86.063%", fx: "21.152%", fy: "86.063%", r: "79.941%", id: "footer-logo" }, h("stop", { "stop-color": "#4FD1C5", offset: "0%" }), h("stop", { "stop-color": "#81E6D9", offset: "25.871%" }), h("stop", { "stop-color": "#338CF5", offset: "100%" }))), h("rect", { width: "32", height: "32", rx: "16", fill: "url(#footer-logo)", "fill-rule": "nonzero" })), " ", h("a", { href: "https://pushfeedback.com" }, "PushFeedback")))))));
+  }
+  static get is() { return "feedback-modal"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["feedback-modal.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["feedback-modal.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "modalTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title",
+        "reflect": false,
+        "defaultValue": "'Share your feedback'"
+      },
+      "modalTitleSuccess": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title-success",
+        "reflect": false,
+        "defaultValue": "'Thanks for your feedback!'"
+      },
+      "modalTitleError": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title-error",
+        "reflect": false,
+        "defaultValue": "\"Oops! We didn't receive your feedback. Please try again later.\""
+      },
+      "modalTitleError403": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title-error-4-0-3",
+        "reflect": false,
+        "defaultValue": "\"Oops! The request URL does not match the one defined in PushFeedback for this project.\""
+      },
+      "modalTitleError404": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-title-error-4-0-4",
+        "reflect": false,
+        "defaultValue": "\"Oops! We could not find the provided project id in PushFeedback.\""
+      },
+      "modalPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-position",
+        "reflect": false,
+        "defaultValue": "'center'"
+      },
+      "sendButtonText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "send-button-text",
+        "reflect": false,
+        "defaultValue": "'Send'"
+      },
+      "project": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "project",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "screenshotButtonTooltipText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "screenshot-button-tooltip-text",
+        "reflect": false,
+        "defaultValue": "'Take a Screenshot'"
+      },
+      "screenshotTopbarText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "screenshot-topbar-text",
+        "reflect": false,
+        "defaultValue": "'SELECT AN ELEMENT ON THE PAGE'"
+      },
+      "email": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "email",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "emailPlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "email-placeholder",
+        "reflect": false,
+        "defaultValue": "'Email address (optional)'"
+      },
+      "messagePlaceholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "message-placeholder",
+        "reflect": false,
+        "defaultValue": "'How could this page be more helpful?'"
+      },
+      "showModal": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-modal",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "showScreenshotMode": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-screenshot-mode",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "hasSelectedElement": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "has-selected-element",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "hideScreenshotButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-screenshot-button",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "sending": {},
+      "formMessage": {},
+      "formEmail": {},
+      "formSuccess": {},
+      "formError": {},
+      "formErrorStatus": {},
+      "encodedScreenshot": {}
+    };
+  }
+}

package/dist/collection/index.js

@@ -1 +1 @@
-(function(_0x59fc51,_0x38a345){var _0x21ca7a=_0x1774,_0x35577b=_0x59fc51();while(!![]){try{var _0x22c49e=-parseInt(_0x21ca7a(0x185))/0x1*(parseInt(_0x21ca7a(0x18a))/0x2)+-parseInt(_0x21ca7a(0x18b))/0x3*(-parseInt(_0x21ca7a(0x189))/0x4)+parseInt(_0x21ca7a(0x18e))/0x5*(parseInt(_0x21ca7a(0x188))/0x6)+parseInt(_0x21ca7a(0x18d))/0x7+-parseInt(_0x21ca7a(0x18c))/0x8+-parseInt(_0x21ca7a(0x184))/0x9+-parseInt(_0x21ca7a(0x187))/0xa*(-parseInt(_0x21ca7a(0x186))/0xb);if(_0x22c49e===_0x38a345)break;else _0x35577b['push'](_0x35577b['shift']());}catch(_0x41f66f){_0x35577b['push'](_0x35577b['shift']());}}}(_0x49d4,0xd659a));function _0x1774(_0x2d31b4,_0x3d02c8){var _0x49d4d5=_0x49d4();return _0x1774=function(_0x177430,_0x3bf1b5){_0x177430=_0x177430-0x184;var _0x25b8a5=_0x49d4d5[_0x177430];return _0x25b8a5;},_0x1774(_0x2d31b4,_0x3d02c8);}export*from'./components';function _0x49d4(){var _0x3066f6=['602738KWIvYi','15rbxfDG','9253144FkNLOS','8660281CMkbAL','115vMVyxS','11448567JbeVpu','2QovBNS','99LYmIHW','650290nClLvs','138786SVNyzf','1243972bopmQu'];_0x49d4=function(){return _0x3066f6;};return _0x49d4();}
+export * from './components';