{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/webinar-event-masthead.js"],"names":["Module","Component","remote","timestart","timeend","convertedStartDate","convertedEndDate","lang","options","formattedStartDate","formattedStartTime","suffix","formattedEndTime"],"mappings":"kJAEA,MAAMA,UAAeC,WAAU,CAC7B,eAAgB,CACd,KAAM,CAAC,OAAAC,CAAM,EAAI,KAAK,GAAG,QAEzB,KAAK,IAAM,CACT,UAAW,KAAK,EAClB,EAEIA,GACF,KAAK,YAAY,CAErB,CAEA,aAAc,CACZ,KAAM,CAAC,UAAAC,EAAW,QAAAC,CAAO,EAAI,KAAK,IAAI,UAAU,QAC1CC,EAAqB,IAAI,KAAKF,CAAS,EACvCG,EAAmB,IAAI,KAAKF,CAAO,EACnCG,EAAO,SAAS,qBAAqB,MAAM,EAAE,GAAG,aAAa,MAAM,EAEzE,GAAIJ,EAAW,CACb,MAAMK,EAAU,CAAE,KAAM,UAAW,MAAO,OAAQ,IAAK,SAAU,EAC3DC,EAAqBJ,EAAmB,mBAAmBE,EAAMC,CAAO,EAC9E,IAAIE,EAAqBL,EAAmB,mBAAmBE,EAAM,CAAC,KAAM,UAAW,OAAO,SAAS,CAAC,EAEpGI,EAAS,GAeb,GAbGJ,IAAS,UACVI,EAAS,QAGRJ,IAAS,UACVI,EAAS,QAGXD,EAAqBA,EAAmB,QAAQ,WAAW,GAAI,EAAE,EAEjE,KAAK,IAAI,UAAU,cAAc,+BAA+B,EAAE,UAAYD,EAG3EL,EAAS,CACV,IAAIQ,EAAmBN,EAAiB,mBAAmBC,EAAM,CAAC,KAAM,UAAW,OAAO,SAAS,CAAC,EACpGK,EAAmBA,EAAiB,QAAQ,WAAW,GAAI,EAAE,EAE1DA,IAAqBF,EACtB,KAAK,IAAI,UAAU,cAAc,+BAA+B,EAAE,UAAY,GAAGA,IAAqBC,KAEnGD,EAAmB,MAAM,KAAK,GAAKE,EAAiB,MAAM,KAAK,IAChEF,EAAqBA,EAAmB,QAAQ,MAAO,EAAE,GAGxDA,EAAmB,MAAM,KAAK,GAAKE,EAAiB,MAAM,KAAK,IAChEF,EAAqBA,EAAmB,QAAQ,MAAO,EAAE,GAE3D,KAAK,IAAI,UAAU,cAAc,+BAA+B,EAAE,UAAY,GAAGA,KAAsBE,IAAmBD,IAG9H,MACE,KAAK,IAAI,UAAU,cAAc,+BAA+B,EAAE,UAAY,GAAGD,IAAqBC,GAE1G,CACF,CACF,CAEA,UAAeX,C","file":"scripts/409.12a677d5.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass Module extends Component {\n  setupDefaults() {\n    const {remote} = this.el.dataset;\n\n    this.dom = {\n      $masthead: this.el\n    };\n\n    if (remote) {\n      this.replaceDate();\n    }\n  }\n\n  replaceDate() {\n    const {timestart, timeend} = this.dom.$masthead.dataset;\n    const convertedStartDate = new Date(timestart);\n    const convertedEndDate = new Date(timeend);\n    const lang = document.getElementsByTagName('html')[0].getAttribute('lang');\n    // const lang = 'nl-NL';\n    if (timestart) {\n      const options = { year: 'numeric', month: 'long', day: 'numeric' };\n      const formattedStartDate = convertedStartDate.toLocaleDateString(lang, options);\n      let formattedStartTime = convertedStartDate.toLocaleTimeString(lang, {hour: '2-digit', minute:'2-digit'});\n\n      let suffix = '';\n\n      if(lang === 'nl-NL') {\n        suffix = ' uur';\n      }\n\n      if(lang === 'de-DE') {\n        suffix = ' Uhr';\n      }\n\n      formattedStartTime = formattedStartTime.replace(/^(?:)?0?/,'', '');\n\n      this.dom.$masthead.querySelector('.webinar-event-masthead__date').innerHTML = formattedStartDate;\n\n\n      if(timeend) {\n        let formattedEndTime = convertedEndDate.toLocaleTimeString(lang, {hour: '2-digit', minute:'2-digit'});\n        formattedEndTime = formattedEndTime.replace(/^(?:)?0?/,'', '');\n\n        if(formattedEndTime === formattedStartTime) {\n          this.dom.$masthead.querySelector('.webinar-event-masthead__time').innerHTML = `${formattedStartTime}${suffix}`;\n        } else {\n          if(formattedStartTime.match(/AM/g) && formattedEndTime.match(/AM/g)) {\n            formattedStartTime = formattedStartTime.replace(' AM', '');\n          }\n\n          if(formattedStartTime.match(/PM/g) && formattedEndTime.match(/PM/g)) {\n            formattedStartTime = formattedStartTime.replace(' PM', '');\n          }\n          this.dom.$masthead.querySelector('.webinar-event-masthead__time').innerHTML = `${formattedStartTime}-${formattedEndTime}${suffix}`;\n        }\n\n      } else {\n        this.dom.$masthead.querySelector('.webinar-event-masthead__time').innerHTML = `${formattedStartTime}${suffix}`;\n      }\n    }\n  }\n}\n\nexport default Module;\n"],"sourceRoot":""}