@watermarkinsights/ripple 3.5.2-0 → 3.6.0-2

package/dist/esm/{functions-c315390d.js → functions-223fb0dc.js}

@@ -70,7 +70,7 @@ const en = {
 					}
 				]
 			},
-			iso: {
+			other: {
 				value: [
 					{
 						type: 0,
@@ -142,7 +142,7 @@ const en = {
 					}
 				]
 			},
-			iso: {
+			other: {
 				value: [
 					{
 						type: 0,
@@ -334,6 +334,43 @@ const en = {
 		type: 0,
 		value: "Wednesday"
 	}
+],
+	"global.characterLimit": [
+	{
+		style: null,
+		type: 2,
+		value: "limit"
+	},
+	{
+		type: 0,
+		value: " characters allowed."
+	}
+],
+	"global.characterLimitReached": [
+	{
+		type: 0,
+		value: "No additional characters will be entered."
+	}
+],
+	"global.charactersEntered": [
+	{
+		style: null,
+		type: 2,
+		value: "x"
+	},
+	{
+		type: 0,
+		value: " of "
+	},
+	{
+		style: null,
+		type: 2,
+		value: "y"
+	},
+	{
+		type: 0,
+		value: " characters entered."
+	}
 ],
 	"global.closeVerb": [
 	{
@@ -346,6 +383,12 @@ const en = {
 		type: 0,
 		value: "An error occurred. Please try again."
 	}
+],
+	"global.newWindowLink": [
+	{
+		type: 0,
+		value: "Opens in a new window."
+	}
 ],
 	"global.next": [
 	{
@@ -358,6 +401,24 @@ const en = {
 		type: 0,
 		value: "previous"
 	}
+],
+	"global.requiredError": [
+	{
+		type: 0,
+		value: "This field is required."
+	}
+],
+	"global.requiredField": [
+	{
+		type: 0,
+		value: "required field"
+	}
+],
+	"input.numberError": [
+	{
+		type: 0,
+		value: "Please enter a valid number."
+	}
 ],
 	"navigator.WatermarkAppNavigation": [
 	{
@@ -521,6 +582,127 @@ const en = {
 		type: 0,
 		value: "Make a selection"
 	}
+],
+	"tagInput.existingOptions": [
+	{
+		offset: 0,
+		options: {
+			one: {
+				value: [
+					{
+						type: 0,
+						value: "1 existing option."
+					}
+				]
+			},
+			other: {
+				value: [
+					{
+						type: 7
+					},
+					{
+						type: 0,
+						value: " existing options."
+					}
+				]
+			}
+		},
+		pluralType: "cardinal",
+		type: 6,
+		value: "num"
+	}
+],
+	"tagInput.helpTextCanSelect": [
+	{
+		type: 0,
+		value: "Search and select a tag."
+	}
+],
+	"tagInput.helpTextEditable": [
+	{
+		type: 0,
+		value: "Press the Enter or Comma key to add a new tag."
+	}
+],
+	"tagInput.maxTagsReached": [
+	{
+		type: 0,
+		value: "The maximum amount of tags has been reached, no additional tags can be added."
+	}
+],
+	"tagInput.placeholderAdd": [
+	{
+		type: 0,
+		value: "Add a new tag"
+	}
+],
+	"tagInput.placeholderAddAndSearch": [
+	{
+		type: 0,
+		value: "Add or search for a tag"
+	}
+],
+	"tagInput.placeholderSearch": [
+	{
+		type: 0,
+		value: "Search and select a tag"
+	}
+],
+	"tagInput.tagAdded": [
+	{
+		type: 1,
+		value: "tagName"
+	},
+	{
+		type: 0,
+		value: " added."
+	}
+],
+	"tagInput.tagAlreadyAdded": [
+	{
+		type: 1,
+		value: "tagName"
+	},
+	{
+		type: 0,
+		value: " has already been added."
+	}
+],
+	"tagInput.tagAreaInstructions": [
+	{
+		type: 0,
+		value: "tag selection. Press Backspace or Delete to remove a tag."
+	}
+],
+	"tagInput.tagRemoved": [
+	{
+		type: 1,
+		value: "tag"
+	},
+	{
+		type: 0,
+		value: " removed"
+	}
+],
+	"tagInput.tagsAddedCounter": [
+	{
+		type: 0,
+		value: "Tags added: "
+	},
+	{
+		style: null,
+		type: 2,
+		value: "x"
+	},
+	{
+		type: 0,
+		value: "/"
+	},
+	{
+		style: null,
+		type: 2,
+		value: "y"
+	}
 ],
 	"time.invalidTime": [
 	{
@@ -545,6 +727,12 @@ const en = {
 		type: 0,
 		value: "hh:mm"
 	}
+],
+	"toggletip.moreInformation": [
+	{
+		type: 0,
+		value: "More information"
+	}
 ],
 	"uploader.duplicateName": [
 	{
@@ -760,7 +948,7 @@ const fr = {
 					}
 				]
 			},
-			iso: {
+			other: {
 				value: [
 					{
 						type: 0,
@@ -832,7 +1020,7 @@ const fr = {
 					}
 				]
 			},
-			iso: {
+			other: {
 				value: [
 					{
 						type: 0,
@@ -910,6 +1098,12 @@ const fr = {
 		type: 0,
 		value: "Octobre"
 	}
+],
+	"date.requiredDateError": [
+	{
+		type: 0,
+		value: "Vous devez renseigner une date."
+	}
 ],
 	"date.sa": [
 	{
@@ -1018,12 +1212,61 @@ const fr = {
 		type: 0,
 		value: "Mercredi"
 	}
+],
+	"global.characterLimit": [
+	{
+		style: null,
+		type: 2,
+		value: "limit"
+	},
+	{
+		type: 0,
+		value: " caractères autorisés."
+	}
+],
+	"global.characterLimitReached": [
+	{
+		type: 0,
+		value: "Aucun autre caractère ne peut être ajouté."
+	}
+],
+	"global.charactersEntered": [
+	{
+		style: null,
+		type: 2,
+		value: "x"
+	},
+	{
+		type: 0,
+		value: " caractères sur "
+	},
+	{
+		style: null,
+		type: 2,
+		value: "y"
+	},
+	{
+		type: 0,
+		value: " ajoutés."
+	}
+],
+	"global.closeVerb": [
+	{
+		type: 0,
+		value: "Fermer"
+	}
 ],
 	"global.genericError": [
 	{
 		type: 0,
 		value: "Une erreur s'est produite. Veuillez réessayer."
 	}
+],
+	"global.newWindowLink": [
+	{
+		type: 0,
+		value: "S'ouvre dans une nouvelle fenêtre."
+	}
 ],
 	"global.next": [
 	{
@@ -1036,6 +1279,24 @@ const fr = {
 		type: 0,
 		value: "précédent"
 	}
+],
+	"global.requiredError": [
+	{
+		type: 0,
+		value: "Ce champ est requis."
+	}
+],
+	"global.requiredField": [
+	{
+		type: 0,
+		value: "champ requis"
+	}
+],
+	"input.numberError": [
+	{
+		type: 0,
+		value: "Entrez un nombre valide."
+	}
 ],
 	"navigator.WatermarkAppNavigation": [
 	{
@@ -1048,6 +1309,36 @@ const fr = {
 		type: 0,
 		value: "Se déconnecter"
 	}
+],
+	"navigator.userinfo": [
+	{
+		type: 0,
+		value: "Informations utilisateur"
+	}
+],
+	"navigator.userinfoAndProductNavigator": [
+	{
+		type: 0,
+		value: "Informations utilisateur et navigateur de produits"
+	}
+],
+	"navigator.userinfoLabel": [
+	{
+		type: 0,
+		value: "pour "
+	},
+	{
+		type: 1,
+		value: "name"
+	},
+	{
+		type: 0,
+		value: ", email "
+	},
+	{
+		type: 1,
+		value: "email"
+	}
 ],
 	"navigator.watermarkApps": [
 	{
@@ -1113,45 +1404,208 @@ const fr = {
 	"search.typeToFilterResults": [
 	{
 		type: 0,
-		value: "Tapez pour filtrer les résultats"
+		value: "Tapez pour filtrer les résultats"
+	}
+],
+	"search.xOfYResults": [
+	{
+		offset: 0,
+		options: {
+			"=0": {
+				value: [
+					{
+						type: 0,
+						value: "Aucun résultat"
+					}
+				]
+			},
+			other: {
+				value: [
+					{
+						type: 0,
+						value: "Résultat "
+					},
+					{
+						type: 1,
+						value: "current"
+					},
+					{
+						type: 0,
+						value: " de "
+					},
+					{
+						type: 1,
+						value: "numResults"
+					}
+				]
+			}
+		},
+		pluralType: "cardinal",
+		type: 6,
+		value: "numResults"
+	}
+],
+	"select.allSelected": [
+	{
+		type: 0,
+		value: "Tous sélectionnés"
+	}
+],
+	"select.multiPlaceholder": [
+	{
+		type: 0,
+		value: "Faites une sélection"
+	}
+],
+	"tagInput.existingOptions": [
+	{
+		offset: 0,
+		options: {
+			one: {
+				value: [
+					{
+						type: 0,
+						value: "1 option existante."
+					}
+				]
+			},
+			other: {
+				value: [
+					{
+						type: 7
+					},
+					{
+						type: 0,
+						value: " options existantes."
+					}
+				]
+			}
+		},
+		pluralType: "cardinal",
+		type: 6,
+		value: "num"
+	}
+],
+	"tagInput.helpTextCanSelect": [
+	{
+		type: 0,
+		value: "Recherchez et sélectionnez une étiquette."
+	}
+],
+	"tagInput.helpTextEditable": [
+	{
+		type: 0,
+		value: "Appuyez sur Entrée ou insérez une virgule pour ajouter une nouvelle étiquette."
+	}
+],
+	"tagInput.maxTagsReached": [
+	{
+		type: 0,
+		value: "Le nombre maximal d'étiquettes est atteint, aucune autre ne peut être ajoutée."
+	}
+],
+	"tagInput.placeholderAdd": [
+	{
+		type: 0,
+		value: "Ajoutez une nouvelle étiquette"
+	}
+],
+	"tagInput.placeholderAddAndSearch": [
+	{
+		type: 0,
+		value: "Ajoutez ou recherchez une étiquette"
+	}
+],
+	"tagInput.placeholderSearch": [
+	{
+		type: 0,
+		value: "Recherchez et sélectionnez une étiquette"
+	}
+],
+	"tagInput.tagAdded": [
+	{
+		type: 1,
+		value: "tagName"
+	},
+	{
+		type: 0,
+		value: " ajoutée."
+	}
+],
+	"tagInput.tagAlreadyAdded": [
+	{
+		type: 1,
+		value: "tagName"
+	},
+	{
+		type: 0,
+		value: " a déjà été ajoutée."
+	}
+],
+	"tagInput.tagAreaInstructions": [
+	{
+		type: 0,
+		value: "selection d'étiquettes. Touche retour arrière ou supprimer pour enlever une étiquette."
+	}
+],
+	"tagInput.tagRemoved": [
+	{
+		type: 1,
+		value: "tag"
+	},
+	{
+		type: 0,
+		value: " enlevée"
+	}
+],
+	"tagInput.tagsAddedCounter": [
+	{
+		type: 0,
+		value: "Étiquette ajoutée : "
+	},
+	{
+		style: null,
+		type: 2,
+		value: "x"
+	},
+	{
+		type: 0,
+		value: "/"
+	},
+	{
+		style: null,
+		type: 2,
+		value: "y"
+	}
+],
+	"time.invalidTime": [
+	{
+		type: 0,
+		value: "Entrez une heure valide."
+	}
+],
+	"time.requiredError": [
+	{
+		type: 0,
+		value: "Vous devez renseigner une heure."
+	}
+],
+	"time.selectTime": [
+	{
+		type: 0,
+		value: "Choisissez une heure"
+	}
+],
+	"time.timeFormat": [
+	{
+		type: 0,
+		value: "hh:mm"
 	}
 ],
-	"search.xOfYResults": [
+	"toggletip.moreInformation": [
 	{
-		offset: 0,
-		options: {
-			"=0": {
-				value: [
-					{
-						type: 0,
-						value: "Aucun résultat"
-					}
-				]
-			},
-			other: {
-				value: [
-					{
-						type: 0,
-						value: "Résultat "
-					},
-					{
-						type: 1,
-						value: "current"
-					},
-					{
-						type: 0,
-						value: " de "
-					},
-					{
-						type: 1,
-						value: "numResults"
-					}
-				]
-			}
-		},
-		pluralType: "cardinal",
-		type: 6,
-		value: "numResults"
+		type: 0,
+		value: "Plus d'information"
 	}
 ],
 	"uploader.duplicateName": [
@@ -1372,7 +1826,7 @@ const es = {
 					}
 				]
 			},
-			iso: {
+			other: {
 				value: [
 					{
 						type: 0,
@@ -1444,7 +1898,7 @@ const es = {
 					}
 				]
 			},
-			iso: {
+			other: {
 				value: [
 					{
 						type: 0,
@@ -1988,7 +2442,7 @@ const pig = {
 					}
 				]
 			},
-			iso: {
+			other: {
 				value: [
 					{
 						type: 0,
@@ -2060,7 +2514,7 @@ const pig = {
 					}
 				]
 			},
-			iso: {
+			other: {
 				value: [
 					{
 						type: 0,
@@ -2252,6 +2706,43 @@ const pig = {
 		type: 0,
 		value: "Ednesdayway"
 	}
+],
+	"global.characterLimit": [
+	{
+		style: null,
+		type: 2,
+		value: "limit"
+	},
+	{
+		type: 0,
+		value: " aracterschay allowedyay."
+	}
+],
+	"global.characterLimitReached": [
+	{
+		type: 0,
+		value: "Onay additionalyay aracterschay illway ebay enteredyay."
+	}
+],
+	"global.charactersEntered": [
+	{
+		style: null,
+		type: 2,
+		value: "x"
+	},
+	{
+		type: 0,
+		value: " ofyay "
+	},
+	{
+		style: null,
+		type: 2,
+		value: "y"
+	},
+	{
+		type: 0,
+		value: " aracterschay enteredyay."
+	}
 ],
 	"global.closeVerb": [
 	{
@@ -2264,6 +2755,12 @@ const pig = {
 		type: 0,
 		value: "Anyay erroryay occurredyay. Easeplay tryay againyay."
 	}
+],
+	"global.newWindowLink": [
+	{
+		type: 0,
+		value: "Opensyay inyay ayay ewnay indowway."
+	}
 ],
 	"global.next": [
 	{
@@ -2276,6 +2773,24 @@ const pig = {
 		type: 0,
 		value: "eviouspray"
 	}
+],
+	"global.requiredError": [
+	{
+		type: 0,
+		value: "Isthay ieldfay isyay equiredray."
+	}
+],
+	"global.requiredField": [
+	{
+		type: 0,
+		value: "equiredray ieldfay"
+	}
+],
+	"input.numberError": [
+	{
+		type: 0,
+		value: "Easeplay enteryay ayay alidvay umbernay."
+	}
 ],
 	"navigator.WatermarkAppNavigation": [
 	{
@@ -2439,6 +2954,127 @@ const pig = {
 		type: 0,
 		value: "Akemay ayay electionsay"
 	}
+],
+	"tagInput.existingOptions": [
+	{
+		offset: 0,
+		options: {
+			one: {
+				value: [
+					{
+						type: 0,
+						value: "1 existingyay optionyay."
+					}
+				]
+			},
+			other: {
+				value: [
+					{
+						type: 7
+					},
+					{
+						type: 0,
+						value: " existingyay optionsyay."
+					}
+				]
+			}
+		},
+		pluralType: "cardinal",
+		type: 6,
+		value: "num"
+	}
+],
+	"tagInput.helpTextCanSelect": [
+	{
+		type: 0,
+		value: "Earchsay andyay electsay ayay agtay."
+	}
+],
+	"tagInput.helpTextEditable": [
+	{
+		type: 0,
+		value: "Esspray ethay Enteryay oryay Ommacay eykay otay addyay ayay ewnay agtay."
+	}
+],
+	"tagInput.maxTagsReached": [
+	{
+		type: 0,
+		value: "Ethay aximummay amountyay ofyay agstay ashay eenbay eachedray, onay additionalyay agstay ancay ebay addedyay."
+	}
+],
+	"tagInput.placeholderAdd": [
+	{
+		type: 0,
+		value: "Addyay ayay ewnay agtay"
+	}
+],
+	"tagInput.placeholderAddAndSearch": [
+	{
+		type: 0,
+		value: "Addyay oryay earchsay orfay ayay agtay"
+	}
+],
+	"tagInput.placeholderSearch": [
+	{
+		type: 0,
+		value: "Earchsay andyay electsay ayay agtay"
+	}
+],
+	"tagInput.tagAdded": [
+	{
+		type: 1,
+		value: "tagName"
+	},
+	{
+		type: 0,
+		value: " addedyay."
+	}
+],
+	"tagInput.tagAlreadyAdded": [
+	{
+		type: 1,
+		value: "tagName"
+	},
+	{
+		type: 0,
+		value: " ashay alreadyyay eenbay addedyay."
+	}
+],
+	"tagInput.tagAreaInstructions": [
+	{
+		type: 0,
+		value: "agtay electionsay. Esspray Ackspacebay oryay Eleteday otay emoveray ayay agtay."
+	}
+],
+	"tagInput.tagRemoved": [
+	{
+		type: 1,
+		value: "tag"
+	},
+	{
+		type: 0,
+		value: " emovedray"
+	}
+],
+	"tagInput.tagsAddedCounter": [
+	{
+		type: 0,
+		value: "Agstay addedyay: "
+	},
+	{
+		style: null,
+		type: 2,
+		value: "x"
+	},
+	{
+		type: 0,
+		value: "/"
+	},
+	{
+		style: null,
+		type: 2,
+		value: "y"
+	}
 ],
 	"time.invalidTime": [
 	{
@@ -2463,6 +3099,12 @@ const pig = {
 		type: 0,
 		value: "hh:mmay"
 	}
+],
+	"toggletip.moreInformation": [
+	{
+		type: 0,
+		value: "Oremay informationyay"
+	}
 ],
 	"uploader.duplicateName": [
 	{
@@ -5697,448 +6339,448 @@ function createIntl(config, cache) {
     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);
-}
-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);
-}
-/*
- * 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);
+}
+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);
+}
+/*
+ * 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;
+}
  */
 
 export { adjustTooltipPosition as a, getPosition as b, checkForActiveElInShadow as c, debounce as d, isRelatedTarget as e, findParentWithScrollbar as f, generateId as g, checkForFocusableElInShadow as h, intl as i, getFirstFocusableDescendant as j, getNewIndexToFocus as k, shouldOpenUp as l, shouldOpenDown as m, shouldShiftRight as n, shouldShiftLeft as o, hasValidType as p, getTextDir as q, hasRoomRight as r, snakeCaseToCamelCase as s };