@@ -0,0 +1,951 @@
window [ "mailgo" ] =
/******/ ( function ( modules ) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = { } ;
/******/
/******/ // The require function
/******/ function _ _webpack _require _ _ ( moduleId ) {
/******/
/******/ // Check if module is in cache
/******/ if ( installedModules [ moduleId ] ) {
/******/ return installedModules [ moduleId ] . exports ;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules [ moduleId ] = {
/******/ i : moduleId ,
/******/ l : false ,
/******/ exports : { }
/******/ } ;
/******/
/******/ // Execute the module function
/******/ modules [ moduleId ] . call ( module . exports , module , module . exports , _ _webpack _require _ _ ) ;
/******/
/******/ // Flag the module as loaded
/******/ module . l = true ;
/******/
/******/ // Return the exports of the module
/******/ return module . exports ;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ _ _webpack _require _ _ . m = modules ;
/******/
/******/ // expose the module cache
/******/ _ _webpack _require _ _ . c = installedModules ;
/******/
/******/ // define getter function for harmony exports
/******/ _ _webpack _require _ _ . d = function ( exports , name , getter ) {
/******/ if ( ! _ _webpack _require _ _ . o ( exports , name ) ) {
/******/ Object . defineProperty ( exports , name , { enumerable : true , get : getter } ) ;
/******/ }
/******/ } ;
/******/
/******/ // define __esModule on exports
/******/ _ _webpack _require _ _ . r = function ( exports ) {
/******/ if ( typeof Symbol !== 'undefined' && Symbol . toStringTag ) {
/******/ Object . defineProperty ( exports , Symbol . toStringTag , { value : 'Module' } ) ;
/******/ }
/******/ Object . defineProperty ( exports , '__esModule' , { value : true } ) ;
/******/ } ;
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ _ _webpack _require _ _ . t = function ( value , mode ) {
/******/ if ( mode & 1 ) value = _ _webpack _require _ _ ( value ) ;
/******/ if ( mode & 8 ) return value ;
/******/ if ( ( mode & 4 ) && typeof value === 'object' && value && value . _ _esModule ) return value ;
/******/ var ns = Object . create ( null ) ;
/******/ _ _webpack _require _ _ . r ( ns ) ;
/******/ Object . defineProperty ( ns , 'default' , { enumerable : true , value : value } ) ;
/******/ if ( mode & 2 && typeof value != 'string' ) for ( var key in value ) _ _webpack _require _ _ . d ( ns , key , function ( key ) { return value [ key ] ; } . bind ( null , key ) ) ;
/******/ return ns ;
/******/ } ;
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ _ _webpack _require _ _ . n = function ( module ) {
/******/ var getter = module && module . _ _esModule ?
/******/ function getDefault ( ) { return module [ 'default' ] ; } :
/******/ function getModuleExports ( ) { return module ; } ;
/******/ _ _webpack _require _ _ . d ( getter , 'a' , getter ) ;
/******/ return getter ;
/******/ } ;
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ _ _webpack _require _ _ . o = function ( object , property ) { return Object . prototype . hasOwnProperty . call ( object , property ) ; } ;
/******/
/******/ // __webpack_public_path__
/******/ _ _webpack _require _ _ . p = "" ;
/******/
/******/
/******/ // Load entry module and return exports
/******/ return _ _webpack _require _ _ ( _ _webpack _require _ _ . s = 4 ) ;
/******/ } )
/************************************************************************/
/******/ ( [
/* 0 */
/***/ ( function ( module ) {
module . exports = JSON . parse ( "{\"languages\":[\"en\",\"it\"],\"translations\":{\"en\":{\"open_in\":\"open in \",\"cc_\":\"cc \",\"bcc_\":\"bcc \",\"subject_\":\"subject \",\"body_\":\"body \",\"gmail\":\"Gmail\",\"outlook\":\"Outlook\",\"telegram\":\"Telegram\",\"whatsapp\":\"WhatsApp\",\"skype\":\"Skype\",\"call\":\"call\",\"open\":\"open\",\"_default\":\" default\",\"_as_default\":\" as default\",\"copy\":\"copy\"},\"it\":{\"open_in\":\"apri con \",\"cc\":\"cc \",\"bcc\":\"ccn \",\"subject\":\"oggetto \",\"body\":\"testo \",\"gmail\":\"Gmail\",\"outlook\":\"Outlook\",\"telegram\":\"Telegram\",\"whatsapp\":\"WhatsApp\",\"skype\":\"Skype\",\"call\":\"chiama\",\"open\":\"apri\",\"_default\":\" \",\"_as_default\":\" \",\"copy\":\"copia\"}}}" ) ;
/***/ } ) ,
/* 1 */
/***/ ( function ( module , exports , _ _webpack _require _ _ ) {
var result = _ _webpack _require _ _ ( 2 ) ;
if ( typeof result === "string" ) {
module . exports = result ;
} else {
module . exports = result . toString ( ) ;
}
/***/ } ) ,
/* 2 */
/***/ ( function ( module , exports , _ _webpack _require _ _ ) {
// Imports
var _ _ _CSS _LOADER _API _IMPORT _ _ _ = _ _webpack _require _ _ ( 3 ) ;
exports = _ _ _CSS _LOADER _API _IMPORT _ _ _ ( false ) ;
// Module
exports . push ( [ module . i , ".m-modal{position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;font-size:15px;z-index:10000}.m-modal p,.m-modal span,.m-modal strong,.m-modal a{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";text-rendering:optimizeLegibility}.m-modal strong{font-weight:700}.m-modal .m-modal-back{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:rgba(32,35,42,0.75);opacity:0.8}.m-modal .m-modal-content{position:relative;z-index:10002;box-sizing:content-box;text-align:center;min-width:200px;max-width:240px;background-color:#fff;opacity:0.97;border-radius:8px;box-shadow:0px 3px 20px rgba(32,35,42,0.5);color:#4a4a4a;display:flex;flex-direction:column;overflow:auto;padding:20px;transition:0.5s box-shadow}.m-modal .m-modal-content:hover{opacity:1;box-shadow:0px 7px 20px rgba(32,35,42,0.85)}.m-modal .m-modal-content .m-title{margin-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.m-modal .m-modal-content .m-details{margin-bottom:10px}.m-modal .m-modal-content .m-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.m-modal .m-modal-content a{padding:10px;color:#4a4a4a;border-radius:8px;text-decoration:none}.m-modal .m-modal-content a.m-gmail{color:#d44638}.m-modal .m-modal-content a.m-gmail:hover{background-color:rgba(212,70,56,0.08);color:#d44638}.m-modal .m-modal-content a.m-outlook{color:#0072c6}.m-modal .m-modal-content a.m-outlook:hover{background-color:rgba(0,114,198,0.08);color:#0072c6}.m-modal .m-modal-content a.m-tg{color:#08c}.m-modal .m-modal-content a.m-tg:hover{background-color:rgba(0,114,198,0.08);color:#08c}.m-modal .m-modal-content a.m-wa{color:#00bfa5}.m-modal .m-modal-content a.m-wa:hover{background-color:rgba(0,191,165,0.08);color:#00bfa5}.m-modal .m-modal-content a.m-skype{color:#00aff0}.m-modal .m-modal-content a.m-skype:hover{background-color:rgba(0,175,240,0.08);color:#00aff0}.m-modal .m-modal-content a.m-copy{padding:16px 10px;font-size:16px}.m-modal .m-modal-content a.m-default:hover,.m-modal .m-modal-content a.m-copy:hover{background-color:rgba(0,0,0,0.08);color:#4a4a4a}.m-modal .m-modal-content a.m-by{font-size:8px;margin-top:0.8rem;padding:5px;color:#4a4a4a;opacity:0.5}.m-modal .m-modal-content a.m-by:hover{opacity:1}.m-modal .m-modal-content .w-500{font-weight:500}\n" , "" ] ) ;
// Exports
module . exports = exports ;
/***/ } ) ,
/* 3 */
/***/ ( function ( module , exports , _ _webpack _require _ _ ) {
"use strict" ;
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
// eslint-disable-next-line func-names
module . exports = function ( useSourceMap ) {
var list = [ ] ; // return the list of modules as css string
list . toString = function toString ( ) {
return this . map ( function ( item ) {
var content = cssWithMappingToString ( item , useSourceMap ) ;
if ( item [ 2 ] ) {
return "@media " . concat ( item [ 2 ] , " {" ) . concat ( content , "}" ) ;
}
return content ;
} ) . join ( '' ) ;
} ; // import a list of modules into the list
// eslint-disable-next-line func-names
list . i = function ( modules , mediaQuery , dedupe ) {
if ( typeof modules === 'string' ) {
// eslint-disable-next-line no-param-reassign
modules = [ [ null , modules , '' ] ] ;
}
var alreadyImportedModules = { } ;
if ( dedupe ) {
for ( var i = 0 ; i < this . length ; i ++ ) {
// eslint-disable-next-line prefer-destructuring
var id = this [ i ] [ 0 ] ;
if ( id != null ) {
alreadyImportedModules [ id ] = true ;
}
}
}
for ( var _i = 0 ; _i < modules . length ; _i ++ ) {
var item = [ ] . concat ( modules [ _i ] ) ;
if ( dedupe && alreadyImportedModules [ item [ 0 ] ] ) {
// eslint-disable-next-line no-continue
continue ;
}
if ( mediaQuery ) {
if ( ! item [ 2 ] ) {
item [ 2 ] = mediaQuery ;
} else {
item [ 2 ] = "" . concat ( mediaQuery , " and " ) . concat ( item [ 2 ] ) ;
}
}
list . push ( item ) ;
}
} ;
return list ;
} ;
function cssWithMappingToString ( item , useSourceMap ) {
var content = item [ 1 ] || '' ; // eslint-disable-next-line prefer-destructuring
var cssMapping = item [ 3 ] ;
if ( ! cssMapping ) {
return content ;
}
if ( useSourceMap && typeof btoa === 'function' ) {
var sourceMapping = toComment ( cssMapping ) ;
var sourceURLs = cssMapping . sources . map ( function ( source ) {
return "/*# sourceURL=" . concat ( cssMapping . sourceRoot || '' ) . concat ( source , " */" ) ;
} ) ;
return [ content ] . concat ( sourceURLs ) . concat ( [ sourceMapping ] ) . join ( '\n' ) ;
}
return [ content ] . join ( '\n' ) ;
} // Adapted from convert-source-map (MIT)
function toComment ( sourceMap ) {
// eslint-disable-next-line no-undef
var base64 = btoa ( unescape ( encodeURIComponent ( JSON . stringify ( sourceMap ) ) ) ) ;
var data = "sourceMappingURL=data:application/json;charset=utf-8;base64," . concat ( base64 ) ;
return "/*# " . concat ( data , " */" ) ;
}
/***/ } ) ,
/* 4 */
/***/ ( function ( module , _ _webpack _exports _ _ , _ _webpack _require _ _ ) {
"use strict" ;
// ESM COMPAT FLAG
_ _webpack _require _ _ . r ( _ _webpack _exports _ _ ) ;
// CONCATENATED MODULE: ../src/mailgo.ts
// i18n for mailgo
const i18n = _ _webpack _require _ _ ( 0 ) ;
// mailgo css
const mailgoCSS = _ _webpack _require _ _ ( 1 ) . toString ( ) ;
// default lang
const DEFAULT _LANG = "en" ;
// links
const MAILTO = "mailto:" ;
const TEL = "tel:" ;
const CALLTO = "callto:" ;
// mailgo types
const MAIL _TYPE = "mail" ;
const TEL _TYPE = "tel" ;
// default href for links
const DEFAULT _BTN _HREF = "javascript:void(0);" ;
// html tags
const span = "span" ;
// mailgo variables
let url , mail = "" , encEmail = "" , cc = "" , bcc = "" , subject = "" , bodyMail = "" ;
// mailgo tel variables
let tel = "" , msg = "" , telegramUsername = "" , skypeUsername = "" ;
// the DOM elements
let title , titleTel , detailCc , detailBcc , detailSubject , detailBody , ccValue , bccValue , subjectValue , bodyValue ;
// mailgo buttons (actions)
let gmail , outlook , mailgo _open , telegram , wa , skype , call , copyMail , copyTel ;
/**
* mailgoInit
* the function that creates the mailgo elements in DOM
*/
const mailgoInit = ( mailgoConfig ) => {
// default language
let lang = DEFAULT _LANG ;
// translations
let translations = i18n . translations ;
// if a default language is defined use it
if ( ( mailgoConfig === null || mailgoConfig === void 0 ? void 0 : mailgoConfig . defaultLang ) &&
i18n . languages . includes ( mailgoConfig . defaultLang ) ) {
lang = mailgoConfig . defaultLang ;
}
// if is defined <html lang=""> use it!
if ( ! ( mailgoConfig === null || mailgoConfig === void 0 ? void 0 : mailgoConfig . forceLang ) && document . documentElement . lang ) {
lang = document . documentElement . lang ;
}
// strings
let defaultStrings = translations [ DEFAULT _LANG ] ;
let strings = translations [ lang ] ;
// mailgo mail
{
// modal
let modal = createElement ( ) ;
modal . style . display = "none" ;
modal . id = "mailgo" ;
modal . classList . add ( "m-modal" ) ;
// background
let modalBackground = createElement ( ) ;
modalBackground . className = "m-modal-back" ;
modal . appendChild ( modalBackground ) ;
// modal content
let modalContent = createElement ( ) ;
modalContent . className = "m-modal-content" ;
modal . appendChild ( modalContent ) ;
// title (email address)
title = createElement ( "strong" ) ;
title . id = "m-title" ;
title . className = "m-title" ;
modalContent . appendChild ( title ) ;
// details
let details = createElement ( ) ;
details . id = "m-details" ;
details . className = "m-details" ;
detailCc = createElement ( "p" ) ;
detailCc . id = "m-cc" ;
let ccSpan = createElement ( span ) ;
ccSpan . className = "w-500" ;
ccSpan . appendChild ( createTextNode ( strings . cc || defaultStrings . cc ) ) ;
ccValue = createElement ( span ) ;
ccValue . id = "m-cc-value" ;
detailCc . appendChild ( ccSpan ) ;
detailCc . appendChild ( ccValue ) ;
details . appendChild ( detailCc ) ;
detailBcc = createElement ( "p" ) ;
detailBcc . id = "m-bcc" ;
let bccSpan = createElement ( span ) ;
bccSpan . className = "w-500" ;
bccSpan . appendChild ( createTextNode ( strings . bcc || defaultStrings . bcc ) ) ;
bccValue = createElement ( span ) ;
bccValue . id = "m-bcc-value" ;
detailBcc . appendChild ( bccSpan ) ;
detailBcc . appendChild ( bccValue ) ;
details . appendChild ( detailBcc ) ;
detailSubject = createElement ( "p" ) ;
detailSubject . id = "m-subject" ;
let subjectSpan = createElement ( span ) ;
subjectSpan . className = "w-500" ;
subjectSpan . appendChild ( createTextNode ( strings . subject || defaultStrings . subject ) ) ;
subjectValue = createElement ( span ) ;
subjectValue . id = "m-subject-value" ;
detailSubject . appendChild ( subjectSpan ) ;
detailSubject . appendChild ( subjectValue ) ;
details . appendChild ( detailSubject ) ;
detailBody = createElement ( "p" ) ;
detailBody . id = "m-body" ;
let bodySpan = createElement ( span ) ;
bodySpan . className = "w-500" ;
bodySpan . appendChild ( createTextNode ( strings . body || defaultStrings . body ) ) ;
bodyValue = createElement ( span ) ;
bodyValue . id = "m-body-value" ;
detailBody . appendChild ( bodySpan ) ;
detailBody . appendChild ( bodyValue ) ;
details . appendChild ( detailBody ) ;
modalContent . appendChild ( details ) ;
// Gmail
gmail = createElement ( "a" ) ;
gmail . id = "m-gmail" ;
gmail . href = DEFAULT _BTN _HREF ;
gmail . classList . add ( "m-open" ) ;
gmail . classList . add ( "m-gmail" ) ;
gmail . appendChild ( createTextNode ( strings . open _in || defaultStrings . open _in ) ) ;
let gmailSpan = createElement ( span ) ;
gmailSpan . className = "w-500" ;
gmailSpan . appendChild ( createTextNode ( strings . gmail || defaultStrings . gmail ) ) ;
gmail . appendChild ( gmailSpan ) ;
modalContent . appendChild ( gmail ) ;
// Outlook
outlook = createElement ( "a" ) ;
outlook . id = "m-outlook" ;
outlook . href = DEFAULT _BTN _HREF ;
outlook . classList . add ( "m-open" ) ;
outlook . classList . add ( "m-outlook" ) ;
outlook . appendChild ( createTextNode ( strings . open _in || defaultStrings . open _in ) ) ;
let outlookSpan = createElement ( span ) ;
outlookSpan . className = "w-500" ;
outlookSpan . appendChild ( createTextNode ( strings . outlook || defaultStrings . outlook ) ) ;
outlook . appendChild ( outlookSpan ) ;
modalContent . appendChild ( outlook ) ;
// open default
mailgo _open = createElement ( "a" ) ;
mailgo _open . id = "m-open" ;
mailgo _open . href = DEFAULT _BTN _HREF ;
mailgo _open . classList . add ( "m-open" ) ;
mailgo _open . classList . add ( "m-default" ) ;
let openSpan = createElement ( span ) ;
openSpan . className = "w-500" ;
openSpan . appendChild ( createTextNode ( strings . open || defaultStrings . open ) ) ;
mailgo _open . appendChild ( openSpan ) ;
mailgo _open . appendChild ( createTextNode ( strings . _default || defaultStrings . _default ) ) ;
modalContent . appendChild ( mailgo _open ) ;
// copy
copyMail = createElement ( "a" ) ;
copyMail . id = "m-copy" ;
copyMail . href = DEFAULT _BTN _HREF ;
copyMail . classList . add ( "m-copy" ) ;
copyMail . classList . add ( "w-500" ) ;
copyMail . appendChild ( createTextNode ( strings . copy || defaultStrings . copy ) ) ;
modalContent . appendChild ( copyMail ) ;
modalContent . appendChild ( byElement ( ) ) ;
// add the modal at the end of the body
document . body . appendChild ( modal ) ;
// every click outside the modal will hide the modal
modalBackground . addEventListener ( "click" , hideMailgo ) ;
}
// mailgo tel
{
// modal
let modal = createElement ( ) ;
modal . style . display = "none" ;
modal . id = "mailgo-tel" ;
modal . classList . add ( "m-modal" ) ;
// background
let modalBackground = createElement ( ) ;
modalBackground . className = "m-modal-back" ;
modal . appendChild ( modalBackground ) ;
// modal content
let modalContent = createElement ( ) ;
modalContent . className = "m-modal-content" ;
modal . appendChild ( modalContent ) ;
// title (telephone number)
titleTel = createElement ( "strong" ) ;
titleTel . id = "m-tel-title" ;
titleTel . className = "m-title" ;
modalContent . appendChild ( titleTel ) ;
// Telegram
telegram = createElement ( "a" ) ;
telegram . id = "m-tg" ;
telegram . href = DEFAULT _BTN _HREF ;
telegram . classList . add ( "m-open" ) ;
telegram . classList . add ( "m-tg" ) ;
// by default not display
telegram . style . display = "none" ;
telegram . appendChild ( createTextNode ( strings . open _in || defaultStrings . open _in ) ) ;
let telegramSpan = createElement ( span ) ;
telegramSpan . className = "w-500" ;
telegramSpan . appendChild ( createTextNode ( strings . telegram || defaultStrings . telegram ) ) ;
telegram . appendChild ( telegramSpan ) ;
modalContent . appendChild ( telegram ) ;
// WhatsApp
wa = createElement ( "a" ) ;
wa . id = "m-wa" ;
wa . href = DEFAULT _BTN _HREF ;
wa . classList . add ( "m-open" ) ;
wa . classList . add ( "m-wa" ) ;
wa . appendChild ( createTextNode ( strings . open _in || defaultStrings . open _in ) ) ;
let waSpan = createElement ( span ) ;
waSpan . className = "w-500" ;
waSpan . appendChild ( createTextNode ( strings . whatsapp || defaultStrings . whatsapp ) ) ;
wa . appendChild ( waSpan ) ;
modalContent . appendChild ( wa ) ;
// Skype
skype = createElement ( "a" ) ;
skype . id = "m-skype" ;
skype . href = DEFAULT _BTN _HREF ;
skype . classList . add ( "m-open" ) ;
skype . classList . add ( "m-skype" ) ;
skype . appendChild ( createTextNode ( strings . open _in || defaultStrings . open _in ) ) ;
let skypeSpan = createElement ( span ) ;
skypeSpan . className = "w-500" ;
skypeSpan . appendChild ( createTextNode ( strings . skype || defaultStrings . skype ) ) ;
skype . appendChild ( skypeSpan ) ;
modalContent . appendChild ( skype ) ;
// call default
call = createElement ( "a" ) ;
call . id = "m-call" ;
call . href = DEFAULT _BTN _HREF ;
call . classList . add ( "m-open" ) ;
call . classList . add ( "m-default" ) ;
let callSpan = createElement ( span ) ;
callSpan . className = "w-500" ;
callSpan . appendChild ( createTextNode ( strings . call || defaultStrings . call ) ) ;
call . appendChild ( callSpan ) ;
call . appendChild ( createTextNode ( strings . _as _default || defaultStrings . _as _default ) ) ;
modalContent . appendChild ( call ) ;
// copy
copyTel = createElement ( "a" ) ;
copyTel . id = "m-tel-copy" ;
copyTel . href = DEFAULT _BTN _HREF ;
copyTel . classList . add ( "m-copy" ) ;
copyTel . classList . add ( "w-500" ) ;
copyTel . appendChild ( createTextNode ( strings . copy || defaultStrings . copy ) ) ;
modalContent . appendChild ( copyTel ) ;
modalContent . appendChild ( byElement ( ) ) ;
// add the modal at the end of the body
document . body . appendChild ( modal ) ;
// every click outside the modal will hide the modal
modalBackground . addEventListener ( "click" , hideMailgo ) ;
}
// event listener on body, if the element is mailgo-compatible the mailgo modal will be rendered
document . addEventListener ( "click" , mailgoCheckRender ) ;
} ;
/**
* mailgoRender
* function to render a mailgo (mail or tel)
*/
const mailgoRender = ( type = MAIL _TYPE , mailgo ) => {
// mailgo mail
if ( type === MAIL _TYPE ) {
// if the element href=^"mailto:"
if ( mailgo . href && mailgo . href . toLowerCase ( ) . startsWith ( MAILTO ) ) {
mail = decodeURIComponent ( mailgo . href . split ( "?" ) [ 0 ] . split ( MAILTO ) [ 1 ] . trim ( ) ) ;
url = new URL ( mailgo . href ) ;
let urlParams = url . searchParams ;
// optional parameters for the email
cc = urlParams . get ( "cc" ) ;
bcc = urlParams . get ( "bcc" ) ;
subject = urlParams . get ( "subject" ) ;
bodyMail = urlParams . get ( "body" ) ;
}
else {
// if the element href="#mailgo" or class="mailgo"
// mail = data-address + @ + data-domain
mail =
mailgo . getAttribute ( "data-address" ) +
"@" +
mailgo . getAttribute ( "data-domain" ) ;
url = new URL ( MAILTO + encodeURIComponent ( mail ) ) ;
// cc = data-cc-address +
cc =
mailgo . getAttribute ( "data-cc-address" ) +
"@" +
mailgo . getAttribute ( "data-cc-domain" ) ;
// bcc = data-bcc-address +
bcc =
mailgo . getAttribute ( "data-bcc-address" ) +
"@" +
mailgo . getAttribute ( "data-bcc-domain" ) ;
// subject = data-subject
subject = mailgo . getAttribute ( "data-subject" ) ;
// body = data-body
bodyMail = mailgo . getAttribute ( "data-body" ) ;
}
// validate the email address
if ( ! validateEmails ( mail . split ( "," ) ) )
return ;
// if cc, bcc is not valid cc, bcc = ""
if ( cc && ! validateEmails ( cc . split ( "," ) ) )
cc = "" ;
if ( bcc && ! validateEmails ( bcc . split ( "," ) ) )
bcc = "" ;
// the title of the modal (email address)
title . innerHTML = mail . split ( "," ) . join ( "<br/>" ) ;
// add the details if provided
cc
? ( ( detailCc . style . display = "block" ) ,
( ccValue . innerHTML = cc . split ( "," ) . join ( "<br/>" ) ) )
: ( detailCc . style . display = "none" ) ;
bcc
? ( ( detailBcc . style . display = "block" ) ,
( bccValue . innerHTML = bcc . split ( "," ) . join ( "<br/>" ) ) )
: ( detailBcc . style . display = "none" ) ;
subject
? ( ( detailSubject . style . display = "block" ) ,
( subjectValue . textContent = subject ) )
: ( detailSubject . style . display = "none" ) ;
bodyMail
? ( ( detailBody . style . display = "block" ) ,
( bodyValue . textContent = bodyMail ) )
: ( detailBody . style . display = "none" ) ;
// add the actions
gmail . addEventListener ( "click" , openGmail ) ;
outlook . addEventListener ( "click" , openOutlook ) ;
encEmail = encodeEmail ( mail ) ;
mailgo _open . addEventListener ( "click" , openDefault ) ;
copyMail . addEventListener ( "click" , ( ) => copy ( mail ) ) ;
}
// mailgo tel
if ( type === TEL _TYPE ) {
if ( mailgo . href && mailgo . href . toLowerCase ( ) . startsWith ( TEL ) ) {
tel = decodeURIComponent ( mailgo . href . split ( "?" ) [ 0 ] . split ( TEL ) [ 1 ] . trim ( ) ) ;
}
else if ( mailgo . href && mailgo . href . toLowerCase ( ) . startsWith ( CALLTO ) ) {
tel = decodeURIComponent ( mailgo . href . split ( "?" ) [ 0 ] . split ( CALLTO ) [ 1 ] . trim ( ) ) ;
}
else if ( mailgo . hasAttribute ( "data-tel" ) ) {
tel = mailgo . getAttribute ( "data-tel" ) ;
msg = mailgo . getAttribute ( "data-msg" ) ;
}
// information
// let titleEl = getE("m-tel-title");
// Telegram username
if ( mailgo . hasAttribute ( "data-telegram" ) ) {
telegramUsername = mailgo . getAttribute ( "data-telegram" ) ;
}
// Telegram username
if ( mailgo . hasAttribute ( "data-skype" ) ) {
skypeUsername = mailgo . getAttribute ( "data-skype" ) ;
}
// the title of the modal (tel)
titleTel . innerHTML = tel ;
// add the actions to buttons
wa . addEventListener ( "click" , openWhatsApp ) ;
if ( telegramUsername ) {
setDisplay ( "m-tg" , "block" ) ;
telegram . addEventListener ( "click" , openTelegram ) ;
}
skype . addEventListener ( "click" , openSkype ) ;
call . addEventListener ( "click" , callDefault ) ;
copyTel . addEventListener ( "click" , ( ) => copy ( tel ) ) ;
}
// show the mailgo
showMailgo ( type ) ;
// add listener keyDown
document . addEventListener ( "keydown" , mailgoKeydown ) ;
} ;
// actions
const openGmail = ( ) => {
// Gmail url
let gmailUrl = "https://mail.google.com/mail/u/0/?view=cm&source=mailto&to=" +
encodeURIComponent ( mail ) ;
// the details if provided
if ( cc )
gmailUrl = gmailUrl . concat ( "&cc=" + encodeURIComponent ( cc ) ) ;
if ( bcc )
gmailUrl = gmailUrl . concat ( "&bcc=" + encodeURIComponent ( bcc ) ) ;
if ( subject )
gmailUrl = gmailUrl . concat ( "&subject=" + subject ) ;
if ( bodyMail )
gmailUrl = gmailUrl . concat ( "&body=" + bodyMail ) ;
// open the link
window . open ( gmailUrl , "_blank" ) ;
// hide the modal
hideMailgo ( ) ;
} ;
const openOutlook = ( ) => {
// Outlook url
let outlookUrl = "https://outlook.live.com/owa/?path=/mail/action/compose&to=" +
encodeURIComponent ( mail ) ;
// the details if provided
if ( subject )
outlookUrl = outlookUrl . concat ( "&subject=" + subject ) ;
if ( bodyMail )
outlookUrl = outlookUrl . concat ( "&body=" + bodyMail ) ;
// open the link
window . open ( outlookUrl , "_blank" ) ;
// hide the modal
hideMailgo ( ) ;
} ;
const openDefault = ( ) => {
mailToEncoded ( encEmail ) ;
hideMailgo ( ) ;
} ;
const openTelegram = ( ) => {
// Telegram url
let tgUrl = "https://t.me/" + telegramUsername ;
// open the url
window . open ( tgUrl , "_blank" ) ;
// hide the modal
hideMailgo ( ) ;
} ;
const openSkype = ( ) => {
let skype = skypeUsername !== "" ? skypeUsername : tel ;
// Telegram url
let skypeUrl = "skype:" + skype ;
// open the url
window . open ( skypeUrl , "_blank" ) ;
// hide the modal
hideMailgo ( ) ;
} ;
const openWhatsApp = ( ) => {
// WhatsApp url
let waUrl = "https://wa.me/" + tel ;
// the details if provided
if ( msg )
waUrl + "?text=" + msg ;
// open the url
window . open ( waUrl , "_blank" ) ;
// hide the modal
hideMailgo ( ) ;
} ;
const callDefault = ( event ) => {
let callUrl = "tel:" + tel ;
window . open ( callUrl ) ;
hideMailgo ( ) ;
} ;
const copy = ( content ) => {
copyToClipboard ( content ) ;
let activeCopy ;
// the correct copyButton (mail or tel)
mailgoIsShowing ( MAIL _TYPE ) ? ( activeCopy = copyMail ) : ( activeCopy = copyTel ) ;
activeCopy . textContent = "copied" ;
setTimeout ( ( ) => {
activeCopy . textContent = "copy" ;
// hide after the timeout
hideMailgo ( ) ;
} , 999 ) ;
} ;
// function that returns if an element is a mailgo
const isMailgo = ( element , type = MAIL _TYPE ) => {
let href = element . href ;
// mailgo type mail
if ( type === MAIL _TYPE ) {
return (
// first case: it is an <a> element with "mailto:..." in href and no no-mailgo in classList
( href &&
href . toLowerCase ( ) . startsWith ( MAILTO ) &&
! element . classList . contains ( "no-mailgo" ) ) ||
( element . hasAttribute ( "data-address" ) &&
// second case: the href=#mailgo
( ( href && element . getAttribute ( "href" ) . toLowerCase ( ) === "#mailgo" ) ||
// third case: the classList contains mailgo
( element . classList && element . classList . contains ( "mailgo" ) ) ) ) ) ;
}
// mailgo type tel
if ( type === TEL _TYPE ) {
return (
// first case: it is an <a> element with "tel:..." or "callto:..." in href and no no-mailgo in classList
( href &&
( href . toLowerCase ( ) . startsWith ( TEL ) ||
href . toLowerCase ( ) . startsWith ( CALLTO ) ) &&
! element . classList . contains ( "no-mailgo" ) ) ||
( element . hasAttribute ( "data-tel" ) &&
// second case: the href=#mailgo
href &&
element . getAttribute ( "href" ) . toLowerCase ( ) === "#mailgo" ) ||
// third case: the classList contains mailgo
( element . classList && element . classList . contains ( "mailgo" ) ) ) ;
}
return false ;
} ;
/**
* mailgoCheckRender
* function to check if an element is mailgo-enabled or not referencing to
* mail:
* document.querySelectorAll(
* 'a[href^="mailto:" i]:not(.no-mailgo), a[href="#mailgo"], a.mailgo'
* );
* tel:
* document.querySelectorAll(
* 'a[href^="tel:" i]:not(.no-mailgo), a[href="#mailgo"], a.mailgo'
* );
* or
* document.querySelectorAll(
* 'a[href^="callto:" i]:not(.no-mailgo), a[href="#mailgo"], a.mailgo'
* );
*/
const mailgoCheckRender = ( event ) => {
// check if the id=mailgo exists in the body
if ( ! document . contains ( getE ( "mailgo" ) ) ||
! document . contains ( getE ( "mailgo-tel" ) ) )
return ;
// if a mailgo is already showing do nothing
if ( mailgoIsShowing ( MAIL _TYPE ) || mailgoIsShowing ( TEL _TYPE ) )
return false ;
// the path of the event
let path = ( event . composedPath && event . composedPath ( ) ) ||
composedPath ( event . target ) ;
if ( path ) {
path . forEach ( ( element ) => {
if ( element instanceof HTMLDocument || element instanceof Window )
return false ;
// go in the event.path to find if the user has clicked on a mailgo element
if ( isMailgo ( element , MAIL _TYPE ) ) {
// stop the normal execution of the element click
event . preventDefault ( ) ;
// render mailgo
mailgoRender ( MAIL _TYPE , element ) ;
return true ;
}
if ( isMailgo ( element , TEL _TYPE ) ) {
// stop the normal execution of the element click
event . preventDefault ( ) ;
// render mailgo
mailgoRender ( TEL _TYPE , element ) ;
return true ;
}
} ) ;
}
return false ;
} ;
/**
* mailgoKeydown
* function to manage the keydown event when the modal is showing
*/
const mailgoKeydown = ( event ) => {
// if mailgo is showing
if ( mailgoIsShowing ( MAIL _TYPE ) ) {
switch ( event . keyCode ) {
case 27 :
// Escape
hideMailgo ( ) ;
break ;
case 71 :
// g -> open GMail
openGmail ( ) ;
break ;
case 79 :
// o -> open Outlook
openOutlook ( ) ;
break ;
case 32 :
case 13 :
// spacebar or enter -> open default
openDefault ( ) ;
break ;
case 67 :
// c -> copy
copy ( mail ) ;
break ;
default :
return ;
}
}
else if ( mailgoIsShowing ( TEL _TYPE ) ) {
switch ( event . keyCode ) {
case 27 :
// Escape
hideMailgo ( ) ;
break ;
case 84 :
// t -> open Telegram
openTelegram ( ) ;
break ;
case 87 :
// w -> open WhatsApp
openWhatsApp ( ) ;
break ;
case 32 :
case 13 :
// spacebar or enter -> call default
callDefault ( ) ;
break ;
case 67 :
// c -> copy
copy ( tel ) ;
break ;
default :
return ;
}
}
return ;
} ;
// show the modal
const showMailgo = ( type = MAIL _TYPE ) => {
// show mailgo type mail
if ( type === MAIL _TYPE ) {
setDisplay ( "mailgo" , "flex" ) ;
return true ;
}
// show mailgo type tel
if ( type === TEL _TYPE ) {
setDisplay ( "mailgo-tel" , "flex" ) ;
return true ;
}
return false ;
} ;
// hide the modal
const hideMailgo = ( ) => {
setDisplay ( "mailgo" , "none" ) ;
setDisplay ( "mailgo-tel" , "none" ) ;
// remove listener keyDown
document . removeEventListener ( "keydown" , mailgoKeydown ) ;
} ;
// is the mailgo modal hidden?
const mailgoIsShowing = ( type = MAIL _TYPE ) => {
return type === MAIL _TYPE
? getDisplay ( "mailgo" ) === "flex"
: type === TEL _TYPE
? getDisplay ( "mailgo-tel" ) === "flex"
: false ;
} ;
const byElement = ( ) => {
// by
let by = createElement ( "a" ) ;
by . href = "https://mailgo.js.org?ref=mailgo-modal" ;
by . className = "m-by" ;
by . target = "_blank" ;
by . rel = "noopener noreferrer" ;
by . appendChild ( createTextNode ( "mailgo.js.org" ) ) ;
return by ;
} ;
// create element
const createElement = ( element = "div" ) => document . createElement ( element ) ;
// create text node
const createTextNode = ( element ) => document . createTextNode ( element ) ;
// decrypt email
const mailToEncoded = ( encoded ) => ( window . location . href = MAILTO + atob ( encoded ) ) ;
// encode email
const encodeEmail = ( email ) => btoa ( email ) ;
// getE shorthand
const getE = ( id ) => document . getElementById ( id ) ;
// get display value
const getDisplay = ( id ) => getE ( id ) . style . display ;
// get display value
const setDisplay = ( id , value ) => ( getE ( id ) . style . display = value ) ;
// custom composedPath if path or event.composedPath() are not defined
const composedPath = ( el ) => {
let path = [ ] ;
while ( el ) {
path . push ( el ) ;
if ( el . tagName === "HTML" ) {
path . push ( document ) ;
path . push ( window ) ;
return path ;
}
el = el . parentElement ;
}
} ;
// validate a single email with regex
const validateEmail = ( email ) => / ^ ( ( [ ^ < > ( ) [ \ ] \ \ . , ; : \ s @ \ "]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(email);
// validate an array of emails
const validateEmails = (arr) => arr.every(validateEmail);
// copy of a string
const copyToClipboard = (str) => {
let el = createElement(" textarea ");
el.value = str;
el.setAttribute(" readonly ", " ");
el.style.position = " absolute ";
el.style.left = " - 9999 px ";
document.body.appendChild(el);
let selected = document.getSelection().rangeCount > 0
? document.getSelection().getRangeAt(0)
: false;
el.select();
document.execCommand(" copy ");
document.body.removeChild(el);
if (selected) {
document.getSelection().removeAllRanges();
document.getSelection().addRange(selected);
return true;
}
return false;
};
const mailgoStyle = () => {
// mailgo style
let mailgoCSSElement = createElement(" style ");
mailgoCSSElement.id = " mailgo - style ";
mailgoCSSElement.type = " text / css ";
mailgoCSSElement.appendChild(createTextNode(mailgoCSS));
document.head.appendChild(mailgoCSSElement);
};
// mailgo
const mailgo = (mailgoConfig) => {
// if the window is defined...
if (window && typeof window !== " undefined ") {
// add the style for mailgo
mailgoStyle();
// if is set an initEvent add the listener
if (mailgoConfig === null || mailgoConfig === void 0 ? void 0 : mailgoConfig.initEvent) {
document.addEventListener(mailgoConfig.initEvent, () => {
mailgoInit(mailgoConfig);
});
}
else {
mailgoInit(mailgoConfig);
}
}
};
/* harmony default export */ var src_mailgo = (mailgo);
// CONCATENATED MODULE: ./mailgo.dist.ts
// webpack > dist/mailgo.min.js
// call init mailgo attached to the event DOMContentLoaded
const mailgoConfig = {
initEvent: " DOMContentLoaded " ,
} ;
src _mailgo ( mailgoConfig ) ;
/***/ } )
/******/ ] ) ;
Matteo Manzinello