From 20829961d8f3f5acee3fc67197da39be75b055e1 Mon Sep 17 00:00:00 2001 From: Philipp Dormann Date: Sat, 29 Aug 2020 18:32:34 +0200 Subject: [PATCH] minified build --- dist/mailymaily-min.js | 2 +- dist/mailymaily.js | 1073 ---------------------------------------- gulpfile.js | 12 +- index.html | 2 +- 4 files changed, 7 insertions(+), 1082 deletions(-) delete mode 100644 dist/mailymaily.js diff --git a/dist/mailymaily-min.js b/dist/mailymaily-min.js index 44117e5..acb0a0f 100644 --- a/dist/mailymaily-min.js +++ b/dist/mailymaily-min.js @@ -1 +1 @@ -var mailymailyApp=mailymailyApp||{};!function(t){var e=document.getElementsByTagName("html")[0],i=document.getElementsByTagName("body")[0],o=null,n=null,a=' ',l='',r=new Object;r.linkClass="mailymaily",r.autoClose=!0,r.disableOnMobile=!0,r.title="Neue E-Mail schreiben mit",r.buttonText1="Gmail",r.buttonText2="Outlook Web",r.buttonText4="Standardanwendung",r.buttonIcon1='',r.buttonIcon2='',r.buttonIcon3=a,r.buttonIcon4='',r.buttonIconCopy=l,r.buttonTextCopy="Kopieren",r.buttonTextCopyAction="Kopiert!";var c=0,s="auto";t.buildStyleTag=function(){var e=document.createElement("style"),i=".mailymaily-modal{background-color:#000;background-color:rgba(0,0,0,.4);bottom:0;color:#303131;display:none;height:100%;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.mailymaily-modal-content{-webkit-animation:mailymaily-appear .4s;animation:mailymaily-appear .4s;background-color:#f1f5f8;border-radius:8px;bottom:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);left:50%;max-height:calc(100% - 100px);overflow:auto;padding:0;position:fixed;right:-45%;top:50%;transform:translate(-50%,-50%)}.mailymaily-modal-content:focus,.mailymaily-modal-content:hover{overflow-y:auto}@media only screen and (min-width:768px){.mailymaily-modal-content{right:auto}}.mailymaily-modal-head{align-items:center;background-color:#fff;clear:both;display:flex;min-width:0;padding:10px 20px}.mailymaily-modal-title{color:#303131;flex:1;font-family:sans-serif;font-size:120%;font-weight:700;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.mailymaily-modal-close{color:#aaa;flex:initial;font-size:38px;margin-left:20px;position:relative;text-align:right;text-decoration:none;top:-4px}.mailymaily-modal-close:focus,.mailymaily-modal-close:hover{color:#000;cursor:pointer;font-weight:700;outline:0}.mailymaily-modal-body{height:100%;padding:20px}.mailymaily-button{color:#333;text-decoration:none}.mailymaily-button:focus{outline:0}.mailymaily-button:focus .mailymaily-button-content{background-color:#555;color:#fff}.mailymaily-button-content{background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.18);margin-bottom:20px;overflow:hidden;padding:15px 20px;text-overflow:ellipsis;white-space:nowrap}.mailymaily-button-content:hover{background-color:#555;color:#fff}.mailymaily-button:last-child .mailymaily-button-content{margin-bottom:0}.mailymaily-button-icon{display:inline-block;font-weight:700;position:relative;top:0}.mailymaily-button-icon svg{height:24px;width:24px}.mailymaily-button-text{display:inline-block;margin-left:0;position:relative;top:-2px;vertical-align:sub}.mailymaily-copy{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.18);height:59px;margin-top:20px;position:relative}.mailymaily-button-copy{background-color:#fff;border:none;border-bottom-left-radius:8px;border-top-left-radius:8px;bottom:21px;color:#333;font-size:100%;height:100%;left:0;overflow:false;padding:15px 20px;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:130px}.mailymaily-button-copy:focus,.mailymaily-button-copy:hover{background-color:#555;color:#fff;cursor:pointer;outline:0}.mailymaily-button-copy-clicked,.mailymaily-button-copy-clicked:focus,.mailymaily-button-copy-clicked:hover{background-color:#1f9d55;color:#fff}.mailymaily-button-copy-clicked .mailymaily-button-icon,.mailymaily-button-copy-clicked:focus .mailymaily-button-icon,.mailymaily-button-copy-clicked:hover .mailymaily-button-icon{display:none;visibility:hidden}.mailymaily-button-copy-clicked .mailymaily-button-text,.mailymaily-button-copy-clicked:focus .mailymaily-button-text,.mailymaily-button-copy-clicked:hover .mailymaily-button-text{color:#fff;top:2px}.mailymaily-email-address{background-color:#d8dcdf;border:none;border-radius:8px;box-shadow:unset;box-sizing:border-box;color:#48494a;font-size:100%;height:100%;overflow:hidden;padding:20px 20px 20px 140px;text-overflow:ellipsis;white-space:nowrap;width:100%}.mailymaily-brand{color:#888;font-size:80%;margin-top:20px;text-align:center}.mailymaily-brand a{color:#888}.mailymaily-brand a:focus,.mailymaily-brand a:hover{font-weight:700;outline:0}.mailymaily-no-scroll{overflow:hidden;position:fixed;width:100%}.mailymaily-is-hidden{display:none;visibility:hidden}@-webkit-keyframes mailymaily-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0,0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1,1)}}@keyframes mailymaily-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0,0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1,1)}}";return i=i.replace(/mailymaily/g,t.prefix()),e.setAttribute("id",t.prefix("-styles")),e.styleSheet?e.styleSheet.cssText=i:e.appendChild(document.createTextNode(i)),e},t.embedStyleTag=function(){if(!t.styleTagExists()){var e=document.head.firstChild;document.head.insertBefore(t.buildStyleTag(),e)}},t.styleTagExists=function(){return!!document.getElementById(t.prefix("-styles"))},t.buildModal=function(){var e=document.createElement("div"),i=`
${r.title}
×
${r.buttonIcon1}${r.buttonText1}
${r.buttonIcon2}${r.buttonText2}
${r.buttonIcon4}${r.buttonText4}
`;return i=i.replace(/mailymaily/g,t.prefix()),e.setAttribute("id",t.prefix("-modal")),e.setAttribute("class",t.prefix("-modal")),e.setAttribute("style","display: none;"),e.setAttribute("aria-hidden",!0),e.innerHTML=i,e},t.embedModal=function(){if(!t.modalExists()){var e=t.buildModal(),i=document.body.firstChild;document.body.insertBefore(e,i)}},t.modalExists=function(){return!!document.getElementById(t.prefix("-modal"))},t.getModal=function(e){return t.hydrateModal(e),document.getElementById(t.prefix("-modal"))},t.hydrateModal=function(e){var i=t.getEmail(e),o=t.getLinkField(e,"subject"),n=t.getLinkField(e,"cc"),a=t.getLinkField(e,"bcc"),l=t.getLinkField(e,"body");document.getElementById(t.prefix("-button-1")).href="https://mail.google.com/mail/?view=cm&fs=1&to="+i+"&su="+o+"&cc="+n+"&bcc="+a+"&body="+l,document.getElementById(t.prefix("-button-2")).href=`https://outlook.office.com/owa/?path=/mail/action/compose&to=${i}&subject=${o}&body=${l}`,document.getElementById(t.prefix("-button-4")).href=`mailto:${i}?subject=${o}&cc=${n}&bcc=${a}&body=${l}`,document.getElementById(t.prefix("-email-address")).innerHTML=i,document.getElementById(t.prefix("-button-icon-1")).innerHTML=r.buttonIcon1,document.getElementById(t.prefix("-button-icon-2")).innerHTML=r.buttonIcon2,document.getElementById(t.prefix("-button-icon-4")).innerHTML=r.buttonIcon4,document.getElementById(t.prefix("-button-icon-copy")).innerHTML=r.buttonIconCopy,t.toggleHideCopyUi(i)},t.savePageScrollPosition=function(){c=window.pageYOffset,i.style.top=-c+"px"},t.restorePageScrollPosition=function(){window.scrollTo(0,c),i.style.top=0},t.saveScrollBehavior=function(){s=e.style.scrollBehavior,e.style.scrollBehavior="auto"},t.restoreScrollBehavior=function(){e.style.scrollBehavior=s},t.saveLastDocElementFocused=function(){n=document.activeElement},t.openModal=function(e){r.disableOnMobile&&t.isMobileDevice()||(e.preventDefault(),t.saveLastDocElementFocused(),t.savePageScrollPosition(),t.saveScrollBehavior(),t.displayModal(e),t.hideModalFromScreenReader(!1),t.enablePageScrolling(!1),t.modalFocus(),t.triggerEvent(o,"open"))},t.displayModal=function(e){var i=t.getParentElement(e.target,"a");(o=t.getModal(i)).style.display="block"},t.modalFocus=function(){o.focusableChildren=Array.from(o.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])')),o.focusableChildren[1].focus()},t.closeModal=function(e){e.preventDefault(),t.hideModal(),t.enablePageScrolling(!0),t.restorePageScrollPosition(),t.restoreScrollBehavior(),t.docRefocus(),t.triggerEvent(o,"close")},t.hideModal=function(){t.hideModalFromScreenReader(!0),t.isDefined(o)&&(o.style.display="none")},t.hideModalFromScreenReader=function(e){t.isDefined(o)&&o.setAttribute("aria-hidden",e)},t.enablePageScrolling=function(o){o?(i.classList.remove(t.prefix("-no-scroll")),e.classList.remove(t.prefix("-no-scroll"))):(i.classList.add(t.prefix("-no-scroll")),e.classList.add(t.prefix("-no-scroll")))},t.docRefocus=function(){n.focus()},t.openClient=function(e,i){var o="_blank";t.isDefaultEmailAppButton(e)&&(o="_self"),window.open(e.href,o),t.triggerEvent(e,"compose"),r.autoClose&&t.closeModal(i)},t.isDefaultEmailAppButton=function(e){return e.id==t.prefix("-button-4")},t.getParentElement=function(t,e){for(;null!==t;){if(t.tagName.toUpperCase()==e.toUpperCase())return t;t=t.parentNode}return null},t.triggerEvent=function(t,e){var i=new Event(e);t.dispatchEvent(i)},t.isMobileDevice=function(){var t,e=!1;return t=navigator.userAgent||navigator.vendor||window.opera,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(e=!0),e},t.listenForEvents=function(){t.listenForClickOnLink(),t.listenForClickOnClient(),t.listenForClickOnCopy(),t.listenForClickOnClose(),t.listenForClickOnWindow(),t.listenForKeys()},t.listenForClickOnLink=function(){for(var e=document.getElementsByClassName(t.prefix()),i=0;i0&&(i[1]=e.replace(i[0]+"?","").trim()),i},t.getLinkField=function(e,i){var o=t.splitLink(e),n="",a=[],l=[];null!==o&&o.length>0&&(n=o[1]),null!==n&&n.length>0&&(a=(n=n.replace("%20&%20","%20%26%20")).split("&"));for(var r=0;r0&&(o=i[0]),decodeURIComponent(o)},t.getClassHideCopyUi=function(){return t.prefix("-is-hidden")},t.toggleHideCopyUi=function(e){var i=document.getElementById(t.prefix("-copy"));0==e.length?i.classList.add(t.getClassHideCopyUi()):i.classList.remove(t.getClassHideCopyUi())},t.toggleCopyButton=function(){button=document.getElementById(t.prefix("-button-copy")),buttonText=document.getElementById(t.prefix("-button-text-copy")),buttonText.innerHTML=r.buttonTextCopyAction,button.classList.add(t.prefix("-button-copy-clicked")),setTimeout(function(){buttonText.innerHTML=r.buttonTextCopy,button.classList.remove(t.prefix("-button-copy-clicked"))},600)},t.copy=function(e){e.preventDefault();var i=t.getParentElement(e.target,"button").getAttribute("data-copytargetid"),o=document.getElementById(i),n=document.createRange();n.selectNodeContents(o);var a=window.getSelection();a.removeAllRanges(),a.addRange(n),document.execCommand("copy"),t.triggerEvent(o,"copy"),t.toggleCopyButton()},t.isiOSDevice=function(){return navigator.userAgent.match(/ipad|iphone/i)},t.setOptions=function(e){if(e)var i=JSON.stringify(e);else i=t.getOptionsFromScriptTag();if(i&&i.trim().length>0)for(var o in i=JSON.parse(i),r)i.hasOwnProperty(o)&&(r[o]=t.sanitizeUserOption(o,i[o]))},t.sanitizeUserOption=function(e,i){return t.stringContains(e,"icon")?t.validateSvg(e,i):t.isString(i)?t.stripHtml(i):i},t.validateSvg=function(e,i){t.getSvg(e,i).then(function(o){if(!t.stringIsSvg(o.responseText))throw new Error(e+": "+i+" is not an SVG file.");if(t.stringHasScript(o.responseText))throw new Error(e+": "+i+" is an invalid SVG file.");r[e]=o.responseText}).catch(function(t){r[e]="buttonIconCopy"==e?l:a,console.log(t)})},t.loadSvg=function(t,e){return new Promise((t,i)=>{var o=new XMLHttpRequest;o.open("GET",e,!0),o.onload=function(e){200==o.status?t(o):i(o)},o.send()})},t.getSvg=async function(e,i){return await t.loadSvg(e,i)},t.isString=function(t){return"string"==typeof t},t.stripHtml=function(t){return t.replace(/(<([^>]+)>)/g,"")},t.stringContains=function(t,e){return-1!==t.toLowerCase().indexOf(e.toLowerCase())},t.stringIsSvg=function(t){return t.startsWith(" ',l='',r=new Object;r.linkClass="mailymaily",r.autoClose=!0,r.disableOnMobile=!0,r.title="Neue E-Mail schreiben mit",r.buttonText1="Gmail",r.buttonText2="Outlook Web",r.buttonText4="Standardanwendung",r.buttonIcon1='',r.buttonIcon2='',r.buttonIcon3=a,r.buttonIcon4='',r.buttonIconCopy=l,r.buttonTextCopy="Kopieren",r.buttonTextCopyAction="Kopiert!";var c=0,s="auto";t.buildStyleTag=function(){var e=document.createElement("style"),i=".mailymaily-modal{background-color:#000;background-color:rgba(0,0,0,.4);bottom:0;color:#303131;display:none;height:100%;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.mailymaily-modal-content{-webkit-animation:mailymaily-appear .4s;animation:mailymaily-appear .4s;background-color:#f1f5f8;border-radius:8px;bottom:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);left:50%;max-height:calc(100% - 100px);overflow:auto;padding:0;position:fixed;right:-45%;top:50%;transform:translate(-50%,-50%)}.mailymaily-modal-content:focus,.mailymaily-modal-content:hover{overflow-y:auto}@media only screen and (min-width:768px){.mailymaily-modal-content{right:auto}}.mailymaily-modal-head{align-items:center;background-color:#fff;clear:both;display:flex;min-width:0;padding:10px 20px}.mailymaily-modal-title{color:#303131;flex:1;font-family:sans-serif;font-size:120%;font-weight:700;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.mailymaily-modal-close{color:#aaa;flex:initial;font-size:38px;margin-left:20px;position:relative;text-align:right;text-decoration:none;top:-4px}.mailymaily-modal-close:focus,.mailymaily-modal-close:hover{color:#000;cursor:pointer;font-weight:700;outline:0}.mailymaily-modal-body{height:100%;padding:20px}.mailymaily-button{color:#333;text-decoration:none}.mailymaily-button:focus{outline:0}.mailymaily-button:focus .mailymaily-button-content{background-color:#555;color:#fff}.mailymaily-button-content{background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.18);margin-bottom:20px;overflow:hidden;padding:15px 20px;text-overflow:ellipsis;white-space:nowrap}.mailymaily-button-content:hover{background-color:#555;color:#fff}.mailymaily-button:last-child .mailymaily-button-content{margin-bottom:0}.mailymaily-button-icon{display:inline-block;font-weight:700;position:relative;top:0}.mailymaily-button-icon svg{height:24px;width:24px}.mailymaily-button-text{display:inline-block;margin-left:0;position:relative;top:-2px;vertical-align:sub}.mailymaily-copy{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.18);height:59px;margin-top:20px;position:relative}.mailymaily-button-copy{background-color:#fff;border:none;border-bottom-left-radius:8px;border-top-left-radius:8px;bottom:21px;color:#333;font-size:100%;height:100%;left:0;overflow:false;padding:15px 20px;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:130px}.mailymaily-button-copy:focus,.mailymaily-button-copy:hover{background-color:#555;color:#fff;cursor:pointer;outline:0}.mailymaily-button-copy-clicked,.mailymaily-button-copy-clicked:focus,.mailymaily-button-copy-clicked:hover{background-color:#1f9d55;color:#fff}.mailymaily-button-copy-clicked .mailymaily-button-icon,.mailymaily-button-copy-clicked:focus .mailymaily-button-icon,.mailymaily-button-copy-clicked:hover .mailymaily-button-icon{display:none;visibility:hidden}.mailymaily-button-copy-clicked .mailymaily-button-text,.mailymaily-button-copy-clicked:focus .mailymaily-button-text,.mailymaily-button-copy-clicked:hover .mailymaily-button-text{color:#fff;top:2px}.mailymaily-email-address{background-color:#d8dcdf;border:none;border-radius:8px;box-shadow:unset;box-sizing:border-box;color:#48494a;font-size:100%;height:100%;overflow:hidden;padding:20px 20px 20px 140px;text-overflow:ellipsis;white-space:nowrap;width:100%}.mailymaily-brand{color:#888;font-size:80%;margin-top:20px;text-align:center}.mailymaily-brand a{color:#888}.mailymaily-brand a:focus,.mailymaily-brand a:hover{font-weight:700;outline:0}.mailymaily-no-scroll{overflow:hidden;position:fixed;width:100%}.mailymaily-is-hidden{display:none;visibility:hidden}@-webkit-keyframes mailymaily-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0,0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1,1)}}@keyframes mailymaily-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0,0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1,1)}}";return i=i.replace(/mailymaily/g,t.prefix()),e.setAttribute("id",t.prefix("-styles")),e.styleSheet?e.styleSheet.cssText=i:e.appendChild(document.createTextNode(i)),e},t.embedStyleTag=function(){if(!t.styleTagExists()){var e=document.head.firstChild;document.head.insertBefore(t.buildStyleTag(),e)}},t.styleTagExists=function(){return!!document.getElementById(t.prefix("-styles"))},t.buildModal=function(){var e=document.createElement("div"),i=`
${r.title}
×
${r.buttonIcon1} ${r.buttonText1}
${r.buttonIcon2} ${r.buttonText2}
${r.buttonIcon4} ${r.buttonText4}
`;return i=i.replace(/mailymaily/g,t.prefix()),e.setAttribute("id",t.prefix("-modal")),e.setAttribute("class",t.prefix("-modal")),e.setAttribute("style","display: none;"),e.setAttribute("aria-hidden",!0),e.innerHTML=i,e},t.embedModal=function(){if(!t.modalExists()){var e=t.buildModal(),i=document.body.firstChild;document.body.insertBefore(e,i)}},t.modalExists=function(){return!!document.getElementById(t.prefix("-modal"))},t.getModal=function(e){return t.hydrateModal(e),document.getElementById(t.prefix("-modal"))},t.hydrateModal=function(e){var i=t.getEmail(e),o=t.getLinkField(e,"subject"),n=t.getLinkField(e,"cc"),a=t.getLinkField(e,"bcc"),l=t.getLinkField(e,"body");document.getElementById(t.prefix("-button-1")).href=`https://mail.google.com/mail/?view=cm&fs=1&to=${i}&su=${o}&cc=${n}&bcc=${a}&body=${l}`,document.getElementById(t.prefix("-button-2")).href=`https://outlook.office.com/owa/?path=/mail/action/compose&to=${i}&subject=${o}&body=${l}`,document.getElementById(t.prefix("-button-4")).href=`mailto:${i}?subject=${o}&cc=${n}&bcc=${a}&body=${l}`,document.getElementById(t.prefix("-email-address")).innerHTML=i,document.getElementById(t.prefix("-button-icon-1")).innerHTML=r.buttonIcon1,document.getElementById(t.prefix("-button-icon-2")).innerHTML=r.buttonIcon2,document.getElementById(t.prefix("-button-icon-4")).innerHTML=r.buttonIcon4,document.getElementById(t.prefix("-button-icon-copy")).innerHTML=r.buttonIconCopy,t.toggleHideCopyUi(i)},t.savePageScrollPosition=function(){c=window.pageYOffset,i.style.top=-c+"px"},t.restorePageScrollPosition=function(){window.scrollTo(0,c),i.style.top=0},t.saveScrollBehavior=function(){s=e.style.scrollBehavior,e.style.scrollBehavior="auto"},t.restoreScrollBehavior=function(){e.style.scrollBehavior=s},t.saveLastDocElementFocused=function(){n=document.activeElement},t.openModal=function(e){r.disableOnMobile&&t.isMobileDevice()||(e.preventDefault(),t.saveLastDocElementFocused(),t.savePageScrollPosition(),t.saveScrollBehavior(),t.displayModal(e),t.hideModalFromScreenReader(!1),t.enablePageScrolling(!1),t.modalFocus(),t.triggerEvent(o,"open"))},t.displayModal=function(e){var i=t.getParentElement(e.target,"a");(o=t.getModal(i)).style.display="block"},t.modalFocus=function(){o.focusableChildren=Array.from(o.querySelectorAll('a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])')),o.focusableChildren[1].focus()},t.closeModal=function(e){e.preventDefault(),t.hideModal(),t.enablePageScrolling(!0),t.restorePageScrollPosition(),t.restoreScrollBehavior(),t.docRefocus(),t.triggerEvent(o,"close")},t.hideModal=function(){t.hideModalFromScreenReader(!0),t.isDefined(o)&&(o.style.display="none")},t.hideModalFromScreenReader=function(e){t.isDefined(o)&&o.setAttribute("aria-hidden",e)},t.enablePageScrolling=function(o){o?(i.classList.remove(t.prefix("-no-scroll")),e.classList.remove(t.prefix("-no-scroll"))):(i.classList.add(t.prefix("-no-scroll")),e.classList.add(t.prefix("-no-scroll")))},t.docRefocus=function(){n.focus()},t.openClient=function(e,i){var o="_blank";t.isDefaultEmailAppButton(e)&&(o="_self"),window.open(e.href,o),t.triggerEvent(e,"compose"),r.autoClose&&t.closeModal(i)},t.isDefaultEmailAppButton=function(e){return e.id==t.prefix("-button-4")},t.getParentElement=function(t,e){for(;null!==t;){if(t.tagName.toUpperCase()==e.toUpperCase())return t;t=t.parentNode}return null},t.triggerEvent=function(t,e){var i=new Event(e);t.dispatchEvent(i)},t.isMobileDevice=function(){var t,e=!1;return t=navigator.userAgent||navigator.vendor||window.opera,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(e=!0),e},t.listenForEvents=function(){t.listenForClickOnLink(),t.listenForClickOnClient(),t.listenForClickOnCopy(),t.listenForClickOnClose(),t.listenForClickOnWindow(),t.listenForKeys()},t.listenForClickOnLink=function(){for(var e=document.getElementsByClassName(t.prefix()),i=0;i0&&(i[1]=e.replace(i[0]+"?","").trim()),i},t.getLinkField=function(e,i){var o=t.splitLink(e),n="",a=[],l=[];null!==o&&o.length>0&&(n=o[1]),null!==n&&n.length>0&&(a=(n=n.replace("%20&%20","%20%26%20")).split("&"));for(var r=0;r0&&(o=i[0]),decodeURIComponent(o)},t.getClassHideCopyUi=function(){return t.prefix("-is-hidden")},t.toggleHideCopyUi=function(e){var i=document.getElementById(t.prefix("-copy"));0==e.length?i.classList.add(t.getClassHideCopyUi()):i.classList.remove(t.getClassHideCopyUi())},t.toggleCopyButton=function(){button=document.getElementById(t.prefix("-button-copy")),buttonText=document.getElementById(t.prefix("-button-text-copy")),buttonText.innerHTML=r.buttonTextCopyAction,button.classList.add(t.prefix("-button-copy-clicked")),setTimeout(function(){buttonText.innerHTML=r.buttonTextCopy,button.classList.remove(t.prefix("-button-copy-clicked"))},600)},t.copy=function(e){e.preventDefault();var i=t.getParentElement(e.target,"button").getAttribute("data-copytargetid"),o=document.getElementById(i),n=document.createRange();n.selectNodeContents(o);var a=window.getSelection();a.removeAllRanges(),a.addRange(n),document.execCommand("copy"),t.triggerEvent(o,"copy"),t.toggleCopyButton()},t.isiOSDevice=function(){return navigator.userAgent.match(/ipad|iphone/i)},t.setOptions=function(e){if(e)var i=JSON.stringify(e);else i=t.getOptionsFromScriptTag();if(i&&i.trim().length>0)for(var o in i=JSON.parse(i),r)i.hasOwnProperty(o)&&(r[o]=t.sanitizeUserOption(o,i[o]))},t.sanitizeUserOption=function(e,i){return t.stringContains(e,"icon")?t.validateSvg(e,i):t.isString(i)?t.stripHtml(i):i},t.validateSvg=function(e,i){t.getSvg(e,i).then(function(o){if(!t.stringIsSvg(o.responseText))throw new Error(e+": "+i+" is not an SVG file.");if(t.stringHasScript(o.responseText))throw new Error(e+": "+i+" is an invalid SVG file.");r[e]=o.responseText}).catch(function(t){r[e]="buttonIconCopy"==e?l:a,console.log(t)})},t.loadSvg=function(t,e){return new Promise((t,i)=>{var o=new XMLHttpRequest;o.open("GET",e,!0),o.onload=function(e){200==o.status?t(o):i(o)},o.send()})},t.getSvg=async function(e,i){return await t.loadSvg(e,i)},t.isString=function(t){return"string"==typeof t},t.stripHtml=function(t){return t.replace(/(<([^>]+)>)/g,"")},t.stringContains=function(t,e){return-1!==t.toLowerCase().indexOf(e.toLowerCase())},t.stringIsSvg=function(t){return t.startsWith(" `; - - /** - * The svg icon for outlook web. - * @type {String} - */ - var outlookSvg = ``; - - /** - * The svg icon for gmail. - * @type {String} - */ - var gmailSvg = ``; - - /** - * The default svg icon for default email app button. - * @type {String} - */ - var uiSvg = ``; - - /** - * The default svg icon for copy button. - * @type {String} - */ - var clipboardSvg = ``; - - /** - * User options to change mailymaily's behavior and/or appearance. - * @type {Object} - */ - var options = new Object(); - - /** - * Allows for a custom class to namespace css classes. - * @type {String} - */ - options.linkClass = 'mailymaily'; - - /** - * When set to true, the modal is closed automatically when email client is clicked. - * @type {Boolean} - */ - options.autoClose = true; - - /** - * When set to true, the modal is not displayed on mobile devices, and the local email app is used automatically. - * @type {Boolean} - */ - options.disableOnMobile = true; - - /** - * The modal title. - * @type {String} - */ - options.title = 'Neue E-Mail schreiben mit'; - - /** - * Text for button 1. - * @type {String} - */ - options.buttonText1 = 'Gmail'; - - /** - * Text for button 2. - * @type {String} - */ - options.buttonText2 = 'Outlook Web'; - - /** - * Text for button 4. - * @type {String} - */ - options.buttonText4 = 'Standardanwendung'; - - /** - * URL of svg file used as icon for button 1. - * @type {String} - */ - options.buttonIcon1 = gmailSvg; - - /** - * URL of svg file used as icon for button 2. - * @type {String} - */ - options.buttonIcon2 = outlookSvg; - - /** - * URL of svg file used as icon for button 3. - * @type {String} - */ - options.buttonIcon3 = worldSvg; - - /** - * URL of svg file used as icon for button 4. - * @type {String} - */ - options.buttonIcon4 = uiSvg; - - /** - * URL of svg file used as icon for Copy button. - * @type {String} - */ - options.buttonIconCopy = clipboardSvg; - - /** - * Text for Copy button. - * @type {String} - */ - options.buttonTextCopy = 'Kopieren'; - - /** - * Text for Copy button when clicked. - * @type {String} - */ - options.buttonTextCopyAction = 'Kopiert!'; - - /** - * Keep track of the page's scroll position. - * @type {Number} - */ - var scrollPosition = 0; - - /** - * Keep track of the page's original scroll behavior. - * @type {String} - */ - var scrollBehavior = 'auto'; - - /** - * Build a style tag with default styling to be embedded on the page. - * - * @return {String} The style tag markup. - */ - app.buildStyleTag = function() { - var styleTag = document.createElement('style'); - var css = `.mailymaily-modal{background-color:#000;background-color:rgba(0,0,0,.4);bottom:0;color:#303131;display:none;height:100%;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.mailymaily-modal-content{-webkit-animation:mailymaily-appear .4s;animation:mailymaily-appear .4s;background-color:#f1f5f8;border-radius:8px;bottom:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);left:50%;max-height:calc(100% - 100px);overflow:auto;padding:0;position:fixed;right:-45%;top:50%;transform:translate(-50%,-50%)}.mailymaily-modal-content:focus,.mailymaily-modal-content:hover{overflow-y:auto}@media only screen and (min-width:768px){.mailymaily-modal-content{right:auto}}.mailymaily-modal-head{align-items:center;background-color:#fff;clear:both;display:flex;min-width:0;padding:10px 20px}.mailymaily-modal-title{color:#303131;flex:1;font-family:sans-serif;font-size:120%;font-weight:700;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.mailymaily-modal-close{color:#aaa;flex:initial;font-size:38px;margin-left:20px;position:relative;text-align:right;text-decoration:none;top:-4px}.mailymaily-modal-close:focus,.mailymaily-modal-close:hover{color:#000;cursor:pointer;font-weight:700;outline:0}.mailymaily-modal-body{height:100%;padding:20px}.mailymaily-button{color:#333;text-decoration:none}.mailymaily-button:focus{outline:0}.mailymaily-button:focus .mailymaily-button-content{background-color:#555;color:#fff}.mailymaily-button-content{background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.18);margin-bottom:20px;overflow:hidden;padding:15px 20px;text-overflow:ellipsis;white-space:nowrap}.mailymaily-button-content:hover{background-color:#555;color:#fff}.mailymaily-button:last-child .mailymaily-button-content{margin-bottom:0}.mailymaily-button-icon{display:inline-block;font-weight:700;position:relative;top:0}.mailymaily-button-icon svg{height:24px;width:24px}.mailymaily-button-text{display:inline-block;margin-left:0;position:relative;top:-2px;vertical-align:sub}.mailymaily-copy{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.18);height:59px;margin-top:20px;position:relative}.mailymaily-button-copy{background-color:#fff;border:none;border-bottom-left-radius:8px;border-top-left-radius:8px;bottom:21px;color:#333;font-size:100%;height:100%;left:0;overflow:false;padding:15px 20px;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:130px}.mailymaily-button-copy:focus,.mailymaily-button-copy:hover{background-color:#555;color:#fff;cursor:pointer;outline:0}.mailymaily-button-copy-clicked,.mailymaily-button-copy-clicked:focus,.mailymaily-button-copy-clicked:hover{background-color:#1f9d55;color:#fff}.mailymaily-button-copy-clicked .mailymaily-button-icon,.mailymaily-button-copy-clicked:focus .mailymaily-button-icon,.mailymaily-button-copy-clicked:hover .mailymaily-button-icon{display:none;visibility:hidden}.mailymaily-button-copy-clicked .mailymaily-button-text,.mailymaily-button-copy-clicked:focus .mailymaily-button-text,.mailymaily-button-copy-clicked:hover .mailymaily-button-text{color:#fff;top:2px}.mailymaily-email-address{background-color:#d8dcdf;border:none;border-radius:8px;box-shadow:unset;box-sizing:border-box;color:#48494a;font-size:100%;height:100%;overflow:hidden;padding:20px 20px 20px 140px;text-overflow:ellipsis;white-space:nowrap;width:100%}.mailymaily-brand{color:#888;font-size:80%;margin-top:20px;text-align:center}.mailymaily-brand a{color:#888}.mailymaily-brand a:focus,.mailymaily-brand a:hover{font-weight:700;outline:0}.mailymaily-no-scroll{overflow:hidden;position:fixed;width:100%}.mailymaily-is-hidden{display:none;visibility:hidden}@-webkit-keyframes mailymaily-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0,0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1,1)}}@keyframes mailymaily-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0,0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1,1)}}`; - css = css.replace(/mailymaily/g, app.prefix()); - - styleTag.setAttribute('id', app.prefix('-styles')); - - if (styleTag.styleSheet) { - // Required for IE8 and below. - styleTag.styleSheet.cssText = css; - } else { - styleTag.appendChild(document.createTextNode(css)); - } - - return styleTag; - }; - - /** - * Embed style tag on the page. - */ - app.embedStyleTag = function() { - if (app.styleTagExists()) { - return; - } - - var firstHeadChild = document.head.firstChild; - - document.head.insertBefore(app.buildStyleTag(), firstHeadChild); - }; - - /** - * Check if style tag has already been embedded on the page. - * - * @return {Boolean} True if style tag is already embedded. - */ - app.styleTagExists = function() { - if (document.getElementById(app.prefix('-styles'))) { - return true; - } - - return false; - }; - - /** - * Build the modal markup. - * - * @return {String} The modal markup. - */ - app.buildModal = function() { - var modal = document.createElement('div'); - var markup = `
${options.title}
×
${options.buttonIcon1} ${options.buttonText1}
${options.buttonIcon2} ${options.buttonText2}
${options.buttonIcon4} ${options.buttonText4}
`; - markup = markup.replace(/mailymaily/g, app.prefix()); - modal.setAttribute('id', app.prefix('-modal')); - modal.setAttribute('class', app.prefix('-modal')); - modal.setAttribute('style', 'display: none;'); - modal.setAttribute('aria-hidden', true); - modal.innerHTML = markup; - - return modal; - }; - - /** - * Embed modal on the page. - */ - app.embedModal = function() { - if (app.modalExists()) { - return; - } - - var modal = app.buildModal(); - var firstBodyChild = document.body.firstChild; - - document.body.insertBefore(modal, firstBodyChild); - }; - - /** - * Check if modal markup has already been embedded on page. - * - * @return {Boolean} True if modal markup ia already embedded. - */ - app.modalExists = function() { - if (document.getElementById(app.prefix('-modal'))) { - return true; - } - - return false; - }; - - /** - * Get modal populated with data from the given link. - * - * @param {Element} link The link that was clicked. - * @return {Element} The modal associated with the given link. - */ - app.getModal = function(link) { - app.hydrateModal(link); - - return document.getElementById(app.prefix('-modal')); - }; - - /** - * Populate current modal with data from the link that was clicked. - * - * @param {Element} link The link that was clicked. - */ - app.hydrateModal = function(link) { - var email = app.getEmail(link); - var subject = app.getLinkField(link, 'subject'); - var cc = app.getLinkField(link, 'cc'); - var bcc = app.getLinkField(link, 'bcc'); - var body = app.getLinkField(link, 'body'); - - var gmail = document.getElementById(app.prefix('-button-1')); - gmail.href = `https://mail.google.com/mail/?view=cm&fs=1&to=${email}&su=${subject}&cc=${cc}&bcc=${bcc}&body=${body}`; - - var outlook = document.getElementById(app.prefix('-button-2')); - outlook.href = `https://outlook.office.com/owa/?path=/mail/action/compose&to=${email}&subject=${subject}&body=${body}`; - - var defaultApp = document.getElementById(app.prefix('-button-4')); - defaultApp.href = `mailto:${email}?subject=${subject}&cc=${cc}&bcc=${bcc}&body=${body}`; - - var emailField = document.getElementById(app.prefix('-email-address')); - emailField.innerHTML = email; - - var buttonIcon1 = document.getElementById(app.prefix('-button-icon-1')); - buttonIcon1.innerHTML = options.buttonIcon1; - - var buttonIcon2 = document.getElementById(app.prefix('-button-icon-2')); - buttonIcon2.innerHTML = options.buttonIcon2; - - var buttonIcon4 = document.getElementById(app.prefix('-button-icon-4')); - buttonIcon4.innerHTML = options.buttonIcon4; - - var buttonIconCopy = document.getElementById(app.prefix('-button-icon-copy')); - buttonIconCopy.innerHTML = options.buttonIconCopy; - - app.toggleHideCopyUi(email); - }; - - /** - * When the modal is displayed, the "no-scroll" class sets the body's position to fixed. This has the - * side effect of the page getting scrolled to the top. To counter that, we need to save the scroll - * position when the modal is displayed, so it can be restored later on when the modal is closed. - */ - app.savePageScrollPosition = function() { - scrollPosition = window.pageYOffset; - body.style.top = -scrollPosition + 'px'; - }; - - /** - * When the modal is closed, we need to reset the page scroll position. Needed due to - * the position:fixed being set by the "no-scroll" class on the body element when - * the modal is open. Refer to savePageScrollPosition() method for details. - */ - app.restorePageScrollPosition = function() { - window.scrollTo(0, scrollPosition); - body.style.top = 0; - }; - - /** - * Save the page's current scroll behavior AND set it to auto, in case the current - * scroll behavior is set to smooth. This prevents smooth scrolling from showing - * when scrollPosition is restored via restorePageScrollPosition() method. - */ - app.saveScrollBehavior = function() { - scrollBehavior = html.style.scrollBehavior; - html.style.scrollBehavior = 'auto'; - }; - - /** - * Restore the original page scroll behavior saved by saveScrollBehavior(). - */ - app.restoreScrollBehavior = function() { - html.style.scrollBehavior = scrollBehavior; - }; - - /** - * Save the last doc element to have focus before displaying modal, - * so that we can reset focus to it when the modal is closed. - */ - app.saveLastDocElementFocused = function() { - lastDocElementFocused = document.activeElement; - }; - - /** - * Open modal. - * - * @param {Object} event The object created by the event. - */ - app.openModal = function(event) { - if (options.disableOnMobile && app.isMobileDevice()) { - return; - } - - event.preventDefault(); - - app.saveLastDocElementFocused(); - app.savePageScrollPosition(); - app.saveScrollBehavior(); - - app.displayModal(event); - - app.hideModalFromScreenReader(false); - app.enablePageScrolling(false); - app.modalFocus(); - app.triggerEvent(modal, 'open'); - }; - - /** - * Display modal and carry out other tasks needed when modal is open. - * - * @param {Object} event The object created by the event. - */ - app.displayModal = function(event) { - var link = app.getParentElement(event.target, 'a'); - modal = app.getModal(link); - modal.style.display = 'block'; - }; - - /** - * Set focus on the first button in the modal. - */ - app.modalFocus = function() { - modal.focusableChildren = Array.from(modal.querySelectorAll(focusable)); - modal.focusableChildren[1].focus(); - }; - - /** - * Close modal. - * - * @param {Object} event The object created by the event. - */ - app.closeModal = function(event) { - event.preventDefault(); - - app.hideModal(); - - app.enablePageScrolling(true); - app.restorePageScrollPosition(); - app.restoreScrollBehavior(); - app.docRefocus(); - app.triggerEvent(modal, 'close'); - }; - - /** - * Hide modal. - */ - app.hideModal = function() { - app.hideModalFromScreenReader(true); - - if (app.isDefined(modal)) { - modal.style.display = 'none'; - } - }; - - /** - * Set aria attributes to hide modal from screen readers. - * - * @param {Boolean} hidden True to hide modal from screen reader. False otherwise. - */ - app.hideModalFromScreenReader = function(hidden) { - if (app.isDefined(modal)) { - modal.setAttribute('aria-hidden', hidden); - } - }; - - /** - * Toggle a css class to enable/disable page scrolling. - * - * @param {Boolean} enabled True to enable page scrolling. False to disable it. - */ - app.enablePageScrolling = function(enabled) { - if (enabled) { - body.classList.remove(app.prefix('-no-scroll')); - html.classList.remove(app.prefix('-no-scroll')); - } else { - body.classList.add(app.prefix('-no-scroll')); - html.classList.add(app.prefix('-no-scroll')); - } - }; - - /** - * Set focus back on the last element focused on the page. - */ - app.docRefocus = function() { - lastDocElementFocused.focus(); - }; - - /** - * Open the given client link element. - * - * @param {Element} element The client link that was clicked. - * @param {Object} event The object created by the event. - */ - app.openClient = function(element, event) { - var target = '_blank'; - - if (app.isDefaultEmailAppButton(element)) { - target = '_self'; - } - - window.open(element.href, target); - - app.triggerEvent(element, 'compose'); - - if (options.autoClose) { - app.closeModal(event); - } - }; - - /** - * Determine if the given element is the Default Email App button. - * - * @param {Element} element The element to be checked. - * @return {Boolean} True if the given element's id corresponds to button 4. - */ - app.isDefaultEmailAppButton = function(element) { - return element.id == app.prefix('-button-4'); - }; - - /** - * When an anchor tag () contains other elements, the element returned can vary - * depending on where you click. We need to search up the DOM tree until we find - * the parent anchor tag, which is the element that was intended to be clicked. - * - * @param {Element} element The element that was clicked. - * @return {Element} The parent anchor tag of the element that was clicked. - */ - app.getParentElement = function(element, parentTag) { - while (element !== null) { - if (element.tagName.toUpperCase() == parentTag.toUpperCase()) { - return element; - } - - element = element.parentNode; - } - - return null; - }; - - /** - * Fire up an event for the given element. - * - * @param {Element} element Trigger event for this element. - * @param {String} eventName The name of the event to be triggered. - */ - app.triggerEvent = function(element, eventName) { - var event = new Event(eventName); - - element.dispatchEvent(event); - }; - - /** - * Check if device is a mobile phone or tablet. - */ - app.isMobileDevice = function() { - var check = false; - - (function(a) { - if ( - /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test( - a - ) || - /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test( - a.substr(0, 4) - ) - ) { - check = true; - } - })(navigator.userAgent || navigator.vendor || window.opera); - return check; - }; - - /** - * Listen for events. - */ - app.listenForEvents = function() { - app.listenForClickOnLink(); - app.listenForClickOnClient(); - app.listenForClickOnCopy(); - app.listenForClickOnClose(); - app.listenForClickOnWindow(); - app.listenForKeys(); - }; - - /** - * Listen for click event on mailto links. - */ - app.listenForClickOnLink = function() { - var links = document.getElementsByClassName(app.prefix()); - - for (var i = 0; i < links.length; i++) { - links[i].addEventListener( - 'click', - function(event) { - app.openModal(event); - }, - false - ); - } - }; - - /** - * Listen for click event on client links. - */ - app.listenForClickOnClient = function() { - var clients = document.getElementsByClassName(app.prefix('-button')); - - for (var i = 0; i < clients.length; i++) { - clients[i].addEventListener( - 'click', - function(event) { - event.preventDefault(); - event.stopPropagation(); - - var client = app.getParentElement(event.target, 'a'); - - app.openClient(client, event); - }, - false - ); - } - }; - - /** - * Listen for click event on Copy button. - */ - app.listenForClickOnCopy = function() { - var copyButton = document.getElementById(app.prefix('-button-copy')); - - copyButton.addEventListener( - 'click', - function(event) { - app.copy(event); - }, - false - ); - }; - - /** - * Listen for click event on Close button. - */ - app.listenForClickOnClose = function() { - var closeButton = document.getElementById(app.prefix('-modal-close')); - - closeButton.addEventListener( - 'click', - function(event) { - app.closeModal(event); - }, - false - ); - }; - - /** - * Listen for click event on window (to close modal). - */ - app.listenForClickOnWindow = function() { - window.addEventListener( - 'click', - function(event) { - var element = event.target; - - if (element !== null && element.classList.contains(app.prefix('-modal'))) { - app.closeModal(event); - } - }, - false - ); - }; - - /** - * Listen for keydown events to escape modal or tab within it. - */ - app.listenForKeys = function() { - document.addEventListener( - 'keydown', - function(event) { - app.escapeModal(event); - app.trapTabWithinModal(event); - }, - false - ); - }; - - /** - * Close modal when Esc key is pressed. - * - * @param {KeyboardEvent} event The event generated by pressing a key. - */ - app.escapeModal = function(event) { - if (event.keyCode === 27) { - app.closeModal(event); - } - }; - - /** - * Should not be able to tab outside the modal. Pressing the tab - * key moves focus to the next focusable element within modal. - * - * @param {KeyboardEvent} event The event generated by pressing a key. - */ - app.trapTabWithinModal = function(event) { - if (event.keyCode === 9 && modal !== null) { - var currentFocus = document.activeElement; - var totalFocusable = modal.focusableChildren.length; - var focusedIndex = modal.focusableChildren.indexOf(currentFocus); - - if (event.shiftKey) { - if (focusedIndex === 0) { - event.preventDefault(); - modal.focusableChildren[totalFocusable - 1].focus(); - } - } else { - if (focusedIndex == totalFocusable - 1) { - event.preventDefault(); - modal.focusableChildren[0].focus(); - } - } - } - }; - - /** - * Get all "mailymaily" links on the page. - * - * @return {HTMLCollection} All links with the class "mailymaily" (default). - */ - app.getLinks = function() { - return document.getElementsByClassName(app.prefix()); - }; - - /** - * Split the URL scheme of given link in two strings: the email address, and the - * key-value query string. Also remove 'mailto:' to get nice clean values. - * - * @param {Element} link The link element clicked. - * @return {Array} The two parts of the link scheme separated at '?'. - */ - app.splitLink = function(link) { - var scheme = link.href.replace('mailto:', '').trim(); - var parts = scheme.split('?', 1); - - if (parts !== null && parts.length > 0) { - parts[1] = scheme.replace(parts[0] + '?', '').trim(); - } - - return parts; - }; - - /** - * Extract the value of the given field from the link. - * - * @param {Element} link The link element clicked. - * @param {String} field The name of the field we want to get. - * @return {String} The value corresponding to the given field. - */ - app.getLinkField = function(link, field) { - var parts = app.splitLink(link); - var query = ''; - var terms = []; - var keyValues = []; - var value = ''; - - if (parts !== null && parts.length > 0) { - query = parts[1]; - } - - if (query !== null && query.length > 0) { - // Encode any instance of ' & ' inside field values to prevent spliting at the wrong place. - query = query.replace('%20&%20', '%20%26%20'); - - terms = query.split('&'); - } - - for (var i = 0; i < terms.length; i++) { - // Encode any instance of ' = ' inside field values to prevent spliting at the wrong place. - terms[i] = terms[i].replace('%20=%20', '%20%3D%20'); - - keyValues = terms[i].split('='); - - for (var n = 0; n < keyValues.length; n++) { - if (keyValues[0] == field) { - return keyValues[1]; - } - } - } - - return value; - }; - - /** - * Extract email address from mailto string. - * - * @param {Element} link The link element clicked. - * @return {String} The email address. - */ - app.getEmail = function(link) { - var parts = app.splitLink(link); - var email = ''; - - if (parts !== null && parts.length > 0) { - email = parts[0]; - } - - return decodeURIComponent(email); - }; - - /** - * Build and return the class name used to hide the Copy UI. - * - * @return {String} The CSS class name needed to hide the Copy UI. - */ - app.getClassHideCopyUi = function() { - return app.prefix('-is-hidden'); - }; - - /** - * Show or hide the Copy UI based on email address presence. - * - * @param {String} email The email address to be checked. - */ - app.toggleHideCopyUi = function(email) { - var copyUi = document.getElementById(app.prefix('-copy')); - - if (email.length == 0) { - copyUi.classList.add(app.getClassHideCopyUi()); - } else { - copyUi.classList.remove(app.getClassHideCopyUi()); - } - }; - - /** - * Set copy button text to indicate the email address has been copied. - */ - app.toggleCopyButton = function() { - button = document.getElementById(app.prefix('-button-copy')); - buttonText = document.getElementById(app.prefix('-button-text-copy')); - buttonText.innerHTML = options.buttonTextCopyAction; - button.classList.add(app.prefix('-button-copy-clicked')); - - setTimeout(function() { - buttonText.innerHTML = options.buttonTextCopy; - button.classList.remove(app.prefix('-button-copy-clicked')); - }, 600); - }; - - /** - * Copy email address to the clipboard. - * - * @param {String} event The event generated by clicking on Copy button. - */ - app.copy = function(event) { - event.preventDefault(); - - var targetId = app.getParentElement(event.target, 'button').getAttribute('data-copytargetid'); - var email = document.getElementById(targetId); - var range = document.createRange(); - - range.selectNodeContents(email); - - var selection = window.getSelection(); - selection.removeAllRanges(); - selection.addRange(range); - - document.execCommand('copy'); - app.triggerEvent(email, 'copy'); - - app.toggleCopyButton(); - }; - - /** - * Check if device is running iOS. - * - * @return {Boolean} True if device runs iOS. - */ - app.isiOSDevice = function() { - return navigator.userAgent.match(/ipad|iphone/i); - }; - - /** - * Get user options provided as an object parameter in the run - * method, or as a JSON string provided in a data attribute - * of the script tag. Save all in the options object. - * - * @param {Object} optionsObj An object containing user options. - */ - app.setOptions = function(optionsObj) { - if (optionsObj) { - var userOptions = JSON.stringify(optionsObj); - } else { - var userOptions = app.getOptionsFromScriptTag(); - } - - if (userOptions && userOptions.trim().length > 0) { - userOptions = JSON.parse(userOptions); - - for (var name in options) { - if (userOptions.hasOwnProperty(name)) { - options[name] = app.sanitizeUserOption(name, userOptions[name]); - } - } - } - }; - - /** - * Clean up given user options. - * - * @param {String} name The name of the user option to be sanitized. - * @param {mixed} value The value of the user option. - * @return {mixed} The sanitized value when applicable, or the original value. - */ - app.sanitizeUserOption = function(name, value) { - if (app.stringContains(name, 'icon')) { - return app.validateSvg(name, value); - } - - if (app.isString(value)) { - return app.stripHtml(value); - } - - return value; - }; - - /** - * Check svg file for possible problems or tampering. - * - * @param {String} name The name of an 'icon' user option (must exist in options array). - * @param {String} url The url to an svg file. - */ - app.validateSvg = function(name, url) { - app - .getSvg(name, url) - .then(function(promise) { - if (!app.stringIsSvg(promise.responseText)) { - throw new Error(name + ': ' + url + ' is not an SVG file.'); - } - - if (app.stringHasScript(promise.responseText)) { - throw new Error(name + ': ' + url + ' is an invalid SVG file.'); - } else { - options[name] = promise.responseText; - } - }) - .catch(function(error) { - if (name == 'buttonIconCopy') { - options[name] = clipboardSvg; - } else { - options[name] = worldSvg; - } - console.log(error); - }); - }; - - /** - * Load an svg file from the given url. - * - * @param {String} name The name of an 'icon' user option (must exist in options array). - * @param {String} url The url to an svg file. - * @return {Promise} The resolved or rejected promise after ajax call to load svg file. - */ - app.loadSvg = function(name, url) { - return new Promise((resolve, reject) => { - var ajax = new XMLHttpRequest(); - - ajax.open('GET', url, true); - - ajax.onload = function(event) { - if (ajax.status == 200) { - resolve(ajax); - } else { - reject(ajax); - } - }; - - ajax.send(); - }); - }; - - /** - * Async method to load svg file from given url. - * - * @param {String} name The name of an 'icon' user option (must exist in options array). - * @param {String} url The url to an svg file. - * @return {Promise} The Promise with the result returned by loadSvg(). - */ - app.getSvg = async function(name, url) { - return await app.loadSvg(name, url); - }; - - /** - * Check if given value is a string. - * - * @param {mixed} value The value to be checked. - * @return {Boolean} True if value is a string. False otherwise. - */ - app.isString = function(value) { - return typeof value === 'string'; - }; - - /** - * Remove html tags from given string. - * - * @param {String} text The string to be stripped. - * @return {String} The given string stripped off markup tags. - */ - app.stripHtml = function(text) { - return text.replace(/(<([^>]+)>)/g, ''); - }; - - /** - * Check if a string contains another string ("needle in a haystack"). - * - * @param {String} haystack The string where to search. - * @param {String} needle The string to search for. - * @return {Boolean} True if needle is found in haystack. False otherwise. - */ - app.stringContains = function(haystack, needle) { - return haystack.toLowerCase().indexOf(needle.toLowerCase()) !== -1; - }; - - /** - * Check if given string is an svg file. - * - * @param {String} text The string to be checked. - * @return {Boolean} True if string starts with ' tag. - * - * @param {String} text The string to be checked. - * @return {Boolean} True if given string contains + \ No newline at end of file