@watermarkinsights/ripple 3.8.0-4 → 3.8.0-5

package/dist/cjs/{functions-1f0edc61.js → functions-83193a8d.js}

@@ -3880,17 +3880,11 @@ function icuUnitToEcma(unit) {
     return unit.replace(/^(.*?)-/, '');
 }
 var FRACTION_PRECISION_REGEX = /^\.(?:(0+)(\*)?|(#+)|(0+)(#+))$/g;
-var SIGNIFICANT_PRECISION_REGEX = /^(@+)?(\+|#+)?[rs]?$/g;
+var SIGNIFICANT_PRECISION_REGEX = /^(@+)?(\+|#+)?$/g;
 var INTEGER_WIDTH_REGEX = /(\*)(0+)|(#+)(0+)|(0+)/g;
 var CONCISE_INTEGER_WIDTH_REGEX = /^(0+)$/;
 function parseSignificantPrecision(str) {
     var result = {};
-    if (str[str.length - 1] === 'r') {
-        result.roundingPriority = 'morePrecision';
-    }
-    else if (str[str.length - 1] === 's') {
-        result.roundingPriority = 'lessPrecision';
-    }
     str.replace(SIGNIFICANT_PRECISION_REGEX, function (_, g1, g2) {
         // @@@ case
         if (typeof g2 !== 'string') {
@@ -4117,13 +4111,8 @@ function parseNumberSkeleton(tokens) {
                 }
                 return '';
             });
-            var opt = token.options[0];
-            // https://unicode-org.github.io/icu/userguide/format_parse/numbers/skeletons.html#trailing-zero-display
-            if (opt === 'w') {
-                result = __assign(__assign({}, result), { trailingZeroDisplay: 'stripIfInteger' });
-            }
-            else if (opt) {
-                result = __assign(__assign({}, result), parseSignificantPrecision(opt));
+            if (token.options.length) {
+                result = __assign(__assign({}, result), parseSignificantPrecision(token.options[0]));
             }
             continue;
         }
@@ -4145,8 +4134,8 @@ function parseNumberSkeleton(tokens) {
 }
 
 var _a;
-var SPACE_SEPARATOR_START_REGEX = new RegExp("^".concat(SPACE_SEPARATOR_REGEX.source, "*"));
-var SPACE_SEPARATOR_END_REGEX = new RegExp("".concat(SPACE_SEPARATOR_REGEX.source, "*$"));
+var SPACE_SEPARATOR_START_REGEX = new RegExp("^" + SPACE_SEPARATOR_REGEX.source + "*");
+var SPACE_SEPARATOR_END_REGEX = new RegExp(SPACE_SEPARATOR_REGEX.source + "*$");
 function createLocation(start, end) {
     return { start: start, end: end };
 }
@@ -4393,7 +4382,7 @@ var Parser = /** @class */ (function () {
             return {
                 val: {
                     type: TYPE.literal,
-                    value: "<".concat(tagName, "/>"),
+                    value: "<" + tagName + "/>",
                     location: createLocation(startPosition, this.clonePosition()),
                 },
                 err: null,
@@ -4998,7 +4987,7 @@ var Parser = /** @class */ (function () {
         }
         var code = codePointAt(this.message, offset);
         if (code === undefined) {
-            throw Error("Offset ".concat(offset, " is at invalid UTF-16 code unit boundary"));
+            throw Error("Offset " + offset + " is at invalid UTF-16 code unit boundary");
         }
         return code;
     };
@@ -5066,7 +5055,7 @@ var Parser = /** @class */ (function () {
      */
     Parser.prototype.bumpTo = function (targetOffset) {
         if (this.offset() > targetOffset) {
-            throw Error("targetOffset ".concat(targetOffset, " must be greater than or equal to the current offset ").concat(this.offset()));
+            throw Error("targetOffset " + targetOffset + " must be greater than or equal to the current offset " + this.offset());
         }
         targetOffset = Math.min(targetOffset, this.message.length);
         while (true) {
@@ -5075,7 +5064,7 @@ var Parser = /** @class */ (function () {
                 break;
             }
             if (offset > targetOffset) {
-                throw Error("targetOffset ".concat(targetOffset, " is at invalid UTF-16 code unit boundary"));
+                throw Error("targetOffset " + targetOffset + " is at invalid UTF-16 code unit boundary");
             }
             this.bump();
             if (this.isEOF()) {
@@ -5541,28 +5530,28 @@ var FormatError = /** @class */ (function (_super) {
         return _this;
     }
     FormatError.prototype.toString = function () {
-        return "[formatjs Error: ".concat(this.code, "] ").concat(this.message);
+        return "[formatjs Error: " + this.code + "] " + this.message;
     };
     return FormatError;
 }(Error));
 var InvalidValueError = /** @class */ (function (_super) {
     __extends(InvalidValueError, _super);
     function InvalidValueError(variableId, value, options, originalMessage) {
-        return _super.call(this, "Invalid values for \"".concat(variableId, "\": \"").concat(value, "\". Options are \"").concat(Object.keys(options).join('", "'), "\""), ErrorCode.INVALID_VALUE, originalMessage) || this;
+        return _super.call(this, "Invalid values for \"" + variableId + "\": \"" + value + "\". Options are \"" + Object.keys(options).join('", "') + "\"", ErrorCode.INVALID_VALUE, originalMessage) || this;
     }
     return InvalidValueError;
 }(FormatError));
 var InvalidValueTypeError = /** @class */ (function (_super) {
     __extends(InvalidValueTypeError, _super);
     function InvalidValueTypeError(value, type, originalMessage) {
-        return _super.call(this, "Value for \"".concat(value, "\" must be of type ").concat(type), ErrorCode.INVALID_VALUE, originalMessage) || this;
+        return _super.call(this, "Value for \"" + value + "\" must be of type " + type, ErrorCode.INVALID_VALUE, originalMessage) || this;
     }
     return InvalidValueTypeError;
 }(FormatError));
 var MissingValueError = /** @class */ (function (_super) {
     __extends(MissingValueError, _super);
     function MissingValueError(variableId, originalMessage) {
-        return _super.call(this, "The intl string context variable \"".concat(variableId, "\" was not provided to the string \"").concat(originalMessage, "\""), ErrorCode.MISSING_VALUE, originalMessage) || this;
+        return _super.call(this, "The intl string context variable \"" + variableId + "\" was not provided to the string \"" + originalMessage + "\"", ErrorCode.MISSING_VALUE, originalMessage) || this;
     }
     return MissingValueError;
 }(FormatError));
@@ -5723,7 +5712,7 @@ originalMessage) {
             continue;
         }
         if (isPluralElement(el)) {
-            var opt = el.options["=".concat(value)];
+            var opt = el.options["=" + value];
             if (!opt) {
                 if (!Intl.PluralRules) {
                     throw new FormatError("Intl.PluralRules is not available in this environment.\nTry polyfilling it using \"@formatjs/intl-pluralrules\"\n", ErrorCode.MISSING_INTL_API, originalMessage);
@@ -5794,7 +5783,7 @@ function createDefaultFormatters(cache) {
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
             }
-            return new ((_a = Intl.NumberFormat).bind.apply(_a, __spreadArray([void 0], args, false)))();
+            return new ((_a = Intl.NumberFormat).bind.apply(_a, __spreadArray([void 0], args)))();
         }, {
             cache: createFastMemoizeCache$1(cache.number),
             strategy: strategies.variadic,
@@ -5805,7 +5794,7 @@ function createDefaultFormatters(cache) {
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
             }
-            return new ((_a = Intl.DateTimeFormat).bind.apply(_a, __spreadArray([void 0], args, false)))();
+            return new ((_a = Intl.DateTimeFormat).bind.apply(_a, __spreadArray([void 0], args)))();
         }, {
             cache: createFastMemoizeCache$1(cache.dateTime),
             strategy: strategies.variadic,
@@ -5816,7 +5805,7 @@ function createDefaultFormatters(cache) {
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
             }
-            return new ((_a = Intl.PluralRules).bind.apply(_a, __spreadArray([void 0], args, false)))();
+            return new ((_a = Intl.PluralRules).bind.apply(_a, __spreadArray([void 0], args)))();
         }, {
             cache: createFastMemoizeCache$1(cache.pluralRules),
             strategy: strategies.variadic,
@@ -5974,13 +5963,7 @@ var IntlErrorCode;
 var IntlError = /** @class */ (function (_super) {
     __extends(IntlError, _super);
     function IntlError(code, message, exception) {
-        var _this = this;
-        var err = exception
-            ? exception instanceof Error
-                ? exception
-                : new Error(String(exception))
-            : undefined;
-        _this = _super.call(this, "[@formatjs/intl Error ".concat(code, "] ").concat(message, " \n").concat(err ? "\n".concat(err.message, "\n").concat(err.stack) : '')) || this;
+        var _this = _super.call(this, "[@formatjs/intl Error " + code + "] " + message + " \n" + (exception ? "\n" + exception.message + "\n" + exception.stack : '')) || this;
         _this.code = code;
         // @ts-ignore just so we don't need to declare dep on @types/node
         if (typeof Error.captureStackTrace === 'function') {
@@ -6012,26 +5995,19 @@ var MissingDataError = /** @class */ (function (_super) {
     }
     return MissingDataError;
 }(IntlError));
-var IntlFormatError = /** @class */ (function (_super) {
-    __extends(IntlFormatError, _super);
-    function IntlFormatError(message, locale, exception) {
-        return _super.call(this, IntlErrorCode.FORMAT_ERROR, "".concat(message, " \nLocale: ").concat(locale, "\n"), exception) || this;
-    }
-    return IntlFormatError;
-}(IntlError));
 var MessageFormatError = /** @class */ (function (_super) {
     __extends(MessageFormatError, _super);
     function MessageFormatError(message, locale, descriptor, exception) {
-        var _this = _super.call(this, "".concat(message, " \nMessageID: ").concat(descriptor === null || descriptor === void 0 ? void 0 : descriptor.id, "\nDefault Message: ").concat(descriptor === null || descriptor === void 0 ? void 0 : descriptor.defaultMessage, "\nDescription: ").concat(descriptor === null || descriptor === void 0 ? void 0 : descriptor.description, " \n"), locale, exception) || this;
+        var _this = _super.call(this, IntlErrorCode.FORMAT_ERROR, message + " \nLocale: " + locale + "\nMessageID: " + (descriptor === null || descriptor === void 0 ? void 0 : descriptor.id) + "\nDefault Message: " + (descriptor === null || descriptor === void 0 ? void 0 : descriptor.defaultMessage) + "\nDescription: " + (descriptor === null || descriptor === void 0 ? void 0 : descriptor.description) + " \n", exception) || this;
         _this.descriptor = descriptor;
         return _this;
     }
     return MessageFormatError;
-}(IntlFormatError));
+}(IntlError));
 var MissingTranslationError = /** @class */ (function (_super) {
     __extends(MissingTranslationError, _super);
     function MissingTranslationError(descriptor, locale) {
-        var _this = _super.call(this, IntlErrorCode.MISSING_TRANSLATION, "Missing message: \"".concat(descriptor.id, "\" for locale \"").concat(locale, "\", using ").concat(descriptor.defaultMessage ? 'default message' : 'id', " as fallback.")) || this;
+        var _this = _super.call(this, IntlErrorCode.MISSING_TRANSLATION, "Missing message: \"" + descriptor.id + "\" for locale \"" + locale + "\", using " + (descriptor.defaultMessage ? 'default message' : 'id') + " as fallback.") || this;
         _this.descriptor = descriptor;
         return _this;
     }
@@ -6058,7 +6034,6 @@ var DEFAULT_INTL_CONFIG = {
     timeZone: undefined,
     defaultLocale: 'en',
     defaultFormats: {},
-    fallbackOnEmptyString: true,
     onError: defaultErrorHandler,
 };
 function createIntlCache() {
@@ -6101,7 +6076,7 @@ function createFormatters(cache) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return new ((_a = Intl.DateTimeFormat).bind.apply(_a, __spreadArray([void 0], args, false)))();
+        return new ((_a = Intl.DateTimeFormat).bind.apply(_a, __spreadArray([void 0], args)))();
     }, {
         cache: createFastMemoizeCache(cache.dateTime),
         strategy: strategies.variadic,
@@ -6112,7 +6087,7 @@ function createFormatters(cache) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return new ((_a = Intl.NumberFormat).bind.apply(_a, __spreadArray([void 0], args, false)))();
+        return new ((_a = Intl.NumberFormat).bind.apply(_a, __spreadArray([void 0], args)))();
     }, {
         cache: createFastMemoizeCache(cache.number),
         strategy: strategies.variadic,
@@ -6123,7 +6098,7 @@ function createFormatters(cache) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return new ((_a = Intl.PluralRules).bind.apply(_a, __spreadArray([void 0], args, false)))();
+        return new ((_a = Intl.PluralRules).bind.apply(_a, __spreadArray([void 0], args)))();
     }, {
         cache: createFastMemoizeCache(cache.pluralRules),
         strategy: strategies.variadic,
@@ -6146,7 +6121,7 @@ function createFormatters(cache) {
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
             }
-            return new (RelativeTimeFormat.bind.apply(RelativeTimeFormat, __spreadArray([void 0], args, false)))();
+            return new (RelativeTimeFormat.bind.apply(RelativeTimeFormat, __spreadArray([void 0], args)))();
         }, {
             cache: createFastMemoizeCache(cache.relativeTime),
             strategy: strategies.variadic,
@@ -6157,7 +6132,7 @@ function createFormatters(cache) {
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
             }
-            return new (ListFormat.bind.apply(ListFormat, __spreadArray([void 0], args, false)))();
+            return new (ListFormat.bind.apply(ListFormat, __spreadArray([void 0], args)))();
         }, {
             cache: createFastMemoizeCache(cache.list),
             strategy: strategies.variadic,
@@ -6167,7 +6142,7 @@ function createFormatters(cache) {
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
             }
-            return new (DisplayNames.bind.apply(DisplayNames, __spreadArray([void 0], args, false)))();
+            return new (DisplayNames.bind.apply(DisplayNames, __spreadArray([void 0], args)))();
         }, {
             cache: createFastMemoizeCache(cache.displayNames),
             strategy: strategies.variadic,
@@ -6183,7 +6158,7 @@ function getNamedFormat(formats, type, name, onError) {
     if (format) {
         return format;
     }
-    onError(new UnsupportedFormatterError("No ".concat(type, " format named: ").concat(name)));
+    onError(new UnsupportedFormatterError("No " + type + " format named: " + name));
 }
 
 /**
@@ -6218,7 +6193,7 @@ function deepMergeFormatsAndSetTimeZone(f1, timeZone) {
     return __assign(__assign(__assign({}, mfFormats), f1), { date: deepMergeOptions(setTimeZoneInOptions(mfFormats.date, timeZone), setTimeZoneInOptions(f1.date || {}, timeZone)), time: deepMergeOptions(setTimeZoneInOptions(mfFormats.time, timeZone), setTimeZoneInOptions(f1.time || {}, timeZone)) });
 }
 function formatMessage(_a, state, messageDescriptor, values, opts) {
-    var locale = _a.locale, formats = _a.formats, messages = _a.messages, defaultLocale = _a.defaultLocale, defaultFormats = _a.defaultFormats, fallbackOnEmptyString = _a.fallbackOnEmptyString, onError = _a.onError, timeZone = _a.timeZone, defaultRichTextElements = _a.defaultRichTextElements;
+    var locale = _a.locale, formats = _a.formats, messages = _a.messages, defaultLocale = _a.defaultLocale, defaultFormats = _a.defaultFormats, onError = _a.onError, timeZone = _a.timeZone, defaultRichTextElements = _a.defaultRichTextElements;
     if (messageDescriptor === void 0) { messageDescriptor = { id: '' }; }
     var msgId = messageDescriptor.id, defaultMessage = messageDescriptor.defaultMessage;
     // `id` is a required field of a Message Descriptor.
@@ -6248,9 +6223,6 @@ function formatMessage(_a, state, messageDescriptor, values, opts) {
     formats = deepMergeFormatsAndSetTimeZone(formats, timeZone);
     defaultFormats = deepMergeFormatsAndSetTimeZone(defaultFormats, timeZone);
     if (!message) {
-        if (fallbackOnEmptyString === false && message === '') {
-            return message;
-        }
         if (!defaultMessage ||
             (locale && locale.toLowerCase() !== defaultLocale.toLowerCase())) {
             // This prevents warnings from littering the console in development
@@ -6264,7 +6236,7 @@ function formatMessage(_a, state, messageDescriptor, values, opts) {
                 return formatter.format(values);
             }
             catch (e) {
-                onError(new MessageFormatError("Error formatting default message for: \"".concat(id, "\", rendering default message verbatim"), locale, messageDescriptor, e));
+                onError(new MessageFormatError("Error formatting default message for: \"" + id + "\", rendering default message verbatim", locale, messageDescriptor, e));
                 return typeof defaultMessage === 'string' ? defaultMessage : id;
             }
         }
@@ -6276,7 +6248,7 @@ function formatMessage(_a, state, messageDescriptor, values, opts) {
         return formatter.format(values);
     }
     catch (e) {
-        onError(new MessageFormatError("Error formatting message: \"".concat(id, "\", using ").concat(defaultMessage ? 'default message' : 'id', " as fallback."), locale, messageDescriptor, e));
+        onError(new MessageFormatError("Error formatting message: \"" + id + "\", using " + (defaultMessage ? 'default message' : 'id') + " as fallback.", locale, messageDescriptor, e));
     }
     if (defaultMessage) {
         try {
@@ -6284,7 +6256,7 @@ function formatMessage(_a, state, messageDescriptor, values, opts) {
             return formatter.format(values);
         }
         catch (e) {
-            onError(new MessageFormatError("Error formatting the default message for: \"".concat(id, "\", rendering message verbatim"), locale, messageDescriptor, e));
+            onError(new MessageFormatError("Error formatting the default message for: \"" + id + "\", rendering message verbatim", locale, messageDescriptor, e));
         }
     }
     if (typeof message === 'string') {
@@ -6322,7 +6294,9 @@ function getFormatter$2(_a, type, getDateTimeFormat, options) {
     if (options === void 0) { options = {}; }
     var format = options.format;
     var defaults = __assign(__assign({}, (timeZone && { timeZone: timeZone })), (format && getNamedFormat(formats, type, format, onError)));
-    var filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, defaults);
+    var filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, 
+    // @ts-expect-error es2020 has a lot stuff from es2021 bleed in
+    defaults);
     if (type === 'time' &&
         !filteredOptions.hour &&
         !filteredOptions.minute &&
@@ -6439,7 +6413,7 @@ var LIST_FORMAT_OPTIONS = [
 ];
 var now = Date.now();
 function generateToken(i) {
-    return "".concat(now, "_").concat(i, "_").concat(now);
+    return now + "_" + i + "_" + now;
 }
 function formatList(opts, getListFormat, values, options) {
     if (options === void 0) { options = {}; }
@@ -6506,7 +6480,7 @@ function formatPlural(_a, getPluralRules, value, options) {
         return getPluralRules(locale, filteredOptions).select(value);
     }
     catch (e) {
-        onError(new IntlFormatError('Error formatting plural.', locale, e));
+        onError(new MessageFormatError('Error formatting plural.', e));
     }
     return 'other';
 }
@@ -6533,7 +6507,7 @@ function formatRelativeTime(config, getRelativeTimeFormat, value, unit, options)
         return getFormatter$1(config, getRelativeTimeFormat, options).format(value, unit);
     }
     catch (e) {
-        config.onError(new IntlFormatError('Error formatting relative time.', config.locale, e));
+        config.onError(new MessageFormatError('Error formatting relative time.', e));
     }
     return String(value);
 }
@@ -6613,7 +6587,7 @@ function createIntl(config, cache) {
     var locale = resolvedConfig.locale, defaultLocale = resolvedConfig.defaultLocale, onError = resolvedConfig.onError;
     if (!locale) {
         if (onError) {
-            onError(new InvalidConfigError("\"locale\" was not configured, using \"".concat(defaultLocale, "\" as fallback. See https://formatjs.io/docs/react-intl/api#intlshape for more details")));
+            onError(new InvalidConfigError("\"locale\" was not configured, using \"" + defaultLocale + "\" as fallback. See https://formatjs.io/docs/react-intl/api#intlshape for more details"));
         }
         // Since there's no registered locale data for `locale`, this will
         // fallback to the `defaultLocale` to make sure things can render.
@@ -6623,481 +6597,481 @@ function createIntl(config, cache) {
         resolvedConfig.locale = resolvedConfig.defaultLocale || 'en';
     }
     else if (!Intl.NumberFormat.supportedLocalesOf(locale).length && onError) {
-        onError(new MissingDataError("Missing locale data for locale: \"".concat(locale, "\" in Intl.NumberFormat. Using default locale: \"").concat(defaultLocale, "\" as fallback. See https://formatjs.io/docs/react-intl#runtime-requirements for more details")));
+        onError(new MissingDataError("Missing locale data for locale: \"" + locale + "\" in Intl.NumberFormat. Using default locale: \"" + defaultLocale + "\" as fallback. See https://formatjs.io/docs/react-intl#runtime-requirements for more details"));
     }
     else if (!Intl.DateTimeFormat.supportedLocalesOf(locale).length &&
         onError) {
-        onError(new MissingDataError("Missing locale data for locale: \"".concat(locale, "\" in Intl.DateTimeFormat. Using default locale: \"").concat(defaultLocale, "\" as fallback. See https://formatjs.io/docs/react-intl#runtime-requirements for more details")));
+        onError(new MissingDataError("Missing locale data for locale: \"" + locale + "\" in Intl.DateTimeFormat. Using default locale: \"" + defaultLocale + "\" as fallback. See https://formatjs.io/docs/react-intl#runtime-requirements for more details"));
     }
     verifyConfigMessages(resolvedConfig);
     return __assign(__assign({}, resolvedConfig), { formatters: formatters, formatNumber: formatNumber.bind(null, resolvedConfig, formatters.getNumberFormat), formatNumberToParts: formatNumberToParts.bind(null, resolvedConfig, formatters.getNumberFormat), formatRelativeTime: formatRelativeTime.bind(null, resolvedConfig, formatters.getRelativeTimeFormat), formatDate: formatDate.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatDateToParts: formatDateToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatTime: formatTime.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatDateTimeRange: formatDateTimeRange.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatTimeToParts: formatTimeToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatPlural: formatPlural.bind(null, resolvedConfig, formatters.getPluralRules), formatMessage: formatMessage.bind(null, resolvedConfig, formatters), formatList: formatList.bind(null, resolvedConfig, formatters.getListFormat), formatListToParts: formatListToParts.bind(null, resolvedConfig, formatters.getListFormat), formatDisplayName: formatDisplayName.bind(null, resolvedConfig, formatters.getDisplayNames) });
 }
 
-const DEFAULT_LANGUAGE = "en";
-function getBrowserLang() {
-  const langAttr = document.documentElement.getAttribute("lang");
-  if (!!langAttr) {
-    return langAttr;
-  }
-  else if (window.navigator && window.navigator.language) {
-    const lang = window.navigator.languages ? window.navigator.languages[0] : window.navigator.language;
-    return lang.slice(0, 2);
-  }
-  else {
-    return DEFAULT_LANGUAGE;
-  }
-}
-// prevents memory leak
-const cache = createIntlCache();
-const locale = getBrowserLang();
-const intl = createIntl({
-  locale: locale,
-  defaultLocale: "en",
-  messages: lang[locale] || en,
-}, cache);
-function generateId() {
-  return "wmcl-" + Math.random().toString(36).substr(2, 10);
-}
-// limits how many times a function fires 
-// use when the function should run periodically, but not too often (e.g. window resize) 
-function throttle(fn, wait) {
-  let timeout;
-  let shouldWait = false;
-  return function () {
-    const context = this;
-    if (!shouldWait) {
-      fn.apply(context, arguments);
-      shouldWait = true;
-      clearTimeout(timeout);
-      timeout = setTimeout(function () {
-        shouldWait = false;
-      }, wait);
-    }
-  };
-}
-// waits until it hasn't been called for [timeout] ms.
-// use when the function should run only after something (event) is done firing 
-function debounce(fn, wait) {
-  let timeout;
-  return function () {
-    const context = this;
-    const functionCall = () => fn.apply(context, arguments);
-    clearTimeout(timeout);
-    timeout = setTimeout(functionCall, wait);
-  };
-}
-function getTextDir() {
-  const dir = document.querySelector("html").getAttribute("dir");
-  return dir ? dir.toLowerCase() : "";
-}
-function getPosition(el) {
-  const coords = el.getBoundingClientRect();
-  let x = coords.x;
-  let y = coords.y;
-  // Edge doesn't have x and y
-  if (!x) {
-    if (getTextDir() === "rtl") {
-      x = coords.right;
-    }
-    else {
-      x = coords.left;
-    }
-    y = coords.top;
-  }
-  return { x, y };
-}
-function findParentWithScrollbar(el) {
-  while (!!el) {
-    if (el.scrollHeight > el.clientHeight && ["scroll", "auto"].includes(window.getComputedStyle(el).overflowY)) {
-      return el;
-    }
-    el = el.parentElement;
-  }
-}
-function findParentWithHiddenOverflow(el) {
-  while (!!el) {
-    if (window.getComputedStyle(el).overflowY !== "visible") {
-      return el;
-    }
-    el = el.parentElement;
-  }
-}
-function getClosableElementMeasurements(fixedEl, closableEl) {
-  const parent = findParentWithHiddenOverflow(fixedEl);
-  // if parent is not found, measurements are checked against the viewport
-  return {
-    closableElHeight: closableEl.clientHeight,
-    closableElWidth: closableEl.clientWidth,
-    // NB boundingClientRect.bottom is space from top of viewport to bottom of el
-    // to get space below the el -> height of viewport minus boundingClientRect.bottom
-    spaceAbove: parent
-      ? fixedEl.getBoundingClientRect().top - parent.getBoundingClientRect().top
-      : fixedEl.getBoundingClientRect().top,
-    // NB boundingClientRect.bottom is space from top of viewport to bottom of el
-    // to get space below the el -> height of viewport minus boundingClientRect.bottom
-    spaceBelow: parent
-      ? parent.getBoundingClientRect().bottom - fixedEl.getBoundingClientRect().bottom
-      : document.documentElement.clientHeight - fixedEl.getBoundingClientRect().bottom,
-    spaceLeft: parent
-      ? fixedEl.getBoundingClientRect().left - parent.getBoundingClientRect().left
-      : fixedEl.getBoundingClientRect().left,
-    spaceRight: parent
-      ? parent.getBoundingClientRect().right - fixedEl.getBoundingClientRect().right
-      : document.documentElement.clientWidth - fixedEl.getBoundingClientRect().right,
-  };
-}
-function shouldOpenUp(fixedEl, //the element visible on the page when the component is closed
-closableEl, //the dropdown/popup/etc that becomes visible when the component is open
-offsetAbove = 0, // if closableEl covers a part of fixedEl, that part should be offset
-offsetBelow = 0 // if closableEl covers a part of fixedEl, that part should be offset
-) {
-  const { closableElHeight, spaceAbove, spaceBelow } = getClosableElementMeasurements(fixedEl, closableEl);
-  //we want to open up only if there's not enough space below AND there is enough space above
-  const openUp = closableElHeight > spaceBelow + offsetBelow && closableElHeight <= spaceAbove + offsetAbove;
-  return openUp;
-}
-function shouldOpenDown(fixedEl, //the element visible on the page when the component is closed
-closableEl, //the dropdown/popup/etc that becomes visible when the component is open
-offsetAbove = 0, // if closableEl covers a part of fixedEl, that part should be offset
-offsetBelow = 0 // if closableEl covers a part of fixedEl, that part should be offset
-) {
-  const { closableElHeight, spaceAbove, spaceBelow } = getClosableElementMeasurements(fixedEl, closableEl);
-  //we want to open up only if there's not enough space below AND there is enough space above
-  const openDown = closableElHeight > spaceAbove + offsetAbove && closableElHeight <= spaceBelow + offsetBelow;
-  return openDown;
-}
-function shouldShiftRight(fixedEl, closableEl) {
-  const { closableElWidth, spaceLeft, spaceRight } = getClosableElementMeasurements(fixedEl, closableEl);
-  const needsSpaceLeft = closableElWidth > spaceLeft && spaceRight > spaceLeft;
-  return needsSpaceLeft;
-}
-function shouldShiftLeft(fixedEl, closableEl) {
-  const { closableElWidth, spaceLeft, spaceRight } = getClosableElementMeasurements(fixedEl, closableEl);
-  const needsSpaceRight = closableElWidth > spaceRight && spaceLeft > spaceRight;
-  return needsSpaceRight;
-}
-function adjustTooltipPosition(tPos, el, tooltipEl) {
-  // position must be reset before measurements are taken in adjustTooltipPosition
-  // otherwise text-wrapping from previous position makes width measurement inconsistent
-  tooltipEl.style.top = "";
-  tooltipEl.style.left = "";
-  const { spaceLeft, spaceRight, spaceBelow, spaceAbove } = getClosableElementMeasurements(el, tooltipEl);
-  const tooltipWidth = tooltipEl.getBoundingClientRect().width;
-  const tooltipHeight = tooltipEl.getBoundingClientRect().height;
-  const enoughSpaceAbove = spaceAbove > tooltipHeight;
-  const enoughSpaceBelow = spaceBelow > tooltipHeight;
-  // a tooltip should never be closer than 24px to the edge of a screen
-  const enoughSpaceLeft = spaceLeft - 24 > tooltipWidth;
-  const enoughSpaceRight = spaceRight - 24 > tooltipWidth;
-  const swapAbove = (position) => {
-    return !enoughSpaceAbove ? position.replace("top", "bottom") : position;
-  };
-  const swapBelow = (position) => {
-    return !enoughSpaceBelow && enoughSpaceAbove ? position.replace("bottom", "top") : position;
-  };
-  const swapLeft = (position, centeredPosition) => {
-    if (!enoughSpaceLeft && enoughSpaceRight) {
-      position = position.replace("left", "right");
-    }
-    else if (!enoughSpaceLeft && !enoughSpaceRight) {
-      position = centeredPosition;
-    }
-    return position;
-  };
-  const swapRight = (position, centeredPosition) => {
-    if (!enoughSpaceRight && enoughSpaceLeft) {
-      position = position.replace("right", "left");
-    }
-    else if (!enoughSpaceRight && !enoughSpaceLeft) {
-      position = centeredPosition;
-    }
-    return position;
-  };
-  // horizontal checks must occur before vertical checks, because horizontal can affect vertical positioning but not vice versa
-  switch (tPos) {
-    case "left":
-      tPos = swapLeft(tPos, "bottom");
-    case "right":
-      tPos = swapRight(tPos, "bottom");
-    case "top-left":
-      tPos = swapLeft(tPos, "top");
-      tPos = swapAbove(tPos);
-    case "top-right":
-      tPos = swapRight(tPos, "top");
-      tPos = swapAbove(tPos);
-    case "bottom-left":
-      tPos = swapLeft(tPos, "bottom");
-      tPos = swapBelow(tPos);
-    case "bottom-right":
-      tPos = swapRight(tPos, "bottom");
-      tPos = swapBelow(tPos);
-    case "top":
-      tPos = swapAbove(tPos);
-    case "bottom":
-      tPos = swapBelow(tPos);
-  }
-  return tPos;
-}
-function hasRoomRight(x, spaceNeeded) {
-  let horizOffset = 0;
-  // if (getTextDir() === "ltr") {
-  if (x.type === "click") {
-    // if it's a mouse event, deal with mouse coords
-    horizOffset = x.clientX;
-    // if it's a focus event, the offset is 0
-  }
-  else if (x.type === "focus") {
-    horizOffset = 0;
-  }
-  else {
-    // otherwise an element was passed, calculate how far it is from the edge of the window
-    let el = x; // re-assignment is for clarity
-    while (el) {
-      if (el.tagName == "BODY") {
-        // deal with browser quirks with body/window/document and page scroll
-        var xScroll = el.scrollLeft || document.documentElement.scrollLeft;
-        horizOffset += el.offsetLeft - xScroll + el.clientLeft;
-      }
-      else {
-        // for all other non-BODY elements
-        horizOffset += el.offsetLeft - el.scrollLeft + el.clientLeft;
-      }
-      el = el.offsetParent;
-    }
-    // }
-  }
-  return window.innerWidth - horizOffset >= spaceNeeded;
-}
-function checkForActiveElInShadow(element) {
-  while (element && element.shadowRoot) {
-    element = element.shadowRoot.activeElement;
-  }
-  return element;
-}
-function checkForFocusableElInShadow(element) {
-  const selectors = [
-    "button",
-    "a",
-    "input",
-    "select",
-    "textarea",
-    "wm-button",
-    "wm-search",
-    "wm-select",
-    "wm-action-menu",
-    "wm-tab-item",
-    "wm-datepicker",
-  ];
-  let focusableEl = element;
-  selectors.forEach((selector) => {
-    if (focusableEl && focusableEl.shadowRoot) {
-      let elInShadow = focusableEl.shadowRoot.querySelector(selector);
-      if (elInShadow) {
-        if (selector.startsWith("wm-")) {
-          focusableEl = checkForFocusableElInShadow(elInShadow);
-        }
-        else {
-          focusableEl = elInShadow;
-        }
-      }
-    }
-  });
-  return focusableEl;
-}
-function isFocusable(element) {
-  if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute("tabIndex") !== null)) {
-    return true;
-  }
-  if (element.disabled) {
-    return false;
-  }
-  switch (element.nodeName) {
-    case "A":
-      return !!element.href && element.rel != "ignore";
-    case "INPUT":
-      return element.type != "hidden" && element.type != "file";
-    case "BUTTON":
-    case "SELECT":
-    case "TEXTAREA":
-    case "WM-BUTTON":
-    case "WM-SELECT":
-    case "WM-ACTION-MENU":
-    case "WM-DATEPICKER":
-    case "WM-TIMEPICKER":
-    case "WM-INPUT":
-    case "WM-TAG-INPUT":
-    case "WM-TAB-ITEM":
-    case "WM-SEARCH":
-      return true;
-    default:
-      return false;
-  }
-}
-function getFirstFocusableDescendant(element) {
-  if (isFocusable(element)) {
-    return checkForFocusableElInShadow(element);
-  }
-  else if (element.childNodes.length > 0) {
-    element.childNodes.forEach((i) => {
-      const childEl = getFirstFocusableDescendant(i);
-      return childEl && checkForFocusableElInShadow(childEl);
-    });
-  }
-}
-function hasValidType(file, types) {
-  const acceptedExtensions = types.split(" ");
-  const parts = file.name && file.name.split(".");
-  const ext = parts && parts.length > 1 && parts[parts.length - 1];
-  return ext
-    ? acceptedExtensions.includes(ext.toLowerCase())
-    : // fallback: if we couldn't obtain an extension,
-      // validate based on MIME type...
-      !!file.type
-        ? getAcceptedMimeTypesList(acceptedExtensions).includes(file.type)
-        : // ...and if that failed too, accept the file
-          // as it's preferable to accept an invalid file
-          // than refusing a valid one (back-end will take care of what slips through)
-          true;
-}
-// takes a string (space separated list of extensions), returns an array of strings (corresponding MIME types)
-function getAcceptedMimeTypesList(acceptedExtensions) {
-  // this is just a list of common file types (regardless of whether they are/can be valid or not)
-  // front end checks are just a convenience to users, independent of security.
-  // it allows users to be notified of an invalid type as soon as they select the file, rather than when it gets uploaded
-  const lookupTable = {
-    aac: ["audio/aac"],
-    abw: ["application/x-abiword"],
-    arc: ["application/x-freearc"],
-    avi: ["video/x-msvideo"],
-    azw: ["application/vnd.amazon.ebook"],
-    bin: ["application/octet-stream"],
-    bmp: ["image/bmp"],
-    bz: ["application/x-bzip"],
-    bz2: ["application/x-bzip2"],
-    csh: ["application/x-csh"],
-    css: ["text/css"],
-    csv: ["text/csv"],
-    doc: ["application/msword"],
-    docx: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
-    eot: ["application/vnd.ms-fontobject"],
-    epub: ["application/epub+zip"],
-    gz: ["application/gzip"],
-    gif: ["image/gif"],
-    htm: ["text/html"],
-    html: ["text/html"],
-    ico: ["image/vnd.microsoft.icon"],
-    ics: ["text/calendar"],
-    jar: ["application/java-archive"],
-    jpeg: ["image/jpeg"],
-    jpg: ["image/jpeg"],
-    js: ["text/javascript"],
-    json: ["application/json"],
-    jsonld: ["application/ld+json"],
-    log: ["text/plain"],
-    mid: ["audio/x-midi"],
-    midi: ["audio/x-midi"],
-    mjs: ["text/javascript"],
-    mp3: ["audio/mpeg"],
-    mpeg: ["video/mpeg"],
-    mpkg: ["application/vnd.apple.installer+xml"],
-    odp: ["application/vnd.oasis.opendocument.presentation"],
-    ods: ["application/vnd.oasis.opendocument.spreadsheet"],
-    odt: ["application/vnd.oasis.opendocument.text"],
-    oga: ["audio/ogg"],
-    ogv: ["video/ogg"],
-    ogx: ["application/ogg"],
-    opus: ["audio/opus"],
-    otf: ["font/otf"],
-    png: ["image/png"],
-    pdf: ["application/pdf"],
-    php: ["application/php"],
-    ppt: ["application/vnd.ms-powerpoint"],
-    pptx: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
-    rar: ["application/vnd.rar", "application/x-rar", "application/x-rar-compressed"],
-    rtf: ["application/rtf"],
-    sh: ["application/x-sh"],
-    svg: ["image/svg+xml"],
-    swf: ["application/x-shockwave-flash"],
-    tar: ["application/x-tar"],
-    tif: ["image/tiff"],
-    tiff: ["image/tiff"],
-    ts: ["video/mp2t"],
-    ttf: ["font/ttf"],
-    txt: ["text/plain"],
-    vsd: ["application/vnd.visio"],
-    wav: ["audio/wav"],
-    weba: ["audio/webm"],
-    webm: ["video/webm"],
-    webp: ["image/webp"],
-    woff: ["font/woff"],
-    woff2: ["font/woff2"],
-    xhtml: ["application/xhtml+xml"],
-    xls: ["application/vnd.ms-excel"],
-    xlsx: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
-    xml: ["application/xml", "text/xml"],
-    xul: ["application/vnd.mozilla.xul+xml"],
-    zip: ["application/zip", "application/x-zip-compressed", "multipart/x-zip"],
-    "3gp": ["video/3gpp", "audio/3gpp"],
-    "3g2": ["video/3gpp2", "audio/3gpp2"],
-    "7z": ["application/x-7z-compressed"],
-  };
-  return acceptedExtensions.reduce((acc, ext) => acc.concat(lookupTable[ext]), []);
-}
-function snakeCaseToCamelCase(str) {
-  const snakeCaseRegexp = /^([a-z0-9]*)(_[a-z0-9]*)*$/g;
-  if (snakeCaseRegexp.test(str)) {
-    let camelCase = "";
-    let arr = str.split("_");
-    arr.forEach((word, idx) => {
-      camelCase += idx === 0 ? word.toLowerCase() : word.charAt(0).toUpperCase() + word.slice(1);
-    });
-    return camelCase;
-  }
-  else {
-    return str;
-  }
-}
-function getNewIndexToFocus(currentIndex, direction, listLength) {
-  let newIndex = currentIndex;
-  if (direction === "ArrowDown") {
-    newIndex = (currentIndex + 1) % listLength;
-  }
-  if (direction === "ArrowUp") {
-    newIndex = currentIndex === 0 ? listLength - 1 : currentIndex - 1;
-  }
-  return newIndex;
-}
-function isRelatedTarget(ev, id) {
-  // used for onBlur events to check the element that has been clicked
-  const ids = id.split(" ");
-  return ev.relatedTarget && ids.includes(ev.relatedTarget.id);
-}
-function toBool(val) {
-  // string "false" needs to be treated as bool False because react wrappers convert bool to string.
-  return val == "false" ? false : !!val;
-}
-/*
- * this is going to be needed to solve the extra tabbing on navigator
- * and for programmatic focus of tabs
- * Here's a draft, not bug proof, see:
- * https://stackoverflow.com/a/10730308/3741713
-
-function getKeyboardFocusableElements(element = document) {
-  const els = Array.from(element.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), wm-search, wm-timepicker, wm-tab-list, wm-tab-item, wm-button, wm-action-menu'));
-  return els.filter((el: Element) => !el.hasAttribute("disabled")) as HTMLElement[];
-}
-
-export function getPreviousKeyboardFocusableElement(element: HTMLElement) {
-  const els = getKeyboardFocusableElements();
-  const current = els.indexOf(element);
-  return els[current - 1] as HTMLElement;
-}
-
-export function getNextKeyboardFocusableElement(element: HTMLElement) {
-  const els = getKeyboardFocusableElements();
-  const current = els.indexOf(element);
-  return els[current + 1] as HTMLElement;
-}
+const DEFAULT_LANGUAGE = "en";
+function getBrowserLang() {
+  const langAttr = document.documentElement.getAttribute("lang");
+  if (!!langAttr) {
+    return langAttr;
+  }
+  else if (window.navigator && window.navigator.language) {
+    const lang = window.navigator.languages ? window.navigator.languages[0] : window.navigator.language;
+    return lang.slice(0, 2);
+  }
+  else {
+    return DEFAULT_LANGUAGE;
+  }
+}
+// prevents memory leak
+const cache = createIntlCache();
+const locale = getBrowserLang();
+const intl = createIntl({
+  locale: locale,
+  defaultLocale: "en",
+  messages: lang[locale] || en,
+}, cache);
+function generateId() {
+  return "wmcl-" + Math.random().toString(36).substr(2, 10);
+}
+// limits how many times a function fires 
+// use when the function should run periodically, but not too often (e.g. window resize) 
+function throttle(fn, wait) {
+  let timeout;
+  let shouldWait = false;
+  return function () {
+    const context = this;
+    if (!shouldWait) {
+      fn.apply(context, arguments);
+      shouldWait = true;
+      clearTimeout(timeout);
+      timeout = setTimeout(function () {
+        shouldWait = false;
+      }, wait);
+    }
+  };
+}
+// waits until it hasn't been called for [timeout] ms.
+// use when the function should run only after something (event) is done firing 
+function debounce(fn, wait) {
+  let timeout;
+  return function () {
+    const context = this;
+    const functionCall = () => fn.apply(context, arguments);
+    clearTimeout(timeout);
+    timeout = setTimeout(functionCall, wait);
+  };
+}
+function getTextDir() {
+  const dir = document.querySelector("html").getAttribute("dir");
+  return dir ? dir.toLowerCase() : "";
+}
+function getPosition(el) {
+  const coords = el.getBoundingClientRect();
+  let x = coords.x;
+  let y = coords.y;
+  // Edge doesn't have x and y
+  if (!x) {
+    if (getTextDir() === "rtl") {
+      x = coords.right;
+    }
+    else {
+      x = coords.left;
+    }
+    y = coords.top;
+  }
+  return { x, y };
+}
+function findParentWithScrollbar(el) {
+  while (!!el) {
+    if (el.scrollHeight > el.clientHeight && ["scroll", "auto"].includes(window.getComputedStyle(el).overflowY)) {
+      return el;
+    }
+    el = el.parentElement;
+  }
+}
+function findParentWithHiddenOverflow(el) {
+  while (!!el) {
+    if (window.getComputedStyle(el).overflowY !== "visible") {
+      return el;
+    }
+    el = el.parentElement;
+  }
+}
+function getClosableElementMeasurements(fixedEl, closableEl) {
+  const parent = findParentWithHiddenOverflow(fixedEl);
+  // if parent is not found, measurements are checked against the viewport
+  return {
+    closableElHeight: closableEl.clientHeight,
+    closableElWidth: closableEl.clientWidth,
+    // NB boundingClientRect.bottom is space from top of viewport to bottom of el
+    // to get space below the el -> height of viewport minus boundingClientRect.bottom
+    spaceAbove: parent
+      ? fixedEl.getBoundingClientRect().top - parent.getBoundingClientRect().top
+      : fixedEl.getBoundingClientRect().top,
+    // NB boundingClientRect.bottom is space from top of viewport to bottom of el
+    // to get space below the el -> height of viewport minus boundingClientRect.bottom
+    spaceBelow: parent
+      ? parent.getBoundingClientRect().bottom - fixedEl.getBoundingClientRect().bottom
+      : document.documentElement.clientHeight - fixedEl.getBoundingClientRect().bottom,
+    spaceLeft: parent
+      ? fixedEl.getBoundingClientRect().left - parent.getBoundingClientRect().left
+      : fixedEl.getBoundingClientRect().left,
+    spaceRight: parent
+      ? parent.getBoundingClientRect().right - fixedEl.getBoundingClientRect().right
+      : document.documentElement.clientWidth - fixedEl.getBoundingClientRect().right,
+  };
+}
+function shouldOpenUp(fixedEl, //the element visible on the page when the component is closed
+closableEl, //the dropdown/popup/etc that becomes visible when the component is open
+offsetAbove = 0, // if closableEl covers a part of fixedEl, that part should be offset
+offsetBelow = 0 // if closableEl covers a part of fixedEl, that part should be offset
+) {
+  const { closableElHeight, spaceAbove, spaceBelow } = getClosableElementMeasurements(fixedEl, closableEl);
+  //we want to open up only if there's not enough space below AND there is enough space above
+  const openUp = closableElHeight > spaceBelow + offsetBelow && closableElHeight <= spaceAbove + offsetAbove;
+  return openUp;
+}
+function shouldOpenDown(fixedEl, //the element visible on the page when the component is closed
+closableEl, //the dropdown/popup/etc that becomes visible when the component is open
+offsetAbove = 0, // if closableEl covers a part of fixedEl, that part should be offset
+offsetBelow = 0 // if closableEl covers a part of fixedEl, that part should be offset
+) {
+  const { closableElHeight, spaceAbove, spaceBelow } = getClosableElementMeasurements(fixedEl, closableEl);
+  //we want to open up only if there's not enough space below AND there is enough space above
+  const openDown = closableElHeight > spaceAbove + offsetAbove && closableElHeight <= spaceBelow + offsetBelow;
+  return openDown;
+}
+function shouldShiftRight(fixedEl, closableEl) {
+  const { closableElWidth, spaceLeft, spaceRight } = getClosableElementMeasurements(fixedEl, closableEl);
+  const needsSpaceLeft = closableElWidth > spaceLeft && spaceRight > spaceLeft;
+  return needsSpaceLeft;
+}
+function shouldShiftLeft(fixedEl, closableEl) {
+  const { closableElWidth, spaceLeft, spaceRight } = getClosableElementMeasurements(fixedEl, closableEl);
+  const needsSpaceRight = closableElWidth > spaceRight && spaceLeft > spaceRight;
+  return needsSpaceRight;
+}
+function adjustTooltipPosition(tPos, el, tooltipEl) {
+  // position must be reset before measurements are taken in adjustTooltipPosition
+  // otherwise text-wrapping from previous position makes width measurement inconsistent
+  tooltipEl.style.top = "";
+  tooltipEl.style.left = "";
+  const { spaceLeft, spaceRight, spaceBelow, spaceAbove } = getClosableElementMeasurements(el, tooltipEl);
+  const tooltipWidth = tooltipEl.getBoundingClientRect().width;
+  const tooltipHeight = tooltipEl.getBoundingClientRect().height;
+  const enoughSpaceAbove = spaceAbove > tooltipHeight;
+  const enoughSpaceBelow = spaceBelow > tooltipHeight;
+  // a tooltip should never be closer than 24px to the edge of a screen
+  const enoughSpaceLeft = spaceLeft - 24 > tooltipWidth;
+  const enoughSpaceRight = spaceRight - 24 > tooltipWidth;
+  const swapAbove = (position) => {
+    return !enoughSpaceAbove ? position.replace("top", "bottom") : position;
+  };
+  const swapBelow = (position) => {
+    return !enoughSpaceBelow && enoughSpaceAbove ? position.replace("bottom", "top") : position;
+  };
+  const swapLeft = (position, centeredPosition) => {
+    if (!enoughSpaceLeft && enoughSpaceRight) {
+      position = position.replace("left", "right");
+    }
+    else if (!enoughSpaceLeft && !enoughSpaceRight) {
+      position = centeredPosition;
+    }
+    return position;
+  };
+  const swapRight = (position, centeredPosition) => {
+    if (!enoughSpaceRight && enoughSpaceLeft) {
+      position = position.replace("right", "left");
+    }
+    else if (!enoughSpaceRight && !enoughSpaceLeft) {
+      position = centeredPosition;
+    }
+    return position;
+  };
+  // horizontal checks must occur before vertical checks, because horizontal can affect vertical positioning but not vice versa
+  switch (tPos) {
+    case "left":
+      tPos = swapLeft(tPos, "bottom");
+    case "right":
+      tPos = swapRight(tPos, "bottom");
+    case "top-left":
+      tPos = swapLeft(tPos, "top");
+      tPos = swapAbove(tPos);
+    case "top-right":
+      tPos = swapRight(tPos, "top");
+      tPos = swapAbove(tPos);
+    case "bottom-left":
+      tPos = swapLeft(tPos, "bottom");
+      tPos = swapBelow(tPos);
+    case "bottom-right":
+      tPos = swapRight(tPos, "bottom");
+      tPos = swapBelow(tPos);
+    case "top":
+      tPos = swapAbove(tPos);
+    case "bottom":
+      tPos = swapBelow(tPos);
+  }
+  return tPos;
+}
+function hasRoomRight(x, spaceNeeded) {
+  let horizOffset = 0;
+  // if (getTextDir() === "ltr") {
+  if (x.type === "click") {
+    // if it's a mouse event, deal with mouse coords
+    horizOffset = x.clientX;
+    // if it's a focus event, the offset is 0
+  }
+  else if (x.type === "focus") {
+    horizOffset = 0;
+  }
+  else {
+    // otherwise an element was passed, calculate how far it is from the edge of the window
+    let el = x; // re-assignment is for clarity
+    while (el) {
+      if (el.tagName == "BODY") {
+        // deal with browser quirks with body/window/document and page scroll
+        var xScroll = el.scrollLeft || document.documentElement.scrollLeft;
+        horizOffset += el.offsetLeft - xScroll + el.clientLeft;
+      }
+      else {
+        // for all other non-BODY elements
+        horizOffset += el.offsetLeft - el.scrollLeft + el.clientLeft;
+      }
+      el = el.offsetParent;
+    }
+    // }
+  }
+  return window.innerWidth - horizOffset >= spaceNeeded;
+}
+function checkForActiveElInShadow(element) {
+  while (element && element.shadowRoot) {
+    element = element.shadowRoot.activeElement;
+  }
+  return element;
+}
+function checkForFocusableElInShadow(element) {
+  const selectors = [
+    "button",
+    "a",
+    "input",
+    "select",
+    "textarea",
+    "wm-button",
+    "wm-search",
+    "wm-select",
+    "wm-action-menu",
+    "wm-tab-item",
+    "wm-datepicker",
+  ];
+  let focusableEl = element;
+  selectors.forEach((selector) => {
+    if (focusableEl && focusableEl.shadowRoot) {
+      let elInShadow = focusableEl.shadowRoot.querySelector(selector);
+      if (elInShadow) {
+        if (selector.startsWith("wm-")) {
+          focusableEl = checkForFocusableElInShadow(elInShadow);
+        }
+        else {
+          focusableEl = elInShadow;
+        }
+      }
+    }
+  });
+  return focusableEl;
+}
+function isFocusable(element) {
+  if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute("tabIndex") !== null)) {
+    return true;
+  }
+  if (element.disabled) {
+    return false;
+  }
+  switch (element.nodeName) {
+    case "A":
+      return !!element.href && element.rel != "ignore";
+    case "INPUT":
+      return element.type != "hidden" && element.type != "file";
+    case "BUTTON":
+    case "SELECT":
+    case "TEXTAREA":
+    case "WM-BUTTON":
+    case "WM-SELECT":
+    case "WM-ACTION-MENU":
+    case "WM-DATEPICKER":
+    case "WM-TIMEPICKER":
+    case "WM-INPUT":
+    case "WM-TAG-INPUT":
+    case "WM-TAB-ITEM":
+    case "WM-SEARCH":
+      return true;
+    default:
+      return false;
+  }
+}
+function getFirstFocusableDescendant(element) {
+  if (isFocusable(element)) {
+    return checkForFocusableElInShadow(element);
+  }
+  else if (element.childNodes.length > 0) {
+    element.childNodes.forEach((i) => {
+      const childEl = getFirstFocusableDescendant(i);
+      return childEl && checkForFocusableElInShadow(childEl);
+    });
+  }
+}
+function hasValidType(file, types) {
+  const acceptedExtensions = types.split(" ");
+  const parts = file.name && file.name.split(".");
+  const ext = parts && parts.length > 1 && parts[parts.length - 1];
+  return ext
+    ? acceptedExtensions.includes(ext.toLowerCase())
+    : // fallback: if we couldn't obtain an extension,
+      // validate based on MIME type...
+      !!file.type
+        ? getAcceptedMimeTypesList(acceptedExtensions).includes(file.type)
+        : // ...and if that failed too, accept the file
+          // as it's preferable to accept an invalid file
+          // than refusing a valid one (back-end will take care of what slips through)
+          true;
+}
+// takes a string (space separated list of extensions), returns an array of strings (corresponding MIME types)
+function getAcceptedMimeTypesList(acceptedExtensions) {
+  // this is just a list of common file types (regardless of whether they are/can be valid or not)
+  // front end checks are just a convenience to users, independent of security.
+  // it allows users to be notified of an invalid type as soon as they select the file, rather than when it gets uploaded
+  const lookupTable = {
+    aac: ["audio/aac"],
+    abw: ["application/x-abiword"],
+    arc: ["application/x-freearc"],
+    avi: ["video/x-msvideo"],
+    azw: ["application/vnd.amazon.ebook"],
+    bin: ["application/octet-stream"],
+    bmp: ["image/bmp"],
+    bz: ["application/x-bzip"],
+    bz2: ["application/x-bzip2"],
+    csh: ["application/x-csh"],
+    css: ["text/css"],
+    csv: ["text/csv"],
+    doc: ["application/msword"],
+    docx: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
+    eot: ["application/vnd.ms-fontobject"],
+    epub: ["application/epub+zip"],
+    gz: ["application/gzip"],
+    gif: ["image/gif"],
+    htm: ["text/html"],
+    html: ["text/html"],
+    ico: ["image/vnd.microsoft.icon"],
+    ics: ["text/calendar"],
+    jar: ["application/java-archive"],
+    jpeg: ["image/jpeg"],
+    jpg: ["image/jpeg"],
+    js: ["text/javascript"],
+    json: ["application/json"],
+    jsonld: ["application/ld+json"],
+    log: ["text/plain"],
+    mid: ["audio/x-midi"],
+    midi: ["audio/x-midi"],
+    mjs: ["text/javascript"],
+    mp3: ["audio/mpeg"],
+    mpeg: ["video/mpeg"],
+    mpkg: ["application/vnd.apple.installer+xml"],
+    odp: ["application/vnd.oasis.opendocument.presentation"],
+    ods: ["application/vnd.oasis.opendocument.spreadsheet"],
+    odt: ["application/vnd.oasis.opendocument.text"],
+    oga: ["audio/ogg"],
+    ogv: ["video/ogg"],
+    ogx: ["application/ogg"],
+    opus: ["audio/opus"],
+    otf: ["font/otf"],
+    png: ["image/png"],
+    pdf: ["application/pdf"],
+    php: ["application/php"],
+    ppt: ["application/vnd.ms-powerpoint"],
+    pptx: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
+    rar: ["application/vnd.rar", "application/x-rar", "application/x-rar-compressed"],
+    rtf: ["application/rtf"],
+    sh: ["application/x-sh"],
+    svg: ["image/svg+xml"],
+    swf: ["application/x-shockwave-flash"],
+    tar: ["application/x-tar"],
+    tif: ["image/tiff"],
+    tiff: ["image/tiff"],
+    ts: ["video/mp2t"],
+    ttf: ["font/ttf"],
+    txt: ["text/plain"],
+    vsd: ["application/vnd.visio"],
+    wav: ["audio/wav"],
+    weba: ["audio/webm"],
+    webm: ["video/webm"],
+    webp: ["image/webp"],
+    woff: ["font/woff"],
+    woff2: ["font/woff2"],
+    xhtml: ["application/xhtml+xml"],
+    xls: ["application/vnd.ms-excel"],
+    xlsx: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
+    xml: ["application/xml", "text/xml"],
+    xul: ["application/vnd.mozilla.xul+xml"],
+    zip: ["application/zip", "application/x-zip-compressed", "multipart/x-zip"],
+    "3gp": ["video/3gpp", "audio/3gpp"],
+    "3g2": ["video/3gpp2", "audio/3gpp2"],
+    "7z": ["application/x-7z-compressed"],
+  };
+  return acceptedExtensions.reduce((acc, ext) => acc.concat(lookupTable[ext]), []);
+}
+function snakeCaseToCamelCase(str) {
+  const snakeCaseRegexp = /^([a-z0-9]*)(_[a-z0-9]*)*$/g;
+  if (snakeCaseRegexp.test(str)) {
+    let camelCase = "";
+    let arr = str.split("_");
+    arr.forEach((word, idx) => {
+      camelCase += idx === 0 ? word.toLowerCase() : word.charAt(0).toUpperCase() + word.slice(1);
+    });
+    return camelCase;
+  }
+  else {
+    return str;
+  }
+}
+function getNewIndexToFocus(currentIndex, direction, listLength) {
+  let newIndex = currentIndex;
+  if (direction === "ArrowDown") {
+    newIndex = (currentIndex + 1) % listLength;
+  }
+  if (direction === "ArrowUp") {
+    newIndex = currentIndex === 0 ? listLength - 1 : currentIndex - 1;
+  }
+  return newIndex;
+}
+function isRelatedTarget(ev, id) {
+  // used for onBlur events to check the element that has been clicked
+  const ids = id.split(" ");
+  return ev.relatedTarget && ids.includes(ev.relatedTarget.id);
+}
+function toBool(val) {
+  // string "false" needs to be treated as bool False because react wrappers convert bool to string.
+  return val == "false" ? false : !!val;
+}
+/*
+ * this is going to be needed to solve the extra tabbing on navigator
+ * and for programmatic focus of tabs
+ * Here's a draft, not bug proof, see:
+ * https://stackoverflow.com/a/10730308/3741713
+
+function getKeyboardFocusableElements(element = document) {
+  const els = Array.from(element.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), wm-search, wm-timepicker, wm-tab-list, wm-tab-item, wm-button, wm-action-menu'));
+  return els.filter((el: Element) => !el.hasAttribute("disabled")) as HTMLElement[];
+}
+
+export function getPreviousKeyboardFocusableElement(element: HTMLElement) {
+  const els = getKeyboardFocusableElements();
+  const current = els.indexOf(element);
+  return els[current - 1] as HTMLElement;
+}
+
+export function getNextKeyboardFocusableElement(element: HTMLElement) {
+  const els = getKeyboardFocusableElements();
+  const current = els.indexOf(element);
+  return els[current + 1] as HTMLElement;
+}
  */
 
 exports.adjustTooltipPosition = adjustTooltipPosition;