{"version":3,"file":"js/191.js","mappings":"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","sources":["webpack://nocodenodeweb/./node_modules/@emotion/react/dist/emotion-react.browser.esm.js","webpack://nocodenodeweb/./node_modules/@paypalcorp/pp-react-loading-spinner/dist/@paypalcorp/pp-react-loading-spinner.esm.js","webpack://nocodenodeweb/./node_modules/@paypalcorp/pp-react-utils/dist/@paypalcorp/pp-react-utils.esm.js","webpack://nocodenodeweb/./node_modules/react-dom/index.js","webpack://nocodenodeweb/./node_modules/react/index.js"],"sourcesContent":["import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isDevelopment } from './emotion-element-5486c51c.browser.esm.js';\nexport { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-5486c51c.browser.esm.js';\nimport * as React from 'react';\nimport { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';\nimport { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\nimport { serializeStyles } from '@emotion/serialize';\nimport '@emotion/cache';\nimport '@babel/runtime/helpers/extends';\nimport '@emotion/weak-memoize';\nimport '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport 'hoist-non-react-statics';\n\nvar jsx\n/*: typeof React.createElement */\n= function jsx\n/*: typeof React.createElement */\n(type\n/*: React.ElementType */\n, props\n/*: Object */\n) {\n  var args = arguments;\n\n  if (props == null || !hasOwn.call(props, 'css')) {\n    return React.createElement.apply(undefined, args);\n  }\n\n  var argsLength = args.length;\n  var createElementArgArray = new Array(argsLength);\n  createElementArgArray[0] = Emotion;\n  createElementArgArray[1] = createEmotionProps(type, props);\n\n  for (var i = 2; i < argsLength; i++) {\n    createElementArgArray[i] = args[i];\n  }\n\n  return React.createElement.apply(null, createElementArgArray);\n};\n\n// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild\n// initial client-side render from SSR, use place of hydrating tag\n\nvar Global\n/*: React.AbstractComponent<\nGlobalProps\n> */\n= /* #__PURE__ */withEmotionCache(function (props\n/*: GlobalProps */\n, cache) {\n\n  var styles = props.styles;\n  var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));\n  // but it is based on a constant that will never change at runtime\n  // it's effectively like having two implementations and switching them out\n  // so it's not actually breaking anything\n\n\n  var sheetRef = React.useRef();\n  useInsertionEffectWithLayoutFallback(function () {\n    var key = cache.key + \"-global\"; // use case of https://github.com/emotion-js/emotion/issues/2675\n\n    var sheet = new cache.sheet.constructor({\n      key: key,\n      nonce: cache.sheet.nonce,\n      container: cache.sheet.container,\n      speedy: cache.sheet.isSpeedy\n    });\n    var rehydrating = false;\n    var node\n    /*: HTMLStyleElement | null*/\n    = document.querySelector(\"style[data-emotion=\\\"\" + key + \" \" + serialized.name + \"\\\"]\");\n\n    if (cache.sheet.tags.length) {\n      sheet.before = cache.sheet.tags[0];\n    }\n\n    if (node !== null) {\n      rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s\n\n      node.setAttribute('data-emotion', key);\n      sheet.hydrate([node]);\n    }\n\n    sheetRef.current = [sheet, rehydrating];\n    return function () {\n      sheet.flush();\n    };\n  }, [cache]);\n  useInsertionEffectWithLayoutFallback(function () {\n    var sheetRefCurrent = sheetRef.current;\n    var sheet = sheetRefCurrent[0],\n        rehydrating = sheetRefCurrent[1];\n\n    if (rehydrating) {\n      sheetRefCurrent[1] = false;\n      return;\n    }\n\n    if (serialized.next !== undefined) {\n      // insert keyframes\n      insertStyles(cache, serialized.next, true);\n    }\n\n    if (sheet.tags.length) {\n      // if this doesn't exist then it will be null so the style element will be appended\n      var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;\n      sheet.before = element;\n      sheet.flush();\n    }\n\n    cache.insert(\"\", serialized, sheet, false);\n  }, [cache, serialized.name]);\n  return null;\n});\n\n/* import type { Interpolation, SerializedStyles } from '@emotion/utils' */\n\nfunction css()\n/*: SerializedStyles */\n{\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  return serializeStyles(args);\n}\n\n/*\ntype Keyframes = {|\n  name: string,\n  styles: string,\n  anim: 1,\n  toString: () => string\n|} & string\n*/\n\nvar keyframes = function\n  /*: Keyframes */\nkeyframes() {\n  var insertable = css.apply(void 0, arguments);\n  var name = \"animation-\" + insertable.name;\n  return {\n    name: name,\n    styles: \"@keyframes \" + name + \"{\" + insertable.styles + \"}\",\n    anim: 1,\n    toString: function toString() {\n      return \"_EMO_\" + this.name + \"_\" + this.styles + \"_EMO_\";\n    }\n  };\n};\n\n/*\ntype ClassNameArg =\n  | string\n  | boolean\n  | { [key: string]: boolean }\n  | Array<ClassNameArg>\n  | null\n  | void\n*/\n\nvar classnames = function\n  /*: string */\nclassnames(args\n/*: Array<ClassNameArg> */\n) {\n  var len = args.length;\n  var i = 0;\n  var cls = '';\n\n  for (; i < len; i++) {\n    var arg = args[i];\n    if (arg == null) continue;\n    var toAdd = void 0;\n\n    switch (typeof arg) {\n      case 'boolean':\n        break;\n\n      case 'object':\n        {\n          if (Array.isArray(arg)) {\n            toAdd = classnames(arg);\n          } else {\n\n            toAdd = '';\n\n            for (var k in arg) {\n              if (arg[k] && k) {\n                toAdd && (toAdd += ' ');\n                toAdd += k;\n              }\n            }\n          }\n\n          break;\n        }\n\n      default:\n        {\n          toAdd = arg;\n        }\n    }\n\n    if (toAdd) {\n      cls && (cls += ' ');\n      cls += toAdd;\n    }\n  }\n\n  return cls;\n};\n\nfunction merge(registered\n/*: Object */\n, css\n/*: (...args: Array<any>) => string */\n, className\n/*: string */\n) {\n  var registeredStyles = [];\n  var rawClassName = getRegisteredStyles(registered, registeredStyles, className);\n\n  if (registeredStyles.length < 2) {\n    return className;\n  }\n\n  return rawClassName + css(registeredStyles);\n}\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serializedArr = _ref.serializedArr;\n  useInsertionEffectAlwaysWithSyncFallback(function () {\n\n    for (var i = 0; i < serializedArr.length; i++) {\n      insertStyles(cache, serializedArr[i], false);\n    }\n  });\n\n  return null;\n};\n/*\ntype Props = {\n  children: ({\n    css: (...args: any) => string,\n    cx: (...args: Array<ClassNameArg>) => string,\n    theme: Object\n  }) => React.Node\n} */\n\n\nvar ClassNames\n/*: React.AbstractComponent<Props>*/\n= /* #__PURE__ */withEmotionCache(function (props, cache) {\n  var hasRendered = false;\n  var serializedArr = [];\n\n  var css = function css() {\n    if (hasRendered && isDevelopment) {\n      throw new Error('css can only be used during render');\n    }\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    var serialized = serializeStyles(args, cache.registered);\n    serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`\n\n    registerStyles(cache, serialized, false);\n    return cache.key + \"-\" + serialized.name;\n  };\n\n  var cx = function cx() {\n    if (hasRendered && isDevelopment) {\n      throw new Error('cx can only be used during render');\n    }\n\n    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      args[_key2] = arguments[_key2];\n    }\n\n    return merge(cache.registered, css, classnames(args));\n  };\n\n  var content = {\n    css: css,\n    cx: cx,\n    theme: React.useContext(ThemeContext)\n  };\n  var ele = props.children(content);\n  hasRendered = true;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {\n    cache: cache,\n    serializedArr: serializedArr\n  }), ele);\n});\n\nexport { ClassNames, Global, jsx as createElement, css, jsx, keyframes };\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport React from 'react';\nimport { screenReaderStyles } from '@paypalcorp/pp-react-screen-reader';\nimport { cx } from '@paypalcorp/pp-react-utils';\nimport * as styles from './styles.css';\nexport { styles as loadingSpinnerStyles };\n\nvar _excluded = [\"as\", \"className\", \"inverse\", \"size\", \"screenReaderText\"];\nvar SIZE_DEFAULT = 'sm';\nvar LoadingSpinner = function (_ref) {\n  var _ref$as = _ref.as,\n    as = _ref$as === void 0 ? 'p' : _ref$as,\n    className = _ref.className,\n    inverse = _ref.inverse,\n    _ref$size = _ref.size,\n    size = _ref$size === void 0 ? SIZE_DEFAULT : _ref$size,\n    screenReaderText = _ref.screenReaderText,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var sizesStyleMap = {\n    xs: styles.sizeXs,\n    sm: styles.sizeSm,\n    md: styles.sizeMd,\n    lg: styles.sizeLg,\n    xl: styles.sizeXl\n  };\n  if (!Object.keys(sizesStyleMap).includes(size)) {\n    size = SIZE_DEFAULT;\n  }\n  var classNames = cx(styles.base, inverse && styles.inverse, sizesStyleMap[size], className);\n  return /*#__PURE__*/React.createElement(as, _extends({\n    className: classNames,\n    \"data-ppui-info\": \"loading-spinner_4.1.0__8.9.0\"\n  }, rest, {\n    role: \"alert\"\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    className: screenReaderStyles.screenReader,\n    \"data-ppui\": \"true\"\n  }, screenReaderText));\n};\n\nexport { LoadingSpinner };\n","import * as styles from './styles.css';\nexport { styles as utilStyles };\nimport * as focusStyles_css from './focusStyles.css';\nexport { focusStyles_css as focusStyles };\nimport * as caretStyles_css from './caretStyles.css';\nexport { caretStyles_css as caretStyles };\nimport { contextColors } from './cssVariables.css';\nexport { contextColors } from './cssVariables.css';\nimport _defineProperty from '@babel/runtime/helpers/esm/defineProperty';\nimport { tokens } from '@paypalcorp/pp-react-theme';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport React from 'react';\nimport _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';\nimport _createClass from '@babel/runtime/helpers/esm/createClass';\nimport _typeof from '@babel/runtime/helpers/esm/typeof';\n\n/**\n * Check whether window object is present or not.\n * @returns boolean\n */\nvar hasWindow = function () {\n  return typeof window !== 'undefined';\n};\n\n/**\n * Check whether navigator object is present or not.\n * @returns boolean\n */\n/* istanbul ignore next */\nvar hasNavigator = function () {\n  return typeof navigator !== 'undefined';\n};\n\n/**\n * Check whether document object is present or not.\n * @returns boolean\n */\n/* istanbul ignore next */\nvar hasDocument = function () {\n  return typeof document !== 'undefined';\n};\n\n/**\n * Check whether the browser is running in a touch device or not.\n * @returns boolean\n */\n/* istanbul ignore next */\nvar isTouchDevice = function () {\n  var _navigator$maxTouchPo;\n  if (hasWindow() && 'ontouchstart' in window) {\n    return true;\n  }\n  return !!(hasNavigator() && ( //@ts-ignore\n  (_navigator$maxTouchPo = navigator.maxTouchPoints) !== null && _navigator$maxTouchPo !== void 0 ? _navigator$maxTouchPo : navigator.msMaxTouchPoints));\n};\n\n/**\n * Check whether the names passed as param is the active element or not.\n * @param elementName Names of the active element. For example `INPUT`, `TEXTAREA`, etc.\n * @returns boolean\n */\n/* istanbul ignore next */\nvar isActiveElementIn = function (elementNames) {\n  if (!hasDocument()) {\n    return false;\n  }\n  var activeElement = document.activeElement;\n  return activeElement && elementNames.includes(activeElement.tagName);\n};\n\n/**\n * Check whether the browser document's direction attribute is `rtl` or not.\n * @returns boolean\n */\n/* istanbul ignore next */\nvar isDocumentRTL = function () {\n  return hasWindow() ? getComputedStyle(document.body).direction === 'rtl' : false;\n};\n\nvar capitalize = function (word) {\n  return word && word !== '' ? word[0].toUpperCase() + word.slice(1) : word;\n};\nvar curry = function (func, firstParam) {\n  return function () {\n    for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {\n      params[_key] = arguments[_key];\n    }\n    return func.apply(void 0, [firstParam].concat(params));\n  };\n};\nvar getPrefixedAttribute = function (prefix, name, object, fallback) {\n  var _ref, _object$name;\n  return (_ref = (_object$name = object[name]) !== null && _object$name !== void 0 ? _object$name : object[\"\".concat(prefix).concat(name)]) !== null && _ref !== void 0 ? _ref : typeof fallback === 'function' ? fallback(prefix, name, object) : fallback;\n};\nvar VARIABLE_PATTERN = /\\${(\\w+)}/g;\nvar tokenTemplate = function (template, tokenMap) {\n  return template.replace(VARIABLE_PATTERN, function (_match, name) {\n    var _tokenMap$name;\n    return (_tokenMap$name = tokenMap[name]) !== null && _tokenMap$name !== void 0 ? _tokenMap$name : \"${\".concat(name, \"}\");\n  });\n};\n\nvar PREFIX_COLOR = 'sysColor';\nvar getColor = curry(getPrefixedAttribute, PREFIX_COLOR);\nvar getColorFamily = function (name) {\n  return tokens.color[name];\n};\nvar standardFamily = {\n  fore: 'contrast',\n  back: 'main',\n  hover: 'mainHover',\n  active: 'mainActive'\n};\n\n/*\n * Instead of crazy \"ifs\" and conditionals to get around the unfortunate\n * inconsistencies in how we named the tokens, let's just map the exceptions.\n * This gives us better control.\n *\n * Most of the entries are consistent so they get the 'standardFamily'\n *\n * familyName is assumed to be the same as the key we used to index each\n * item. Some of these families aren't named directly after the token\n * or are variants of a token that's used in other ways. So we allow\n * the family name to differ from its index. (see primary and primaryInverse)\n * A \"standardFamily\" omits the family name.\n */\nvar colorFamilyVariations = {\n  main: {\n    familyName: 'background',\n    fore: 'mediumContrast',\n    back: 'main'\n  },\n  contrast: {\n    familyName: 'background',\n    fore: 'highContrast',\n    back: 'main'\n  },\n  surface: {\n    familyName: 'background',\n    fore: 'mediumContrast',\n    back: 'surface',\n    hover: 'surfaceHover',\n    active: 'surfaceActive'\n  },\n  primary: standardFamily,\n  primaryInverse: {\n    familyName: 'primary',\n    fore: 'main',\n    back: 'contrast',\n    hover: 'contrastHover',\n    active: 'contrastActive'\n  },\n  secondary: standardFamily,\n  tertiary: standardFamily,\n  featured: standardFamily,\n  unselected: standardFamily,\n  selected: standardFamily,\n  linkMain: standardFamily,\n  linkAlt: standardFamily,\n  overlay: standardFamily,\n  accent1: standardFamily,\n  accent2: standardFamily,\n  accent3: standardFamily,\n  accent4: standardFamily,\n  error: standardFamily,\n  warning: standardFamily,\n  success: standardFamily,\n  system: standardFamily,\n  info: standardFamily,\n  specialty: standardFamily\n};\n/*\n * Use this method in a container (Alert?) to set the color context for its children\n * It will return a section you can use in the 'vars' section of your style block.\n * So for a box with the \"success\" color family you would set:\n *\n *    :::\n *    vars: getColorFamilyVars(tokens, 'success')\n *    :::\n *\n * There are some specially named families that make alternate use of the tokens.\n *\n * \"main\" is the standard off-white with medium contrast\n * \"contrast\" is the same but with higher contrast text\n * \"surface\" uses the proper colors for hover and active\n * \"primaryInverse\" takes the place of (or implements) primary + inverse\n */\nvar getColorFamilyVars = function (tokens) {\n  var family = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'main';\n  var _colorFamilyVariation = colorFamilyVariations[family],\n    _colorFamilyVariation2 = _colorFamilyVariation.familyName,\n    familyName = _colorFamilyVariation2 === void 0 ? family : _colorFamilyVariation2,\n    fore = _colorFamilyVariation.fore,\n    back = _colorFamilyVariation.back,\n    hover = _colorFamilyVariation.hover,\n    active = _colorFamilyVariation.active;\n  var color = tokens.color;\n  var colorEntry = color[familyName];\n  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, contextColors.main, colorEntry[fore]), contextColors.background, colorEntry[back]), contextColors.hoverMain, colorEntry[fore]), contextColors.hoverBack, colorEntry[hover]), contextColors.activeMain, colorEntry[fore]), contextColors.activeBack, colorEntry[active]);\n};\n\nvar AnimateDirection = /*#__PURE__*/function (AnimateDirection) {\n  AnimateDirection[\"LEFT\"] = \"left\";\n  AnimateDirection[\"RIGHT\"] = \"right\";\n  return AnimateDirection;\n}({});\nvar ZINDEX_DROPDOWN = 1060;\nvar ZINDEX_TOOLTIP = 1070;\nvar ZINDEX_COACHTIP = 1080;\nvar ZINDEX_MODAL = 1090; // cookiebanner z-index is 1051\nvar ZINDEX_TOAST = 1100; // can be on top of modal\n\nvar DEFAULT_CDNPATH = 'www.paypalobjects.com';\nvar DEFAULT_ASSETPATH = 'icons/v5'; // tomorrow it will be illustrations, ...\nvar svgBasePath = function () {\n  var cdnHost = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_CDNPATH;\n  var assetPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_ASSETPATH;\n  return \"https://\".concat(cdnHost, \"/paypal-ui/\").concat(assetPath, \"/svg\");\n};\n\nvar UNIT_PARSER = /([+-]?\\d*\\.?\\d*)([a-z%]*)?/;\nvar splitValue = function (str, defaultUnit) {\n  var _ref;\n  if (typeof str === 'number') {\n    return {\n      unit: defaultUnit,\n      value: str\n    };\n  }\n  var parts = str.match(UNIT_PARSER);\n  var value = parseFloat(str);\n  return {\n    value: value,\n    unit: (_ref = parts && parts[2]) !== null && _ref !== void 0 ? _ref : defaultUnit\n  };\n};\nvar getMs = function (str) {\n  var _splitValue = splitValue(str, 'ms'),\n    unit = _splitValue.unit,\n    value = _splitValue.value;\n  return unit === 's' ? value * 1000 : value;\n};\nvar getPx = function (str) {\n  var remBase = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;\n  var _splitValue2 = splitValue(str, 'px'),\n    unit = _splitValue2.unit,\n    value = _splitValue2.value;\n  return unit === 'rem' ? value * remBase : value;\n};\nvar getRem = function (str) {\n  var remBase = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;\n  var _splitValue3 = splitValue(str, 'rem'),\n    unit = _splitValue3.unit,\n    value = _splitValue3.value;\n  return unit === 'px' ? value / remBase : value;\n};\n\nvar cx = function () {\n  var className = '';\n  for (var _len = arguments.length, names = new Array(_len), _key = 0; _key < _len; _key++) {\n    names[_key] = arguments[_key];\n  }\n  names.forEach(function (name, i) {\n    if (!!name && typeof name === 'string') className += i === 0 ? \"\".concat(name) : \" \".concat(name);\n  });\n  return className;\n};\nvar rgba = function (tokenName, opacityPercent) {\n  return \"color-mix(in srgb, \".concat(tokenName, \" \").concat(opacityPercent, \", transparent)\");\n};\nvar remToPx = function (num) {\n  var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;\n  return num * base;\n};\n\nvar _excluded$1 = [\"className\"],\n  _excluded2 = [\"className\"];\nvar withAnimation = function (WrappedComponent) {\n  var WCAnimation = function (_ref) {\n    var className = _ref.className,\n      rest = _objectWithoutProperties(_ref, _excluded$1);\n    return /*#__PURE__*/React.createElement(WrappedComponent, _extends({\n      className: \"\".concat(styles.animationTimingName, \" \").concat(className)\n    }, rest));\n  };\n  WCAnimation.displayName = 'withAnimation';\n  return WCAnimation;\n};\nvar withTransition = function (WrappedComponent) {\n  var WCTransition = function (_ref2) {\n    var className = _ref2.className,\n      rest = _objectWithoutProperties(_ref2, _excluded2);\n    return /*#__PURE__*/React.createElement(WrappedComponent, _extends({\n      className: \"\".concat(styles.transitionTimingName, \" \").concat(className)\n    }, rest));\n  };\n  WCTransition.displayName = 'withTransition';\n  return WCTransition;\n};\n\nvar PREFIX_DEFAULT = 'ppui';\nvar ppuiUniqueIdCounter = {};\n\n/**\n * Generates an unique ID.\n * If prefix is passed, the function prepends the prefix with the ID.\n *\n * @param {string} prefix The value to prefix with the ID.\n * @returns {string} The unique ID.\n */\nfunction uniqueId() {\n  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : PREFIX_DEFAULT;\n  if (!ppuiUniqueIdCounter[prefix]) {\n    ppuiUniqueIdCounter[prefix] = 0;\n  }\n  var id = ++ppuiUniqueIdCounter[prefix];\n  return prefix === PREFIX_DEFAULT ? \"\".concat(id) : \"\".concat(prefix).concat(id);\n}\n\nvar KeyboardCode = /*#__PURE__*/function () {\n  function KeyboardCode(code) {\n    _classCallCheck(this, KeyboardCode);\n    _defineProperty(this, \"key\", void 0);\n    this.key = code;\n  }\n  return _createClass(KeyboardCode, [{\n    key: \"IS_ARROW_LEFT\",\n    get: function get() {\n      return ['ArrowLeft', KeyboardCode.NAME_ARROW_LEFT, KeyboardCode.CODE_ARROW_LEFT].includes(this.key);\n    }\n  }, {\n    key: \"IS_ARROW_RIGHT\",\n    get: function get() {\n      return ['ArrowRight', KeyboardCode.NAME_ARROW_RIGHT, KeyboardCode.CODE_ARROW_RIGHT].includes(this.key);\n    }\n  }, {\n    key: \"IS_ARROW_UP\",\n    get: function get() {\n      return ['ArrowUp', KeyboardCode.NAME_ARROW_UP, KeyboardCode.CODE_ARROW_UP].includes(this.key);\n    }\n  }, {\n    key: \"IS_ARROW_DOWN\",\n    get: function get() {\n      return ['ArrowDown', KeyboardCode.NAME_ARROW_DOWN, KeyboardCode.CODE_ARROW_DOWN].includes(this.key);\n    }\n  }, {\n    key: \"IS_ENTER\",\n    get: function get() {\n      return [KeyboardCode.NAME_ENTER, KeyboardCode.CODE_ENTER].includes(this.key);\n    }\n  }, {\n    key: \"IS_SPACEBAR\",\n    get: function get() {\n      return [KeyboardCode.NAME_SPACE, KeyboardCode.CODE_SPACE].includes(this.key);\n    }\n  }, {\n    key: \"IS_TAB\",\n    get: function get() {\n      return [KeyboardCode.NAME_TAB, KeyboardCode.CODE_TAB].includes(this.key);\n    }\n  }, {\n    key: \"IS_ESC\",\n    get: function get() {\n      return ['Escape', KeyboardCode.NAME_ESC, KeyboardCode.CODE_ESC].includes(this.key);\n    }\n  }, {\n    key: \"IS_HOME\",\n    get: function get() {\n      return [KeyboardCode.NAME_HOME, KeyboardCode.CODE_HOME].includes(this.key);\n    }\n  }, {\n    key: \"IS_END\",\n    get: function get() {\n      return [KeyboardCode.NAME_END, KeyboardCode.CODE_END].includes(this.key);\n    }\n  }, {\n    key: \"IS_BACKSPACE\",\n    get: function get() {\n      return [KeyboardCode.NAME_BACKSPACE, KeyboardCode.CODE_BACKSPACE].includes(this.key);\n    }\n  }, {\n    key: \"IS_DELETE\",\n    get: function get() {\n      return [KeyboardCode.NAME_DELETE, KeyboardCode.CODE_DELETE].includes(this.key);\n    }\n  }, {\n    key: \"IS_SIDE_NAVIGATION\",\n    get: function get() {\n      return this.IS_ARROW_LEFT || this.IS_ARROW_RIGHT || this.IS_END || this.IS_HOME;\n    }\n  }, {\n    key: \"IS_ARROW_KEY\",\n    get: function get() {\n      return this.IS_ARROW_LEFT || this.IS_ARROW_RIGHT || this.IS_ARROW_UP || this.IS_ARROW_DOWN;\n    }\n  }]);\n}();\n_defineProperty(KeyboardCode, \"CODE_ARROW_UP\", 38);\n_defineProperty(KeyboardCode, \"CODE_ARROW_DOWN\", 40);\n_defineProperty(KeyboardCode, \"CODE_ARROW_LEFT\", 37);\n_defineProperty(KeyboardCode, \"CODE_ARROW_RIGHT\", 39);\n_defineProperty(KeyboardCode, \"CODE_ENTER\", 13);\n_defineProperty(KeyboardCode, \"CODE_SPACE\", 32);\n_defineProperty(KeyboardCode, \"CODE_ESC\", 27);\n_defineProperty(KeyboardCode, \"CODE_TAB\", 9);\n_defineProperty(KeyboardCode, \"CODE_CAPS_LOCK\", 20);\n_defineProperty(KeyboardCode, \"CODE_HOME\", 36);\n_defineProperty(KeyboardCode, \"CODE_END\", 35);\n_defineProperty(KeyboardCode, \"CODE_BACKSPACE\", 8);\n_defineProperty(KeyboardCode, \"CODE_DELETE\", 46);\n_defineProperty(KeyboardCode, \"NAME_ARROW_UP\", 'Up');\n_defineProperty(KeyboardCode, \"NAME_ARROW_DOWN\", 'Down');\n_defineProperty(KeyboardCode, \"NAME_ARROW_LEFT\", 'Left');\n_defineProperty(KeyboardCode, \"NAME_ARROW_RIGHT\", 'Right');\n_defineProperty(KeyboardCode, \"NAME_ENTER\", 'Enter');\n_defineProperty(KeyboardCode, \"NAME_SPACE\", ' ');\n_defineProperty(KeyboardCode, \"NAME_ESC\", 'Esc');\n_defineProperty(KeyboardCode, \"NAME_TAB\", 'Tab');\n_defineProperty(KeyboardCode, \"NAME_HOME\", 'Home');\n_defineProperty(KeyboardCode, \"NAME_END\", 'End');\n_defineProperty(KeyboardCode, \"NAME_BACKSPACE\", 'Backspace');\n_defineProperty(KeyboardCode, \"NAME_DELETE\", 'Delete');\n\nvar _excluded = [\"as\", \"children\", \"className\"];\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nvar deepClone = function (obj) {\n  if (obj === null || _typeof(obj) !== 'object') {\n    return obj;\n  }\n  var temp = new obj.constructor();\n  for (var key in obj) {\n    // istanbul ignore next\n    if (obj.hasOwnProperty(key)) {\n      temp[key] = deepClone(obj[key]);\n    }\n  }\n  return temp;\n};\n\n/**\n * Returns JSX to render suggestion with highlighted match\n * @param src\n * @param match\n */\nvar highlightMatch = function (src, match) {\n  if (match) {\n    var escapedMatch = match.replace(/[-\\/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n    var regex = new RegExp(escapedMatch, 'ig');\n    return src.replace(regex, '<strong>$&</strong>');\n  }\n  return src;\n};\n\n/**\n * throttle function - limiting the number of times\n * a function gets called in a certain time period.\n * @param callback (Function)\n * @param delay (milliseconds)\n */\n/* istanbul ignore next */\nvar throttle = function (callback, delay) {\n  var timer = 0;\n  return function () {\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    clearTimeout(timer);\n    timer = setTimeout(function () {\n      return callback.apply(null, args);\n    }, delay);\n  };\n};\nvar IfNotEmpty = function (_ref) {\n  var _ref$as = _ref.as,\n    as = _ref$as === void 0 ? 'span' : _ref$as,\n    children = _ref.children,\n    className = _ref.className,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  return children ? React.createElement(as, _objectSpread({\n    className: className\n  }, rest), children) : null;\n};\n\n// istanbul ignore next\nvar devWarning = function (warningText) {\n  if (process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'ppui-test') {\n    // eslint-disable-next-line no-console\n    console.warn(warningText);\n  }\n};\n\n// istanbul ignore next\nvar getThemeClassName = function () {\n  var _document$getElements;\n  var name = hasDocument() && ((_document$getElements = document.getElementsByClassName('ppui-theme')[0]) === null || _document$getElements === void 0 ? void 0 : _document$getElements.classList[1]);\n  if (!name) {\n    devWarning('pp-react theme classname not found. Make sure you have integrated `ThemeWrapper` from `@paypalcorp/pp-react`');\n    return '';\n  }\n  return name;\n};\n\nexport { AnimateDirection, DEFAULT_ASSETPATH, DEFAULT_CDNPATH, IfNotEmpty, KeyboardCode, PREFIX_COLOR, ZINDEX_COACHTIP, ZINDEX_DROPDOWN, ZINDEX_MODAL, ZINDEX_TOAST, ZINDEX_TOOLTIP, capitalize, colorFamilyVariations, curry, cx, deepClone, devWarning, getColor, getColorFamily, getColorFamilyVars, getMs, getPrefixedAttribute, getPx, getRem, getThemeClassName, hasDocument, hasNavigator, hasWindow, highlightMatch, isActiveElementIn, isDocumentRTL, isTouchDevice, remToPx, rgba, splitValue, svgBasePath, throttle, tokenTemplate, uniqueId, withAnimation, withTransition };\n","'use strict';\n\nfunction checkDCE() {\n  /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n  if (\n    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||\n    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'\n  ) {\n    return;\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    // This branch is unreachable because this function is only called\n    // in production, but the condition is true only in development.\n    // Therefore if the branch is still here, dead code elimination wasn't\n    // properly applied.\n    // Don't change the message. React DevTools relies on it. Also make sure\n    // this message doesn't occur elsewhere in this function, or it will cause\n    // a false positive.\n    throw new Error('^_^');\n  }\n  try {\n    // Verify that the code above has been dead code eliminated (DCE'd).\n    __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n  } catch (err) {\n    // DevTools shouldn't crash React, no matter what.\n    // We should still report in case we break this code.\n    console.error(err);\n  }\n}\n\nif (process.env.NODE_ENV === 'production') {\n  // DCE check should happen before ReactDOM bundle executes so that\n  // DevTools can report bad minification during injection.\n  checkDCE();\n  module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n  module.exports = require('./cjs/react-dom.development.js');\n}\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react.production.min.js');\n} else {\n  module.exports = require('./cjs/react.development.js');\n}\n"],"names":["css","_len","arguments","length","args","Array","_key","_excluded","LoadingSpinner","_ref","_ref$as","as","className","inverse","_ref$size","size","screenReaderText","rest","sizesStyleMap","xs","sm","md","lg","xl","Object","keys","includes","classNames","cx","role","func","firstParam","hasWindow","window","hasDocument","document","isTouchDevice","_navigator$maxTouchPo","navigator","maxTouchPoints","msMaxTouchPoints","isDocumentRTL","getComputedStyle","body","direction","getColor","prefix","name","object","fallback","_object$name","concat","params","apply","UNIT_PARSER","getPx","str","remBase","undefined","_splitValue2","defaultUnit","unit","value","parts","match","parseFloat","splitValue","names","forEach","i","remToPx","num","PREFIX_DEFAULT","ppuiUniqueIdCounter","uniqueId","id","KeyboardCode","code","this","key","get","NAME_ARROW_LEFT","CODE_ARROW_LEFT","NAME_ARROW_RIGHT","CODE_ARROW_RIGHT","NAME_ARROW_UP","CODE_ARROW_UP","NAME_ARROW_DOWN","CODE_ARROW_DOWN","NAME_ENTER","CODE_ENTER","NAME_SPACE","CODE_SPACE","NAME_TAB","CODE_TAB","NAME_ESC","CODE_ESC","NAME_HOME","CODE_HOME","NAME_END","CODE_END","NAME_BACKSPACE","CODE_BACKSPACE","NAME_DELETE","CODE_DELETE","IS_ARROW_LEFT","IS_ARROW_RIGHT","IS_END","IS_HOME","IS_ARROW_UP","IS_ARROW_DOWN","highlightMatch","src","escapedMatch","replace","regex","RegExp","devWarning","warningText","checkDCE","__REACT_DEVTOOLS_GLOBAL_HOOK__","err","console","error","module","exports"],"sourceRoot":""}