add-to-calendar-button 2.5.0 → 2.5.2

package/assets/css/atcb-3d.css

@@ -5,7 +5,7 @@
  *
  * Style: 3D
  *
- * Version: 2.5.0
+ * Version: 2.5.2
  * 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)

package/assets/css/atcb-date.css

@@ -5,7 +5,7 @@
  *
  * Style: Date
  *
- * Version: 2.5.0
+ * Version: 2.5.2
  * 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)

package/assets/css/atcb-flat.css

@@ -5,7 +5,7 @@
  *
  * Style: Flat
  *
- * Version: 2.5.0
+ * Version: 2.5.2
  * 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)

package/assets/css/atcb-neumorphism.css

@@ -5,7 +5,7 @@
  *
  * Style: Neumorphism
  *
- * Version: 2.5.0
+ * Version: 2.5.2
  * 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)

package/assets/css/atcb-round.css

@@ -5,7 +5,7 @@
  *
  * Style: Round
  *
- * Version: 2.5.0
+ * Version: 2.5.2
  * 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)

package/assets/css/atcb-text.css

@@ -5,7 +5,7 @@
  *
  * Style: Text
  *
- * Version: 2.5.0
+ * Version: 2.5.2
  * 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)

package/assets/css/atcb.css

@@ -5,7 +5,7 @@
  *
  * Style: Default
  *
- * Version: 2.5.0
+ * Version: 2.5.2
  * 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)

package/dist/atcb-no-pro-unstyle.js

@@ -977,14 +977,14 @@ function tzlib_get_timezones(jsonType = false) {
  *  Add to Calendar Button
  *  ++++++++++++++++++++++
  *
- *  Version: 2.5.0
+ *  Version: 2.5.2
  *  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.5.0';
+const atcbVersion = '2.5.2';
 const atcbCssTemplate = {};
 const atcbIsBrowser = () => {
   if (typeof window === 'undefined') {
@@ -1998,7 +1998,7 @@ function atcb_toggle(host, action, data = '', button = null, keyboardTrigger = f
     atcb_open(host, data, button, keyboardTrigger, generatedButton);
   }
 }
-function atcb_open(host, data, button = null, keyboardTrigger = false, generatedButton = false) {
+async function atcb_open(host, data, button = null, keyboardTrigger = false, generatedButton = false) {
   if (host.querySelector('.atcb-list') || host.querySelector('.atcb-modal')) return;
   atcb_log_event('openList', data.identifier, data.identifier);
   atcbStates['active'] = data.identifier;
@@ -2029,7 +2029,7 @@ function atcb_open(host, data, button = null, keyboardTrigger = false, generated
   }
   const bgOverlay = atcb_generate_bg_overlay(host, data.trigger, data.listStyle === 'modal', !data.hideBackground);
   if (data.listStyle === 'modal') {
-    const modalHost = atcb_generate_modal_host(host, data);
+    const modalHost = await atcb_generate_modal_host(host, data);
     modalHost.querySelector('.atcb-modal-host-initialized').append(bgOverlay);
     bgOverlay.append(list);
     if (!data.hideBranding) {
@@ -2481,9 +2481,9 @@ function atcb_create_atcbl(host, atList = true, returnEl = false) {
     }
   }
 }
-function atcb_create_modal(host, data, icon = '', headline, content = '', buttons = [], subEvents = [], keyboardTrigger = false, goto = {}, closable = true) {
+async function atcb_create_modal(host, data, icon = '', headline, content = '', buttons = [], subEvents = [], keyboardTrigger = false, goto = {}, closable = true) {
   atcbStates['active'] = data.identifier;
-  const modalHost = atcb_generate_modal_host(host, data, false);
+  const modalHost = await atcb_generate_modal_host(host, data, false);
   const bgOverlay = (function () {
     const el = modalHost.getElementById('atcb-bgoverlay');
     if (!el) {
@@ -2659,7 +2659,7 @@ function atcb_create_modal(host, data, icon = '', headline, content = '', button
   });
   if (modalCount > 1) {
     const prevModal = modalHost.querySelector('.atcb-modal[data-modal-nr="' + (modalCount - 1) + '"]');
-    prevModal.style.display = 'none';
+    prevModal.classList.add('atcb-hidden');
   }
   atcb_manage_body_scroll(modalHost, modalWrapper);
 }
@@ -2814,7 +2814,7 @@ function atcb_generate_date_button(data, parent, subEvent = 'all') {
     parent.append(btnCheck);
   }
 }
-function atcb_generate_modal_host(host, data, reset = true) {
+async function atcb_generate_modal_host(host, data, reset = true) {
   const existingModalHost = document.getElementById(data.identifier + '-modal-host');
   if (!reset && existingModalHost) {
     return existingModalHost.shadowRoot;
@@ -2824,12 +2824,6 @@ function atcb_generate_modal_host(host, data, reset = true) {
   }
   let newModalHost = document.createElement('div');
   newModalHost.id = data.identifier + '-modal-host';
-  if (data.styleLight) {
-    newModalHost.setAttribute('styleLight', data.styleLight);
-  }
-  if (data.styleDark) {
-    newModalHost.setAttribute('styleDark', data.styleDark);
-  }
   if (host.host.hasAttribute('cspnonce')) {
     newModalHost.setAttribute('cspnonce', host.host.getAttribute('cspnonce'));
   }
@@ -2838,14 +2832,14 @@ function atcb_generate_modal_host(host, data, reset = true) {
   document.body.append(newModalHost);
   newModalHost.attachShadow({ mode: 'open', delegateFocus: true });
   const elem = document.createElement('template');
-  elem.innerHTML = '<div class="atcb-modal-host-initialized" style="translate3D(0, 0, 0);visibility:visible;opacity:1;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;z-index:13999999;"></div>';
+  elem.innerHTML = '<div class="atcb-modal-host-initialized" style="transform:translate3D(0, 0, 0);visibility:visible;opacity:1;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;z-index:13999999;"></div>';
   newModalHost.shadowRoot.append(elem.content.cloneNode(true));
   atcb_set_light_mode(newModalHost.shadowRoot, data);
-  atcb_load_css(newModalHost.shadowRoot, null, data);
+  await atcb_load_css(newModalHost.shadowRoot, null, data);
   return newModalHost.shadowRoot;
 }
-function atcb_generate_overlay_dom(host, data) {
-  const newHost = atcb_generate_modal_host(host, data);
+async function atcb_generate_overlay_dom(host, data) {
+  const newHost = await atcb_generate_modal_host(host, data);
   atcb_set_fullsize(newHost.querySelector('.atcb-modal-host-initialized'));
   const nodes = Array.from(host.children);
   nodes.forEach((node) => {
@@ -3536,7 +3530,7 @@ function atcb_save_file(file, filename) {
   }
 }
 function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', addTimeZoneOffset = false) {
-  if (data.startTime != null && data.startTime != '' && data.endTime != null && data.endTime != '') {
+  if (data.startTime && data.startTime !== '' && data.endTime && data.endTime !== '') {
     const newStartDate = new Date(data.startDate + 'T' + data.startTime + ':00.000+00:00');
     if (!data.endDate) data.endDate = data.startDate;
     const newEndDate = new Date(data.endDate + 'T' + data.endTime + ':00.000+00:00');
@@ -3581,7 +3575,7 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', a
     };
   } else {
     const startDate = data.startDate.split('-');
-    const endDate = data.endDate.split('-');
+    const endDate = data.endDate ? data.endDate.split('-') : startDate;
     const newStartDate = new Date(Date.UTC(startDate[0], startDate[1] - 1, startDate[2], 12, 0, 0));
     const newEndDate = new Date(Date.UTC(endDate[0], endDate[1] - 1, endDate[2], 12, 0, 0));
     if (targetCal === 'google' || (targetCal === 'microsoft' && !atcbIsMobile()) || targetCal === 'msteams' || targetCal === 'ical') {
@@ -3634,7 +3628,8 @@ function atcb_format_datetime(datetime, style = 'delimiters', includeTime = true
 }
 function atcb_generate_timestring(dates, language = 'en', subEvent = 'all', decorate = false, browserTimeOverride = false, enforceYear = false, hideTimeZone = false) {
   if (decorate) {
-    dates = atcb_decorate_data_dates({ dates: dates }).dates;
+    const tmpRootTZ = atcb_decorate_data_timezone();
+    dates = atcb_decorate_data_dates({ dates: dates, timeZone: tmpRootTZ }).dates;
   }
   let startDateInfo, endDateInfo, timeZoneInfoStart, timeZoneInfoEnd;
   let formattedTimeStart = {};
@@ -4950,15 +4945,15 @@ if (atcbIsBrowser()) {
         if (this.data.proKey) this.proKey = this.data.proKey;
       }
       if (!this.data.name || this.data.name === '') {
+        this.data.proKey = '';
         try {
           this.data = atcb_process_inline_data(this, this.debug);
         } catch (e) {
           if (this.debug) {
             atcb_render_debug_msg(this.shadowRoot, e);
           }
+          this.loaded = true;
           return;
-        } finally {
-          this.data.proKey = '';
         }
       }
       this.loaded = true;
@@ -4975,7 +4970,7 @@ if (atcbIsBrowser()) {
     }
     static get observedAttributes() {
       const observeAdditionally = ['instance', 'proKey'];
-      if (this.proKey != null && this.proKey != '') {
+      if (this.proKey && this.proKey !== '') {
         return atcbWcProParams
           .map((element) => {
             return element.toLowerCase();
@@ -5067,17 +5062,19 @@ function atcb_process_inline_data(el, debug = false) {
   if (!atcb_check_required(data)) {
     const slotInput = el.innerHTML;
     const atcbJsonInput = (function () {
-      if (slotInput != '') {
+      if (slotInput !== '') {
         try {
           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);
         }
       }
-      return '';
+      return null;
     })();
-    if (atcbJsonInput.length === 0 && debug) {
-      console.error(data.validationError);
+    if (!atcbJsonInput || (Array.isArray(atcbJsonInput) && atcbJsonInput.length === 0) || (typeof atcbJsonInput === 'object' && Object.keys(atcbJsonInput).length === 0)) {
+      if (debug) {
+        console.error(data.validationError);
+      }
       throw new Error('Add to Calendar Button generation failed: no data provided or missing required fields - see console logs for details');
     }
     data = atcbJsonInput;
@@ -5208,7 +5205,7 @@ function atcb_csp_nonce(host) {
   }
   return host.host.getAttribute('cspnonce');
 }
-function atcb_load_css(host, rootObj = null, data) {
+async function atcb_load_css(host, rootObj = null, data) {
   const nonceVal = atcb_csp_nonce(host);
   if (!document.getElementById('atcb-global-style')) {
     const cssGlobalContent = document.createElement('style');
@@ -5247,9 +5244,8 @@ function atcb_load_css(host, rootObj = null, data) {
     if (nonceVal) {
       cssFile.setAttribute('nonce', nonceVal);
     }
-    if (rootObj == null) {
-      host.host.style.display = 'none';
-      loadExternalCssAsynch(cssFile, host, host.host, nonceVal);
+    if (!rootObj) {
+      await loadExternalCssAsynch(cssFile, host, null, nonceVal, null, false, false, overrideDefaultCss + overrideDarkCss);
     } else {
       const placeholder = document.createElement('div');
       placeholder.classList.add('atcb-placeholder');
@@ -5264,7 +5260,7 @@ function atcb_load_css(host, rootObj = null, data) {
     }
     return;
   }
-  if (data.buttonStyle !== 'none' && atcbCssTemplate[`${data.buttonStyle}`] != null) {
+  if (data.buttonStyle !== 'none' && atcbCssTemplate[`${data.buttonStyle}`]) {
     const cssContent = document.createElement('style');
     if (nonceVal) {
       cssContent.setAttribute('nonce', nonceVal);
@@ -5272,7 +5268,7 @@ function atcb_load_css(host, rootObj = null, data) {
     cssContent.innerText = atcbCssTemplate[`${data.buttonStyle}`] + overrideDefaultCss + overrideDarkCss;
     host.prepend(cssContent);
   }
-  if (rootObj != null) {
+  if (rootObj) {
     if (data.inline) {
       rootObj.style.display = 'inline-block';
       rootObj.classList.add('atcb-inline');
@@ -5284,7 +5280,7 @@ function atcb_load_css(host, rootObj = null, data) {
     rootObj.classList.remove('atcb-hidden');
   }
 }
-async function loadExternalCssAsynch(cssFile, host, rootObj, nonceVal = null, placeholder = null, inline = false, buttonsList = false, overrideCss = '') {
+async function loadExternalCssAsynch(cssFile, host, rootObj = null, nonceVal = null, placeholder = null, inline = false, buttonsList = false, overrideCss = '') {
   if (overrideCss !== '') {
     const cssContent = document.createElement('style');
     cssContent.innerText = overrideCss;
@@ -5298,18 +5294,20 @@ async function loadExternalCssAsynch(cssFile, host, rootObj, nonceVal = null, pl
     await new Promise((resolve) => {
       cssFile.onload = resolve;
     });
-    if (placeholder) {
-      placeholder.remove();
-    }
-    if (inline) {
-      rootObj.style.display = 'inline-block';
-      rootObj.classList.add('atcb-inline');
-    } else {
-      if (buttonsList) {
-        rootObj.classList.add('atcb-buttons-list');
+    if (rootObj) {
+      if (placeholder) {
+        placeholder.remove();
       }
+      if (inline) {
+        rootObj.style.display = 'inline-block';
+        rootObj.classList.add('atcb-inline');
+      } else {
+        if (buttonsList) {
+          rootObj.classList.add('atcb-buttons-list');
+        }
+      }
+      rootObj.classList.remove('atcb-hidden');
     }
-    rootObj.classList.remove('atcb-hidden');
   } catch (e) {
     console.log(e);
   }

package/dist/atcb-no-pro.js

@@ -977,14 +977,14 @@ function tzlib_get_timezones(jsonType = false) {
  *  Add to Calendar Button
  *  ++++++++++++++++++++++
  *
- *  Version: 2.5.0
+ *  Version: 2.5.2
  *  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.5.0';
+const atcbVersion = '2.5.2';
 const atcbCssTemplate = {
   if (typeof window === 'undefined') {
     return false;
@@ -1997,7 +1997,7 @@ function atcb_toggle(host, action, data = '', button = null, keyboardTrigger = f
     atcb_open(host, data, button, keyboardTrigger, generatedButton);
   }
 }
-function atcb_open(host, data, button = null, keyboardTrigger = false, generatedButton = false) {
+async function atcb_open(host, data, button = null, keyboardTrigger = false, generatedButton = false) {
   if (host.querySelector('.atcb-list') || host.querySelector('.atcb-modal')) return;
   atcb_log_event('openList', data.identifier, data.identifier);
   atcbStates['active'] = data.identifier;
@@ -2028,7 +2028,7 @@ function atcb_open(host, data, button = null, keyboardTrigger = false, generated
   }
   const bgOverlay = atcb_generate_bg_overlay(host, data.trigger, data.listStyle === 'modal', !data.hideBackground);
   if (data.listStyle === 'modal') {
-    const modalHost = atcb_generate_modal_host(host, data);
+    const modalHost = await atcb_generate_modal_host(host, data);
     modalHost.querySelector('.atcb-modal-host-initialized').append(bgOverlay);
     bgOverlay.append(list);
     if (!data.hideBranding) {
@@ -2480,9 +2480,9 @@ function atcb_create_atcbl(host, atList = true, returnEl = false) {
     }
   }
 }
-function atcb_create_modal(host, data, icon = '', headline, content = '', buttons = [], subEvents = [], keyboardTrigger = false, goto = {}, closable = true) {
+async function atcb_create_modal(host, data, icon = '', headline, content = '', buttons = [], subEvents = [], keyboardTrigger = false, goto = {}, closable = true) {
   atcbStates['active'] = data.identifier;
-  const modalHost = atcb_generate_modal_host(host, data, false);
+  const modalHost = await atcb_generate_modal_host(host, data, false);
   const bgOverlay = (function () {
     const el = modalHost.getElementById('atcb-bgoverlay');
     if (!el) {
@@ -2658,7 +2658,7 @@ function atcb_create_modal(host, data, icon = '', headline, content = '', button
   });
   if (modalCount > 1) {
     const prevModal = modalHost.querySelector('.atcb-modal[data-modal-nr="' + (modalCount - 1) + '"]');
-    prevModal.style.display = 'none';
+    prevModal.classList.add('atcb-hidden');
   }
   atcb_manage_body_scroll(modalHost, modalWrapper);
 }
@@ -2813,7 +2813,7 @@ function atcb_generate_date_button(data, parent, subEvent = 'all') {
     parent.append(btnCheck);
   }
 }
-function atcb_generate_modal_host(host, data, reset = true) {
+async function atcb_generate_modal_host(host, data, reset = true) {
   const existingModalHost = document.getElementById(data.identifier + '-modal-host');
   if (!reset && existingModalHost) {
     return existingModalHost.shadowRoot;
@@ -2823,12 +2823,6 @@ function atcb_generate_modal_host(host, data, reset = true) {
   }
   let newModalHost = document.createElement('div');
   newModalHost.id = data.identifier + '-modal-host';
-  if (data.styleLight) {
-    newModalHost.setAttribute('styleLight', data.styleLight);
-  }
-  if (data.styleDark) {
-    newModalHost.setAttribute('styleDark', data.styleDark);
-  }
   if (host.host.hasAttribute('cspnonce')) {
     newModalHost.setAttribute('cspnonce', host.host.getAttribute('cspnonce'));
   }
@@ -2837,14 +2831,14 @@ function atcb_generate_modal_host(host, data, reset = true) {
   document.body.append(newModalHost);
   newModalHost.attachShadow({ mode: 'open', delegateFocus: true });
   const elem = document.createElement('template');
-  elem.innerHTML = '<div class="atcb-modal-host-initialized" style="translate3D(0, 0, 0);visibility:visible;opacity:1;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;z-index:13999999;"></div>';
+  elem.innerHTML = '<div class="atcb-modal-host-initialized" style="transform:translate3D(0, 0, 0);visibility:visible;opacity:1;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;z-index:13999999;"></div>';
   newModalHost.shadowRoot.append(elem.content.cloneNode(true));
   atcb_set_light_mode(newModalHost.shadowRoot, data);
-  atcb_load_css(newModalHost.shadowRoot, null, data);
+  await atcb_load_css(newModalHost.shadowRoot, null, data);
   return newModalHost.shadowRoot;
 }
-function atcb_generate_overlay_dom(host, data) {
-  const newHost = atcb_generate_modal_host(host, data);
+async function atcb_generate_overlay_dom(host, data) {
+  const newHost = await atcb_generate_modal_host(host, data);
   atcb_set_fullsize(newHost.querySelector('.atcb-modal-host-initialized'));
   const nodes = Array.from(host.children);
   nodes.forEach((node) => {
@@ -3535,7 +3529,7 @@ function atcb_save_file(file, filename) {
   }
 }
 function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', addTimeZoneOffset = false) {
-  if (data.startTime != null && data.startTime != '' && data.endTime != null && data.endTime != '') {
+  if (data.startTime && data.startTime !== '' && data.endTime && data.endTime !== '') {
     const newStartDate = new Date(data.startDate + 'T' + data.startTime + ':00.000+00:00');
     if (!data.endDate) data.endDate = data.startDate;
     const newEndDate = new Date(data.endDate + 'T' + data.endTime + ':00.000+00:00');
@@ -3580,7 +3574,7 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', a
     };
   } else {
     const startDate = data.startDate.split('-');
-    const endDate = data.endDate.split('-');
+    const endDate = data.endDate ? data.endDate.split('-') : startDate;
     const newStartDate = new Date(Date.UTC(startDate[0], startDate[1] - 1, startDate[2], 12, 0, 0));
     const newEndDate = new Date(Date.UTC(endDate[0], endDate[1] - 1, endDate[2], 12, 0, 0));
     if (targetCal === 'google' || (targetCal === 'microsoft' && !atcbIsMobile()) || targetCal === 'msteams' || targetCal === 'ical') {
@@ -3633,7 +3627,8 @@ function atcb_format_datetime(datetime, style = 'delimiters', includeTime = true
 }
 function atcb_generate_timestring(dates, language = 'en', subEvent = 'all', decorate = false, browserTimeOverride = false, enforceYear = false, hideTimeZone = false) {
   if (decorate) {
-    dates = atcb_decorate_data_dates({ dates: dates }).dates;
+    const tmpRootTZ = atcb_decorate_data_timezone();
+    dates = atcb_decorate_data_dates({ dates: dates, timeZone: tmpRootTZ }).dates;
   }
   let startDateInfo, endDateInfo, timeZoneInfoStart, timeZoneInfoEnd;
   let formattedTimeStart = {};
@@ -4949,15 +4944,15 @@ if (atcbIsBrowser()) {
         if (this.data.proKey) this.proKey = this.data.proKey;
       }
       if (!this.data.name || this.data.name === '') {
+        this.data.proKey = '';
         try {
           this.data = atcb_process_inline_data(this, this.debug);
         } catch (e) {
           if (this.debug) {
             atcb_render_debug_msg(this.shadowRoot, e);
           }
+          this.loaded = true;
           return;
-        } finally {
-          this.data.proKey = '';
         }
       }
       this.loaded = true;
@@ -4974,7 +4969,7 @@ if (atcbIsBrowser()) {
     }
     static get observedAttributes() {
       const observeAdditionally = ['instance', 'proKey'];
-      if (this.proKey != null && this.proKey != '') {
+      if (this.proKey && this.proKey !== '') {
         return atcbWcProParams
           .map((element) => {
             return element.toLowerCase();
@@ -5066,17 +5061,19 @@ function atcb_process_inline_data(el, debug = false) {
   if (!atcb_check_required(data)) {
     const slotInput = el.innerHTML;
     const atcbJsonInput = (function () {
-      if (slotInput != '') {
+      if (slotInput !== '') {
         try {
           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);
         }
       }
-      return '';
+      return null;
     })();
-    if (atcbJsonInput.length === 0 && debug) {
-      console.error(data.validationError);
+    if (!atcbJsonInput || (Array.isArray(atcbJsonInput) && atcbJsonInput.length === 0) || (typeof atcbJsonInput === 'object' && Object.keys(atcbJsonInput).length === 0)) {
+      if (debug) {
+        console.error(data.validationError);
+      }
       throw new Error('Add to Calendar Button generation failed: no data provided or missing required fields - see console logs for details');
     }
     data = atcbJsonInput;
@@ -5207,7 +5204,7 @@ function atcb_csp_nonce(host) {
   }
   return host.host.getAttribute('cspnonce');
 }
-function atcb_load_css(host, rootObj = null, data) {
+async function atcb_load_css(host, rootObj = null, data) {
   const nonceVal = atcb_csp_nonce(host);
   if (!document.getElementById('atcb-global-style')) {
     const cssGlobalContent = document.createElement('style');
@@ -5246,9 +5243,8 @@ function atcb_load_css(host, rootObj = null, data) {
     if (nonceVal) {
       cssFile.setAttribute('nonce', nonceVal);
     }
-    if (rootObj == null) {
-      host.host.style.display = 'none';
-      loadExternalCssAsynch(cssFile, host, host.host, nonceVal);
+    if (!rootObj) {
+      await loadExternalCssAsynch(cssFile, host, null, nonceVal, null, false, false, overrideDefaultCss + overrideDarkCss);
     } else {
       const placeholder = document.createElement('div');
       placeholder.classList.add('atcb-placeholder');
@@ -5263,7 +5259,7 @@ function atcb_load_css(host, rootObj = null, data) {
     }
     return;
   }
-  if (data.buttonStyle !== 'none' && atcbCssTemplate[`${data.buttonStyle}`] != null) {
+  if (data.buttonStyle !== 'none' && atcbCssTemplate[`${data.buttonStyle}`]) {
     const cssContent = document.createElement('style');
     if (nonceVal) {
       cssContent.setAttribute('nonce', nonceVal);
@@ -5271,7 +5267,7 @@ function atcb_load_css(host, rootObj = null, data) {
     cssContent.innerText = atcbCssTemplate[`${data.buttonStyle}`] + overrideDefaultCss + overrideDarkCss;
     host.prepend(cssContent);
   }
-  if (rootObj != null) {
+  if (rootObj) {
     if (data.inline) {
       rootObj.style.display = 'inline-block';
       rootObj.classList.add('atcb-inline');
@@ -5283,7 +5279,7 @@ function atcb_load_css(host, rootObj = null, data) {
     rootObj.classList.remove('atcb-hidden');
   }
 }
-async function loadExternalCssAsynch(cssFile, host, rootObj, nonceVal = null, placeholder = null, inline = false, buttonsList = false, overrideCss = '') {
+async function loadExternalCssAsynch(cssFile, host, rootObj = null, nonceVal = null, placeholder = null, inline = false, buttonsList = false, overrideCss = '') {
   if (overrideCss !== '') {
     const cssContent = document.createElement('style');
     cssContent.innerText = overrideCss;
@@ -5297,18 +5293,20 @@ async function loadExternalCssAsynch(cssFile, host, rootObj, nonceVal = null, pl
     await new Promise((resolve) => {
       cssFile.onload = resolve;
     });
-    if (placeholder) {
-      placeholder.remove();
-    }
-    if (inline) {
-      rootObj.style.display = 'inline-block';
-      rootObj.classList.add('atcb-inline');
-    } else {
-      if (buttonsList) {
-        rootObj.classList.add('atcb-buttons-list');
+    if (rootObj) {
+      if (placeholder) {
+        placeholder.remove();
       }
+      if (inline) {
+        rootObj.style.display = 'inline-block';
+        rootObj.classList.add('atcb-inline');
+      } else {
+        if (buttonsList) {
+          rootObj.classList.add('atcb-buttons-list');
+        }
+      }
+      rootObj.classList.remove('atcb-hidden');
     }
-    rootObj.classList.remove('atcb-hidden');
   } catch (e) {
     console.log(e);
   }