add-to-calendar-button 2.5.1 → 2.5.2

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

@@ -5,7 +5,7 @@
  *
  * Style: 3D
  *
- * Version: 2.5.1
+ * 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.1
+ * 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.1
+ * 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.1
+ * 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.1
+ * 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.1
+ * 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.1
+ * 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.1
+ *  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.1';
+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) => {
@@ -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 = {};
@@ -5210,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');
@@ -5249,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');
@@ -5266,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);
@@ -5274,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');
@@ -5286,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;
@@ -5300,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.1
+ *  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.1';
+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) => {
@@ -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 = {};
@@ -5209,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');
@@ -5248,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');
@@ -5265,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);
@@ -5273,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');
@@ -5285,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;
@@ -5299,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);
   }

package/dist/atcb-unstyle.js

@@ -977,14 +977,14 @@ function tzlib_get_timezones(jsonType = false) {
  *  Add to Calendar Button
  *  ++++++++++++++++++++++
  *
- *  Version: 2.5.1
+ *  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.1';
+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) => {
@@ -2996,7 +2990,7 @@ function atcb_generate_rich_data_recurrence(data, formattedDate) {
 }
 
 
-function atcb_generate_ty(host, data) {
+async function atcb_generate_ty(host, data) {
   if (!host.host) {
     host = host.shadowRoot;
     data = atcb_decorate_data(data);
@@ -3014,7 +3008,7 @@ function atcb_generate_ty(host, data) {
   if ((!data.proKey || data.proKey === '') && !window.location.hostname.match(/^(localhost|.*\.add-to-calendar-pro.com)$/)) {
     return;
   }
-  const tyHost = atcb_generate_modal_host(host, data);
+  const tyHost = await atcb_generate_modal_host(host, data);
   atcb_set_fullsize(tyHost.querySelector('.atcb-modal-host-initialized'));
   const tyData = data.ty;
   if ((tyData.type === 'link' || tyData.type === 'form') && (!tyData.url || tyData.url === '' || !tyData.url.startsWith('http'))) {
@@ -3322,9 +3316,9 @@ async function atcb_generate_rsvp(host, data, keyboardTrigger = false, inline =
     '</button><span id="pro-form-submitting" class="pro-waiting"><span>.</span><span>.</span><span>.</span></span></p>';
   rsvpContent += '</form>';
   rsvpContent += '</div></div>';
-  const rsvpHost = (function () {
+  const rsvpHost = (async function () {
     if (!inline || directModal) {
-      return atcb_generate_modal_host(host, data);
+      return await atcb_generate_modal_host(host, data);
     }
     return host;
   })();
@@ -4337,7 +4331,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 = {};
@@ -5913,7 +5908,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');
@@ -5952,9 +5947,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');
@@ -5969,7 +5963,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);
@@ -5977,7 +5971,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');
@@ -5989,7 +5983,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;
@@ -6003,18 +5997,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);
   }