add-to-calendar-button 2.2.2 → 2.2.4

package/dist/module/index.js

@@ -6,15 +6,15 @@ import { tzlib_get_ical_block, tzlib_get_offset, tzlib_get_timezones } from 'tim
  *  Add to Calendar Button
  *  ++++++++++++++++++++++
  *
- *  Version: 2.2.2
+ *  Version: 2.2.4
  *  Creator: Jens Kuerschner (https://jenskuerschner.de)
  *  Project: https://github.com/add2cal/add-to-calendar-button
  *  License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
  *  Note:    DO NOT REMOVE THE COPYRIGHT NOTICE ABOVE!
  *
  */
-const atcbVersion = '2.2.2';
-const atcbCssTemplate = {
+const atcbVersion = '2.2.4';
+const atcbCssTemplate = {
   if (typeof window === 'undefined') {
     return false;
   } else {
@@ -338,6 +338,9 @@ function atcb_decorate_data_style(data) {
   if ((data.buttonStyle == 'default' || data.buttonStyle == '3d' || data.buttonStyle == 'flat') && data.listStyle == 'dropdown' && !data.hideTextLabelList && data.hideTextLabelButton) {
     data.listStyle = 'overlay';
   }
+  if (data.buttonsList && data.buttonStyle == 'date') {
+    data.buttonsList = false;
+  }
   return data;
 }
 function atcb_decorate_sizes(size) {
@@ -436,11 +439,15 @@ function atcb_decorate_data_meta(data) {
 }
 function atcb_decorate_data_description(data, i) {
   if (data.dates[`${i}`].description != null && data.dates[`${i}`].description != '') {
+    data.dates[`${i}`].description = data.dates[`${i}`].description.replace(/(\\r\\n|\\n|\\r|<br(\s|\s\/|\/|)>)/g, '');
     data.dates[`${i}`].descriptionHtmlFree = atcb_rewrite_html_elements(data.dates[`${i}`].description, true);
+    data.dates[`${i}`].descriptionHtmlFreeICal = atcb_rewrite_html_elements(data.dates[`${i}`].description, true, true);
     data.dates[`${i}`].description = atcb_rewrite_html_elements(data.dates[`${i}`].description);
   } else {
     if (data.dates[`${i}`].description == null && data.description != null && data.description != '') {
+      data.description = data.description.replace(/(\\r\\n|\\n|\\r|<br(\s|\s\/|\/|)>)/g, '');
       data.dates[`${i}`].descriptionHtmlFree = atcb_rewrite_html_elements(data.description, true);
+      data.dates[`${i}`].descriptionHtmlFreeICal = atcb_rewrite_html_elements(data.description, true, true);
       data.dates[`${i}`].description = atcb_rewrite_html_elements(data.description);
     } else {
       data.dates[`${i}`].descriptionHtmlFree = data.dates[`${i}`].description = '';
@@ -1159,7 +1166,12 @@ function atcb_generate_label(host, data, parent, type, icon = false, text = '',
   atcb_generate_label_content(data, parent, type, icon, text, oneOption);
 }
 function atcb_generate_label_content(data, parent, type, icon, text, oneOption) {
-  const defaultTriggerText = atcb_translate_hook('label.addtocalendar', data);
+  const defaultTriggerText = (function () {
+    if (data.dates[0].overdue && data.pastDateHandling != 'none') {
+      return atcb_translate_hook('expired', data);
+    }
+    return atcb_translate_hook('label.addtocalendar', data);
+  })();
   if (oneOption && text == '') {
     text = defaultTriggerText;
   }
@@ -1210,6 +1222,10 @@ function atcb_generate_button(host, button, data, debug = false) {
     atcb_set_sizes(buttonTriggerWrapper, data.sizes);
     const buttonTrigger = document.createElement('button');
     buttonTrigger.classList.add('atcb-button');
+    if (data.disabled) {
+      buttonTrigger.setAttribute('disabled', true);
+      buttonTrigger.style.cssText = 'opacity: .75; cursor: not-allowed; filter: brightness(95%); border-style: dashed;';
+    }
     if (data.hideTextLabelButton) {
       buttonTrigger.classList.add('atcb-no-text');
     }
@@ -1237,7 +1253,7 @@ function atcb_generate_button(host, button, data, debug = false) {
       buttonDropdownAnchor.classList.add('atcb-dropdown-anchor');
       buttonTrigger.append(buttonDropdownAnchor);
     }
-    if (!data.hideCheckmark && !data.hideTextLabelButton && !data.buttonsList) {
+    if (!data.hideCheckmark && !data.hideTextLabelButton && !data.buttonsList && !data.disabled) {
       const btnCheck = document.createElement('div');
       btnCheck.classList.add('atcb-checkmark');
       btnCheck.innerHTML = atcbIcon['checkmark'];
@@ -1576,6 +1592,9 @@ function atcb_generate_date_button(data, parent, subEvent = 'all') {
     if (subEvent != 'all' && data.dates[`${subEvent}`].status == 'CANCELLED') {
       return atcb_translate_hook('date.status.cancelled', data) + '<br>' + atcb_translate_hook('date.status.cancelled.cta', data);
     }
+    if (data.dates[`${subEvent}`].overdue && data.pastDateHandling != 'none') {
+      return atcb_translate_hook('expired', data);
+    }
     return '+ ' + atcb_translate_hook('label.addtocalendar', data);
   })();
   const cancelledInfo = (function () {
@@ -1870,25 +1889,28 @@ function atcb_generate_rich_data_recurrence(data, formattedDate) {
 
 
 function atcb_generate_links(host, type, data, subEvent = 'all', keyboardTrigger = false, multiDateModal = false) {
+  let linkType = type;
+  if (type == 'apple') {
+    linkType = 'ical';
+  }
+  if (isMobile() && (type == 'msteams' || type == 'ms365' || type == 'outlookcom')) {
+    linkType = 'ical';
+  }
   if (subEvent != 'all') {
     subEvent = parseInt(subEvent) - 1;
   } else if (data.dates.length == 1) {
     subEvent = 0;
   }
   if (data.subscribe) {
-    atcb_generate_subscribe_links(host, type, data, keyboardTrigger);
+    atcb_generate_subscribe_links(host, linkType, data, keyboardTrigger);
     return;
   }
-  if (isMobile() && (type == 'msteams' || type == 'ms365' || type == 'outlookcom')) {
-    type = 'ical';
-  }
   if (subEvent != 'all') {
-    if (data.dates[`${subEvent}`].status == 'CANCELLED' && type != 'apple' && type != 'ical') {
+    if (data.dates[`${subEvent}`].status == 'CANCELLED' && linkType != 'ical') {
       atcb_create_modal(host, data, 'warning', atcb_translate_hook('date.status.cancelled', data), atcb_translate_hook('date.status.cancelled.cta', data), [], [], keyboardTrigger);
     } else {
-      switch (type) {
-        case 'apple':
-        case 'ical':
+      switch (linkType) {
+        case 'ical': // also for apple (see above)
           atcb_generate_ical(host, data, subEvent, keyboardTrigger);
           break;
         case 'google':
@@ -1924,12 +1946,11 @@ function atcb_generate_links(host, type, data, subEvent = 'all', keyboardTrigger
     }
     return;
   }
-  atcb_generate_multidate_links(host, type, data, keyboardTrigger, multiDateModal);
+  atcb_generate_multidate_links(host, type, linkType, data, keyboardTrigger, multiDateModal);
 }
-function atcb_generate_multidate_links(host, type, data, keyboardTrigger, multiDateModal) {
+function atcb_generate_multidate_links(host, type, linkType, data, keyboardTrigger, multiDateModal) {
   if (
-    (type == 'ical' || type == 'apple') &&
-    data.dates.every(function (theSubEvent) {
+    (linkType == 'ical') && data.dates.every(function (theSubEvent) {
       if (theSubEvent.status == 'CANCELLED' || (theSubEvent.organizer != null && theSubEvent.organizer != '')) {
         return false;
       }
@@ -1951,11 +1972,10 @@ function atcb_generate_multidate_links(host, type, data, keyboardTrigger, multiD
     atcb_create_modal(host, data, type, atcb_translate_hook('modal.multidate.h', data), atcb_translate_hook('modal.multidate.text', data), [], individualButtons, keyboardTrigger);
   }
 }
-function atcb_generate_subscribe_links(host, type, data, keyboardTrigger) {
+function atcb_generate_subscribe_links(host, linkType, data, keyboardTrigger) {
   const adjustedFileUrl = data.icsFile.replace('https://', 'webcal://');
-  switch (type) {
-    case 'apple':
-    case 'ical':
+  switch (linkType) {
+    case 'ical': // also for apple (see above)
       atcb_subscribe_ical(adjustedFileUrl);
       break;
     case 'google':
@@ -2132,7 +2152,7 @@ function atcb_generate_microsoft(data, type = '365') {
     urlParts.push('location=' + encodeURIComponent(data.location));
   }
   if (data.description != null && data.description != '') {
-    urlParts.push('body=' + encodeURIComponent(data.description.replace(/\n/g, '<br>')));
+    urlParts.push('body=' + encodeURIComponent(data.description));
   }
   urlParts.push('uid=' + encodeURIComponent(data.uid));
   atcb_open_cal_url(urlParts.join('&'));
@@ -2235,25 +2255,25 @@ function atcb_generate_ical(host, data, subEvent = 'all', keyboardTrigger = fals
     ics_lines.push('DTSTAMP:' + atcb_format_datetime(now, 'clean', true));
     ics_lines.push('DTSTART' + timeAddon + ':' + formattedDate.start);
     ics_lines.push('DTEND' + timeAddon + ':' + formattedDate.end);
-    ics_lines.push('SUMMARY:' + data.dates[`${i}`].name.replace(/.{65}/g, '$&' + '\r\n ')); 
-    if (data.dates[`${i}`].descriptionHtmlFree != null && data.dates[`${i}`].descriptionHtmlFree != '') {
+    ics_lines.push('SUMMARY:' + atcb_rewrite_ical_text(data.dates[`${i}`].name, true));
+    if (data.dates[`${i}`].descriptionHtmlFreeICal != null && data.dates[`${i}`].descriptionHtmlFreeICal != '') {
       ics_lines.push(
-        'DESCRIPTION:' + data.dates[`${i}`].descriptionHtmlFree.replace(/\n/g, '\\n').replace(/.{60}/g, '$&' + '\r\n ') // adjusting for intended line breaks + making sure it does not exceed 75 characters per line
+        'DESCRIPTION:' + atcb_rewrite_ical_text(data.dates[`${i}`].descriptionHtmlFreeICal, true)
       );
     }
     if (data.dates[`${i}`].description != null && data.dates[`${i}`].description != '') {
-      ics_lines.push('X-ALT-DESC;FMTTYPE=text/html:\r\n <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 3.2//EN"">\r\n <HTML><BODY>\r\n ' + data.dates[`${i}`].description.replace(/\n/g, '<br>').replace(/.{60}/g, '$&' + '\r\n ') + '\r\n </BODY></HTML>');
+      ics_lines.push('X-ALT-DESC;FMTTYPE=text/html:\r\n <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 3.2//EN"">\r\n <HTML><BODY>\r\n ' + atcb_rewrite_ical_text(data.dates[`${i}`].description, true) + '\r\n </BODY></HTML>');
     }
     if (data.dates[`${i}`].location != null && data.dates[`${i}`].location != '') {
-      ics_lines.push('LOCATION:' + data.dates[`${i}`].location);
+      ics_lines.push('LOCATION:' + atcb_rewrite_ical_text(data.dates[`${i}`].location, true));
     }
     if (data.dates[`${i}`].organizer != null && data.dates[`${i}`].organizer != '') {
       const organizerParts = data.dates[`${i}`].organizer.split('|');
-      ics_lines.push('ORGANIZER;CN=' + organizerParts[0] + ':MAILTO:' + organizerParts[1]);
+      ics_lines.push('ORGANIZER;CN="' + atcb_rewrite_ical_text(organizerParts[0], false, true) + '":MAILTO:' + organizerParts[1]);
     }
     if (data.dates[`${i}`].attendee != null && data.dates[`${i}`].attendee != '') {
       const attendeeParts = data.dates[`${i}`].attendee.split('|');
-      ics_lines.push('ATTENDEE;ROLE=REQ-PARTICIPANT;CN=' + attendeeParts[0] + ':MAILTO:' + attendeeParts[1]);
+      ics_lines.push('ATTENDEE;ROLE=REQ-PARTICIPANT;CN="' + atcb_rewrite_ical_text(attendeeParts[0], false, true) + '":MAILTO:' + attendeeParts[1]);
     }
     if (data.recurrence != null && data.recurrence != '') {
       ics_lines.push(data.recurrence);
@@ -2455,11 +2475,16 @@ function atcb_validEmail(email, mx = false) {
   }
   return true;
 }
-function atcb_rewrite_html_elements(content, clear = false) {
-  content = content.replace(/<br\s*\/?>/gi, '\n');
+function atcb_rewrite_html_elements(content, clear = false, iCalBreaks = false) {
   if (clear) {
-    content = content.replace(/\[(|\/)(url|br|hr|p|b|strong|u|i|em|li|ul|ol|h\d)\]|((\|.*)\[\/url\])/gi, '');
-    content = content.replace(/\{(|\/)(url|br|hr|p|b|strong|u|i|em|li|ul|ol|h\d)\}|((\|.*)\{\/url\})/gi, '');
+    content = content.replace(/\[(|\/)(url|hr|p|b|strong|u|i|em|li|ul|ol|h\d)\]|((\|.*)\[\/url\])/gi, '');
+    content = content.replace(/\{(|\/)(url|hr|p|b|strong|u|i|em|li|ul|ol|h\d)\}|((\|.*)\{\/url\})/gi, '');
+    if (iCalBreaks) {
+      content = content.replace(/(\[br\]|\{br\})/gi, '\\n');
+    } else {
+      content = content.replace(/(\[br\]|\{br\})/gi, ' ');
+    }
+    content = content.replace(/&[#a-zA-Z0-9]{1,9};/gi, '');
   } else {
     content = content.replace(/\[(\/|)(br|hr|p|b|strong|u|i|em|li|ul|ol|h\d)\]/gi, '<$1$2>');
     content = content.replace(/\{(\/|)(br|hr|p|b|strong|u|i|em|li|ul|ol|h\d)\}/gi, '<$1$2>');
@@ -2483,6 +2508,17 @@ function atcb_parse_url_code(input) {
   })();
   return '<a href="' + urlText[0] + '" target="' + atcbDefaultTarget + '" rel="noopener">' + text + '</a>';
 }
+function atcb_rewrite_ical_text(content, truncate = true, inQuotes = false) {
+  if (inQuotes) {
+    content = content.replace(/"/g, '');
+  } else {
+    content = content.replace(/\\/g, '\\\\').replace(/(,|;)/g, '\\$1');
+  }
+  if (truncate) {
+    content = content.replace(/.{60}/g, '$&' + '\r\n ');
+  }
+  return content;
+}
 function atcb_position_list(host, trigger, list, blockUpwards = false, resize = false) {
   let anchorSet = false;
   const originalTrigger = trigger;
@@ -2697,6 +2733,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Add Calendar to Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Open now the Yahoo Calendar.</li><li>Click the "Actions" tab.</li><li>Hit "Follow Other Calendars".</li><li>Set a name and past the clipboard content into the url field.</li></ol>',
     cancel: 'Cancel',
+    expired: 'Expired',
   },
   de: {
     'label.addtocalendar': 'Im Kalender speichern',
@@ -2717,6 +2754,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Kalender zu Yahoo hinzufügen',
     'modal.subscribe.yahoo.text': '<ol><li>Öffne den Yahoo Kalender.</li><li>Klicke auf den "Aktionen" Tab.</li><li>Wähle "Weiteren Kalendern folgen".</li><li>Wähle einen Namen und füge die URL aus deiner Zwischenablage in das URL-Feld ein.</li></ol>',
     cancel: 'Abbrechen',
+    expired: 'Abgelaufen',
   },
   es: {
     'label.addtocalendar': 'Añadir al Calendario',
@@ -2737,6 +2775,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Añadir calendario a Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Abra el calendario de Yahoo.</li><li>Haga clic en la pestaña "Acciones".</li><li>Seleccione "Seguir otros calendarios".</li><li>Elige un nombre y pega la URL de tu portapapeles en el campo URL.</li></ol>',
     cancel: 'Cancelar',
+    expired: 'Caducada',
   },
   pt: {
     'label.addtocalendar': 'Incluir no Calendário',
@@ -2757,6 +2796,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Adicionar calendário ao Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Abrir o calendário do Yahoo.</li><li>Clique no separador "Acções".</li><li>Seleccione "Seguir outros calendários".</li><li>Escolha um nome e cole o URL da sua área de transferência no campo URL.</li></ol>',
     cancel: 'Cancelar',
+    expired: 'Expirada',
   },
   fr: {
     'label.addtocalendar': "Ajouter à l'Agenda",
@@ -2777,6 +2817,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Ajouter un agenda à Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Ouvrez l\'Agenda Yahoo.</li><li>Cliquez sur l\'onglet "Actions".</li><li>Sélectionnez "Suivre d\'autres agendas".</li><li>Choisissez un nom et collez le contenu de votre presse-papiers dans le champ URL.</li></ol>',
     cancel: 'Annuler',
+    expired: 'Expiré',
   },
   nl: {
     'label.addtocalendar': 'Opslaan in Agenda',
@@ -2797,6 +2838,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Toevoegen aan Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Open de Yahoo calendar.</li><li>Klik op de "Acties" tab.</li><li>Selecteer "Volg Andere Agenda\'s".</li><li>Kies een naam en plak de URL van uw klembord in het URL-veld.</li></ol>',
     cancel: 'Annuleren',
+    expired: 'Verlopen',
   },
   tr: {
     'label.addtocalendar': 'Takvime Ekle',
@@ -2817,6 +2859,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': "Yahoo'ya takvim ekleme",
     'modal.subscribe.yahoo.text': '<ol><li>Yahoo takvimini açın.</li><li>"Eylemler" sekmesine tıklayın.</li><li>"Diğer Takvimleri Takip Et" öğesini seçin.</li><li>Bir ad seçin ve URL\'yi panonuzdan URL alanına yapıştırın.</li></ol>',
     cancel: 'İptal',
+    expired: 'Günü geçmiş',
   },
   zh: {
     'label.addtocalendar': '添加到日历',
@@ -2837,6 +2880,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': '将日历添加到 Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>打开 Yahoo 日历。</li><li>点击“操作”标签。</li><li>选择“关注其他日历”。</li><li>选择一个名称并将剪贴板中的 URL 粘贴到 URL 字段中。</li></ol>',
     cancel: '中止',
+    expired: '已到期',
   },
   ar: {
     'label.addtocalendar': 'إضافة إلى التقويم',
@@ -2857,6 +2901,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'أضف التقويم إلى Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>افتح تقويم Yahoo.</li><li>انقر فوق علامة التبويب "الإجراءات".</li><li>حدد "متابعة تقويمات أخرى".</li><li>اختر اسمًا والصق عنوان URL من الحافظة الخاصة بك في حقل URL.</li></ol>',
     cancel: 'إحباط',
+    expired: 'منتهي الصلاحية',
   },
   hi: {
     'label.addtocalendar': 'कैलेंडर में जोड़ें',
@@ -2877,6 +2922,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Yahoo . में कैलेंडर जोड़ें',
     'modal.subscribe.yahoo.text': '<ol><li>Yahoo कैलेंडर खोलें।</li><li>"कृती" टैब पर क्लिक करें।</li><li>"इतर कॅलेंडर्सचे अनुसरण करा" चुनें।</li><li>एक नाम चुनें और अपने क्लिपबोर्ड से URL को URL फ़ील्ड में पेस्ट करें।</li></ol>',
     cancel: 'रद्द करना',
+    expired: 'खत्म हो चुका',
   },
   pl: {
     'label.addtocalendar': 'Dodaj do kalendarza',
@@ -2897,6 +2943,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Dodaj kalendarz do Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Otwórz kalendarz Yahoo.</li><li>Kliknij na zakładkę "Czynności".</li><li>Wybierz "Obserwuj inne kalendarze".</li><li>Wybierz nazwę i wklej adres URL ze schowka w polu URL.</li></ol>',
     cancel: 'Anuluj',
+    expired: 'Wygasły',
   },
   id: {
     'label.addtocalendar': 'Tambahkan ke Kalender',
@@ -2917,6 +2964,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Tambahkan kalender ke Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Buka kalender Yahoo.</li><li>Klik pada tab "Tindakan".</li><li>Pilih "Ikuti Kalender Lain".</li><li>Pilih nama dan tempelkan URL dari clipboard Anda ke bidang URL.</li></ol>',
     cancel: 'Batal',
+    expired: 'Kedaluwarsa',
   },
   no: {
     'label.addtocalendar': 'Legg til i kalenderen',
@@ -2937,6 +2985,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Legg til kalender til Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Åpne Yahoo-kalenderen.</li><li>Klikk på «Handlinger»-fanen.</li><li>Velg «Følg andre kalendere».</li><li>Velg et navn og lim inn URL-en fra utklippstavlen i URL-feltet.</li></ol>',
     cancel: 'Avbryt',
+    expired: 'Utløpt',
   },
   fi: {
     'label.addtocalendar': 'Lisää kalenteriin',
@@ -2957,6 +3006,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Lisää kalenteri Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Avaa Yahoo-kalenteri.</li><li>Napsauta "Toiminnot"-välilehteä.</li><li>Valitse "Seuraa muiden kalentereita".</li><li>Valitse nimi ja liitä URL-osoite leikepöydältäsi URL-kenttään.</li></ol>',
     cancel: 'Peruuta',
+    expired: 'Vanhentunut',
   },
   sv: {
     'label.addtocalendar': 'Lägg till i kalender',
@@ -2977,6 +3027,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Lägg till kalender i Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Öppna Yahoo-kalendern.</li><li>Klicka på fliken "Åtgärder".</li><li>Välj "Följ andra kalendrar".</li><li>Välj ett namn och klistra in URL:en från klippbordet i URL-fältet.</li></ol>',
     cancel: 'Avbryt',
+    expired: 'Utgånget',
   },
   cs: {
     'label.addtocalendar': 'Přidat do kalendáře',
@@ -2997,6 +3048,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Přidat kalendář do Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Otevřete kalendář Yahoo.</li><li>Klikněte na kartu "Akce".</li><li>Vyberte možnost "Sledovat další kalendáře".</li><li>Vyberte název a vložte adresu URL ze schránky do pole URL.</li></ol>',
     cancel: 'Storno',
+    expired: 'Platnost vypršela',
   },
   ja: {
     'label.addtocalendar': 'カレンダーに追加',
@@ -3017,6 +3069,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Yahooにカレンダーを追加する',
     'modal.subscribe.yahoo.text': '<ol><li>Yahooカレンダーを開く。</li><li>[実行] タブをクリックします。</li><li>[その他のカレンダーのフォロー] を選択します。</li><li>名前を決めて、クリップボードにあるURLをURL欄に貼り付けます。</li></ol>',
     cancel: 'キャンセル',
+    expired: '期限切れ',
   },
   it: {
     'label.addtocalendar': 'Aggiungi al calendario',
@@ -3037,6 +3090,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Aggiungi il calendario a Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Aprire il calendario di Yahoo.</li><li>Fare clic sulla scheda "Azioni".</li><li>Selezionare "Segui altri calendari".</li><li>Scegliere un nome e incollare l\'URL dagli appunti nel campo URL.</li></ol>',
     cancel: 'Annulla',
+    expired: 'Scaduta',
   },
   ko: {
     'label.addtocalendar': '캘린더에 추가',
@@ -3057,6 +3111,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Yahoo에 캘린더 추가',
     'modal.subscribe.yahoo.text': '<ol><li>Yahoo 캘린더를 엽니다.</li><li>"동작" 탭을 클릭합니다.</li><li>"다른 일정관리 팔로우"를 선택합니다.</li><li>이름을 선택하고 클립보드의 URL을 URL 필드에 붙여넣습니다.</li></ol>',
     cancel: '취소',
+    expired: '만료됨',
   },
   vi: {
     'label.addtocalendar': 'Thêm vào Lịch',
@@ -3077,6 +3132,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Thêm lịch vào Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Mở Lịch Yahoo.</li><li>Nhấp vào tab "Hành động".</li><li>Chọn "Theo dõi các Lịch khác".</li><li>Chọn tên và dán URL từ khay nhớ tạm của bạn vào trường URL.</li></ol>',
     cancel: 'Hủy bỏ',
+    expired: 'Hết hạn',
   },
   ro: {
     'label.addtocalendar': 'Adauga In Calendar',
@@ -3097,6 +3153,7 @@ const i18nStrings = {
     'modal.subscribe.yahoo.h': 'Adauga Calendar in Yahoo',
     'modal.subscribe.yahoo.text': '<ol><li>Deschide acum calendarul Yahoo.</li><li>Apasa pe tab-ul de "Actiuni".</li><li>Apasa "Urmareste alte calendare".</li><li>Seteaza un nume si lipeste continutul din clipboard in casuta cu url.</li></ol>',
     cancel: 'Anuleaza',
+    expired: 'Expirat',
   },
 };
 const availableLanguages = Object.keys(i18nStrings);
@@ -3130,6 +3187,7 @@ if (isBrowser()) {
       elem.innerHTML = template;
       this.attachShadow({ mode: 'open', delegateFocus: true });
       this.shadowRoot.append(elem.content.cloneNode(true));
+      this.loaded = false;
       this.initialized = false;
       this.data = {};
       this.error = false;
@@ -3142,43 +3200,17 @@ if (isBrowser()) {
       if (this.data.name == null || this.data.name == '') {
         try {
           this.data = atcb_read_attributes(this);
+          this.loaded = true;
         } catch (e) {
           if (this.debug) {
             atcb_render_debug_msg(this.shadowRoot, e);
           }
+          this.loaded = true;
           return;
         }
         this.data.proKey = '';
       }
-      atcbBtnCount = atcbBtnCount + 1;
-      if (this.identifier && this.identifier != '') {
-        this.data.identifier = this.identifier;
-      } else {
-        if (this.data.identifier && this.data.identifier != '') {
-          if (!/^[\w\-_]+$/.test(this.data.identifier)) {
-            this.data.identifier = '';
-            if (this.debug) {
-              console.warn('Add to Calendar Button generation: identifier invalid - using auto numbers instead');
-            }
-          } else {
-            this.data.identifier = 'atcb-btn-' + this.data.identifier;
-          }
-        }
-        if (this.data.identifier == null || this.data.identifier == '') {
-          this.data.identifier = 'atcb-btn-' + atcbBtnCount;
-        }
-        this.identifier = this.data.identifier;
-      }
-      this.setAttribute('atcb-button-id', this.data.identifier);
-      this.initialized = true;
-      try {
-        atcb_build_button(this.shadowRoot, this.data, this.debug);
-      } catch (e) {
-        if (this.debug) {
-          atcb_render_debug_msg(this.shadowRoot, e);
-        }
-        return;
-      }
+      this.initButton();
     }
     disconnectedCallback() {
       atcb_cleanup(this.shadowRoot, this.data);
@@ -3201,10 +3233,10 @@ if (isBrowser()) {
       if (this.data.proKey != null && this.data.proKey != '') {
         return;
       }
-      if (!this.initialized) {
+      if (!this.loaded) {
         return;
       }
-      if (this.debug) {
+      if (this.debug && this.initialized) {
         console.log(`${name}'s value has been changed from ${oldValue} to ${newValue}`);
       }
       atcb_cleanup(this.shadowRoot, this.data);
@@ -3221,7 +3253,32 @@ if (isBrowser()) {
         }
         return;
       }
-      this.data.identifier = this.identifier;
+      this.initButton();
+    }
+    initButton() {
+      if (!this.initialized) {
+        this.initialized = true;
+        atcbBtnCount = atcbBtnCount + 1;
+      }
+      if (this.identifier && this.identifier != '') {
+        this.data.identifier = this.identifier;
+      } else {
+        if (this.data.identifier && this.data.identifier != '') {
+          if (!/^[\w\-_]+$/.test(this.data.identifier)) {
+            this.data.identifier = '';
+            if (this.debug) {
+              console.warn('Add to Calendar Button generation: identifier invalid - using auto numbers instead');
+            }
+          } else {
+            this.data.identifier = 'atcb-btn-' + this.data.identifier;
+          }
+        }
+        if (this.data.identifier == null || this.data.identifier == '') {
+          this.data.identifier = 'atcb-btn-' + atcbBtnCount;
+        }
+        this.identifier = this.data.identifier;
+      }
+      this.setAttribute('atcb-button-id', this.data.identifier);
       try {
         atcb_build_button(this.shadowRoot, this.data, this.debug);
       } catch (e) {
@@ -3242,7 +3299,7 @@ function atcb_read_attributes(el) {
   for (let i = 0; i < atcbWcParams.length; i++) {
     let attr = atcbWcParams[`${i}`];
     if (el.hasAttribute(`${attr}`)) {
-      let inputVal = atcb_secure_content(el.getAttribute(`${attr}`).replace(/(\r\n|\n|\r)/g, ''), false);
+      let inputVal = atcb_secure_content(el.getAttribute(`${attr}`).replace(/(\\r\\n|\\n|\\r)/g, ''), false);
       let val;
       if (atcbWcBooleanParams.includes(attr)) {
         if (inputVal == '') {
@@ -3287,7 +3344,7 @@ function atcb_read_attributes(el) {
     }
     const identifierAttr = el.getAttribute('identifier');
     if (identifierAttr != null && identifierAttr != '') {
-      data['identifier'] = atcb_secure_content(identifierAttr.replace(/(\r\n|\n|\r)/g, ''), false);
+      data['identifier'] = atcb_secure_content(identifierAttr.replace(/(\\r\\n|\\n|\\r)/g, ''), false);
     }
   }
   if (!atcb_check_required(data)) {
@@ -3295,7 +3352,7 @@ function atcb_read_attributes(el) {
     const atcbJsonInput = (function () {
       if (slotInput != '') {
         try {
-          return JSON.parse(atcb_secure_content(slotInput.replace(/(\r\n|\n|\r)/g, ''), false));
+          return JSON.parse(atcb_secure_content(slotInput.replace(/(\\r\\n|\\n|\\r)/g, ''), false));
         } catch (e) {
           throw new Error('Add to Calendar Button generation failed: JSON content provided, but badly formatted (in doubt, try some tool like https://jsonformatter.org/ to validate).\r\nError message: ' + e);
         }
@@ -3320,10 +3377,12 @@ function atcb_build_button(host, data, debug = false) {
     atcb_setup_state_management(data);
     atcb_set_global_event_listener(host, data);
     atcb_init_log(data.proKey, debug);
-    atcb_generate_button(host, rootObj, data, debug);
-    if (!data.hideRichData && data.name && data.dates[0].location && data.dates[0].startDate) {
-      atcb_generate_rich_data(data, host.host);
-      data.schemaEl = host.host.previousSibling;
+    if (!data.hidden) {
+      atcb_generate_button(host, rootObj, data, debug);
+      if (!data.hideRichData && data.name && data.dates[0].location && data.dates[0].startDate) {
+        atcb_generate_rich_data(data, host.host);
+        data.schemaEl = host.host.previousSibling;
+      }
     }
     atcb_log_event('initialization', data.identifier, data.identifier);
   } else if (debug) {
@@ -3385,14 +3444,14 @@ function atcb_load_css(host, rootObj = null, style = '', inline = false, buttons
     const cssContent = document.createElement('style');
     const overrideDefaultCss = (function () {
       if (host.host.hasAttribute('styleLight')) {
-        const output = ':host { ' + atcb_secure_content(host.host.getAttribute('styleLight').replace(/(\r\n|\n|\r)/g, ''), false) + ' }';
+        const output = ':host { ' + atcb_secure_content(host.host.getAttribute('styleLight').replace(/(\\r\\n|\\n|\\r)/g, ''), false) + ' }';
         return output;
       }
       return '';
     })();
     const overrideDarkCss = (function () {
       if (host.host.hasAttribute('styleDark')) {
-        const output = ':host(.atcb-dark), :host-context(html.atcb-dark):host(.atcb-bodyScheme), :host-context(body.atcb-dark):host(.atcb-bodyScheme) { ' + atcb_secure_content(host.host.getAttribute('styleDark').replace(/(\r\n|\n|\r)/g, ''), false) + ' }';
+        const output = ':host(.atcb-dark), :host-context(html.atcb-dark):host(.atcb-bodyScheme), :host-context(body.atcb-dark):host(.atcb-bodyScheme) { ' + atcb_secure_content(host.host.getAttribute('styleDark').replace(/(\\r\\n|\\n|\\r)/g, ''), false) + ' }';
         return output;
       }
       return '';
@@ -3497,36 +3556,38 @@ function atcb_action(data, triggerElement, keyboardTrigger = false) {
     }
     potentialExistingHost.remove();
   }
-  let host = document.createElement('div');
-  host.id = 'atcb-customTrigger-' + data.identifier + '-host';
-  if (root == document.body) {
-    document.body.append(host);
-  } else {
-    root.after(host);
-  }
-  if (triggerElement) {
-    const btnDim = triggerElement.getBoundingClientRect();
-    host.style.position = 'relative';
-    host.style.left = -btnDim.width + 'px';
-    host.style.top = btnDim.height + 'px';
-  }
-  host.setAttribute('atcb-button-id', data.identifier);
-  host.attachShadow({ mode: 'open', delegateFocus: true });
-  const elem = document.createElement('template');
-  elem.innerHTML = template;
-  host.shadowRoot.append(elem.content.cloneNode(true));
-  const rootObj = host.shadowRoot.querySelector('.atcb-initialized');
-  atcb_setup_state_management(data);
-  atcb_set_light_mode(host.shadowRoot, data);
-  host.shadowRoot.querySelector('.atcb-initialized').setAttribute('lang', data.language);
-  atcb_load_css(host.shadowRoot, rootObj, data.buttonStyle, false, false, data.customCss);
-  atcb_set_global_event_listener(host.shadowRoot, data);
   atcb_log_event('initialization', data.identifier, data.identifier);
-  if (oneOption) {
-    atcb_generate_links(host.shadowRoot, data.options[0], data, 'all', keyboardTrigger);
-    atcb_log_event('openSingletonLink', data.identifier, data.identifier);
-  } else {
-    atcb_toggle(host.shadowRoot, 'open', data, triggerElement, keyboardTrigger);
+  if (!data.blockInteraction) {
+    let host = document.createElement('div');
+    host.id = 'atcb-customTrigger-' + data.identifier + '-host';
+    if (root == document.body) {
+      document.body.append(host);
+    } else {
+      root.after(host);
+    }
+    if (triggerElement) {
+      const btnDim = triggerElement.getBoundingClientRect();
+      host.style.position = 'relative';
+      host.style.left = -btnDim.width + 'px';
+      host.style.top = btnDim.height + 'px';
+    }
+    host.setAttribute('atcb-button-id', data.identifier);
+    host.attachShadow({ mode: 'open', delegateFocus: true });
+    const elem = document.createElement('template');
+    elem.innerHTML = template;
+    host.shadowRoot.append(elem.content.cloneNode(true));
+    const rootObj = host.shadowRoot.querySelector('.atcb-initialized');
+    atcb_setup_state_management(data);
+    atcb_set_light_mode(host.shadowRoot, data);
+    host.shadowRoot.querySelector('.atcb-initialized').setAttribute('lang', data.language);
+    atcb_load_css(host.shadowRoot, rootObj, data.buttonStyle, false, false, data.customCss);
+    atcb_set_global_event_listener(host.shadowRoot, data);
+    if (oneOption) {
+      atcb_generate_links(host.shadowRoot, data.options[0], data, 'all', keyboardTrigger);
+      atcb_log_event('openSingletonLink', data.identifier, data.identifier);
+    } else {
+      atcb_toggle(host.shadowRoot, 'open', data, triggerElement, keyboardTrigger);
+    }
   }
   atcb_init_log(data.proKey, data.debug);
   if (data.debug) {
@@ -3555,8 +3616,7 @@ function atcb_init_log(pro = '', debug = false) {
     if (pro != '') {
       console.log('Add to Calendar PRO script initialized' + versionOutput + ' | https://add-to-calendar-pro.com');
     } else {
-      console.log('%cAdd to Calendar Button script initialized' + versionOutput, 'font-weight: bold;');
-      console.log('see https://add-to-calendar-button.com for details');
+      console.log('%c\nAdd to Calendar Button script initialized' + versionOutput + '\n' + 'see https://add-to-calendar-button.com for details.\n', 'font-weight: bold;');
     }
     atcbInitialGlobalInit = true;
   }
@@ -3585,7 +3645,7 @@ function atcb_set_global_event_listener(host, data) {
     lightModeMutationObserver[data.identifier].observe(document.documentElement, { attributes: true });
     lightModeMutationObserver[data.identifier].observe(document.body, { attributes: true });
   }
-  if (!atcbInitialGlobalInit && !data.blockInteraction) {
+  if (!atcbInitialGlobalInit) {
     document.addEventListener('keyup', atcb_global_listener_keyup);
     document.addEventListener('keydown', atcb_global_listener_keydown);
     window.addEventListener('resize', atcb_global_listener_resize);