add-to-calendar-button 2.2.0 → 2.2.2

package/dist/module/index.js

@@ -6,15 +6,15 @@ import { tzlib_get_ical_block, tzlib_get_offset, tzlib_get_timezones } from 'tim
  *  Add to Calendar Button
  *  ++++++++++++++++++++++
  *
- *  Version: 2.2.0
+ *  Version: 2.2.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.2.0';
-const atcbCssTemplate = {
+const atcbVersion = '2.2.2';
+const atcbCssTemplate = {
   if (typeof window === 'undefined') {
     return false;
   } else {
@@ -172,7 +172,8 @@ const atcbWcBooleanParams = [
   'disabled',
   'hidden',
 ];
-const atcbWcObjectParams = ['dates', 'customLabels', 'ty', 'rsvp'];
+const atcbWcObjectParams = ['customLabels', 'ty', 'rsvp'];
+const atcbWcObjectArrayParams = ['dates'];
 const atcbWcArrayParams = ['images', 'options'];
 const atcbIcon = {
   trigger:
@@ -525,15 +526,19 @@ function atcb_date_specials_calculation(type, dateString, timeString = null, tim
   if (type === 'timestamp') {
     return tmpDate.getTime();
   }
-  let isoString = tmpDate.toISOString();
-  if (timeString && timeZone) {
-    const offsetEnd = tzlib_get_offset(timeZone, dateString, timeString);
-    const formattedOffsetEnd = offsetEnd.slice(0, 3) + ':' + offsetEnd.slice(3);
-    isoString.replace('.000Z', formattedOffsetEnd);
+  try {
+    let isoString = tmpDate.toISOString();
+    if (timeString && timeZone) {
+      const offsetEnd = tzlib_get_offset(timeZone, dateString, timeString);
+      const formattedOffsetEnd = offsetEnd.slice(0, 3) + ':' + offsetEnd.slice(3);
+      isoString.replace('.000Z', formattedOffsetEnd);
+    }
+    const utcEndDate = new Date(isoString);
+    const currentUtcDate = new Date(Date.now()).toUTCString();
+    return utcEndDate.getTime() < new Date(currentUtcDate).getTime();
+  } catch (e) {
+    return false;
   }
-  const utcEndDate = new Date(isoString);
-  const currentUtcDate = new Date(Date.now()).toUTCString();
-  return utcEndDate.getTime() < new Date(currentUtcDate).getTime();
 }
 function atcb_date_calculation(dateString) {
   const today = new Date();
@@ -550,7 +555,11 @@ function atcb_date_calculation(dateString) {
   if (dateStringParts[1] != null && dateStringParts[1] > 0) {
     newDate.setDate(newDate.getDate() + parseInt(dateStringParts[1]));
   }
-  return newDate.toISOString().replace(/T(\d{2}:\d{2}:\d{2}\.\d{3})Z/g, '');
+  try {
+    return newDate.toISOString().replace(/T(\d{2}:\d{2}:\d{2}\.\d{3})Z/g, '');
+  } catch (e) {
+    return false;
+  }
 }
 function atcb_decorate_data_button_status_handling(data) {
   if (data.pastDateHandling == null || (data.pastDateHandling != 'disable' && data.pastDateHandling != 'hide')) {
@@ -581,17 +590,16 @@ function atcb_decorate_data_button_status_handling(data) {
 }
 
 
-function atcb_check_required(data, throwError = true) {
+function atcb_check_required(data) {
+  if (data.validationError) {
+    data.validationError = null;
+  }
   if (data.options == null || data.options.length < 1) {
-    if (throwError) {
-      throw new Error('Add to Calendar Button generation failed: no valid options set');
-    }
+    data.validationError = 'Add to Calendar Button generation failed: no valid options set';
     return false;
   }
   if (data.name == null || data.name == '') {
-    if (throwError) {
-      throw new Error('Add to Calendar Button generation failed: required name information missing');
-    }
+    data.validationError = 'Add to Calendar Button generation failed: required name information missing';
     return false;
   }
   if (data.dates != null && data.dates.length > 0) {
@@ -603,9 +611,7 @@ function atcb_check_required(data, throwError = true) {
           (!requiredMultiFieldFlex.includes(`${field}`) && (data.dates[`${i}`][`${field}`] == null || data.dates[`${i}`][`${field}`] == '')) ||
           (requiredMultiFieldFlex.includes(`${field}`) && (data.dates[`${i}`][`${field}`] == null || data.dates[`${i}`][`${field}`] == '') && (data[`${field}`] == null || data[`${field}`] == ''))
         ) {
-          if (throwError) {
-            throw new Error('Add to Calendar Button generation failed: required setting missing [dates array object #' + (i + 1) + '/' + data.dates.length + '] => [' + field + ']');
-          }
+          data.validationError = 'Add to Calendar Button generation failed: required setting missing [dates array object #' + (i + 1) + '/' + data.dates.length + '] => [' + field + ']';
           return false;
         }
       }
@@ -615,9 +621,7 @@ function atcb_check_required(data, throwError = true) {
     const requiredSingleField = ['startDate'];
     return requiredSingleField.every(function (field) {
       if (data[`${field}`] == null || data[`${field}`] == '') {
-        if (throwError) {
-          throw new Error('Add to Calendar Button generation failed: required setting missing [' + field + ']');
-        }
+        data.validationError = 'Add to Calendar Button generation failed: required setting missing [' + field + ']';
         return false;
       }
       return true;
@@ -625,6 +629,9 @@ function atcb_check_required(data, throwError = true) {
   }
 }
 function atcb_validate(data) {
+  if (data.validationError) {
+    data.validationError = null;
+  }
   const msgPrefix = 'Add to Calendar Button generation (' + data.identifier + ')';
   if (!atcb_validate_icsFile(data, msgPrefix)) return false;
   if (!atcb_validate_buttonStyle(data, msgPrefix)) return false;
@@ -651,9 +658,7 @@ function atcb_validate_icsFile(data, msgPrefix, i = '', msgSuffix = '') {
   })();
   if (icsFileStr != '') {
     if (!atcb_secure_url(icsFileStr, false) || !data.icsFile.startsWith('https://')) {
-      if (data.debug) {
-        console.error(msgPrefix + ' failed: explicit ics file path not valid' + msgSuffix);
-      }
+      data.validationError = msgPrefix + ' failed: explicit ics file path not valid' + msgSuffix;
       return false;
     }
   }
@@ -662,48 +667,36 @@ function atcb_validate_icsFile(data, msgPrefix, i = '', msgSuffix = '') {
 function atcb_validate_buttonStyle(data, msgPrefix) {
   const availableStyles = ['default', '3d', 'flat', 'round', 'neumorphism', 'text', 'date', 'custom', 'none'];
   if (!availableStyles.includes(data.buttonStyle)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: provided buttonStyle invalid');
-    }
+    data.validationError = msgPrefix + ' failed: provided buttonStyle invalid';
     return false;
   }
   if (data.customCss != null && data.customCss != '' && (!atcb_secure_url(data.customCss, false) || !/\.css$/m.test(data.customCss))) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: customCss provided, but no valid url');
-    }
+    data.validationError = msgPrefix + ' failed: customCss provided, but no valid url';
     return false;
   }
   if ((data.customCss == null || data.customCss == '') && data.buttonStyle == 'custom') {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: buttonStyle "custom" selected, but no customCss file provided');
-    }
+    data.validationError = msgPrefix + ' failed: buttonStyle "custom" selected, but no customCss file provided';
     return false;
   }
   return true;
 }
 function atcb_validate_subscribe(data, msgPrefix) {
   if (data.subscribe == true && (data.icsFile == null || data.icsFile == '')) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: a subscription calendar requires a valid explicit ics file as well');
-    }
+    data.validationError = msgPrefix + ' failed: a subscription calendar requires a valid explicit ics file as well';
     return false;
   }
   return true;
 }
 function atcb_validate_created(data, msgPrefix) {
   if (!/^\d{8}T\d{6}Z$/.test(data.created)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: created date format not valid. Needs to be a full ISO-8601 UTC date and time string, formatted YYYYMMDDTHHMMSSZ');
-    }
+    data.validationError = msgPrefix + ' failed: created date format not valid. Needs to be a full ISO-8601 UTC date and time string, formatted YYYYMMDDTHHMMSSZ';
     return false;
   }
   return true;
 }
 function atcb_validate_updated(data, msgPrefix) {
   if (!/^\d{8}T\d{6}Z$/.test(data.updated)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: updated date format not valid. Needs to be a full ISO-8601 UTC date and time string, formatted YYYYMMDDTHHMMSSZ');
-    }
+    data.validationError = msgPrefix + ' failed: updated date format not valid. Needs to be a full ISO-8601 UTC date and time string, formatted YYYYMMDDTHHMMSSZ';
     return false;
   }
   return true;
@@ -712,9 +705,7 @@ function atcb_validate_options(data, msgPrefix) {
   if (
     !data.options.every(function (option) {
       if (!atcbOptions.includes(option)) {
-        if (data.debug) {
-          console.error(msgPrefix + ' failed: invalid option [' + option + ']');
-        }
+        data.validationError = msgPrefix + ' failed: invalid option [' + option + ']';
         return false;
       }
       return true;
@@ -747,18 +738,14 @@ function atcb_validate_date_blocks(data, msgPrefix) {
 }
 function atcb_validate_status(data, msgPrefix, i, msgSuffix) {
   if (data.dates[`${i}`].status != 'TENTATIVE' && data.dates[`${i}`].status != 'CONFIRMED' && data.dates[`${i}`].status != 'CANCELLED') {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: event status needs to be TENTATIVE, CONFIRMED, or CANCELLED' + msgSuffix);
-    }
+    data.validationError = msgPrefix + ' failed: event status needs to be TENTATIVE, CONFIRMED, or CANCELLED' + msgSuffix;
     return false;
   }
   return true;
 }
 function atcb_validate_availability(data, msgPrefix, i, msgSuffix) {
   if (data.dates[`${i}`].availability != null && data.dates[`${i}`].availability != '' && data.dates[`${i}`].availability != 'free' && data.dates[`${i}`].availability != 'busy') {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: event availability needs to be "free" or "busy"' + msgSuffix);
-    }
+    data.validationError = msgPrefix + ' failed: event availability needs to be "free" or "busy"' + msgSuffix;
     return false;
   }
   return true;
@@ -767,9 +754,7 @@ function atcb_validate_organizer(data, msgPrefix, i, msgSuffix) {
   if (data.dates[`${i}`].organizer != null && data.dates[`${i}`].organizer != '') {
     const organizerParts = data.dates[`${i}`].organizer.split('|');
     if (organizerParts.length != 2 || organizerParts[0].length > 50 || organizerParts[1].length > 80 || !atcb_validEmail(organizerParts[1])) {
-      if (data.debug) {
-        console.error(msgPrefix + ' failed: organizer needs to match the schema "NAME|EMAIL" with a valid email address' + msgSuffix);
-      }
+      data.validationError = msgPrefix + ' failed: organizer needs to match the schema "NAME|EMAIL" with a valid email address' + msgSuffix;
       return false;
     }
   }
@@ -778,16 +763,12 @@ function atcb_validate_organizer(data, msgPrefix, i, msgSuffix) {
 function atcb_validate_attendee(data, msgPrefix, i, msgSuffix) {
   if (data.dates[`${i}`].attendee != null && data.dates[`${i}`].attendee != '') {
     if (data.dates[`${i}`].organizer == null || data.dates[`${i}`].organizer == '') {
-      if (data.debug) {
-        console.error(msgPrefix + ' failed: if an attendee is set, you also need to set the organizer' + msgSuffix);
-      }
+      data.validationError = msgPrefix + ' failed: if an attendee is set, you also need to set the organizer' + msgSuffix;
       return false;
     }
     const attendeeParts = data.dates[`${i}`].attendee.split('|');
     if (attendeeParts.length != 2 || attendeeParts[0].length > 50 || attendeeParts[1].length > 80 || !atcb_validEmail(attendeeParts[1])) {
-      if (data.debug) {
-        console.error(msgPrefix + ' failed: attendee needs to match the schema "NAME|EMAIL" with a valid email address' + msgSuffix);
-      }
+      data.validationError = msgPrefix + ' failed: attendee needs to match the schema "NAME|EMAIL" with a valid email address' + msgSuffix;
       return false;
     }
   }
@@ -818,9 +799,7 @@ function atcb_validate_timezone(data, msgPrefix, i, msgSuffix) {
   if (data.dates[`${i}`].timeZone != null && data.dates[`${i}`].timeZone != '') {
     const validTimeZones = tzlib_get_timezones();
     if (!validTimeZones.includes(data.dates[`${i}`].timeZone)) {
-      if (data.debug) {
-        console.error(msgPrefix + ' failed: invalid time zone given' + msgSuffix);
-      }
+      data.validationError = msgPrefix + ' failed: invalid time zone given' + msgSuffix;
       return false;
     }
   }
@@ -832,16 +811,12 @@ function atcb_validate_datetime(data, msgPrefix, i, msgSuffix) {
   if (
     !dates.every(function (date) {
       if (data.dates[`${i}`][`${date}`].length !== 10) {
-        if (data.debug) {
-          console.error(msgPrefix + ' failed: date misspelled [-> YYYY-MM-DD]' + msgSuffix);
-        }
+        data.validationError = msgPrefix + ' failed: date misspelled [-> YYYY-MM-DD]' + msgSuffix;
         return false;
       }
       const dateParts = data.dates[`${i}`][`${date}`].split('-');
       if (dateParts.length < 3 || dateParts.length > 3) {
-        if (data.debug) {
-          console.error(msgPrefix + ' failed: date misspelled [' + date + ': ' + data.dates[`${i}`][`${date}`] + ']' + msgSuffix);
-        }
+        data.validationError = msgPrefix + ' failed: date misspelled [' + date + ': ' + data.dates[`${i}`][`${date}`] + ']' + msgSuffix;
         return false;
       }
       newDate[`${date}`] = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);
@@ -855,28 +830,20 @@ function atcb_validate_datetime(data, msgPrefix, i, msgSuffix) {
     !times.every(function (time) {
       if (data.dates[`${i}`][`${time}`] != null) {
         if (data.dates[`${i}`][`${time}`].length !== 5) {
-          if (data.debug) {
-            console.error(msgPrefix + ' failed: time misspelled [-> HH:MM]' + msgSuffix);
-          }
+          data.validationError = msgPrefix + ' failed: time misspelled [-> HH:MM]' + msgSuffix;
           return false;
         }
         const timeParts = data.dates[`${i}`][`${time}`].split(':');
         if (timeParts.length < 2 || timeParts.length > 2) {
-          if (data.debug) {
-            console.error(msgPrefix + ' failed: time misspelled [' + time + ': ' + data.dates[`${i}`][`${time}`] + ']' + msgSuffix);
-          }
+          data.validationError = msgPrefix + ' failed: time misspelled [' + time + ': ' + data.dates[`${i}`][`${time}`] + ']' + msgSuffix;
           return false;
         }
         if (timeParts[0] > 23) {
-          if (data.debug) {
-            console.error(msgPrefix + ' failed: time misspelled - hours number too high [' + time + ': ' + timeParts[0] + ']' + msgSuffix);
-          }
+          data.validationError = msgPrefix + ' failed: time misspelled - hours number too high [' + time + ': ' + timeParts[0] + ']' + msgSuffix;
           return false;
         }
         if (timeParts[1] > 59) {
-          if (data.debug) {
-            console.error(msgPrefix + ' failed: time misspelled - minutes number too high [' + time + ': ' + timeParts[1] + ']' + msgSuffix);
-          }
+          data.validationError = msgPrefix + ' failed: time misspelled - minutes number too high [' + time + ': ' + timeParts[1] + ']' + msgSuffix;
           return false;
         }
         if (time == 'startTime') {
@@ -892,75 +859,53 @@ function atcb_validate_datetime(data, msgPrefix, i, msgSuffix) {
     return false;
   }
   if ((data.dates[`${i}`].startTime != null && data.dates[`${i}`].endTime == null) || (data.dates[`${i}`].startTime == null && data.dates[`${i}`].endTime != null)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: if you set a starting or end time, the respective other one also needs to be defined' + msgSuffix);
-    }
+    data.validationError = msgPrefix + ' failed: if you set a starting or end time, the respective other one also needs to be defined' + msgSuffix;
     return false;
   }
   if (newDate.endDate < newDate.startDate) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: end date before start date' + msgSuffix);
-    }
+    data.validationError = msgPrefix + ' failed: end date before start date' + msgSuffix;
     return false;
   }
   return true;
 }
 function atcb_validate_rrule(data, msgPrefix) {
   if (data.recurrence != null && data.recurrence != '' && data.dates.length > 1) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: RRULE and multi-date set at the same time');
-    }
+    data.validationError = msgPrefix + ' failed: RRULE and multi-date set at the same time';
     return false;
   }
   if (data.recurrence != null && data.recurrence != '' && !/^RRULE:[\w=;,:+-/\\]+$/i.test(data.recurrence)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: RRULE data misspelled');
-    }
+    data.validationError = msgPrefix + ' failed: RRULE data misspelled';
     return false;
   }
   return true;
 }
 function atcb_validate_rrule_simplyfied(data, msgPrefix) {
   if (data.recurrence_interval != null && data.recurrence_interval != '' && !/^\d+$/.test(data.recurrence_interval)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: recurrence data (interval) misspelled');
-    }
+    data.validationError = msgPrefix + ' failed: recurrence data (interval) misspelled';
     return false;
   }
   if (data.recurrence_until != null && data.recurrence_until != '' && !/^(\d|-|:)+$/i.test(data.recurrence_until)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: recurrence data (until) misspelled');
-    }
+    data.validationError = msgPrefix + ' failed: recurrence data (until) misspelled';
     return false;
   }
   if (data.recurrence_count != null && data.recurrence_count != '' && !/^\d+$/.test(data.recurrence_count)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: recurrence data (interval) misspelled');
-    }
+    data.validationError = msgPrefix + ' failed: recurrence data (interval) misspelled';
     return false;
   }
   if (data.recurrence_byMonth != null && data.recurrence_byMonth != '' && !/^(\d|,)+$/.test(data.recurrence_byMonth)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: recurrence data (byMonth) misspelled');
-    }
+    data.validationError = msgPrefix + ' failed: recurrence data (byMonth) misspelled';
     return false;
   }
   if (data.recurrence_byMonthDay != null && data.recurrence_byMonthDay != '' && !/^(\d|,)+$/.test(data.recurrence_byMonthDay)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: recurrence data (byMonthDay) misspelled');
-    }
+    data.validationError = msgPrefix + ' failed: recurrence data (byMonthDay) misspelled';
     return false;
   }
   if (data.recurrence_byDay != null && data.recurrence_byDay != '' && !/^(\d|-|MO|TU|WE|TH|FR|SA|SU|,)+$/im.test(data.recurrence_byDay)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: recurrence data (byDay) misspelled');
-    }
+    data.validationError = msgPrefix + ' failed: recurrence data (byDay) misspelled';
     return false;
   }
   if (data.recurrence_weekstart != null && data.recurrence_weekstart != '' && !/^(MO|TU|WE|TH|FR|SA|SU)$/im.test(data.recurrence_weekstart)) {
-    if (data.debug) {
-      console.error(msgPrefix + ' failed: recurrence data (weekstart) misspelled');
-    }
+    data.validationError = msgPrefix + ' failed: recurrence data (weekstart) misspelled';
     return false;
   }
   return true;
@@ -2514,22 +2459,30 @@ function atcb_rewrite_html_elements(content, clear = false) {
   content = content.replace(/<br\s*\/?>/gi, '\n');
   if (clear) {
     content = content.replace(/\[(|\/)(url|br|hr|p|b|strong|u|i|em|li|ul|ol|h\d)\]|((\|.*)\[\/url\])/gi, '');
+    content = content.replace(/\{(|\/)(url|br|hr|p|b|strong|u|i|em|li|ul|ol|h\d)\}|((\|.*)\{\/url\})/gi, '');
   } else {
     content = content.replace(/\[(\/|)(br|hr|p|b|strong|u|i|em|li|ul|ol|h\d)\]/gi, '<$1$2>');
+    content = content.replace(/\{(\/|)(br|hr|p|b|strong|u|i|em|li|ul|ol|h\d)\}/gi, '<$1$2>');
     content = content.replace(/\[url\]([\w&$+.,:;=~!*'?@^%#|\s\-()/]*)\[\/url\]/gi, function (match, p1) {
-      const urlText = p1.split('|');
-      const text = (function () {
-        if (urlText.length > 1 && urlText[1] != '') {
-          return urlText[1];
-        } else {
-          return urlText[0];
-        }
-      })();
-      return '<a href="' + urlText[0] + '" target="' + atcbDefaultTarget + '" rel="noopener">' + text + '</a>';
+      return atcb_parse_url_code(p1);
+    });
+    content = content.replace(/\{url\}([\w&$+.,:;=~!*'?@^%#|\s\-()/]*)\{\/url\}/gi, function (match, p1) {
+      return atcb_parse_url_code(p1);
     });
   }
   return content;
 }
+function atcb_parse_url_code(input) {
+  const urlText = input.split('|');
+  const text = (function () {
+    if (urlText.length > 1 && urlText[1] != '') {
+      return urlText[1];
+    } else {
+      return urlText[0];
+    }
+  })();
+  return '<a href="' + urlText[0] + '" target="' + atcbDefaultTarget + '" rel="noopener">' + text + '</a>';
+}
 function atcb_position_list(host, trigger, list, blockUpwards = false, resize = false) {
   let anchorSet = false;
   const originalTrigger = trigger;
@@ -3148,9 +3101,8 @@ const i18nStrings = {
 };
 const availableLanguages = Object.keys(i18nStrings);
 function atcb_translate_hook(identifier, data) {
-  const searchKey = identifier.replace(/\s+/g, '').toLowerCase();
-  if (data.customLabels != null && data.customLabels[`${searchKey}`] != null && data.customLabels[`${searchKey}`] != '') {
-    return atcb_rewrite_html_elements(data.customLabels[`${searchKey}`]);
+  if (data.customLabels != null && data.customLabels[`${identifier}`] != null && data.customLabels[`${identifier}`] != '') {
+    return atcb_rewrite_html_elements(data.customLabels[`${identifier}`]);
   } else {
     return atcb_translate(identifier, data.language);
   }
@@ -3193,9 +3145,8 @@ if (isBrowser()) {
         } catch (e) {
           if (this.debug) {
             atcb_render_debug_msg(this.shadowRoot, e);
-            console.error(e);
-            return;
           }
+          return;
         }
         this.data.proKey = '';
       }
@@ -3225,9 +3176,8 @@ if (isBrowser()) {
       } catch (e) {
         if (this.debug) {
           atcb_render_debug_msg(this.shadowRoot, e);
-          console.error(e);
-          return;
         }
+        return;
       }
     }
     disconnectedCallback() {
@@ -3268,9 +3218,8 @@ if (isBrowser()) {
       } catch (e) {
         if (this.debug) {
           atcb_render_debug_msg(this.shadowRoot, e);
-          console.error(e);
-          return;
         }
+        return;
       }
       this.data.identifier = this.identifier;
       try {
@@ -3278,9 +3227,8 @@ if (isBrowser()) {
       } catch (e) {
         if (this.debug) {
           atcb_render_debug_msg(this.shadowRoot, e);
-          console.error(e);
-          return;
         }
+        return;
       }
     }
   }
@@ -3304,6 +3252,14 @@ function atcb_read_attributes(el) {
         }
       } else if (atcbWcObjectParams.includes(attr)) {
         val = JSON.parse(inputVal);
+      } else if (atcbWcObjectArrayParams.includes(attr)) {
+        const cleanedInput = (function () {
+          if (inputVal.substring(0, 1) != '[') {
+            return '[' + inputVal + ']';
+          }
+          return inputVal;
+        })();
+        val = JSON.parse(cleanedInput);
       } else if (atcbWcArrayParams.includes(attr)) {
         const cleanedInput = (function () {
           let newVal = inputVal;
@@ -3334,7 +3290,7 @@ function atcb_read_attributes(el) {
       data['identifier'] = atcb_secure_content(identifierAttr.replace(/(\r\n|\n|\r)/g, ''), false);
     }
   }
-  if (!atcb_check_required(data, false)) {
+  if (!atcb_check_required(data)) {
     const slotInput = el.innerHTML;
     const atcbJsonInput = (function () {
       if (slotInput != '') {
@@ -3347,6 +3303,7 @@ function atcb_read_attributes(el) {
       return '';
     })();
     if (atcbJsonInput.length == 0) {
+      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;
@@ -3354,25 +3311,24 @@ function atcb_read_attributes(el) {
   return data;
 }
 function atcb_build_button(host, data, debug = false) {
-  if (atcb_check_required(data)) {
-    data = atcb_decorate_data(data);
-    if (atcb_validate(data)) {
-      const rootObj = host.querySelector('.atcb-initialized');
-      atcb_set_light_mode(host, data);
-      rootObj.setAttribute('lang', data.language);
-      atcb_load_css(host, rootObj, data.buttonStyle, data.inline, data.buttonsList, data.customCss);
-      atcb_setup_state_management(data);
-      atcb_set_global_event_listener(host, data);
-      atcb_init_log(data.proKey, debug);
-      atcb_generate_button(host, rootObj, data, debug);
-      if (!data.hideRichData && data.name && data.dates[0].location && data.dates[0].startDate) {
-        atcb_generate_rich_data(data, host.host);
-        data.schemaEl = host.host.previousSibling;
-      }
-      atcb_log_event('initialization', data.identifier, data.identifier);
-    } else if (debug) {
-      atcb_render_debug_msg(host, 'Add to Calendar Button generation failed: invalid data; see console logs for details');
-    }
+  data = atcb_decorate_data(data);
+  if (atcb_validate(data)) {
+    const rootObj = host.querySelector('.atcb-initialized');
+    atcb_set_light_mode(host, data);
+    rootObj.setAttribute('lang', data.language);
+    atcb_load_css(host, rootObj, data.buttonStyle, data.inline, data.buttonsList, data.customCss);
+    atcb_setup_state_management(data);
+    atcb_set_global_event_listener(host, data);
+    atcb_init_log(data.proKey, debug);
+    atcb_generate_button(host, rootObj, data, debug);
+    if (!data.hideRichData && data.name && data.dates[0].location && data.dates[0].startDate) {
+      atcb_generate_rich_data(data, host.host);
+      data.schemaEl = host.host.previousSibling;
+    }
+    atcb_log_event('initialization', data.identifier, data.identifier);
+  } else if (debug) {
+    console.error(data.validationError);
+    throw new Error(data.validationError);
   }
 }
 function atcb_cleanup(host, data) {
@@ -3498,7 +3454,8 @@ function atcb_action(data, triggerElement, keyboardTrigger = false) {
   }
   data.debug = data.debug === 'true';
   if (!atcb_check_required(data)) {
-    throw new Error('Add to Calendar Button generation failed: required data missing; see console logs');
+    console.error(data.validationError);
+    return;
   }
   data = atcb_decorate_data(data);
   let root = document.body;
@@ -3523,7 +3480,8 @@ function atcb_action(data, triggerElement, keyboardTrigger = false) {
     data.listStyle = 'modal';
   }
   if (!atcb_validate(data)) {
-    throw new Error('Add to Calendar Button generation (' + data.identifier + ') failed: invalid data; see console logs');
+    console.error(data.validationError);
+    return;
   }
   const oneOption = (function () {
     if (data.options.length === 1) {

package/package.json

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