add-to-calendar-button 1.18.2 → 1.18.4

package/DOCS.md

@@ -41,6 +41,8 @@ More details about available options and how to configure specific features.
 - You can use the option `"inline":true` in order to make the button appear with inline-block instead of block style.
 - Change the relative size of the rendering by using the option `size` with a value between 0 and 10 (default: 6, which equals 16px font-size). You can also define up to 3 values like "8|6|4", where the first one will apply to large, the second to medium, and the third to small screens. If you provide two, it will be for large and medium+small screens.
 - Use `"background":false` if you want to be the background overlay to be fully transparent.
+- Use the option `icons` if you want to hide the icons and use it text-only. Value "false" would hide it at the button, "false|false" would hide it also at the options list, while "false|false|false" would also hide it at any info modal.
+- The text label at the button as well as at the list items can be omitted via the option `texLabels` and values "false" (button) or "false|false" (button and list).
 - The default style for the options list, using the regular button, would be a dropdown. You can set the option `listStyle` to "modal" in order to force the modal version (this would also force the click trigger) or `overlay` to show the list right above the button. The default would also show the dropdown upwards, if this better fits the current viewport. You can block this behavior with the option `dropdown-static`.
 - When you position the button in a way, which makes it move when the user scrolls (e.g. inside a somehow "fixed" container or making a custom button fixed itself), a dropdown or overlay list would run out of the viewport. You can easily fix this by setting the option `"mindScrolling":true`.
 - If you require line breaks within the description, use `\n` or `<br>`.

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

@@ -7,7 +7,7 @@
  *
  * Style: 3D
  *
- * Version: 1.18.2
+ * Version: 1.18.4
  * Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Apache-2.0 with “Commons Clause” License Condition v1.0
@@ -183,6 +183,10 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   z-index: 1;
 }
 
+.atcb-button.atcb-no-text {
+  min-width: 0;
+}
+
 .atcb-rtl .atcb-button {
   direction: rtl;
   text-align: right;
@@ -239,6 +243,11 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   margin-left: .8em;
 }
 
+.atcb-no-text .atcb-icon {
+  margin-right: 0;
+  margin-left: 0;
+}
+
 .atcb-icon svg {
   height: 100%;
   fill: currentcolor;
@@ -261,13 +270,6 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   position: absolute;
 }
 
-.atcb-pos-wrapper {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-}
-
 .atcb-list-wrapper {
   box-sizing: border-box;
   padding: 0 4px;
@@ -439,6 +441,10 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   margin-left: .6em;
 }
 
+.atcb-no-text .atcb-list-item .atcb-icon {
+  margin: 0 auto;
+}
+
 .atcb-list-item-close {
   background-color: var(--atcb-close-background);
 }
@@ -526,6 +532,7 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
 
 .atcb-modal-content {  
   background-color: var(--atcb-modal-background);
+  font-size: 1em;
   padding: .3em 2.5em 2.25em;
 }
 

package/assets/css/atcb-date.css

@@ -7,7 +7,7 @@
  *
  * Style: Date
  *
- * Version: 1.18.2
+ * Version: 1.18.4
  * Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Apache-2.0 with “Commons Clause” License Condition v1.0
@@ -374,13 +374,6 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   position: absolute;
 }
 
-.atcb-pos-wrapper {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-}
-
 .atcb-list-wrapper {
   box-sizing: border-box;
   padding: 0 4px;
@@ -492,6 +485,10 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   margin-left: .6em;
 }
 
+.atcb-no-text .atcb-list-item .atcb-icon {
+  margin: 0 auto;
+}
+
 .atcb-list-item-close {
   background-color: var(--atcb-close-background);
 }
@@ -579,6 +576,7 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
 
 .atcb-modal-content {  
   background-color: var(--atcb-modal-background);
+  font-size: 1em;
   padding: .3em 2.5em 2.25em;
 }
 

package/assets/css/atcb-flat.css

@@ -7,7 +7,7 @@
  *
  * Style: Flat
  *
- * Version: 1.18.2
+ * Version: 1.18.4
  * Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Apache-2.0 with “Commons Clause” License Condition v1.0
@@ -168,6 +168,10 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   z-index: 1;
 }
 
+.atcb-button.atcb-no-text {
+  min-width: 0;
+}
+
 .atcb-button.atcb-click {
   top: -3px;
   left: -3px;
@@ -211,7 +215,7 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
 
 .atcb-icon {
   height: 1em;
-  padding-right: 1em;
+  margin-right: 1em;
   line-height: 1em;
   flex-grow: 0;
   flex-shrink: 0;
@@ -219,7 +223,12 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
 
 .atcb-rtl .atcb-icon {
   margin-right: 0;
-  padding-left: 1em;
+  margin-left: 1em;
+}
+
+.atcb-no-text .atcb-icon {
+  margin-right: 0;
+  margin-left: 0;
 }
 
 .atcb-icon svg {
@@ -253,13 +262,6 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   position: absolute;
 }
 
-.atcb-pos-wrapper {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-}
-
 .atcb-list-wrapper {
   box-sizing: border-box;
   padding: 0 2px 0 6px;
@@ -348,6 +350,10 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   padding-left: 0.6em;
 }
 
+.atcb-no-text .atcb-list-item .atcb-icon {
+  margin: 0 auto;
+}
+
 .atcb-list-item-close {
   background-color: var(--atcb-close-background);
 }
@@ -435,6 +441,7 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
 
 .atcb-modal-content {
   padding: .3em 2.5em 2.25em;
+  font-size: 1em;
 }
 
 @media (max-width: 575px) {

package/assets/css/atcb-text.css

@@ -7,7 +7,7 @@
  *
  * Style: Text
  *
- * Version: 1.18.2
+ * Version: 1.18.4
  * Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Apache-2.0 with “Commons Clause” License Condition v1.0
@@ -186,6 +186,10 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   z-index: 1;
 }
 
+.atcb-button.atcb-no-text {
+  min-width: 0;
+}
+
 .atcb-rtl .atcb-button {
   direction: rtl;
   text-align: right;
@@ -253,7 +257,7 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
 
 .atcb-icon {
   height: 1em;
-  padding-right: 1em;
+  margin-right: 1em;
   line-height: 1em;
   flex-grow: 0;
   flex-shrink: 0;
@@ -261,7 +265,12 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
 
 .atcb-rtl .atcb-icon {
   margin-right: 0;
-  padding-left: 1em;
+  margin-left: 1em;
+}
+
+.atcb-no-text .atcb-icon {
+  margin-right: 0;
+  margin-left: 0;
 }
 
 .atcb-icon svg {
@@ -295,13 +304,6 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   position: absolute;
 }
 
-.atcb-pos-wrapper {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-}
-
 .atcb-list-wrapper {
   box-sizing: border-box;
   position: absolute;
@@ -437,6 +439,10 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   padding-left: 0.7em;
 }
 
+.atcb-no-text .atcb-list-item .atcb-icon {
+  margin: 0 auto;
+}
+
 .atcb-list-item-close {
   background-color: var(--atcb-close-background);
 }
@@ -524,6 +530,7 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
 
 .atcb-modal-content {  
   background-color: var(--atcb-modal-background);
+  font-size: 1em;
   padding: .3em 2.5em 2.25em;
 }
 

package/assets/css/atcb.css

@@ -7,7 +7,7 @@
  *
  * Style: Default
  *
- * Version: 1.18.2
+ * Version: 1.18.4
  * Creator: Jens Kuerschner (https://jenskuerschner.de)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Apache-2.0 with “Commons Clause” License Condition v1.0
@@ -180,6 +180,10 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   z-index: 1;
 }
 
+.atcb-button.atcb-no-text {
+  min-width: 0;
+}
+
 .atcb-rtl .atcb-button {
   direction: rtl;
   text-align: right;
@@ -226,6 +230,11 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   margin-left: .8em;
 }
 
+.atcb-no-text .atcb-icon {
+  margin-right: 0;
+  margin-left: 0;
+}
+
 .atcb-icon svg {
   height: 100%;
   fill: currentcolor;
@@ -248,13 +257,6 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   position: absolute;
 }
 
-.atcb-pos-wrapper {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-}
-
 .atcb-list-wrapper {
   box-sizing: border-box;
   padding: 0 4px;
@@ -366,6 +368,10 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
   margin-left: .6em;
 }
 
+.atcb-no-text .atcb-list-item .atcb-icon {
+  margin: 0 auto;
+}
+
 .atcb-list-item-close {
   background-color: var(--atcb-close-background);
 }
@@ -453,6 +459,7 @@ body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
 
 .atcb-modal-content {  
   background-color: var(--atcb-modal-background);
+  font-size: 1em;
   padding: .3em 2.5em 2.25em;
 }
 

package/dist/atcb.js

@@ -217,14 +217,14 @@ function tzlib_get_timezones(jsonType = false) {
  *  Add to Calendar Button
  *  ++++++++++++++++++++++
  *
- *  Version: 1.18.2
+ *  Version: 1.18.4
  *  Creator: Jens Kuerschner (https://jenskuerschner.de)
  *  Project: https://github.com/add2cal/add-to-calendar-button
  *  License: Apache-2.0 with “Commons Clause” License Condition v1.0
  *  Note:    DO NOT REMOVE THE COPYRIGHT NOTICE ABOVE!
  *
  */
-const atcbVersion = '1.18.2';
+const atcbVersion = '1.18.4';
 const isBrowser = () => {
   if (typeof window === 'undefined') {
     return false;
@@ -364,6 +364,7 @@ function atcb_decorate_data(data) {
   data = atcb_decorate_data_options(data);
   data.richData = atcb_decorate_data_rich_data(data);
   data.checkmark = atcb_decorate_data_checkmark(data);
+  data.background = atcb_decorate_data_background(data);
   data.mindScrolling = atcb_decorate_data_mind_scrolling(data);
   data.branding = atcb_decorate_data_branding(data);
   data = atcb_decorate_data_style(data);
@@ -502,6 +503,12 @@ function atcb_decorate_data_checkmark(data) {
   }
   return true;
 }
+function atcb_decorate_data_background(data) {
+  if (data.background != null && data.background == false) {
+    return false;
+  }
+  return true;
+}
 function atcb_decorate_data_branding(data) {
   if (data.branding != null && data.branding == false) {
     return false;
@@ -574,6 +581,38 @@ function atcb_decorate_data_style(data) {
         break;
     }
   }
+  data.iconButton = true;
+  data.iconList = true;
+  data.iconModal = true;
+  if (data.icons != null) {
+    data.icons = String(data.icons);
+    if (data.icons != '') {
+      const iconsConfig = data.icons.split('|');
+      if (iconsConfig[0] == 'false') {
+        data.iconButton = false;
+      }
+      if (iconsConfig[1] != null && iconsConfig[1] == 'false') {
+        data.iconList = false;
+      }
+      if (iconsConfig[2] != null && iconsConfig[2] == 'false') {
+        data.iconModal = false;
+      }
+    }
+  }
+  data.textLabelButton = true;
+  data.textLabelList = true;
+  if (data.textLabels != null) {
+    data.textLabels = String(data.textLabels);
+    if (data.textLabels != '') {
+      const textLabelsConfig = data.textLabels.split('|');
+      if (textLabelsConfig[0] == 'false') {
+        data.textLabelButton = false;
+      }
+      if (textLabelsConfig[1] != null && textLabelsConfig[1] == 'false') {
+        data.textLabelList = false;
+      }
+    }
+  }
   return data;
 }
 function atcb_decorate_data_i18n(data) {
@@ -1147,6 +1186,9 @@ function atcb_open(data, button, keyboardTrigger = false, generatedButton = fals
   const list = atcb_generate_dropdown_list(data);
   const listWrapper = document.createElement('div');
   listWrapper.classList.add('atcb-list-wrapper');
+  if (data.textLabelList == false) {
+    listWrapper.classList.add('atcb-no-text');
+  }
   if (button) {
     button.classList.add('atcb-active');
     if (data.listStyle === 'modal') {
@@ -1180,6 +1222,10 @@ function atcb_open(data, button, keyboardTrigger = false, generatedButton = fals
   } else {
     const positionWrapper = document.createElement('div');
     positionWrapper.id = 'atcb-pos-wrapper';
+    positionWrapper.style.position = 'absolute';
+    positionWrapper.style.top = '0';
+    positionWrapper.style.bottom = '0';
+    positionWrapper.style.width = '100%';
     document.body.appendChild(positionWrapper);
     positionWrapper.appendChild(listWrapper);
     listWrapper.appendChild(list);
@@ -1191,7 +1237,9 @@ function atcb_open(data, button, keyboardTrigger = false, generatedButton = fals
     }
     document.body.appendChild(bgOverlay);
     atcb_set_sizes(list, data.sizes);
+    listWrapper.style.display = 'none';
     setTimeout(function () {
+      listWrapper.style.display = 'block';
       if (data.listStyle === 'dropdown-static') {
         atcb_position_list(button, listWrapper, true);
       } else {
@@ -1322,9 +1370,9 @@ function atcb_generate_label(data, parent, type, icon = false, text = '', oneOpt
   if (oneOption) {
     parent.id = data.identifier;
   }
-  atcb_generate_label_text(data, parent, type, icon, text, oneOption);
+  atcb_generate_label_content(data, parent, type, icon, text, oneOption);
 }
-function atcb_generate_label_text(data, parent, type, icon, text, oneOption) {
+function atcb_generate_label_content(data, parent, type, icon, text, oneOption) {
   const defaultTriggerText = atcb_translate_hook('Add to Calendar', data);
   if (oneOption && text == '') {
     text = defaultTriggerText;
@@ -1368,10 +1416,15 @@ function atcb_generate_label_text(data, parent, type, icon, text, oneOption) {
     iconEl.innerHTML = atcbIcon[`${type}`];
     parent.appendChild(iconEl);
   }
-  const textEl = document.createElement('span');
-  textEl.classList.add('atcb-text');
-  textEl.textContent = text;
-  parent.appendChild(textEl);
+  if (
+    (type == 'trigger' && data.textLabelButton == true) ||
+    (type != 'trigger' && data.textLabelList == true)
+  ) {
+    const textEl = document.createElement('span');
+    textEl.classList.add('atcb-text');
+    textEl.textContent = text;
+    parent.appendChild(textEl);
+  }
 }
 function atcb_generate_button(button, data) {
   button.textContent = '';
@@ -1388,6 +1441,9 @@ function atcb_generate_button(button, data) {
   atcb_set_sizes(buttonTriggerWrapper, data.sizes);
   const buttonTrigger = document.createElement('button');
   buttonTrigger.classList.add('atcb-button');
+  if (data.textLabelButton == false) {
+    buttonTrigger.classList.add('atcb-no-text');
+  }
   if (data.trigger === 'click') {
     buttonTrigger.classList.add('atcb-click');
   }
@@ -1401,9 +1457,9 @@ function atcb_generate_button(button, data) {
   }
   if (data.options.length === 1) {
     buttonTrigger.classList.add('atcb-single');
-    atcb_generate_label(data, buttonTrigger, data.options[0], true, data.label, true);
+    atcb_generate_label(data, buttonTrigger, data.options[0], data.iconButton, data.label, true);
   } else {
-    atcb_generate_label(data, buttonTrigger, 'trigger', true, data.label);
+    atcb_generate_label(data, buttonTrigger, 'trigger', data.iconButton, data.label);
     const buttonDropdownAnchor = document.createElement('div');
     buttonDropdownAnchor.classList.add('atcb-dropdown-anchor');
     buttonTrigger.appendChild(buttonDropdownAnchor);
@@ -1577,14 +1633,14 @@ function atcb_generate_dropdown_list(data) {
     listCount++;
     optionItem.dataset.optionNumber = listCount;
     optionsList.appendChild(optionItem);
-    atcb_generate_label(data, optionItem, option, true, data.optionLabels[listCount - 1]);
+    atcb_generate_label(data, optionItem, option, data.iconList, data.optionLabels[listCount - 1]);
   });
   if (data.listStyle === 'modal') {
     const optionItem = document.createElement('div');
     optionItem.classList.add('atcb-list-item', 'atcb-list-item-close');
     optionItem.tabIndex = 0;
     optionsList.appendChild(optionItem);
-    atcb_generate_label(data, optionItem, 'close', true);
+    atcb_generate_label(data, optionItem, 'close', data.iconList);
   }
   return optionsList;
 }
@@ -1710,7 +1766,7 @@ function atcb_create_modal(
   modalWrapper.appendChild(modal);
   atcb_set_sizes(modal, data.sizes);
   atcb_set_fullsize(bgOverlay);
-  if (icon != '') {
+  if (icon != '' && data.iconModal == true) {
     const modalIcon = document.createElement('div');
     modalIcon.classList.add('atcb-modal-icon');
     modalIcon.innerHTML = atcbIcon[`${icon}`];
@@ -1943,7 +1999,7 @@ function atcb_generate_date_button(data, parent, subEvent = 'all') {
   btnHeadline.classList.add('atcb-date-btn-headline');
   btnHeadline.textContent = data.dates[`${subEvent}`].name;
   btnDetails.appendChild(btnHeadline);
-  if ((data.location != null && data.location != '') || cancelledInfo == '') {
+  if ((data.location != null && data.location != '') || cancelledInfo != '') {
     const btnLocation = document.createElement('div');
     btnLocation.classList.add('atcb-date-btn-content');
     btnDetails.appendChild(btnLocation);
@@ -2185,7 +2241,7 @@ function atcb_generate_google(data) {
   urlParts.push(
     'dates=' + encodeURIComponent(formattedDate.start) + '%2F' + encodeURIComponent(formattedDate.end)
   );
-  if (data.timeZone != null && data.timeZone != '' && !/GMT[+|-]\d{1,2}/i.test(data.timeZone)) {
+  if (data.timeZone != null && data.timeZone != '' && !/(GMT[+|-]\d{1,2}|Etc\/U|Etc\/Zulu|CET|CST6CDT|EET|EST|EST5EDT|MET|MST|MST7MDT|PST8PDT|WET)/i.test(data.timeZone)) {
     urlParts.push('ctz=' + data.timeZone);
   }
   if (data.name != null && data.name != '') {
@@ -2505,15 +2561,9 @@ function atcb_save_file(file, filename) {
   }
 }
 function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', addTimeZoneOffset = false) {
-  const startDate = data.startDate.split('-');
-  const endDate = data.endDate.split('-');
   if (data.startTime != null && data.startTime != '' && data.endTime != null && data.endTime != '') {
-    const newStartDate = new Date(
-      startDate[0] + '-' + startDate[1] + '-' + startDate[2] + 'T' + data.startTime + ':00.000+00:00'
-    );
-    const newEndDate = new Date(
-      endDate[0] + '-' + endDate[1] + '-' + endDate[2] + 'T' + data.endTime + ':00.000+00:00'
-    );
+    const newStartDate = new Date(data.startDate + 'T' + data.startTime + ':00.000+00:00');
+    const newEndDate = new Date(data.endDate + 'T' + data.endTime + ':00.000+00:00');
     const durationMS = newEndDate - newStartDate;
     const durationHours = Math.floor(durationMS / 1000 / 60 / 60);
     const durationMinutes = Math.floor(((durationMS - durationHours * 60 * 60 * 1000) / 1000 / 60) % 60);
@@ -2532,7 +2582,13 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', a
       };
     }
     if (data.timeZone != null && data.timeZone != '') {
-      if (targetCal == 'ical' || (targetCal == 'google' && !/GMT[+|-]\d{1,2}/i.test(data.timeZone))) {
+      if (
+        targetCal == 'ical' ||
+        (targetCal == 'google' &&
+          !/(GMT[+|-]\d{1,2}|Etc\/U|Etc\/Zulu|CET|CST6CDT|EET|EST|EST5EDT|MET|MST|MST7MDT|PST8PDT|WET)/i.test(
+            data.timeZone
+          ))
+      ) {
         return {
           start: atcb_format_datetime(newStartDate, 'clean', true, true),
           end: atcb_format_datetime(newEndDate, 'clean', true, true),
@@ -2570,8 +2626,8 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', a
       allday: false,
     };
   } else {
-    const newStartDate = new Date(Date.UTC(startDate[0], startDate[1] - 1, startDate[2]));
-    const newEndDate = new Date(Date.UTC(endDate[0], endDate[1] - 1, endDate[2]));
+    const newStartDate = new Date(data.startDate + 'T00:00:00.000Z');
+    const newEndDate = new Date(data.endDate + 'T00:00:00.000Z');
     if (targetCal == 'google' || targetCal == 'microsoft' || targetCal == 'ical') {
       newEndDate.setDate(newEndDate.getDate() + 1);
     }
@@ -2666,15 +2722,16 @@ function atcb_position_list(trigger, list, blockUpwards = false, resize = false)
   let triggerDim = trigger.getBoundingClientRect();
   let listDim = list.getBoundingClientRect();
   const btnDim = originalTrigger.getBoundingClientRect();
+  const viewportHeight = document.documentElement.clientHeight;
+  const posWrapper = document.getElementById('atcb-pos-wrapper');
+  if (posWrapper !== null) {
+    posWrapper.style.height = viewportHeight + 'px';
+  }
   if (anchorSet === true && !list.classList.contains('atcb-dropoverlay')) {
-    const viewportHeight = document.documentElement.clientHeight;
-    const posWrapper = document.getElementById('atcb-pos-wrapper');
-    if (posWrapper !== null) {
-      posWrapper.style.height = viewportHeight + 'px';
-    }
     if (
       (list.classList.contains('atcb-dropup') && resize) ||
       (!blockUpwards &&
+        !resize &&
         triggerDim.top + listDim.height > viewportHeight - 20 &&
         2 * btnDim.top + btnDim.height - triggerDim.top - listDim.height > 20)
     ) {

package/index.d.ts

@@ -49,6 +49,8 @@ declare module 'add-to-calendar-button' {
       listStyle?: 'dropdown' | 'dropdown-static' | 'overlay' | 'modal';
       buttonStyle?: 'default' | '3d' | 'flat' | 'round' | 'neumorphism' | 'text' | 'date' | 'custom' | 'none';
       trigger?: 'hover' | 'click';
+      icons?: string;
+      textLabels?: string;
       background?: boolean;
       checkmark?: boolean;
       mindScrolling?: boolean;

package/npm_dist/cjs/index.js

@@ -8,14 +8,14 @@ const tzlibActions = require('timezones-ical-library');
  *  Add to Calendar Button
  *  ++++++++++++++++++++++
  *
- *  Version: 1.18.2
+ *  Version: 1.18.4
  *  Creator: Jens Kuerschner (https://jenskuerschner.de)
  *  Project: https://github.com/add2cal/add-to-calendar-button
  *  License: Apache-2.0 with “Commons Clause” License Condition v1.0
  *  Note:    DO NOT REMOVE THE COPYRIGHT NOTICE ABOVE!
  *
  */
-const atcbVersion = '1.18.2';
+const atcbVersion = '1.18.4';
 const isBrowser = () => {
   if (typeof window === 'undefined') {
     return false;
@@ -155,6 +155,7 @@ function atcb_decorate_data(data) {
   data = atcb_decorate_data_options(data);
   data.richData = atcb_decorate_data_rich_data(data);
   data.checkmark = atcb_decorate_data_checkmark(data);
+  data.background = atcb_decorate_data_background(data);
   data.mindScrolling = atcb_decorate_data_mind_scrolling(data);
   data.branding = atcb_decorate_data_branding(data);
   data = atcb_decorate_data_style(data);
@@ -293,6 +294,12 @@ function atcb_decorate_data_checkmark(data) {
   }
   return true;
 }
+function atcb_decorate_data_background(data) {
+  if (data.background != null && data.background == false) {
+    return false;
+  }
+  return true;
+}
 function atcb_decorate_data_branding(data) {
   if (data.branding != null && data.branding == false) {
     return false;
@@ -365,6 +372,38 @@ function atcb_decorate_data_style(data) {
         break;
     }
   }
+  data.iconButton = true;
+  data.iconList = true;
+  data.iconModal = true;
+  if (data.icons != null) {
+    data.icons = String(data.icons);
+    if (data.icons != '') {
+      const iconsConfig = data.icons.split('|');
+      if (iconsConfig[0] == 'false') {
+        data.iconButton = false;
+      }
+      if (iconsConfig[1] != null && iconsConfig[1] == 'false') {
+        data.iconList = false;
+      }
+      if (iconsConfig[2] != null && iconsConfig[2] == 'false') {
+        data.iconModal = false;
+      }
+    }
+  }
+  data.textLabelButton = true;
+  data.textLabelList = true;
+  if (data.textLabels != null) {
+    data.textLabels = String(data.textLabels);
+    if (data.textLabels != '') {
+      const textLabelsConfig = data.textLabels.split('|');
+      if (textLabelsConfig[0] == 'false') {
+        data.textLabelButton = false;
+      }
+      if (textLabelsConfig[1] != null && textLabelsConfig[1] == 'false') {
+        data.textLabelList = false;
+      }
+    }
+  }
   return data;
 }
 function atcb_decorate_data_i18n(data) {
@@ -938,6 +977,9 @@ function atcb_open(data, button, keyboardTrigger = false, generatedButton = fals
   const list = atcb_generate_dropdown_list(data);
   const listWrapper = document.createElement('div');
   listWrapper.classList.add('atcb-list-wrapper');
+  if (data.textLabelList == false) {
+    listWrapper.classList.add('atcb-no-text');
+  }
   if (button) {
     button.classList.add('atcb-active');
     if (data.listStyle === 'modal') {
@@ -971,6 +1013,10 @@ function atcb_open(data, button, keyboardTrigger = false, generatedButton = fals
   } else {
     const positionWrapper = document.createElement('div');
     positionWrapper.id = 'atcb-pos-wrapper';
+    positionWrapper.style.position = 'absolute';
+    positionWrapper.style.top = '0';
+    positionWrapper.style.bottom = '0';
+    positionWrapper.style.width = '100%';
     document.body.appendChild(positionWrapper);
     positionWrapper.appendChild(listWrapper);
     listWrapper.appendChild(list);
@@ -982,7 +1028,9 @@ function atcb_open(data, button, keyboardTrigger = false, generatedButton = fals
     }
     document.body.appendChild(bgOverlay);
     atcb_set_sizes(list, data.sizes);
+    listWrapper.style.display = 'none';
     setTimeout(function () {
+      listWrapper.style.display = 'block';
       if (data.listStyle === 'dropdown-static') {
         atcb_position_list(button, listWrapper, true);
       } else {
@@ -1113,9 +1161,9 @@ function atcb_generate_label(data, parent, type, icon = false, text = '', oneOpt
   if (oneOption) {
     parent.id = data.identifier;
   }
-  atcb_generate_label_text(data, parent, type, icon, text, oneOption);
+  atcb_generate_label_content(data, parent, type, icon, text, oneOption);
 }
-function atcb_generate_label_text(data, parent, type, icon, text, oneOption) {
+function atcb_generate_label_content(data, parent, type, icon, text, oneOption) {
   const defaultTriggerText = atcb_translate_hook('Add to Calendar', data);
   if (oneOption && text == '') {
     text = defaultTriggerText;
@@ -1159,10 +1207,15 @@ function atcb_generate_label_text(data, parent, type, icon, text, oneOption) {
     iconEl.innerHTML = atcbIcon[`${type}`];
     parent.appendChild(iconEl);
   }
-  const textEl = document.createElement('span');
-  textEl.classList.add('atcb-text');
-  textEl.textContent = text;
-  parent.appendChild(textEl);
+  if (
+    (type == 'trigger' && data.textLabelButton == true) ||
+    (type != 'trigger' && data.textLabelList == true)
+  ) {
+    const textEl = document.createElement('span');
+    textEl.classList.add('atcb-text');
+    textEl.textContent = text;
+    parent.appendChild(textEl);
+  }
 }
 function atcb_generate_button(button, data) {
   button.textContent = '';
@@ -1179,6 +1232,9 @@ function atcb_generate_button(button, data) {
   atcb_set_sizes(buttonTriggerWrapper, data.sizes);
   const buttonTrigger = document.createElement('button');
   buttonTrigger.classList.add('atcb-button');
+  if (data.textLabelButton == false) {
+    buttonTrigger.classList.add('atcb-no-text');
+  }
   if (data.trigger === 'click') {
     buttonTrigger.classList.add('atcb-click');
   }
@@ -1192,9 +1248,9 @@ function atcb_generate_button(button, data) {
   }
   if (data.options.length === 1) {
     buttonTrigger.classList.add('atcb-single');
-    atcb_generate_label(data, buttonTrigger, data.options[0], true, data.label, true);
+    atcb_generate_label(data, buttonTrigger, data.options[0], data.iconButton, data.label, true);
   } else {
-    atcb_generate_label(data, buttonTrigger, 'trigger', true, data.label);
+    atcb_generate_label(data, buttonTrigger, 'trigger', data.iconButton, data.label);
     const buttonDropdownAnchor = document.createElement('div');
     buttonDropdownAnchor.classList.add('atcb-dropdown-anchor');
     buttonTrigger.appendChild(buttonDropdownAnchor);
@@ -1368,14 +1424,14 @@ function atcb_generate_dropdown_list(data) {
     listCount++;
     optionItem.dataset.optionNumber = listCount;
     optionsList.appendChild(optionItem);
-    atcb_generate_label(data, optionItem, option, true, data.optionLabels[listCount - 1]);
+    atcb_generate_label(data, optionItem, option, data.iconList, data.optionLabels[listCount - 1]);
   });
   if (data.listStyle === 'modal') {
     const optionItem = document.createElement('div');
     optionItem.classList.add('atcb-list-item', 'atcb-list-item-close');
     optionItem.tabIndex = 0;
     optionsList.appendChild(optionItem);
-    atcb_generate_label(data, optionItem, 'close', true);
+    atcb_generate_label(data, optionItem, 'close', data.iconList);
   }
   return optionsList;
 }
@@ -1501,7 +1557,7 @@ function atcb_create_modal(
   modalWrapper.appendChild(modal);
   atcb_set_sizes(modal, data.sizes);
   atcb_set_fullsize(bgOverlay);
-  if (icon != '') {
+  if (icon != '' && data.iconModal == true) {
     const modalIcon = document.createElement('div');
     modalIcon.classList.add('atcb-modal-icon');
     modalIcon.innerHTML = atcbIcon[`${icon}`];
@@ -1734,7 +1790,7 @@ function atcb_generate_date_button(data, parent, subEvent = 'all') {
   btnHeadline.classList.add('atcb-date-btn-headline');
   btnHeadline.textContent = data.dates[`${subEvent}`].name;
   btnDetails.appendChild(btnHeadline);
-  if ((data.location != null && data.location != '') || cancelledInfo == '') {
+  if ((data.location != null && data.location != '') || cancelledInfo != '') {
     const btnLocation = document.createElement('div');
     btnLocation.classList.add('atcb-date-btn-content');
     btnDetails.appendChild(btnLocation);
@@ -1976,7 +2032,7 @@ function atcb_generate_google(data) {
   urlParts.push(
     'dates=' + encodeURIComponent(formattedDate.start) + '%2F' + encodeURIComponent(formattedDate.end)
   );
-  if (data.timeZone != null && data.timeZone != '' && !/GMT[+|-]\d{1,2}/i.test(data.timeZone)) {
+  if (data.timeZone != null && data.timeZone != '' && !/(GMT[+|-]\d{1,2}|Etc\/U|Etc\/Zulu|CET|CST6CDT|EET|EST|EST5EDT|MET|MST|MST7MDT|PST8PDT|WET)/i.test(data.timeZone)) {
     urlParts.push('ctz=' + data.timeZone);
   }
   if (data.name != null && data.name != '') {
@@ -2296,15 +2352,9 @@ function atcb_save_file(file, filename) {
   }
 }
 function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', addTimeZoneOffset = false) {
-  const startDate = data.startDate.split('-');
-  const endDate = data.endDate.split('-');
   if (data.startTime != null && data.startTime != '' && data.endTime != null && data.endTime != '') {
-    const newStartDate = new Date(
-      startDate[0] + '-' + startDate[1] + '-' + startDate[2] + 'T' + data.startTime + ':00.000+00:00'
-    );
-    const newEndDate = new Date(
-      endDate[0] + '-' + endDate[1] + '-' + endDate[2] + 'T' + data.endTime + ':00.000+00:00'
-    );
+    const newStartDate = new Date(data.startDate + 'T' + data.startTime + ':00.000+00:00');
+    const newEndDate = new Date(data.endDate + 'T' + data.endTime + ':00.000+00:00');
     const durationMS = newEndDate - newStartDate;
     const durationHours = Math.floor(durationMS / 1000 / 60 / 60);
     const durationMinutes = Math.floor(((durationMS - durationHours * 60 * 60 * 1000) / 1000 / 60) % 60);
@@ -2323,7 +2373,13 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', a
       };
     }
     if (data.timeZone != null && data.timeZone != '') {
-      if (targetCal == 'ical' || (targetCal == 'google' && !/GMT[+|-]\d{1,2}/i.test(data.timeZone))) {
+      if (
+        targetCal == 'ical' ||
+        (targetCal == 'google' &&
+          !/(GMT[+|-]\d{1,2}|Etc\/U|Etc\/Zulu|CET|CST6CDT|EET|EST|EST5EDT|MET|MST|MST7MDT|PST8PDT|WET)/i.test(
+            data.timeZone
+          ))
+      ) {
         return {
           start: atcb_format_datetime(newStartDate, 'clean', true, true),
           end: atcb_format_datetime(newEndDate, 'clean', true, true),
@@ -2361,8 +2417,8 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', a
       allday: false,
     };
   } else {
-    const newStartDate = new Date(Date.UTC(startDate[0], startDate[1] - 1, startDate[2]));
-    const newEndDate = new Date(Date.UTC(endDate[0], endDate[1] - 1, endDate[2]));
+    const newStartDate = new Date(data.startDate + 'T00:00:00.000Z');
+    const newEndDate = new Date(data.endDate + 'T00:00:00.000Z');
     if (targetCal == 'google' || targetCal == 'microsoft' || targetCal == 'ical') {
       newEndDate.setDate(newEndDate.getDate() + 1);
     }
@@ -2457,15 +2513,16 @@ function atcb_position_list(trigger, list, blockUpwards = false, resize = false)
   let triggerDim = trigger.getBoundingClientRect();
   let listDim = list.getBoundingClientRect();
   const btnDim = originalTrigger.getBoundingClientRect();
+  const viewportHeight = document.documentElement.clientHeight;
+  const posWrapper = document.getElementById('atcb-pos-wrapper');
+  if (posWrapper !== null) {
+    posWrapper.style.height = viewportHeight + 'px';
+  }
   if (anchorSet === true && !list.classList.contains('atcb-dropoverlay')) {
-    const viewportHeight = document.documentElement.clientHeight;
-    const posWrapper = document.getElementById('atcb-pos-wrapper');
-    if (posWrapper !== null) {
-      posWrapper.style.height = viewportHeight + 'px';
-    }
     if (
       (list.classList.contains('atcb-dropup') && resize) ||
       (!blockUpwards &&
+        !resize &&
         triggerDim.top + listDim.height > viewportHeight - 20 &&
         2 * btnDim.top + btnDim.height - triggerDim.top - listDim.height > 20)
     ) {

package/npm_dist/mjs/index.js

@@ -7,14 +7,14 @@ import { tzlib_get_ical_block, tzlib_get_offset, tzlib_get_timezones } from 'tim
  *  Add to Calendar Button
  *  ++++++++++++++++++++++
  *
- *  Version: 1.18.2
+ *  Version: 1.18.4
  *  Creator: Jens Kuerschner (https://jenskuerschner.de)
  *  Project: https://github.com/add2cal/add-to-calendar-button
  *  License: Apache-2.0 with “Commons Clause” License Condition v1.0
  *  Note:    DO NOT REMOVE THE COPYRIGHT NOTICE ABOVE!
  *
  */
-const atcbVersion = '1.18.2';
+const atcbVersion = '1.18.4';
 const isBrowser = () => {
   if (typeof window === 'undefined') {
     return false;
@@ -154,6 +154,7 @@ function atcb_decorate_data(data) {
   data = atcb_decorate_data_options(data);
   data.richData = atcb_decorate_data_rich_data(data);
   data.checkmark = atcb_decorate_data_checkmark(data);
+  data.background = atcb_decorate_data_background(data);
   data.mindScrolling = atcb_decorate_data_mind_scrolling(data);
   data.branding = atcb_decorate_data_branding(data);
   data = atcb_decorate_data_style(data);
@@ -292,6 +293,12 @@ function atcb_decorate_data_checkmark(data) {
   }
   return true;
 }
+function atcb_decorate_data_background(data) {
+  if (data.background != null && data.background == false) {
+    return false;
+  }
+  return true;
+}
 function atcb_decorate_data_branding(data) {
   if (data.branding != null && data.branding == false) {
     return false;
@@ -364,6 +371,38 @@ function atcb_decorate_data_style(data) {
         break;
     }
   }
+  data.iconButton = true;
+  data.iconList = true;
+  data.iconModal = true;
+  if (data.icons != null) {
+    data.icons = String(data.icons);
+    if (data.icons != '') {
+      const iconsConfig = data.icons.split('|');
+      if (iconsConfig[0] == 'false') {
+        data.iconButton = false;
+      }
+      if (iconsConfig[1] != null && iconsConfig[1] == 'false') {
+        data.iconList = false;
+      }
+      if (iconsConfig[2] != null && iconsConfig[2] == 'false') {
+        data.iconModal = false;
+      }
+    }
+  }
+  data.textLabelButton = true;
+  data.textLabelList = true;
+  if (data.textLabels != null) {
+    data.textLabels = String(data.textLabels);
+    if (data.textLabels != '') {
+      const textLabelsConfig = data.textLabels.split('|');
+      if (textLabelsConfig[0] == 'false') {
+        data.textLabelButton = false;
+      }
+      if (textLabelsConfig[1] != null && textLabelsConfig[1] == 'false') {
+        data.textLabelList = false;
+      }
+    }
+  }
   return data;
 }
 function atcb_decorate_data_i18n(data) {
@@ -937,6 +976,9 @@ function atcb_open(data, button, keyboardTrigger = false, generatedButton = fals
   const list = atcb_generate_dropdown_list(data);
   const listWrapper = document.createElement('div');
   listWrapper.classList.add('atcb-list-wrapper');
+  if (data.textLabelList == false) {
+    listWrapper.classList.add('atcb-no-text');
+  }
   if (button) {
     button.classList.add('atcb-active');
     if (data.listStyle === 'modal') {
@@ -970,6 +1012,10 @@ function atcb_open(data, button, keyboardTrigger = false, generatedButton = fals
   } else {
     const positionWrapper = document.createElement('div');
     positionWrapper.id = 'atcb-pos-wrapper';
+    positionWrapper.style.position = 'absolute';
+    positionWrapper.style.top = '0';
+    positionWrapper.style.bottom = '0';
+    positionWrapper.style.width = '100%';
     document.body.appendChild(positionWrapper);
     positionWrapper.appendChild(listWrapper);
     listWrapper.appendChild(list);
@@ -981,7 +1027,9 @@ function atcb_open(data, button, keyboardTrigger = false, generatedButton = fals
     }
     document.body.appendChild(bgOverlay);
     atcb_set_sizes(list, data.sizes);
+    listWrapper.style.display = 'none';
     setTimeout(function () {
+      listWrapper.style.display = 'block';
       if (data.listStyle === 'dropdown-static') {
         atcb_position_list(button, listWrapper, true);
       } else {
@@ -1112,9 +1160,9 @@ function atcb_generate_label(data, parent, type, icon = false, text = '', oneOpt
   if (oneOption) {
     parent.id = data.identifier;
   }
-  atcb_generate_label_text(data, parent, type, icon, text, oneOption);
+  atcb_generate_label_content(data, parent, type, icon, text, oneOption);
 }
-function atcb_generate_label_text(data, parent, type, icon, text, oneOption) {
+function atcb_generate_label_content(data, parent, type, icon, text, oneOption) {
   const defaultTriggerText = atcb_translate_hook('Add to Calendar', data);
   if (oneOption && text == '') {
     text = defaultTriggerText;
@@ -1158,10 +1206,15 @@ function atcb_generate_label_text(data, parent, type, icon, text, oneOption) {
     iconEl.innerHTML = atcbIcon[`${type}`];
     parent.appendChild(iconEl);
   }
-  const textEl = document.createElement('span');
-  textEl.classList.add('atcb-text');
-  textEl.textContent = text;
-  parent.appendChild(textEl);
+  if (
+    (type == 'trigger' && data.textLabelButton == true) ||
+    (type != 'trigger' && data.textLabelList == true)
+  ) {
+    const textEl = document.createElement('span');
+    textEl.classList.add('atcb-text');
+    textEl.textContent = text;
+    parent.appendChild(textEl);
+  }
 }
 function atcb_generate_button(button, data) {
   button.textContent = '';
@@ -1178,6 +1231,9 @@ function atcb_generate_button(button, data) {
   atcb_set_sizes(buttonTriggerWrapper, data.sizes);
   const buttonTrigger = document.createElement('button');
   buttonTrigger.classList.add('atcb-button');
+  if (data.textLabelButton == false) {
+    buttonTrigger.classList.add('atcb-no-text');
+  }
   if (data.trigger === 'click') {
     buttonTrigger.classList.add('atcb-click');
   }
@@ -1191,9 +1247,9 @@ function atcb_generate_button(button, data) {
   }
   if (data.options.length === 1) {
     buttonTrigger.classList.add('atcb-single');
-    atcb_generate_label(data, buttonTrigger, data.options[0], true, data.label, true);
+    atcb_generate_label(data, buttonTrigger, data.options[0], data.iconButton, data.label, true);
   } else {
-    atcb_generate_label(data, buttonTrigger, 'trigger', true, data.label);
+    atcb_generate_label(data, buttonTrigger, 'trigger', data.iconButton, data.label);
     const buttonDropdownAnchor = document.createElement('div');
     buttonDropdownAnchor.classList.add('atcb-dropdown-anchor');
     buttonTrigger.appendChild(buttonDropdownAnchor);
@@ -1367,14 +1423,14 @@ function atcb_generate_dropdown_list(data) {
     listCount++;
     optionItem.dataset.optionNumber = listCount;
     optionsList.appendChild(optionItem);
-    atcb_generate_label(data, optionItem, option, true, data.optionLabels[listCount - 1]);
+    atcb_generate_label(data, optionItem, option, data.iconList, data.optionLabels[listCount - 1]);
   });
   if (data.listStyle === 'modal') {
     const optionItem = document.createElement('div');
     optionItem.classList.add('atcb-list-item', 'atcb-list-item-close');
     optionItem.tabIndex = 0;
     optionsList.appendChild(optionItem);
-    atcb_generate_label(data, optionItem, 'close', true);
+    atcb_generate_label(data, optionItem, 'close', data.iconList);
   }
   return optionsList;
 }
@@ -1500,7 +1556,7 @@ function atcb_create_modal(
   modalWrapper.appendChild(modal);
   atcb_set_sizes(modal, data.sizes);
   atcb_set_fullsize(bgOverlay);
-  if (icon != '') {
+  if (icon != '' && data.iconModal == true) {
     const modalIcon = document.createElement('div');
     modalIcon.classList.add('atcb-modal-icon');
     modalIcon.innerHTML = atcbIcon[`${icon}`];
@@ -1733,7 +1789,7 @@ function atcb_generate_date_button(data, parent, subEvent = 'all') {
   btnHeadline.classList.add('atcb-date-btn-headline');
   btnHeadline.textContent = data.dates[`${subEvent}`].name;
   btnDetails.appendChild(btnHeadline);
-  if ((data.location != null && data.location != '') || cancelledInfo == '') {
+  if ((data.location != null && data.location != '') || cancelledInfo != '') {
     const btnLocation = document.createElement('div');
     btnLocation.classList.add('atcb-date-btn-content');
     btnDetails.appendChild(btnLocation);
@@ -1975,7 +2031,7 @@ function atcb_generate_google(data) {
   urlParts.push(
     'dates=' + encodeURIComponent(formattedDate.start) + '%2F' + encodeURIComponent(formattedDate.end)
   );
-  if (data.timeZone != null && data.timeZone != '' && !/GMT[+|-]\d{1,2}/i.test(data.timeZone)) {
+  if (data.timeZone != null && data.timeZone != '' && !/(GMT[+|-]\d{1,2}|Etc\/U|Etc\/Zulu|CET|CST6CDT|EET|EST|EST5EDT|MET|MST|MST7MDT|PST8PDT|WET)/i.test(data.timeZone)) {
     urlParts.push('ctz=' + data.timeZone);
   }
   if (data.name != null && data.name != '') {
@@ -2295,15 +2351,9 @@ function atcb_save_file(file, filename) {
   }
 }
 function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', addTimeZoneOffset = false) {
-  const startDate = data.startDate.split('-');
-  const endDate = data.endDate.split('-');
   if (data.startTime != null && data.startTime != '' && data.endTime != null && data.endTime != '') {
-    const newStartDate = new Date(
-      startDate[0] + '-' + startDate[1] + '-' + startDate[2] + 'T' + data.startTime + ':00.000+00:00'
-    );
-    const newEndDate = new Date(
-      endDate[0] + '-' + endDate[1] + '-' + endDate[2] + 'T' + data.endTime + ':00.000+00:00'
-    );
+    const newStartDate = new Date(data.startDate + 'T' + data.startTime + ':00.000+00:00');
+    const newEndDate = new Date(data.endDate + 'T' + data.endTime + ':00.000+00:00');
     const durationMS = newEndDate - newStartDate;
     const durationHours = Math.floor(durationMS / 1000 / 60 / 60);
     const durationMinutes = Math.floor(((durationMS - durationHours * 60 * 60 * 1000) / 1000 / 60) % 60);
@@ -2322,7 +2372,13 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', a
       };
     }
     if (data.timeZone != null && data.timeZone != '') {
-      if (targetCal == 'ical' || (targetCal == 'google' && !/GMT[+|-]\d{1,2}/i.test(data.timeZone))) {
+      if (
+        targetCal == 'ical' ||
+        (targetCal == 'google' &&
+          !/(GMT[+|-]\d{1,2}|Etc\/U|Etc\/Zulu|CET|CST6CDT|EET|EST|EST5EDT|MET|MST|MST7MDT|PST8PDT|WET)/i.test(
+            data.timeZone
+          ))
+      ) {
         return {
           start: atcb_format_datetime(newStartDate, 'clean', true, true),
           end: atcb_format_datetime(newEndDate, 'clean', true, true),
@@ -2360,8 +2416,8 @@ function atcb_generate_time(data, style = 'delimiters', targetCal = 'general', a
       allday: false,
     };
   } else {
-    const newStartDate = new Date(Date.UTC(startDate[0], startDate[1] - 1, startDate[2]));
-    const newEndDate = new Date(Date.UTC(endDate[0], endDate[1] - 1, endDate[2]));
+    const newStartDate = new Date(data.startDate + 'T00:00:00.000Z');
+    const newEndDate = new Date(data.endDate + 'T00:00:00.000Z');
     if (targetCal == 'google' || targetCal == 'microsoft' || targetCal == 'ical') {
       newEndDate.setDate(newEndDate.getDate() + 1);
     }
@@ -2456,15 +2512,16 @@ function atcb_position_list(trigger, list, blockUpwards = false, resize = false)
   let triggerDim = trigger.getBoundingClientRect();
   let listDim = list.getBoundingClientRect();
   const btnDim = originalTrigger.getBoundingClientRect();
+  const viewportHeight = document.documentElement.clientHeight;
+  const posWrapper = document.getElementById('atcb-pos-wrapper');
+  if (posWrapper !== null) {
+    posWrapper.style.height = viewportHeight + 'px';
+  }
   if (anchorSet === true && !list.classList.contains('atcb-dropoverlay')) {
-    const viewportHeight = document.documentElement.clientHeight;
-    const posWrapper = document.getElementById('atcb-pos-wrapper');
-    if (posWrapper !== null) {
-      posWrapper.style.height = viewportHeight + 'px';
-    }
     if (
       (list.classList.contains('atcb-dropup') && resize) ||
       (!blockUpwards &&
+        !resize &&
         triggerDim.top + listDim.height > viewportHeight - 20 &&
         2 * btnDim.top + btnDim.height - triggerDim.top - listDim.height > 20)
     ) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "add-to-calendar-button",
-  "version": "1.18.2",
+  "version": "1.18.4",
   "engines": {
     "node": ">=14.20.0"
   },
@@ -69,9 +69,9 @@
     "timezones-ical-library": "^1.4.2"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.40.1",
-    "@typescript-eslint/parser": "^5.40.1",
-    "eslint": "^8.25.0",
+    "@typescript-eslint/eslint-plugin": "^5.41.0",
+    "@typescript-eslint/parser": "^5.41.0",
+    "eslint": "^8.26.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-commonjs": "^1.0.2",
     "eslint-plugin-security": "^1.5.0",