add-to-calendar-button 2.2.2 → 2.2.3

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.3
  *  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.3';
+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) {
@@ -1159,7 +1162,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 +1218,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 +1249,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 +1588,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 () {
@@ -2697,6 +2712,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 +2733,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 +2754,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 +2775,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 +2796,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 +2817,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 +2838,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 +2859,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 +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: 'منتهي الصلاحية',
   },
   hi: {
     'label.addtocalendar': 'कैलेंडर में जोड़ें',
@@ -2877,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: 'खत्म हो चुका',
   },
   pl: {
     'label.addtocalendar': 'Dodaj do kalendarza',
@@ -2897,6 +2922,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 +2943,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 +2964,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 +2985,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 +3006,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 +3027,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 +3048,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 +3069,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 +3090,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 +3111,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 +3132,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 +3166,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 +3179,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 +3212,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 +3232,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) {
@@ -3320,10 +3356,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) {
@@ -3497,36 +3535,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 +3595,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 +3624,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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "add-to-calendar-button",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "engines": {
     "node": ">=16.18.1",
     "npm": ">=8.19.2"