@seeqdev/qomponents 0.0.109 → 0.0.111

package/dist/index.esm.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import React__default, { useCallback, createContext, useMemo, createElement, useContext, forwardRef, Children, isValidElement, cloneElement, Fragment, useEffect, useRef, useState, useLayoutEffect, useReducer, Component } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { flushSync, createPortal } from 'react-dom';
+import { jsx as jsx$1, Fragment as Fragment$1 } from 'react/jsx-runtime';
 
 /**
  * @exports the browser id (i.e., 'IE 11' 'Chrome 90')
@@ -1064,14 +1065,8 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
  */
 
 const sides = ['top', 'right', 'bottom', 'left'];
-const min = Math.min;
-const max = Math.max;
-const round = Math.round;
-const floor = Math.floor;
-const createCoords = v => ({
-  x: v,
-  y: v
-});
+const min$1 = Math.min;
+const max$1 = Math.max;
 const oppositeSideMap = {
   left: 'right',
   right: 'left',
@@ -1083,7 +1078,7 @@ const oppositeAlignmentMap = {
   end: 'start'
 };
 function clamp(start, value, end) {
-  return max(start, min(value, end));
+  return max$1(start, min$1(value, end));
 }
 function evaluate(value, param) {
   return typeof value === 'function' ? value(param) : value;
@@ -1400,7 +1395,7 @@ async function detectOverflow(state, options) {
  * appears centered to the reference element.
  * @see https://floating-ui.com/docs/arrow
  */
-const arrow$2 = options => ({
+const arrow$1 = options => ({
   name: 'arrow',
   options,
   async fn(state) {
@@ -1447,22 +1442,22 @@ const arrow$2 = options => ({
     // If the padding is large enough that it causes the arrow to no longer be
     // centered, modify the padding so that it is centered.
     const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
-    const minPadding = min(paddingObject[minProp], largestPossiblePadding);
-    const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
+    const minPadding = min$1(paddingObject[minProp], largestPossiblePadding);
+    const maxPadding = min$1(paddingObject[maxProp], largestPossiblePadding);
 
     // Make sure the arrow doesn't overflow the floating element if the center
     // point is outside the floating element's bounds.
-    const min$1 = minPadding;
+    const min$1$1 = minPadding;
     const max = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset = clamp(min$1, center, max);
+    const offset = clamp(min$1$1, center, max);
 
     // If the reference is small enough that the arrow's padding causes it to
     // to point to nothing for an aligned placement, adjust the offset of the
     // floating element itself. To ensure `shift()` continues to take action,
     // a single reset is performed when this is true.
-    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
-    const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;
+    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < min$1$1 ? center - min$1$1 : center - max : 0;
     return {
       [axis]: coords[axis] + alignmentOffset,
       data: {
@@ -1483,7 +1478,7 @@ const arrow$2 = options => ({
  * clipping boundary. Alternative to `autoPlacement`.
  * @see https://floating-ui.com/docs/flip
  */
-const flip$1 = function (options) {
+const flip = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -1608,7 +1603,7 @@ function isAnySideFullyClipped(overflow) {
  * when it is not in the same clipping context as the reference element.
  * @see https://floating-ui.com/docs/hide
  */
-const hide$1 = function (options) {
+const hide = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -1751,7 +1746,7 @@ const offset = function (options) {
  * keep it in view when it will overflow the clipping boundary.
  * @see https://floating-ui.com/docs/shift
  */
-const shift$1 = function (options) {
+const shift = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -1822,7 +1817,7 @@ const shift$1 = function (options) {
 /**
  * Built-in `limiter` that will stop `shift()` at a certain point.
  */
-const limitShift$1 = function (options) {
+const limitShift = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -1894,7 +1889,7 @@ const limitShift$1 = function (options) {
  * width of the reference element.
  * @see https://floating-ui.com/docs/size
  */
-const size$1 = function (options) {
+const size = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -1936,20 +1931,20 @@ const size$1 = function (options) {
       let availableWidth = overflowAvailableWidth;
       if (isYAxis) {
         const maximumClippingWidth = width - overflow.left - overflow.right;
-        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
+        availableWidth = alignment || noShift ? min$1(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
       } else {
         const maximumClippingHeight = height - overflow.top - overflow.bottom;
-        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+        availableHeight = alignment || noShift ? min$1(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
       }
       if (noShift && !alignment) {
-        const xMin = max(overflow.left, 0);
-        const xMax = max(overflow.right, 0);
-        const yMin = max(overflow.top, 0);
-        const yMax = max(overflow.bottom, 0);
+        const xMin = max$1(overflow.left, 0);
+        const xMax = max$1(overflow.right, 0);
+        const yMin = max$1(overflow.top, 0);
+        const yMax = max$1(overflow.bottom, 0);
         if (isYAxis) {
-          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max$1(overflow.left, overflow.right));
         } else {
-          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max$1(overflow.top, overflow.bottom));
         }
       }
       await apply({
@@ -1970,6 +1965,15 @@ const size$1 = function (options) {
   };
 };
 
+const min = Math.min;
+const max = Math.max;
+const round = Math.round;
+const floor = Math.floor;
+const createCoords = v => ({
+  x: v,
+  y: v
+});
+
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || '').toLowerCase();
@@ -1981,7 +1985,7 @@ function getNodeName(node) {
 }
 function getWindow(node) {
   var _node$ownerDocument;
-  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
 function getDocumentElement(node) {
   var _ref;
@@ -2365,7 +2369,7 @@ function getClippingElementAncestors(element, cache) {
   if (cachedResult) {
     return cachedResult;
   }
-  let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
+  let result = getOverflowAncestors(element).filter(el => isElement(el) && getNodeName(el) !== 'body');
   let currentContainingBlockComputedStyle = null;
   const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
   let currentNode = elementIsFixed ? getParentNode(element) : element;
@@ -2420,14 +2424,7 @@ function getClippingRect(_ref) {
 }
 
 function getDimensions(element) {
-  const {
-    width,
-    height
-  } = getCssDimensions(element);
-  return {
-    width,
-    height
-  };
+  return getCssDimensions(element);
 }
 
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
@@ -2673,51 +2670,10 @@ function autoUpdate(reference, floating, update, options) {
   };
 }
 
-/**
- * Optimizes the visibility of the floating element by shifting it in order to
- * keep it in view when it will overflow the clipping boundary.
- * @see https://floating-ui.com/docs/shift
- */
-const shift = shift$1;
-
-/**
- * Optimizes the visibility of the floating element by flipping the `placement`
- * in order to keep it in view when the preferred placement(s) will overflow the
- * clipping boundary. Alternative to `autoPlacement`.
- * @see https://floating-ui.com/docs/flip
- */
-const flip = flip$1;
-
-/**
- * Provides data that allows you to change the size of the floating element —
- * for instance, prevent it from overflowing the clipping boundary or match the
- * width of the reference element.
- * @see https://floating-ui.com/docs/size
- */
-const size = size$1;
-
-/**
- * Provides data to hide the floating element in applicable situations, such as
- * when it is not in the same clipping context as the reference element.
- * @see https://floating-ui.com/docs/hide
- */
-const hide = hide$1;
-
-/**
- * Provides data to position an inner element of the floating element so that it
- * appears centered to the reference element.
- * @see https://floating-ui.com/docs/arrow
- */
-const arrow$1 = arrow$2;
-
-/**
- * Built-in `limiter` that will stop `shift()` at a certain point.
- */
-const limitShift = limitShift$1;
-
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
- * next to a given reference element.
+ * next to a reference element when it is given a certain CSS positioning
+ * strategy.
  */
 const computePosition = (reference, floating, options) => {
   // This caches the expensive `getClippingElementAncestors` function so that
@@ -4667,8 +4623,8 @@ const setValidInputDimension = (width, height) => {
     return inputStyle;
 };
 
-const errorClasses$3 = 'tw-border-sq-danger-color';
-const borderColorClasses$3 = [
+const errorClasses$4 = 'tw-border-sq-danger-color';
+const borderColorClasses$4 = [
     'tw-border-sq-disabled-gray',
     'dark:tw-border-sq-dark-disabled-gray',
     'dark:focus:tw-border-sq-color-dark-dark',
@@ -4680,8 +4636,8 @@ const baseClasses$5 = 'tw-h-inputs tw-leading-normal tw-outline-none tw-py-1 tw-
     ' disabled:tw-pointer-events-none disabled:tw-bg-sq-light-gray  disabled:dark:tw-bg-sq-dark-disabled-gray' +
     ' disabled:tw-cursor-not-allowed tw-p-1 tw-border-solid tw-border tw-placeholder-gray-400' +
     '  dark:tw-placeholder-sq-dark-text-lighter specTextField';
-const darkTheme$2 = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text disabled:dark:tw-text-sq-dark-text-lighter';
-const lightTheme$2 = 'tw-text-sq-text-color disabled:tw-text-sq-darkish-gray';
+const darkTheme$3 = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text disabled:dark:tw-text-sq-dark-text-lighter';
+const lightTheme$3 = 'tw-text-sq-text-color disabled:tw-text-sq-darkish-gray';
 const sizeClasses = {
     sm: 'tw-text-sm',
     lg: 'tw-text-xl',
@@ -4726,7 +4682,7 @@ const TextField = React__default.forwardRef((props, ref) => {
     else if (inputGroup === 'right') {
         borderRadius = 'tw-rounded-r-sm tw-border-l-0 focus:tw-border-l active:tw-border-l';
     }
-    const appliedClasses = `${baseClasses$5} ${sizeClasses[size]} ${extraClassNames} ${lightTheme$2} ${darkTheme$2} ${borderRadius} ${showError ? errorClasses$3 : borderColorClasses$3} `;
+    const appliedClasses = `${baseClasses$5} ${sizeClasses[size]} ${extraClassNames} ${lightTheme$3} ${darkTheme$3} ${borderRadius} ${showError ? errorClasses$4 : borderColorClasses$4} `;
     const inputProp = setValidInputDimension(inputWidth, inputHeight)
         ? {
             style: setValidInputDimension(inputWidth, inputHeight),
@@ -4768,11 +4724,11 @@ const Checkbox = (props) => {
 const baseClasses$3 = 'tw-leading-normal tw-outline-none tw-py-1 tw-px-3 tw-rounded-sm tw-w-full' +
     ' disabled:tw-pointer-events-none disabled:tw-bg-sq-light-gray  disabled:dark:tw-bg-sq-dark-disabled-gray' +
     ' disabled:tw-cursor-not-allowed tw-p-1 tw-border-solid tw-border tw-text-sm';
-const darkTheme$1 = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text ' +
+const darkTheme$2 = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text ' +
     'dark:tw-placeholder-sq-dark-text-lighter  disabled:dark:tw-text-sq-dark-text-lighter';
-const lightTheme$1 = 'tw-text-sq-text-color tw-placeholder-gray-400  disabled:tw-text-sq-darkish-gray';
-const errorClasses$2 = 'tw-border-sq-danger-color';
-const borderColorClasses$2 = [
+const lightTheme$2 = 'tw-text-sq-text-color tw-placeholder-gray-400  disabled:tw-text-sq-darkish-gray';
+const errorClasses$3 = 'tw-border-sq-danger-color';
+const borderColorClasses$3 = [
     'tw-border-sq-disabled-gray',
     'dark:tw-border-sq-dark-disabled-gray',
     'dark:focus:tw-border-sq-color-dark-dark',
@@ -4784,7 +4740,7 @@ const borderColorClasses$2 = [
  * TextArea.
  */
 const TextArea = ({ readonly = false, disabled = false, onChange, onKeyUp, onFocus, onBlur, onKeyDown, id, name, rows = 3, cols = undefined, value, placeholder, showError, extraClassNames, testId, autoFocus = false, }) => {
-    const appliedClasses = `${baseClasses$3} ${extraClassNames} ${lightTheme$1} ${darkTheme$1} ${showError ? errorClasses$2 : borderColorClasses$2}`;
+    const appliedClasses = `${baseClasses$3} ${extraClassNames} ${lightTheme$2} ${darkTheme$2} ${showError ? errorClasses$3 : borderColorClasses$3}`;
     return (React__default.createElement("textarea", { "data-testid": testId, name: name, id: id, value: value, className: appliedClasses, placeholder: placeholder, disabled: disabled, readOnly: readonly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onKeyUp: onKeyUp, rows: rows, cols: cols, autoFocus: autoFocus }));
 };
 
@@ -4821,1648 +4777,1335 @@ const Tooltip = ({ position = 'bottom', children, text, delay = DEFAULT_TOOL_TIP
         tw-absolute tw-opacity-0 group-hover:tw-opacity-100 tw-rounded tw-bg-black tw-p-2 tw-text-xs tw-text-white ${placements[position]}` }, text)));
 };
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-var purifyExports = {};
-var purify = {
-  get exports(){ return purifyExports; },
-  set exports(v){ purifyExports = v; },
-};
-
-/*! @license DOMPurify 3.0.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.5/LICENSE */
-
-(function (module, exports) {
-	(function (global, factory) {
-	  module.exports = factory() ;
-	})(commonjsGlobal, (function () {
-	  const {
-	    entries,
-	    setPrototypeOf,
-	    isFrozen,
-	    getPrototypeOf,
-	    getOwnPropertyDescriptor
-	  } = Object;
-	  let {
-	    freeze,
-	    seal,
-	    create
-	  } = Object; // eslint-disable-line import/no-mutable-exports
-
-	  let {
-	    apply,
-	    construct
-	  } = typeof Reflect !== 'undefined' && Reflect;
-
-	  if (!apply) {
-	    apply = function apply(fun, thisValue, args) {
-	      return fun.apply(thisValue, args);
-	    };
-	  }
-
-	  if (!freeze) {
-	    freeze = function freeze(x) {
-	      return x;
-	    };
-	  }
-
-	  if (!seal) {
-	    seal = function seal(x) {
-	      return x;
-	    };
-	  }
-
-	  if (!construct) {
-	    construct = function construct(Func, args) {
-	      return new Func(...args);
-	    };
-	  }
-
-	  const arrayForEach = unapply(Array.prototype.forEach);
-	  const arrayPop = unapply(Array.prototype.pop);
-	  const arrayPush = unapply(Array.prototype.push);
-	  const stringToLowerCase = unapply(String.prototype.toLowerCase);
-	  const stringToString = unapply(String.prototype.toString);
-	  const stringMatch = unapply(String.prototype.match);
-	  const stringReplace = unapply(String.prototype.replace);
-	  const stringIndexOf = unapply(String.prototype.indexOf);
-	  const stringTrim = unapply(String.prototype.trim);
-	  const regExpTest = unapply(RegExp.prototype.test);
-	  const typeErrorCreate = unconstruct(TypeError);
-	  function unapply(func) {
-	    return function (thisArg) {
-	      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-	        args[_key - 1] = arguments[_key];
-	      }
-
-	      return apply(func, thisArg, args);
-	    };
-	  }
-	  function unconstruct(func) {
-	    return function () {
-	      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-	        args[_key2] = arguments[_key2];
-	      }
-
-	      return construct(func, args);
-	    };
-	  }
-	  /* Add properties to a lookup table */
-
-	  function addToSet(set, array, transformCaseFunc) {
-	    var _transformCaseFunc;
-
-	    transformCaseFunc = (_transformCaseFunc = transformCaseFunc) !== null && _transformCaseFunc !== void 0 ? _transformCaseFunc : stringToLowerCase;
-
-	    if (setPrototypeOf) {
-	      // Make 'in' and truthy checks like Boolean(set.constructor)
-	      // independent of any properties defined on Object.prototype.
-	      // Prevent prototype setters from intercepting set as a this value.
-	      setPrototypeOf(set, null);
-	    }
-
-	    let l = array.length;
-
-	    while (l--) {
-	      let element = array[l];
-
-	      if (typeof element === 'string') {
-	        const lcElement = transformCaseFunc(element);
-
-	        if (lcElement !== element) {
-	          // Config presets (e.g. tags.js, attrs.js) are immutable.
-	          if (!isFrozen(array)) {
-	            array[l] = lcElement;
-	          }
-
-	          element = lcElement;
-	        }
-	      }
-
-	      set[element] = true;
-	    }
-
-	    return set;
-	  }
-	  /* Shallow clone an object */
-
-	  function clone(object) {
-	    const newObject = create(null);
-
-	    for (const [property, value] of entries(object)) {
-	      newObject[property] = value;
-	    }
-
-	    return newObject;
-	  }
-	  /* This method automatically checks if the prop is function
-	   * or getter and behaves accordingly. */
-
-	  function lookupGetter(object, prop) {
-	    while (object !== null) {
-	      const desc = getOwnPropertyDescriptor(object, prop);
-
-	      if (desc) {
-	        if (desc.get) {
-	          return unapply(desc.get);
-	        }
-
-	        if (typeof desc.value === 'function') {
-	          return unapply(desc.value);
-	        }
-	      }
-
-	      object = getPrototypeOf(object);
-	    }
-
-	    function fallbackValue(element) {
-	      console.warn('fallback value for', element);
-	      return null;
-	    }
-
-	    return fallbackValue;
-	  }
-
-	  const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']); // SVG
-
-	  const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
-	  const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); // List of SVG elements that are disallowed by default.
-	  // We still need to know them so that we can do namespace
-	  // checks properly in case one wants to add them to
-	  // allow-list.
-
-	  const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
-	  const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']); // Similarly to SVG, we want to know all MathML elements,
-	  // even those that we disallow by default.
-
-	  const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
-	  const text = freeze(['#text']);
-
-	  const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns', 'slot']);
-	  const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
-	  const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
-	  const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
-
-	  const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
-
-	  const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
-	  const TMPLIT_EXPR = seal(/\${[\w\W]*}/gm);
-	  const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/); // eslint-disable-line no-useless-escape
-
-	  const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
-
-	  const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
-	  );
-	  const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
-	  const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
-	  );
-	  const DOCTYPE_NAME = seal(/^html$/i);
-
-	  var EXPRESSIONS = /*#__PURE__*/Object.freeze({
-	    __proto__: null,
-	    MUSTACHE_EXPR: MUSTACHE_EXPR,
-	    ERB_EXPR: ERB_EXPR,
-	    TMPLIT_EXPR: TMPLIT_EXPR,
-	    DATA_ATTR: DATA_ATTR,
-	    ARIA_ATTR: ARIA_ATTR,
-	    IS_ALLOWED_URI: IS_ALLOWED_URI,
-	    IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
-	    ATTR_WHITESPACE: ATTR_WHITESPACE,
-	    DOCTYPE_NAME: DOCTYPE_NAME
-	  });
-
-	  const getGlobal = () => typeof window === 'undefined' ? null : window;
-	  /**
-	   * Creates a no-op policy for internal use only.
-	   * Don't export this function outside this module!
-	   * @param {?TrustedTypePolicyFactory} trustedTypes The policy factory.
-	   * @param {HTMLScriptElement} purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
-	   * @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types
-	   * are not supported or creating the policy failed).
-	   */
-
-
-	  const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
-	    if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
-	      return null;
-	    } // Allow the callers to control the unique policy name
-	    // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
-	    // Policy creation with duplicate names throws in Trusted Types.
-
-
-	    let suffix = null;
-	    const ATTR_NAME = 'data-tt-policy-suffix';
-
-	    if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
-	      suffix = purifyHostElement.getAttribute(ATTR_NAME);
-	    }
-
-	    const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
-
-	    try {
-	      return trustedTypes.createPolicy(policyName, {
-	        createHTML(html) {
-	          return html;
-	        },
-
-	        createScriptURL(scriptUrl) {
-	          return scriptUrl;
-	        }
-
-	      });
-	    } catch (_) {
-	      // Policy creation failed (most likely another DOMPurify script has
-	      // already run). Skip creating the policy, as this will only cause errors
-	      // if TT are enforced.
-	      console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
-	      return null;
-	    }
-	  };
-
-	  function createDOMPurify() {
-	    let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
-
-	    const DOMPurify = root => createDOMPurify(root);
-	    /**
-	     * Version label, exposed for easier checks
-	     * if DOMPurify is up to date or not
-	     */
-
-
-	    DOMPurify.version = '3.0.5';
-	    /**
-	     * Array of elements that DOMPurify removed during sanitation.
-	     * Empty if nothing was removed.
-	     */
-
-	    DOMPurify.removed = [];
-
-	    if (!window || !window.document || window.document.nodeType !== 9) {
-	      // Not running in a browser, provide a factory function
-	      // so that you can pass your own Window
-	      DOMPurify.isSupported = false;
-	      return DOMPurify;
-	    }
-
-	    const originalDocument = window.document;
-	    const currentScript = originalDocument.currentScript;
-	    let {
-	      document
-	    } = window;
-	    const {
-	      DocumentFragment,
-	      HTMLTemplateElement,
-	      Node,
-	      Element,
-	      NodeFilter,
-	      NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
-	      HTMLFormElement,
-	      DOMParser,
-	      trustedTypes
-	    } = window;
-	    const ElementPrototype = Element.prototype;
-	    const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
-	    const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
-	    const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
-	    const getParentNode = lookupGetter(ElementPrototype, 'parentNode'); // As per issue #47, the web-components registry is inherited by a
-	    // new document created via createHTMLDocument. As per the spec
-	    // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
-	    // a new empty registry is used when creating a template contents owner
-	    // document, so we use that as our parent document to ensure nothing
-	    // is inherited.
-
-	    if (typeof HTMLTemplateElement === 'function') {
-	      const template = document.createElement('template');
-
-	      if (template.content && template.content.ownerDocument) {
-	        document = template.content.ownerDocument;
-	      }
-	    }
-
-	    let trustedTypesPolicy;
-	    let emptyHTML = '';
-	    const {
-	      implementation,
-	      createNodeIterator,
-	      createDocumentFragment,
-	      getElementsByTagName
-	    } = document;
-	    const {
-	      importNode
-	    } = originalDocument;
-	    let hooks = {};
-	    /**
-	     * Expose whether this browser supports running the full DOMPurify.
-	     */
-
-	    DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
-	    const {
-	      MUSTACHE_EXPR,
-	      ERB_EXPR,
-	      TMPLIT_EXPR,
-	      DATA_ATTR,
-	      ARIA_ATTR,
-	      IS_SCRIPT_OR_DATA,
-	      ATTR_WHITESPACE
-	    } = EXPRESSIONS;
-	    let {
-	      IS_ALLOWED_URI: IS_ALLOWED_URI$1
-	    } = EXPRESSIONS;
-	    /**
-	     * We consider the elements and attributes below to be safe. Ideally
-	     * don't add any new ones but feel free to remove unwanted ones.
-	     */
-
-	    /* allowed element names */
-
-	    let ALLOWED_TAGS = null;
-	    const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
-	    /* Allowed attribute names */
-
-	    let ALLOWED_ATTR = null;
-	    const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
-	    /*
-	     * Configure how DOMPUrify should handle custom elements and their attributes as well as customized built-in elements.
-	     * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
-	     * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
-	     * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
-	     */
-
-	    let CUSTOM_ELEMENT_HANDLING = Object.seal(Object.create(null, {
-	      tagNameCheck: {
-	        writable: true,
-	        configurable: false,
-	        enumerable: true,
-	        value: null
-	      },
-	      attributeNameCheck: {
-	        writable: true,
-	        configurable: false,
-	        enumerable: true,
-	        value: null
-	      },
-	      allowCustomizedBuiltInElements: {
-	        writable: true,
-	        configurable: false,
-	        enumerable: true,
-	        value: false
-	      }
-	    }));
-	    /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
-
-	    let FORBID_TAGS = null;
-	    /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
-
-	    let FORBID_ATTR = null;
-	    /* Decide if ARIA attributes are okay */
-
-	    let ALLOW_ARIA_ATTR = true;
-	    /* Decide if custom data attributes are okay */
-
-	    let ALLOW_DATA_ATTR = true;
-	    /* Decide if unknown protocols are okay */
-
-	    let ALLOW_UNKNOWN_PROTOCOLS = false;
-	    /* Decide if self-closing tags in attributes are allowed.
-	     * Usually removed due to a mXSS issue in jQuery 3.0 */
-
-	    let ALLOW_SELF_CLOSE_IN_ATTR = true;
-	    /* Output should be safe for common template engines.
-	     * This means, DOMPurify removes data attributes, mustaches and ERB
-	     */
-
-	    let SAFE_FOR_TEMPLATES = false;
-	    /* Decide if document with <html>... should be returned */
-
-	    let WHOLE_DOCUMENT = false;
-	    /* Track whether config is already set on this instance of DOMPurify. */
-
-	    let SET_CONFIG = false;
-	    /* Decide if all elements (e.g. style, script) must be children of
-	     * document.body. By default, browsers might move them to document.head */
-
-	    let FORCE_BODY = false;
-	    /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
-	     * string (or a TrustedHTML object if Trusted Types are supported).
-	     * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
-	     */
-
-	    let RETURN_DOM = false;
-	    /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
-	     * string  (or a TrustedHTML object if Trusted Types are supported) */
-
-	    let RETURN_DOM_FRAGMENT = false;
-	    /* Try to return a Trusted Type object instead of a string, return a string in
-	     * case Trusted Types are not supported  */
-
-	    let RETURN_TRUSTED_TYPE = false;
-	    /* Output should be free from DOM clobbering attacks?
-	     * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
-	     */
-
-	    let SANITIZE_DOM = true;
-	    /* Achieve full DOM Clobbering protection by isolating the namespace of named
-	     * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
-	     *
-	     * HTML/DOM spec rules that enable DOM Clobbering:
-	     *   - Named Access on Window (§7.3.3)
-	     *   - DOM Tree Accessors (§3.1.5)
-	     *   - Form Element Parent-Child Relations (§4.10.3)
-	     *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
-	     *   - HTMLCollection (§4.2.10.2)
-	     *
-	     * Namespace isolation is implemented by prefixing `id` and `name` attributes
-	     * with a constant string, i.e., `user-content-`
-	     */
-
-	    let SANITIZE_NAMED_PROPS = false;
-	    const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
-	    /* Keep element content when removing element? */
-
-	    let KEEP_CONTENT = true;
-	    /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
-	     * of importing it into a new Document and returning a sanitized copy */
-
-	    let IN_PLACE = false;
-	    /* Allow usage of profiles like html, svg and mathMl */
-
-	    let USE_PROFILES = {};
-	    /* Tags to ignore content of when KEEP_CONTENT is true */
-
-	    let FORBID_CONTENTS = null;
-	    const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
-	    /* Tags that are safe for data: URIs */
-
-	    let DATA_URI_TAGS = null;
-	    const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
-	    /* Attributes safe for values like "javascript:" */
-
-	    let URI_SAFE_ATTRIBUTES = null;
-	    const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
-	    const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
-	    const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
-	    const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
-	    /* Document namespace */
-
-	    let NAMESPACE = HTML_NAMESPACE;
-	    let IS_EMPTY_INPUT = false;
-	    /* Allowed XHTML+XML namespaces */
-
-	    let ALLOWED_NAMESPACES = null;
-	    const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
-	    /* Parsing of strict XHTML documents */
-
-	    let PARSER_MEDIA_TYPE;
-	    const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
-	    const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
-	    let transformCaseFunc;
-	    /* Keep a reference to config to pass to hooks */
-
-	    let CONFIG = null;
-	    /* Ideally, do not touch anything below this line */
-
-	    /* ______________________________________________ */
-
-	    const formElement = document.createElement('form');
-
-	    const isRegexOrFunction = function isRegexOrFunction(testValue) {
-	      return testValue instanceof RegExp || testValue instanceof Function;
-	    };
-	    /**
-	     * _parseConfig
-	     *
-	     * @param  {Object} cfg optional config literal
-	     */
-	    // eslint-disable-next-line complexity
-
-
-	    const _parseConfig = function _parseConfig(cfg) {
-	      if (CONFIG && CONFIG === cfg) {
-	        return;
-	      }
-	      /* Shield configuration object from tampering */
-
-
-	      if (!cfg || typeof cfg !== 'object') {
-	        cfg = {};
-	      }
-	      /* Shield configuration object from prototype pollution */
-
-
-	      cfg = clone(cfg);
-	      PARSER_MEDIA_TYPE = // eslint-disable-next-line unicorn/prefer-includes
-	      SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? PARSER_MEDIA_TYPE = DEFAULT_PARSER_MEDIA_TYPE : PARSER_MEDIA_TYPE = cfg.PARSER_MEDIA_TYPE; // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
-
-	      transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
-	      /* Set configuration parameters */
-
-	      ALLOWED_TAGS = 'ALLOWED_TAGS' in cfg ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
-	      ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
-	      ALLOWED_NAMESPACES = 'ALLOWED_NAMESPACES' in cfg ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
-	      URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), // eslint-disable-line indent
-	      cfg.ADD_URI_SAFE_ATTR, // eslint-disable-line indent
-	      transformCaseFunc // eslint-disable-line indent
-	      ) // eslint-disable-line indent
-	      : DEFAULT_URI_SAFE_ATTRIBUTES;
-	      DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), // eslint-disable-line indent
-	      cfg.ADD_DATA_URI_TAGS, // eslint-disable-line indent
-	      transformCaseFunc // eslint-disable-line indent
-	      ) // eslint-disable-line indent
-	      : DEFAULT_DATA_URI_TAGS;
-	      FORBID_CONTENTS = 'FORBID_CONTENTS' in cfg ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
-	      FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
-	      FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
-	      USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false;
-	      ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
-
-	      ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
-
-	      ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
-
-	      ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
-
-	      SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
-
-	      WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
-
-	      RETURN_DOM = cfg.RETURN_DOM || false; // Default false
-
-	      RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
-
-	      RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
-
-	      FORCE_BODY = cfg.FORCE_BODY || false; // Default false
-
-	      SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
-
-	      SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
-
-	      KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
-
-	      IN_PLACE = cfg.IN_PLACE || false; // Default false
-
-	      IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
-	      NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
-	      CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
-
-	      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
-	        CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
-	      }
-
-	      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
-	        CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
-	      }
-
-	      if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
-	        CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
-	      }
-
-	      if (SAFE_FOR_TEMPLATES) {
-	        ALLOW_DATA_ATTR = false;
-	      }
-
-	      if (RETURN_DOM_FRAGMENT) {
-	        RETURN_DOM = true;
-	      }
-	      /* Parse profile info */
-
-
-	      if (USE_PROFILES) {
-	        ALLOWED_TAGS = addToSet({}, [...text]);
-	        ALLOWED_ATTR = [];
-
-	        if (USE_PROFILES.html === true) {
-	          addToSet(ALLOWED_TAGS, html$1);
-	          addToSet(ALLOWED_ATTR, html);
-	        }
-
-	        if (USE_PROFILES.svg === true) {
-	          addToSet(ALLOWED_TAGS, svg$1);
-	          addToSet(ALLOWED_ATTR, svg);
-	          addToSet(ALLOWED_ATTR, xml);
-	        }
-
-	        if (USE_PROFILES.svgFilters === true) {
-	          addToSet(ALLOWED_TAGS, svgFilters);
-	          addToSet(ALLOWED_ATTR, svg);
-	          addToSet(ALLOWED_ATTR, xml);
-	        }
-
-	        if (USE_PROFILES.mathMl === true) {
-	          addToSet(ALLOWED_TAGS, mathMl$1);
-	          addToSet(ALLOWED_ATTR, mathMl);
-	          addToSet(ALLOWED_ATTR, xml);
-	        }
-	      }
-	      /* Merge configuration parameters */
-
-
-	      if (cfg.ADD_TAGS) {
-	        if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
-	          ALLOWED_TAGS = clone(ALLOWED_TAGS);
-	        }
-
-	        addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
-	      }
-
-	      if (cfg.ADD_ATTR) {
-	        if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
-	          ALLOWED_ATTR = clone(ALLOWED_ATTR);
-	        }
-
-	        addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
-	      }
-
-	      if (cfg.ADD_URI_SAFE_ATTR) {
-	        addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
-	      }
-
-	      if (cfg.FORBID_CONTENTS) {
-	        if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
-	          FORBID_CONTENTS = clone(FORBID_CONTENTS);
-	        }
-
-	        addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
-	      }
-	      /* Add #text in case KEEP_CONTENT is set to true */
-
-
-	      if (KEEP_CONTENT) {
-	        ALLOWED_TAGS['#text'] = true;
-	      }
-	      /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
-
-
-	      if (WHOLE_DOCUMENT) {
-	        addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
-	      }
-	      /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
-
-
-	      if (ALLOWED_TAGS.table) {
-	        addToSet(ALLOWED_TAGS, ['tbody']);
-	        delete FORBID_TAGS.tbody;
-	      }
-
-	      if (cfg.TRUSTED_TYPES_POLICY) {
-	        if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
-	          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
-	        }
-
-	        if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
-	          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
-	        } // Overwrite existing TrustedTypes policy.
-
-
-	        trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY; // Sign local variables required by `sanitize`.
-
-	        emptyHTML = trustedTypesPolicy.createHTML('');
-	      } else {
-	        // Uninitialized policy, attempt to initialize the internal dompurify policy.
-	        if (trustedTypesPolicy === undefined) {
-	          trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
-	        } // If creating the internal policy succeeded sign internal variables.
-
-
-	        if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
-	          emptyHTML = trustedTypesPolicy.createHTML('');
-	        }
-	      } // Prevent further manipulation of configuration.
-	      // Not available in IE8, Safari 5, etc.
-
-
-	      if (freeze) {
-	        freeze(cfg);
-	      }
-
-	      CONFIG = cfg;
-	    };
-
-	    const MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
-	    const HTML_INTEGRATION_POINTS = addToSet({}, ['foreignobject', 'desc', 'title', 'annotation-xml']); // Certain elements are allowed in both SVG and HTML
-	    // namespace. We need to specify them explicitly
-	    // so that they don't get erroneously deleted from
-	    // HTML namespace.
-
-	    const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
-	    /* Keep track of all possible SVG and MathML tags
-	     * so that we can perform the namespace checks
-	     * correctly. */
-
-	    const ALL_SVG_TAGS = addToSet({}, svg$1);
-	    addToSet(ALL_SVG_TAGS, svgFilters);
-	    addToSet(ALL_SVG_TAGS, svgDisallowed);
-	    const ALL_MATHML_TAGS = addToSet({}, mathMl$1);
-	    addToSet(ALL_MATHML_TAGS, mathMlDisallowed);
-	    /**
-	     *
-	     *
-	     * @param  {Element} element a DOM element whose namespace is being checked
-	     * @returns {boolean} Return false if the element has a
-	     *  namespace that a spec-compliant parser would never
-	     *  return. Return true otherwise.
-	     */
-
-	    const _checkValidNamespace = function _checkValidNamespace(element) {
-	      let parent = getParentNode(element); // In JSDOM, if we're inside shadow DOM, then parentNode
-	      // can be null. We just simulate parent in this case.
-
-	      if (!parent || !parent.tagName) {
-	        parent = {
-	          namespaceURI: NAMESPACE,
-	          tagName: 'template'
-	        };
-	      }
-
-	      const tagName = stringToLowerCase(element.tagName);
-	      const parentTagName = stringToLowerCase(parent.tagName);
-
-	      if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
-	        return false;
-	      }
-
-	      if (element.namespaceURI === SVG_NAMESPACE) {
-	        // The only way to switch from HTML namespace to SVG
-	        // is via <svg>. If it happens via any other tag, then
-	        // it should be killed.
-	        if (parent.namespaceURI === HTML_NAMESPACE) {
-	          return tagName === 'svg';
-	        } // The only way to switch from MathML to SVG is via`
-	        // svg if parent is either <annotation-xml> or MathML
-	        // text integration points.
-
-
-	        if (parent.namespaceURI === MATHML_NAMESPACE) {
-	          return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
-	        } // We only allow elements that are defined in SVG
-	        // spec. All others are disallowed in SVG namespace.
-
-
-	        return Boolean(ALL_SVG_TAGS[tagName]);
-	      }
-
-	      if (element.namespaceURI === MATHML_NAMESPACE) {
-	        // The only way to switch from HTML namespace to MathML
-	        // is via <math>. If it happens via any other tag, then
-	        // it should be killed.
-	        if (parent.namespaceURI === HTML_NAMESPACE) {
-	          return tagName === 'math';
-	        } // The only way to switch from SVG to MathML is via
-	        // <math> and HTML integration points
-
-
-	        if (parent.namespaceURI === SVG_NAMESPACE) {
-	          return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
-	        } // We only allow elements that are defined in MathML
-	        // spec. All others are disallowed in MathML namespace.
-
-
-	        return Boolean(ALL_MATHML_TAGS[tagName]);
-	      }
-
-	      if (element.namespaceURI === HTML_NAMESPACE) {
-	        // The only way to switch from SVG to HTML is via
-	        // HTML integration points, and from MathML to HTML
-	        // is via MathML text integration points
-	        if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
-	          return false;
-	        }
-
-	        if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
-	          return false;
-	        } // We disallow tags that are specific for MathML
-	        // or SVG and should never appear in HTML namespace
-
-
-	        return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
-	      } // For XHTML and XML documents that support custom namespaces
-
-
-	      if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
-	        return true;
-	      } // The code should never reach this place (this means
-	      // that the element somehow got namespace that is not
-	      // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
-	      // Return false just in case.
-
-
-	      return false;
-	    };
-	    /**
-	     * _forceRemove
-	     *
-	     * @param  {Node} node a DOM node
-	     */
-
-
-	    const _forceRemove = function _forceRemove(node) {
-	      arrayPush(DOMPurify.removed, {
-	        element: node
-	      });
-
-	      try {
-	        // eslint-disable-next-line unicorn/prefer-dom-node-remove
-	        node.parentNode.removeChild(node);
-	      } catch (_) {
-	        node.remove();
-	      }
-	    };
-	    /**
-	     * _removeAttribute
-	     *
-	     * @param  {String} name an Attribute name
-	     * @param  {Node} node a DOM node
-	     */
-
-
-	    const _removeAttribute = function _removeAttribute(name, node) {
-	      try {
-	        arrayPush(DOMPurify.removed, {
-	          attribute: node.getAttributeNode(name),
-	          from: node
-	        });
-	      } catch (_) {
-	        arrayPush(DOMPurify.removed, {
-	          attribute: null,
-	          from: node
-	        });
-	      }
-
-	      node.removeAttribute(name); // We void attribute values for unremovable "is"" attributes
-
-	      if (name === 'is' && !ALLOWED_ATTR[name]) {
-	        if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
-	          try {
-	            _forceRemove(node);
-	          } catch (_) {}
-	        } else {
-	          try {
-	            node.setAttribute(name, '');
-	          } catch (_) {}
-	        }
-	      }
-	    };
-	    /**
-	     * _initDocument
-	     *
-	     * @param  {String} dirty a string of dirty markup
-	     * @return {Document} a DOM, filled with the dirty markup
-	     */
-
-
-	    const _initDocument = function _initDocument(dirty) {
-	      /* Create a HTML document */
-	      let doc;
-	      let leadingWhitespace;
-
-	      if (FORCE_BODY) {
-	        dirty = '<remove></remove>' + dirty;
-	      } else {
-	        /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
-	        const matches = stringMatch(dirty, /^[\r\n\t ]+/);
-	        leadingWhitespace = matches && matches[0];
-	      }
-
-	      if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
-	        // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
-	        dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
-	      }
-
-	      const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
-	      /*
-	       * Use the DOMParser API by default, fallback later if needs be
-	       * DOMParser not work for svg when has multiple root element.
-	       */
-
-	      if (NAMESPACE === HTML_NAMESPACE) {
-	        try {
-	          doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
-	        } catch (_) {}
-	      }
-	      /* Use createHTMLDocument in case DOMParser is not available */
-
-
-	      if (!doc || !doc.documentElement) {
-	        doc = implementation.createDocument(NAMESPACE, 'template', null);
-
-	        try {
-	          doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
-	        } catch (_) {// Syntax error if dirtyPayload is invalid xml
-	        }
-	      }
-
-	      const body = doc.body || doc.documentElement;
-
-	      if (dirty && leadingWhitespace) {
-	        body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
-	      }
-	      /* Work on whole document or just its body */
-
-
-	      if (NAMESPACE === HTML_NAMESPACE) {
-	        return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
-	      }
-
-	      return WHOLE_DOCUMENT ? doc.documentElement : body;
-	    };
-	    /**
-	     * _createIterator
-	     *
-	     * @param  {Document} root document/fragment to create iterator for
-	     * @return {Iterator} iterator instance
-	     */
-
-
-	    const _createIterator = function _createIterator(root) {
-	      return createNodeIterator.call(root.ownerDocument || root, root, // eslint-disable-next-line no-bitwise
-	      NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, null, false);
-	    };
-	    /**
-	     * _isClobbered
-	     *
-	     * @param  {Node} elm element to check for clobbering attacks
-	     * @return {Boolean} true if clobbered, false if safe
-	     */
-
-
-	    const _isClobbered = function _isClobbered(elm) {
-	      return elm instanceof HTMLFormElement && (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function' || typeof elm.hasChildNodes !== 'function');
-	    };
-	    /**
-	     * _isNode
-	     *
-	     * @param  {Node} obj object to check whether it's a DOM node
-	     * @return {Boolean} true is object is a DOM node
-	     */
-
-
-	    const _isNode = function _isNode(object) {
-	      return typeof Node === 'object' ? object instanceof Node : object && typeof object === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string';
-	    };
-	    /**
-	     * _executeHook
-	     * Execute user configurable hooks
-	     *
-	     * @param  {String} entryPoint  Name of the hook's entry point
-	     * @param  {Node} currentNode node to work on with the hook
-	     * @param  {Object} data additional hook parameters
-	     */
-
-
-	    const _executeHook = function _executeHook(entryPoint, currentNode, data) {
-	      if (!hooks[entryPoint]) {
-	        return;
-	      }
-
-	      arrayForEach(hooks[entryPoint], hook => {
-	        hook.call(DOMPurify, currentNode, data, CONFIG);
-	      });
-	    };
-	    /**
-	     * _sanitizeElements
-	     *
-	     * @protect nodeName
-	     * @protect textContent
-	     * @protect removeChild
-	     *
-	     * @param   {Node} currentNode to check for permission to exist
-	     * @return  {Boolean} true if node was killed, false if left alive
-	     */
-
-
-	    const _sanitizeElements = function _sanitizeElements(currentNode) {
-	      let content;
-	      /* Execute a hook if present */
-
-	      _executeHook('beforeSanitizeElements', currentNode, null);
-	      /* Check if element is clobbered or can clobber */
-
-
-	      if (_isClobbered(currentNode)) {
-	        _forceRemove(currentNode);
-
-	        return true;
-	      }
-	      /* Now let's check the element's type and name */
-
-
-	      const tagName = transformCaseFunc(currentNode.nodeName);
-	      /* Execute a hook if present */
-
-	      _executeHook('uponSanitizeElement', currentNode, {
-	        tagName,
-	        allowedTags: ALLOWED_TAGS
-	      });
-	      /* Detect mXSS attempts abusing namespace confusion */
-
-
-	      if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && (!_isNode(currentNode.content) || !_isNode(currentNode.content.firstElementChild)) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
-	        _forceRemove(currentNode);
-
-	        return true;
-	      }
-	      /* Remove element if anything forbids its presence */
-
-
-	      if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
-	        /* Check if we have a custom element to handle */
-	        if (!FORBID_TAGS[tagName] && _basicCustomElementTest(tagName)) {
-	          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) return false;
-	          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) return false;
-	        }
-	        /* Keep content except for bad-listed elements */
-
-
-	        if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
-	          const parentNode = getParentNode(currentNode) || currentNode.parentNode;
-	          const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
-
-	          if (childNodes && parentNode) {
-	            const childCount = childNodes.length;
-
-	            for (let i = childCount - 1; i >= 0; --i) {
-	              parentNode.insertBefore(cloneNode(childNodes[i], true), getNextSibling(currentNode));
-	            }
-	          }
-	        }
-
-	        _forceRemove(currentNode);
-
-	        return true;
-	      }
-	      /* Check whether element has a valid namespace */
-
-
-	      if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
-	        _forceRemove(currentNode);
-
-	        return true;
-	      }
-	      /* Make sure that older browsers don't get fallback-tag mXSS */
-
-
-	      if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
-	        _forceRemove(currentNode);
-
-	        return true;
-	      }
-	      /* Sanitize element content to be template-safe */
-
-
-	      if (SAFE_FOR_TEMPLATES && currentNode.nodeType === 3) {
-	        /* Get the element's text content */
-	        content = currentNode.textContent;
-	        content = stringReplace(content, MUSTACHE_EXPR, ' ');
-	        content = stringReplace(content, ERB_EXPR, ' ');
-	        content = stringReplace(content, TMPLIT_EXPR, ' ');
-
-	        if (currentNode.textContent !== content) {
-	          arrayPush(DOMPurify.removed, {
-	            element: currentNode.cloneNode()
-	          });
-	          currentNode.textContent = content;
-	        }
-	      }
-	      /* Execute a hook if present */
-
-
-	      _executeHook('afterSanitizeElements', currentNode, null);
-
-	      return false;
-	    };
-	    /**
-	     * _isValidAttribute
-	     *
-	     * @param  {string} lcTag Lowercase tag name of containing element.
-	     * @param  {string} lcName Lowercase attribute name.
-	     * @param  {string} value Attribute value.
-	     * @return {Boolean} Returns true if `value` is valid, otherwise false.
-	     */
-	    // eslint-disable-next-line complexity
-
-
-	    const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
-	      /* Make sure attribute cannot clobber */
-	      if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
-	        return false;
-	      }
-	      /* Allow valid data-* attributes: At least one character after "-"
-	          (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
-	          XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
-	          We don't need to check the value; it's always URI safe. */
-
-
-	      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
-	        if ( // First condition does a very basic check if a) it's basically a valid custom element tagname AND
-	        // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-	        // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-	        _basicCustomElementTest(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) || // Alternative, second condition checks if it's an `is`-attribute, AND
-	        // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-	        lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
-	          return false;
-	        }
-	        /* Check value is safe. First, is attr inert? If so, is safe */
-
-	      } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
-	        return false;
-	      } else ;
-
-	      return true;
-	    };
-	    /**
-	     * _basicCustomElementCheck
-	     * checks if at least one dash is included in tagName, and it's not the first char
-	     * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
-	     * @param {string} tagName name of the tag of the node to sanitize
-	     */
-
-
-	    const _basicCustomElementTest = function _basicCustomElementTest(tagName) {
-	      return tagName.indexOf('-') > 0;
-	    };
-	    /**
-	     * _sanitizeAttributes
-	     *
-	     * @protect attributes
-	     * @protect nodeName
-	     * @protect removeAttribute
-	     * @protect setAttribute
-	     *
-	     * @param  {Node} currentNode to sanitize
-	     */
-
-
-	    const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
-	      let attr;
-	      let value;
-	      let lcName;
-	      let l;
-	      /* Execute a hook if present */
-
-	      _executeHook('beforeSanitizeAttributes', currentNode, null);
-
-	      const {
-	        attributes
-	      } = currentNode;
-	      /* Check if we have attributes; if not we might have a text node */
-
-	      if (!attributes) {
-	        return;
-	      }
-
-	      const hookEvent = {
-	        attrName: '',
-	        attrValue: '',
-	        keepAttr: true,
-	        allowedAttributes: ALLOWED_ATTR
-	      };
-	      l = attributes.length;
-	      /* Go backwards over all attributes; safely remove bad ones */
-
-	      while (l--) {
-	        attr = attributes[l];
-	        const {
-	          name,
-	          namespaceURI
-	        } = attr;
-	        value = name === 'value' ? attr.value : stringTrim(attr.value);
-	        lcName = transformCaseFunc(name);
-	        /* Execute a hook if present */
-
-	        hookEvent.attrName = lcName;
-	        hookEvent.attrValue = value;
-	        hookEvent.keepAttr = true;
-	        hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
-
-	        _executeHook('uponSanitizeAttribute', currentNode, hookEvent);
-
-	        value = hookEvent.attrValue;
-	        /* Did the hooks approve of the attribute? */
-
-	        if (hookEvent.forceKeepAttr) {
-	          continue;
-	        }
-	        /* Remove attribute */
-
-
-	        _removeAttribute(name, currentNode);
-	        /* Did the hooks approve of the attribute? */
-
-
-	        if (!hookEvent.keepAttr) {
-	          continue;
-	        }
-	        /* Work around a security issue in jQuery 3.0 */
-
-
-	        if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
-	          _removeAttribute(name, currentNode);
-
-	          continue;
-	        }
-	        /* Sanitize attribute content to be template-safe */
-
-
-	        if (SAFE_FOR_TEMPLATES) {
-	          value = stringReplace(value, MUSTACHE_EXPR, ' ');
-	          value = stringReplace(value, ERB_EXPR, ' ');
-	          value = stringReplace(value, TMPLIT_EXPR, ' ');
-	        }
-	        /* Is `value` valid for this attribute? */
-
-
-	        const lcTag = transformCaseFunc(currentNode.nodeName);
-
-	        if (!_isValidAttribute(lcTag, lcName, value)) {
-	          continue;
-	        }
-	        /* Full DOM Clobbering protection via namespace isolation,
-	         * Prefix id and name attributes with `user-content-`
-	         */
-
-
-	        if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
-	          // Remove the attribute with this value
-	          _removeAttribute(name, currentNode); // Prefix the value and later re-create the attribute with the sanitized value
-
-
-	          value = SANITIZE_NAMED_PROPS_PREFIX + value;
-	        }
-	        /* Handle attributes that require Trusted Types */
-
-
-	        if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
-	          if (namespaceURI) ; else {
-	            switch (trustedTypes.getAttributeType(lcTag, lcName)) {
-	              case 'TrustedHTML':
-	                {
-	                  value = trustedTypesPolicy.createHTML(value);
-	                  break;
-	                }
-
-	              case 'TrustedScriptURL':
-	                {
-	                  value = trustedTypesPolicy.createScriptURL(value);
-	                  break;
-	                }
-	            }
-	          }
-	        }
-	        /* Handle invalid data-* attribute set by try-catching it */
-
-
-	        try {
-	          if (namespaceURI) {
-	            currentNode.setAttributeNS(namespaceURI, name, value);
-	          } else {
-	            /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
-	            currentNode.setAttribute(name, value);
-	          }
-
-	          arrayPop(DOMPurify.removed);
-	        } catch (_) {}
-	      }
-	      /* Execute a hook if present */
-
-
-	      _executeHook('afterSanitizeAttributes', currentNode, null);
-	    };
-	    /**
-	     * _sanitizeShadowDOM
-	     *
-	     * @param  {DocumentFragment} fragment to iterate over recursively
-	     */
-
-
-	    const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
-	      let shadowNode;
-
-	      const shadowIterator = _createIterator(fragment);
-	      /* Execute a hook if present */
-
-
-	      _executeHook('beforeSanitizeShadowDOM', fragment, null);
-
-	      while (shadowNode = shadowIterator.nextNode()) {
-	        /* Execute a hook if present */
-	        _executeHook('uponSanitizeShadowNode', shadowNode, null);
-	        /* Sanitize tags and elements */
-
-
-	        if (_sanitizeElements(shadowNode)) {
-	          continue;
-	        }
-	        /* Deep shadow DOM detected */
-
-
-	        if (shadowNode.content instanceof DocumentFragment) {
-	          _sanitizeShadowDOM(shadowNode.content);
-	        }
-	        /* Check attributes, sanitize if necessary */
-
-
-	        _sanitizeAttributes(shadowNode);
-	      }
-	      /* Execute a hook if present */
-
-
-	      _executeHook('afterSanitizeShadowDOM', fragment, null);
-	    };
-	    /**
-	     * Sanitize
-	     * Public method providing core sanitation functionality
-	     *
-	     * @param {String|Node} dirty string or DOM node
-	     * @param {Object} configuration object
-	     */
-	    // eslint-disable-next-line complexity
-
-
-	    DOMPurify.sanitize = function (dirty) {
-	      let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-	      let body;
-	      let importedNode;
-	      let currentNode;
-	      let returnNode;
-	      /* Make sure we have a string to sanitize.
-	        DO NOT return early, as this will return the wrong type if
-	        the user has requested a DOM object rather than a string */
-
-	      IS_EMPTY_INPUT = !dirty;
-
-	      if (IS_EMPTY_INPUT) {
-	        dirty = '<!-->';
-	      }
-	      /* Stringify, in case dirty is an object */
-
-
-	      if (typeof dirty !== 'string' && !_isNode(dirty)) {
-	        if (typeof dirty.toString === 'function') {
-	          dirty = dirty.toString();
-
-	          if (typeof dirty !== 'string') {
-	            throw typeErrorCreate('dirty is not a string, aborting');
-	          }
-	        } else {
-	          throw typeErrorCreate('toString is not a function');
-	        }
-	      }
-	      /* Return dirty HTML if DOMPurify cannot run */
-
-
-	      if (!DOMPurify.isSupported) {
-	        return dirty;
-	      }
-	      /* Assign config vars */
-
-
-	      if (!SET_CONFIG) {
-	        _parseConfig(cfg);
-	      }
-	      /* Clean up removed elements */
-
-
-	      DOMPurify.removed = [];
-	      /* Check if dirty is correctly typed for IN_PLACE */
-
-	      if (typeof dirty === 'string') {
-	        IN_PLACE = false;
-	      }
-
-	      if (IN_PLACE) {
-	        /* Do some early pre-sanitization to avoid unsafe root nodes */
-	        if (dirty.nodeName) {
-	          const tagName = transformCaseFunc(dirty.nodeName);
-
-	          if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
-	            throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
-	          }
-	        }
-	      } else if (dirty instanceof Node) {
-	        /* If dirty is a DOM element, append to an empty document to avoid
-	           elements being stripped by the parser */
-	        body = _initDocument('<!---->');
-	        importedNode = body.ownerDocument.importNode(dirty, true);
-
-	        if (importedNode.nodeType === 1 && importedNode.nodeName === 'BODY') {
-	          /* Node is already a body, use as is */
-	          body = importedNode;
-	        } else if (importedNode.nodeName === 'HTML') {
-	          body = importedNode;
-	        } else {
-	          // eslint-disable-next-line unicorn/prefer-dom-node-append
-	          body.appendChild(importedNode);
-	        }
-	      } else {
-	        /* Exit directly if we have nothing to do */
-	        if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && // eslint-disable-next-line unicorn/prefer-includes
-	        dirty.indexOf('<') === -1) {
-	          return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
-	        }
-	        /* Initialize the document to work on */
-
-
-	        body = _initDocument(dirty);
-	        /* Check we have a DOM node from the data */
-
-	        if (!body) {
-	          return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
-	        }
-	      }
-	      /* Remove first element node (ours) if FORCE_BODY is set */
-
-
-	      if (body && FORCE_BODY) {
-	        _forceRemove(body.firstChild);
-	      }
-	      /* Get node iterator */
-
-
-	      const nodeIterator = _createIterator(IN_PLACE ? dirty : body);
-	      /* Now start iterating over the created document */
-
-
-	      while (currentNode = nodeIterator.nextNode()) {
-	        /* Sanitize tags and elements */
-	        if (_sanitizeElements(currentNode)) {
-	          continue;
-	        }
-	        /* Shadow DOM detected, sanitize it */
-
-
-	        if (currentNode.content instanceof DocumentFragment) {
-	          _sanitizeShadowDOM(currentNode.content);
-	        }
-	        /* Check attributes, sanitize if necessary */
-
-
-	        _sanitizeAttributes(currentNode);
-	      }
-	      /* If we sanitized `dirty` in-place, return it. */
-
-
-	      if (IN_PLACE) {
-	        return dirty;
-	      }
-	      /* Return sanitized string or DOM */
-
-
-	      if (RETURN_DOM) {
-	        if (RETURN_DOM_FRAGMENT) {
-	          returnNode = createDocumentFragment.call(body.ownerDocument);
-
-	          while (body.firstChild) {
-	            // eslint-disable-next-line unicorn/prefer-dom-node-append
-	            returnNode.appendChild(body.firstChild);
-	          }
-	        } else {
-	          returnNode = body;
-	        }
-
-	        if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
-	          /*
-	            AdoptNode() is not used because internal state is not reset
-	            (e.g. the past names map of a HTMLFormElement), this is safe
-	            in theory but we would rather not risk another attack vector.
-	            The state that is cloned by importNode() is explicitly defined
-	            by the specs.
-	          */
-	          returnNode = importNode.call(originalDocument, returnNode, true);
-	        }
-
-	        return returnNode;
-	      }
-
-	      let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
-	      /* Serialize doctype if allowed */
-
-	      if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
-	        serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
-	      }
-	      /* Sanitize final string template-safe */
-
-
-	      if (SAFE_FOR_TEMPLATES) {
-	        serializedHTML = stringReplace(serializedHTML, MUSTACHE_EXPR, ' ');
-	        serializedHTML = stringReplace(serializedHTML, ERB_EXPR, ' ');
-	        serializedHTML = stringReplace(serializedHTML, TMPLIT_EXPR, ' ');
-	      }
-
-	      return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
-	    };
-	    /**
-	     * Public method to set the configuration once
-	     * setConfig
-	     *
-	     * @param {Object} cfg configuration object
-	     */
-
-
-	    DOMPurify.setConfig = function (cfg) {
-	      _parseConfig(cfg);
-
-	      SET_CONFIG = true;
-	    };
-	    /**
-	     * Public method to remove the configuration
-	     * clearConfig
-	     *
-	     */
-
-
-	    DOMPurify.clearConfig = function () {
-	      CONFIG = null;
-	      SET_CONFIG = false;
-	    };
-	    /**
-	     * Public method to check if an attribute value is valid.
-	     * Uses last set config, if any. Otherwise, uses config defaults.
-	     * isValidAttribute
-	     *
-	     * @param  {string} tag Tag name of containing element.
-	     * @param  {string} attr Attribute name.
-	     * @param  {string} value Attribute value.
-	     * @return {Boolean} Returns true if `value` is valid. Otherwise, returns false.
-	     */
-
-
-	    DOMPurify.isValidAttribute = function (tag, attr, value) {
-	      /* Initialize shared config vars if necessary. */
-	      if (!CONFIG) {
-	        _parseConfig({});
-	      }
-
-	      const lcTag = transformCaseFunc(tag);
-	      const lcName = transformCaseFunc(attr);
-	      return _isValidAttribute(lcTag, lcName, value);
-	    };
-	    /**
-	     * AddHook
-	     * Public method to add DOMPurify hooks
-	     *
-	     * @param {String} entryPoint entry point for the hook to add
-	     * @param {Function} hookFunction function to execute
-	     */
-
-
-	    DOMPurify.addHook = function (entryPoint, hookFunction) {
-	      if (typeof hookFunction !== 'function') {
-	        return;
-	      }
-
-	      hooks[entryPoint] = hooks[entryPoint] || [];
-	      arrayPush(hooks[entryPoint], hookFunction);
-	    };
-	    /**
-	     * RemoveHook
-	     * Public method to remove a DOMPurify hook at a given entryPoint
-	     * (pops it from the stack of hooks if more are present)
-	     *
-	     * @param {String} entryPoint entry point for the hook to remove
-	     * @return {Function} removed(popped) hook
-	     */
-
-
-	    DOMPurify.removeHook = function (entryPoint) {
-	      if (hooks[entryPoint]) {
-	        return arrayPop(hooks[entryPoint]);
-	      }
-	    };
-	    /**
-	     * RemoveHooks
-	     * Public method to remove all DOMPurify hooks at a given entryPoint
-	     *
-	     * @param  {String} entryPoint entry point for the hooks to remove
-	     */
-
-
-	    DOMPurify.removeHooks = function (entryPoint) {
-	      if (hooks[entryPoint]) {
-	        hooks[entryPoint] = [];
-	      }
-	    };
-	    /**
-	     * RemoveAllHooks
-	     * Public method to remove all DOMPurify hooks
-	     *
-	     */
-
-
-	    DOMPurify.removeAllHooks = function () {
-	      hooks = {};
-	    };
-
-	    return DOMPurify;
-	  }
-
-	  var purify = createDOMPurify();
-
-	  return purify;
-
-	}));
-	
-} (purify));
+/*! @license DOMPurify 3.2.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.3/LICENSE */
+
+const {
+  entries,
+  setPrototypeOf,
+  isFrozen,
+  getPrototypeOf,
+  getOwnPropertyDescriptor
+} = Object;
+let {
+  freeze,
+  seal,
+  create
+} = Object; // eslint-disable-line import/no-mutable-exports
+let {
+  apply,
+  construct
+} = typeof Reflect !== 'undefined' && Reflect;
+if (!freeze) {
+  freeze = function freeze(x) {
+    return x;
+  };
+}
+if (!seal) {
+  seal = function seal(x) {
+    return x;
+  };
+}
+if (!apply) {
+  apply = function apply(fun, thisValue, args) {
+    return fun.apply(thisValue, args);
+  };
+}
+if (!construct) {
+  construct = function construct(Func, args) {
+    return new Func(...args);
+  };
+}
+const arrayForEach = unapply(Array.prototype.forEach);
+const arrayPop = unapply(Array.prototype.pop);
+const arrayPush = unapply(Array.prototype.push);
+const stringToLowerCase = unapply(String.prototype.toLowerCase);
+const stringToString = unapply(String.prototype.toString);
+const stringMatch = unapply(String.prototype.match);
+const stringReplace = unapply(String.prototype.replace);
+const stringIndexOf = unapply(String.prototype.indexOf);
+const stringTrim = unapply(String.prototype.trim);
+const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+const regExpTest = unapply(RegExp.prototype.test);
+const typeErrorCreate = unconstruct(TypeError);
+/**
+ * Creates a new function that calls the given function with a specified thisArg and arguments.
+ *
+ * @param func - The function to be wrapped and called.
+ * @returns A new function that calls the given function with a specified thisArg and arguments.
+ */
+function unapply(func) {
+  return function (thisArg) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    return apply(func, thisArg, args);
+  };
+}
+/**
+ * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
+ *
+ * @param func - The constructor function to be wrapped and called.
+ * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
+ */
+function unconstruct(func) {
+  return function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    return construct(func, args);
+  };
+}
+/**
+ * Add properties to a lookup table
+ *
+ * @param set - The set to which elements will be added.
+ * @param array - The array containing elements to be added to the set.
+ * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.
+ * @returns The modified set with added elements.
+ */
+function addToSet(set, array) {
+  let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
+  if (setPrototypeOf) {
+    // Make 'in' and truthy checks like Boolean(set.constructor)
+    // independent of any properties defined on Object.prototype.
+    // Prevent prototype setters from intercepting set as a this value.
+    setPrototypeOf(set, null);
+  }
+  let l = array.length;
+  while (l--) {
+    let element = array[l];
+    if (typeof element === 'string') {
+      const lcElement = transformCaseFunc(element);
+      if (lcElement !== element) {
+        // Config presets (e.g. tags.js, attrs.js) are immutable.
+        if (!isFrozen(array)) {
+          array[l] = lcElement;
+        }
+        element = lcElement;
+      }
+    }
+    set[element] = true;
+  }
+  return set;
+}
+/**
+ * Clean up an array to harden against CSPP
+ *
+ * @param array - The array to be cleaned.
+ * @returns The cleaned version of the array
+ */
+function cleanArray(array) {
+  for (let index = 0; index < array.length; index++) {
+    const isPropertyExist = objectHasOwnProperty(array, index);
+    if (!isPropertyExist) {
+      array[index] = null;
+    }
+  }
+  return array;
+}
+/**
+ * Shallow clone an object
+ *
+ * @param object - The object to be cloned.
+ * @returns A new object that copies the original.
+ */
+function clone(object) {
+  const newObject = create(null);
+  for (const [property, value] of entries(object)) {
+    const isPropertyExist = objectHasOwnProperty(object, property);
+    if (isPropertyExist) {
+      if (Array.isArray(value)) {
+        newObject[property] = cleanArray(value);
+      } else if (value && typeof value === 'object' && value.constructor === Object) {
+        newObject[property] = clone(value);
+      } else {
+        newObject[property] = value;
+      }
+    }
+  }
+  return newObject;
+}
+/**
+ * This method automatically checks if the prop is function or getter and behaves accordingly.
+ *
+ * @param object - The object to look up the getter function in its prototype chain.
+ * @param prop - The property name for which to find the getter function.
+ * @returns The getter function found in the prototype chain or a fallback function.
+ */
+function lookupGetter(object, prop) {
+  while (object !== null) {
+    const desc = getOwnPropertyDescriptor(object, prop);
+    if (desc) {
+      if (desc.get) {
+        return unapply(desc.get);
+      }
+      if (typeof desc.value === 'function') {
+        return unapply(desc.value);
+      }
+    }
+    object = getPrototypeOf(object);
+  }
+  function fallbackValue() {
+    return null;
+  }
+  return fallbackValue;
+}
+
+const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
+// List of SVG elements that are disallowed by default.
+// We still need to know them so that we can do namespace
+// checks properly in case one wants to add them to
+// allow-list.
+const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);
+// Similarly to SVG, we want to know all MathML elements,
+// even those that we disallow by default.
+const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+const text = freeze(['#text']);
+
+const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
+const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+// eslint-disable-next-line unicorn/better-regex
+const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+const TMPLIT_EXPR = seal(/\$\{[\w\W]*}/gm); // eslint-disable-line unicorn/better-regex
+const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
+const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+);
+const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+);
+const DOCTYPE_NAME = seal(/^html$/i);
+const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
+
+var EXPRESSIONS = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  ARIA_ATTR: ARIA_ATTR,
+  ATTR_WHITESPACE: ATTR_WHITESPACE,
+  CUSTOM_ELEMENT: CUSTOM_ELEMENT,
+  DATA_ATTR: DATA_ATTR,
+  DOCTYPE_NAME: DOCTYPE_NAME,
+  ERB_EXPR: ERB_EXPR,
+  IS_ALLOWED_URI: IS_ALLOWED_URI,
+  IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
+  MUSTACHE_EXPR: MUSTACHE_EXPR,
+  TMPLIT_EXPR: TMPLIT_EXPR
+});
 
-var DOMPurify = purifyExports;
+/* eslint-disable @typescript-eslint/indent */
+// https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+const NODE_TYPE = {
+  element: 1,
+  attribute: 2,
+  text: 3,
+  cdataSection: 4,
+  entityReference: 5,
+  // Deprecated
+  entityNode: 6,
+  // Deprecated
+  progressingInstruction: 7,
+  comment: 8,
+  document: 9,
+  documentType: 10,
+  documentFragment: 11,
+  notation: 12 // Deprecated
+};
+const getGlobal = function getGlobal() {
+  return typeof window === 'undefined' ? null : window;
+};
+/**
+ * Creates a no-op policy for internal use only.
+ * Don't export this function outside this module!
+ * @param trustedTypes The policy factory.
+ * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
+ * @return The policy created (or null, if Trusted Types
+ * are not supported or creating the policy failed).
+ */
+const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
+  if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+    return null;
+  }
+  // Allow the callers to control the unique policy name
+  // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+  // Policy creation with duplicate names throws in Trusted Types.
+  let suffix = null;
+  const ATTR_NAME = 'data-tt-policy-suffix';
+  if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+    suffix = purifyHostElement.getAttribute(ATTR_NAME);
+  }
+  const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+  try {
+    return trustedTypes.createPolicy(policyName, {
+      createHTML(html) {
+        return html;
+      },
+      createScriptURL(scriptUrl) {
+        return scriptUrl;
+      }
+    });
+  } catch (_) {
+    // Policy creation failed (most likely another DOMPurify script has
+    // already run). Skip creating the policy, as this will only cause errors
+    // if TT are enforced.
+    console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+    return null;
+  }
+};
+const _createHooksMap = function _createHooksMap() {
+  return {
+    afterSanitizeAttributes: [],
+    afterSanitizeElements: [],
+    afterSanitizeShadowDOM: [],
+    beforeSanitizeAttributes: [],
+    beforeSanitizeElements: [],
+    beforeSanitizeShadowDOM: [],
+    uponSanitizeAttribute: [],
+    uponSanitizeElement: [],
+    uponSanitizeShadowNode: []
+  };
+};
+function createDOMPurify() {
+  let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+  const DOMPurify = root => createDOMPurify(root);
+  DOMPurify.version = '3.2.3';
+  DOMPurify.removed = [];
+  if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document) {
+    // Not running in a browser, provide a factory function
+    // so that you can pass your own Window
+    DOMPurify.isSupported = false;
+    return DOMPurify;
+  }
+  let {
+    document
+  } = window;
+  const originalDocument = document;
+  const currentScript = originalDocument.currentScript;
+  const {
+    DocumentFragment,
+    HTMLTemplateElement,
+    Node,
+    Element,
+    NodeFilter,
+    NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
+    HTMLFormElement,
+    DOMParser,
+    trustedTypes
+  } = window;
+  const ElementPrototype = Element.prototype;
+  const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+  const remove = lookupGetter(ElementPrototype, 'remove');
+  const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+  const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+  const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
+  // As per issue #47, the web-components registry is inherited by a
+  // new document created via createHTMLDocument. As per the spec
+  // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+  // a new empty registry is used when creating a template contents owner
+  // document, so we use that as our parent document to ensure nothing
+  // is inherited.
+  if (typeof HTMLTemplateElement === 'function') {
+    const template = document.createElement('template');
+    if (template.content && template.content.ownerDocument) {
+      document = template.content.ownerDocument;
+    }
+  }
+  let trustedTypesPolicy;
+  let emptyHTML = '';
+  const {
+    implementation,
+    createNodeIterator,
+    createDocumentFragment,
+    getElementsByTagName
+  } = document;
+  const {
+    importNode
+  } = originalDocument;
+  let hooks = _createHooksMap();
+  /**
+   * Expose whether this browser supports running the full DOMPurify.
+   */
+  DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
+  const {
+    MUSTACHE_EXPR,
+    ERB_EXPR,
+    TMPLIT_EXPR,
+    DATA_ATTR,
+    ARIA_ATTR,
+    IS_SCRIPT_OR_DATA,
+    ATTR_WHITESPACE,
+    CUSTOM_ELEMENT
+  } = EXPRESSIONS;
+  let {
+    IS_ALLOWED_URI: IS_ALLOWED_URI$1
+  } = EXPRESSIONS;
+  /**
+   * We consider the elements and attributes below to be safe. Ideally
+   * don't add any new ones but feel free to remove unwanted ones.
+   */
+  /* allowed element names */
+  let ALLOWED_TAGS = null;
+  const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
+  /* Allowed attribute names */
+  let ALLOWED_ATTR = null;
+  const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+  /*
+   * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.
+   * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
+   * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
+   * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
+   */
+  let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
+    tagNameCheck: {
+      writable: true,
+      configurable: false,
+      enumerable: true,
+      value: null
+    },
+    attributeNameCheck: {
+      writable: true,
+      configurable: false,
+      enumerable: true,
+      value: null
+    },
+    allowCustomizedBuiltInElements: {
+      writable: true,
+      configurable: false,
+      enumerable: true,
+      value: false
+    }
+  }));
+  /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+  let FORBID_TAGS = null;
+  /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+  let FORBID_ATTR = null;
+  /* Decide if ARIA attributes are okay */
+  let ALLOW_ARIA_ATTR = true;
+  /* Decide if custom data attributes are okay */
+  let ALLOW_DATA_ATTR = true;
+  /* Decide if unknown protocols are okay */
+  let ALLOW_UNKNOWN_PROTOCOLS = false;
+  /* Decide if self-closing tags in attributes are allowed.
+   * Usually removed due to a mXSS issue in jQuery 3.0 */
+  let ALLOW_SELF_CLOSE_IN_ATTR = true;
+  /* Output should be safe for common template engines.
+   * This means, DOMPurify removes data attributes, mustaches and ERB
+   */
+  let SAFE_FOR_TEMPLATES = false;
+  /* Output should be safe even for XML used within HTML and alike.
+   * This means, DOMPurify removes comments when containing risky content.
+   */
+  let SAFE_FOR_XML = true;
+  /* Decide if document with <html>... should be returned */
+  let WHOLE_DOCUMENT = false;
+  /* Track whether config is already set on this instance of DOMPurify. */
+  let SET_CONFIG = false;
+  /* Decide if all elements (e.g. style, script) must be children of
+   * document.body. By default, browsers might move them to document.head */
+  let FORCE_BODY = false;
+  /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+   * string (or a TrustedHTML object if Trusted Types are supported).
+   * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+   */
+  let RETURN_DOM = false;
+  /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+   * string  (or a TrustedHTML object if Trusted Types are supported) */
+  let RETURN_DOM_FRAGMENT = false;
+  /* Try to return a Trusted Type object instead of a string, return a string in
+   * case Trusted Types are not supported  */
+  let RETURN_TRUSTED_TYPE = false;
+  /* Output should be free from DOM clobbering attacks?
+   * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
+   */
+  let SANITIZE_DOM = true;
+  /* Achieve full DOM Clobbering protection by isolating the namespace of named
+   * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
+   *
+   * HTML/DOM spec rules that enable DOM Clobbering:
+   *   - Named Access on Window (§7.3.3)
+   *   - DOM Tree Accessors (§3.1.5)
+   *   - Form Element Parent-Child Relations (§4.10.3)
+   *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
+   *   - HTMLCollection (§4.2.10.2)
+   *
+   * Namespace isolation is implemented by prefixing `id` and `name` attributes
+   * with a constant string, i.e., `user-content-`
+   */
+  let SANITIZE_NAMED_PROPS = false;
+  const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
+  /* Keep element content when removing element? */
+  let KEEP_CONTENT = true;
+  /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+   * of importing it into a new Document and returning a sanitized copy */
+  let IN_PLACE = false;
+  /* Allow usage of profiles like html, svg and mathMl */
+  let USE_PROFILES = {};
+  /* Tags to ignore content of when KEEP_CONTENT is true */
+  let FORBID_CONTENTS = null;
+  const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+  /* Tags that are safe for data: URIs */
+  let DATA_URI_TAGS = null;
+  const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+  /* Attributes safe for values like "javascript:" */
+  let URI_SAFE_ATTRIBUTES = null;
+  const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+  const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+  const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+  const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+  /* Document namespace */
+  let NAMESPACE = HTML_NAMESPACE;
+  let IS_EMPTY_INPUT = false;
+  /* Allowed XHTML+XML namespaces */
+  let ALLOWED_NAMESPACES = null;
+  const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+  let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+  let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);
+  // Certain elements are allowed in both SVG and HTML
+  // namespace. We need to specify them explicitly
+  // so that they don't get erroneously deleted from
+  // HTML namespace.
+  const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+  /* Parsing of strict XHTML documents */
+  let PARSER_MEDIA_TYPE = null;
+  const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+  const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+  let transformCaseFunc = null;
+  /* Keep a reference to config to pass to hooks */
+  let CONFIG = null;
+  /* Ideally, do not touch anything below this line */
+  /* ______________________________________________ */
+  const formElement = document.createElement('form');
+  const isRegexOrFunction = function isRegexOrFunction(testValue) {
+    return testValue instanceof RegExp || testValue instanceof Function;
+  };
+  /**
+   * _parseConfig
+   *
+   * @param cfg optional config literal
+   */
+  // eslint-disable-next-line complexity
+  const _parseConfig = function _parseConfig() {
+    let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (CONFIG && CONFIG === cfg) {
+      return;
+    }
+    /* Shield configuration object from tampering */
+    if (!cfg || typeof cfg !== 'object') {
+      cfg = {};
+    }
+    /* Shield configuration object from prototype pollution */
+    cfg = clone(cfg);
+    PARSER_MEDIA_TYPE =
+    // eslint-disable-next-line unicorn/prefer-includes
+    SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
+    // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+    transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
+    /* Set configuration parameters */
+    ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+    ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+    ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+    URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
+    DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
+    FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+    FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
+    FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
+    USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;
+    ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+    ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+    ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+    ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
+    SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+    SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true
+    WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+    RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+    RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+    RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+    FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+    SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+    SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
+    KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+    IN_PLACE = cfg.IN_PLACE || false; // Default false
+    IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+    NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+    MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
+    HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
+    CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+      CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+    }
+    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+      CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+    }
+    if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
+      CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+    }
+    if (SAFE_FOR_TEMPLATES) {
+      ALLOW_DATA_ATTR = false;
+    }
+    if (RETURN_DOM_FRAGMENT) {
+      RETURN_DOM = true;
+    }
+    /* Parse profile info */
+    if (USE_PROFILES) {
+      ALLOWED_TAGS = addToSet({}, text);
+      ALLOWED_ATTR = [];
+      if (USE_PROFILES.html === true) {
+        addToSet(ALLOWED_TAGS, html$1);
+        addToSet(ALLOWED_ATTR, html);
+      }
+      if (USE_PROFILES.svg === true) {
+        addToSet(ALLOWED_TAGS, svg$1);
+        addToSet(ALLOWED_ATTR, svg);
+        addToSet(ALLOWED_ATTR, xml);
+      }
+      if (USE_PROFILES.svgFilters === true) {
+        addToSet(ALLOWED_TAGS, svgFilters);
+        addToSet(ALLOWED_ATTR, svg);
+        addToSet(ALLOWED_ATTR, xml);
+      }
+      if (USE_PROFILES.mathMl === true) {
+        addToSet(ALLOWED_TAGS, mathMl$1);
+        addToSet(ALLOWED_ATTR, mathMl);
+        addToSet(ALLOWED_ATTR, xml);
+      }
+    }
+    /* Merge configuration parameters */
+    if (cfg.ADD_TAGS) {
+      if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+        ALLOWED_TAGS = clone(ALLOWED_TAGS);
+      }
+      addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+    }
+    if (cfg.ADD_ATTR) {
+      if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+        ALLOWED_ATTR = clone(ALLOWED_ATTR);
+      }
+      addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+    }
+    if (cfg.ADD_URI_SAFE_ATTR) {
+      addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+    }
+    if (cfg.FORBID_CONTENTS) {
+      if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+        FORBID_CONTENTS = clone(FORBID_CONTENTS);
+      }
+      addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+    }
+    /* Add #text in case KEEP_CONTENT is set to true */
+    if (KEEP_CONTENT) {
+      ALLOWED_TAGS['#text'] = true;
+    }
+    /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+    if (WHOLE_DOCUMENT) {
+      addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+    }
+    /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+    if (ALLOWED_TAGS.table) {
+      addToSet(ALLOWED_TAGS, ['tbody']);
+      delete FORBID_TAGS.tbody;
+    }
+    if (cfg.TRUSTED_TYPES_POLICY) {
+      if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
+        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+      }
+      if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
+        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+      }
+      // Overwrite existing TrustedTypes policy.
+      trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
+      // Sign local variables required by `sanitize`.
+      emptyHTML = trustedTypesPolicy.createHTML('');
+    } else {
+      // Uninitialized policy, attempt to initialize the internal dompurify policy.
+      if (trustedTypesPolicy === undefined) {
+        trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+      }
+      // If creating the internal policy succeeded sign internal variables.
+      if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
+        emptyHTML = trustedTypesPolicy.createHTML('');
+      }
+    }
+    // Prevent further manipulation of configuration.
+    // Not available in IE8, Safari 5, etc.
+    if (freeze) {
+      freeze(cfg);
+    }
+    CONFIG = cfg;
+  };
+  /* Keep track of all possible SVG and MathML tags
+   * so that we can perform the namespace checks
+   * correctly. */
+  const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
+  const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
+  /**
+   * @param element a DOM element whose namespace is being checked
+   * @returns Return false if the element has a
+   *  namespace that a spec-compliant parser would never
+   *  return. Return true otherwise.
+   */
+  const _checkValidNamespace = function _checkValidNamespace(element) {
+    let parent = getParentNode(element);
+    // In JSDOM, if we're inside shadow DOM, then parentNode
+    // can be null. We just simulate parent in this case.
+    if (!parent || !parent.tagName) {
+      parent = {
+        namespaceURI: NAMESPACE,
+        tagName: 'template'
+      };
+    }
+    const tagName = stringToLowerCase(element.tagName);
+    const parentTagName = stringToLowerCase(parent.tagName);
+    if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+      return false;
+    }
+    if (element.namespaceURI === SVG_NAMESPACE) {
+      // The only way to switch from HTML namespace to SVG
+      // is via <svg>. If it happens via any other tag, then
+      // it should be killed.
+      if (parent.namespaceURI === HTML_NAMESPACE) {
+        return tagName === 'svg';
+      }
+      // The only way to switch from MathML to SVG is via`
+      // svg if parent is either <annotation-xml> or MathML
+      // text integration points.
+      if (parent.namespaceURI === MATHML_NAMESPACE) {
+        return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+      }
+      // We only allow elements that are defined in SVG
+      // spec. All others are disallowed in SVG namespace.
+      return Boolean(ALL_SVG_TAGS[tagName]);
+    }
+    if (element.namespaceURI === MATHML_NAMESPACE) {
+      // The only way to switch from HTML namespace to MathML
+      // is via <math>. If it happens via any other tag, then
+      // it should be killed.
+      if (parent.namespaceURI === HTML_NAMESPACE) {
+        return tagName === 'math';
+      }
+      // The only way to switch from SVG to MathML is via
+      // <math> and HTML integration points
+      if (parent.namespaceURI === SVG_NAMESPACE) {
+        return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+      }
+      // We only allow elements that are defined in MathML
+      // spec. All others are disallowed in MathML namespace.
+      return Boolean(ALL_MATHML_TAGS[tagName]);
+    }
+    if (element.namespaceURI === HTML_NAMESPACE) {
+      // The only way to switch from SVG to HTML is via
+      // HTML integration points, and from MathML to HTML
+      // is via MathML text integration points
+      if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+        return false;
+      }
+      if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+        return false;
+      }
+      // We disallow tags that are specific for MathML
+      // or SVG and should never appear in HTML namespace
+      return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+    }
+    // For XHTML and XML documents that support custom namespaces
+    if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
+      return true;
+    }
+    // The code should never reach this place (this means
+    // that the element somehow got namespace that is not
+    // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
+    // Return false just in case.
+    return false;
+  };
+  /**
+   * _forceRemove
+   *
+   * @param node a DOM node
+   */
+  const _forceRemove = function _forceRemove(node) {
+    arrayPush(DOMPurify.removed, {
+      element: node
+    });
+    try {
+      // eslint-disable-next-line unicorn/prefer-dom-node-remove
+      getParentNode(node).removeChild(node);
+    } catch (_) {
+      remove(node);
+    }
+  };
+  /**
+   * _removeAttribute
+   *
+   * @param name an Attribute name
+   * @param element a DOM node
+   */
+  const _removeAttribute = function _removeAttribute(name, element) {
+    try {
+      arrayPush(DOMPurify.removed, {
+        attribute: element.getAttributeNode(name),
+        from: element
+      });
+    } catch (_) {
+      arrayPush(DOMPurify.removed, {
+        attribute: null,
+        from: element
+      });
+    }
+    element.removeAttribute(name);
+    // We void attribute values for unremovable "is" attributes
+    if (name === 'is') {
+      if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+        try {
+          _forceRemove(element);
+        } catch (_) {}
+      } else {
+        try {
+          element.setAttribute(name, '');
+        } catch (_) {}
+      }
+    }
+  };
+  /**
+   * _initDocument
+   *
+   * @param dirty - a string of dirty markup
+   * @return a DOM, filled with the dirty markup
+   */
+  const _initDocument = function _initDocument(dirty) {
+    /* Create a HTML document */
+    let doc = null;
+    let leadingWhitespace = null;
+    if (FORCE_BODY) {
+      dirty = '<remove></remove>' + dirty;
+    } else {
+      /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+      const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+      leadingWhitespace = matches && matches[0];
+    }
+    if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
+      // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+      dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+    }
+    const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+    /*
+     * Use the DOMParser API by default, fallback later if needs be
+     * DOMParser not work for svg when has multiple root element.
+     */
+    if (NAMESPACE === HTML_NAMESPACE) {
+      try {
+        doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+      } catch (_) {}
+    }
+    /* Use createHTMLDocument in case DOMParser is not available */
+    if (!doc || !doc.documentElement) {
+      doc = implementation.createDocument(NAMESPACE, 'template', null);
+      try {
+        doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+      } catch (_) {
+        // Syntax error if dirtyPayload is invalid xml
+      }
+    }
+    const body = doc.body || doc.documentElement;
+    if (dirty && leadingWhitespace) {
+      body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+    }
+    /* Work on whole document or just its body */
+    if (NAMESPACE === HTML_NAMESPACE) {
+      return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+    }
+    return WHOLE_DOCUMENT ? doc.documentElement : body;
+  };
+  /**
+   * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
+   *
+   * @param root The root element or node to start traversing on.
+   * @return The created NodeIterator
+   */
+  const _createNodeIterator = function _createNodeIterator(root) {
+    return createNodeIterator.call(root.ownerDocument || root, root,
+    // eslint-disable-next-line no-bitwise
+    NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
+  };
+  /**
+   * _isClobbered
+   *
+   * @param element element to check for clobbering attacks
+   * @return true if clobbered, false if safe
+   */
+  const _isClobbered = function _isClobbered(element) {
+    return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');
+  };
+  /**
+   * Checks whether the given object is a DOM node.
+   *
+   * @param value object to check whether it's a DOM node
+   * @return true is object is a DOM node
+   */
+  const _isNode = function _isNode(value) {
+    return typeof Node === 'function' && value instanceof Node;
+  };
+  function _executeHooks(hooks, currentNode, data) {
+    arrayForEach(hooks, hook => {
+      hook.call(DOMPurify, currentNode, data, CONFIG);
+    });
+  }
+  /**
+   * _sanitizeElements
+   *
+   * @protect nodeName
+   * @protect textContent
+   * @protect removeChild
+   * @param currentNode to check for permission to exist
+   * @return true if node was killed, false if left alive
+   */
+  const _sanitizeElements = function _sanitizeElements(currentNode) {
+    let content = null;
+    /* Execute a hook if present */
+    _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
+    /* Check if element is clobbered or can clobber */
+    if (_isClobbered(currentNode)) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Now let's check the element's type and name */
+    const tagName = transformCaseFunc(currentNode.nodeName);
+    /* Execute a hook if present */
+    _executeHooks(hooks.uponSanitizeElement, currentNode, {
+      tagName,
+      allowedTags: ALLOWED_TAGS
+    });
+    /* Detect mXSS attempts abusing namespace confusion */
+    if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Remove any occurrence of processing instructions */
+    if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Remove any kind of possibly harmful comments */
+    if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Remove element if anything forbids its presence */
+    if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+      /* Check if we have a custom element to handle */
+      if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+          return false;
+        }
+        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+          return false;
+        }
+      }
+      /* Keep content except for bad-listed elements */
+      if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+        const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+        const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+        if (childNodes && parentNode) {
+          const childCount = childNodes.length;
+          for (let i = childCount - 1; i >= 0; --i) {
+            const childClone = cloneNode(childNodes[i], true);
+            childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
+            parentNode.insertBefore(childClone, getNextSibling(currentNode));
+          }
+        }
+      }
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Check whether element has a valid namespace */
+    if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Make sure that older browsers don't get fallback-tag mXSS */
+    if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Sanitize element content to be template-safe */
+    if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
+      /* Get the element's text content */
+      content = currentNode.textContent;
+      arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+        content = stringReplace(content, expr, ' ');
+      });
+      if (currentNode.textContent !== content) {
+        arrayPush(DOMPurify.removed, {
+          element: currentNode.cloneNode()
+        });
+        currentNode.textContent = content;
+      }
+    }
+    /* Execute a hook if present */
+    _executeHooks(hooks.afterSanitizeElements, currentNode, null);
+    return false;
+  };
+  /**
+   * _isValidAttribute
+   *
+   * @param lcTag Lowercase tag name of containing element.
+   * @param lcName Lowercase attribute name.
+   * @param value Attribute value.
+   * @return Returns true if `value` is valid, otherwise false.
+   */
+  // eslint-disable-next-line complexity
+  const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+    /* Make sure attribute cannot clobber */
+    if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+      return false;
+    }
+    /* Allow valid data-* attributes: At least one character after "-"
+        (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+        XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+        We don't need to check the value; it's always URI safe. */
+    if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+      if (
+      // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+      // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+      // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+      _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
+      // Alternative, second condition checks if it's an `is`-attribute, AND
+      // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+      lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
+        return false;
+      }
+      /* Check value is safe. First, is attr inert? If so, is safe */
+    } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
+      return false;
+    } else ;
+    return true;
+  };
+  /**
+   * _isBasicCustomElement
+   * checks if at least one dash is included in tagName, and it's not the first char
+   * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+   *
+   * @param tagName name of the tag of the node to sanitize
+   * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
+   */
+  const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
+    return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);
+  };
+  /**
+   * _sanitizeAttributes
+   *
+   * @protect attributes
+   * @protect nodeName
+   * @protect removeAttribute
+   * @protect setAttribute
+   *
+   * @param currentNode to sanitize
+   */
+  const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+    /* Execute a hook if present */
+    _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
+    const {
+      attributes
+    } = currentNode;
+    /* Check if we have attributes; if not we might have a text node */
+    if (!attributes || _isClobbered(currentNode)) {
+      return;
+    }
+    const hookEvent = {
+      attrName: '',
+      attrValue: '',
+      keepAttr: true,
+      allowedAttributes: ALLOWED_ATTR,
+      forceKeepAttr: undefined
+    };
+    let l = attributes.length;
+    /* Go backwards over all attributes; safely remove bad ones */
+    while (l--) {
+      const attr = attributes[l];
+      const {
+        name,
+        namespaceURI,
+        value: attrValue
+      } = attr;
+      const lcName = transformCaseFunc(name);
+      let value = name === 'value' ? attrValue : stringTrim(attrValue);
+      /* Execute a hook if present */
+      hookEvent.attrName = lcName;
+      hookEvent.attrValue = value;
+      hookEvent.keepAttr = true;
+      hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+      _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
+      value = hookEvent.attrValue;
+      /* Full DOM Clobbering protection via namespace isolation,
+       * Prefix id and name attributes with `user-content-`
+       */
+      if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+        // Remove the attribute with this value
+        _removeAttribute(name, currentNode);
+        // Prefix the value and later re-create the attribute with the sanitized value
+        value = SANITIZE_NAMED_PROPS_PREFIX + value;
+      }
+      /* Work around a security issue with comments inside attributes */
+      if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+        _removeAttribute(name, currentNode);
+        continue;
+      }
+      /* Did the hooks approve of the attribute? */
+      if (hookEvent.forceKeepAttr) {
+        continue;
+      }
+      /* Remove attribute */
+      _removeAttribute(name, currentNode);
+      /* Did the hooks approve of the attribute? */
+      if (!hookEvent.keepAttr) {
+        continue;
+      }
+      /* Work around a security issue in jQuery 3.0 */
+      if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+        _removeAttribute(name, currentNode);
+        continue;
+      }
+      /* Sanitize attribute content to be template-safe */
+      if (SAFE_FOR_TEMPLATES) {
+        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+          value = stringReplace(value, expr, ' ');
+        });
+      }
+      /* Is `value` valid for this attribute? */
+      const lcTag = transformCaseFunc(currentNode.nodeName);
+      if (!_isValidAttribute(lcTag, lcName, value)) {
+        continue;
+      }
+      /* Handle attributes that require Trusted Types */
+      if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
+        if (namespaceURI) ; else {
+          switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+            case 'TrustedHTML':
+              {
+                value = trustedTypesPolicy.createHTML(value);
+                break;
+              }
+            case 'TrustedScriptURL':
+              {
+                value = trustedTypesPolicy.createScriptURL(value);
+                break;
+              }
+          }
+        }
+      }
+      /* Handle invalid data-* attribute set by try-catching it */
+      try {
+        if (namespaceURI) {
+          currentNode.setAttributeNS(namespaceURI, name, value);
+        } else {
+          /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+          currentNode.setAttribute(name, value);
+        }
+        if (_isClobbered(currentNode)) {
+          _forceRemove(currentNode);
+        } else {
+          arrayPop(DOMPurify.removed);
+        }
+      } catch (_) {}
+    }
+    /* Execute a hook if present */
+    _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
+  };
+  /**
+   * _sanitizeShadowDOM
+   *
+   * @param fragment to iterate over recursively
+   */
+  const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+    let shadowNode = null;
+    const shadowIterator = _createNodeIterator(fragment);
+    /* Execute a hook if present */
+    _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
+    while (shadowNode = shadowIterator.nextNode()) {
+      /* Execute a hook if present */
+      _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
+      /* Sanitize tags and elements */
+      _sanitizeElements(shadowNode);
+      /* Check attributes next */
+      _sanitizeAttributes(shadowNode);
+      /* Deep shadow DOM detected */
+      if (shadowNode.content instanceof DocumentFragment) {
+        _sanitizeShadowDOM(shadowNode.content);
+      }
+    }
+    /* Execute a hook if present */
+    _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
+  };
+  // eslint-disable-next-line complexity
+  DOMPurify.sanitize = function (dirty) {
+    let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let body = null;
+    let importedNode = null;
+    let currentNode = null;
+    let returnNode = null;
+    /* Make sure we have a string to sanitize.
+      DO NOT return early, as this will return the wrong type if
+      the user has requested a DOM object rather than a string */
+    IS_EMPTY_INPUT = !dirty;
+    if (IS_EMPTY_INPUT) {
+      dirty = '<!-->';
+    }
+    /* Stringify, in case dirty is an object */
+    if (typeof dirty !== 'string' && !_isNode(dirty)) {
+      if (typeof dirty.toString === 'function') {
+        dirty = dirty.toString();
+        if (typeof dirty !== 'string') {
+          throw typeErrorCreate('dirty is not a string, aborting');
+        }
+      } else {
+        throw typeErrorCreate('toString is not a function');
+      }
+    }
+    /* Return dirty HTML if DOMPurify cannot run */
+    if (!DOMPurify.isSupported) {
+      return dirty;
+    }
+    /* Assign config vars */
+    if (!SET_CONFIG) {
+      _parseConfig(cfg);
+    }
+    /* Clean up removed elements */
+    DOMPurify.removed = [];
+    /* Check if dirty is correctly typed for IN_PLACE */
+    if (typeof dirty === 'string') {
+      IN_PLACE = false;
+    }
+    if (IN_PLACE) {
+      /* Do some early pre-sanitization to avoid unsafe root nodes */
+      if (dirty.nodeName) {
+        const tagName = transformCaseFunc(dirty.nodeName);
+        if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+          throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
+        }
+      }
+    } else if (dirty instanceof Node) {
+      /* If dirty is a DOM element, append to an empty document to avoid
+         elements being stripped by the parser */
+      body = _initDocument('<!---->');
+      importedNode = body.ownerDocument.importNode(dirty, true);
+      if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {
+        /* Node is already a body, use as is */
+        body = importedNode;
+      } else if (importedNode.nodeName === 'HTML') {
+        body = importedNode;
+      } else {
+        // eslint-disable-next-line unicorn/prefer-dom-node-append
+        body.appendChild(importedNode);
+      }
+    } else {
+      /* Exit directly if we have nothing to do */
+      if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
+      // eslint-disable-next-line unicorn/prefer-includes
+      dirty.indexOf('<') === -1) {
+        return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+      }
+      /* Initialize the document to work on */
+      body = _initDocument(dirty);
+      /* Check we have a DOM node from the data */
+      if (!body) {
+        return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
+      }
+    }
+    /* Remove first element node (ours) if FORCE_BODY is set */
+    if (body && FORCE_BODY) {
+      _forceRemove(body.firstChild);
+    }
+    /* Get node iterator */
+    const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
+    /* Now start iterating over the created document */
+    while (currentNode = nodeIterator.nextNode()) {
+      /* Sanitize tags and elements */
+      _sanitizeElements(currentNode);
+      /* Check attributes next */
+      _sanitizeAttributes(currentNode);
+      /* Shadow DOM detected, sanitize it */
+      if (currentNode.content instanceof DocumentFragment) {
+        _sanitizeShadowDOM(currentNode.content);
+      }
+    }
+    /* If we sanitized `dirty` in-place, return it. */
+    if (IN_PLACE) {
+      return dirty;
+    }
+    /* Return sanitized string or DOM */
+    if (RETURN_DOM) {
+      if (RETURN_DOM_FRAGMENT) {
+        returnNode = createDocumentFragment.call(body.ownerDocument);
+        while (body.firstChild) {
+          // eslint-disable-next-line unicorn/prefer-dom-node-append
+          returnNode.appendChild(body.firstChild);
+        }
+      } else {
+        returnNode = body;
+      }
+      if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+        /*
+          AdoptNode() is not used because internal state is not reset
+          (e.g. the past names map of a HTMLFormElement), this is safe
+          in theory but we would rather not risk another attack vector.
+          The state that is cloned by importNode() is explicitly defined
+          by the specs.
+        */
+        returnNode = importNode.call(originalDocument, returnNode, true);
+      }
+      return returnNode;
+    }
+    let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+    /* Serialize doctype if allowed */
+    if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+      serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
+    }
+    /* Sanitize final string template-safe */
+    if (SAFE_FOR_TEMPLATES) {
+      arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+        serializedHTML = stringReplace(serializedHTML, expr, ' ');
+      });
+    }
+    return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+  };
+  DOMPurify.setConfig = function () {
+    let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _parseConfig(cfg);
+    SET_CONFIG = true;
+  };
+  DOMPurify.clearConfig = function () {
+    CONFIG = null;
+    SET_CONFIG = false;
+  };
+  DOMPurify.isValidAttribute = function (tag, attr, value) {
+    /* Initialize shared config vars if necessary. */
+    if (!CONFIG) {
+      _parseConfig({});
+    }
+    const lcTag = transformCaseFunc(tag);
+    const lcName = transformCaseFunc(attr);
+    return _isValidAttribute(lcTag, lcName, value);
+  };
+  DOMPurify.addHook = function (entryPoint, hookFunction) {
+    if (typeof hookFunction !== 'function') {
+      return;
+    }
+    arrayPush(hooks[entryPoint], hookFunction);
+  };
+  DOMPurify.removeHook = function (entryPoint) {
+    return arrayPop(hooks[entryPoint]);
+  };
+  DOMPurify.removeHooks = function (entryPoint) {
+    hooks[entryPoint] = [];
+  };
+  DOMPurify.removeAllHooks = function () {
+    hooks = _createHooksMap();
+  };
+  return DOMPurify;
+}
+var purify = createDOMPurify();
 
 const noop$1 = () => { };
 
@@ -6525,7 +6168,7 @@ const getArrowStyle = (position, x, arrowWidth, tooltipHeight, tooltipWidth) =>
 };
 const HTMLTip = ({ text }) => {
     return React__default.createElement('div', {
-        dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(text) },
+        dangerouslySetInnerHTML: { __html: purify.sanitize(text) },
     });
 };
 /** Tooltips can cause SystemTests to be flaky, so we suppress them in Playwright and Protractor */
@@ -11930,7 +11573,7 @@ var colors = {
   neutral80: 'hsl(0, 0%, 20%)',
   neutral90: 'hsl(0, 0%, 10%)'
 };
-var borderRadius = 4;
+var borderRadius$1 = 4;
 // Used to calculate consistent margin/padding on elements
 var baseUnit = 4;
 // The minimum height of the control
@@ -11943,7 +11586,7 @@ var spacing = {
   menuGutter: menuGutter
 };
 var defaultTheme = {
-  borderRadius: borderRadius,
+  borderRadius: borderRadius$1,
   colors: colors,
   spacing: spacing
 };
@@ -13676,8 +13319,8 @@ var CreatableSelect$1 = CreatableSelect;
 
 const baseClasses$2 = ['focus:tw-ring-0', 'disabled:tw-cursor-not-allowed'].join(' ');
 const containerStyles = ['tw-bg-white', 'dark:tw-bg-sq-dark-background'].join(' ');
-const errorClasses$1 = 'tw-border-sq-danger-color';
-const borderColorClasses$1 = ['tw-border-sq-disabled-gray', 'dark:tw-border-sq-dark-disabled-gray'].join(' ');
+const errorClasses$2 = 'tw-border-sq-danger-color';
+const borderColorClasses$2 = ['tw-border-sq-disabled-gray', 'dark:tw-border-sq-dark-disabled-gray'].join(' ');
 const borderStyles$3 = [
     'tw-border-solid',
     'tw-border',
@@ -13815,7 +13458,7 @@ const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no
                 else if (inputGroup === 'right') {
                     border = menuIsOpen ? 'tw-rounded-tr-sm' : 'tw-rounded-r-sm';
                 }
-                const appliedClasses = `${borderStyles$3} ${border}  ${showError ? errorClasses$1 : borderColorClasses$1} ${small ? 'reactSelectMinHeightSmall' : 'reactSelectMinHeight'} `;
+                const appliedClasses = `${borderStyles$3} ${border}  ${showError ? errorClasses$2 : borderColorClasses$2} ${small ? 'reactSelectMinHeightSmall' : 'reactSelectMinHeight'} `;
                 return `${appliedClasses} ${baseClasses$2} specSelectControl ${isDisabled ? disabledClasses$3 : ''} ${small ? 'tw-pl-2 tw-pr-1' : 'tw-pl-2.5 tw-pr-1.5'}`;
             },
             placeholder: () => placeholderStyles,
@@ -16188,22 +15831,22 @@ const ButtonWithDropdown = ({ dropdownItems, triggerIcon, id, extraClassNames, c
 
 const baseClasses$1 = 'tw-mx-auto tw-p-4 tw-leading-normal tw-outline-none tw-py-2 tw-px-3 tw-rounded-sm tw-w-full' +
     ' tw-border-solid tw-border tw-text-sm tw-flex tw-flex-col tw-justify-center tw-items-center';
-const darkTheme = 'dark:tw-bg-sq-colored-hover-dark dark:tw-text-sq-dark-text';
-const lightTheme = 'tw-text-sq-text-color tw-bg-sq-colored-hover';
-const errorClasses = 'tw-border-sq-danger-color';
-const borderColorClasses = 'tw-border-sq-color-dark';
+const darkTheme$1 = 'dark:tw-bg-sq-colored-hover-dark dark:tw-text-sq-dark-text';
+const lightTheme$1 = 'tw-text-sq-text-color tw-bg-sq-colored-hover';
+const errorClasses$1 = 'tw-border-sq-danger-color';
+const borderColorClasses$1 = 'tw-border-sq-color-dark';
 /**
  * Alert.
  */
 const Alert = ({ children, dismissible = true, onClose, show = true, variant, testId, id, extraClassNames, }) => {
     const appliedTheme = {
-        theme: `${lightTheme} ${darkTheme}`,
+        theme: `${lightTheme$1} ${darkTheme$1}`,
         danger: 'tw-text-sq-text-color tw-bg-sq-danger-color',
         warning: 'tw-bg-sq-bg-warning-color tw-text-sq-text-color',
     };
     const appliedBorderTheme = {
-        theme: borderColorClasses,
-        danger: errorClasses,
+        theme: borderColorClasses$1,
+        danger: errorClasses$1,
         warning: 'tw-border-none',
     };
     const appliedClasses = `${baseClasses$1} ${appliedTheme[variant]} ${extraClassNames} ${appliedBorderTheme[variant]}`;
@@ -16280,25 +15923,329 @@ const SeeqActionDropdown = ({ seeqActionDropdownItems, trigger, id, extraClassNa
 };
 
 const baseClasses = 'tw-flex tw-outline-none tw-rounded-sm tw-w-full tw-relative tw-flex-wrap tw-items-stretch';
+const errorClasses = 'tw-border-sq-danger-color';
+const borderColorClasses = [
+    'tw-border-sq-disabled-gray',
+    'dark:tw-border-sq-dark-disabled-gray',
+    'dark:focus:tw-border-sq-color-dark-dark',
+    'dark:active:tw-border-sq-color-dark-dark',
+    'focus:tw-border-sq-color-dark',
+    'active:tw-border-sq-color-dark',
+].join(' ');
+let borderRadius = 'tw-rounded-sm tw-rounded-r-none';
+const fieldClasses = 'tw-leading-normal tw-outline-none tw-py-1 tw-px-3' + 'tw-p-1 tw-border-solid tw-border';
+const darkTheme = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text disabled:dark:tw-text-sq-dark-text-lighter';
+const lightTheme = 'tw-text-sq-text-color disabled:tw-text-sq-darkish-gray';
 /**
  * InputGroup.
  */
-const InputGroup = ({ readonly = false, onChange, onKeyUp, onFocus, onBlur, onKeyDown, onClick, name, value, placeholder, append = [], extraClassNames = '', id, testId, showError, required, autoComplete, autoFocus, disabled, type, step, min, max, ...tooltipProps }) => {
+const InputGroup = ({ readonly = false, onChange, onKeyUp, onFocus, onBlur, onKeyDown, name, value, placeholder, append = [], extraClassNames = '', id, testId, showError, required, autoComplete, autoFocus, disabled, type, step, min, max, field, ...tooltipProps }) => {
     const tooltipData = getQTipData(tooltipProps);
     const appliedClasses = `${baseClasses} ${extraClassNames}`;
-    const borderColorClasses = [
-        'tw-border-sq-disabled-gray',
-        'dark:tw-border-sq-dark-disabled-gray',
-        'dark:focus:tw-border-sq-color-dark-dark',
-        'dark:active:tw-border-sq-color-dark-dark',
-        'focus:tw-border-sq-color-dark',
-        'active:tw-border-sq-color-dark',
-    ].join(' ');
-    const textfield = (React__default.createElement(TextField, { readonly: onClick ? true : readonly, onChange: onChange, onKeyUp: onKeyUp, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, name: name, showError: showError, value: value, required: required, placeholder: placeholder, autoComplete: autoComplete, autoFocus: autoFocus, id: id, type: type, disabled: disabled, step: step, min: min, max: max, extraClassNames: `tw-flex tw-flex-1 tw-rounded-r-none focus:tw-z-30 ${onClick ? 'tw-cursor-pointer' : ''} ${extraClassNames}`, ...tooltipData }));
+    const fieldAppliedClasses = `${fieldClasses} ${extraClassNames} ${lightTheme} ${darkTheme} ${borderRadius} ${showError ? errorClasses : borderColorClasses} `;
     return (React__default.createElement("div", { id: id, "data-testid": testId, className: appliedClasses },
-        onClick ? (React__default.createElement("div", { onClick: onClick, className: "tw-flex tw-flex-1 tw-cursor-pointer" }, textfield)) : (textfield),
-        append.filter(Boolean).map((item, index) => item.variant === 'button' ? (React__default.createElement(Button, { key: index, extraClassNames: "tw-ml-[-1px] focus:tw-z-40 focus:tw-border tw-rounded-l-none tw-rounded-r-none last:tw-rounded-r-sm", onClick: item.buttonProps.onClick, variant: item.buttonProps.variant, icon: item.buttonProps.icon, iconColor: item.buttonProps.iconColor, testId: item.buttonProps.testId, disabled: item.buttonProps.disabled, label: item.buttonProps.label, iconStyle: item.buttonProps.iconStyle })) : (React__default.createElement("div", { key: index, className: `${borderColorClasses} tw-flex tw-items-center tw-h-inputs tw-justify-center tw-rounded-none tw-ml-[-1px] focus:tw-z-40 focus:tw-border last:tw-border last:tw-rounded-r-sm` }, item.element)))));
+        field ? (React__default.createElement("div", { className: `tw-flex tw-flex-1 tw-cursor-pointer active:tw-z-50 ${fieldAppliedClasses}` }, field)) : (React__default.createElement(TextField, { readonly: readonly, onChange: onChange, onKeyUp: onKeyUp, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, name: name, showError: showError, value: value, required: required, placeholder: placeholder, autoComplete: autoComplete, autoFocus: autoFocus, id: id, type: type, disabled: disabled, step: step, min: min, max: max, extraClassNames: `tw-flex tw-flex-1 tw-rounded-r-none focus:tw-z-30 ${extraClassNames}`, ...tooltipData })),
+        append.filter(Boolean).map((item, index) => item.variant === 'button' ? (React__default.createElement(Button, { key: index, extraClassNames: "tw-ml-[-1px] focus:tw-z-40 focus:tw-border tw-rounded-l-none tw-rounded-r-none last:tw-rounded-r-sm", onClick: item.buttonProps.onClick, variant: item.buttonProps.variant, icon: item.buttonProps.icon, iconColor: item.buttonProps.iconColor, testId: item.buttonProps.testId, disabled: item.buttonProps.disabled, label: item.buttonProps.label, iconStyle: item.buttonProps.iconStyle })) : (React__default.createElement("div", { key: index, className: `${borderColorClasses} tw-flex tw-items-center tw-justify-center tw-rounded-none tw-ml-[-1px] active:tw-z-30 active:tw-border tw-border last:tw-rounded-r-sm` }, item.element)))));
+};
+
+// packages/react/context/src/createContext.tsx
+function createContextScope(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext3(rootComponentName, defaultContext) {
+    const BaseContext = React.createContext(defaultContext);
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    const Provider = (props) => {
+      const { scope, children, ...context } = props;
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const value = React.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsx$1(Context.Provider, { value, children });
+    };
+    Provider.displayName = rootComponentName + "Provider";
+    function useContext2(consumerName, scope) {
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const context = React.useContext(Context);
+      if (context) return context;
+      if (defaultContext !== void 0) return defaultContext;
+      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    }
+    return [Provider, useContext2];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React.useMemo(
+        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
+        [scope, contexts]
+      );
+    };
+  };
+  createScope.scopeName = scopeName;
+  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1) return baseScope;
+  const createScope = () => {
+    const scopeHooks = scopes.map((createScope2) => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return function useComposedScopes(overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+        const scopeProps = useScope(overrideScopes);
+        const currentScope = scopeProps[`__scope${scopeName}`];
+        return { ...nextScopes2, ...currentScope };
+      }, {});
+      return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+    };
+  };
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
+
+// packages/react/compose-refs/src/composeRefs.tsx
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+
+// packages/react/slot/src/Slot.tsx
+var Slot = React.forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  const childrenArray = React.Children.toArray(children);
+  const slottable = childrenArray.find(isSlottable);
+  if (slottable) {
+    const newElement = slottable.props.children;
+    const newChildren = childrenArray.map((child) => {
+      if (child === slottable) {
+        if (React.Children.count(newElement) > 1) return React.Children.only(null);
+        return React.isValidElement(newElement) ? newElement.props.children : null;
+      } else {
+        return child;
+      }
+    });
+    return /* @__PURE__ */ jsx$1(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
+  }
+  return /* @__PURE__ */ jsx$1(SlotClone, { ...slotProps, ref: forwardedRef, children });
+});
+Slot.displayName = "Slot";
+var SlotClone = React.forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  if (React.isValidElement(children)) {
+    const childrenRef = getElementRef(children);
+    return React.cloneElement(children, {
+      ...mergeProps(slotProps, children.props),
+      // @ts-ignore
+      ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef
+    });
+  }
+  return React.Children.count(children) > 1 ? React.Children.only(null) : null;
+});
+SlotClone.displayName = "SlotClone";
+var Slottable = ({ children }) => {
+  return /* @__PURE__ */ jsx$1(Fragment$1, { children });
+};
+function isSlottable(child) {
+  return React.isValidElement(child) && child.type === Slottable;
+}
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          childPropValue(...args);
+          slotPropValue(...args);
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+function getElementRef(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+
+// packages/react/primitive/src/Primitive.tsx
+var NODES = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive = NODES.reduce((primitive, node) => {
+  const Node = React.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsx$1(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+
+var PROGRESS_NAME = "Progress";
+var DEFAULT_MAX = 100;
+var [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
+var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+var Progress = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeProgress,
+      value: valueProp = null,
+      max: maxProp,
+      getValueLabel = defaultGetValueLabel,
+      ...progressProps
+    } = props;
+    if ((maxProp || maxProp === 0) && !isValidMaxNumber(maxProp)) {
+      console.error(getInvalidMaxError(`${maxProp}`, "Progress"));
+    }
+    const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+    if (valueProp !== null && !isValidValueNumber(valueProp, max)) {
+      console.error(getInvalidValueError(`${valueProp}`, "Progress"));
+    }
+    const value = isValidValueNumber(valueProp, max) ? valueProp : null;
+    const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+    return /* @__PURE__ */ jsx$1(ProgressProvider, { scope: __scopeProgress, value, max, children: /* @__PURE__ */ jsx$1(
+      Primitive.div,
+      {
+        "aria-valuemax": max,
+        "aria-valuemin": 0,
+        "aria-valuenow": isNumber(value) ? value : void 0,
+        "aria-valuetext": valueLabel,
+        role: "progressbar",
+        "data-state": getProgressState(value, max),
+        "data-value": value ?? void 0,
+        "data-max": max,
+        ...progressProps,
+        ref: forwardedRef
+      }
+    ) });
+  }
+);
+Progress.displayName = PROGRESS_NAME;
+var INDICATOR_NAME = "ProgressIndicator";
+var ProgressIndicator = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeProgress, ...indicatorProps } = props;
+    const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+    return /* @__PURE__ */ jsx$1(
+      Primitive.div,
+      {
+        "data-state": getProgressState(context.value, context.max),
+        "data-value": context.value ?? void 0,
+        "data-max": context.max,
+        ...indicatorProps,
+        ref: forwardedRef
+      }
+    );
+  }
+);
+ProgressIndicator.displayName = INDICATOR_NAME;
+function defaultGetValueLabel(value, max) {
+  return `${Math.round(value / max * 100)}%`;
+}
+function getProgressState(value, maxValue) {
+  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+}
+function isNumber(value) {
+  return typeof value === "number";
+}
+function isValidMaxNumber(max) {
+  return isNumber(max) && !isNaN(max) && max > 0;
+}
+function isValidValueNumber(value, max) {
+  return isNumber(value) && !isNaN(value) && value <= max && value >= 0;
+}
+function getInvalidMaxError(propValue, componentName) {
+  return `Invalid prop \`max\` of value \`${propValue}\` supplied to \`${componentName}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_MAX}\`.`;
+}
+function getInvalidValueError(propValue, componentName) {
+  return `Invalid prop \`value\` of value \`${propValue}\` supplied to \`${componentName}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${DEFAULT_MAX} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+}
+var Root = Progress;
+var Indicator = ProgressIndicator;
+
+const ProgressBar = ({ value, max = 100, label, extraClasses }) => {
+    const tooltipData = getQTipData({ tooltip: label });
+    const [progress, setProgress] = React__default.useState(0);
+    React__default.useEffect(() => {
+        const timer = setTimeout(() => setProgress(value), 500);
+        return () => clearTimeout(timer);
+    }, []);
+    return (React__default.createElement("span", { ...tooltipData },
+        React__default.createElement(Root, { className: "tw-relative tw-h-[18px] tw-w-full tw-overflow-hidden tw-rounded-[2.5px] tw-bg-sq-dark-gray dark:tw-bg-sq-dark-disabled-gray", max: max, value: value },
+            React__default.createElement(Indicator, { className: `tw-ease-[cubic-bezier(0.65, 0, 0.35, 1)] tw-h-full tw-bg-sq-color-dark tw-transition-transform tw-duration-[660ms] ${extraClasses}`, style: { transform: `translateX(-${100 - progress}%)` } }))));
 };
 
-export { Accordion, Alert, Button, ButtonWithDropdown, ButtonWithPopover, Checkbox, Icon, InputGroup, Modal, QTip, SeeqActionDropdown, Select, components as SelectCompoents, Tabs, TextArea, TextField, ToolbarButton, Tooltip };
+export { Accordion, Alert, Button, ButtonWithDropdown, ButtonWithPopover, Checkbox, Icon, InputGroup, Modal, ProgressBar, QTip, SeeqActionDropdown, Select, components as SelectCompoents, Tabs, TextArea, TextField, ToolbarButton, Tooltip };
 //# sourceMappingURL=index.esm.js.map