{store.getState()}
\r\n * }\r\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {store.getState()}
\r\n * }\r\n */\n\nexport var useStore =\n/*#__PURE__*/\ncreateStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\r\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\r\n * {value}\r\n * \r\n *
\r\n * )\r\n * }\r\n */\n\nexport var useDispatch =\n/*#__PURE__*/\ncreateDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport { createSubscription } from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return createSubscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n var newSelectedState = selector(storeState); // ensure latest selected state is reused so that a custom equality function can result in identical references\n\n if (latestSelectedState.current === undefined || !equalityFn(newSelectedState, latestSelectedState.current)) {\n selectedState = newSelectedState;\n } else {\n selectedState = latestSelectedState.current;\n }\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n\n throw err;\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var newStoreState = store.getState(); // Avoid calling selector multiple times if the store's state has not changed\n\n if (newStoreState === latestStoreState.current) {\n return;\n }\n\n var _newSelectedState = latestSelector.current(newStoreState);\n\n if (equalityFn(_newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = _newSelectedState;\n latestStoreState.current = newStoreState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender();\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\r\n * Hook factory, which creates a `useSelector` hook bound to a given context.\r\n *\r\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\r\n * }\r\n */\n\nexport var useSelector =\n/*#__PURE__*/\ncreateSelectorHook();","export * from './exports';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport { setBatch } from './utils/batch'; // Enable batched updates in our subscriptions for use\n// with standard React renderers (ReactDOM, React Native)\n\nsetBatch(batch);\nexport { batch };","// `IsCallable` abstract operation\n// https://tc39.es/ecma262/#sec-iscallable\nmodule.exports = function (argument) {\n return typeof argument == 'function';\n};","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","export default function _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}","import setPrototypeOf from \"./setPrototypeOf\";\n\nfunction isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nexport default function _construct(Parent, args, Class) {\n if (isNativeReflectConstruct()) {\n _construct = Reflect.construct;\n } else {\n _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n }\n\n return _construct.apply(null, arguments);\n}","import getPrototypeOf from \"./getPrototypeOf\";\nimport setPrototypeOf from \"./setPrototypeOf\";\nimport isNativeFunction from \"./isNativeFunction\";\nimport construct from \"./construct\";\nexport default function _wrapNativeSuper(Class) {\n var _cache = typeof Map === \"function\" ? new Map() : undefined;\n\n _wrapNativeSuper = function _wrapNativeSuper(Class) {\n if (Class === null || !isNativeFunction(Class)) return Class;\n\n if (typeof Class !== \"function\") {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n if (typeof _cache !== \"undefined\") {\n if (_cache.has(Class)) return _cache.get(Class);\n\n _cache.set(Class, Wrapper);\n }\n\n function Wrapper() {\n return construct(Class, arguments, getPrototypeOf(this).constructor);\n }\n\n Wrapper.prototype = Object.create(Class.prototype, {\n constructor: {\n value: Wrapper,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n return setPrototypeOf(Wrapper, Class);\n };\n\n return _wrapNativeSuper(Class);\n}","export default function _isNativeFunction(fn) {\n return Function.toString.call(fn).indexOf(\"[native code]\") !== -1;\n}","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport _wrapNativeSuper from '@babel/runtime/helpers/esm/wrapNativeSuper';\nimport _taggedTemplateLiteralLoose from '@babel/runtime/helpers/esm/taggedTemplateLiteralLoose';\n\nfunction last() {\n var _ref;\n\n return _ref = arguments.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref];\n}\n\nfunction negation(a) {\n return -a;\n}\n\nfunction addition(a, b) {\n return a + b;\n}\n\nfunction subtraction(a, b) {\n return a - b;\n}\n\nfunction multiplication(a, b) {\n return a * b;\n}\n\nfunction division(a, b) {\n return a / b;\n}\n\nfunction factorial(a) {\n if (a % 1 || !(+a >= 0)) return NaN;\n if (a > 170) return Infinity;else if (a === 0) return 1;else {\n return a * factorial(a - 1);\n }\n}\n\nfunction power(a, b) {\n return Math.pow(a, b);\n}\n\nfunction sqrt(a) {\n return Math.sqrt(a);\n}\n\nfunction max() {\n return Math.max.apply(Math, arguments);\n}\n\nfunction min() {\n return Math.min.apply(Math, arguments);\n}\n\nfunction comma() {\n return Array.of.apply(Array, arguments);\n}\n\nvar defaultMathSymbols = {\n symbols: {\n '!': {\n postfix: {\n symbol: '!',\n f: factorial,\n notation: 'postfix',\n precedence: 6,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: '!',\n regSymbol: '!'\n },\n '^': {\n infix: {\n symbol: '^',\n f: power,\n notation: 'infix',\n precedence: 5,\n rightToLeft: 1,\n argCount: 2\n },\n symbol: '^',\n regSymbol: '\\\\^'\n },\n '*': {\n infix: {\n symbol: '*',\n f: multiplication,\n notation: 'infix',\n precedence: 4,\n rightToLeft: 0,\n argCount: 2\n },\n symbol: '*',\n regSymbol: '\\\\*'\n },\n '/': {\n infix: {\n symbol: '/',\n f: division,\n notation: 'infix',\n precedence: 4,\n rightToLeft: 0,\n argCount: 2\n },\n symbol: '/',\n regSymbol: '/'\n },\n '+': {\n infix: {\n symbol: '+',\n f: addition,\n notation: 'infix',\n precedence: 2,\n rightToLeft: 0,\n argCount: 2\n },\n prefix: {\n symbol: '+',\n f: last,\n notation: 'prefix',\n precedence: 3,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: '+',\n regSymbol: '\\\\+'\n },\n '-': {\n infix: {\n symbol: '-',\n f: subtraction,\n notation: 'infix',\n precedence: 2,\n rightToLeft: 0,\n argCount: 2\n },\n prefix: {\n symbol: '-',\n f: negation,\n notation: 'prefix',\n precedence: 3,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: '-',\n regSymbol: '-'\n },\n ',': {\n infix: {\n symbol: ',',\n f: comma,\n notation: 'infix',\n precedence: 1,\n rightToLeft: 0,\n argCount: 2\n },\n symbol: ',',\n regSymbol: ','\n },\n '(': {\n prefix: {\n symbol: '(',\n f: last,\n notation: 'prefix',\n precedence: 0,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: '(',\n regSymbol: '\\\\('\n },\n ')': {\n postfix: {\n symbol: ')',\n f: undefined,\n notation: 'postfix',\n precedence: 0,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: ')',\n regSymbol: '\\\\)'\n },\n min: {\n func: {\n symbol: 'min',\n f: min,\n notation: 'func',\n precedence: 0,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: 'min',\n regSymbol: 'min\\\\b'\n },\n max: {\n func: {\n symbol: 'max',\n f: max,\n notation: 'func',\n precedence: 0,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: 'max',\n regSymbol: 'max\\\\b'\n },\n sqrt: {\n func: {\n symbol: 'sqrt',\n f: sqrt,\n notation: 'func',\n precedence: 0,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: 'sqrt',\n regSymbol: 'sqrt\\\\b'\n }\n }\n}; // based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js\n\n/**\n * Parse errors.md and turn it into a simple hash of code: message\n * @private\n */\n\nvar ERRORS = {\n \"1\": \"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\\n\\n\",\n \"2\": \"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\\n\\n\",\n \"3\": \"Passed an incorrect argument to a color function, please pass a string representation of a color.\\n\\n\",\n \"4\": \"Couldn't generate valid rgb string from %s, it returned %s.\\n\\n\",\n \"5\": \"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\\n\\n\",\n \"6\": \"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\\n\\n\",\n \"7\": \"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\\n\\n\",\n \"8\": \"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\\n\\n\",\n \"9\": \"Please provide a number of steps to the modularScale helper.\\n\\n\",\n \"10\": \"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\\n\\n\",\n \"11\": \"Invalid value passed as base to modularScale, expected number or em string but got \\\"%s\\\"\\n\\n\",\n \"12\": \"Expected a string ending in \\\"px\\\" or a number passed as the first argument to %s(), got \\\"%s\\\" instead.\\n\\n\",\n \"13\": \"Expected a string ending in \\\"px\\\" or a number passed as the second argument to %s(), got \\\"%s\\\" instead.\\n\\n\",\n \"14\": \"Passed invalid pixel value (\\\"%s\\\") to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"15\": \"Passed invalid base value (\\\"%s\\\") to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"16\": \"You must provide a template to this method.\\n\\n\",\n \"17\": \"You passed an unsupported selector state to this method.\\n\\n\",\n \"18\": \"minScreen and maxScreen must be provided as stringified numbers with the same units.\\n\\n\",\n \"19\": \"fromSize and toSize must be provided as stringified numbers with the same units.\\n\\n\",\n \"20\": \"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\\n\\n\",\n \"21\": \"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",\n \"22\": \"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",\n \"23\": \"fontFace expects a name of a font-family.\\n\\n\",\n \"24\": \"fontFace expects either the path to the font file(s) or a name of a local copy.\\n\\n\",\n \"25\": \"fontFace expects localFonts to be an array.\\n\\n\",\n \"26\": \"fontFace expects fileFormats to be an array.\\n\\n\",\n \"27\": \"radialGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"28\": \"Please supply a filename to retinaImage() as the first argument.\\n\\n\",\n \"29\": \"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\\n\\n\",\n \"30\": \"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",\n \"31\": \"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\\n\\n\",\n \"32\": \"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\\n\\n\",\n \"33\": \"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\\n\\n\",\n \"34\": \"borderRadius expects a radius value as a string or number as the second argument.\\n\\n\",\n \"35\": \"borderRadius expects one of \\\"top\\\", \\\"bottom\\\", \\\"left\\\" or \\\"right\\\" as the first argument.\\n\\n\",\n \"36\": \"Property must be a string value.\\n\\n\",\n \"37\": \"Syntax Error at %s.\\n\\n\",\n \"38\": \"Formula contains a function that needs parentheses at %s.\\n\\n\",\n \"39\": \"Formula is missing closing parenthesis at %s.\\n\\n\",\n \"40\": \"Formula has too many closing parentheses at %s.\\n\\n\",\n \"41\": \"All values in a formula must have the same unit or be unitless.\\n\\n\",\n \"42\": \"Please provide a number of steps to the modularScale helper.\\n\\n\",\n \"43\": \"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\\n\\n\",\n \"44\": \"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\\n\\n\",\n \"45\": \"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\\n\\n\",\n \"46\": \"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\\n\\n\",\n \"47\": \"minScreen and maxScreen must be provided as stringified numbers with the same units.\\n\\n\",\n \"48\": \"fromSize and toSize must be provided as stringified numbers with the same units.\\n\\n\",\n \"49\": \"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\\n\\n\",\n \"50\": \"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\\n\\n\",\n \"51\": \"Expects the first argument object to have the properties prop, fromSize, and toSize.\\n\\n\",\n \"52\": \"fontFace expects either the path to the font file(s) or a name of a local copy.\\n\\n\",\n \"53\": \"fontFace expects localFonts to be an array.\\n\\n\",\n \"54\": \"fontFace expects fileFormats to be an array.\\n\\n\",\n \"55\": \"fontFace expects a name of a font-family.\\n\\n\",\n \"56\": \"linearGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"57\": \"radialGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"58\": \"Please supply a filename to retinaImage() as the first argument.\\n\\n\",\n \"59\": \"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\\n\\n\",\n \"60\": \"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",\n \"61\": \"Property must be a string value.\\n\\n\",\n \"62\": \"borderRadius expects a radius value as a string or number as the second argument.\\n\\n\",\n \"63\": \"borderRadius expects one of \\\"top\\\", \\\"bottom\\\", \\\"left\\\" or \\\"right\\\" as the first argument.\\n\\n\",\n \"64\": \"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\\n\\n\",\n \"65\": \"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\\n\\n\",\n \"66\": \"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\\n\\n\",\n \"67\": \"You must provide a template to this method.\\n\\n\",\n \"68\": \"You passed an unsupported selector state to this method.\\n\\n\",\n \"69\": \"Expected a string ending in \\\"px\\\" or a number passed as the first argument to %s(), got %s instead.\\n\\n\",\n \"70\": \"Expected a string ending in \\\"px\\\" or a number passed as the second argument to %s(), got %s instead.\\n\\n\",\n \"71\": \"Passed invalid pixel value %s to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"72\": \"Passed invalid base value %s to %s(), please pass a value like \\\"12px\\\" or 12.\\n\"\n};\n/**\n * super basic version of sprintf\n * @private\n */\n\nfunction format() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var a = args[0];\n var b = [];\n var c;\n\n for (c = 1; c < args.length; c += 1) {\n b.push(args[c]);\n }\n\n b.forEach(function (d) {\n a = a.replace(/%[a-z]/, d);\n });\n return a;\n}\n/**\n * Create an error file out of errors.md for development and a simple web link to the full errors\n * in production mode.\n * @private\n */\n\n\nvar PolishedError =\n/*#__PURE__*/\nfunction (_Error) {\n _inheritsLoose(PolishedError, _Error);\n\n function PolishedError(code) {\n var _this;\n\n if (process.env.NODE_ENV === 'production') {\n _this = _Error.call(this, \"An error occurred. See https://github.com/styled-components/polished/blob/master/src/internalHelpers/errors.md#\" + code + \" for more information.\") || this;\n } else {\n for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n args[_key2 - 1] = arguments[_key2];\n }\n\n _this = _Error.call(this, format.apply(void 0, [ERRORS[code]].concat(args))) || this;\n }\n\n return _assertThisInitialized(_this);\n }\n\n return PolishedError;\n}(\n/*#__PURE__*/\n_wrapNativeSuper(Error));\n\nvar unitRegExp = /((?!\\w)a|na|hc|mc|dg|me[r]?|xe|ni(?![a-zA-Z])|mm|cp|tp|xp|q(?!s)|hv|xamv|nimv|wv|sm|s(?!\\D|$)|ged|darg?|nrut)/g; // Merges additional math functionality into the defaults.\n\nfunction mergeSymbolMaps(additionalSymbols) {\n var symbolMap = {};\n symbolMap.symbols = additionalSymbols ? _extends({}, defaultMathSymbols.symbols, additionalSymbols.symbols) : _extends({}, defaultMathSymbols.symbols);\n return symbolMap;\n}\n\nfunction exec(operators, values) {\n var _ref;\n\n var op = operators.pop();\n values.push(op.f.apply(op, (_ref = []).concat.apply(_ref, values.splice(-op.argCount))));\n return op.precedence;\n}\n\nfunction calculate(expression, additionalSymbols) {\n var symbolMap = mergeSymbolMaps(additionalSymbols);\n var match;\n var operators = [symbolMap.symbols['('].prefix];\n var values = [];\n var pattern = new RegExp( // Pattern for numbers\n \"\\\\d+(?:\\\\.\\\\d+)?|\" + // ...and patterns for individual operators/function names\n Object.keys(symbolMap.symbols).map(function (key) {\n return symbolMap.symbols[key];\n }) // longer symbols should be listed first\n // $FlowFixMe\n .sort(function (a, b) {\n return b.symbol.length - a.symbol.length;\n }) // $FlowFixMe\n .map(function (val) {\n return val.regSymbol;\n }).join('|') + \"|(\\\\S)\", 'g');\n pattern.lastIndex = 0; // Reset regular expression object\n\n var afterValue = false;\n\n do {\n match = pattern.exec(expression);\n\n var _ref2 = match || [')', undefined],\n token = _ref2[0],\n bad = _ref2[1];\n\n var notNumber = symbolMap.symbols[token];\n var notNewValue = notNumber && !notNumber.prefix && !notNumber.func;\n var notAfterValue = !notNumber || !notNumber.postfix && !notNumber.infix; // Check for syntax errors:\n\n if (bad || (afterValue ? notAfterValue : notNewValue)) {\n throw new PolishedError(37, match ? match.index : expression.length, expression);\n }\n\n if (afterValue) {\n // We either have an infix or postfix operator (they should be mutually exclusive)\n var curr = notNumber.postfix || notNumber.infix;\n\n do {\n var prev = operators[operators.length - 1];\n if ((curr.precedence - prev.precedence || prev.rightToLeft) > 0) break; // Apply previous operator, since it has precedence over current one\n } while (exec(operators, values)); // Exit loop after executing an opening parenthesis or function\n\n\n afterValue = curr.notation === 'postfix';\n\n if (curr.symbol !== ')') {\n operators.push(curr); // Postfix always has precedence over any operator that follows after it\n\n if (afterValue) exec(operators, values);\n }\n } else if (notNumber) {\n // prefix operator or function\n operators.push(notNumber.prefix || notNumber.func);\n\n if (notNumber.func) {\n // Require an opening parenthesis\n match = pattern.exec(expression);\n\n if (!match || match[0] !== '(') {\n throw new PolishedError(38, match ? match.index : expression.length, expression);\n }\n }\n } else {\n // number\n values.push(+token);\n afterValue = true;\n }\n } while (match && operators.length);\n\n if (operators.length) {\n throw new PolishedError(39, match ? match.index : expression.length, expression);\n } else if (match) {\n throw new PolishedError(40, match ? match.index : expression.length, expression);\n } else {\n return values.pop();\n }\n}\n\nfunction reverseString(str) {\n return str.split('').reverse().join('');\n}\n/**\n * Helper for doing math with CSS Units. Accepts a formula as a string. All values in the formula must have the same unit (or be unitless). Supports complex formulas utliziing addition, subtraction, multiplication, division, square root, powers, factorial, min, max, as well as parentheses for order of operation.\n *\n *In cases where you need to do calculations with mixed units where one unit is a [relative length unit](https://developer.mozilla.org/en-US/docs/Web/CSS/length#Relative_length_units), you will want to use [CSS Calc](https://developer.mozilla.org/en-US/docs/Web/CSS/calc).\n *\n * *warning* While we've done everything possible to ensure math safely evalutes formulas expressed as strings, you should always use extreme caution when passing `math` user provided values.\n * @example\n * // Styles as object usage\n * const styles = {\n * fontSize: math('12rem + 8rem'),\n * fontSize: math('(12px + 2px) * 3'),\n * fontSize: math('3px^2 + sqrt(4)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * fontSize: ${math('12rem + 8rem')};\n * fontSize: ${math('(12px + 2px) * 3')};\n * fontSize: ${math('3px^2 + sqrt(4)')};\n * `\n *\n * // CSS as JS Output\n *\n * div: {\n * fontSize: '20rem',\n * fontSize: '42px',\n * fontSize: '11px',\n * }\n */\n\n\nfunction math(formula, additionalSymbols) {\n var reversedFormula = reverseString(formula);\n var formulaMatch = reversedFormula.match(unitRegExp); // Check that all units are the same\n\n if (formulaMatch && !formulaMatch.every(function (unit) {\n return unit === formulaMatch[0];\n })) {\n throw new PolishedError(41);\n }\n\n var cleanFormula = reverseString(reversedFormula.replace(unitRegExp, ''));\n return \"\" + calculate(cleanFormula, additionalSymbols) + (formulaMatch ? reverseString(formulaMatch[0]) : '');\n} // @private\n\n\nfunction capitalizeString(string) {\n return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nvar positionMap = ['Top', 'Right', 'Bottom', 'Left'];\n\nfunction generateProperty(property, position) {\n if (!property) return position.toLowerCase();\n var splitProperty = property.split('-');\n\n if (splitProperty.length > 1) {\n splitProperty.splice(1, 0, position);\n return splitProperty.reduce(function (acc, val) {\n return \"\" + acc + capitalizeString(val);\n });\n }\n\n var joinedProperty = property.replace(/([a-z])([A-Z])/g, \"$1\" + position + \"$2\");\n return property === joinedProperty ? \"\" + property + position : joinedProperty;\n}\n\nfunction generateStyles(property, valuesWithDefaults) {\n var styles = {};\n\n for (var i = 0; i < valuesWithDefaults.length; i += 1) {\n if (valuesWithDefaults[i] || valuesWithDefaults[i] === 0) {\n styles[generateProperty(property, positionMap[i])] = valuesWithDefaults[i];\n }\n }\n\n return styles;\n}\n/**\n * Enables shorthand for direction-based properties. It accepts a property (hyphenated or camelCased) and up to four values that map to top, right, bottom, and left, respectively. You can optionally pass an empty string to get only the directional values as properties. You can also optionally pass a null argument for a directional value to ignore it.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...directionalProperty('padding', '12px', '24px', '36px', '48px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${directionalProperty('padding', '12px', '24px', '36px', '48px')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'paddingTop': '12px',\n * 'paddingRight': '24px',\n * 'paddingBottom': '36px',\n * 'paddingLeft': '48px'\n * }\n */\n\n\nfunction directionalProperty(property) {\n for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n values[_key - 1] = arguments[_key];\n } // prettier-ignore\n\n\n var firstValue = values[0],\n _values$ = values[1],\n secondValue = _values$ === void 0 ? firstValue : _values$,\n _values$2 = values[2],\n thirdValue = _values$2 === void 0 ? firstValue : _values$2,\n _values$3 = values[3],\n fourthValue = _values$3 === void 0 ? secondValue : _values$3;\n var valuesWithDefaults = [firstValue, secondValue, thirdValue, fourthValue];\n return generateStyles(property, valuesWithDefaults);\n}\n\nfunction endsWith(string, suffix) {\n return string.substr(-suffix.length) === suffix;\n}\n\nvar cssRegex = /^([+-]?(?:\\d+|\\d*\\.\\d+))([a-z]*|%)$/;\n/**\n * Returns a given CSS value minus its unit (or the original value if an invalid string is passed). Optionally returns an array containing the stripped value and the original unit of measure.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * '--dimension': stripUnit('100px'),\n * '--unit': stripUnit('100px')[1],\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * --dimension: ${stripUnit('100px')};\n * --unit: ${stripUnit('100px')[1]};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * '--dimension': 100,\n * '--unit': 'px',\n * }\n */\n\nfunction stripUnit(value, unitReturn) {\n if (typeof value !== 'string') return unitReturn ? [value, undefined] : value;\n var matchedValue = value.match(cssRegex);\n\n if (unitReturn) {\n if (matchedValue) return [parseFloat(value), matchedValue[2]];\n return [value, undefined];\n }\n\n if (matchedValue) return parseFloat(value);\n return value;\n}\n/**\n * Factory function that creates pixel-to-x converters\n * @private\n */\n\n\nvar pxtoFactory = function pxtoFactory(to) {\n return function (pxval, base) {\n if (base === void 0) {\n base = '16px';\n }\n\n var newPxval = pxval;\n var newBase = base;\n\n if (typeof pxval === 'string') {\n if (!endsWith(pxval, 'px')) {\n throw new PolishedError(69, to, pxval);\n }\n\n newPxval = stripUnit(pxval);\n }\n\n if (typeof base === 'string') {\n if (!endsWith(base, 'px')) {\n throw new PolishedError(70, to, base);\n }\n\n newBase = stripUnit(base);\n }\n\n if (typeof newPxval === 'string') {\n throw new PolishedError(71, pxval, to);\n }\n\n if (typeof newBase === 'string') {\n throw new PolishedError(72, base, to);\n }\n\n return \"\" + newPxval / newBase + to;\n };\n};\n/**\n * Convert pixel value to ems. The default base value is 16px, but can be changed by passing a\n * second argument to the function.\n * @function\n * @param {string|number} pxval\n * @param {string|number} [base='16px']\n * @example\n * // Styles as object usage\n * const styles = {\n * 'height': em('16px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * height: ${em('16px')}\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * 'height': '1em'\n * }\n */\n\n\nvar em =\n/*#__PURE__*/\npxtoFactory('em');\nvar cssRegex$1 = /^([+-]?(?:\\d+|\\d*\\.\\d+))([a-z]*|%)$/;\n/**\n * Returns a given CSS value and its unit as elements of an array.\n *\n * @deprecated - getValueAndUnit has been marked for deprecation in polished 3.0 and will be fully deprecated in 4.0. It's functionality has been been moved to stripUnit as an optional return.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * '--dimension': getValueAndUnit('100px')[0],\n * '--unit': getValueAndUnit('100px')[1],\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * --dimension: ${getValueAndUnit('100px')[0]};\n * --unit: ${getValueAndUnit('100px')[1]};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * '--dimension': 100,\n * '--unit': 'px',\n * }\n */\n\nfunction getValueAndUnit(value) {\n // eslint-disable-next-line no-console\n console.warn(\"getValueAndUnit has been marked for deprecation in polished 3.0 and will be fully deprecated in 4.0. It's functionality has been been moved to stripUnit as an optional return.\");\n if (typeof value !== 'string') return [value, ''];\n var matchedValue = value.match(cssRegex$1);\n if (matchedValue) return [parseFloat(value), matchedValue[2]];\n return [value, undefined];\n}\n\nvar ratioNames = {\n minorSecond: 1.067,\n majorSecond: 1.125,\n minorThird: 1.2,\n majorThird: 1.25,\n perfectFourth: 1.333,\n augFourth: 1.414,\n perfectFifth: 1.5,\n minorSixth: 1.6,\n goldenSection: 1.618,\n majorSixth: 1.667,\n minorSeventh: 1.778,\n majorSeventh: 1.875,\n octave: 2,\n majorTenth: 2.5,\n majorEleventh: 2.667,\n majorTwelfth: 3,\n doubleOctave: 4\n};\n\nfunction getRatio(ratioName) {\n return ratioNames[ratioName];\n}\n/**\n * Establish consistent measurements and spacial relationships throughout your projects by incrementing an em or rem value up or down a defined scale. We provide a list of commonly used scales as pre-defined variables.\n * @example\n * // Styles as object usage\n * const styles = {\n * // Increment two steps up the default scale\n * 'fontSize': modularScale(2)\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * // Increment two steps up the default scale\n * fontSize: ${modularScale(2)}\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * 'fontSize': '1.77689em'\n * }\n */\n\n\nfunction modularScale(steps, base, ratio) {\n if (base === void 0) {\n base = '1em';\n }\n\n if (ratio === void 0) {\n ratio = 1.333;\n }\n\n if (typeof steps !== 'number') {\n throw new PolishedError(42);\n }\n\n if (typeof ratio === 'string' && !ratioNames[ratio]) {\n throw new PolishedError(43);\n }\n\n var _ref = typeof base === 'string' ? stripUnit(base, true) : [base, ''],\n realBase = _ref[0],\n unit = _ref[1];\n\n var realRatio = typeof ratio === 'string' ? getRatio(ratio) : ratio;\n\n if (typeof realBase === 'string') {\n throw new PolishedError(44, base);\n }\n\n return \"\" + realBase * Math.pow(realRatio, steps) + unit;\n}\n/**\n * Convert pixel value to rems. The default base value is 16px, but can be changed by passing a\n * second argument to the function.\n * @function\n * @param {string|number} pxval\n * @param {string|number} [base='16px']\n * @example\n * // Styles as object usage\n * const styles = {\n * 'height': rem('16px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * height: ${rem('16px')}\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * 'height': '1rem'\n * }\n */\n\n\nvar rem =\n/*#__PURE__*/\npxtoFactory('rem');\n/**\n * Returns a CSS calc formula for linear interpolation of a property between two values. Accepts optional minScreen (defaults to '320px') and maxScreen (defaults to '1200px').\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * fontSize: between('20px', '100px', '400px', '1000px'),\n * fontSize: between('20px', '100px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * fontSize: ${between('20px', '100px', '400px', '1000px')};\n * fontSize: ${between('20px', '100px')}\n * `\n *\n * // CSS as JS Output\n *\n * h1: {\n * 'fontSize': 'calc(-33.33333333333334px + 13.333333333333334vw)',\n * 'fontSize': 'calc(-9.090909090909093px + 9.090909090909092vw)'\n * }\n */\n\nfunction between(fromSize, toSize, minScreen, maxScreen) {\n if (minScreen === void 0) {\n minScreen = '320px';\n }\n\n if (maxScreen === void 0) {\n maxScreen = '1200px';\n }\n\n var _stripUnit = stripUnit(fromSize, true),\n unitlessFromSize = _stripUnit[0],\n fromSizeUnit = _stripUnit[1];\n\n var _stripUnit2 = stripUnit(toSize, true),\n unitlessToSize = _stripUnit2[0],\n toSizeUnit = _stripUnit2[1];\n\n var _stripUnit3 = stripUnit(minScreen, true),\n unitlessMinScreen = _stripUnit3[0],\n minScreenUnit = _stripUnit3[1];\n\n var _stripUnit4 = stripUnit(maxScreen, true),\n unitlessMaxScreen = _stripUnit4[0],\n maxScreenUnit = _stripUnit4[1];\n\n if (typeof unitlessMinScreen !== 'number' || typeof unitlessMaxScreen !== 'number' || !minScreenUnit || !maxScreenUnit || minScreenUnit !== maxScreenUnit) {\n throw new PolishedError(47);\n }\n\n if (typeof unitlessFromSize !== 'number' || typeof unitlessToSize !== 'number' || !fromSizeUnit || !toSizeUnit || fromSizeUnit !== toSizeUnit) {\n throw new PolishedError(48);\n }\n\n var slope = (unitlessFromSize - unitlessToSize) / (unitlessMinScreen - unitlessMaxScreen);\n var base = unitlessToSize - slope * unitlessMaxScreen;\n return \"calc(\" + base.toFixed(2) + fromSizeUnit + \" + \" + (100 * slope).toFixed(2) + \"vw)\";\n}\n/**\n * CSS to contain a float (credit to CSSMojo).\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...clearFix(),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${clearFix()}\n * `\n *\n * // CSS as JS Output\n *\n * '&::after': {\n * 'clear': 'both',\n * 'content': '\"\"',\n * 'display': 'table'\n * }\n */\n\n\nfunction clearFix(parent) {\n var _ref;\n\n if (parent === void 0) {\n parent = '&';\n }\n\n var pseudoSelector = parent + \"::after\";\n return _ref = {}, _ref[pseudoSelector] = {\n clear: 'both',\n content: '\"\"',\n display: 'table'\n }, _ref;\n}\n/**\n * CSS to fully cover an area. Can optionally be passed an offset to act as a \"padding\".\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...cover()\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${cover()}\n * `\n *\n * // CSS as JS Output\n *\n * div: {\n * 'position': 'absolute',\n * 'top': '0',\n * 'right: '0',\n * 'bottom': '0',\n * 'left: '0'\n * }\n */\n\n\nfunction cover(offset) {\n if (offset === void 0) {\n offset = 0;\n }\n\n return {\n position: 'absolute',\n top: offset,\n right: offset,\n bottom: offset,\n left: offset\n };\n}\n/**\n * CSS to represent truncated text with an ellipsis.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...ellipsis('250px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${ellipsis('250px')}\n * `\n *\n * // CSS as JS Output\n *\n * div: {\n * 'display': 'inline-block',\n * 'maxWidth': '250px',\n * 'overflow': 'hidden',\n * 'textOverflow': 'ellipsis',\n * 'whiteSpace': 'nowrap',\n * 'wordWrap': 'normal'\n * }\n */\n\n\nfunction ellipsis(width) {\n if (width === void 0) {\n width = '100%';\n }\n\n return {\n display: 'inline-block',\n maxWidth: width,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n wordWrap: 'normal'\n };\n}\n/**\n * Returns a set of media queries that resizes a property (or set of properties) between a provided fromSize and toSize. Accepts optional minScreen (defaults to '320px') and maxScreen (defaults to '1200px') to constrain the interpolation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...fluidRange(\n * {\n * prop: 'padding',\n * fromSize: '20px',\n * toSize: '100px',\n * },\n * '400px',\n * '1000px',\n * )\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${fluidRange(\n * {\n * prop: 'padding',\n * fromSize: '20px',\n * toSize: '100px',\n * },\n * '400px',\n * '1000px',\n * )}\n * `\n *\n * // CSS as JS Output\n *\n * div: {\n * \"@media (min-width: 1000px)\": Object {\n * \"padding\": \"100px\",\n * },\n * \"@media (min-width: 400px)\": Object {\n * \"padding\": \"calc(-33.33333333333334px + 13.333333333333334vw)\",\n * },\n * \"padding\": \"20px\",\n * }\n */\n\n\nfunction fluidRange(cssProp, minScreen, maxScreen) {\n if (minScreen === void 0) {\n minScreen = '320px';\n }\n\n if (maxScreen === void 0) {\n maxScreen = '1200px';\n }\n\n if (!Array.isArray(cssProp) && typeof cssProp !== 'object' || cssProp === null) {\n throw new PolishedError(49);\n }\n\n if (Array.isArray(cssProp)) {\n var mediaQueries = {};\n var fallbacks = {};\n\n for (var _iterator = cssProp, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {\n var _extends2, _extends3;\n\n var _ref;\n\n if (_isArray) {\n if (_i >= _iterator.length) break;\n _ref = _iterator[_i++];\n } else {\n _i = _iterator.next();\n if (_i.done) break;\n _ref = _i.value;\n }\n\n var obj = _ref;\n\n if (!obj.prop || !obj.fromSize || !obj.toSize) {\n throw new PolishedError(50);\n }\n\n fallbacks[obj.prop] = obj.fromSize;\n mediaQueries[\"@media (min-width: \" + minScreen + \")\"] = _extends({}, mediaQueries[\"@media (min-width: \" + minScreen + \")\"], (_extends2 = {}, _extends2[obj.prop] = between(obj.fromSize, obj.toSize, minScreen, maxScreen), _extends2));\n mediaQueries[\"@media (min-width: \" + maxScreen + \")\"] = _extends({}, mediaQueries[\"@media (min-width: \" + maxScreen + \")\"], (_extends3 = {}, _extends3[obj.prop] = obj.toSize, _extends3));\n }\n\n return _extends({}, fallbacks, mediaQueries);\n } else {\n var _ref2, _ref3, _ref4;\n\n if (!cssProp.prop || !cssProp.fromSize || !cssProp.toSize) {\n throw new PolishedError(51);\n }\n\n return _ref4 = {}, _ref4[cssProp.prop] = cssProp.fromSize, _ref4[\"@media (min-width: \" + minScreen + \")\"] = (_ref2 = {}, _ref2[cssProp.prop] = between(cssProp.fromSize, cssProp.toSize, minScreen, maxScreen), _ref2), _ref4[\"@media (min-width: \" + maxScreen + \")\"] = (_ref3 = {}, _ref3[cssProp.prop] = cssProp.toSize, _ref3), _ref4;\n }\n}\n\nvar dataURIRegex = /^\\s*data:([a-z]+\\/[a-z-]+(;[a-z-]+=[a-z-]+)?)?(;charset=[a-z0-9-]+)?(;base64)?,[a-z0-9!$&',()*+,;=\\-._~:@/?%\\s]*\\s*$/i;\nvar formatHintMap = {\n woff: 'woff',\n woff2: 'woff2',\n ttf: 'truetype',\n otf: 'opentype',\n eot: 'embedded-opentype',\n svg: 'svg',\n svgz: 'svg'\n};\n\nfunction generateFormatHint(format, formatHint) {\n if (!formatHint) return '';\n return \" format(\\\"\" + formatHintMap[format] + \"\\\")\";\n}\n\nfunction isDataURI(fontFilePath) {\n return !!fontFilePath.match(dataURIRegex);\n}\n\nfunction generateFileReferences(fontFilePath, fileFormats, formatHint) {\n if (isDataURI(fontFilePath)) {\n return \"url(\\\"\" + fontFilePath + \"\\\")\" + generateFormatHint(fileFormats[0], formatHint);\n }\n\n var fileFontReferences = fileFormats.map(function (format) {\n return \"url(\\\"\" + fontFilePath + \".\" + format + \"\\\")\" + generateFormatHint(format, formatHint);\n });\n return fileFontReferences.join(', ');\n}\n\nfunction generateLocalReferences(localFonts) {\n var localFontReferences = localFonts.map(function (font) {\n return \"local(\\\"\" + font + \"\\\")\";\n });\n return localFontReferences.join(', ');\n}\n\nfunction generateSources(fontFilePath, localFonts, fileFormats, formatHint) {\n var fontReferences = [];\n if (localFonts) fontReferences.push(generateLocalReferences(localFonts));\n\n if (fontFilePath) {\n fontReferences.push(generateFileReferences(fontFilePath, fileFormats, formatHint));\n }\n\n return fontReferences.join(', ');\n}\n/**\n * CSS for a @font-face declaration.\n *\n * @example\n * // Styles as object basic usage\n * const styles = {\n * ...fontFace({\n * 'fontFamily': 'Sans-Pro',\n * 'fontFilePath': 'path/to/file'\n * })\n * }\n *\n * // styled-components basic usage\n * const GlobalStyle = createGlobalStyle`${\n * fontFace({\n * 'fontFamily': 'Sans-Pro',\n * 'fontFilePath': 'path/to/file'\n * }\n * )}`\n *\n * // CSS as JS Output\n *\n * '@font-face': {\n * 'fontFamily': 'Sans-Pro',\n * 'src': 'url(\"path/to/file.eot\"), url(\"path/to/file.woff2\"), url(\"path/to/file.woff\"), url(\"path/to/file.ttf\"), url(\"path/to/file.svg\")',\n * }\n */\n\n\nfunction fontFace(_ref) {\n var fontFamily = _ref.fontFamily,\n fontFilePath = _ref.fontFilePath,\n fontStretch = _ref.fontStretch,\n fontStyle = _ref.fontStyle,\n fontVariant = _ref.fontVariant,\n fontWeight = _ref.fontWeight,\n _ref$fileFormats = _ref.fileFormats,\n fileFormats = _ref$fileFormats === void 0 ? ['eot', 'woff2', 'woff', 'ttf', 'svg'] : _ref$fileFormats,\n _ref$formatHint = _ref.formatHint,\n formatHint = _ref$formatHint === void 0 ? false : _ref$formatHint,\n localFonts = _ref.localFonts,\n unicodeRange = _ref.unicodeRange,\n fontDisplay = _ref.fontDisplay,\n fontVariationSettings = _ref.fontVariationSettings,\n fontFeatureSettings = _ref.fontFeatureSettings; // Error Handling\n\n if (!fontFamily) throw new PolishedError(55);\n\n if (!fontFilePath && !localFonts) {\n throw new PolishedError(52);\n }\n\n if (localFonts && !Array.isArray(localFonts)) {\n throw new PolishedError(53);\n }\n\n if (!Array.isArray(fileFormats)) {\n throw new PolishedError(54);\n }\n\n var fontFaceDeclaration = {\n '@font-face': {\n fontFamily: fontFamily,\n src: generateSources(fontFilePath, localFonts, fileFormats, formatHint),\n unicodeRange: unicodeRange,\n fontStretch: fontStretch,\n fontStyle: fontStyle,\n fontVariant: fontVariant,\n fontWeight: fontWeight,\n fontDisplay: fontDisplay,\n fontVariationSettings: fontVariationSettings,\n fontFeatureSettings: fontFeatureSettings // Removes undefined fields for cleaner css object.\n\n }\n };\n return JSON.parse(JSON.stringify(fontFaceDeclaration));\n}\n/**\n * CSS to hide text to show a background image in a SEO-friendly way.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * 'backgroundImage': 'url(logo.png)',\n * ...hideText(),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * backgroundImage: url(logo.png);\n * ${hideText()};\n * `\n *\n * // CSS as JS Output\n *\n * 'div': {\n * 'backgroundImage': 'url(logo.png)',\n * 'textIndent': '101%',\n * 'overflow': 'hidden',\n * 'whiteSpace': 'nowrap',\n * }\n */\n\n\nfunction hideText() {\n return {\n textIndent: '101%',\n overflow: 'hidden',\n whiteSpace: 'nowrap'\n };\n}\n/**\n * CSS to hide content visually but remain accessible to screen readers.\n * from [HTML5 Boilerplate](https://github.com/h5bp/html5-boilerplate/blob/9a176f57af1cfe8ec70300da4621fb9b07e5fa31/src/css/main.css#L121)\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...hideVisually(),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${hideVisually()};\n * `\n *\n * // CSS as JS Output\n *\n * 'div': {\n * 'border': '0',\n * 'clip': 'rect(0 0 0 0)',\n * 'clipPath': 'inset(50%)',\n * 'height': '1px',\n * 'margin': '-1px',\n * 'overflow': 'hidden',\n * 'padding': '0',\n * 'position': 'absolute',\n * 'whiteSpace': 'nowrap',\n * 'width': '1px',\n * }\n */\n\n\nfunction hideVisually() {\n return {\n border: '0',\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: '0',\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px'\n };\n}\n/**\n * Generates a media query to target HiDPI devices.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * [hiDPI(1.5)]: {\n * width: 200px;\n * }\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${hiDPI(1.5)} {\n * width: 200px;\n * }\n * `\n *\n * // CSS as JS Output\n *\n * '@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n * only screen and (min--moz-device-pixel-ratio: 1.5),\n * only screen and (-o-min-device-pixel-ratio: 1.5/1),\n * only screen and (min-resolution: 144dpi),\n * only screen and (min-resolution: 1.5dppx)': {\n * 'width': '200px',\n * }\n */\n\n\nfunction hiDPI(ratio) {\n if (ratio === void 0) {\n ratio = 1.3;\n }\n\n return \"\\n @media only screen and (-webkit-min-device-pixel-ratio: \" + ratio + \"),\\n only screen and (min--moz-device-pixel-ratio: \" + ratio + \"),\\n only screen and (-o-min-device-pixel-ratio: \" + ratio + \"/1),\\n only screen and (min-resolution: \" + Math.round(ratio * 96) + \"dpi),\\n only screen and (min-resolution: \" + ratio + \"dppx)\\n \";\n}\n\nfunction constructGradientValue(literals) {\n var template = '';\n\n for (var _len = arguments.length, substitutions = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n substitutions[_key - 1] = arguments[_key];\n }\n\n for (var i = 0; i < literals.length; i += 1) {\n template += literals[i];\n\n if (i === substitutions.length - 1 && substitutions[i]) {\n var definedValues = substitutions.filter(function (substitute) {\n return !!substitute;\n }); // Adds leading coma if properties preceed color-stops\n\n if (definedValues.length > 1) {\n template = template.slice(0, -1);\n template += \", \" + substitutions[i]; // No trailing space if color-stops is the only param provided\n } else if (definedValues.length === 1) {\n template += \"\" + substitutions[i];\n }\n } else if (substitutions[i]) {\n template += substitutions[i] + \" \";\n }\n }\n\n return template.trim();\n}\n\nfunction _templateObject() {\n var data = _taggedTemplateLiteralLoose([\"linear-gradient(\", \"\", \")\"]);\n\n _templateObject = function _templateObject() {\n return data;\n };\n\n return data;\n}\n/**\n * CSS for declaring a linear gradient, including a fallback background-color. The fallback is either the first color-stop or an explicitly passed fallback color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...linearGradient({\n colorStops: ['#00FFFF 0%', 'rgba(0, 0, 255, 0) 50%', '#0000FF 95%'],\n toDirection: 'to top right',\n fallback: '#FFF',\n })\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${linearGradient({\n colorStops: ['#00FFFF 0%', 'rgba(0, 0, 255, 0) 50%', '#0000FF 95%'],\n toDirection: 'to top right',\n fallback: '#FFF',\n })}\n *`\n *\n * // CSS as JS Output\n *\n * div: {\n * 'backgroundColor': '#FFF',\n * 'backgroundImage': 'linear-gradient(to top right, #00FFFF 0%, rgba(0, 0, 255, 0) 50%, #0000FF 95%)',\n * }\n */\n\n\nfunction linearGradient(_ref) {\n var colorStops = _ref.colorStops,\n fallback = _ref.fallback,\n _ref$toDirection = _ref.toDirection,\n toDirection = _ref$toDirection === void 0 ? '' : _ref$toDirection;\n\n if (!colorStops || colorStops.length < 2) {\n throw new PolishedError(56);\n }\n\n return {\n backgroundColor: fallback || colorStops[0].split(' ')[0],\n backgroundImage: constructGradientValue(_templateObject(), toDirection, colorStops.join(', '))\n };\n}\n/**\n * CSS to normalize abnormalities across browsers (normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css)\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...normalize(),\n * }\n *\n * // styled-components usage\n * const GlobalStyle = createGlobalStyle`${normalize()}`\n *\n * // CSS as JS Output\n *\n * html {\n * lineHeight: 1.15,\n * textSizeAdjust: 100%,\n * } ...\n */\n\n\nfunction normalize() {\n var _ref;\n\n return [(_ref = {\n html: {\n lineHeight: '1.15',\n textSizeAdjust: '100%'\n },\n body: {\n margin: '0'\n },\n h1: {\n fontSize: '2em',\n margin: '0.67em 0'\n },\n hr: {\n boxSizing: 'content-box',\n height: '0',\n overflow: 'visible'\n },\n pre: {\n fontFamily: 'monospace, monospace',\n fontSize: '1em'\n },\n a: {\n backgroundColor: 'transparent'\n },\n 'abbr[title]': {\n borderBottom: 'none',\n textDecoration: 'underline'\n }\n }, _ref[\"b,\\n strong\"] = {\n fontWeight: 'bolder'\n }, _ref[\"code,\\n kbd,\\n samp\"] = {\n fontFamily: 'monospace, monospace',\n fontSize: '1em'\n }, _ref.small = {\n fontSize: '80%'\n }, _ref[\"sub,\\n sup\"] = {\n fontSize: '75%',\n lineHeight: '0',\n position: 'relative',\n verticalAlign: 'baseline'\n }, _ref.sub = {\n bottom: '-0.25em'\n }, _ref.sup = {\n top: '-0.5em'\n }, _ref.img = {\n borderStyle: 'none'\n }, _ref[\"button,\\n input,\\n optgroup,\\n select,\\n textarea\"] = {\n fontFamily: 'inherit',\n fontSize: '100%',\n lineHeight: '1.15',\n margin: '0'\n }, _ref[\"button,\\n input\"] = {\n overflow: 'visible'\n }, _ref[\"button,\\n select\"] = {\n textTransform: 'none'\n }, _ref[\"button,\\n html [type=\\\"button\\\"],\\n [type=\\\"reset\\\"],\\n [type=\\\"submit\\\"]\"] = {\n WebkitAppearance: 'button'\n }, _ref[\"button::-moz-focus-inner,\\n [type=\\\"button\\\"]::-moz-focus-inner,\\n [type=\\\"reset\\\"]::-moz-focus-inner,\\n [type=\\\"submit\\\"]::-moz-focus-inner\"] = {\n borderStyle: 'none',\n padding: '0'\n }, _ref[\"button:-moz-focusring,\\n [type=\\\"button\\\"]:-moz-focusring,\\n [type=\\\"reset\\\"]:-moz-focusring,\\n [type=\\\"submit\\\"]:-moz-focusring\"] = {\n outline: '1px dotted ButtonText'\n }, _ref.fieldset = {\n padding: '0.35em 0.625em 0.75em'\n }, _ref.legend = {\n boxSizing: 'border-box',\n color: 'inherit',\n display: 'table',\n maxWidth: '100%',\n padding: '0',\n whiteSpace: 'normal'\n }, _ref.progress = {\n verticalAlign: 'baseline'\n }, _ref.textarea = {\n overflow: 'auto'\n }, _ref[\"[type=\\\"checkbox\\\"],\\n [type=\\\"radio\\\"]\"] = {\n boxSizing: 'border-box',\n padding: '0'\n }, _ref[\"[type=\\\"number\\\"]::-webkit-inner-spin-button,\\n [type=\\\"number\\\"]::-webkit-outer-spin-button\"] = {\n height: 'auto'\n }, _ref['[type=\"search\"]'] = {\n WebkitAppearance: 'textfield',\n outlineOffset: '-2px'\n }, _ref['[type=\"search\"]::-webkit-search-decoration'] = {\n WebkitAppearance: 'none'\n }, _ref['::-webkit-file-upload-button'] = {\n WebkitAppearance: 'button',\n font: 'inherit'\n }, _ref.details = {\n display: 'block'\n }, _ref.summary = {\n display: 'list-item'\n }, _ref.template = {\n display: 'none'\n }, _ref['[hidden]'] = {\n display: 'none'\n }, _ref), {\n 'abbr[title]': {\n textDecoration: 'underline dotted'\n }\n }];\n}\n\nfunction _templateObject$1() {\n var data = _taggedTemplateLiteralLoose([\"radial-gradient(\", \"\", \"\", \"\", \")\"]);\n\n _templateObject$1 = function _templateObject() {\n return data;\n };\n\n return data;\n}\n/**\n * CSS for declaring a radial gradient, including a fallback background-color. The fallback is either the first color-stop or an explicitly passed fallback color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...radialGradient({\n * colorStops: ['#00FFFF 0%', 'rgba(0, 0, 255, 0) 50%', '#0000FF 95%'],\n * extent: 'farthest-corner at 45px 45px',\n * position: 'center',\n * shape: 'ellipse',\n * })\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${radialGradient({\n * colorStops: ['#00FFFF 0%', 'rgba(0, 0, 255, 0) 50%', '#0000FF 95%'],\n * extent: 'farthest-corner at 45px 45px',\n * position: 'center',\n * shape: 'ellipse',\n * })}\n *`\n *\n * // CSS as JS Output\n *\n * div: {\n * 'backgroundColor': '#00FFFF',\n * 'backgroundImage': 'radial-gradient(center ellipse farthest-corner at 45px 45px, #00FFFF 0%, rgba(0, 0, 255, 0) 50%, #0000FF 95%)',\n * }\n */\n\n\nfunction radialGradient(_ref) {\n var colorStops = _ref.colorStops,\n _ref$extent = _ref.extent,\n extent = _ref$extent === void 0 ? '' : _ref$extent,\n fallback = _ref.fallback,\n _ref$position = _ref.position,\n position = _ref$position === void 0 ? '' : _ref$position,\n _ref$shape = _ref.shape,\n shape = _ref$shape === void 0 ? '' : _ref$shape;\n\n if (!colorStops || colorStops.length < 2) {\n throw new PolishedError(57);\n }\n\n return {\n backgroundColor: fallback || colorStops[0].split(' ')[0],\n backgroundImage: constructGradientValue(_templateObject$1(), position, shape, extent, colorStops.join(', '))\n };\n}\n/**\n * A helper to generate a retina background image and non-retina\n * background image. The retina background image will output to a HiDPI media query. The mixin uses\n * a _2x.png filename suffix by default.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...retinaImage('my-img')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${retinaImage('my-img')}\n * `\n *\n * // CSS as JS Output\n * div {\n * backgroundImage: 'url(my-img.png)',\n * '@media only screen and (-webkit-min-device-pixel-ratio: 1.3),\n * only screen and (min--moz-device-pixel-ratio: 1.3),\n * only screen and (-o-min-device-pixel-ratio: 1.3/1),\n * only screen and (min-resolution: 144dpi),\n * only screen and (min-resolution: 1.5dppx)': {\n * backgroundImage: 'url(my-img_2x.png)',\n * }\n * }\n */\n\n\nfunction retinaImage(filename, backgroundSize, extension, retinaFilename, retinaSuffix) {\n var _ref;\n\n if (extension === void 0) {\n extension = 'png';\n }\n\n if (retinaSuffix === void 0) {\n retinaSuffix = '_2x';\n }\n\n if (!filename) {\n throw new PolishedError(58);\n } // Replace the dot at the beginning of the passed extension if one exists\n\n\n var ext = extension.replace(/^\\./, '');\n var rFilename = retinaFilename ? retinaFilename + \".\" + ext : \"\" + filename + retinaSuffix + \".\" + ext;\n return _ref = {\n backgroundImage: \"url(\" + filename + \".\" + ext + \")\"\n }, _ref[hiDPI()] = _extends({\n backgroundImage: \"url(\" + rFilename + \")\"\n }, backgroundSize ? {\n backgroundSize: backgroundSize\n } : {}), _ref;\n}\n/* eslint-disable key-spacing */\n\n\nvar functionsMap = {\n easeInBack: 'cubic-bezier(0.600, -0.280, 0.735, 0.045)',\n easeInCirc: 'cubic-bezier(0.600, 0.040, 0.980, 0.335)',\n easeInCubic: 'cubic-bezier(0.550, 0.055, 0.675, 0.190)',\n easeInExpo: 'cubic-bezier(0.950, 0.050, 0.795, 0.035)',\n easeInQuad: 'cubic-bezier(0.550, 0.085, 0.680, 0.530)',\n easeInQuart: 'cubic-bezier(0.895, 0.030, 0.685, 0.220)',\n easeInQuint: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)',\n easeInSine: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)',\n easeOutBack: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)',\n easeOutCubic: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',\n easeOutCirc: 'cubic-bezier(0.075, 0.820, 0.165, 1.000)',\n easeOutExpo: 'cubic-bezier(0.190, 1.000, 0.220, 1.000)',\n easeOutQuad: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)',\n easeOutQuart: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',\n easeOutQuint: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)',\n easeOutSine: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n easeInOutBack: 'cubic-bezier(0.680, -0.550, 0.265, 1.550)',\n easeInOutCirc: 'cubic-bezier(0.785, 0.135, 0.150, 0.860)',\n easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',\n easeInOutExpo: 'cubic-bezier(1.000, 0.000, 0.000, 1.000)',\n easeInOutQuad: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',\n easeInOutQuart: 'cubic-bezier(0.770, 0.000, 0.175, 1.000)',\n easeInOutQuint: 'cubic-bezier(0.860, 0.000, 0.070, 1.000)',\n easeInOutSine: 'cubic-bezier(0.445, 0.050, 0.550, 0.950)'\n /* eslint-enable key-spacing */\n\n};\n\nfunction getTimingFunction(functionName) {\n return functionsMap[functionName];\n}\n/**\n * String to represent common easing functions as demonstrated here: (github.com/jaukia/easie).\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * 'transitionTimingFunction': timingFunctions('easeInQuad')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * transitionTimingFunction: ${timingFunctions('easeInQuad')};\n * `\n *\n * // CSS as JS Output\n *\n * 'div': {\n * 'transitionTimingFunction': 'cubic-bezier(0.550, 0.085, 0.680, 0.530)',\n * }\n */\n\n\nfunction timingFunctions(timingFunction) {\n return getTimingFunction(timingFunction);\n}\n\nvar getBorderWidth = function getBorderWidth(pointingDirection, height, width) {\n var fullWidth = \"\" + width[0] + (width[1] || '');\n var halfWidth = \"\" + width[0] / 2 + (width[1] || '');\n var fullHeight = \"\" + height[0] + (height[1] || '');\n var halfHeight = \"\" + height[0] / 2 + (height[1] || '');\n\n switch (pointingDirection) {\n case 'top':\n return \"0 \" + halfWidth + \" \" + fullHeight + \" \" + halfWidth;\n\n case 'topLeft':\n return fullWidth + \" \" + fullHeight + \" 0 0\";\n\n case 'left':\n return halfHeight + \" \" + fullWidth + \" \" + halfHeight + \" 0\";\n\n case 'bottomLeft':\n return fullWidth + \" 0 0 \" + fullHeight;\n\n case 'bottom':\n return fullHeight + \" \" + halfWidth + \" 0 \" + halfWidth;\n\n case 'bottomRight':\n return \"0 0 \" + fullWidth + \" \" + fullHeight;\n\n case 'right':\n return halfHeight + \" 0 \" + halfHeight + \" \" + fullWidth;\n\n case 'topRight':\n default:\n return \"0 \" + fullWidth + \" \" + fullHeight + \" 0\";\n }\n};\n\nvar getBorderColor = function getBorderColor(pointingDirection, foregroundColor, backgroundColor) {\n switch (pointingDirection) {\n case 'top':\n case 'bottomRight':\n return backgroundColor + \" \" + backgroundColor + \" \" + foregroundColor + \" \" + backgroundColor;\n\n case 'right':\n case 'bottomLeft':\n return backgroundColor + \" \" + backgroundColor + \" \" + backgroundColor + \" \" + foregroundColor;\n\n case 'bottom':\n case 'topLeft':\n return foregroundColor + \" \" + backgroundColor + \" \" + backgroundColor + \" \" + backgroundColor;\n\n case 'left':\n case 'topRight':\n return backgroundColor + \" \" + foregroundColor + \" \" + backgroundColor + \" \" + backgroundColor;\n\n default:\n throw new PolishedError(59);\n }\n};\n/**\n * CSS to represent triangle with any pointing direction with an optional background color.\n *\n * @example\n * // Styles as object usage\n *\n * const styles = {\n * ...triangle({ pointingDirection: 'right', width: '100px', height: '100px', foregroundColor: 'red' })\n * }\n *\n *\n * // styled-components usage\n * const div = styled.div`\n * ${triangle({ pointingDirection: 'right', width: '100px', height: '100px', foregroundColor: 'red' })}\n *\n *\n * // CSS as JS Output\n *\n * div: {\n * 'borderColor': 'transparent transparent transparent red',\n * 'borderStyle': 'solid',\n * 'borderWidth': '50px 0 50px 100px',\n * 'height': '0',\n * 'width': '0',\n * }\n */\n\n\nfunction triangle(_ref) {\n var pointingDirection = _ref.pointingDirection,\n height = _ref.height,\n width = _ref.width,\n foregroundColor = _ref.foregroundColor,\n _ref$backgroundColor = _ref.backgroundColor,\n backgroundColor = _ref$backgroundColor === void 0 ? 'transparent' : _ref$backgroundColor;\n var widthAndUnit = stripUnit(width, true);\n var heightAndUnit = stripUnit(height, true);\n\n if (isNaN(heightAndUnit[0]) || isNaN(widthAndUnit[0])) {\n throw new PolishedError(60);\n }\n\n return {\n width: '0',\n height: '0',\n borderColor: getBorderColor(pointingDirection, foregroundColor, backgroundColor),\n borderStyle: 'solid',\n borderWidth: getBorderWidth(pointingDirection, heightAndUnit, widthAndUnit)\n };\n}\n/**\n * Provides an easy way to change the `wordWrap` property.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...wordWrap('break-word')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${wordWrap('break-word')}\n * `\n *\n * // CSS as JS Output\n *\n * const styles = {\n * overflowWrap: 'break-word',\n * wordWrap: 'break-word',\n * wordBreak: 'break-all',\n * }\n */\n\n\nfunction wordWrap(wrap) {\n if (wrap === void 0) {\n wrap = 'break-word';\n }\n\n var wordBreak = wrap === 'break-word' ? 'break-all' : wrap;\n return {\n overflowWrap: wrap,\n wordWrap: wrap,\n wordBreak: wordBreak\n };\n}\n\nfunction colorToInt(color) {\n return Math.round(color * 255);\n}\n\nfunction convertToInt(red, green, blue) {\n return colorToInt(red) + \",\" + colorToInt(green) + \",\" + colorToInt(blue);\n}\n\nfunction hslToRgb(hue, saturation, lightness, convert) {\n if (convert === void 0) {\n convert = convertToInt;\n }\n\n if (saturation === 0) {\n // achromatic\n return convert(lightness, lightness, lightness);\n } // formulae from https://en.wikipedia.org/wiki/HSL_and_HSV\n\n\n var huePrime = (hue % 360 + 360) % 360 / 60;\n var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;\n var secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));\n var red = 0;\n var green = 0;\n var blue = 0;\n\n if (huePrime >= 0 && huePrime < 1) {\n red = chroma;\n green = secondComponent;\n } else if (huePrime >= 1 && huePrime < 2) {\n red = secondComponent;\n green = chroma;\n } else if (huePrime >= 2 && huePrime < 3) {\n green = chroma;\n blue = secondComponent;\n } else if (huePrime >= 3 && huePrime < 4) {\n green = secondComponent;\n blue = chroma;\n } else if (huePrime >= 4 && huePrime < 5) {\n red = secondComponent;\n blue = chroma;\n } else if (huePrime >= 5 && huePrime < 6) {\n red = chroma;\n blue = secondComponent;\n }\n\n var lightnessModification = lightness - chroma / 2;\n var finalRed = red + lightnessModification;\n var finalGreen = green + lightnessModification;\n var finalBlue = blue + lightnessModification;\n return convert(finalRed, finalGreen, finalBlue);\n}\n\nvar namedColorMap = {\n aliceblue: 'f0f8ff',\n antiquewhite: 'faebd7',\n aqua: '00ffff',\n aquamarine: '7fffd4',\n azure: 'f0ffff',\n beige: 'f5f5dc',\n bisque: 'ffe4c4',\n black: '000',\n blanchedalmond: 'ffebcd',\n blue: '0000ff',\n blueviolet: '8a2be2',\n brown: 'a52a2a',\n burlywood: 'deb887',\n cadetblue: '5f9ea0',\n chartreuse: '7fff00',\n chocolate: 'd2691e',\n coral: 'ff7f50',\n cornflowerblue: '6495ed',\n cornsilk: 'fff8dc',\n crimson: 'dc143c',\n cyan: '00ffff',\n darkblue: '00008b',\n darkcyan: '008b8b',\n darkgoldenrod: 'b8860b',\n darkgray: 'a9a9a9',\n darkgreen: '006400',\n darkgrey: 'a9a9a9',\n darkkhaki: 'bdb76b',\n darkmagenta: '8b008b',\n darkolivegreen: '556b2f',\n darkorange: 'ff8c00',\n darkorchid: '9932cc',\n darkred: '8b0000',\n darksalmon: 'e9967a',\n darkseagreen: '8fbc8f',\n darkslateblue: '483d8b',\n darkslategray: '2f4f4f',\n darkslategrey: '2f4f4f',\n darkturquoise: '00ced1',\n darkviolet: '9400d3',\n deeppink: 'ff1493',\n deepskyblue: '00bfff',\n dimgray: '696969',\n dimgrey: '696969',\n dodgerblue: '1e90ff',\n firebrick: 'b22222',\n floralwhite: 'fffaf0',\n forestgreen: '228b22',\n fuchsia: 'ff00ff',\n gainsboro: 'dcdcdc',\n ghostwhite: 'f8f8ff',\n gold: 'ffd700',\n goldenrod: 'daa520',\n gray: '808080',\n green: '008000',\n greenyellow: 'adff2f',\n grey: '808080',\n honeydew: 'f0fff0',\n hotpink: 'ff69b4',\n indianred: 'cd5c5c',\n indigo: '4b0082',\n ivory: 'fffff0',\n khaki: 'f0e68c',\n lavender: 'e6e6fa',\n lavenderblush: 'fff0f5',\n lawngreen: '7cfc00',\n lemonchiffon: 'fffacd',\n lightblue: 'add8e6',\n lightcoral: 'f08080',\n lightcyan: 'e0ffff',\n lightgoldenrodyellow: 'fafad2',\n lightgray: 'd3d3d3',\n lightgreen: '90ee90',\n lightgrey: 'd3d3d3',\n lightpink: 'ffb6c1',\n lightsalmon: 'ffa07a',\n lightseagreen: '20b2aa',\n lightskyblue: '87cefa',\n lightslategray: '789',\n lightslategrey: '789',\n lightsteelblue: 'b0c4de',\n lightyellow: 'ffffe0',\n lime: '0f0',\n limegreen: '32cd32',\n linen: 'faf0e6',\n magenta: 'f0f',\n maroon: '800000',\n mediumaquamarine: '66cdaa',\n mediumblue: '0000cd',\n mediumorchid: 'ba55d3',\n mediumpurple: '9370db',\n mediumseagreen: '3cb371',\n mediumslateblue: '7b68ee',\n mediumspringgreen: '00fa9a',\n mediumturquoise: '48d1cc',\n mediumvioletred: 'c71585',\n midnightblue: '191970',\n mintcream: 'f5fffa',\n mistyrose: 'ffe4e1',\n moccasin: 'ffe4b5',\n navajowhite: 'ffdead',\n navy: '000080',\n oldlace: 'fdf5e6',\n olive: '808000',\n olivedrab: '6b8e23',\n orange: 'ffa500',\n orangered: 'ff4500',\n orchid: 'da70d6',\n palegoldenrod: 'eee8aa',\n palegreen: '98fb98',\n paleturquoise: 'afeeee',\n palevioletred: 'db7093',\n papayawhip: 'ffefd5',\n peachpuff: 'ffdab9',\n peru: 'cd853f',\n pink: 'ffc0cb',\n plum: 'dda0dd',\n powderblue: 'b0e0e6',\n purple: '800080',\n rebeccapurple: '639',\n red: 'f00',\n rosybrown: 'bc8f8f',\n royalblue: '4169e1',\n saddlebrown: '8b4513',\n salmon: 'fa8072',\n sandybrown: 'f4a460',\n seagreen: '2e8b57',\n seashell: 'fff5ee',\n sienna: 'a0522d',\n silver: 'c0c0c0',\n skyblue: '87ceeb',\n slateblue: '6a5acd',\n slategray: '708090',\n slategrey: '708090',\n snow: 'fffafa',\n springgreen: '00ff7f',\n steelblue: '4682b4',\n tan: 'd2b48c',\n teal: '008080',\n thistle: 'd8bfd8',\n tomato: 'ff6347',\n turquoise: '40e0d0',\n violet: 'ee82ee',\n wheat: 'f5deb3',\n white: 'fff',\n whitesmoke: 'f5f5f5',\n yellow: 'ff0',\n yellowgreen: '9acd32'\n /**\n * Checks if a string is a CSS named color and returns its equivalent hex value, otherwise returns the original color.\n * @private\n */\n\n};\n\nfunction nameToHex(color) {\n if (typeof color !== 'string') return color;\n var normalizedColorName = color.toLowerCase();\n return namedColorMap[normalizedColorName] ? \"#\" + namedColorMap[normalizedColorName] : color;\n}\n\nvar hexRegex = /^#[a-fA-F0-9]{6}$/;\nvar hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;\nvar reducedHexRegex = /^#[a-fA-F0-9]{3}$/;\nvar reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;\nvar rgbRegex = /^rgb\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*\\)$/i;\nvar rgbaRegex = /^rgba\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*([-+]?[0-9]*[.]?[0-9]+)\\s*\\)$/i;\nvar hslRegex = /^hsl\\(\\s*(\\d{0,3}[.]?[0-9]+)\\s*,\\s*(\\d{1,3})%\\s*,\\s*(\\d{1,3})%\\s*\\)$/i;\nvar hslaRegex = /^hsla\\(\\s*(\\d{0,3}[.]?[0-9]+)\\s*,\\s*(\\d{1,3})%\\s*,\\s*(\\d{1,3})%\\s*,\\s*([-+]?[0-9]*[.]?[0-9]+)\\s*\\)$/i;\n/**\n * Returns an RgbColor or RgbaColor object. This utility function is only useful\n * if want to extract a color component. With the color util `toColorString` you\n * can convert a RgbColor or RgbaColor object back to a string.\n *\n * @example\n * // Assigns `{ red: 255, green: 0, blue: 0 }` to color1\n * const color1 = parseToRgb('rgb(255, 0, 0)');\n * // Assigns `{ red: 92, green: 102, blue: 112, alpha: 0.75 }` to color2\n * const color2 = parseToRgb('hsla(210, 10%, 40%, 0.75)');\n */\n\nfunction parseToRgb(color) {\n if (typeof color !== 'string') {\n throw new PolishedError(3);\n }\n\n var normalizedColor = nameToHex(color);\n\n if (normalizedColor.match(hexRegex)) {\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[2], 16),\n green: parseInt(\"\" + normalizedColor[3] + normalizedColor[4], 16),\n blue: parseInt(\"\" + normalizedColor[5] + normalizedColor[6], 16)\n };\n }\n\n if (normalizedColor.match(hexRgbaRegex)) {\n var alpha = parseFloat((parseInt(\"\" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[2], 16),\n green: parseInt(\"\" + normalizedColor[3] + normalizedColor[4], 16),\n blue: parseInt(\"\" + normalizedColor[5] + normalizedColor[6], 16),\n alpha: alpha\n };\n }\n\n if (normalizedColor.match(reducedHexRegex)) {\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[1], 16),\n green: parseInt(\"\" + normalizedColor[2] + normalizedColor[2], 16),\n blue: parseInt(\"\" + normalizedColor[3] + normalizedColor[3], 16)\n };\n }\n\n if (normalizedColor.match(reducedRgbaHexRegex)) {\n var _alpha = parseFloat((parseInt(\"\" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));\n\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[1], 16),\n green: parseInt(\"\" + normalizedColor[2] + normalizedColor[2], 16),\n blue: parseInt(\"\" + normalizedColor[3] + normalizedColor[3], 16),\n alpha: _alpha\n };\n }\n\n var rgbMatched = rgbRegex.exec(normalizedColor);\n\n if (rgbMatched) {\n return {\n red: parseInt(\"\" + rgbMatched[1], 10),\n green: parseInt(\"\" + rgbMatched[2], 10),\n blue: parseInt(\"\" + rgbMatched[3], 10)\n };\n }\n\n var rgbaMatched = rgbaRegex.exec(normalizedColor);\n\n if (rgbaMatched) {\n return {\n red: parseInt(\"\" + rgbaMatched[1], 10),\n green: parseInt(\"\" + rgbaMatched[2], 10),\n blue: parseInt(\"\" + rgbaMatched[3], 10),\n alpha: parseFloat(\"\" + rgbaMatched[4])\n };\n }\n\n var hslMatched = hslRegex.exec(normalizedColor);\n\n if (hslMatched) {\n var hue = parseInt(\"\" + hslMatched[1], 10);\n var saturation = parseInt(\"\" + hslMatched[2], 10) / 100;\n var lightness = parseInt(\"\" + hslMatched[3], 10) / 100;\n var rgbColorString = \"rgb(\" + hslToRgb(hue, saturation, lightness) + \")\";\n var hslRgbMatched = rgbRegex.exec(rgbColorString);\n\n if (!hslRgbMatched) {\n throw new PolishedError(4, normalizedColor, rgbColorString);\n }\n\n return {\n red: parseInt(\"\" + hslRgbMatched[1], 10),\n green: parseInt(\"\" + hslRgbMatched[2], 10),\n blue: parseInt(\"\" + hslRgbMatched[3], 10)\n };\n }\n\n var hslaMatched = hslaRegex.exec(normalizedColor);\n\n if (hslaMatched) {\n var _hue = parseInt(\"\" + hslaMatched[1], 10);\n\n var _saturation = parseInt(\"\" + hslaMatched[2], 10) / 100;\n\n var _lightness = parseInt(\"\" + hslaMatched[3], 10) / 100;\n\n var _rgbColorString = \"rgb(\" + hslToRgb(_hue, _saturation, _lightness) + \")\";\n\n var _hslRgbMatched = rgbRegex.exec(_rgbColorString);\n\n if (!_hslRgbMatched) {\n throw new PolishedError(4, normalizedColor, _rgbColorString);\n }\n\n return {\n red: parseInt(\"\" + _hslRgbMatched[1], 10),\n green: parseInt(\"\" + _hslRgbMatched[2], 10),\n blue: parseInt(\"\" + _hslRgbMatched[3], 10),\n alpha: parseFloat(\"\" + hslaMatched[4])\n };\n }\n\n throw new PolishedError(5);\n}\n\nfunction rgbToHsl(color) {\n // make sure rgb are contained in a set of [0, 255]\n var red = color.red / 255;\n var green = color.green / 255;\n var blue = color.blue / 255;\n var max = Math.max(red, green, blue);\n var min = Math.min(red, green, blue);\n var lightness = (max + min) / 2;\n\n if (max === min) {\n // achromatic\n if (color.alpha !== undefined) {\n return {\n hue: 0,\n saturation: 0,\n lightness: lightness,\n alpha: color.alpha\n };\n } else {\n return {\n hue: 0,\n saturation: 0,\n lightness: lightness\n };\n }\n }\n\n var hue;\n var delta = max - min;\n var saturation = lightness > 0.5 ? delta / (2 - max - min) : delta / (max + min);\n\n switch (max) {\n case red:\n hue = (green - blue) / delta + (green < blue ? 6 : 0);\n break;\n\n case green:\n hue = (blue - red) / delta + 2;\n break;\n\n default:\n // blue case\n hue = (red - green) / delta + 4;\n break;\n }\n\n hue *= 60;\n\n if (color.alpha !== undefined) {\n return {\n hue: hue,\n saturation: saturation,\n lightness: lightness,\n alpha: color.alpha\n };\n }\n\n return {\n hue: hue,\n saturation: saturation,\n lightness: lightness\n };\n}\n/**\n * Returns an HslColor or HslaColor object. This utility function is only useful\n * if want to extract a color component. With the color util `toColorString` you\n * can convert a HslColor or HslaColor object back to a string.\n *\n * @example\n * // Assigns `{ hue: 0, saturation: 1, lightness: 0.5 }` to color1\n * const color1 = parseToHsl('rgb(255, 0, 0)');\n * // Assigns `{ hue: 128, saturation: 1, lightness: 0.5, alpha: 0.75 }` to color2\n * const color2 = parseToHsl('hsla(128, 100%, 50%, 0.75)');\n */\n\n\nfunction parseToHsl(color) {\n // Note: At a later stage we can optimize this function as right now a hsl\n // color would be parsed converted to rgb values and converted back to hsl.\n return rgbToHsl(parseToRgb(color));\n}\n/**\n * Reduces hex values if possible e.g. #ff8866 to #f86\n * @private\n */\n\n\nvar reduceHexValue = function reduceHexValue(value) {\n if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {\n return \"#\" + value[1] + value[3] + value[5];\n }\n\n return value;\n};\n\nfunction numberToHex(value) {\n var hex = value.toString(16);\n return hex.length === 1 ? \"0\" + hex : hex;\n}\n\nfunction colorToHex(color) {\n return numberToHex(Math.round(color * 255));\n}\n\nfunction convertToHex(red, green, blue) {\n return reduceHexValue(\"#\" + colorToHex(red) + colorToHex(green) + colorToHex(blue));\n}\n\nfunction hslToHex(hue, saturation, lightness) {\n return hslToRgb(hue, saturation, lightness, convertToHex);\n}\n/**\n * Returns a string value for the color. The returned result is the smallest possible hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: hsl(359, 0.75, 0.4),\n * background: hsl({ hue: 360, saturation: 0.75, lightness: 0.4 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${hsl(359, 0.75, 0.4)};\n * background: ${hsl({ hue: 360, saturation: 0.75, lightness: 0.4 })};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#b3191c\";\n * background: \"#b3191c\";\n * }\n */\n\n\nfunction hsl(value, saturation, lightness) {\n if (typeof value === 'number' && typeof saturation === 'number' && typeof lightness === 'number') {\n return hslToHex(value, saturation, lightness);\n } else if (typeof value === 'object' && saturation === undefined && lightness === undefined) {\n return hslToHex(value.hue, value.saturation, value.lightness);\n }\n\n throw new PolishedError(1);\n}\n/**\n * Returns a string value for the color. The returned result is the smallest possible rgba or hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: hsla(359, 0.75, 0.4, 0.7),\n * background: hsla({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0,7 }),\n * background: hsla(359, 0.75, 0.4, 1),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${hsla(359, 0.75, 0.4, 0.7)};\n * background: ${hsla({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0,7 })};\n * background: ${hsla(359, 0.75, 0.4, 1)};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"rgba(179,25,28,0.7)\";\n * background: \"rgba(179,25,28,0.7)\";\n * background: \"#b3191c\";\n * }\n */\n\n\nfunction hsla(value, saturation, lightness, alpha) {\n if (typeof value === 'number' && typeof saturation === 'number' && typeof lightness === 'number' && typeof alpha === 'number') {\n return alpha >= 1 ? hslToHex(value, saturation, lightness) : \"rgba(\" + hslToRgb(value, saturation, lightness) + \",\" + alpha + \")\";\n } else if (typeof value === 'object' && saturation === undefined && lightness === undefined && alpha === undefined) {\n return value.alpha >= 1 ? hslToHex(value.hue, value.saturation, value.lightness) : \"rgba(\" + hslToRgb(value.hue, value.saturation, value.lightness) + \",\" + value.alpha + \")\";\n }\n\n throw new PolishedError(2);\n}\n/**\n * Returns a string value for the color. The returned result is the smallest possible hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: rgb(255, 205, 100),\n * background: rgb({ red: 255, green: 205, blue: 100 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${rgb(255, 205, 100)};\n * background: ${rgb({ red: 255, green: 205, blue: 100 })};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#ffcd64\";\n * background: \"#ffcd64\";\n * }\n */\n\n\nfunction rgb(value, green, blue) {\n if (typeof value === 'number' && typeof green === 'number' && typeof blue === 'number') {\n return reduceHexValue(\"#\" + numberToHex(value) + numberToHex(green) + numberToHex(blue));\n } else if (typeof value === 'object' && green === undefined && blue === undefined) {\n return reduceHexValue(\"#\" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));\n }\n\n throw new PolishedError(6);\n}\n/**\n * Returns a string value for the color. The returned result is the smallest possible rgba or hex notation.\n *\n * Can also be used to fade a color by passing a hex value or named CSS color along with an alpha value.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: rgba(255, 205, 100, 0.7),\n * background: rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 }),\n * background: rgba(255, 205, 100, 1),\n * background: rgba('#ffffff', 0.4),\n * background: rgba('black', 0.7),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${rgba(255, 205, 100, 0.7)};\n * background: ${rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 })};\n * background: ${rgba(255, 205, 100, 1)};\n * background: ${rgba('#ffffff', 0.4)};\n * background: ${rgba('black', 0.7)};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"rgba(255,205,100,0.7)\";\n * background: \"rgba(255,205,100,0.7)\";\n * background: \"#ffcd64\";\n * background: \"rgba(255,255,255,0.4)\";\n * background: \"rgba(0,0,0,0.7)\";\n * }\n */\n\n\nfunction rgba(firstValue, secondValue, thirdValue, fourthValue) {\n if (typeof firstValue === 'string' && typeof secondValue === 'number') {\n var rgbValue = parseToRgb(firstValue);\n return \"rgba(\" + rgbValue.red + \",\" + rgbValue.green + \",\" + rgbValue.blue + \",\" + secondValue + \")\";\n } else if (typeof firstValue === 'number' && typeof secondValue === 'number' && typeof thirdValue === 'number' && typeof fourthValue === 'number') {\n return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : \"rgba(\" + firstValue + \",\" + secondValue + \",\" + thirdValue + \",\" + fourthValue + \")\";\n } else if (typeof firstValue === 'object' && secondValue === undefined && thirdValue === undefined && fourthValue === undefined) {\n return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : \"rgba(\" + firstValue.red + \",\" + firstValue.green + \",\" + firstValue.blue + \",\" + firstValue.alpha + \")\";\n }\n\n throw new PolishedError(7);\n}\n\nvar isRgb = function isRgb(color) {\n return typeof color.red === 'number' && typeof color.green === 'number' && typeof color.blue === 'number' && (typeof color.alpha !== 'number' || typeof color.alpha === 'undefined');\n};\n\nvar isRgba = function isRgba(color) {\n return typeof color.red === 'number' && typeof color.green === 'number' && typeof color.blue === 'number' && typeof color.alpha === 'number';\n};\n\nvar isHsl = function isHsl(color) {\n return typeof color.hue === 'number' && typeof color.saturation === 'number' && typeof color.lightness === 'number' && (typeof color.alpha !== 'number' || typeof color.alpha === 'undefined');\n};\n\nvar isHsla = function isHsla(color) {\n return typeof color.hue === 'number' && typeof color.saturation === 'number' && typeof color.lightness === 'number' && typeof color.alpha === 'number';\n};\n/**\n * Converts a RgbColor, RgbaColor, HslColor or HslaColor object to a color string.\n * This util is useful in case you only know on runtime which color object is\n * used. Otherwise we recommend to rely on `rgb`, `rgba`, `hsl` or `hsla`.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: toColorString({ red: 255, green: 205, blue: 100 }),\n * background: toColorString({ red: 255, green: 205, blue: 100, alpha: 0.72 }),\n * background: toColorString({ hue: 240, saturation: 1, lightness: 0.5 }),\n * background: toColorString({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0.72 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${toColorString({ red: 255, green: 205, blue: 100 })};\n * background: ${toColorString({ red: 255, green: 205, blue: 100, alpha: 0.72 })};\n * background: ${toColorString({ hue: 240, saturation: 1, lightness: 0.5 })};\n * background: ${toColorString({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0.72 })};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#ffcd64\";\n * background: \"rgba(255,205,100,0.72)\";\n * background: \"#00f\";\n * background: \"rgba(179,25,25,0.72)\";\n * }\n */\n\n\nfunction toColorString(color) {\n if (typeof color !== 'object') throw new PolishedError(8);\n if (isRgba(color)) return rgba(color);\n if (isRgb(color)) return rgb(color);\n if (isHsla(color)) return hsla(color);\n if (isHsl(color)) return hsl(color);\n throw new PolishedError(8);\n} // Type definitions taken from https://github.com/gcanti/flow-static-land/blob/master/src/Fun.js\n// eslint-disable-next-line no-unused-vars\n// eslint-disable-next-line no-unused-vars\n// eslint-disable-next-line no-redeclare\n\n\nfunction curried(f, length, acc) {\n return function fn() {\n // eslint-disable-next-line prefer-rest-params\n var combined = acc.concat(Array.prototype.slice.call(arguments));\n return combined.length >= length ? f.apply(this, combined) : curried(f, length, combined);\n };\n} // eslint-disable-next-line no-redeclare\n\n\nfunction curry(f) {\n // eslint-disable-line no-redeclare\n return curried(f, f.length, []);\n}\n/**\n * Changes the hue of the color. Hue is a number between 0 to 360. The first\n * argument for adjustHue is the amount of degrees the color is rotated around\n * the color wheel, always producing a positive hue value.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: adjustHue(180, '#448'),\n * background: adjustHue('180', 'rgba(101,100,205,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${adjustHue(180, '#448')};\n * background: ${adjustHue('180', 'rgba(101,100,205,0.7)')};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#888844\";\n * background: \"rgba(136,136,68,0.7)\";\n * }\n */\n\n\nfunction adjustHue(degree, color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n hue: hslColor.hue + parseFloat(degree)\n }));\n} // prettier-ignore\n\n\nvar curriedAdjustHue =\n/*#__PURE__*/\ncurry\n/* ::\n * I'm a fade Transition!\n *
\n * )}\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nvar Transition =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n } // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n ;\n\n var _proto = Transition.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n if (nextStatus === ENTERING) {\n if (this.props.unmountOnExit || this.props.mountOnEnter) {\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749\n // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.\n // To make the animation happen, we have to separate each rendering and avoid being processed as batched.\n\n if (node) forceReflow(node);\n }\n\n this.performEnter(mounting);\n } else {\n this.performExit();\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context ? this.context.isMounting : mounting;\n\n var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n maybeNode = _ref2[0],\n maybeAppearing = _ref2[1];\n\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter || config.disabled) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode);\n });\n return;\n }\n\n this.props.onEnter(maybeNode, maybeAppearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(maybeNode, maybeAppearing);\n\n _this2.onTransitionEnd(enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode, maybeAppearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit() {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts();\n var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n if (!exit || config.disabled) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n return;\n }\n\n this.props.onExit(maybeNode);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(maybeNode);\n\n _this3.onTransitionEnd(timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n this.setNextCallback(handler);\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n maybeNode = _ref3[0],\n maybeNextCallback = _ref3[1];\n\n this.props.addEndListener(maybeNode, maybeNextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n _in = _this$props.in,\n _mountOnEnter = _this$props.mountOnEnter,\n _unmountOnExit = _this$props.unmountOnExit,\n _appear = _this$props.appear,\n _enter = _this$props.enter,\n _exit = _this$props.exit,\n _timeout = _this$props.timeout,\n _addEndListener = _this$props.addEndListener,\n _onEnter = _this$props.onEnter,\n _onEntering = _this$props.onEntering,\n _onEntered = _this$props.onEntered,\n _onExit = _this$props.onExit,\n _onExiting = _this$props.onExiting,\n _onExited = _this$props.onExited,\n _nodeRef = _this$props.nodeRef,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n return (\n /*#__PURE__*/\n // allows for nested Transitions\n React.createElement(TransitionGroupContext.Provider, {\n value: null\n }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n );\n };\n\n return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A React reference to DOM element that need to transition:\n * https://stackoverflow.com/a/51127130/4671932\n *\n * - When `nodeRef` prop is used, `node` is not passed to callback functions\n * (e.g. `onEnter`) because user already has direct access to the node.\n * - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n * `nodeRef` need to be provided to `Transition` with changed `key` prop\n * (see\n * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n */\n nodeRef: PropTypes.shape({\n current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n var value = propValue[key];\n return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n }\n }),\n\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * ` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: PropTypes.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: PropTypes.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: PropTypes.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport React, { Component, isValidElement, cloneElement } from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport { Transition, TransitionGroup } from 'react-transition-group';\nimport { render } from 'react-dom';\nvar POSITION = {\n TOP_LEFT: 'top-left',\n TOP_RIGHT: 'top-right',\n TOP_CENTER: 'top-center',\n BOTTOM_LEFT: 'bottom-left',\n BOTTOM_RIGHT: 'bottom-right',\n BOTTOM_CENTER: 'bottom-center'\n};\nvar TYPE = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n DEFAULT: 'default'\n};\nvar ACTION = {\n SHOW: 0,\n CLEAR: 1,\n DID_MOUNT: 2,\n WILL_UNMOUNT: 3,\n ON_CHANGE: 4\n};\n\nvar NOOP = function NOOP() {};\n\nvar RT_NAMESPACE = 'Toastify';\n\nfunction isValidDelay(val) {\n return typeof val === 'number' && !isNaN(val) && val > 0;\n}\n\nfunction objectValues(obj) {\n return Object.keys(obj).map(function (key) {\n return obj[key];\n });\n}\n\nvar canUseDom = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nfunction withRequired(fn) {\n fn.isRequired = function (props, propName, componentName) {\n var prop = props[propName];\n\n if (typeof prop === 'undefined') {\n return new Error(\"The prop \" + propName + \" is marked as required in \\n \" + componentName + \", but its value is undefined.\");\n }\n\n fn(props, propName, componentName);\n };\n\n return fn;\n}\n\nvar falseOrDelay = withRequired(function (props, propName, componentName) {\n var prop = props[propName];\n\n if (prop !== false && !isValidDelay(prop)) {\n return new Error(componentName + \" expect \" + propName + \" \\n to be a valid Number > 0 or equal to false. \" + prop + \" given.\");\n }\n\n return null;\n});\nvar eventManager = {\n list: new Map(),\n emitQueue: new Map(),\n on: function on(event, callback) {\n this.list.has(event) || this.list.set(event, []);\n this.list.get(event).push(callback);\n return this;\n },\n off: function off(event) {\n this.list.delete(event);\n return this;\n },\n cancelEmit: function cancelEmit(event) {\n var timers = this.emitQueue.get(event);\n\n if (timers) {\n timers.forEach(function (timer) {\n return clearTimeout(timer);\n });\n this.emitQueue.delete(event);\n }\n\n return this;\n },\n\n /**\n * Enqueue the event at the end of the call stack\n * Doing so let the user call toast as follow:\n * toast('1')\n * toast('2')\n * toast('3')\n * Without setTimemout the code above will not work\n */\n emit: function emit(event) {\n var _this = this;\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n this.list.has(event) && this.list.get(event).forEach(function (callback) {\n var timer = setTimeout(function () {\n callback.apply(void 0, args);\n }, 0);\n _this.emitQueue.has(event) || _this.emitQueue.set(event, []);\n\n _this.emitQueue.get(event).push(timer);\n });\n }\n};\n\nfunction cssTransition(_ref) {\n var enter = _ref.enter,\n exit = _ref.exit,\n _ref$duration = _ref.duration,\n duration = _ref$duration === void 0 ? 750 : _ref$duration,\n _ref$appendPosition = _ref.appendPosition,\n appendPosition = _ref$appendPosition === void 0 ? false : _ref$appendPosition;\n return function Animation(_ref2) {\n var children = _ref2.children,\n position = _ref2.position,\n preventExitTransition = _ref2.preventExitTransition,\n props = _objectWithoutPropertiesLoose(_ref2, [\"children\", \"position\", \"preventExitTransition\"]);\n\n var enterClassName = appendPosition ? enter + \"--\" + position : enter;\n var exitClassName = appendPosition ? exit + \"--\" + position : exit;\n var enterDuration, exitDuration;\n\n if (Array.isArray(duration) && duration.length === 2) {\n enterDuration = duration[0];\n exitDuration = duration[1];\n } else {\n enterDuration = exitDuration = duration;\n }\n\n var onEnter = function onEnter(node) {\n node.classList.add(enterClassName);\n node.style.animationFillMode = 'forwards';\n node.style.animationDuration = enterDuration * 0.001 + \"s\";\n };\n\n var onEntered = function onEntered(node) {\n node.classList.remove(enterClassName);\n node.style.cssText = '';\n };\n\n var onExit = function onExit(node) {\n node.classList.add(exitClassName);\n node.style.animationFillMode = 'forwards';\n node.style.animationDuration = exitDuration * 0.001 + \"s\";\n };\n\n return React.createElement(Transition, _extends({}, props, {\n timeout: preventExitTransition ? 0 : {\n enter: enterDuration,\n exit: exitDuration\n },\n onEnter: onEnter,\n onEntered: onEntered,\n onExit: preventExitTransition ? NOOP : onExit\n }), children);\n };\n}\n\nfunction ProgressBar(_ref) {\n var _cx, _animationEvent;\n\n var delay = _ref.delay,\n isRunning = _ref.isRunning,\n closeToast = _ref.closeToast,\n type = _ref.type,\n hide = _ref.hide,\n className = _ref.className,\n userStyle = _ref.style,\n controlledProgress = _ref.controlledProgress,\n progress = _ref.progress,\n rtl = _ref.rtl;\n\n var style = _extends({}, userStyle, {\n animationDuration: delay + \"ms\",\n animationPlayState: isRunning ? 'running' : 'paused',\n opacity: hide ? 0 : 1,\n transform: controlledProgress ? \"scaleX(\" + progress + \")\" : null\n });\n\n var classNames = cx(RT_NAMESPACE + \"__progress-bar\", controlledProgress ? RT_NAMESPACE + \"__progress-bar--controlled\" : RT_NAMESPACE + \"__progress-bar--animated\", RT_NAMESPACE + \"__progress-bar--\" + type, (_cx = {}, _cx[RT_NAMESPACE + \"__progress-bar--rtl\"] = rtl, _cx), className);\n var animationEvent = (_animationEvent = {}, _animationEvent[controlledProgress && progress >= 1 ? 'onTransitionEnd' : 'onAnimationEnd'] = controlledProgress && progress < 1 ? null : closeToast, _animationEvent);\n return React.createElement(\"div\", _extends({\n className: classNames,\n style: style\n }, animationEvent));\n}\n\nProgressBar.propTypes = {\n /**\n * The animation delay which determine when to close the toast\n */\n delay: falseOrDelay.isRequired,\n\n /**\n * Whether or not the animation is running or paused\n */\n isRunning: PropTypes.bool.isRequired,\n\n /**\n * Func to close the current toast\n */\n closeToast: PropTypes.func.isRequired,\n\n /**\n * Support rtl content\n */\n rtl: PropTypes.bool.isRequired,\n\n /**\n * Optional type : info, success ...\n */\n type: PropTypes.string,\n\n /**\n * Hide or not the progress bar\n */\n hide: PropTypes.bool,\n\n /**\n * Optionnal className\n */\n className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n\n /**\n * Controlled progress value\n */\n progress: PropTypes.number,\n\n /**\n * Tell wether or not controlled progress bar is used\n */\n controlledProgress: PropTypes.bool\n};\nProgressBar.defaultProps = {\n type: TYPE.DEFAULT,\n hide: false\n};\n\nfunction getX(e) {\n return e.targetTouches && e.targetTouches.length >= 1 ? e.targetTouches[0].clientX : e.clientX;\n}\n\nfunction getY(e) {\n return e.targetTouches && e.targetTouches.length >= 1 ? e.targetTouches[0].clientY : e.clientY;\n}\n\nvar iLoveInternetExplorer = canUseDom && /(msie|trident)/i.test(navigator.userAgent);\n\nvar Toast =\n/*#__PURE__*/\nfunction (_Component) {\n _inheritsLoose(Toast, _Component);\n\n function Toast() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n _this.state = {\n isRunning: true,\n preventExitTransition: false\n };\n _this.flag = {\n canCloseOnClick: true,\n canDrag: false\n };\n _this.drag = {\n start: 0,\n x: 0,\n y: 0,\n deltaX: 0,\n removalDistance: 0\n };\n _this.boundingRect = null;\n _this.ref = null;\n\n _this.pauseToast = function () {\n if (_this.props.autoClose) {\n _this.setState({\n isRunning: false\n });\n }\n };\n\n _this.playToast = function () {\n if (_this.props.autoClose) {\n _this.setState({\n isRunning: true\n });\n }\n };\n\n _this.onDragStart = function (e) {\n _this.flag.canCloseOnClick = true;\n _this.flag.canDrag = true;\n _this.boundingRect = _this.ref.getBoundingClientRect();\n _this.ref.style.transition = '';\n _this.drag.start = _this.drag.x = getX(e.nativeEvent);\n _this.drag.removalDistance = _this.ref.offsetWidth * (_this.props.draggablePercent / 100);\n };\n\n _this.onDragMove = function (e) {\n if (_this.flag.canDrag) {\n if (_this.state.isRunning) {\n _this.pauseToast();\n }\n\n _this.drag.x = getX(e);\n _this.drag.deltaX = _this.drag.x - _this.drag.start;\n _this.drag.y = getY(e); // prevent false positif during a toast click\n\n _this.drag.start !== _this.drag.x && (_this.flag.canCloseOnClick = false);\n _this.ref.style.transform = \"translateX(\" + _this.drag.deltaX + \"px)\";\n _this.ref.style.opacity = 1 - Math.abs(_this.drag.deltaX / _this.drag.removalDistance);\n }\n };\n\n _this.onDragEnd = function (e) {\n if (_this.flag.canDrag) {\n _this.flag.canDrag = false;\n\n if (Math.abs(_this.drag.deltaX) > _this.drag.removalDistance) {\n _this.setState({\n preventExitTransition: true\n }, _this.props.closeToast);\n\n return;\n }\n\n _this.ref.style.transition = 'transform 0.2s, opacity 0.2s';\n _this.ref.style.transform = 'translateX(0)';\n _this.ref.style.opacity = 1;\n }\n };\n\n _this.onDragTransitionEnd = function () {\n if (_this.boundingRect) {\n var _this$boundingRect = _this.boundingRect,\n top = _this$boundingRect.top,\n bottom = _this$boundingRect.bottom,\n left = _this$boundingRect.left,\n right = _this$boundingRect.right;\n\n if (_this.props.pauseOnHover && _this.drag.x >= left && _this.drag.x <= right && _this.drag.y >= top && _this.drag.y <= bottom) {\n _this.pauseToast();\n } else {\n _this.playToast();\n }\n }\n };\n\n _this.onExitTransitionEnd = function () {\n if (iLoveInternetExplorer) {\n _this.props.onExited();\n\n return;\n }\n\n var height = _this.ref.scrollHeight;\n var style = _this.ref.style;\n requestAnimationFrame(function () {\n style.minHeight = 'initial';\n style.height = height + 'px';\n style.transition = 'all 0.4s ';\n requestAnimationFrame(function () {\n style.height = 0;\n style.padding = 0;\n style.margin = 0;\n });\n setTimeout(function () {\n return _this.props.onExited();\n }, 400);\n });\n };\n\n return _this;\n }\n\n var _proto = Toast.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.props.onOpen(this.props.children.props);\n\n if (this.props.draggable) {\n this.bindDragEvents();\n } // Maybe I could bind the event in the ToastContainer and rely on delegation\n\n\n if (this.props.pauseOnFocusLoss) {\n this.bindFocusEvents();\n }\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (prevProps.draggable !== this.props.draggable) {\n if (this.props.draggable) {\n this.bindDragEvents();\n } else {\n this.unbindDragEvents();\n }\n }\n\n if (prevProps.pauseOnFocusLoss !== this.props.pauseOnFocusLoss) {\n if (this.props.pauseOnFocusLoss) {\n this.bindFocusEvents();\n } else {\n this.unbindFocusEvents();\n }\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.props.onClose(this.props.children.props);\n\n if (this.props.draggable) {\n this.unbindDragEvents();\n }\n\n if (this.props.pauseOnFocusLoss) {\n this.unbindFocusEvents();\n }\n };\n\n _proto.bindFocusEvents = function bindFocusEvents() {\n window.addEventListener('focus', this.playToast);\n window.addEventListener('blur', this.pauseToast);\n };\n\n _proto.unbindFocusEvents = function unbindFocusEvents() {\n window.removeEventListener('focus', this.playToast);\n window.removeEventListener('blur', this.pauseToast);\n };\n\n _proto.bindDragEvents = function bindDragEvents() {\n document.addEventListener('mousemove', this.onDragMove);\n document.addEventListener('mouseup', this.onDragEnd);\n document.addEventListener('touchmove', this.onDragMove);\n document.addEventListener('touchend', this.onDragEnd);\n };\n\n _proto.unbindDragEvents = function unbindDragEvents() {\n document.removeEventListener('mousemove', this.onDragMove);\n document.removeEventListener('mouseup', this.onDragEnd);\n document.removeEventListener('touchmove', this.onDragMove);\n document.removeEventListener('touchend', this.onDragEnd);\n };\n\n _proto.render = function render() {\n var _cx,\n _this2 = this;\n\n var _this$props = this.props,\n closeButton = _this$props.closeButton,\n children = _this$props.children,\n autoClose = _this$props.autoClose,\n pauseOnHover = _this$props.pauseOnHover,\n onClick = _this$props.onClick,\n closeOnClick = _this$props.closeOnClick,\n type = _this$props.type,\n hideProgressBar = _this$props.hideProgressBar,\n closeToast = _this$props.closeToast,\n Transition = _this$props.transition,\n position = _this$props.position,\n className = _this$props.className,\n bodyClassName = _this$props.bodyClassName,\n progressClassName = _this$props.progressClassName,\n progressStyle = _this$props.progressStyle,\n updateId = _this$props.updateId,\n role = _this$props.role,\n progress = _this$props.progress,\n rtl = _this$props.rtl;\n var toastProps = {\n className: cx(RT_NAMESPACE + \"__toast\", RT_NAMESPACE + \"__toast--\" + type, (_cx = {}, _cx[RT_NAMESPACE + \"__toast--rtl\"] = rtl, _cx), className)\n };\n\n if (autoClose && pauseOnHover) {\n toastProps.onMouseEnter = this.pauseToast;\n toastProps.onMouseLeave = this.playToast;\n } // prevent toast from closing when user drags the toast\n\n\n if (closeOnClick) {\n toastProps.onClick = function (e) {\n onClick && onClick(e);\n _this2.flag.canCloseOnClick && closeToast();\n };\n }\n\n var controlledProgress = parseFloat(progress) === progress;\n return React.createElement(Transition, {\n in: this.props.in,\n appear: true,\n onExited: this.onExitTransitionEnd,\n position: position,\n preventExitTransition: this.state.preventExitTransition\n }, React.createElement(\"div\", _extends({\n onClick: onClick\n }, toastProps, {\n ref: function ref(_ref) {\n return _this2.ref = _ref;\n },\n onMouseDown: this.onDragStart,\n onTouchStart: this.onDragStart,\n onMouseUp: this.onDragTransitionEnd,\n onTouchEnd: this.onDragTransitionEnd\n }), React.createElement(\"div\", _extends({}, this.props.in && {\n role: role\n }, {\n className: cx(RT_NAMESPACE + \"__toast-body\", bodyClassName)\n }), children), closeButton && closeButton, (autoClose || controlledProgress) && React.createElement(ProgressBar, _extends({}, updateId && !controlledProgress ? {\n key: \"pb-\" + updateId\n } : {}, {\n rtl: rtl,\n delay: autoClose,\n isRunning: this.state.isRunning,\n closeToast: closeToast,\n hide: hideProgressBar,\n type: type,\n style: progressStyle,\n className: progressClassName,\n controlledProgress: controlledProgress,\n progress: progress\n }))));\n };\n\n return Toast;\n}(Component);\n\nToast.propTypes = {\n closeButton: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]).isRequired,\n autoClose: falseOrDelay.isRequired,\n children: PropTypes.node.isRequired,\n closeToast: PropTypes.func.isRequired,\n position: PropTypes.oneOf(objectValues(POSITION)).isRequired,\n pauseOnHover: PropTypes.bool.isRequired,\n pauseOnFocusLoss: PropTypes.bool.isRequired,\n closeOnClick: PropTypes.bool.isRequired,\n transition: PropTypes.func.isRequired,\n rtl: PropTypes.bool.isRequired,\n hideProgressBar: PropTypes.bool.isRequired,\n draggable: PropTypes.bool.isRequired,\n draggablePercent: PropTypes.number.isRequired,\n in: PropTypes.bool,\n onExited: PropTypes.func,\n onOpen: PropTypes.func,\n onClose: PropTypes.func,\n type: PropTypes.oneOf(objectValues(TYPE)),\n className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n bodyClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n progressClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n progressStyle: PropTypes.object,\n progress: PropTypes.number,\n updateId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n ariaLabel: PropTypes.string,\n containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n role: PropTypes.string\n};\nToast.defaultProps = {\n type: TYPE.DEFAULT,\n in: true,\n onOpen: NOOP,\n onClose: NOOP,\n className: null,\n bodyClassName: null,\n progressClassName: null,\n updateId: null\n};\n\nfunction CloseButton(_ref) {\n var closeToast = _ref.closeToast,\n type = _ref.type,\n ariaLabel = _ref.ariaLabel;\n return React.createElement(\"button\", {\n className: RT_NAMESPACE + \"__close-button \" + RT_NAMESPACE + \"__close-button--\" + type,\n type: \"button\",\n onClick: function onClick(e) {\n e.stopPropagation();\n closeToast(e);\n },\n \"aria-label\": ariaLabel\n }, \"\\u2716\\uFE0E\");\n}\n\nCloseButton.propTypes = {\n closeToast: PropTypes.func,\n arialLabel: PropTypes.string\n};\nCloseButton.defaultProps = {\n ariaLabel: 'close'\n};\nvar Bounce = cssTransition({\n enter: RT_NAMESPACE + \"__bounce-enter\",\n exit: RT_NAMESPACE + \"__bounce-exit\",\n appendPosition: true\n});\nvar Slide = cssTransition({\n enter: RT_NAMESPACE + \"__slide-enter\",\n exit: RT_NAMESPACE + \"__slide-exit\",\n duration: [450, 750],\n appendPosition: true\n});\nvar Zoom = cssTransition({\n enter: RT_NAMESPACE + \"__zoom-enter\",\n exit: RT_NAMESPACE + \"__zoom-exit\"\n});\nvar Flip = cssTransition({\n enter: RT_NAMESPACE + \"__flip-enter\",\n exit: RT_NAMESPACE + \"__flip-exit\"\n});\n\nvar ToastContainer =\n/*#__PURE__*/\nfunction (_Component) {\n _inheritsLoose(ToastContainer, _Component);\n\n function ToastContainer() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n _this.state = {\n toast: []\n };\n _this.toastKey = 1;\n _this.collection = {};\n\n _this.isToastActive = function (id) {\n return _this.state.toast.indexOf(id) !== -1;\n };\n\n return _this;\n }\n\n var _proto = ToastContainer.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var _this2 = this;\n\n eventManager.cancelEmit(ACTION.WILL_UNMOUNT).on(ACTION.SHOW, function (content, options) {\n return _this2.ref ? _this2.buildToast(content, options) : null;\n }).on(ACTION.CLEAR, function (id) {\n return !_this2.ref ? null : id == null ? _this2.clear() : _this2.removeToast(id);\n }).emit(ACTION.DID_MOUNT, this);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n eventManager.emit(ACTION.WILL_UNMOUNT, this);\n };\n\n _proto.removeToast = function removeToast(id) {\n this.setState({\n toast: this.state.toast.filter(function (v) {\n return v !== id;\n })\n }, this.dispatchChange);\n };\n\n _proto.dispatchChange = function dispatchChange() {\n eventManager.emit(ACTION.ON_CHANGE, this.state.toast.length, this.props.containerId);\n };\n\n _proto.makeCloseButton = function makeCloseButton(toastClose, toastId, type) {\n var _this3 = this;\n\n var closeButton = this.props.closeButton;\n\n if (isValidElement(toastClose) || toastClose === false) {\n closeButton = toastClose;\n } else if (toastClose === true) {\n closeButton = this.props.closeButton && typeof this.props.closeButton !== 'boolean' ? this.props.closeButton : React.createElement(CloseButton, null);\n }\n\n return closeButton === false ? false : cloneElement(closeButton, {\n closeToast: function closeToast() {\n return _this3.removeToast(toastId);\n },\n type: type\n });\n };\n\n _proto.getAutoCloseDelay = function getAutoCloseDelay(toastAutoClose) {\n return toastAutoClose === false || isValidDelay(toastAutoClose) ? toastAutoClose : this.props.autoClose;\n };\n\n _proto.canBeRendered = function canBeRendered(content) {\n return isValidElement(content) || typeof content === 'string' || typeof content === 'number' || typeof content === 'function';\n };\n\n _proto.parseClassName = function parseClassName(prop) {\n if (typeof prop === 'string') {\n return prop;\n } else if (prop !== null && typeof prop === 'object' && 'toString' in prop) {\n return prop.toString();\n }\n\n return null;\n };\n\n _proto.belongToContainer = function belongToContainer(_ref) {\n var containerId = _ref.containerId;\n return containerId === this.props.containerId;\n };\n\n _proto.buildToast = function buildToast(content, _ref2) {\n var _this4 = this;\n\n var delay = _ref2.delay,\n options = _objectWithoutPropertiesLoose(_ref2, [\"delay\"]);\n\n if (!this.canBeRendered(content)) {\n throw new Error(\"The element you provided cannot be rendered. You provided an element of type \" + typeof content);\n }\n\n var toastId = options.toastId,\n updateId = options.updateId; // Check for multi-container and also for duplicate toastId\n // Maybe it would be better to extract it\n\n if (this.props.enableMultiContainer && !this.belongToContainer(options) || this.isToastActive(toastId) && updateId == null) {\n return;\n }\n\n var closeToast = function closeToast() {\n return _this4.removeToast(toastId);\n };\n\n var toastOptions = {\n id: toastId,\n // ⚠️ if no options.key, this.toastKey - 1 is assigned\n key: options.key || this.toastKey++,\n type: options.type,\n closeToast: closeToast,\n updateId: options.updateId,\n rtl: this.props.rtl,\n position: options.position || this.props.position,\n transition: options.transition || this.props.transition,\n className: this.parseClassName(options.className || this.props.toastClassName),\n bodyClassName: this.parseClassName(options.bodyClassName || this.props.bodyClassName),\n onClick: options.onClick || this.props.onClick,\n closeButton: this.makeCloseButton(options.closeButton, toastId, options.type),\n pauseOnHover: typeof options.pauseOnHover === 'boolean' ? options.pauseOnHover : this.props.pauseOnHover,\n pauseOnFocusLoss: typeof options.pauseOnFocusLoss === 'boolean' ? options.pauseOnFocusLoss : this.props.pauseOnFocusLoss,\n draggable: typeof options.draggable === 'boolean' ? options.draggable : this.props.draggable,\n draggablePercent: typeof options.draggablePercent === 'number' && !isNaN(options.draggablePercent) ? options.draggablePercent : this.props.draggablePercent,\n closeOnClick: typeof options.closeOnClick === 'boolean' ? options.closeOnClick : this.props.closeOnClick,\n progressClassName: this.parseClassName(options.progressClassName || this.props.progressClassName),\n progressStyle: this.props.progressStyle,\n autoClose: this.getAutoCloseDelay(options.autoClose),\n hideProgressBar: typeof options.hideProgressBar === 'boolean' ? options.hideProgressBar : this.props.hideProgressBar,\n progress: parseFloat(options.progress),\n role: typeof options.role === 'string' ? options.role : this.props.role\n };\n typeof options.onOpen === 'function' && (toastOptions.onOpen = options.onOpen);\n typeof options.onClose === 'function' && (toastOptions.onClose = options.onClose); // add closeToast function to react component only\n\n if (isValidElement(content) && typeof content.type !== 'string' && typeof content.type !== 'number') {\n content = cloneElement(content, {\n closeToast: closeToast\n });\n } else if (typeof content === 'function') {\n content = content({\n closeToast: closeToast\n });\n }\n\n if (isValidDelay(delay)) {\n setTimeout(function () {\n _this4.appendToast(toastOptions, content, options.staleToastId);\n }, delay);\n } else {\n this.appendToast(toastOptions, content, options.staleToastId);\n }\n };\n\n _proto.appendToast = function appendToast(options, content, staleToastId) {\n var _extends2;\n\n var id = options.id,\n updateId = options.updateId;\n this.collection = _extends({}, this.collection, (_extends2 = {}, _extends2[id] = {\n options: options,\n content: content,\n position: options.position\n }, _extends2));\n this.setState({\n toast: (updateId ? [].concat(this.state.toast) : [].concat(this.state.toast, [id])).filter(function (id) {\n return id !== staleToastId;\n })\n }, this.dispatchChange);\n };\n\n _proto.clear = function clear() {\n this.setState({\n toast: []\n });\n };\n\n _proto.renderToast = function renderToast() {\n var _this5 = this;\n\n var toastToRender = {};\n var _this$props = this.props,\n className = _this$props.className,\n style = _this$props.style,\n newestOnTop = _this$props.newestOnTop;\n var collection = newestOnTop ? Object.keys(this.collection).reverse() : Object.keys(this.collection); // group toast by position\n\n collection.forEach(function (toastId) {\n var _this5$collection$toa = _this5.collection[toastId],\n position = _this5$collection$toa.position,\n options = _this5$collection$toa.options,\n content = _this5$collection$toa.content;\n toastToRender[position] || (toastToRender[position] = []);\n\n if (_this5.state.toast.indexOf(options.id) !== -1) {\n toastToRender[position].push(React.createElement(Toast, _extends({}, options, {\n isDocumentHidden: _this5.state.isDocumentHidden,\n key: \"toast-\" + options.key\n }), content));\n } else {\n toastToRender[position].push(null);\n delete _this5.collection[toastId];\n }\n });\n return Object.keys(toastToRender).map(function (position) {\n var _cx;\n\n var disablePointer = toastToRender[position].length === 1 && toastToRender[position][0] === null;\n var props = {\n className: cx(RT_NAMESPACE + \"__toast-container\", RT_NAMESPACE + \"__toast-container--\" + position, (_cx = {}, _cx[RT_NAMESPACE + \"__toast-container--rtl\"] = _this5.props.rtl, _cx), _this5.parseClassName(className)),\n style: disablePointer ? _extends({}, style, {\n pointerEvents: 'none'\n }) : _extends({}, style)\n };\n return React.createElement(TransitionGroup, _extends({}, props, {\n key: \"container-\" + position\n }), toastToRender[position]);\n });\n };\n\n _proto.render = function render() {\n var _this6 = this;\n\n return React.createElement(\"div\", {\n ref: function ref(node) {\n return _this6.ref = node;\n },\n className: \"\" + RT_NAMESPACE\n }, this.renderToast());\n };\n\n return ToastContainer;\n}(Component);\n\nToastContainer.propTypes = {\n /**\n * Set toast position\n */\n position: PropTypes.oneOf(objectValues(POSITION)),\n\n /**\n * Disable or set autoClose delay\n */\n autoClose: falseOrDelay,\n\n /**\n * Disable or set a custom react element for the close button\n */\n closeButton: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),\n\n /**\n * Hide or not progress bar when autoClose is enabled\n */\n hideProgressBar: PropTypes.bool,\n\n /**\n * Pause toast duration on hover\n */\n pauseOnHover: PropTypes.bool,\n\n /**\n * Dismiss toast on click\n */\n closeOnClick: PropTypes.bool,\n\n /**\n * Newest on top\n */\n newestOnTop: PropTypes.bool,\n\n /**\n * An optional className\n */\n className: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n\n /**\n * An optional style\n */\n style: PropTypes.object,\n\n /**\n * An optional className for the toast\n */\n toastClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n\n /**\n * An optional className for the toast body\n */\n bodyClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n\n /**\n * An optional className for the toast progress bar\n */\n progressClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n\n /**\n * An optional style for the toast progress bar\n */\n progressStyle: PropTypes.object,\n\n /**\n * Define enter and exit transition using react-transition-group\n */\n transition: PropTypes.func,\n\n /**\n * Support rtl display\n */\n rtl: PropTypes.bool,\n\n /**\n * Allow toast to be draggable\n */\n draggable: PropTypes.bool,\n\n /**\n * The percentage of the toast's width it takes for a drag to dismiss a toast\n */\n draggablePercent: PropTypes.number,\n\n /**\n * Pause the toast on focus loss\n */\n pauseOnFocusLoss: PropTypes.bool,\n\n /**\n * Show the toast only if it includes containerId and it's the same as containerId\n */\n enableMultiContainer: PropTypes.bool,\n\n /**\n * Set id to handle multiple container\n */\n containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n /**\n * Set role attribute for the toast body\n */\n role: PropTypes.string,\n\n /**\n * Fired when clicking inside toaster\n */\n onClick: PropTypes.func\n};\nToastContainer.defaultProps = {\n position: POSITION.TOP_RIGHT,\n transition: Bounce,\n rtl: false,\n autoClose: 5000,\n hideProgressBar: false,\n closeButton: React.createElement(CloseButton, null),\n pauseOnHover: true,\n pauseOnFocusLoss: true,\n closeOnClick: true,\n newestOnTop: false,\n draggable: true,\n draggablePercent: 80,\n className: null,\n style: null,\n toastClassName: null,\n bodyClassName: null,\n progressClassName: null,\n progressStyle: null,\n role: 'alert'\n};\nvar containers = new Map();\nvar latestInstance = null;\nvar containerDomNode = null;\nvar containerConfig = {};\nvar queue = [];\nvar lazy = false;\n/**\n * Check whether any container is currently mounted in the DOM\n */\n\nfunction isAnyContainerMounted() {\n return containers.size > 0;\n}\n/**\n * Get the container by id. Returns the last container declared when no id is given.\n */\n\n\nfunction getContainer(containerId) {\n if (!isAnyContainerMounted()) return null;\n if (!containerId) return containers.get(latestInstance);\n return containers.get(containerId);\n}\n/**\n * Get the toast by id, given it's in the DOM, otherwise returns null\n */\n\n\nfunction getToast(toastId, _ref) {\n var containerId = _ref.containerId;\n var container = getContainer(containerId);\n if (!container) return null;\n var toast = container.collection[toastId];\n if (typeof toast === 'undefined') return null;\n return toast;\n}\n/**\n * Merge provided options with the defaults settings and generate the toastId\n */\n\n\nfunction mergeOptions(options, type) {\n return _extends({}, options, {\n type: type,\n toastId: getToastId(options)\n });\n}\n/**\n * Generate a random toastId\n */\n\n\nfunction generateToastId() {\n return (Math.random().toString(36) + Date.now().toString(36)).substr(2, 10);\n}\n/**\n * Generate a toastId or use the one provided\n */\n\n\nfunction getToastId(options) {\n if (options && (typeof options.toastId === 'string' || typeof options.toastId === 'number' && !isNaN(options.toastId))) {\n return options.toastId;\n }\n\n return generateToastId();\n}\n/**\n * If the container is not mounted, the toast is enqueued and\n * the container lazy mounted\n */\n\n\nfunction dispatchToast(content, options) {\n if (isAnyContainerMounted()) {\n eventManager.emit(ACTION.SHOW, content, options);\n } else {\n queue.push({\n action: ACTION.SHOW,\n content: content,\n options: options\n });\n\n if (lazy && canUseDom) {\n lazy = false;\n containerDomNode = document.createElement('div');\n document.body.appendChild(containerDomNode);\n render(React.createElement(ToastContainer, containerConfig), containerDomNode);\n }\n }\n\n return options.toastId;\n}\n\nvar toast = function toast(content, options) {\n return dispatchToast(content, mergeOptions(options, options && options.type || TYPE.DEFAULT));\n};\n/**\n * For each available type create a shortcut\n */\n\n\nvar _loop = function _loop(t) {\n if (TYPE[t] !== TYPE.DEFAULT) {\n toast[TYPE[t].toLowerCase()] = function (content, options) {\n return dispatchToast(content, mergeOptions(options, options && options.type || TYPE[t]));\n };\n }\n};\n\nfor (var t in TYPE) {\n _loop(t);\n}\n/**\n * Maybe I should remove warning in favor of warn, I don't know\n */\n\n\ntoast.warn = toast.warning;\n/**\n * Remove toast programmaticaly\n */\n\ntoast.dismiss = function (id) {\n if (id === void 0) {\n id = null;\n }\n\n return isAnyContainerMounted() && eventManager.emit(ACTION.CLEAR, id);\n};\n/**\n * return true if one container is displaying the toast\n */\n\n\ntoast.isActive = function (id) {\n var isToastActive = false;\n\n if (containers.size > 0) {\n containers.forEach(function (container) {\n if (container.isToastActive(id)) {\n isToastActive = true;\n }\n });\n }\n\n return isToastActive;\n};\n\ntoast.update = function (toastId, options) {\n if (options === void 0) {\n options = {};\n } // if you call toast and toast.update directly nothing will be displayed\n // this is why I defered the update\n\n\n setTimeout(function () {\n var toast = getToast(toastId, options);\n\n if (toast) {\n var oldOptions = toast.options,\n oldContent = toast.content;\n\n var nextOptions = _extends({}, oldOptions, {}, options, {\n toastId: options.toastId || toastId\n });\n\n if (!options.toastId || options.toastId === toastId) {\n nextOptions.updateId = generateToastId();\n } else {\n nextOptions.staleToastId = toastId;\n }\n\n var content = typeof nextOptions.render !== 'undefined' ? nextOptions.render : oldContent;\n delete nextOptions.render;\n dispatchToast(content, nextOptions);\n }\n }, 0);\n};\n/**\n * Used for controlled progress bar.\n */\n\n\ntoast.done = function (id) {\n toast.update(id, {\n progress: 1\n });\n};\n/**\n * Track changes. The callback get the number of toast displayed\n */\n\n\ntoast.onChange = function (callback) {\n if (typeof callback === 'function') {\n eventManager.on(ACTION.ON_CHANGE, callback);\n }\n};\n/**\n * Configure the ToastContainer when lazy mounted\n */\n\n\ntoast.configure = function (config) {\n lazy = true;\n containerConfig = config;\n};\n\ntoast.POSITION = POSITION;\ntoast.TYPE = TYPE;\n/**\n * Wait until the ToastContainer is mounted to dispatch the toast\n * and attach isActive method\n */\n\neventManager.on(ACTION.DID_MOUNT, function (containerInstance) {\n latestInstance = containerInstance.props.containerId || containerInstance;\n containers.set(latestInstance, containerInstance);\n queue.forEach(function (item) {\n eventManager.emit(item.action, item.content, item.options);\n });\n queue = [];\n}).on(ACTION.WILL_UNMOUNT, function (containerInstance) {\n if (containerInstance) containers.delete(containerInstance.props.containerId || containerInstance);else containers.clear();\n\n if (containers.size === 0) {\n eventManager.off(ACTION.SHOW).off(ACTION.CLEAR);\n }\n\n if (canUseDom && containerDomNode) {\n document.body.removeChild(containerDomNode);\n }\n});\nexport { Bounce, Flip, Slide, ToastContainer, POSITION as ToastPosition, TYPE as ToastType, Zoom, cssTransition, toast };","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose\";\nexport default function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","var safeIsNaN = Number.isNaN || function ponyfill(value) {\n return typeof value === 'number' && value !== value;\n};\n\nfunction isEqual(first, second) {\n if (first === second) {\n return true;\n }\n\n if (safeIsNaN(first) && safeIsNaN(second)) {\n return true;\n }\n\n return false;\n}\n\nfunction areInputsEqual(newInputs, lastInputs) {\n if (newInputs.length !== lastInputs.length) {\n return false;\n }\n\n for (var i = 0; i < newInputs.length; i++) {\n if (!isEqual(newInputs[i], lastInputs[i])) {\n return false;\n }\n }\n\n return true;\n}\n\nfunction memoizeOne(resultFn, isEqual) {\n if (isEqual === void 0) {\n isEqual = areInputsEqual;\n }\n\n var lastThis;\n var lastArgs = [];\n var lastResult;\n var calledOnce = false;\n\n function memoized() {\n var newArgs = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n newArgs[_i] = arguments[_i];\n }\n\n if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {\n return lastResult;\n }\n\n lastResult = resultFn.apply(this, newArgs);\n calledOnce = true;\n lastThis = this;\n lastArgs = newArgs;\n return lastResult;\n }\n\n return memoized;\n}\n\nexport default memoizeOne;","export default function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}","var DataView = require('./_DataView'),\n Map = require('./_Map'),\n Promise = require('./_Promise'),\n Set = require('./_Set'),\n WeakMap = require('./_WeakMap'),\n baseGetTag = require('./_baseGetTag'),\n toSource = require('./_toSource');\n/** `Object#toString` result references. */\n\n\nvar mapTag = '[object Map]',\n objectTag = '[object Object]',\n promiseTag = '[object Promise]',\n setTag = '[object Set]',\n weakMapTag = '[object WeakMap]';\nvar dataViewTag = '[object DataView]';\n/** Used to detect maps, sets, and weakmaps. */\n\nvar dataViewCtorString = toSource(DataView),\n mapCtorString = toSource(Map),\n promiseCtorString = toSource(Promise),\n setCtorString = toSource(Set),\n weakMapCtorString = toSource(WeakMap);\n/**\n * Gets the `toStringTag` of `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\n\nvar getTag = baseGetTag; // Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.\n\nif (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map && getTag(new Map()) != mapTag || Promise && getTag(Promise.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {\n getTag = function getTag(value) {\n var result = baseGetTag(value),\n Ctor = result == objectTag ? value.constructor : undefined,\n ctorString = Ctor ? toSource(Ctor) : '';\n\n if (ctorString) {\n switch (ctorString) {\n case dataViewCtorString:\n return dataViewTag;\n\n case mapCtorString:\n return mapTag;\n\n case promiseCtorString:\n return promiseTag;\n\n case setCtorString:\n return setTag;\n\n case weakMapCtorString:\n return weakMapTag;\n }\n }\n\n return result;\n };\n}\n\nmodule.exports = getTag;","var baseIsArguments = require('./_baseIsArguments'),\n isObjectLike = require('./isObjectLike');\n/** Used for built-in method references. */\n\n\nvar objectProto = Object.prototype;\n/** Used to check objects for own properties. */\n\nvar hasOwnProperty = objectProto.hasOwnProperty;\n/** Built-in value references. */\n\nvar propertyIsEnumerable = objectProto.propertyIsEnumerable;\n/**\n * Checks if `value` is likely an `arguments` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n * else `false`.\n * @example\n *\n * _.isArguments(function() { return arguments; }());\n * // => true\n *\n * _.isArguments([1, 2, 3]);\n * // => false\n */\n\nvar isArguments = baseIsArguments(function () {\n return arguments;\n}()) ? baseIsArguments : function (value) {\n return isObjectLike(value) && hasOwnProperty.call(value, 'callee') && !propertyIsEnumerable.call(value, 'callee');\n};\nmodule.exports = isArguments;","var root = require('./_root'),\n stubFalse = require('./stubFalse');\n/** Detect free variable `exports`. */\n\n\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n/** Detect free variable `module`. */\n\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n/** Detect the popular CommonJS extension `module.exports`. */\n\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n/** Built-in value references. */\n\nvar Buffer = moduleExports ? root.Buffer : undefined;\n/* Built-in method references for those with the same name as other `lodash` methods. */\n\nvar nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;\n/**\n * Checks if `value` is a buffer.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n * @example\n *\n * _.isBuffer(new Buffer(2));\n * // => true\n *\n * _.isBuffer(new Uint8Array(2));\n * // => false\n */\n\nvar isBuffer = nativeIsBuffer || stubFalse;\nmodule.exports = isBuffer;","/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n return value === other || value !== value && other !== other;\n}\n\nmodule.exports = eq;","var DESCRIPTORS = require('../internals/descriptors');\n\nvar call = require('../internals/function-call');\n\nvar propertyIsEnumerableModule = require('../internals/object-property-is-enumerable');\n\nvar createPropertyDescriptor = require('../internals/create-property-descriptor');\n\nvar toIndexedObject = require('../internals/to-indexed-object');\n\nvar toPropertyKey = require('../internals/to-property-key');\n\nvar hasOwn = require('../internals/has-own-property');\n\nvar IE8_DOM_DEFINE = require('../internals/ie8-dom-define'); // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe\n\n\nvar $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; // `Object.getOwnPropertyDescriptor` method\n// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor\n\nexports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {\n O = toIndexedObject(O);\n P = toPropertyKey(P);\n if (IE8_DOM_DEFINE) try {\n return $getOwnPropertyDescriptor(O, P);\n } catch (error) {\n /* empty */\n }\n if (hasOwn(O, P)) return createPropertyDescriptor(!call(propertyIsEnumerableModule.f, O, P), O[P]);\n};","var uncurryThis = require('../internals/function-uncurry-this');\n\nvar toString = uncurryThis({}.toString);\nvar stringSlice = uncurryThis(''.slice);\n\nmodule.exports = function (it) {\n return stringSlice(toString(it), 8, -1);\n};","var toPrimitive = require('../internals/to-primitive');\n\nvar isSymbol = require('../internals/is-symbol'); // `ToPropertyKey` abstract operation\n// https://tc39.es/ecma262/#sec-topropertykey\n\n\nmodule.exports = function (argument) {\n var key = toPrimitive(argument, 'string');\n return isSymbol(key) ? key : key + '';\n};","var uncurryThis = require('../internals/function-uncurry-this');\n\nmodule.exports = uncurryThis({}.isPrototypeOf);","var $String = String;\n\nmodule.exports = function (argument) {\n try {\n return $String(argument);\n } catch (error) {\n return 'Object';\n }\n};","module.exports = false;","var shared = require('../internals/shared');\n\nvar uid = require('../internals/uid');\n\nvar keys = shared('keys');\n\nmodule.exports = function (key) {\n return keys[key] || (keys[key] = uid(key));\n};","module.exports = {};","var internalObjectKeys = require('../internals/object-keys-internal');\n\nvar enumBugKeys = require('../internals/enum-bug-keys');\n\nvar hiddenKeys = enumBugKeys.concat('length', 'prototype'); // `Object.getOwnPropertyNames` method\n// https://tc39.es/ecma262/#sec-object.getownpropertynames\n// eslint-disable-next-line es-x/no-object-getownpropertynames -- safe\n\nexports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {\n return internalObjectKeys(O, hiddenKeys);\n};","var TO_STRING_TAG_SUPPORT = require('../internals/to-string-tag-support');\n\nvar isCallable = require('../internals/is-callable');\n\nvar classofRaw = require('../internals/classof-raw');\n\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar TO_STRING_TAG = wellKnownSymbol('toStringTag');\nvar $Object = Object; // ES3 wrong here\n\nvar CORRECT_ARGUMENTS = classofRaw(function () {\n return arguments;\n}()) == 'Arguments'; // fallback for IE11 Script Access Denied error\n\nvar tryGet = function tryGet(it, key) {\n try {\n return it[key];\n } catch (error) {\n /* empty */\n }\n}; // getting tag from ES6+ `Object.prototype.toString`\n\n\nmodule.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {\n var O, tag, result;\n return it === undefined ? 'Undefined' : it === null ? 'Null' // @@toStringTag case\n : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag // builtinTag case\n : CORRECT_ARGUMENTS ? classofRaw(O) // ES3 arguments fallback\n : (result = classofRaw(O)) == 'Object' && isCallable(O.callee) ? 'Arguments' : result;\n};","module.exports = {};","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n'use strict';\n/* eslint-disable no-unused-vars */\n\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n if (val === null || val === undefined) {\n throw new TypeError('Object.assign cannot be called with null or undefined');\n }\n\n return Object(val);\n}\n\nfunction shouldUseNative() {\n try {\n if (!Object.assign) {\n return false;\n } // Detect buggy property enumeration order in older V8 versions.\n // https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\n\n var test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\n test1[5] = 'de';\n\n if (Object.getOwnPropertyNames(test1)[0] === '5') {\n return false;\n } // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\n\n var test2 = {};\n\n for (var i = 0; i < 10; i++) {\n test2['_' + String.fromCharCode(i)] = i;\n }\n\n var order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n return test2[n];\n });\n\n if (order2.join('') !== '0123456789') {\n return false;\n } // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\n\n var test3 = {};\n 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n test3[letter] = letter;\n });\n\n if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {\n return false;\n }\n\n return true;\n } catch (err) {\n // We don't expect any of the above to throw, but better to be safe.\n return false;\n }\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n var from;\n var to = toObject(target);\n var symbols;\n\n for (var s = 1; s < arguments.length; s++) {\n from = Object(arguments[s]);\n\n for (var key in from) {\n if (hasOwnProperty.call(from, key)) {\n to[key] = from[key];\n }\n }\n\n if (getOwnPropertySymbols) {\n symbols = getOwnPropertySymbols(from);\n\n for (var i = 0; i < symbols.length; i++) {\n if (propIsEnumerable.call(from, symbols[i])) {\n to[symbols[i]] = from[symbols[i]];\n }\n }\n }\n }\n\n return to;\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.showLoading = showLoading;\nexports.hideLoading = hideLoading;\nexports.resetLoading = resetLoading;\nexports.loadingBarReducer = loadingBarReducer;\nexports.DEFAULT_SCOPE = exports.RESET = exports.HIDE = exports.SHOW = void 0;\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar SHOW = 'loading-bar/SHOW';\nexports.SHOW = SHOW;\nvar HIDE = 'loading-bar/HIDE';\nexports.HIDE = HIDE;\nvar RESET = 'loading-bar/RESET';\nexports.RESET = RESET;\nvar DEFAULT_SCOPE = 'default';\nexports.DEFAULT_SCOPE = DEFAULT_SCOPE;\n\nfunction showLoading() {\n var scope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_SCOPE;\n return {\n type: SHOW,\n payload: {\n scope: scope\n }\n };\n}\n\nfunction hideLoading() {\n var scope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_SCOPE;\n return {\n type: HIDE,\n payload: {\n scope: scope\n }\n };\n}\n\nfunction resetLoading() {\n var scope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_SCOPE;\n return {\n type: RESET,\n payload: {\n scope: scope\n }\n };\n}\n\nfunction loadingBarReducer() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var _ref = action.payload || {},\n _ref$scope = _ref.scope,\n scope = _ref$scope === void 0 ? DEFAULT_SCOPE : _ref$scope;\n\n switch (action.type) {\n case SHOW:\n return _objectSpread({}, state, _defineProperty({}, scope, (state[scope] || 0) + 1));\n\n case HIDE:\n return _objectSpread({}, state, _defineProperty({}, scope, Math.max(0, (state[scope] || 1) - 1)));\n\n case RESET:\n return _objectSpread({}, state, _defineProperty({}, scope, 0));\n\n default:\n return state;\n }\n}","/**\n * The base implementation of `_.unary` without support for storing metadata.\n *\n * @private\n * @param {Function} func The function to cap arguments for.\n * @returns {Function} Returns the new capped function.\n */\nfunction baseUnary(func) {\n return function (value) {\n return func(value);\n };\n}\n\nmodule.exports = baseUnary;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _cloudinaryCore = require(\"cloudinary-core\");\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n \"default\": obj\n };\n}\n\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};\n\n if (desc.get || desc.set) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n }\n\n newObj[\"default\"] = obj;\n return newObj;\n }\n}\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nvar camelCase = _cloudinaryCore.Util.camelCase;\nvar snakeCase = _cloudinaryCore.Util.snakeCase;\n/**\n * Return a new object containing keys and values where keys are in the keys list\n * @param {object} source Object to copy values from\n * @param {string[]} [keys=[]] a list of keys\n * @returns {object} an object with copied values\n */\n\nfunction only(source) {\n var keys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n if (!source) return source;\n return keys.reduce(function (tr, key) {\n if (key in source) {\n tr[key] = source[key];\n }\n\n return tr;\n }, {});\n}\n/**\n * A base component for Cloudinary components.\n * @protected\n */\n\n\nvar CloudinaryComponent =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(CloudinaryComponent, _Component);\n\n function CloudinaryComponent(props, context) {\n _classCallCheck(this, CloudinaryComponent);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(CloudinaryComponent).call(this, props, context));\n }\n\n _createClass(CloudinaryComponent, [{\n key: \"getChildContext\",\n value: function getChildContext() {\n return {};\n }\n }, {\n key: \"render\",\n value: function render() {\n return null;\n }\n }, {\n key: \"getChildTransformations\",\n value: function getChildTransformations(children) {\n var _this = this;\n\n if (children === undefined || children === null) return null;\n\n var mapped = _react[\"default\"].Children.map(children, function (child) {\n if (!_react[\"default\"].isValidElement(child)) {\n // child is not an element (e.g. simple text)\n return;\n }\n\n var options = {};\n\n if (child.type && child.type.exposesProps) {\n options = CloudinaryComponent.normalizeOptions(child.props, child.context);\n }\n\n var childOptions = _this.getChildTransformations(child.props.children);\n\n if (childOptions !== undefined && childOptions !== null) {\n options.transformation = childOptions;\n }\n\n return options;\n });\n\n if (mapped != null) {\n return mapped.filter(function (o) {\n return !_cloudinaryCore.Util.isEmpty(o);\n });\n } else return null;\n }\n /**\n * Returns an object with all the transformation parameters based on the context and properties of this element\n * and any children.\n * @param extendedProps\n * @returns {object} a hash of transformation and configuration parameters\n * @protected\n */\n\n }, {\n key: \"getTransformation\",\n value: function getTransformation(extendedProps) {\n var children = extendedProps.children,\n rest = _objectWithoutProperties(extendedProps, [\"children\"]);\n\n var ownTransformation = only(_cloudinaryCore.Util.withCamelCaseKeys(rest), _cloudinaryCore.Transformation.methods) || {};\n var childrenOptions = this.getChildTransformations(children);\n\n if (!_cloudinaryCore.Util.isEmpty(childrenOptions)) {\n ownTransformation.transformation = childrenOptions;\n }\n\n return ownTransformation;\n }\n /**\n * Combine properties of all options to create an option Object that can be passed to Cloudinary methods.
\n * `undefined` and `null` values are filtered out.\n * @protected\n * @returns {Object}\n * @param options one or more options objects\n */\n\n }, {\n key: \"getUrl\",\n\n /**\n * Generate a Cloudinary resource URL based on the options provided and child Transformation elements\n * @param extendedProps React props combined with custom Cloudinary configuration options\n * @returns {string} a cloudinary URL\n * @protected\n */\n value: function getUrl(extendedProps) {\n var transformation = this.getTransformation(extendedProps);\n\n var options = _cloudinaryCore.Util.extractUrlParams(_cloudinaryCore.Util.withSnakeCaseKeys(extendedProps));\n\n var cl = _cloudinaryCore.Cloudinary[\"new\"](options);\n\n return cl.url(extendedProps.publicId, transformation);\n }\n }], [{\n key: \"normalizeOptions\",\n value: function normalizeOptions() {\n for (var _len = arguments.length, options = new Array(_len), _key = 0; _key < _len; _key++) {\n options[_key] = arguments[_key];\n }\n\n return options.reduce(function (left, right) {\n for (var key in right) {\n var value = right[key];\n\n if (value !== null && value !== undefined) {\n left[key] = value;\n }\n }\n\n return left;\n }, {});\n }\n }]);\n\n return CloudinaryComponent;\n}(_react.Component);\n\nCloudinaryComponent.VALID_OPTIONS = _cloudinaryCore.Transformation.PARAM_NAMES.map(camelCase);\nCloudinaryComponent.contextTypes = typesFrom(CloudinaryComponent.VALID_OPTIONS);\nCloudinaryComponent.propTypes = CloudinaryComponent.contextTypes;\nCloudinaryComponent.propTypes.publicId = _propTypes[\"default\"].string;\nCloudinaryComponent.propTypes.responsive = _propTypes[\"default\"].bool;\nCloudinaryComponent.childContextTypes = {};\n/**\n * Create a React type definition object. All items are PropTypes.string or [string] or object or [object].\n * @param {Array} configParams a list of parameter names\n * @returns {Object}\n * @private\n */\n\nfunction typesFrom(configParams) {\n configParams = configParams || [];\n var types = {};\n\n for (var i = 0; i < configParams.length; i++) {\n var key = configParams[i];\n types[camelCase(key)] = _propTypes[\"default\"].any;\n }\n\n return types;\n}\n\nvar _default = CloudinaryComponent;\nexports[\"default\"] = _default;","/**\n * cloudinary-core.js\n * Cloudinary's JavaScript library - Version 2.13.0\n * Copyright Cloudinary\n * see https://github.com/cloudinary/cloudinary_js\n *\n */\n(function webpackUniversalModuleDefinition(root, factory) {\n if (typeof exports === 'object' && typeof module === 'object') module.exports = factory(require(\"lodash/assign\"), require(\"lodash/cloneDeep\"), require(\"lodash/compact\"), require(\"lodash/difference\"), require(\"lodash/functions\"), require(\"lodash/identity\"), require(\"lodash/includes\"), require(\"lodash/isArray\"), require(\"lodash/isElement\"), require(\"lodash/isFunction\"), require(\"lodash/isPlainObject\"), require(\"lodash/isString\"), require(\"lodash/merge\"), require(\"lodash/trim\"));else if (typeof define === 'function' && define.amd) define([\"lodash/assign\", \"lodash/cloneDeep\", \"lodash/compact\", \"lodash/difference\", \"lodash/functions\", \"lodash/identity\", \"lodash/includes\", \"lodash/isArray\", \"lodash/isElement\", \"lodash/isFunction\", \"lodash/isPlainObject\", \"lodash/isString\", \"lodash/merge\", \"lodash/trim\"], factory);else if (typeof exports === 'object') exports[\"cloudinary\"] = factory(require(\"lodash/assign\"), require(\"lodash/cloneDeep\"), require(\"lodash/compact\"), require(\"lodash/difference\"), require(\"lodash/functions\"), require(\"lodash/identity\"), require(\"lodash/includes\"), require(\"lodash/isArray\"), require(\"lodash/isElement\"), require(\"lodash/isFunction\"), require(\"lodash/isPlainObject\"), require(\"lodash/isString\"), require(\"lodash/merge\"), require(\"lodash/trim\"));else root[\"cloudinary\"] = factory(root[\"_\"][\"assign\"], root[\"_\"][\"cloneDeep\"], root[\"_\"][\"compact\"], root[\"_\"][\"difference\"], root[\"_\"][\"functions\"], root[\"_\"][\"identity\"], root[\"_\"][\"includes\"], root[\"_\"][\"isArray\"], root[\"_\"][\"isElement\"], root[\"_\"][\"isFunction\"], root[\"_\"][\"isPlainObject\"], root[\"_\"][\"isString\"], root[\"_\"][\"merge\"], root[\"_\"][\"trim\"]);\n})(this, function (__WEBPACK_EXTERNAL_MODULE_lodash_assign__, __WEBPACK_EXTERNAL_MODULE_lodash_cloneDeep__, __WEBPACK_EXTERNAL_MODULE_lodash_compact__, __WEBPACK_EXTERNAL_MODULE_lodash_difference__, __WEBPACK_EXTERNAL_MODULE_lodash_functions__, __WEBPACK_EXTERNAL_MODULE_lodash_identity__, __WEBPACK_EXTERNAL_MODULE_lodash_includes__, __WEBPACK_EXTERNAL_MODULE_lodash_isArray__, __WEBPACK_EXTERNAL_MODULE_lodash_isElement__, __WEBPACK_EXTERNAL_MODULE_lodash_isFunction__, __WEBPACK_EXTERNAL_MODULE_lodash_isPlainObject__, __WEBPACK_EXTERNAL_MODULE_lodash_isString__, __WEBPACK_EXTERNAL_MODULE_lodash_merge__, __WEBPACK_EXTERNAL_MODULE_lodash_trim__) {\n return (\n /******/\n function (modules) {\n // webpackBootstrap\n\n /******/\n // The module cache\n\n /******/\n var installedModules = {};\n /******/\n\n /******/\n // The require function\n\n /******/\n\n function __webpack_require__(moduleId) {\n /******/\n\n /******/\n // Check if module is in cache\n\n /******/\n if (installedModules[moduleId]) {\n /******/\n return installedModules[moduleId].exports;\n /******/\n }\n /******/\n // Create a new module (and put it into the cache)\n\n /******/\n\n\n var module = installedModules[moduleId] = {\n /******/\n i: moduleId,\n\n /******/\n l: false,\n\n /******/\n exports: {}\n /******/\n\n };\n /******/\n\n /******/\n // Execute the module function\n\n /******/\n\n modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n /******/\n\n /******/\n // Flag the module as loaded\n\n /******/\n\n module.l = true;\n /******/\n\n /******/\n // Return the exports of the module\n\n /******/\n\n return module.exports;\n /******/\n }\n /******/\n\n /******/\n\n /******/\n // expose the modules object (__webpack_modules__)\n\n /******/\n\n\n __webpack_require__.m = modules;\n /******/\n\n /******/\n // expose the module cache\n\n /******/\n\n __webpack_require__.c = installedModules;\n /******/\n\n /******/\n // define getter function for harmony exports\n\n /******/\n\n __webpack_require__.d = function (exports, name, getter) {\n /******/\n if (!__webpack_require__.o(exports, name)) {\n /******/\n Object.defineProperty(exports, name, {\n enumerable: true,\n get: getter\n });\n /******/\n }\n /******/\n\n };\n /******/\n\n /******/\n // define __esModule on exports\n\n /******/\n\n\n __webpack_require__.r = function (exports) {\n /******/\n if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n /******/\n Object.defineProperty(exports, Symbol.toStringTag, {\n value: 'Module'\n });\n /******/\n }\n /******/\n\n\n Object.defineProperty(exports, '__esModule', {\n value: true\n });\n /******/\n };\n /******/\n\n /******/\n // create a fake namespace object\n\n /******/\n // mode & 1: value is a module id, require it\n\n /******/\n // mode & 2: merge all properties of value into the ns\n\n /******/\n // mode & 4: return value when already ns object\n\n /******/\n // mode & 8|1: behave like require\n\n /******/\n\n\n __webpack_require__.t = function (value, mode) {\n /******/\n if (mode & 1) value = __webpack_require__(value);\n /******/\n\n if (mode & 8) return value;\n /******/\n\n if (mode & 4 && typeof value === 'object' && value && value.__esModule) return value;\n /******/\n\n var ns = Object.create(null);\n /******/\n\n __webpack_require__.r(ns);\n /******/\n\n\n Object.defineProperty(ns, 'default', {\n enumerable: true,\n value: value\n });\n /******/\n\n if (mode & 2 && typeof value != 'string') for (var key in value) {\n __webpack_require__.d(ns, key, function (key) {\n return value[key];\n }.bind(null, key));\n }\n /******/\n\n return ns;\n /******/\n };\n /******/\n\n /******/\n // getDefaultExport function for compatibility with non-harmony modules\n\n /******/\n\n\n __webpack_require__.n = function (module) {\n /******/\n var getter = module && module.__esModule ?\n /******/\n function getDefault() {\n return module['default'];\n } :\n /******/\n function getModuleExports() {\n return module;\n };\n /******/\n\n __webpack_require__.d(getter, 'a', getter);\n /******/\n\n\n return getter;\n /******/\n };\n /******/\n\n /******/\n // Object.prototype.hasOwnProperty.call\n\n /******/\n\n\n __webpack_require__.o = function (object, property) {\n return Object.prototype.hasOwnProperty.call(object, property);\n };\n /******/\n\n /******/\n // __webpack_public_path__\n\n /******/\n\n\n __webpack_require__.p = \"\";\n /******/\n\n /******/\n\n /******/\n // Load entry module and return exports\n\n /******/\n\n return __webpack_require__(__webpack_require__.s = \"./src/namespace/cloudinary-core.js\");\n /******/\n }(\n /************************************************************************/\n\n /******/\n {\n /***/\n \"./src/namespace/cloudinary-core.js\":\n /***/\n function srcNamespaceCloudinaryCoreJs(module, __webpack_exports__, __webpack_require__) {\n \"use strict\"; // ESM COMPAT FLAG\n\n __webpack_require__.r(__webpack_exports__); // EXPORTS\n\n\n __webpack_require__.d(__webpack_exports__, \"ClientHintsMetaTag\", function () {\n return (\n /* reexport */\n clienthintsmetatag\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Cloudinary\", function () {\n return (\n /* reexport */\n cloudinary\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Condition\", function () {\n return (\n /* reexport */\n condition\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Configuration\", function () {\n return (\n /* reexport */\n src_configuration\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"crc32\", function () {\n return (\n /* reexport */\n src_crc32\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Expression\", function () {\n return (\n /* reexport */\n expression\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"FetchLayer\", function () {\n return (\n /* reexport */\n fetchlayer\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"HtmlTag\", function () {\n return (\n /* reexport */\n htmltag\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"ImageTag\", function () {\n return (\n /* reexport */\n imagetag\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Layer\", function () {\n return (\n /* reexport */\n layer_layer\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"PictureTag\", function () {\n return (\n /* reexport */\n picturetag\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"SubtitlesLayer\", function () {\n return (\n /* reexport */\n subtitleslayer\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"TextLayer\", function () {\n return (\n /* reexport */\n textlayer\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Transformation\", function () {\n return (\n /* reexport */\n src_transformation\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"utf8_encode\", function () {\n return (\n /* reexport */\n src_utf8_encode\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Util\", function () {\n return (\n /* reexport */\n lodash_namespaceObject\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"VideoTag\", function () {\n return (\n /* reexport */\n videotag\n );\n }); // NAMESPACE OBJECT: ./src/constants.js\n\n\n var constants_namespaceObject = {};\n\n __webpack_require__.r(constants_namespaceObject);\n\n __webpack_require__.d(constants_namespaceObject, \"VERSION\", function () {\n return VERSION;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"CF_SHARED_CDN\", function () {\n return CF_SHARED_CDN;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"OLD_AKAMAI_SHARED_CDN\", function () {\n return OLD_AKAMAI_SHARED_CDN;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"AKAMAI_SHARED_CDN\", function () {\n return AKAMAI_SHARED_CDN;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"SHARED_CDN\", function () {\n return SHARED_CDN;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_TIMEOUT_MS\", function () {\n return DEFAULT_TIMEOUT_MS;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_POSTER_OPTIONS\", function () {\n return DEFAULT_POSTER_OPTIONS;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_VIDEO_SOURCE_TYPES\", function () {\n return DEFAULT_VIDEO_SOURCE_TYPES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"SEO_TYPES\", function () {\n return SEO_TYPES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_IMAGE_PARAMS\", function () {\n return DEFAULT_IMAGE_PARAMS;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_VIDEO_PARAMS\", function () {\n return DEFAULT_VIDEO_PARAMS;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_VIDEO_SOURCES\", function () {\n return DEFAULT_VIDEO_SOURCES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_EXTERNAL_LIBRARIES\", function () {\n return DEFAULT_EXTERNAL_LIBRARIES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"PLACEHOLDER_IMAGE_MODES\", function () {\n return PLACEHOLDER_IMAGE_MODES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"ACCESSIBILITY_MODES\", function () {\n return ACCESSIBILITY_MODES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"URL_KEYS\", function () {\n return URL_KEYS;\n }); // NAMESPACE OBJECT: ./src/util/lodash.js\n\n\n var lodash_namespaceObject = {};\n\n __webpack_require__.r(lodash_namespaceObject);\n\n __webpack_require__.d(lodash_namespaceObject, \"getSDKAnalyticsSignature\", function () {\n return getSDKAnalyticsSignature;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"getAnalyticsOptions\", function () {\n return getAnalyticsOptions;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"assign\", function () {\n return assign_root_assign_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"cloneDeep\", function () {\n return cloneDeep_root_cloneDeep_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"compact\", function () {\n return compact_root_compact_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"difference\", function () {\n return difference_root_difference_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"functions\", function () {\n return functions_root_functions_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"identity\", function () {\n return identity_root_identity_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"includes\", function () {\n return includes_root_includes_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isArray\", function () {\n return isArray_root_isArray_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isPlainObject\", function () {\n return isPlainObject_root_isPlainObject_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isString\", function () {\n return isString_root_isString_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"merge\", function () {\n return merge_root_merge_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"contains\", function () {\n return includes_root_includes_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isIntersectionObserverSupported\", function () {\n return isIntersectionObserverSupported;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isNativeLazyLoadSupported\", function () {\n return isNativeLazyLoadSupported;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"detectIntersection\", function () {\n return detectIntersection;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"omit\", function () {\n return omit;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"allStrings\", function () {\n return baseutil_allStrings;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"without\", function () {\n return without;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isNumberLike\", function () {\n return isNumberLike;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"smartEscape\", function () {\n return smartEscape;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"defaults\", function () {\n return defaults;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"objectProto\", function () {\n return objectProto;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"objToString\", function () {\n return objToString;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isObject\", function () {\n return isObject;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"funcTag\", function () {\n return funcTag;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"reWords\", function () {\n return reWords;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"camelCase\", function () {\n return camelCase;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"snakeCase\", function () {\n return snakeCase;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"convertKeys\", function () {\n return convertKeys;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"withCamelCaseKeys\", function () {\n return withCamelCaseKeys;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"withSnakeCaseKeys\", function () {\n return withSnakeCaseKeys;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"base64Encode\", function () {\n return base64Encode;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"base64EncodeURL\", function () {\n return base64EncodeURL;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"extractUrlParams\", function () {\n return extractUrlParams;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"patchFetchFormat\", function () {\n return patchFetchFormat;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"optionConsume\", function () {\n return optionConsume;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isEmpty\", function () {\n return isEmpty;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isAndroid\", function () {\n return isAndroid;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isEdge\", function () {\n return isEdge;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isChrome\", function () {\n return isChrome;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isSafari\", function () {\n return isSafari;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isElement\", function () {\n return isElement_root_isElement_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isFunction\", function () {\n return isFunction_root_isFunction_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"trim\", function () {\n return trim_root_trim_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"getData\", function () {\n return lodash_getData;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"setData\", function () {\n return lodash_setData;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"getAttribute\", function () {\n return lodash_getAttribute;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"setAttribute\", function () {\n return lodash_setAttribute;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"removeAttribute\", function () {\n return lodash_removeAttribute;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"setAttributes\", function () {\n return setAttributes;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"hasClass\", function () {\n return lodash_hasClass;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"addClass\", function () {\n return lodash_addClass;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"getStyles\", function () {\n return getStyles;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"cssExpand\", function () {\n return cssExpand;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"domStyle\", function () {\n return domStyle;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"curCSS\", function () {\n return curCSS;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"cssValue\", function () {\n return cssValue;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"augmentWidthOrHeight\", function () {\n return augmentWidthOrHeight;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"getWidthOrHeight\", function () {\n return getWidthOrHeight;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"width\", function () {\n return lodash_width;\n }); // CONCATENATED MODULE: ./src/utf8_encode.js\n\n /**\n * UTF8 encoder\n * @private\n */\n\n\n var utf8_encode;\n /* harmony default export */\n\n var src_utf8_encode = utf8_encode = function utf8_encode(argString) {\n var c1, enc, end, n, start, string, stringl, utftext; // http://kevin.vanzonneveld.net\n // + original by: Webtoolkit.info (http://www.webtoolkit.info/)\n // + improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)\n // + improved by: sowberry\n // + tweaked by: Jack\n // + bugfixed by: Onno Marsman\n // + improved by: Yves Sucaet\n // + bugfixed by: Onno Marsman\n // + bugfixed by: Ulrich\n // + bugfixed by: Rafal Kukawski\n // + improved by: kirilloid\n // * example 1: utf8_encode('Kevin van Zonneveld');\n // * returns 1: 'Kevin van Zonneveld'\n\n if (argString === null || typeof argString === 'undefined') {\n return '';\n }\n\n string = argString + ''; // .replace(/\\r\\n/g, \"\\n\").replace(/\\r/g, \"\\n\");\n\n utftext = '';\n start = void 0;\n end = void 0;\n stringl = 0;\n start = end = 0;\n stringl = string.length;\n n = 0;\n\n while (n < stringl) {\n c1 = string.charCodeAt(n);\n enc = null;\n\n if (c1 < 128) {\n end++;\n } else if (c1 > 127 && c1 < 2048) {\n enc = String.fromCharCode(c1 >> 6 | 192, c1 & 63 | 128);\n } else {\n enc = String.fromCharCode(c1 >> 12 | 224, c1 >> 6 & 63 | 128, c1 & 63 | 128);\n }\n\n if (enc !== null) {\n if (end > start) {\n utftext += string.slice(start, end);\n }\n\n utftext += enc;\n start = end = n + 1;\n }\n\n n++;\n }\n\n if (end > start) {\n utftext += string.slice(start, stringl);\n }\n\n return utftext;\n }; // CONCATENATED MODULE: ./src/crc32.js\n\n /**\n * CRC32 calculator\n * Depends on 'utf8_encode'\n * @private\n * @param {string} str - The string to calculate the CRC32 for.\n * @return {number}\n */\n\n\n function crc32(str) {\n var crc, i, iTop, table, x, y; // http://kevin.vanzonneveld.net\n // + original by: Webtoolkit.info (http://www.webtoolkit.info/)\n // + improved by: T0bsn\n // + improved by: http://stackoverflow.com/questions/2647935/javascript-crc32-function-and-php-crc32-not-matching\n // - depends on: utf8_encode\n // * example 1: crc32('Kevin van Zonneveld');\n // * returns 1: 1249991249\n\n str = src_utf8_encode(str);\n table = '00000000 77073096 EE0E612C 990951BA 076DC419 706AF48F E963A535 9E6495A3 0EDB8832 79DCB8A4 E0D5E91E 97D2D988 09B64C2B 7EB17CBD E7B82D07 90BF1D91 1DB71064 6AB020F2 F3B97148 84BE41DE 1ADAD47D 6DDDE4EB F4D4B551 83D385C7 136C9856 646BA8C0 FD62F97A 8A65C9EC 14015C4F 63066CD9 FA0F3D63 8D080DF5 3B6E20C8 4C69105E D56041E4 A2677172 3C03E4D1 4B04D447 D20D85FD A50AB56B 35B5A8FA 42B2986C DBBBC9D6 ACBCF940 32D86CE3 45DF5C75 DCD60DCF ABD13D59 26D930AC 51DE003A C8D75180 BFD06116 21B4F4B5 56B3C423 CFBA9599 B8BDA50F 2802B89E 5F058808 C60CD9B2 B10BE924 2F6F7C87 58684C11 C1611DAB B6662D3D 76DC4190 01DB7106 98D220BC EFD5102A 71B18589 06B6B51F 9FBFE4A5 E8B8D433 7807C9A2 0F00F934 9609A88E E10E9818 7F6A0DBB 086D3D2D 91646C97 E6635C01 6B6B51F4 1C6C6162 856530D8 F262004E 6C0695ED 1B01A57B 8208F4C1 F50FC457 65B0D9C6 12B7E950 8BBEB8EA FCB9887C 62DD1DDF 15DA2D49 8CD37CF3 FBD44C65 4DB26158 3AB551CE A3BC0074 D4BB30E2 4ADFA541 3DD895D7 A4D1C46D D3D6F4FB 4369E96A 346ED9FC AD678846 DA60B8D0 44042D73 33031DE5 AA0A4C5F DD0D7CC9 5005713C 270241AA BE0B1010 C90C2086 5768B525 206F85B3 B966D409 CE61E49F 5EDEF90E 29D9C998 B0D09822 C7D7A8B4 59B33D17 2EB40D81 B7BD5C3B C0BA6CAD EDB88320 9ABFB3B6 03B6E20C 74B1D29A EAD54739 9DD277AF 04DB2615 73DC1683 E3630B12 94643B84 0D6D6A3E 7A6A5AA8 E40ECF0B 9309FF9D 0A00AE27 7D079EB1 F00F9344 8708A3D2 1E01F268 6906C2FE F762575D 806567CB 196C3671 6E6B06E7 FED41B76 89D32BE0 10DA7A5A 67DD4ACC F9B9DF6F 8EBEEFF9 17B7BE43 60B08ED5 D6D6A3E8 A1D1937E 38D8C2C4 4FDFF252 D1BB67F1 A6BC5767 3FB506DD 48B2364B D80D2BDA AF0A1B4C 36034AF6 41047A60 DF60EFC3 A867DF55 316E8EEF 4669BE79 CB61B38C BC66831A 256FD2A0 5268E236 CC0C7795 BB0B4703 220216B9 5505262F C5BA3BBE B2BD0B28 2BB45A92 5CB36A04 C2D7FFA7 B5D0CF31 2CD99E8B 5BDEAE1D 9B64C2B0 EC63F226 756AA39C 026D930A 9C0906A9 EB0E363F 72076785 05005713 95BF4A82 E2B87A14 7BB12BAE 0CB61B38 92D28E9B E5D5BE0D 7CDCEFB7 0BDBDF21 86D3D2D4 F1D4E242 68DDB3F8 1FDA836E 81BE16CD F6B9265B 6FB077E1 18B74777 88085AE6 FF0F6A70 66063BCA 11010B5C 8F659EFF F862AE69 616BFFD3 166CCF45 A00AE278 D70DD2EE 4E048354 3903B3C2 A7672661 D06016F7 4969474D 3E6E77DB AED16A4A D9D65ADC 40DF0B66 37D83BF0 A9BCAE53 DEBB9EC5 47B2CF7F 30B5FFE9 BDBDF21C CABAC28A 53B39330 24B4A3A6 BAD03605 CDD70693 54DE5729 23D967BF B3667A2E C4614AB8 5D681B02 2A6F2B94 B40BBE37 C30C8EA1 5A05DF1B 2D02EF8D';\n crc = 0;\n x = 0;\n y = 0;\n crc = crc ^ -1;\n i = 0;\n iTop = str.length;\n\n while (i < iTop) {\n y = (crc ^ str.charCodeAt(i)) & 0xFF;\n x = '0x' + table.substr(y * 9, 8);\n crc = crc >>> 8 ^ x;\n i++;\n }\n\n crc = crc ^ -1; //convert to unsigned 32-bit int if needed\n\n if (crc < 0) {\n crc += 4294967296;\n }\n\n return crc;\n }\n /* harmony default export */\n\n\n var src_crc32 = crc32; // CONCATENATED MODULE: ./src/sdkAnalytics/stringPad.js\n\n function stringPad(value, targetLength, padString) {\n targetLength = targetLength >> 0; //truncate if number or convert non-number to 0;\n\n padString = String(typeof padString !== 'undefined' ? padString : ' ');\n\n if (value.length > targetLength) {\n return String(value);\n } else {\n targetLength = targetLength - value.length;\n\n if (targetLength > padString.length) {\n padString += repeatStringNumTimes(padString, targetLength / padString.length);\n }\n\n return padString.slice(0, targetLength) + String(value);\n }\n }\n\n function repeatStringNumTimes(string, times) {\n var repeatedString = \"\";\n\n while (times > 0) {\n repeatedString += string;\n times--;\n }\n\n return repeatedString;\n } // CONCATENATED MODULE: ./src/sdkAnalytics/base64Map.js\n\n\n function _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n }\n\n function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n }\n\n function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n }\n\n function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n }\n\n function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n\n var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';\n var base64Map_num = 0;\n var map = {};\n\n _toConsumableArray(chars).forEach(function (_char) {\n var key = base64Map_num.toString(2);\n key = stringPad(key, 6, '0');\n map[key] = _char;\n base64Map_num++;\n });\n /**\n * Map of six-bit binary codes to Base64 characters\n */\n\n /* harmony default export */\n\n\n var base64Map = map; // CONCATENATED MODULE: ./src/sdkAnalytics/reverseVersion.js\n\n /**\n * @description A semVer like string, x.y.z or x.y is allowed\n * Reverses the version positions, x.y.z turns to z.y.x\n * Pads each segment with '0' so they have length of 2\n * Example: 1.2.3 -> 03.02.01\n * @param {string} semVer Input can be either x.y.z or x.y\n * @return {string} in the form of zz.yy.xx (\n */\n\n function reverseVersion(semVer) {\n if (semVer.split('.').length < 2) {\n throw new Error('invalid semVer, must have at least two segments');\n } // Split by '.', reverse, create new array with padded values and concat it together\n\n\n return semVer.split('.').reverse().map(function (segment) {\n return stringPad(segment, 2, '0');\n }).join('.');\n } // CONCATENATED MODULE: ./src/sdkAnalytics/encodeVersion.js\n\n /**\n * @description Encodes a semVer-like version string\n * @param {string} semVer Input can be either x.y.z or x.y\n * @return {string} A string built from 3 characters of the base64 table that encode the semVer\n */\n\n\n function encodeVersion(semVer) {\n var strResult = ''; // support x.y or x.y.z by using 'parts' as a variable\n\n var parts = semVer.split('.').length;\n var paddedStringLength = parts * 6; // we pad to either 12 or 18 characters\n // reverse (but don't mirror) the version. 1.5.15 -> 15.5.1\n // Pad to two spaces, 15.5.1 -> 15.05.01\n\n var paddedReversedSemver = reverseVersion(semVer); // turn 15.05.01 to a string '150501' then to a number 150501\n\n var num = parseInt(paddedReversedSemver.split('.').join('')); // Represent as binary, add left padding to 12 or 18 characters.\n // 150,501 -> 100100101111100101\n\n var paddedBinary = num.toString(2);\n paddedBinary = stringPad(paddedBinary, paddedStringLength, '0'); // Stop in case an invalid version number was provided\n // paddedBinary must be built from sections of 6 bits\n\n if (paddedBinary.length % 6 !== 0) {\n throw 'Version must be smaller than 43.21.26)';\n } // turn every 6 bits into a character using the base64Map\n\n\n paddedBinary.match(/.{1,6}/g).forEach(function (bitString) {\n // console.log(bitString);\n strResult += base64Map[bitString];\n });\n return strResult;\n } // CONCATENATED MODULE: ./src/sdkAnalytics/getSDKAnalyticsSignature.js\n\n /**\n * @description Gets the SDK signature by encoding the SDK version and tech version\n * @param {{\n * [techVersion]:string,\n * [sdkSemver]: string,\n * [sdkCode]: string,\n * [feature]: string\n * }} analyticsOptions\n * @return {string} sdkAnalyticsSignature\n */\n\n\n function getSDKAnalyticsSignature() {\n var analyticsOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n try {\n var twoPartVersion = removePatchFromSemver(analyticsOptions.techVersion);\n var encodedSDKVersion = encodeVersion(analyticsOptions.sdkSemver);\n var encodedTechVersion = encodeVersion(twoPartVersion);\n var featureCode = analyticsOptions.feature;\n var SDKCode = analyticsOptions.sdkCode;\n var algoVersion = 'A'; // The algo version is determined here, it should not be an argument\n\n return \"\".concat(algoVersion).concat(SDKCode).concat(encodedSDKVersion).concat(encodedTechVersion).concat(featureCode);\n } catch (e) {\n // Either SDK or Node versions were unparsable\n return 'E';\n }\n }\n /**\n * @description Removes patch version from the semver if it exists\n * Turns x.y.z OR x.y into x.y\n * @param {'x.y.z' || 'x.y' || string} semVerStr\n */\n\n\n function removePatchFromSemver(semVerStr) {\n var parts = semVerStr.split('.');\n return \"\".concat(parts[0], \".\").concat(parts[1]);\n } // CONCATENATED MODULE: ./src/sdkAnalytics/getAnalyticsOptions.js\n\n /**\n * @description Gets the analyticsOptions from options- should include sdkSemver, techVersion, sdkCode, and feature\n * @param options\n * @returns {{sdkSemver: (string), sdkCode, feature: string, techVersion: (string)} || {}}\n */\n\n\n function getAnalyticsOptions(options) {\n var analyticsOptions = {\n sdkSemver: options.sdkSemver,\n techVersion: options.techVersion,\n sdkCode: options.sdkCode,\n feature: '0'\n };\n\n if (options.urlAnalytics) {\n if (options.accessibility) {\n analyticsOptions.feature = 'D';\n }\n\n if (options.loading === 'lazy') {\n analyticsOptions.feature = 'C';\n }\n\n if (options.responsive) {\n analyticsOptions.feature = 'A';\n }\n\n if (options.placeholder) {\n analyticsOptions.feature = 'B';\n }\n\n return analyticsOptions;\n } else {\n return {};\n }\n } // EXTERNAL MODULE: external {\"commonjs\":\"lodash/assign\",\"commonjs2\":\"lodash/assign\",\"amd\":\"lodash/assign\",\"root\":[\"_\",\"assign\"]}\n\n\n var assign_root_assign_ = __webpack_require__(\"lodash/assign\");\n\n var assign_root_assign_default =\n /*#__PURE__*/\n __webpack_require__.n(assign_root_assign_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/cloneDeep\",\"commonjs2\":\"lodash/cloneDeep\",\"amd\":\"lodash/cloneDeep\",\"root\":[\"_\",\"cloneDeep\"]}\n\n\n var cloneDeep_root_cloneDeep_ = __webpack_require__(\"lodash/cloneDeep\");\n\n var cloneDeep_root_cloneDeep_default =\n /*#__PURE__*/\n __webpack_require__.n(cloneDeep_root_cloneDeep_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/compact\",\"commonjs2\":\"lodash/compact\",\"amd\":\"lodash/compact\",\"root\":[\"_\",\"compact\"]}\n\n\n var compact_root_compact_ = __webpack_require__(\"lodash/compact\");\n\n var compact_root_compact_default =\n /*#__PURE__*/\n __webpack_require__.n(compact_root_compact_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/difference\",\"commonjs2\":\"lodash/difference\",\"amd\":\"lodash/difference\",\"root\":[\"_\",\"difference\"]}\n\n\n var difference_root_difference_ = __webpack_require__(\"lodash/difference\");\n\n var difference_root_difference_default =\n /*#__PURE__*/\n __webpack_require__.n(difference_root_difference_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/functions\",\"commonjs2\":\"lodash/functions\",\"amd\":\"lodash/functions\",\"root\":[\"_\",\"functions\"]}\n\n\n var functions_root_functions_ = __webpack_require__(\"lodash/functions\");\n\n var functions_root_functions_default =\n /*#__PURE__*/\n __webpack_require__.n(functions_root_functions_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/identity\",\"commonjs2\":\"lodash/identity\",\"amd\":\"lodash/identity\",\"root\":[\"_\",\"identity\"]}\n\n\n var identity_root_identity_ = __webpack_require__(\"lodash/identity\");\n\n var identity_root_identity_default =\n /*#__PURE__*/\n __webpack_require__.n(identity_root_identity_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/includes\",\"commonjs2\":\"lodash/includes\",\"amd\":\"lodash/includes\",\"root\":[\"_\",\"includes\"]}\n\n\n var includes_root_includes_ = __webpack_require__(\"lodash/includes\");\n\n var includes_root_includes_default =\n /*#__PURE__*/\n __webpack_require__.n(includes_root_includes_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/isArray\",\"commonjs2\":\"lodash/isArray\",\"amd\":\"lodash/isArray\",\"root\":[\"_\",\"isArray\"]}\n\n\n var isArray_root_isArray_ = __webpack_require__(\"lodash/isArray\");\n\n var isArray_root_isArray_default =\n /*#__PURE__*/\n __webpack_require__.n(isArray_root_isArray_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/isPlainObject\",\"commonjs2\":\"lodash/isPlainObject\",\"amd\":\"lodash/isPlainObject\",\"root\":[\"_\",\"isPlainObject\"]}\n\n\n var isPlainObject_root_isPlainObject_ = __webpack_require__(\"lodash/isPlainObject\");\n\n var isPlainObject_root_isPlainObject_default =\n /*#__PURE__*/\n __webpack_require__.n(isPlainObject_root_isPlainObject_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/isString\",\"commonjs2\":\"lodash/isString\",\"amd\":\"lodash/isString\",\"root\":[\"_\",\"isString\"]}\n\n\n var isString_root_isString_ = __webpack_require__(\"lodash/isString\");\n\n var isString_root_isString_default =\n /*#__PURE__*/\n __webpack_require__.n(isString_root_isString_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/merge\",\"commonjs2\":\"lodash/merge\",\"amd\":\"lodash/merge\",\"root\":[\"_\",\"merge\"]}\n\n\n var merge_root_merge_ = __webpack_require__(\"lodash/merge\");\n\n var merge_root_merge_default =\n /*#__PURE__*/\n __webpack_require__.n(merge_root_merge_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/isElement\",\"commonjs2\":\"lodash/isElement\",\"amd\":\"lodash/isElement\",\"root\":[\"_\",\"isElement\"]}\n\n\n var isElement_root_isElement_ = __webpack_require__(\"lodash/isElement\");\n\n var isElement_root_isElement_default =\n /*#__PURE__*/\n __webpack_require__.n(isElement_root_isElement_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/isFunction\",\"commonjs2\":\"lodash/isFunction\",\"amd\":\"lodash/isFunction\",\"root\":[\"_\",\"isFunction\"]}\n\n\n var isFunction_root_isFunction_ = __webpack_require__(\"lodash/isFunction\");\n\n var isFunction_root_isFunction_default =\n /*#__PURE__*/\n __webpack_require__.n(isFunction_root_isFunction_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/trim\",\"commonjs2\":\"lodash/trim\",\"amd\":\"lodash/trim\",\"root\":[\"_\",\"trim\"]}\n\n\n var trim_root_trim_ = __webpack_require__(\"lodash/trim\");\n\n var trim_root_trim_default =\n /*#__PURE__*/\n __webpack_require__.n(trim_root_trim_); // CONCATENATED MODULE: ./src/util/lazyLoad.js\n\n\n function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n }\n /*\n * Includes utility methods for lazy loading media\n */\n\n /**\n * Check if IntersectionObserver is supported\n * @return {boolean} true if window.IntersectionObserver is defined\n */\n\n\n function isIntersectionObserverSupported() {\n // Check that 'IntersectionObserver' property is defined on window\n return (typeof window === \"undefined\" ? \"undefined\" : _typeof(window)) === \"object\" && window.IntersectionObserver;\n }\n /**\n * Check if native lazy loading is supported\n * @return {boolean} true if 'loading' property is defined for HTMLImageElement\n */\n\n\n function isNativeLazyLoadSupported() {\n return (typeof HTMLImageElement === \"undefined\" ? \"undefined\" : _typeof(HTMLImageElement)) === \"object\" && HTMLImageElement.prototype.loading;\n }\n /**\n * Calls onIntersect() when intersection is detected, or when\n * no native lazy loading or when IntersectionObserver isn't supported.\n * @param {Element} el - the element to observe\n * @param {function} onIntersect - called when the given element is in view\n */\n\n\n function detectIntersection(el, onIntersect) {\n try {\n if (isNativeLazyLoadSupported() || !isIntersectionObserverSupported()) {\n // Return if there's no need or possibility to detect intersection\n onIntersect();\n return;\n } // Detect intersection with given element using IntersectionObserver\n\n\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n onIntersect();\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: [0, 0.01]\n });\n observer.observe(el);\n } catch (e) {\n onIntersect();\n }\n } // CONCATENATED MODULE: ./src/constants.js\n\n\n var VERSION = \"2.5.0\";\n var CF_SHARED_CDN = \"d3jpl91pxevbkh.cloudfront.net\";\n var OLD_AKAMAI_SHARED_CDN = \"cloudinary-a.akamaihd.net\";\n var AKAMAI_SHARED_CDN = \"res.cloudinary.com\";\n var SHARED_CDN = AKAMAI_SHARED_CDN;\n var DEFAULT_TIMEOUT_MS = 10000;\n var DEFAULT_POSTER_OPTIONS = {\n format: 'jpg',\n resource_type: 'video'\n };\n var DEFAULT_VIDEO_SOURCE_TYPES = ['webm', 'mp4', 'ogv'];\n var SEO_TYPES = {\n \"image/upload\": \"images\",\n \"image/private\": \"private_images\",\n \"image/authenticated\": \"authenticated_images\",\n \"raw/upload\": \"files\",\n \"video/upload\": \"videos\"\n };\n /**\n * @const {Object} Cloudinary.DEFAULT_IMAGE_PARAMS\n * Defaults values for image parameters.\n *\n * (Previously defined using option_consume() )\n */\n\n var DEFAULT_IMAGE_PARAMS = {\n resource_type: \"image\",\n transformation: [],\n type: 'upload'\n };\n /**\n * Defaults values for video parameters.\n * @const {Object} Cloudinary.DEFAULT_VIDEO_PARAMS\n * (Previously defined using option_consume() )\n */\n\n var DEFAULT_VIDEO_PARAMS = {\n fallback_content: '',\n resource_type: \"video\",\n source_transformation: {},\n source_types: DEFAULT_VIDEO_SOURCE_TYPES,\n transformation: [],\n type: 'upload'\n };\n /**\n * Recommended sources for video tag\n * @const {Object} Cloudinary.DEFAULT_VIDEO_SOURCES\n */\n\n var DEFAULT_VIDEO_SOURCES = [{\n type: \"mp4\",\n codecs: \"hev1\",\n transformations: {\n video_codec: \"h265\"\n }\n }, {\n type: \"webm\",\n codecs: \"vp9\",\n transformations: {\n video_codec: \"vp9\"\n }\n }, {\n type: \"mp4\",\n transformations: {\n video_codec: \"auto\"\n }\n }, {\n type: \"webm\",\n transformations: {\n video_codec: \"auto\"\n }\n }];\n var DEFAULT_EXTERNAL_LIBRARIES = {\n seeThru: 'https://unpkg.com/seethru@4/dist/seeThru.min.js'\n };\n /**\n * Predefined placeholder transformations\n * @const {Object} Cloudinary.PLACEHOLDER_IMAGE_MODES\n */\n\n var PLACEHOLDER_IMAGE_MODES = {\n 'blur': [{\n effect: 'blur:2000',\n quality: 1,\n fetch_format: 'auto'\n }],\n // Default\n 'pixelate': [{\n effect: 'pixelate',\n quality: 1,\n fetch_format: 'auto'\n }],\n // Generates a pixel size image which color is the predominant color of the original image.\n 'predominant-color-pixel': [{\n width: 'iw_div_2',\n aspect_ratio: 1,\n crop: 'pad',\n background: 'auto'\n }, {\n crop: 'crop',\n width: 1,\n height: 1,\n gravity: 'north_east'\n }, {\n fetch_format: 'auto',\n quality: 'auto'\n }],\n // Generates an image which color is the predominant color of the original image.\n 'predominant-color': [{\n variables: [['$currWidth', 'w'], ['$currHeight', 'h']]\n }, {\n width: 'iw_div_2',\n aspect_ratio: 1,\n crop: 'pad',\n background: 'auto'\n }, {\n crop: 'crop',\n width: 10,\n height: 10,\n gravity: 'north_east'\n }, {\n width: '$currWidth',\n height: '$currHeight',\n crop: 'fill'\n }, {\n fetch_format: 'auto',\n quality: 'auto'\n }],\n 'vectorize': [{\n effect: 'vectorize:3:0.1',\n fetch_format: 'svg'\n }]\n };\n /**\n * Predefined accessibility transformations\n * @const {Object} Cloudinary.ACCESSIBILITY_MODES\n */\n\n var ACCESSIBILITY_MODES = {\n darkmode: 'tint:75:black',\n brightmode: 'tint:50:white',\n monochrome: 'grayscale',\n colorblind: 'assist_colorblind'\n };\n /**\n * A list of keys used by the url() function.\n * @private\n */\n\n var URL_KEYS = ['accessibility', 'api_secret', 'auth_token', 'cdn_subdomain', 'cloud_name', 'cname', 'format', 'placeholder', 'private_cdn', 'resource_type', 'secure', 'secure_cdn_subdomain', 'secure_distribution', 'shorten', 'sign_url', 'signature', 'ssl_detected', 'type', 'url_suffix', 'use_root_path', 'version'];\n /**\n * The resource storage type\n * @typedef type\n * @enum {string}\n * @property {string} 'upload' A resource uploaded directly to Cloudinary\n * @property {string} 'fetch' A resource fetched by Cloudinary from a 3rd party storage\n * @property {string} 'private'\n * @property {string} 'authenticated'\n * @property {string} 'sprite'\n * @property {string} 'facebook'\n * @property {string} 'twitter'\n * @property {string} 'youtube'\n * @property {string} 'vimeo'\n *\n */\n\n /**\n * The resource type\n * @typedef resourceType\n * @enum {string}\n * @property {string} 'image' An image file\n * @property {string} 'video' A video file\n * @property {string} 'raw' A raw file\n */\n // CONCATENATED MODULE: ./src/util/baseutil.js\n\n function baseutil_typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return baseutil_typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, baseutil_typeof(obj);\n }\n /*\n * Includes common utility methods and shims\n */\n\n\n function omit(obj, keys) {\n obj = obj || {};\n var srcKeys = Object.keys(obj).filter(function (key) {\n return !includes_root_includes_default()(keys, key);\n });\n var filtered = {};\n srcKeys.forEach(function (key) {\n return filtered[key] = obj[key];\n });\n return filtered;\n }\n /**\n * Return true if all items in list are strings\n * @function Util.allString\n * @param {Array} list - an array of items\n */\n\n\n var baseutil_allStrings = function allStrings(list) {\n return list.length && list.every(isString_root_isString_default.a);\n };\n /**\n * Creates a new array without the given item.\n * @function Util.without\n * @param {Array} array - original array\n * @param {*} item - the item to exclude from the new array\n * @return {Array} a new array made of the original array's items except for `item`\n */\n\n\n var without = function without(array, item) {\n return array.filter(function (v) {\n return v !== item;\n });\n };\n /**\n * Return true is value is a number or a string representation of a number.\n * @function Util.isNumberLike\n * @param {*} value\n * @returns {boolean} true if value is a number\n * @example\n * Util.isNumber(0) // true\n * Util.isNumber(\"1.3\") // true\n * Util.isNumber(\"\") // false\n * Util.isNumber(undefined) // false\n */\n\n\n var isNumberLike = function isNumberLike(value) {\n return value != null && !isNaN(parseFloat(value));\n };\n /**\n * Escape all characters matching unsafe in the given string\n * @function Util.smartEscape\n * @param {string} string - source string to escape\n * @param {RegExp} unsafe - characters that must be escaped\n * @return {string} escaped string\n */\n\n\n var smartEscape = function smartEscape(string) {\n var unsafe = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : /([^a-zA-Z0-9_.\\-\\/:]+)/g;\n return string.replace(unsafe, function (match) {\n return match.split(\"\").map(function (c) {\n return \"%\" + c.charCodeAt(0).toString(16).toUpperCase();\n }).join(\"\");\n });\n };\n /**\n * Assign values from sources if they are not defined in the destination.\n * Once a value is set it does not change\n * @function Util.defaults\n * @param {Object} destination - the object to assign defaults to\n * @param {...Object} source - the source object(s) to assign defaults from\n * @return {Object} destination after it was modified\n */\n\n\n var defaults = function defaults(destination) {\n for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n sources[_key - 1] = arguments[_key];\n }\n\n return sources.reduce(function (dest, source) {\n var key, value;\n\n for (key in source) {\n value = source[key];\n\n if (dest[key] === void 0) {\n dest[key] = value;\n }\n }\n\n return dest;\n }, destination);\n };\n /*********** lodash functions */\n\n\n var objectProto = Object.prototype;\n /**\n * Used to resolve the [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)\n * of values.\n */\n\n var objToString = objectProto.toString;\n /**\n * Checks if `value` is the [language type](https://es5.github.io/#x8) of `Object`.\n * (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n #isObject({});\n * // => true\n *\n #isObject([1, 2, 3]);\n * // => true\n *\n #isObject(1);\n * // => false\n */\n\n var isObject = function isObject(value) {\n var type; // Avoid a V8 JIT bug in Chrome 19-20.\n // See https://code.google.com/p/v8/issues/detail?id=2291 for more details.\n\n type = baseutil_typeof(value);\n return !!value && (type === 'object' || type === 'function');\n };\n\n var funcTag = '[object Function]';\n /**\n * Checks if `value` is classified as a `Function` object.\n * @function Util.isFunction\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.\n * @example\n *\n * function Foo(){};\n * isFunction(Foo);\n * // => true\n *\n * isFunction(/abc/);\n * // => false\n */\n\n var isFunction = function isFunction(value) {\n // The use of `Object#toString` avoids issues with the `typeof` operator\n // in older versions of Chrome and Safari which return 'function' for regexes\n // and Safari 8 which returns 'object' for typed array constructors.\n return isObject(value) && objToString.call(value) === funcTag;\n };\n /*********** lodash functions */\n\n /** Used to match words to create compound words. */\n\n\n var reWords = function () {\n var lower, upper;\n upper = '[A-Z]';\n lower = '[a-z]+';\n return RegExp(upper + '+(?=' + upper + lower + ')|' + upper + '?' + lower + '|' + upper + '+|[0-9]+', 'g');\n }();\n /**\n * Convert string to camelCase\n * @function Util.camelCase\n * @param {string} source - the string to convert\n * @return {string} in camelCase format\n */\n\n\n var camelCase = function camelCase(source) {\n var words = source.match(reWords);\n words = words.map(function (word) {\n return word.charAt(0).toLocaleUpperCase() + word.slice(1).toLocaleLowerCase();\n });\n words[0] = words[0].toLocaleLowerCase();\n return words.join('');\n };\n /**\n * Convert string to snake_case\n * @function Util.snakeCase\n * @param {string} source - the string to convert\n * @return {string} in snake_case format\n */\n\n\n var snakeCase = function snakeCase(source) {\n var words = source.match(reWords);\n words = words.map(function (word) {\n return word.toLocaleLowerCase();\n });\n return words.join('_');\n };\n /**\n * Creates a new object from source, with the keys transformed using the converter.\n * @param {object} source\n * @param {function|null} converter\n * @returns {object}\n */\n\n\n var convertKeys = function convertKeys(source, converter) {\n var result, value;\n result = {};\n\n for (var key in source) {\n value = source[key];\n\n if (converter) {\n key = converter(key);\n }\n\n if (!isEmpty(key)) {\n result[key] = value;\n }\n }\n\n return result;\n };\n /**\n * Create a copy of the source object with all keys in camelCase\n * @function Util.withCamelCaseKeys\n * @param {Object} value - the object to copy\n * @return {Object} a new object\n */\n\n\n var withCamelCaseKeys = function withCamelCaseKeys(source) {\n return convertKeys(source, camelCase);\n };\n /**\n * Create a copy of the source object with all keys in snake_case\n * @function Util.withSnakeCaseKeys\n * @param {Object} value - the object to copy\n * @return {Object} a new object\n */\n\n\n var withSnakeCaseKeys = function withSnakeCaseKeys(source) {\n return convertKeys(source, snakeCase);\n }; // Browser\n // Node.js\n\n\n var base64Encode = typeof btoa !== 'undefined' && isFunction(btoa) ? btoa : typeof Buffer !== 'undefined' && isFunction(Buffer) ? function (input) {\n if (!(input instanceof Buffer)) {\n input = new Buffer.from(String(input), 'binary');\n }\n\n return input.toString('base64');\n } : function (input) {\n throw new Error(\"No base64 encoding function found\");\n };\n /**\n * Returns the Base64-decoded version of url.
\n * This method delegates to `btoa` if present. Otherwise it tries `Buffer`.\n * @function Util.base64EncodeURL\n * @param {string} url - the url to encode. the value is URIdecoded and then re-encoded before converting to base64 representation\n * @return {string} the base64 representation of the URL\n */\n\n var base64EncodeURL = function base64EncodeURL(url) {\n try {\n url = decodeURI(url);\n } finally {\n url = encodeURI(url);\n }\n\n return base64Encode(url);\n };\n /**\n * Create a new object with only URL parameters\n * @param {object} options The source object\n * @return {Object} An object containing only URL parameters\n */\n\n\n function extractUrlParams(options) {\n return URL_KEYS.reduce(function (obj, key) {\n if (options[key] != null) {\n obj[key] = options[key];\n }\n\n return obj;\n }, {});\n }\n /**\n * Handle the format parameter for fetch urls\n * @private\n * @param options url and transformation options. This argument may be changed by the function!\n */\n\n\n function patchFetchFormat(options) {\n if (options == null) {\n options = {};\n }\n\n if (options.type === \"fetch\") {\n if (options.fetch_format == null) {\n options.fetch_format = optionConsume(options, \"format\");\n }\n }\n }\n /**\n * Deletes `option_name` from `options` and return the value if present.\n * If `options` doesn't contain `option_name` the default value is returned.\n * @param {Object} options a collection\n * @param {String} option_name the name (key) of the desired value\n * @param {*} [default_value] the value to return is option_name is missing\n */\n\n\n function optionConsume(options, option_name, default_value) {\n var result = options[option_name];\n delete options[option_name];\n\n if (result != null) {\n return result;\n } else {\n return default_value;\n }\n }\n /**\n * Returns true if value is empty:\n *
\n * This function mutates the target!\n * @param {object} target the object to assign the values to\n * @param {object} sources one or more objects to get values from\n * @returns {object} the target after the assignment\n */\n\n\n function assignNotNull(target) {\n for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n sources[_key - 1] = arguments[_key];\n }\n\n sources.forEach(function (source) {\n Object.keys(source).forEach(function (key) {\n if (source[key] != null) {\n target[key] = source[key];\n }\n });\n });\n return target;\n }\n /**\n * TransformationBase\n * Depends on 'configuration', 'parameters','util'\n * @internal\n */\n\n\n var transformation_TransformationBase =\n /*#__PURE__*/\n function () {\n /**\n * The base class for transformations.\n * Members of this class are documented as belonging to the {@link Transformation} class for convenience.\n * @class TransformationBase\n */\n function TransformationBase(options) {\n transformation_classCallCheck(this, TransformationBase);\n /** @private */\n\n /** @private */\n\n var parent, trans;\n parent = void 0;\n trans = {};\n /**\n * Return an options object that can be used to create an identical Transformation\n * @function Transformation#toOptions\n * @return {Object} Returns a plain object representing this transformation\n */\n\n this.toOptions = function (withChain) {\n var opt = {};\n\n if (withChain == null) {\n withChain = true;\n }\n\n Object.keys(trans).forEach(function (key) {\n return opt[key] = trans[key].origValue;\n });\n assignNotNull(opt, this.otherOptions);\n\n if (withChain && !isEmpty(this.chained)) {\n var list = this.chained.map(function (tr) {\n return tr.toOptions();\n });\n list.push(opt);\n opt = {};\n assignNotNull(opt, this.otherOptions);\n opt.transformation = list;\n }\n\n return opt;\n };\n /**\n * Set a parent for this object for chaining purposes.\n *\n * @function Transformation#setParent\n * @param {Object} object - the parent to be assigned to\n * @returns {Transformation} Returns this instance for chaining purposes.\n */\n\n\n this.setParent = function (object) {\n parent = object;\n\n if (object != null) {\n this.fromOptions(typeof object.toOptions === \"function\" ? object.toOptions() : void 0);\n }\n\n return this;\n };\n /**\n * Returns the parent of this object in the chain\n * @function Transformation#getParent\n * @protected\n * @return {Object} Returns the parent of this object if there is any\n */\n\n\n this.getParent = function () {\n return parent;\n }; // Helper methods to create parameter methods\n // These methods are defined here because they access `trans` which is\n // a private member of `TransformationBase`\n\n /** @protected */\n\n\n this.param = function (value, name, abbr, defaultValue, process) {\n if (process == null) {\n if (isFunction_root_isFunction_default()(defaultValue)) {\n process = defaultValue;\n } else {\n process = identity_root_identity_default.a;\n }\n }\n\n trans[name] = new parameters_Param(name, abbr, process).set(value);\n return this;\n };\n /** @protected */\n\n\n this.rawParam = function (value, name, abbr, defaultValue, process) {\n process = lastArgCallback(arguments);\n trans[name] = new parameters_RawParam(name, abbr, process).set(value);\n return this;\n };\n /** @protected */\n\n\n this.rangeParam = function (value, name, abbr, defaultValue, process) {\n process = lastArgCallback(arguments);\n trans[name] = new parameters_RangeParam(name, abbr, process).set(value);\n return this;\n };\n /** @protected */\n\n\n this.arrayParam = function (value, name, abbr) {\n var sep = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : \":\";\n var defaultValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];\n var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;\n process = lastArgCallback(arguments);\n trans[name] = new parameters_ArrayParam(name, abbr, sep, process).set(value);\n return this;\n };\n /** @protected */\n\n\n this.transformationParam = function (value, name, abbr) {\n var sep = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : \".\";\n var defaultValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : undefined;\n var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;\n process = lastArgCallback(arguments);\n trans[name] = new parameters_TransformationParam(name, abbr, sep, process).set(value);\n return this;\n };\n\n this.layerParam = function (value, name, abbr) {\n trans[name] = new parameters_LayerParam(name, abbr).set(value);\n return this;\n }; // End Helper methods\n\n /**\n * Get the value associated with the given name.\n * @function Transformation#getValue\n * @param {string} name - the name of the parameter\n * @return {*} the processed value associated with the given name\n * @description Use {@link get}.origValue for the value originally provided for the parameter\n */\n\n\n this.getValue = function (name) {\n var value = trans[name] && trans[name].value();\n return value != null ? value : this.otherOptions[name];\n };\n /**\n * Get the parameter object for the given parameter name\n * @function Transformation#get\n * @param {string} name the name of the transformation parameter\n * @returns {Param} the param object for the given name, or undefined\n */\n\n\n this.get = function (name) {\n return trans[name];\n };\n /**\n * Remove a transformation option from the transformation.\n * @function Transformation#remove\n * @param {string} name - the name of the option to remove\n * @return {*} Returns the option that was removed or null if no option by that name was found. The type of the\n * returned value depends on the value.\n */\n\n\n this.remove = function (name) {\n var temp;\n\n switch (false) {\n case trans[name] == null:\n temp = trans[name];\n delete trans[name];\n return temp.origValue;\n\n case this.otherOptions[name] == null:\n temp = this.otherOptions[name];\n delete this.otherOptions[name];\n return temp;\n\n default:\n return null;\n }\n };\n /**\n * Return an array of all the keys (option names) in the transformation.\n * @return {Array} the keys in snakeCase format\n */\n\n\n this.keys = function () {\n var key;\n return function () {\n var results;\n results = [];\n\n for (key in trans) {\n if (key != null) {\n results.push(key.match(VAR_NAME_RE) ? key : snakeCase(key));\n }\n }\n\n return results;\n }().sort();\n };\n /**\n * Returns a plain object representation of the transformation. Values are processed.\n * @function Transformation#toPlainObject\n * @return {Object} the transformation options as plain object\n */\n\n\n this.toPlainObject = function () {\n var hash, key, list;\n hash = {};\n\n for (key in trans) {\n hash[key] = trans[key].value();\n\n if (isPlainObject_root_isPlainObject_default()(hash[key])) {\n hash[key] = cloneDeep_root_cloneDeep_default()(hash[key]);\n }\n }\n\n if (!isEmpty(this.chained)) {\n list = this.chained.map(function (tr) {\n return tr.toPlainObject();\n });\n list.push(hash);\n hash = {\n transformation: list\n };\n }\n\n return hash;\n };\n /**\n * Complete the current transformation and chain to a new one.\n * In the URL, transformations are chained together by slashes.\n * @function Transformation#chain\n * @return {Transformation} Returns this transformation for chaining\n * @example\n * var tr = cloudinary.Transformation.new();\n * tr.width(10).crop('fit').chain().angle(15).serialize()\n * // produces \"c_fit,w_10/a_15\"\n */\n\n\n this.chain = function () {\n var names, tr;\n names = Object.getOwnPropertyNames(trans);\n\n if (names.length !== 0) {\n tr = new this.constructor(this.toOptions(false));\n this.resetTransformations();\n this.chained.push(tr);\n }\n\n return this;\n };\n\n this.resetTransformations = function () {\n trans = {};\n return this;\n };\n\n this.otherOptions = {};\n this.chained = [];\n this.fromOptions(options);\n }\n /**\n * Merge the provided options with own's options\n * @param {Object} [options={}] key-value list of options\n * @returns {Transformation} Returns this instance for chaining\n */\n\n\n transformation_createClass(TransformationBase, [{\n key: \"fromOptions\",\n value: function fromOptions() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n if (options instanceof TransformationBase) {\n this.fromTransformation(options);\n } else {\n if (isString_root_isString_default()(options) || isArray_root_isArray_default()(options)) {\n options = {\n transformation: options\n };\n }\n\n options = cloneDeep_root_cloneDeep_default()(options, function (value) {\n if (value instanceof TransformationBase || value instanceof Layer) {\n return new value.clone();\n }\n }); // Handling of \"if\" statements precedes other options as it creates a chained transformation\n\n if (options[\"if\"]) {\n this.set(\"if\", options[\"if\"]);\n delete options[\"if\"];\n }\n\n for (var key in options) {\n var opt = options[key];\n\n if (opt != null) {\n if (key.match(VAR_NAME_RE)) {\n if (key !== '$attr') {\n this.set('variable', key, opt);\n }\n } else {\n this.set(key, opt);\n }\n }\n }\n }\n\n return this;\n }\n }, {\n key: \"fromTransformation\",\n value: function fromTransformation(other) {\n var _this = this;\n\n if (other instanceof TransformationBase) {\n other.keys().forEach(function (key) {\n return _this.set(key, other.get(key).origValue);\n });\n }\n\n return this;\n }\n /**\n * Set a parameter.\n * The parameter name `key` is converted to\n * @param {string} key - the name of the parameter\n * @param {*} values - the value of the parameter\n * @returns {Transformation} Returns this instance for chaining\n */\n\n }, {\n key: \"set\",\n value: function set(key) {\n var camelKey;\n camelKey = camelCase(key);\n\n for (var _len2 = arguments.length, values = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n values[_key2 - 1] = arguments[_key2];\n }\n\n if (includes_root_includes_default()(transformation_Transformation.methods, camelKey)) {\n this[camelKey].apply(this, values);\n } else {\n this.otherOptions[key] = values[0];\n }\n\n return this;\n }\n }, {\n key: \"hasLayer\",\n value: function hasLayer() {\n return this.getValue(\"overlay\") || this.getValue(\"underlay\");\n }\n /**\n * Generate a string representation of the transformation.\n * @function Transformation#serialize\n * @return {string} Returns the transformation as a string\n */\n\n }, {\n key: \"serialize\",\n value: function serialize() {\n var ifParam, j, len, paramList, ref, ref1, ref2, ref3, ref4, resultArray, t, transformationList, transformationString, transformations, value, variables, vars;\n resultArray = this.chained.map(function (tr) {\n return tr.serialize();\n });\n paramList = this.keys();\n transformations = (ref = this.get(\"transformation\")) != null ? ref.serialize() : void 0;\n ifParam = (ref1 = this.get(\"if\")) != null ? ref1.serialize() : void 0;\n variables = processVar((ref2 = this.get(\"variables\")) != null ? ref2.value() : void 0);\n paramList = difference_root_difference_default()(paramList, [\"transformation\", \"if\", \"variables\"]);\n vars = [];\n transformationList = [];\n\n for (j = 0, len = paramList.length; j < len; j++) {\n t = paramList[j];\n\n if (t.match(VAR_NAME_RE)) {\n vars.push(t + \"_\" + expression.normalize((ref3 = this.get(t)) != null ? ref3.value() : void 0));\n } else {\n transformationList.push((ref4 = this.get(t)) != null ? ref4.serialize() : void 0);\n }\n }\n\n switch (false) {\n case !isString_root_isString_default()(transformations):\n transformationList.push(transformations);\n break;\n\n case !isArray_root_isArray_default()(transformations):\n resultArray = resultArray.concat(transformations);\n }\n\n transformationList = function () {\n var k, len1, results;\n results = [];\n\n for (k = 0, len1 = transformationList.length; k < len1; k++) {\n value = transformationList[k];\n\n if (isArray_root_isArray_default()(value) && !isEmpty(value) || !isArray_root_isArray_default()(value) && value) {\n results.push(value);\n }\n }\n\n return results;\n }();\n\n transformationList = vars.sort().concat(variables).concat(transformationList.sort());\n\n if (ifParam === \"if_end\") {\n transformationList.push(ifParam);\n } else if (!isEmpty(ifParam)) {\n transformationList.unshift(ifParam);\n }\n\n transformationString = compact_root_compact_default()(transformationList).join(this.param_separator);\n\n if (!isEmpty(transformationString)) {\n resultArray.push(transformationString);\n }\n\n return compact_root_compact_default()(resultArray).join(this.trans_separator);\n }\n /**\n * Provide a list of all the valid transformation option names\n * @function Transformation#listNames\n * @private\n * @return {Array} a array of all the valid option names\n */\n\n }, {\n key: \"toHtmlAttributes\",\n value:\n /**\n * Returns the attributes for an HTML tag.\n * @function Cloudinary.toHtmlAttributes\n * @return PlainObject\n */\n function toHtmlAttributes() {\n var _this2 = this;\n\n var attrName, height, options, ref2, ref3, value, width;\n options = {};\n var snakeCaseKey;\n Object.keys(this.otherOptions).forEach(function (key) {\n value = _this2.otherOptions[key];\n snakeCaseKey = snakeCase(key);\n\n if (!includes_root_includes_default()(transformation_Transformation.PARAM_NAMES, snakeCaseKey) && !includes_root_includes_default()(URL_KEYS, snakeCaseKey)) {\n attrName = /^html_/.test(key) ? key.slice(5) : key;\n options[attrName] = value;\n }\n }); // convert all \"html_key\" to \"key\" with the same value\n\n this.keys().forEach(function (key) {\n if (/^html_/.test(key)) {\n options[camelCase(key.slice(5))] = _this2.getValue(key);\n }\n });\n\n if (!(this.hasLayer() || this.getValue(\"angle\") || includes_root_includes_default()([\"fit\", \"limit\", \"lfill\"], this.getValue(\"crop\")))) {\n width = (ref2 = this.get(\"width\")) != null ? ref2.origValue : void 0;\n height = (ref3 = this.get(\"height\")) != null ? ref3.origValue : void 0;\n\n if (parseFloat(width) >= 1.0) {\n if (options.width == null) {\n options.width = width;\n }\n }\n\n if (parseFloat(height) >= 1.0) {\n if (options.height == null) {\n options.height = height;\n }\n }\n }\n\n return options;\n }\n }, {\n key: \"toHtml\",\n value:\n /**\n * Delegate to the parent (up the call chain) to produce HTML\n * @function Transformation#toHtml\n * @return {string} HTML representation of the parent if possible.\n * @example\n * tag = cloudinary.ImageTag.new(\"sample\", {cloud_name: \"demo\"})\n * // ImageTag {name: \"img\", publicId: \"sample\"}\n * tag.toHtml()\n * // ![](\"http://res.cloudinary.com/demo/image/upload/sample\")
\n * tag.transformation().crop(\"fit\").width(300).toHtml()\n * // ![](\"http://res.cloudinary.com/demo/image/upload/c_fit,w_300/sample\")
\n */\n function toHtml() {\n var ref;\n return (ref = this.getParent()) != null ? typeof ref.toHtml === \"function\" ? ref.toHtml() : void 0 : void 0;\n }\n }, {\n key: \"toString\",\n value: function toString() {\n return this.serialize();\n }\n }, {\n key: \"clone\",\n value: function clone() {\n return new this.constructor(this.toOptions(true));\n }\n }], [{\n key: \"listNames\",\n value: function listNames() {\n return transformation_Transformation.methods;\n }\n }, {\n key: \"isValidParamName\",\n value: function isValidParamName(name) {\n return transformation_Transformation.methods.indexOf(camelCase(name)) >= 0;\n }\n }]);\n return TransformationBase;\n }();\n\n var VAR_NAME_RE = /^\\$[a-zA-Z0-9]+$/;\n transformation_TransformationBase.prototype.trans_separator = '/';\n transformation_TransformationBase.prototype.param_separator = ',';\n\n function lastArgCallback(args) {\n var callback;\n callback = args != null ? args[args.length - 1] : void 0;\n\n if (isFunction_root_isFunction_default()(callback)) {\n return callback;\n } else {\n return void 0;\n }\n }\n\n function processVar(varArray) {\n var j, len, name, results, v;\n\n if (isArray_root_isArray_default()(varArray)) {\n results = [];\n\n for (j = 0, len = varArray.length; j < len; j++) {\n var _varArray$j = transformation_slicedToArray(varArray[j], 2);\n\n name = _varArray$j[0];\n v = _varArray$j[1];\n results.push(\"\".concat(name, \"_\").concat(expression.normalize(v)));\n }\n\n return results;\n } else {\n return varArray;\n }\n }\n\n function processCustomFunction(_ref) {\n var function_type = _ref.function_type,\n source = _ref.source;\n\n if (function_type === 'remote') {\n return [function_type, btoa(source)].join(\":\");\n } else if (function_type === 'wasm') {\n return [function_type, source].join(\":\");\n }\n }\n /**\n * Transformation Class methods.\n * This is a list of the parameters defined in Transformation.\n * Values are camelCased.\n * @const Transformation.methods\n * @private\n * @ignore\n * @type {Array}\n */\n\n /**\n * Parameters that are filtered out before passing the options to an HTML tag.\n *\n * The list of parameters is a combination of `Transformation::methods` and `Configuration::CONFIG_PARAMS`\n * @const {Array} Transformation.PARAM_NAMES\n * @private\n * @ignore\n * @see toHtmlAttributes\n */\n\n\n var transformation_Transformation =\n /*#__PURE__*/\n function (_TransformationBase) {\n transformation_inherits(Transformation, _TransformationBase);\n\n var _super = transformation_createSuper(Transformation);\n /**\n * Represents a single transformation.\n * @class Transformation\n * @example\n * t = new cloudinary.Transformation();\n * t.angle(20).crop(\"scale\").width(\"auto\");\n *\n * // or\n *\n * t = new cloudinary.Transformation( {angle: 20, crop: \"scale\", width: \"auto\"});\n * @see Available image transformations\n * @see Available video transformations\n */\n\n\n function Transformation(options) {\n transformation_classCallCheck(this, Transformation);\n return _super.call(this, options);\n }\n /**\n * Convenience constructor\n * @param {Object} options\n * @return {Transformation}\n * @example cl = cloudinary.Transformation.new( {angle: 20, crop: \"scale\", width: \"auto\"})\n */\n\n\n transformation_createClass(Transformation, [{\n key: \"angle\",\n value:\n /*\n Transformation Parameters\n */\n function angle(value) {\n return this.arrayParam(value, \"angle\", \"a\", \".\", expression.normalize);\n }\n }, {\n key: \"audioCodec\",\n value: function audioCodec(value) {\n return this.param(value, \"audio_codec\", \"ac\");\n }\n }, {\n key: \"audioFrequency\",\n value: function audioFrequency(value) {\n return this.param(value, \"audio_frequency\", \"af\");\n }\n }, {\n key: \"aspectRatio\",\n value: function aspectRatio(value) {\n return this.param(value, \"aspect_ratio\", \"ar\", expression.normalize);\n }\n }, {\n key: \"background\",\n value: function background(value) {\n return this.param(value, \"background\", \"b\", parameters_Param.norm_color);\n }\n }, {\n key: \"bitRate\",\n value: function bitRate(value) {\n return this.param(value, \"bit_rate\", \"br\");\n }\n }, {\n key: \"border\",\n value: function border(value) {\n return this.param(value, \"border\", \"bo\", function (border) {\n if (isPlainObject_root_isPlainObject_default()(border)) {\n border = assign_root_assign_default()({}, {\n color: \"black\",\n width: 2\n }, border);\n return \"\".concat(border.width, \"px_solid_\").concat(parameters_Param.norm_color(border.color));\n } else {\n return border;\n }\n });\n }\n }, {\n key: \"color\",\n value: function color(value) {\n return this.param(value, \"color\", \"co\", parameters_Param.norm_color);\n }\n }, {\n key: \"colorSpace\",\n value: function colorSpace(value) {\n return this.param(value, \"color_space\", \"cs\");\n }\n }, {\n key: \"crop\",\n value: function crop(value) {\n return this.param(value, \"crop\", \"c\");\n }\n }, {\n key: \"customFunction\",\n value: function customFunction(value) {\n return this.param(value, \"custom_function\", \"fn\", function () {\n return processCustomFunction(value);\n });\n }\n }, {\n key: \"customPreFunction\",\n value: function customPreFunction(value) {\n if (this.get('custom_function')) {\n return;\n }\n\n return this.rawParam(value, \"custom_function\", \"\", function () {\n value = processCustomFunction(value);\n return value ? \"fn_pre:\".concat(value) : value;\n });\n }\n }, {\n key: \"defaultImage\",\n value: function defaultImage(value) {\n return this.param(value, \"default_image\", \"d\");\n }\n }, {\n key: \"delay\",\n value: function delay(value) {\n return this.param(value, \"delay\", \"dl\");\n }\n }, {\n key: \"density\",\n value: function density(value) {\n return this.param(value, \"density\", \"dn\");\n }\n }, {\n key: \"duration\",\n value: function duration(value) {\n return this.rangeParam(value, \"duration\", \"du\");\n }\n }, {\n key: \"dpr\",\n value: function dpr(value) {\n return this.param(value, \"dpr\", \"dpr\", function (dpr) {\n dpr = dpr.toString();\n\n if (dpr != null ? dpr.match(/^\\d+$/) : void 0) {\n return dpr + \".0\";\n } else {\n return expression.normalize(dpr);\n }\n });\n }\n }, {\n key: \"effect\",\n value: function effect(value) {\n return this.arrayParam(value, \"effect\", \"e\", \":\", expression.normalize);\n }\n }, {\n key: \"else\",\n value: function _else() {\n return this[\"if\"]('else');\n }\n }, {\n key: \"endIf\",\n value: function endIf() {\n return this[\"if\"]('end');\n }\n }, {\n key: \"endOffset\",\n value: function endOffset(value) {\n return this.rangeParam(value, \"end_offset\", \"eo\");\n }\n }, {\n key: \"fallbackContent\",\n value: function fallbackContent(value) {\n return this.param(value, \"fallback_content\");\n }\n }, {\n key: \"fetchFormat\",\n value: function fetchFormat(value) {\n return this.param(value, \"fetch_format\", \"f\");\n }\n }, {\n key: \"format\",\n value: function format(value) {\n return this.param(value, \"format\");\n }\n }, {\n key: \"flags\",\n value: function flags(value) {\n return this.arrayParam(value, \"flags\", \"fl\", \".\");\n }\n }, {\n key: \"gravity\",\n value: function gravity(value) {\n return this.param(value, \"gravity\", \"g\");\n }\n }, {\n key: \"fps\",\n value: function fps(value) {\n return this.param(value, \"fps\", \"fps\", function (fps) {\n if (isString_root_isString_default()(fps)) {\n return fps;\n } else if (isArray_root_isArray_default()(fps)) {\n return fps.join(\"-\");\n } else {\n return fps;\n }\n });\n }\n }, {\n key: \"height\",\n value: function height(value) {\n var _this3 = this;\n\n return this.param(value, \"height\", \"h\", function () {\n if (_this3.getValue(\"crop\") || _this3.getValue(\"overlay\") || _this3.getValue(\"underlay\")) {\n return expression.normalize(value);\n } else {\n return null;\n }\n });\n }\n }, {\n key: \"htmlHeight\",\n value: function htmlHeight(value) {\n return this.param(value, \"html_height\");\n }\n }, {\n key: \"htmlWidth\",\n value: function htmlWidth(value) {\n return this.param(value, \"html_width\");\n }\n }, {\n key: \"if\",\n value: function _if() {\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var i, ifVal, j, ref, trIf, trRest;\n\n switch (value) {\n case \"else\":\n this.chain();\n return this.param(value, \"if\", \"if\");\n\n case \"end\":\n this.chain();\n\n for (i = j = ref = this.chained.length - 1; j >= 0; i = j += -1) {\n ifVal = this.chained[i].getValue(\"if\");\n\n if (ifVal === \"end\") {\n break;\n } else if (ifVal != null) {\n trIf = Transformation[\"new\"]()[\"if\"](ifVal);\n this.chained[i].remove(\"if\");\n trRest = this.chained[i];\n this.chained[i] = Transformation[\"new\"]().transformation([trIf, trRest]);\n\n if (ifVal !== \"else\") {\n break;\n }\n }\n }\n\n return this.param(value, \"if\", \"if\");\n\n case \"\":\n return condition[\"new\"]().setParent(this);\n\n default:\n return this.param(value, \"if\", \"if\", function (value) {\n return condition[\"new\"](value).toString();\n });\n }\n }\n }, {\n key: \"keyframeInterval\",\n value: function keyframeInterval(value) {\n return this.param(value, \"keyframe_interval\", \"ki\");\n }\n }, {\n key: \"ocr\",\n value: function ocr(value) {\n return this.param(value, \"ocr\", \"ocr\");\n }\n }, {\n key: \"offset\",\n value: function offset(value) {\n var end_o, start_o;\n\n var _ref2 = isFunction_root_isFunction_default()(value != null ? value.split : void 0) ? value.split('..') : isArray_root_isArray_default()(value) ? value : [null, null];\n\n var _ref3 = transformation_slicedToArray(_ref2, 2);\n\n start_o = _ref3[0];\n end_o = _ref3[1];\n\n if (start_o != null) {\n this.startOffset(start_o);\n }\n\n if (end_o != null) {\n return this.endOffset(end_o);\n }\n }\n }, {\n key: \"opacity\",\n value: function opacity(value) {\n return this.param(value, \"opacity\", \"o\", expression.normalize);\n }\n }, {\n key: \"overlay\",\n value: function overlay(value) {\n return this.layerParam(value, \"overlay\", \"l\");\n }\n }, {\n key: \"page\",\n value: function page(value) {\n return this.param(value, \"page\", \"pg\");\n }\n }, {\n key: \"poster\",\n value: function poster(value) {\n return this.param(value, \"poster\");\n }\n }, {\n key: \"prefix\",\n value: function prefix(value) {\n return this.param(value, \"prefix\", \"p\");\n }\n }, {\n key: \"quality\",\n value: function quality(value) {\n return this.param(value, \"quality\", \"q\", expression.normalize);\n }\n }, {\n key: \"radius\",\n value: function radius(value) {\n return this.arrayParam(value, \"radius\", \"r\", \":\", expression.normalize);\n }\n }, {\n key: \"rawTransformation\",\n value: function rawTransformation(value) {\n return this.rawParam(value, \"raw_transformation\");\n }\n }, {\n key: \"size\",\n value: function size(value) {\n var height, width;\n\n if (isFunction_root_isFunction_default()(value != null ? value.split : void 0)) {\n var _value$split = value.split('x');\n\n var _value$split2 = transformation_slicedToArray(_value$split, 2);\n\n width = _value$split2[0];\n height = _value$split2[1];\n this.width(width);\n return this.height(height);\n }\n }\n }, {\n key: \"sourceTypes\",\n value: function sourceTypes(value) {\n return this.param(value, \"source_types\");\n }\n }, {\n key: \"sourceTransformation\",\n value: function sourceTransformation(value) {\n return this.param(value, \"source_transformation\");\n }\n }, {\n key: \"startOffset\",\n value: function startOffset(value) {\n return this.rangeParam(value, \"start_offset\", \"so\");\n }\n }, {\n key: \"streamingProfile\",\n value: function streamingProfile(value) {\n return this.param(value, \"streaming_profile\", \"sp\");\n }\n }, {\n key: \"transformation\",\n value: function transformation(value) {\n return this.transformationParam(value, \"transformation\", \"t\");\n }\n }, {\n key: \"underlay\",\n value: function underlay(value) {\n return this.layerParam(value, \"underlay\", \"u\");\n }\n }, {\n key: \"variable\",\n value: function variable(name, value) {\n return this.param(value, name, name);\n }\n }, {\n key: \"variables\",\n value: function variables(values) {\n return this.arrayParam(values, \"variables\");\n }\n }, {\n key: \"videoCodec\",\n value: function videoCodec(value) {\n return this.param(value, \"video_codec\", \"vc\", parameters_Param.process_video_params);\n }\n }, {\n key: \"videoSampling\",\n value: function videoSampling(value) {\n return this.param(value, \"video_sampling\", \"vs\");\n }\n }, {\n key: \"width\",\n value: function width(value) {\n var _this4 = this;\n\n return this.param(value, \"width\", \"w\", function () {\n if (_this4.getValue(\"crop\") || _this4.getValue(\"overlay\") || _this4.getValue(\"underlay\")) {\n return expression.normalize(value);\n } else {\n return null;\n }\n });\n }\n }, {\n key: \"x\",\n value: function x(value) {\n return this.param(value, \"x\", \"x\", expression.normalize);\n }\n }, {\n key: \"y\",\n value: function y(value) {\n return this.param(value, \"y\", \"y\", expression.normalize);\n }\n }, {\n key: \"zoom\",\n value: function zoom(value) {\n return this.param(value, \"zoom\", \"z\", expression.normalize);\n }\n }], [{\n key: \"new\",\n value: function _new(options) {\n return new Transformation(options);\n }\n }]);\n return Transformation;\n }(transformation_TransformationBase);\n /**\n * Transformation Class methods.\n * This is a list of the parameters defined in Transformation.\n * Values are camelCased.\n */\n\n\n transformation_Transformation.methods = [\"angle\", \"audioCodec\", \"audioFrequency\", \"aspectRatio\", \"background\", \"bitRate\", \"border\", \"color\", \"colorSpace\", \"crop\", \"customFunction\", \"customPreFunction\", \"defaultImage\", \"delay\", \"density\", \"duration\", \"dpr\", \"effect\", \"else\", \"endIf\", \"endOffset\", \"fallbackContent\", \"fetchFormat\", \"format\", \"flags\", \"gravity\", \"fps\", \"height\", \"htmlHeight\", \"htmlWidth\", \"if\", \"keyframeInterval\", \"ocr\", \"offset\", \"opacity\", \"overlay\", \"page\", \"poster\", \"prefix\", \"quality\", \"radius\", \"rawTransformation\", \"size\", \"sourceTypes\", \"sourceTransformation\", \"startOffset\", \"streamingProfile\", \"transformation\", \"underlay\", \"variable\", \"variables\", \"videoCodec\", \"videoSampling\", \"width\", \"x\", \"y\", \"zoom\"];\n /**\n * Parameters that are filtered out before passing the options to an HTML tag.\n *\n * The list of parameters is a combination of `Transformation::methods` and `Configuration::CONFIG_PARAMS`\n */\n\n transformation_Transformation.PARAM_NAMES = transformation_Transformation.methods.map(snakeCase).concat(src_configuration.CONFIG_PARAMS);\n /* harmony default export */\n\n var src_transformation = transformation_Transformation; // CONCATENATED MODULE: ./src/tags/htmltag.js\n\n function htmltag_classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n function htmltag_defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n function htmltag_createClass(Constructor, protoProps, staticProps) {\n if (protoProps) htmltag_defineProperties(Constructor.prototype, protoProps);\n if (staticProps) htmltag_defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n }\n /**\n * Generic HTML tag\n * Depends on 'transformation', 'util'\n */\n\n /**\n * Represents an HTML (DOM) tag\n * @constructor HtmlTag\n * @param {string} name - the name of the tag\n * @param {string} [publicId]\n * @param {Object} options\n * @example tag = new HtmlTag( 'div', { 'width': 10})\n */\n\n\n var htmltag_HtmlTag =\n /*#__PURE__*/\n function () {\n function HtmlTag(name, publicId, options) {\n htmltag_classCallCheck(this, HtmlTag);\n var transformation;\n this.name = name;\n this.publicId = publicId;\n\n if (options == null) {\n if (isPlainObject_root_isPlainObject_default()(publicId)) {\n options = publicId;\n this.publicId = void 0;\n } else {\n options = {};\n }\n }\n\n transformation = new src_transformation(options);\n transformation.setParent(this);\n\n this.transformation = function () {\n return transformation;\n };\n }\n /**\n * Convenience constructor\n * Creates a new instance of an HTML (DOM) tag\n * @function HtmlTag.new\n * @param {string} name - the name of the tag\n * @param {string} [publicId]\n * @param {Object} options\n * @return {HtmlTag}\n * @example tag = HtmlTag.new( 'div', { 'width': 10})\n */\n\n\n htmltag_createClass(HtmlTag, [{\n key: \"htmlAttrs\",\n value:\n /**\n * combine key and value from the `attr` to generate an HTML tag attributes string.\n * `Transformation::toHtmlTagOptions` is used to filter out transformation and configuration keys.\n * @protected\n * @param {Object} attrs\n * @return {string} the attributes in the format `'key1=\"value1\" key2=\"value2\"'`\n * @ignore\n */\n function htmlAttrs(attrs) {\n var key, pairs, value;\n return pairs = function () {\n var results;\n results = [];\n\n for (key in attrs) {\n value = escapeQuotes(attrs[key]);\n\n if (value) {\n results.push(htmltag_toAttribute(key, value));\n }\n }\n\n return results;\n }().sort().join(' ');\n }\n /**\n * Get all options related to this tag.\n * @function HtmlTag#getOptions\n * @returns {Object} the options\n *\n */\n\n }, {\n key: \"getOptions\",\n value: function getOptions() {\n return this.transformation().toOptions();\n }\n /**\n * Get the value of option `name`\n * @function HtmlTag#getOption\n * @param {string} name - the name of the option\n * @returns {*} Returns the value of the option\n *\n */\n\n }, {\n key: \"getOption\",\n value: function getOption(name) {\n return this.transformation().getValue(name);\n }\n /**\n * Get the attributes of the tag.\n * @function HtmlTag#attributes\n * @returns {Object} attributes\n */\n\n }, {\n key: \"attributes\",\n value: function attributes() {\n // The attributes are be computed from the options every time this method is invoked.\n var htmlAttributes = this.transformation().toHtmlAttributes();\n Object.keys(htmlAttributes).forEach(function (key) {\n if (isPlainObject_root_isPlainObject_default()(htmlAttributes[key])) {\n delete htmlAttributes[key];\n }\n });\n\n if (htmlAttributes.attributes) {\n // Currently HTML attributes are defined both at the top level and under 'attributes'\n merge_root_merge_default()(htmlAttributes, htmlAttributes.attributes);\n delete htmlAttributes.attributes;\n }\n\n return htmlAttributes;\n }\n /**\n * Set a tag attribute named `name` to `value`\n * @function HtmlTag#setAttr\n * @param {string} name - the name of the attribute\n * @param {string} value - the value of the attribute\n */\n\n }, {\n key: \"setAttr\",\n value: function setAttr(name, value) {\n this.transformation().set(\"html_\".concat(name), value);\n return this;\n }\n /**\n * Get the value of the tag attribute `name`\n * @function HtmlTag#getAttr\n * @param {string} name - the name of the attribute\n * @returns {*}\n */\n\n }, {\n key: \"getAttr\",\n value: function getAttr(name) {\n return this.attributes()[\"html_\".concat(name)] || this.attributes()[name];\n }\n /**\n * Remove the tag attributed named `name`\n * @function HtmlTag#removeAttr\n * @param {string} name - the name of the attribute\n * @returns {*}\n */\n\n }, {\n key: \"removeAttr\",\n value: function removeAttr(name) {\n var ref;\n return (ref = this.transformation().remove(\"html_\".concat(name))) != null ? ref : this.transformation().remove(name);\n }\n /**\n * @function HtmlTag#content\n * @protected\n * @ignore\n */\n\n }, {\n key: \"content\",\n value: function content() {\n return \"\";\n }\n /**\n * @function HtmlTag#openTag\n * @protected\n * @ignore\n */\n\n }, {\n key: \"openTag\",\n value: function openTag() {\n var tag = \"<\" + this.name;\n var htmlAttrs = this.htmlAttrs(this.attributes());\n\n if (htmlAttrs && htmlAttrs.length > 0) {\n tag += \" \" + htmlAttrs;\n }\n\n return tag + \">\";\n }\n /**\n * @function HtmlTag#closeTag\n * @protected\n * @ignore\n */\n\n }, {\n key: \"closeTag\",\n value: function closeTag() {\n return \"\");\n }\n /**\n * Generates an HTML representation of the tag.\n * @function HtmlTag#toHtml\n * @returns {string} Returns HTML in string format\n */\n\n }, {\n key: \"toHtml\",\n value: function toHtml() {\n return this.openTag() + this.content() + this.closeTag();\n }\n /**\n * Creates a DOM object representing the tag.\n * @function HtmlTag#toDOM\n * @returns {Element}\n */\n\n }, {\n key: \"toDOM\",\n value: function toDOM() {\n var element, name, ref, value;\n\n if (!isFunction_root_isFunction_default()(typeof document !== \"undefined\" && document !== null ? document.createElement : void 0)) {\n throw \"Can't create DOM if document is not present!\";\n }\n\n element = document.createElement(this.name);\n ref = this.attributes();\n\n for (name in ref) {\n value = ref[name];\n element.setAttribute(name, value);\n }\n\n return element;\n }\n }], [{\n key: \"new\",\n value: function _new(name, publicId, options) {\n return new this(name, publicId, options);\n }\n }, {\n key: \"isResponsive\",\n value: function isResponsive(tag, responsiveClass) {\n var dataSrc;\n dataSrc = lodash_getData(tag, 'src-cache') || lodash_getData(tag, 'src');\n return lodash_hasClass(tag, responsiveClass) && /\\bw_auto\\b/.exec(dataSrc);\n }\n }]);\n return HtmlTag;\n }();\n\n ;\n /**\n * Represent the given key and value as an HTML attribute.\n * @function toAttribute\n * @protected\n * @param {string} key - attribute name\n * @param {*|boolean} value - the value of the attribute. If the value is boolean `true`, return the key only.\n * @returns {string} the attribute\n *\n */\n\n function htmltag_toAttribute(key, value) {\n if (!value) {\n return void 0;\n } else if (value === true) {\n return key;\n } else {\n return \"\".concat(key, \"=\\\"\").concat(value, \"\\\"\");\n }\n }\n /**\n * If given value is a string, replaces quotes with character entities (", ')\n * @param value - value to change\n * @returns {*} changed value\n */\n\n\n function escapeQuotes(value) {\n return isString_root_isString_default()(value) ? value.replace('\"', '"').replace(\"'\", ''') : value;\n }\n /* harmony default export */\n\n\n var htmltag = htmltag_HtmlTag; // CONCATENATED MODULE: ./src/url.js\n\n var _excluded = [\"placeholder\", \"accessibility\"];\n\n function _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n }\n\n function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n }\n /**\n * Adds protocol, host, pathname prefixes to given string\n * @param str\n * @returns {string}\n */\n\n\n function makeUrl(str) {\n var prefix = document.location.protocol + '//' + document.location.host;\n\n if (str[0] === '?') {\n prefix += document.location.pathname;\n } else if (str[0] !== '/') {\n prefix += document.location.pathname.replace(/\\/[^\\/]*$/, '/');\n }\n\n return prefix + str;\n }\n /**\n * Check is given string is a url\n * @param str\n * @returns {boolean}\n */\n\n\n function isUrl(str) {\n return str ? !!str.match(/^https?:\\//) : false;\n } // Produce a number between 1 and 5 to be used for cdn sub domains designation\n\n\n function cdnSubdomainNumber(publicId) {\n return src_crc32(publicId) % 5 + 1;\n }\n /**\n * Removes signature from options and returns the signature\n * Makes sure signature is empty or of this format: s--signature--\n * @param {object} options\n * @returns {string} the formatted signature\n */\n\n\n function handleSignature(options) {\n var signature = options.signature;\n var isFormatted = !signature || signature.indexOf('s--') === 0 && signature.substr(-2) === '--';\n delete options.signature;\n return isFormatted ? signature : \"s--\".concat(signature, \"--\");\n }\n /**\n * Create the URL prefix for Cloudinary resources.\n * @param {string} publicId the resource public ID\n * @param {object} options additional options\n * @param {string} options.cloud_name - the cloud name.\n * @param {boolean} [options.cdn_subdomain=false] - Whether to automatically build URLs with\n * multiple CDN sub-domains.\n * @param {string} [options.private_cdn] - Boolean (default: false). Should be set to true for Advanced plan's users\n * that have a private CDN distribution.\n * @param {string} [options.protocol=\"http://\"] - the URI protocol to use. If options.secure is true,\n * the value is overridden to \"https://\"\n * @param {string} [options.secure_distribution] - The domain name of the CDN distribution to use for building HTTPS URLs.\n * Relevant only for Advanced plan's users that have a private CDN distribution.\n * @param {string} [options.cname] - Custom domain name to use for building HTTP URLs.\n * Relevant only for Advanced plan's users that have a private CDN distribution and a custom CNAME.\n * @param {boolean} [options.secure_cdn_subdomain=true] - When options.secure is true and this parameter is false,\n * the subdomain is set to \"res\".\n * @param {boolean} [options.secure=false] - Force HTTPS URLs of images even if embedded in non-secure HTTP pages.\n * When this value is true, options.secure_distribution will be used as host if provided, and options.protocol is set\n * to \"https://\".\n * @returns {string} the URL prefix for the resource.\n * @private\n */\n\n\n function handlePrefix(publicId, options) {\n if (options.cloud_name && options.cloud_name[0] === '/') {\n return '/res' + options.cloud_name;\n } // defaults\n\n\n var protocol = \"http://\";\n var cdnPart = \"\";\n var subdomain = \"res\";\n var host = \".cloudinary.com\";\n var path = \"/\" + options.cloud_name; // modifications\n\n if (options.protocol) {\n protocol = options.protocol + '//';\n }\n\n if (options.private_cdn) {\n cdnPart = options.cloud_name + \"-\";\n path = \"\";\n }\n\n if (options.cdn_subdomain) {\n subdomain = \"res-\" + cdnSubdomainNumber(publicId);\n }\n\n if (options.secure) {\n protocol = \"https://\";\n\n if (options.secure_cdn_subdomain === false) {\n subdomain = \"res\";\n }\n\n if (options.secure_distribution != null && options.secure_distribution !== OLD_AKAMAI_SHARED_CDN && options.secure_distribution !== SHARED_CDN) {\n cdnPart = \"\";\n subdomain = \"\";\n host = options.secure_distribution;\n }\n } else if (options.cname) {\n protocol = \"http://\";\n cdnPart = \"\";\n subdomain = options.cdn_subdomain ? 'a' + (src_crc32(publicId) % 5 + 1) + '.' : '';\n host = options.cname;\n }\n\n return [protocol, cdnPart, subdomain, host, path].join(\"\");\n }\n /**\n * Return the resource type and action type based on the given configuration\n * @function Cloudinary#handleResourceType\n * @param {Object|string} resource_type\n * @param {string} [type='upload']\n * @param {string} [url_suffix]\n * @param {boolean} [use_root_path]\n * @param {boolean} [shorten]\n * @returns {string} resource_type/type\n * @ignore\n */\n\n\n function handleResourceType(_ref) {\n var _ref$resource_type = _ref.resource_type,\n resource_type = _ref$resource_type === void 0 ? \"image\" : _ref$resource_type,\n _ref$type = _ref.type,\n type = _ref$type === void 0 ? \"upload\" : _ref$type,\n url_suffix = _ref.url_suffix,\n use_root_path = _ref.use_root_path,\n shorten = _ref.shorten;\n var options,\n resourceType = resource_type;\n\n if (isPlainObject_root_isPlainObject_default()(resourceType)) {\n options = resourceType;\n resourceType = options.resource_type;\n type = options.type;\n shorten = options.shorten;\n }\n\n if (type == null) {\n type = 'upload';\n }\n\n if (url_suffix != null) {\n resourceType = SEO_TYPES[\"\".concat(resourceType, \"/\").concat(type)];\n type = null;\n\n if (resourceType == null) {\n throw new Error(\"URL Suffix only supported for \".concat(Object.keys(SEO_TYPES).join(', ')));\n }\n }\n\n if (use_root_path) {\n if (resourceType === 'image' && type === 'upload' || resourceType === \"images\") {\n resourceType = null;\n type = null;\n } else {\n throw new Error(\"Root path only supported for image/upload\");\n }\n }\n\n if (shorten && resourceType === 'image' && type === 'upload') {\n resourceType = 'iu';\n type = null;\n }\n\n return [resourceType, type].join(\"/\");\n }\n /**\n * Encode publicId\n * @param publicId\n * @returns {string} encoded publicId\n */\n\n\n function encodePublicId(publicId) {\n return encodeURIComponent(publicId).replace(/%3A/g, ':').replace(/%2F/g, '/');\n }\n /**\n * Encode and format publicId\n * @param publicId\n * @param options\n * @returns {string} publicId\n */\n\n\n function formatPublicId(publicId, options) {\n if (isUrl(publicId)) {\n publicId = encodePublicId(publicId);\n } else {\n try {\n // Make sure publicId is URI encoded.\n publicId = decodeURIComponent(publicId);\n } catch (error) {}\n\n publicId = encodePublicId(publicId);\n\n if (options.url_suffix) {\n publicId = publicId + '/' + options.url_suffix;\n }\n\n if (options.format) {\n if (!options.trust_public_id) {\n publicId = publicId.replace(/\\.(jpg|png|gif|webp)$/, '');\n }\n\n publicId = publicId + '.' + options.format;\n }\n }\n\n return publicId;\n }\n /**\n * Get any error with url options\n * @param options\n * @returns {string} if error, otherwise return undefined\n */\n\n\n function validate(options) {\n var cloud_name = options.cloud_name,\n url_suffix = options.url_suffix;\n\n if (!cloud_name) {\n return 'Unknown cloud_name';\n }\n\n if (url_suffix && url_suffix.match(/[\\.\\/]/)) {\n return 'url_suffix should not include . or /';\n }\n }\n /**\n * Get version part of the url\n * @param publicId\n * @param options\n * @returns {string}\n */\n\n\n function handleVersion(publicId, options) {\n // force_version param means to make sure there is a version in the url (Default is true)\n var isForceVersion = options.force_version || typeof options.force_version === 'undefined'; // Is version included in publicId or in options, or publicId is a url (doesn't need version)\n\n var isVersionExist = publicId.indexOf('/') < 0 || publicId.match(/^v[0-9]+/) || isUrl(publicId) || options.version;\n\n if (isForceVersion && !isVersionExist) {\n options.version = 1;\n }\n\n return options.version ? \"v\".concat(options.version) : '';\n }\n /**\n * Get final transformation component for url string\n * @param options\n * @returns {string}\n */\n\n\n function handleTransformation(options) {\n var _ref2 = options || {},\n placeholder = _ref2.placeholder,\n accessibility = _ref2.accessibility,\n otherOptions = _objectWithoutProperties(_ref2, _excluded);\n\n var result = new src_transformation(otherOptions); // Append accessibility transformations\n\n if (accessibility && ACCESSIBILITY_MODES[accessibility]) {\n result.chain().effect(ACCESSIBILITY_MODES[accessibility]);\n } // Append placeholder transformations\n\n\n if (placeholder) {\n if (placeholder === \"predominant-color\" && result.getValue('width') && result.getValue('height')) {\n placeholder += '-pixel';\n }\n\n var placeholderTransformations = PLACEHOLDER_IMAGE_MODES[placeholder] || PLACEHOLDER_IMAGE_MODES.blur;\n placeholderTransformations.forEach(function (t) {\n return result.chain().transformation(t);\n });\n }\n\n return result.serialize();\n }\n /**\n * If type is 'fetch', update publicId to be a url\n * @param publicId\n * @param type\n * @returns {string}\n */\n\n\n function preparePublicId(publicId, _ref3) {\n var type = _ref3.type;\n return !isUrl(publicId) && type === 'fetch' ? makeUrl(publicId) : publicId;\n }\n /**\n * Generate url string\n * @param publicId\n * @param options\n * @returns {string} final url\n */\n\n\n function urlString(publicId, options) {\n if (isUrl(publicId) && (options.type === 'upload' || options.type === 'asset')) {\n return publicId;\n }\n\n var version = handleVersion(publicId, options);\n var transformationString = handleTransformation(options);\n var prefix = handlePrefix(publicId, options);\n var signature = handleSignature(options);\n var resourceType = handleResourceType(options);\n publicId = formatPublicId(publicId, options);\n return compact_root_compact_default()([prefix, resourceType, signature, transformationString, version, publicId]).join('/').replace(/([^:])\\/+/g, '$1/') // replace '///' with '//'\n .replace(' ', '%20');\n }\n /**\n * Merge options and config with defaults\n * update options fetch_format according to 'type' param\n * @param options\n * @param config\n * @returns {*} updated options\n */\n\n\n function prepareOptions(options, config) {\n if (options instanceof src_transformation) {\n options = options.toOptions();\n }\n\n options = defaults({}, options, config, DEFAULT_IMAGE_PARAMS);\n\n if (options.type === 'fetch') {\n options.fetch_format = options.fetch_format || options.format;\n }\n\n return options;\n }\n /**\n * Generates a URL for any asset in your Media library.\n * @function url\n * @ignore\n * @param {string} publicId - The public ID of the media asset.\n * @param {Object} [options={}] - The {@link Transformation} parameters to include in the URL.\n * @param {object} [config={}] - URL configuration parameters\n * @param {type} [options.type='upload'] - The asset's storage type.\n * For details on all fetch types, see\n * Fetch types.\n * @param {Object} [options.resource_type='image'] - The type of asset.
\n * `undefined` and `null` values are filtered out.\n * @protected\n * @returns {Object}\n * @param options one or more options objects\n */\n\n }, {\n key: \"getUrl\",\n\n /**\n * Generate a Cloudinary resource URL based on the options provided and child Transformation elements\n * @param extendedProps React props combined with custom Cloudinary configuration options\n * @returns {string} a cloudinary URL\n * @protected\n */\n value: function getUrl(extendedProps) {\n var transformation = this.getTransformation(extendedProps);\n\n var options = _cloudinaryCore.Util.extractUrlParams(_cloudinaryCore.Util.withSnakeCaseKeys(extendedProps));\n\n var cl = _cloudinaryCore.Cloudinary[\"new\"](options);\n\n return cl.url(extendedProps.publicId, transformation);\n }\n }], [{\n key: \"normalizeOptions\",\n value: function normalizeOptions() {\n for (var _len = arguments.length, options = new Array(_len), _key = 0; _key < _len; _key++) {\n options[_key] = arguments[_key];\n }\n\n return options.reduce(function (left, right) {\n for (var key in right) {\n var value = right[key];\n\n if (value !== null && value !== undefined) {\n left[key] = value;\n }\n }\n\n return left;\n }, {});\n }\n }]);\n\n return CloudinaryComponent;\n}(_react.Component);\n\nCloudinaryComponent.VALID_OPTIONS = _cloudinaryCore.Transformation.PARAM_NAMES.map(camelCase);\nCloudinaryComponent.contextTypes = typesFrom(CloudinaryComponent.VALID_OPTIONS);\nCloudinaryComponent.propTypes = CloudinaryComponent.contextTypes;\nCloudinaryComponent.propTypes.publicId = _propTypes[\"default\"].string;\nCloudinaryComponent.propTypes.responsive = _propTypes[\"default\"].bool;\nCloudinaryComponent.childContextTypes = {};\n/**\n * Create a React type definition object. All items are PropTypes.string or [string] or object or [object].\n * @param {Array} configParams a list of parameter names\n * @returns {Object}\n * @private\n */\n\nfunction typesFrom(configParams) {\n configParams = configParams || [];\n var types = {};\n\n for (var i = 0; i < configParams.length; i++) {\n var key = configParams[i];\n types[camelCase(key)] = _propTypes[\"default\"].any;\n }\n\n return types;\n}\n\nvar _default = CloudinaryComponent;\nexports[\"default\"] = _default;","/**\n * cloudinary-core.js\n * Cloudinary's JavaScript library - Version 2.13.0\n * Copyright Cloudinary\n * see https://github.com/cloudinary/cloudinary_js\n *\n */\n(function webpackUniversalModuleDefinition(root, factory) {\n if (typeof exports === 'object' && typeof module === 'object') module.exports = factory(require(\"lodash/assign\"), require(\"lodash/cloneDeep\"), require(\"lodash/compact\"), require(\"lodash/difference\"), require(\"lodash/functions\"), require(\"lodash/identity\"), require(\"lodash/includes\"), require(\"lodash/isArray\"), require(\"lodash/isElement\"), require(\"lodash/isFunction\"), require(\"lodash/isPlainObject\"), require(\"lodash/isString\"), require(\"lodash/merge\"), require(\"lodash/trim\"));else if (typeof define === 'function' && define.amd) define([\"lodash/assign\", \"lodash/cloneDeep\", \"lodash/compact\", \"lodash/difference\", \"lodash/functions\", \"lodash/identity\", \"lodash/includes\", \"lodash/isArray\", \"lodash/isElement\", \"lodash/isFunction\", \"lodash/isPlainObject\", \"lodash/isString\", \"lodash/merge\", \"lodash/trim\"], factory);else if (typeof exports === 'object') exports[\"cloudinary\"] = factory(require(\"lodash/assign\"), require(\"lodash/cloneDeep\"), require(\"lodash/compact\"), require(\"lodash/difference\"), require(\"lodash/functions\"), require(\"lodash/identity\"), require(\"lodash/includes\"), require(\"lodash/isArray\"), require(\"lodash/isElement\"), require(\"lodash/isFunction\"), require(\"lodash/isPlainObject\"), require(\"lodash/isString\"), require(\"lodash/merge\"), require(\"lodash/trim\"));else root[\"cloudinary\"] = factory(root[\"_\"][\"assign\"], root[\"_\"][\"cloneDeep\"], root[\"_\"][\"compact\"], root[\"_\"][\"difference\"], root[\"_\"][\"functions\"], root[\"_\"][\"identity\"], root[\"_\"][\"includes\"], root[\"_\"][\"isArray\"], root[\"_\"][\"isElement\"], root[\"_\"][\"isFunction\"], root[\"_\"][\"isPlainObject\"], root[\"_\"][\"isString\"], root[\"_\"][\"merge\"], root[\"_\"][\"trim\"]);\n})(this, function (__WEBPACK_EXTERNAL_MODULE_lodash_assign__, __WEBPACK_EXTERNAL_MODULE_lodash_cloneDeep__, __WEBPACK_EXTERNAL_MODULE_lodash_compact__, __WEBPACK_EXTERNAL_MODULE_lodash_difference__, __WEBPACK_EXTERNAL_MODULE_lodash_functions__, __WEBPACK_EXTERNAL_MODULE_lodash_identity__, __WEBPACK_EXTERNAL_MODULE_lodash_includes__, __WEBPACK_EXTERNAL_MODULE_lodash_isArray__, __WEBPACK_EXTERNAL_MODULE_lodash_isElement__, __WEBPACK_EXTERNAL_MODULE_lodash_isFunction__, __WEBPACK_EXTERNAL_MODULE_lodash_isPlainObject__, __WEBPACK_EXTERNAL_MODULE_lodash_isString__, __WEBPACK_EXTERNAL_MODULE_lodash_merge__, __WEBPACK_EXTERNAL_MODULE_lodash_trim__) {\n return (\n /******/\n function (modules) {\n // webpackBootstrap\n\n /******/\n // The module cache\n\n /******/\n var installedModules = {};\n /******/\n\n /******/\n // The require function\n\n /******/\n\n function __webpack_require__(moduleId) {\n /******/\n\n /******/\n // Check if module is in cache\n\n /******/\n if (installedModules[moduleId]) {\n /******/\n return installedModules[moduleId].exports;\n /******/\n }\n /******/\n // Create a new module (and put it into the cache)\n\n /******/\n\n\n var module = installedModules[moduleId] = {\n /******/\n i: moduleId,\n\n /******/\n l: false,\n\n /******/\n exports: {}\n /******/\n\n };\n /******/\n\n /******/\n // Execute the module function\n\n /******/\n\n modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n /******/\n\n /******/\n // Flag the module as loaded\n\n /******/\n\n module.l = true;\n /******/\n\n /******/\n // Return the exports of the module\n\n /******/\n\n return module.exports;\n /******/\n }\n /******/\n\n /******/\n\n /******/\n // expose the modules object (__webpack_modules__)\n\n /******/\n\n\n __webpack_require__.m = modules;\n /******/\n\n /******/\n // expose the module cache\n\n /******/\n\n __webpack_require__.c = installedModules;\n /******/\n\n /******/\n // define getter function for harmony exports\n\n /******/\n\n __webpack_require__.d = function (exports, name, getter) {\n /******/\n if (!__webpack_require__.o(exports, name)) {\n /******/\n Object.defineProperty(exports, name, {\n enumerable: true,\n get: getter\n });\n /******/\n }\n /******/\n\n };\n /******/\n\n /******/\n // define __esModule on exports\n\n /******/\n\n\n __webpack_require__.r = function (exports) {\n /******/\n if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n /******/\n Object.defineProperty(exports, Symbol.toStringTag, {\n value: 'Module'\n });\n /******/\n }\n /******/\n\n\n Object.defineProperty(exports, '__esModule', {\n value: true\n });\n /******/\n };\n /******/\n\n /******/\n // create a fake namespace object\n\n /******/\n // mode & 1: value is a module id, require it\n\n /******/\n // mode & 2: merge all properties of value into the ns\n\n /******/\n // mode & 4: return value when already ns object\n\n /******/\n // mode & 8|1: behave like require\n\n /******/\n\n\n __webpack_require__.t = function (value, mode) {\n /******/\n if (mode & 1) value = __webpack_require__(value);\n /******/\n\n if (mode & 8) return value;\n /******/\n\n if (mode & 4 && typeof value === 'object' && value && value.__esModule) return value;\n /******/\n\n var ns = Object.create(null);\n /******/\n\n __webpack_require__.r(ns);\n /******/\n\n\n Object.defineProperty(ns, 'default', {\n enumerable: true,\n value: value\n });\n /******/\n\n if (mode & 2 && typeof value != 'string') for (var key in value) {\n __webpack_require__.d(ns, key, function (key) {\n return value[key];\n }.bind(null, key));\n }\n /******/\n\n return ns;\n /******/\n };\n /******/\n\n /******/\n // getDefaultExport function for compatibility with non-harmony modules\n\n /******/\n\n\n __webpack_require__.n = function (module) {\n /******/\n var getter = module && module.__esModule ?\n /******/\n function getDefault() {\n return module['default'];\n } :\n /******/\n function getModuleExports() {\n return module;\n };\n /******/\n\n __webpack_require__.d(getter, 'a', getter);\n /******/\n\n\n return getter;\n /******/\n };\n /******/\n\n /******/\n // Object.prototype.hasOwnProperty.call\n\n /******/\n\n\n __webpack_require__.o = function (object, property) {\n return Object.prototype.hasOwnProperty.call(object, property);\n };\n /******/\n\n /******/\n // __webpack_public_path__\n\n /******/\n\n\n __webpack_require__.p = \"\";\n /******/\n\n /******/\n\n /******/\n // Load entry module and return exports\n\n /******/\n\n return __webpack_require__(__webpack_require__.s = \"./src/namespace/cloudinary-core.js\");\n /******/\n }(\n /************************************************************************/\n\n /******/\n {\n /***/\n \"./src/namespace/cloudinary-core.js\":\n /***/\n function srcNamespaceCloudinaryCoreJs(module, __webpack_exports__, __webpack_require__) {\n \"use strict\"; // ESM COMPAT FLAG\n\n __webpack_require__.r(__webpack_exports__); // EXPORTS\n\n\n __webpack_require__.d(__webpack_exports__, \"ClientHintsMetaTag\", function () {\n return (\n /* reexport */\n clienthintsmetatag\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Cloudinary\", function () {\n return (\n /* reexport */\n cloudinary\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Condition\", function () {\n return (\n /* reexport */\n condition\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Configuration\", function () {\n return (\n /* reexport */\n src_configuration\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"crc32\", function () {\n return (\n /* reexport */\n src_crc32\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Expression\", function () {\n return (\n /* reexport */\n expression\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"FetchLayer\", function () {\n return (\n /* reexport */\n fetchlayer\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"HtmlTag\", function () {\n return (\n /* reexport */\n htmltag\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"ImageTag\", function () {\n return (\n /* reexport */\n imagetag\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Layer\", function () {\n return (\n /* reexport */\n layer_layer\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"PictureTag\", function () {\n return (\n /* reexport */\n picturetag\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"SubtitlesLayer\", function () {\n return (\n /* reexport */\n subtitleslayer\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"TextLayer\", function () {\n return (\n /* reexport */\n textlayer\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Transformation\", function () {\n return (\n /* reexport */\n src_transformation\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"utf8_encode\", function () {\n return (\n /* reexport */\n src_utf8_encode\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"Util\", function () {\n return (\n /* reexport */\n lodash_namespaceObject\n );\n });\n\n __webpack_require__.d(__webpack_exports__, \"VideoTag\", function () {\n return (\n /* reexport */\n videotag\n );\n }); // NAMESPACE OBJECT: ./src/constants.js\n\n\n var constants_namespaceObject = {};\n\n __webpack_require__.r(constants_namespaceObject);\n\n __webpack_require__.d(constants_namespaceObject, \"VERSION\", function () {\n return VERSION;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"CF_SHARED_CDN\", function () {\n return CF_SHARED_CDN;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"OLD_AKAMAI_SHARED_CDN\", function () {\n return OLD_AKAMAI_SHARED_CDN;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"AKAMAI_SHARED_CDN\", function () {\n return AKAMAI_SHARED_CDN;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"SHARED_CDN\", function () {\n return SHARED_CDN;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_TIMEOUT_MS\", function () {\n return DEFAULT_TIMEOUT_MS;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_POSTER_OPTIONS\", function () {\n return DEFAULT_POSTER_OPTIONS;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_VIDEO_SOURCE_TYPES\", function () {\n return DEFAULT_VIDEO_SOURCE_TYPES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"SEO_TYPES\", function () {\n return SEO_TYPES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_IMAGE_PARAMS\", function () {\n return DEFAULT_IMAGE_PARAMS;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_VIDEO_PARAMS\", function () {\n return DEFAULT_VIDEO_PARAMS;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_VIDEO_SOURCES\", function () {\n return DEFAULT_VIDEO_SOURCES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"DEFAULT_EXTERNAL_LIBRARIES\", function () {\n return DEFAULT_EXTERNAL_LIBRARIES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"PLACEHOLDER_IMAGE_MODES\", function () {\n return PLACEHOLDER_IMAGE_MODES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"ACCESSIBILITY_MODES\", function () {\n return ACCESSIBILITY_MODES;\n });\n\n __webpack_require__.d(constants_namespaceObject, \"URL_KEYS\", function () {\n return URL_KEYS;\n }); // NAMESPACE OBJECT: ./src/util/lodash.js\n\n\n var lodash_namespaceObject = {};\n\n __webpack_require__.r(lodash_namespaceObject);\n\n __webpack_require__.d(lodash_namespaceObject, \"getSDKAnalyticsSignature\", function () {\n return getSDKAnalyticsSignature;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"getAnalyticsOptions\", function () {\n return getAnalyticsOptions;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"assign\", function () {\n return assign_root_assign_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"cloneDeep\", function () {\n return cloneDeep_root_cloneDeep_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"compact\", function () {\n return compact_root_compact_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"difference\", function () {\n return difference_root_difference_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"functions\", function () {\n return functions_root_functions_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"identity\", function () {\n return identity_root_identity_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"includes\", function () {\n return includes_root_includes_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isArray\", function () {\n return isArray_root_isArray_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isPlainObject\", function () {\n return isPlainObject_root_isPlainObject_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isString\", function () {\n return isString_root_isString_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"merge\", function () {\n return merge_root_merge_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"contains\", function () {\n return includes_root_includes_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isIntersectionObserverSupported\", function () {\n return isIntersectionObserverSupported;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isNativeLazyLoadSupported\", function () {\n return isNativeLazyLoadSupported;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"detectIntersection\", function () {\n return detectIntersection;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"omit\", function () {\n return omit;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"allStrings\", function () {\n return baseutil_allStrings;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"without\", function () {\n return without;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isNumberLike\", function () {\n return isNumberLike;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"smartEscape\", function () {\n return smartEscape;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"defaults\", function () {\n return defaults;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"objectProto\", function () {\n return objectProto;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"objToString\", function () {\n return objToString;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isObject\", function () {\n return isObject;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"funcTag\", function () {\n return funcTag;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"reWords\", function () {\n return reWords;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"camelCase\", function () {\n return camelCase;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"snakeCase\", function () {\n return snakeCase;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"convertKeys\", function () {\n return convertKeys;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"withCamelCaseKeys\", function () {\n return withCamelCaseKeys;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"withSnakeCaseKeys\", function () {\n return withSnakeCaseKeys;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"base64Encode\", function () {\n return base64Encode;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"base64EncodeURL\", function () {\n return base64EncodeURL;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"extractUrlParams\", function () {\n return extractUrlParams;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"patchFetchFormat\", function () {\n return patchFetchFormat;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"optionConsume\", function () {\n return optionConsume;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isEmpty\", function () {\n return isEmpty;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isAndroid\", function () {\n return isAndroid;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isEdge\", function () {\n return isEdge;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isChrome\", function () {\n return isChrome;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isSafari\", function () {\n return isSafari;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isElement\", function () {\n return isElement_root_isElement_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"isFunction\", function () {\n return isFunction_root_isFunction_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"trim\", function () {\n return trim_root_trim_default.a;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"getData\", function () {\n return lodash_getData;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"setData\", function () {\n return lodash_setData;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"getAttribute\", function () {\n return lodash_getAttribute;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"setAttribute\", function () {\n return lodash_setAttribute;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"removeAttribute\", function () {\n return lodash_removeAttribute;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"setAttributes\", function () {\n return setAttributes;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"hasClass\", function () {\n return lodash_hasClass;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"addClass\", function () {\n return lodash_addClass;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"getStyles\", function () {\n return getStyles;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"cssExpand\", function () {\n return cssExpand;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"domStyle\", function () {\n return domStyle;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"curCSS\", function () {\n return curCSS;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"cssValue\", function () {\n return cssValue;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"augmentWidthOrHeight\", function () {\n return augmentWidthOrHeight;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"getWidthOrHeight\", function () {\n return getWidthOrHeight;\n });\n\n __webpack_require__.d(lodash_namespaceObject, \"width\", function () {\n return lodash_width;\n }); // CONCATENATED MODULE: ./src/utf8_encode.js\n\n /**\n * UTF8 encoder\n * @private\n */\n\n\n var utf8_encode;\n /* harmony default export */\n\n var src_utf8_encode = utf8_encode = function utf8_encode(argString) {\n var c1, enc, end, n, start, string, stringl, utftext; // http://kevin.vanzonneveld.net\n // + original by: Webtoolkit.info (http://www.webtoolkit.info/)\n // + improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)\n // + improved by: sowberry\n // + tweaked by: Jack\n // + bugfixed by: Onno Marsman\n // + improved by: Yves Sucaet\n // + bugfixed by: Onno Marsman\n // + bugfixed by: Ulrich\n // + bugfixed by: Rafal Kukawski\n // + improved by: kirilloid\n // * example 1: utf8_encode('Kevin van Zonneveld');\n // * returns 1: 'Kevin van Zonneveld'\n\n if (argString === null || typeof argString === 'undefined') {\n return '';\n }\n\n string = argString + ''; // .replace(/\\r\\n/g, \"\\n\").replace(/\\r/g, \"\\n\");\n\n utftext = '';\n start = void 0;\n end = void 0;\n stringl = 0;\n start = end = 0;\n stringl = string.length;\n n = 0;\n\n while (n < stringl) {\n c1 = string.charCodeAt(n);\n enc = null;\n\n if (c1 < 128) {\n end++;\n } else if (c1 > 127 && c1 < 2048) {\n enc = String.fromCharCode(c1 >> 6 | 192, c1 & 63 | 128);\n } else {\n enc = String.fromCharCode(c1 >> 12 | 224, c1 >> 6 & 63 | 128, c1 & 63 | 128);\n }\n\n if (enc !== null) {\n if (end > start) {\n utftext += string.slice(start, end);\n }\n\n utftext += enc;\n start = end = n + 1;\n }\n\n n++;\n }\n\n if (end > start) {\n utftext += string.slice(start, stringl);\n }\n\n return utftext;\n }; // CONCATENATED MODULE: ./src/crc32.js\n\n /**\n * CRC32 calculator\n * Depends on 'utf8_encode'\n * @private\n * @param {string} str - The string to calculate the CRC32 for.\n * @return {number}\n */\n\n\n function crc32(str) {\n var crc, i, iTop, table, x, y; // http://kevin.vanzonneveld.net\n // + original by: Webtoolkit.info (http://www.webtoolkit.info/)\n // + improved by: T0bsn\n // + improved by: http://stackoverflow.com/questions/2647935/javascript-crc32-function-and-php-crc32-not-matching\n // - depends on: utf8_encode\n // * example 1: crc32('Kevin van Zonneveld');\n // * returns 1: 1249991249\n\n str = src_utf8_encode(str);\n table = '00000000 77073096 EE0E612C 990951BA 076DC419 706AF48F E963A535 9E6495A3 0EDB8832 79DCB8A4 E0D5E91E 97D2D988 09B64C2B 7EB17CBD E7B82D07 90BF1D91 1DB71064 6AB020F2 F3B97148 84BE41DE 1ADAD47D 6DDDE4EB F4D4B551 83D385C7 136C9856 646BA8C0 FD62F97A 8A65C9EC 14015C4F 63066CD9 FA0F3D63 8D080DF5 3B6E20C8 4C69105E D56041E4 A2677172 3C03E4D1 4B04D447 D20D85FD A50AB56B 35B5A8FA 42B2986C DBBBC9D6 ACBCF940 32D86CE3 45DF5C75 DCD60DCF ABD13D59 26D930AC 51DE003A C8D75180 BFD06116 21B4F4B5 56B3C423 CFBA9599 B8BDA50F 2802B89E 5F058808 C60CD9B2 B10BE924 2F6F7C87 58684C11 C1611DAB B6662D3D 76DC4190 01DB7106 98D220BC EFD5102A 71B18589 06B6B51F 9FBFE4A5 E8B8D433 7807C9A2 0F00F934 9609A88E E10E9818 7F6A0DBB 086D3D2D 91646C97 E6635C01 6B6B51F4 1C6C6162 856530D8 F262004E 6C0695ED 1B01A57B 8208F4C1 F50FC457 65B0D9C6 12B7E950 8BBEB8EA FCB9887C 62DD1DDF 15DA2D49 8CD37CF3 FBD44C65 4DB26158 3AB551CE A3BC0074 D4BB30E2 4ADFA541 3DD895D7 A4D1C46D D3D6F4FB 4369E96A 346ED9FC AD678846 DA60B8D0 44042D73 33031DE5 AA0A4C5F DD0D7CC9 5005713C 270241AA BE0B1010 C90C2086 5768B525 206F85B3 B966D409 CE61E49F 5EDEF90E 29D9C998 B0D09822 C7D7A8B4 59B33D17 2EB40D81 B7BD5C3B C0BA6CAD EDB88320 9ABFB3B6 03B6E20C 74B1D29A EAD54739 9DD277AF 04DB2615 73DC1683 E3630B12 94643B84 0D6D6A3E 7A6A5AA8 E40ECF0B 9309FF9D 0A00AE27 7D079EB1 F00F9344 8708A3D2 1E01F268 6906C2FE F762575D 806567CB 196C3671 6E6B06E7 FED41B76 89D32BE0 10DA7A5A 67DD4ACC F9B9DF6F 8EBEEFF9 17B7BE43 60B08ED5 D6D6A3E8 A1D1937E 38D8C2C4 4FDFF252 D1BB67F1 A6BC5767 3FB506DD 48B2364B D80D2BDA AF0A1B4C 36034AF6 41047A60 DF60EFC3 A867DF55 316E8EEF 4669BE79 CB61B38C BC66831A 256FD2A0 5268E236 CC0C7795 BB0B4703 220216B9 5505262F C5BA3BBE B2BD0B28 2BB45A92 5CB36A04 C2D7FFA7 B5D0CF31 2CD99E8B 5BDEAE1D 9B64C2B0 EC63F226 756AA39C 026D930A 9C0906A9 EB0E363F 72076785 05005713 95BF4A82 E2B87A14 7BB12BAE 0CB61B38 92D28E9B E5D5BE0D 7CDCEFB7 0BDBDF21 86D3D2D4 F1D4E242 68DDB3F8 1FDA836E 81BE16CD F6B9265B 6FB077E1 18B74777 88085AE6 FF0F6A70 66063BCA 11010B5C 8F659EFF F862AE69 616BFFD3 166CCF45 A00AE278 D70DD2EE 4E048354 3903B3C2 A7672661 D06016F7 4969474D 3E6E77DB AED16A4A D9D65ADC 40DF0B66 37D83BF0 A9BCAE53 DEBB9EC5 47B2CF7F 30B5FFE9 BDBDF21C CABAC28A 53B39330 24B4A3A6 BAD03605 CDD70693 54DE5729 23D967BF B3667A2E C4614AB8 5D681B02 2A6F2B94 B40BBE37 C30C8EA1 5A05DF1B 2D02EF8D';\n crc = 0;\n x = 0;\n y = 0;\n crc = crc ^ -1;\n i = 0;\n iTop = str.length;\n\n while (i < iTop) {\n y = (crc ^ str.charCodeAt(i)) & 0xFF;\n x = '0x' + table.substr(y * 9, 8);\n crc = crc >>> 8 ^ x;\n i++;\n }\n\n crc = crc ^ -1; //convert to unsigned 32-bit int if needed\n\n if (crc < 0) {\n crc += 4294967296;\n }\n\n return crc;\n }\n /* harmony default export */\n\n\n var src_crc32 = crc32; // CONCATENATED MODULE: ./src/sdkAnalytics/stringPad.js\n\n function stringPad(value, targetLength, padString) {\n targetLength = targetLength >> 0; //truncate if number or convert non-number to 0;\n\n padString = String(typeof padString !== 'undefined' ? padString : ' ');\n\n if (value.length > targetLength) {\n return String(value);\n } else {\n targetLength = targetLength - value.length;\n\n if (targetLength > padString.length) {\n padString += repeatStringNumTimes(padString, targetLength / padString.length);\n }\n\n return padString.slice(0, targetLength) + String(value);\n }\n }\n\n function repeatStringNumTimes(string, times) {\n var repeatedString = \"\";\n\n while (times > 0) {\n repeatedString += string;\n times--;\n }\n\n return repeatedString;\n } // CONCATENATED MODULE: ./src/sdkAnalytics/base64Map.js\n\n\n function _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n }\n\n function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n }\n\n function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n }\n\n function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n }\n\n function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n\n var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';\n var base64Map_num = 0;\n var map = {};\n\n _toConsumableArray(chars).forEach(function (_char) {\n var key = base64Map_num.toString(2);\n key = stringPad(key, 6, '0');\n map[key] = _char;\n base64Map_num++;\n });\n /**\n * Map of six-bit binary codes to Base64 characters\n */\n\n /* harmony default export */\n\n\n var base64Map = map; // CONCATENATED MODULE: ./src/sdkAnalytics/reverseVersion.js\n\n /**\n * @description A semVer like string, x.y.z or x.y is allowed\n * Reverses the version positions, x.y.z turns to z.y.x\n * Pads each segment with '0' so they have length of 2\n * Example: 1.2.3 -> 03.02.01\n * @param {string} semVer Input can be either x.y.z or x.y\n * @return {string} in the form of zz.yy.xx (\n */\n\n function reverseVersion(semVer) {\n if (semVer.split('.').length < 2) {\n throw new Error('invalid semVer, must have at least two segments');\n } // Split by '.', reverse, create new array with padded values and concat it together\n\n\n return semVer.split('.').reverse().map(function (segment) {\n return stringPad(segment, 2, '0');\n }).join('.');\n } // CONCATENATED MODULE: ./src/sdkAnalytics/encodeVersion.js\n\n /**\n * @description Encodes a semVer-like version string\n * @param {string} semVer Input can be either x.y.z or x.y\n * @return {string} A string built from 3 characters of the base64 table that encode the semVer\n */\n\n\n function encodeVersion(semVer) {\n var strResult = ''; // support x.y or x.y.z by using 'parts' as a variable\n\n var parts = semVer.split('.').length;\n var paddedStringLength = parts * 6; // we pad to either 12 or 18 characters\n // reverse (but don't mirror) the version. 1.5.15 -> 15.5.1\n // Pad to two spaces, 15.5.1 -> 15.05.01\n\n var paddedReversedSemver = reverseVersion(semVer); // turn 15.05.01 to a string '150501' then to a number 150501\n\n var num = parseInt(paddedReversedSemver.split('.').join('')); // Represent as binary, add left padding to 12 or 18 characters.\n // 150,501 -> 100100101111100101\n\n var paddedBinary = num.toString(2);\n paddedBinary = stringPad(paddedBinary, paddedStringLength, '0'); // Stop in case an invalid version number was provided\n // paddedBinary must be built from sections of 6 bits\n\n if (paddedBinary.length % 6 !== 0) {\n throw 'Version must be smaller than 43.21.26)';\n } // turn every 6 bits into a character using the base64Map\n\n\n paddedBinary.match(/.{1,6}/g).forEach(function (bitString) {\n // console.log(bitString);\n strResult += base64Map[bitString];\n });\n return strResult;\n } // CONCATENATED MODULE: ./src/sdkAnalytics/getSDKAnalyticsSignature.js\n\n /**\n * @description Gets the SDK signature by encoding the SDK version and tech version\n * @param {{\n * [techVersion]:string,\n * [sdkSemver]: string,\n * [sdkCode]: string,\n * [feature]: string\n * }} analyticsOptions\n * @return {string} sdkAnalyticsSignature\n */\n\n\n function getSDKAnalyticsSignature() {\n var analyticsOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n try {\n var twoPartVersion = removePatchFromSemver(analyticsOptions.techVersion);\n var encodedSDKVersion = encodeVersion(analyticsOptions.sdkSemver);\n var encodedTechVersion = encodeVersion(twoPartVersion);\n var featureCode = analyticsOptions.feature;\n var SDKCode = analyticsOptions.sdkCode;\n var algoVersion = 'A'; // The algo version is determined here, it should not be an argument\n\n return \"\".concat(algoVersion).concat(SDKCode).concat(encodedSDKVersion).concat(encodedTechVersion).concat(featureCode);\n } catch (e) {\n // Either SDK or Node versions were unparsable\n return 'E';\n }\n }\n /**\n * @description Removes patch version from the semver if it exists\n * Turns x.y.z OR x.y into x.y\n * @param {'x.y.z' || 'x.y' || string} semVerStr\n */\n\n\n function removePatchFromSemver(semVerStr) {\n var parts = semVerStr.split('.');\n return \"\".concat(parts[0], \".\").concat(parts[1]);\n } // CONCATENATED MODULE: ./src/sdkAnalytics/getAnalyticsOptions.js\n\n /**\n * @description Gets the analyticsOptions from options- should include sdkSemver, techVersion, sdkCode, and feature\n * @param options\n * @returns {{sdkSemver: (string), sdkCode, feature: string, techVersion: (string)} || {}}\n */\n\n\n function getAnalyticsOptions(options) {\n var analyticsOptions = {\n sdkSemver: options.sdkSemver,\n techVersion: options.techVersion,\n sdkCode: options.sdkCode,\n feature: '0'\n };\n\n if (options.urlAnalytics) {\n if (options.accessibility) {\n analyticsOptions.feature = 'D';\n }\n\n if (options.loading === 'lazy') {\n analyticsOptions.feature = 'C';\n }\n\n if (options.responsive) {\n analyticsOptions.feature = 'A';\n }\n\n if (options.placeholder) {\n analyticsOptions.feature = 'B';\n }\n\n return analyticsOptions;\n } else {\n return {};\n }\n } // EXTERNAL MODULE: external {\"commonjs\":\"lodash/assign\",\"commonjs2\":\"lodash/assign\",\"amd\":\"lodash/assign\",\"root\":[\"_\",\"assign\"]}\n\n\n var assign_root_assign_ = __webpack_require__(\"lodash/assign\");\n\n var assign_root_assign_default =\n /*#__PURE__*/\n __webpack_require__.n(assign_root_assign_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/cloneDeep\",\"commonjs2\":\"lodash/cloneDeep\",\"amd\":\"lodash/cloneDeep\",\"root\":[\"_\",\"cloneDeep\"]}\n\n\n var cloneDeep_root_cloneDeep_ = __webpack_require__(\"lodash/cloneDeep\");\n\n var cloneDeep_root_cloneDeep_default =\n /*#__PURE__*/\n __webpack_require__.n(cloneDeep_root_cloneDeep_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/compact\",\"commonjs2\":\"lodash/compact\",\"amd\":\"lodash/compact\",\"root\":[\"_\",\"compact\"]}\n\n\n var compact_root_compact_ = __webpack_require__(\"lodash/compact\");\n\n var compact_root_compact_default =\n /*#__PURE__*/\n __webpack_require__.n(compact_root_compact_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/difference\",\"commonjs2\":\"lodash/difference\",\"amd\":\"lodash/difference\",\"root\":[\"_\",\"difference\"]}\n\n\n var difference_root_difference_ = __webpack_require__(\"lodash/difference\");\n\n var difference_root_difference_default =\n /*#__PURE__*/\n __webpack_require__.n(difference_root_difference_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/functions\",\"commonjs2\":\"lodash/functions\",\"amd\":\"lodash/functions\",\"root\":[\"_\",\"functions\"]}\n\n\n var functions_root_functions_ = __webpack_require__(\"lodash/functions\");\n\n var functions_root_functions_default =\n /*#__PURE__*/\n __webpack_require__.n(functions_root_functions_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/identity\",\"commonjs2\":\"lodash/identity\",\"amd\":\"lodash/identity\",\"root\":[\"_\",\"identity\"]}\n\n\n var identity_root_identity_ = __webpack_require__(\"lodash/identity\");\n\n var identity_root_identity_default =\n /*#__PURE__*/\n __webpack_require__.n(identity_root_identity_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/includes\",\"commonjs2\":\"lodash/includes\",\"amd\":\"lodash/includes\",\"root\":[\"_\",\"includes\"]}\n\n\n var includes_root_includes_ = __webpack_require__(\"lodash/includes\");\n\n var includes_root_includes_default =\n /*#__PURE__*/\n __webpack_require__.n(includes_root_includes_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/isArray\",\"commonjs2\":\"lodash/isArray\",\"amd\":\"lodash/isArray\",\"root\":[\"_\",\"isArray\"]}\n\n\n var isArray_root_isArray_ = __webpack_require__(\"lodash/isArray\");\n\n var isArray_root_isArray_default =\n /*#__PURE__*/\n __webpack_require__.n(isArray_root_isArray_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/isPlainObject\",\"commonjs2\":\"lodash/isPlainObject\",\"amd\":\"lodash/isPlainObject\",\"root\":[\"_\",\"isPlainObject\"]}\n\n\n var isPlainObject_root_isPlainObject_ = __webpack_require__(\"lodash/isPlainObject\");\n\n var isPlainObject_root_isPlainObject_default =\n /*#__PURE__*/\n __webpack_require__.n(isPlainObject_root_isPlainObject_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/isString\",\"commonjs2\":\"lodash/isString\",\"amd\":\"lodash/isString\",\"root\":[\"_\",\"isString\"]}\n\n\n var isString_root_isString_ = __webpack_require__(\"lodash/isString\");\n\n var isString_root_isString_default =\n /*#__PURE__*/\n __webpack_require__.n(isString_root_isString_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/merge\",\"commonjs2\":\"lodash/merge\",\"amd\":\"lodash/merge\",\"root\":[\"_\",\"merge\"]}\n\n\n var merge_root_merge_ = __webpack_require__(\"lodash/merge\");\n\n var merge_root_merge_default =\n /*#__PURE__*/\n __webpack_require__.n(merge_root_merge_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/isElement\",\"commonjs2\":\"lodash/isElement\",\"amd\":\"lodash/isElement\",\"root\":[\"_\",\"isElement\"]}\n\n\n var isElement_root_isElement_ = __webpack_require__(\"lodash/isElement\");\n\n var isElement_root_isElement_default =\n /*#__PURE__*/\n __webpack_require__.n(isElement_root_isElement_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/isFunction\",\"commonjs2\":\"lodash/isFunction\",\"amd\":\"lodash/isFunction\",\"root\":[\"_\",\"isFunction\"]}\n\n\n var isFunction_root_isFunction_ = __webpack_require__(\"lodash/isFunction\");\n\n var isFunction_root_isFunction_default =\n /*#__PURE__*/\n __webpack_require__.n(isFunction_root_isFunction_); // EXTERNAL MODULE: external {\"commonjs\":\"lodash/trim\",\"commonjs2\":\"lodash/trim\",\"amd\":\"lodash/trim\",\"root\":[\"_\",\"trim\"]}\n\n\n var trim_root_trim_ = __webpack_require__(\"lodash/trim\");\n\n var trim_root_trim_default =\n /*#__PURE__*/\n __webpack_require__.n(trim_root_trim_); // CONCATENATED MODULE: ./src/util/lazyLoad.js\n\n\n function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, _typeof(obj);\n }\n /*\n * Includes utility methods for lazy loading media\n */\n\n /**\n * Check if IntersectionObserver is supported\n * @return {boolean} true if window.IntersectionObserver is defined\n */\n\n\n function isIntersectionObserverSupported() {\n // Check that 'IntersectionObserver' property is defined on window\n return (typeof window === \"undefined\" ? \"undefined\" : _typeof(window)) === \"object\" && window.IntersectionObserver;\n }\n /**\n * Check if native lazy loading is supported\n * @return {boolean} true if 'loading' property is defined for HTMLImageElement\n */\n\n\n function isNativeLazyLoadSupported() {\n return (typeof HTMLImageElement === \"undefined\" ? \"undefined\" : _typeof(HTMLImageElement)) === \"object\" && HTMLImageElement.prototype.loading;\n }\n /**\n * Calls onIntersect() when intersection is detected, or when\n * no native lazy loading or when IntersectionObserver isn't supported.\n * @param {Element} el - the element to observe\n * @param {function} onIntersect - called when the given element is in view\n */\n\n\n function detectIntersection(el, onIntersect) {\n try {\n if (isNativeLazyLoadSupported() || !isIntersectionObserverSupported()) {\n // Return if there's no need or possibility to detect intersection\n onIntersect();\n return;\n } // Detect intersection with given element using IntersectionObserver\n\n\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n onIntersect();\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: [0, 0.01]\n });\n observer.observe(el);\n } catch (e) {\n onIntersect();\n }\n } // CONCATENATED MODULE: ./src/constants.js\n\n\n var VERSION = \"2.5.0\";\n var CF_SHARED_CDN = \"d3jpl91pxevbkh.cloudfront.net\";\n var OLD_AKAMAI_SHARED_CDN = \"cloudinary-a.akamaihd.net\";\n var AKAMAI_SHARED_CDN = \"res.cloudinary.com\";\n var SHARED_CDN = AKAMAI_SHARED_CDN;\n var DEFAULT_TIMEOUT_MS = 10000;\n var DEFAULT_POSTER_OPTIONS = {\n format: 'jpg',\n resource_type: 'video'\n };\n var DEFAULT_VIDEO_SOURCE_TYPES = ['webm', 'mp4', 'ogv'];\n var SEO_TYPES = {\n \"image/upload\": \"images\",\n \"image/private\": \"private_images\",\n \"image/authenticated\": \"authenticated_images\",\n \"raw/upload\": \"files\",\n \"video/upload\": \"videos\"\n };\n /**\n * @const {Object} Cloudinary.DEFAULT_IMAGE_PARAMS\n * Defaults values for image parameters.\n *\n * (Previously defined using option_consume() )\n */\n\n var DEFAULT_IMAGE_PARAMS = {\n resource_type: \"image\",\n transformation: [],\n type: 'upload'\n };\n /**\n * Defaults values for video parameters.\n * @const {Object} Cloudinary.DEFAULT_VIDEO_PARAMS\n * (Previously defined using option_consume() )\n */\n\n var DEFAULT_VIDEO_PARAMS = {\n fallback_content: '',\n resource_type: \"video\",\n source_transformation: {},\n source_types: DEFAULT_VIDEO_SOURCE_TYPES,\n transformation: [],\n type: 'upload'\n };\n /**\n * Recommended sources for video tag\n * @const {Object} Cloudinary.DEFAULT_VIDEO_SOURCES\n */\n\n var DEFAULT_VIDEO_SOURCES = [{\n type: \"mp4\",\n codecs: \"hev1\",\n transformations: {\n video_codec: \"h265\"\n }\n }, {\n type: \"webm\",\n codecs: \"vp9\",\n transformations: {\n video_codec: \"vp9\"\n }\n }, {\n type: \"mp4\",\n transformations: {\n video_codec: \"auto\"\n }\n }, {\n type: \"webm\",\n transformations: {\n video_codec: \"auto\"\n }\n }];\n var DEFAULT_EXTERNAL_LIBRARIES = {\n seeThru: 'https://unpkg.com/seethru@4/dist/seeThru.min.js'\n };\n /**\n * Predefined placeholder transformations\n * @const {Object} Cloudinary.PLACEHOLDER_IMAGE_MODES\n */\n\n var PLACEHOLDER_IMAGE_MODES = {\n 'blur': [{\n effect: 'blur:2000',\n quality: 1,\n fetch_format: 'auto'\n }],\n // Default\n 'pixelate': [{\n effect: 'pixelate',\n quality: 1,\n fetch_format: 'auto'\n }],\n // Generates a pixel size image which color is the predominant color of the original image.\n 'predominant-color-pixel': [{\n width: 'iw_div_2',\n aspect_ratio: 1,\n crop: 'pad',\n background: 'auto'\n }, {\n crop: 'crop',\n width: 1,\n height: 1,\n gravity: 'north_east'\n }, {\n fetch_format: 'auto',\n quality: 'auto'\n }],\n // Generates an image which color is the predominant color of the original image.\n 'predominant-color': [{\n variables: [['$currWidth', 'w'], ['$currHeight', 'h']]\n }, {\n width: 'iw_div_2',\n aspect_ratio: 1,\n crop: 'pad',\n background: 'auto'\n }, {\n crop: 'crop',\n width: 10,\n height: 10,\n gravity: 'north_east'\n }, {\n width: '$currWidth',\n height: '$currHeight',\n crop: 'fill'\n }, {\n fetch_format: 'auto',\n quality: 'auto'\n }],\n 'vectorize': [{\n effect: 'vectorize:3:0.1',\n fetch_format: 'svg'\n }]\n };\n /**\n * Predefined accessibility transformations\n * @const {Object} Cloudinary.ACCESSIBILITY_MODES\n */\n\n var ACCESSIBILITY_MODES = {\n darkmode: 'tint:75:black',\n brightmode: 'tint:50:white',\n monochrome: 'grayscale',\n colorblind: 'assist_colorblind'\n };\n /**\n * A list of keys used by the url() function.\n * @private\n */\n\n var URL_KEYS = ['accessibility', 'api_secret', 'auth_token', 'cdn_subdomain', 'cloud_name', 'cname', 'format', 'placeholder', 'private_cdn', 'resource_type', 'secure', 'secure_cdn_subdomain', 'secure_distribution', 'shorten', 'sign_url', 'signature', 'ssl_detected', 'type', 'url_suffix', 'use_root_path', 'version'];\n /**\n * The resource storage type\n * @typedef type\n * @enum {string}\n * @property {string} 'upload' A resource uploaded directly to Cloudinary\n * @property {string} 'fetch' A resource fetched by Cloudinary from a 3rd party storage\n * @property {string} 'private'\n * @property {string} 'authenticated'\n * @property {string} 'sprite'\n * @property {string} 'facebook'\n * @property {string} 'twitter'\n * @property {string} 'youtube'\n * @property {string} 'vimeo'\n *\n */\n\n /**\n * The resource type\n * @typedef resourceType\n * @enum {string}\n * @property {string} 'image' An image file\n * @property {string} 'video' A video file\n * @property {string} 'raw' A raw file\n */\n // CONCATENATED MODULE: ./src/util/baseutil.js\n\n function baseutil_typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return baseutil_typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, baseutil_typeof(obj);\n }\n /*\n * Includes common utility methods and shims\n */\n\n\n function omit(obj, keys) {\n obj = obj || {};\n var srcKeys = Object.keys(obj).filter(function (key) {\n return !includes_root_includes_default()(keys, key);\n });\n var filtered = {};\n srcKeys.forEach(function (key) {\n return filtered[key] = obj[key];\n });\n return filtered;\n }\n /**\n * Return true if all items in list are strings\n * @function Util.allString\n * @param {Array} list - an array of items\n */\n\n\n var baseutil_allStrings = function allStrings(list) {\n return list.length && list.every(isString_root_isString_default.a);\n };\n /**\n * Creates a new array without the given item.\n * @function Util.without\n * @param {Array} array - original array\n * @param {*} item - the item to exclude from the new array\n * @return {Array} a new array made of the original array's items except for `item`\n */\n\n\n var without = function without(array, item) {\n return array.filter(function (v) {\n return v !== item;\n });\n };\n /**\n * Return true is value is a number or a string representation of a number.\n * @function Util.isNumberLike\n * @param {*} value\n * @returns {boolean} true if value is a number\n * @example\n * Util.isNumber(0) // true\n * Util.isNumber(\"1.3\") // true\n * Util.isNumber(\"\") // false\n * Util.isNumber(undefined) // false\n */\n\n\n var isNumberLike = function isNumberLike(value) {\n return value != null && !isNaN(parseFloat(value));\n };\n /**\n * Escape all characters matching unsafe in the given string\n * @function Util.smartEscape\n * @param {string} string - source string to escape\n * @param {RegExp} unsafe - characters that must be escaped\n * @return {string} escaped string\n */\n\n\n var smartEscape = function smartEscape(string) {\n var unsafe = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : /([^a-zA-Z0-9_.\\-\\/:]+)/g;\n return string.replace(unsafe, function (match) {\n return match.split(\"\").map(function (c) {\n return \"%\" + c.charCodeAt(0).toString(16).toUpperCase();\n }).join(\"\");\n });\n };\n /**\n * Assign values from sources if they are not defined in the destination.\n * Once a value is set it does not change\n * @function Util.defaults\n * @param {Object} destination - the object to assign defaults to\n * @param {...Object} source - the source object(s) to assign defaults from\n * @return {Object} destination after it was modified\n */\n\n\n var defaults = function defaults(destination) {\n for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n sources[_key - 1] = arguments[_key];\n }\n\n return sources.reduce(function (dest, source) {\n var key, value;\n\n for (key in source) {\n value = source[key];\n\n if (dest[key] === void 0) {\n dest[key] = value;\n }\n }\n\n return dest;\n }, destination);\n };\n /*********** lodash functions */\n\n\n var objectProto = Object.prototype;\n /**\n * Used to resolve the [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)\n * of values.\n */\n\n var objToString = objectProto.toString;\n /**\n * Checks if `value` is the [language type](https://es5.github.io/#x8) of `Object`.\n * (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n #isObject({});\n * // => true\n *\n #isObject([1, 2, 3]);\n * // => true\n *\n #isObject(1);\n * // => false\n */\n\n var isObject = function isObject(value) {\n var type; // Avoid a V8 JIT bug in Chrome 19-20.\n // See https://code.google.com/p/v8/issues/detail?id=2291 for more details.\n\n type = baseutil_typeof(value);\n return !!value && (type === 'object' || type === 'function');\n };\n\n var funcTag = '[object Function]';\n /**\n * Checks if `value` is classified as a `Function` object.\n * @function Util.isFunction\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.\n * @example\n *\n * function Foo(){};\n * isFunction(Foo);\n * // => true\n *\n * isFunction(/abc/);\n * // => false\n */\n\n var isFunction = function isFunction(value) {\n // The use of `Object#toString` avoids issues with the `typeof` operator\n // in older versions of Chrome and Safari which return 'function' for regexes\n // and Safari 8 which returns 'object' for typed array constructors.\n return isObject(value) && objToString.call(value) === funcTag;\n };\n /*********** lodash functions */\n\n /** Used to match words to create compound words. */\n\n\n var reWords = function () {\n var lower, upper;\n upper = '[A-Z]';\n lower = '[a-z]+';\n return RegExp(upper + '+(?=' + upper + lower + ')|' + upper + '?' + lower + '|' + upper + '+|[0-9]+', 'g');\n }();\n /**\n * Convert string to camelCase\n * @function Util.camelCase\n * @param {string} source - the string to convert\n * @return {string} in camelCase format\n */\n\n\n var camelCase = function camelCase(source) {\n var words = source.match(reWords);\n words = words.map(function (word) {\n return word.charAt(0).toLocaleUpperCase() + word.slice(1).toLocaleLowerCase();\n });\n words[0] = words[0].toLocaleLowerCase();\n return words.join('');\n };\n /**\n * Convert string to snake_case\n * @function Util.snakeCase\n * @param {string} source - the string to convert\n * @return {string} in snake_case format\n */\n\n\n var snakeCase = function snakeCase(source) {\n var words = source.match(reWords);\n words = words.map(function (word) {\n return word.toLocaleLowerCase();\n });\n return words.join('_');\n };\n /**\n * Creates a new object from source, with the keys transformed using the converter.\n * @param {object} source\n * @param {function|null} converter\n * @returns {object}\n */\n\n\n var convertKeys = function convertKeys(source, converter) {\n var result, value;\n result = {};\n\n for (var key in source) {\n value = source[key];\n\n if (converter) {\n key = converter(key);\n }\n\n if (!isEmpty(key)) {\n result[key] = value;\n }\n }\n\n return result;\n };\n /**\n * Create a copy of the source object with all keys in camelCase\n * @function Util.withCamelCaseKeys\n * @param {Object} value - the object to copy\n * @return {Object} a new object\n */\n\n\n var withCamelCaseKeys = function withCamelCaseKeys(source) {\n return convertKeys(source, camelCase);\n };\n /**\n * Create a copy of the source object with all keys in snake_case\n * @function Util.withSnakeCaseKeys\n * @param {Object} value - the object to copy\n * @return {Object} a new object\n */\n\n\n var withSnakeCaseKeys = function withSnakeCaseKeys(source) {\n return convertKeys(source, snakeCase);\n }; // Browser\n // Node.js\n\n\n var base64Encode = typeof btoa !== 'undefined' && isFunction(btoa) ? btoa : typeof Buffer !== 'undefined' && isFunction(Buffer) ? function (input) {\n if (!(input instanceof Buffer)) {\n input = new Buffer.from(String(input), 'binary');\n }\n\n return input.toString('base64');\n } : function (input) {\n throw new Error(\"No base64 encoding function found\");\n };\n /**\n * Returns the Base64-decoded version of url.
\n * This method delegates to `btoa` if present. Otherwise it tries `Buffer`.\n * @function Util.base64EncodeURL\n * @param {string} url - the url to encode. the value is URIdecoded and then re-encoded before converting to base64 representation\n * @return {string} the base64 representation of the URL\n */\n\n var base64EncodeURL = function base64EncodeURL(url) {\n try {\n url = decodeURI(url);\n } finally {\n url = encodeURI(url);\n }\n\n return base64Encode(url);\n };\n /**\n * Create a new object with only URL parameters\n * @param {object} options The source object\n * @return {Object} An object containing only URL parameters\n */\n\n\n function extractUrlParams(options) {\n return URL_KEYS.reduce(function (obj, key) {\n if (options[key] != null) {\n obj[key] = options[key];\n }\n\n return obj;\n }, {});\n }\n /**\n * Handle the format parameter for fetch urls\n * @private\n * @param options url and transformation options. This argument may be changed by the function!\n */\n\n\n function patchFetchFormat(options) {\n if (options == null) {\n options = {};\n }\n\n if (options.type === \"fetch\") {\n if (options.fetch_format == null) {\n options.fetch_format = optionConsume(options, \"format\");\n }\n }\n }\n /**\n * Deletes `option_name` from `options` and return the value if present.\n * If `options` doesn't contain `option_name` the default value is returned.\n * @param {Object} options a collection\n * @param {String} option_name the name (key) of the desired value\n * @param {*} [default_value] the value to return is option_name is missing\n */\n\n\n function optionConsume(options, option_name, default_value) {\n var result = options[option_name];\n delete options[option_name];\n\n if (result != null) {\n return result;\n } else {\n return default_value;\n }\n }\n /**\n * Returns true if value is empty:\n *
- \n *
- value is null or undefined \n *
- value is an array or string of length 0 \n *
- value is an object with no keys \n *
- \n *
- item is null or undefined \n *
- item is an array or string of length 0 \n *
- item is an object with no keys \n *
\n * This function mutates the target!\n * @param {object} target the object to assign the values to\n * @param {object} sources one or more objects to get values from\n * @returns {object} the target after the assignment\n */\n\n\n function assignNotNull(target) {\n for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n sources[_key - 1] = arguments[_key];\n }\n\n sources.forEach(function (source) {\n Object.keys(source).forEach(function (key) {\n if (source[key] != null) {\n target[key] = source[key];\n }\n });\n });\n return target;\n }\n /**\n * TransformationBase\n * Depends on 'configuration', 'parameters','util'\n * @internal\n */\n\n\n var transformation_TransformationBase =\n /*#__PURE__*/\n function () {\n /**\n * The base class for transformations.\n * Members of this class are documented as belonging to the {@link Transformation} class for convenience.\n * @class TransformationBase\n */\n function TransformationBase(options) {\n transformation_classCallCheck(this, TransformationBase);\n /** @private */\n\n /** @private */\n\n var parent, trans;\n parent = void 0;\n trans = {};\n /**\n * Return an options object that can be used to create an identical Transformation\n * @function Transformation#toOptions\n * @return {Object} Returns a plain object representing this transformation\n */\n\n this.toOptions = function (withChain) {\n var opt = {};\n\n if (withChain == null) {\n withChain = true;\n }\n\n Object.keys(trans).forEach(function (key) {\n return opt[key] = trans[key].origValue;\n });\n assignNotNull(opt, this.otherOptions);\n\n if (withChain && !isEmpty(this.chained)) {\n var list = this.chained.map(function (tr) {\n return tr.toOptions();\n });\n list.push(opt);\n opt = {};\n assignNotNull(opt, this.otherOptions);\n opt.transformation = list;\n }\n\n return opt;\n };\n /**\n * Set a parent for this object for chaining purposes.\n *\n * @function Transformation#setParent\n * @param {Object} object - the parent to be assigned to\n * @returns {Transformation} Returns this instance for chaining purposes.\n */\n\n\n this.setParent = function (object) {\n parent = object;\n\n if (object != null) {\n this.fromOptions(typeof object.toOptions === \"function\" ? object.toOptions() : void 0);\n }\n\n return this;\n };\n /**\n * Returns the parent of this object in the chain\n * @function Transformation#getParent\n * @protected\n * @return {Object} Returns the parent of this object if there is any\n */\n\n\n this.getParent = function () {\n return parent;\n }; // Helper methods to create parameter methods\n // These methods are defined here because they access `trans` which is\n // a private member of `TransformationBase`\n\n /** @protected */\n\n\n this.param = function (value, name, abbr, defaultValue, process) {\n if (process == null) {\n if (isFunction_root_isFunction_default()(defaultValue)) {\n process = defaultValue;\n } else {\n process = identity_root_identity_default.a;\n }\n }\n\n trans[name] = new parameters_Param(name, abbr, process).set(value);\n return this;\n };\n /** @protected */\n\n\n this.rawParam = function (value, name, abbr, defaultValue, process) {\n process = lastArgCallback(arguments);\n trans[name] = new parameters_RawParam(name, abbr, process).set(value);\n return this;\n };\n /** @protected */\n\n\n this.rangeParam = function (value, name, abbr, defaultValue, process) {\n process = lastArgCallback(arguments);\n trans[name] = new parameters_RangeParam(name, abbr, process).set(value);\n return this;\n };\n /** @protected */\n\n\n this.arrayParam = function (value, name, abbr) {\n var sep = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : \":\";\n var defaultValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];\n var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;\n process = lastArgCallback(arguments);\n trans[name] = new parameters_ArrayParam(name, abbr, sep, process).set(value);\n return this;\n };\n /** @protected */\n\n\n this.transformationParam = function (value, name, abbr) {\n var sep = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : \".\";\n var defaultValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : undefined;\n var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;\n process = lastArgCallback(arguments);\n trans[name] = new parameters_TransformationParam(name, abbr, sep, process).set(value);\n return this;\n };\n\n this.layerParam = function (value, name, abbr) {\n trans[name] = new parameters_LayerParam(name, abbr).set(value);\n return this;\n }; // End Helper methods\n\n /**\n * Get the value associated with the given name.\n * @function Transformation#getValue\n * @param {string} name - the name of the parameter\n * @return {*} the processed value associated with the given name\n * @description Use {@link get}.origValue for the value originally provided for the parameter\n */\n\n\n this.getValue = function (name) {\n var value = trans[name] && trans[name].value();\n return value != null ? value : this.otherOptions[name];\n };\n /**\n * Get the parameter object for the given parameter name\n * @function Transformation#get\n * @param {string} name the name of the transformation parameter\n * @returns {Param} the param object for the given name, or undefined\n */\n\n\n this.get = function (name) {\n return trans[name];\n };\n /**\n * Remove a transformation option from the transformation.\n * @function Transformation#remove\n * @param {string} name - the name of the option to remove\n * @return {*} Returns the option that was removed or null if no option by that name was found. The type of the\n * returned value depends on the value.\n */\n\n\n this.remove = function (name) {\n var temp;\n\n switch (false) {\n case trans[name] == null:\n temp = trans[name];\n delete trans[name];\n return temp.origValue;\n\n case this.otherOptions[name] == null:\n temp = this.otherOptions[name];\n delete this.otherOptions[name];\n return temp;\n\n default:\n return null;\n }\n };\n /**\n * Return an array of all the keys (option names) in the transformation.\n * @return {Array
\n * tag.transformation().crop(\"fit\").width(300).toHtml()\n * // \n */\n function toHtml() {\n var ref;\n return (ref = this.getParent()) != null ? typeof ref.toHtml === \"function\" ? ref.toHtml() : void 0 : void 0;\n }\n }, {\n key: \"toString\",\n value: function toString() {\n return this.serialize();\n }\n }, {\n key: \"clone\",\n value: function clone() {\n return new this.constructor(this.toOptions(true));\n }\n }], [{\n key: \"listNames\",\n value: function listNames() {\n return transformation_Transformation.methods;\n }\n }, {\n key: \"isValidParamName\",\n value: function isValidParamName(name) {\n return transformation_Transformation.methods.indexOf(camelCase(name)) >= 0;\n }\n }]);\n return TransformationBase;\n }();\n\n var VAR_NAME_RE = /^\\$[a-zA-Z0-9]+$/;\n transformation_TransformationBase.prototype.trans_separator = '/';\n transformation_TransformationBase.prototype.param_separator = ',';\n\n function lastArgCallback(args) {\n var callback;\n callback = args != null ? args[args.length - 1] : void 0;\n\n if (isFunction_root_isFunction_default()(callback)) {\n return callback;\n } else {\n return void 0;\n }\n }\n\n function processVar(varArray) {\n var j, len, name, results, v;\n\n if (isArray_root_isArray_default()(varArray)) {\n results = [];\n\n for (j = 0, len = varArray.length; j < len; j++) {\n var _varArray$j = transformation_slicedToArray(varArray[j], 2);\n\n name = _varArray$j[0];\n v = _varArray$j[1];\n results.push(\"\".concat(name, \"_\").concat(expression.normalize(v)));\n }\n\n return results;\n } else {\n return varArray;\n }\n }\n\n function processCustomFunction(_ref) {\n var function_type = _ref.function_type,\n source = _ref.source;\n\n if (function_type === 'remote') {\n return [function_type, btoa(source)].join(\":\");\n } else if (function_type === 'wasm') {\n return [function_type, source].join(\":\");\n }\n }\n /**\n * Transformation Class methods.\n * This is a list of the parameters defined in Transformation.\n * Values are camelCased.\n * @const Transformation.methods\n * @private\n * @ignore\n * @type {ArrayPossible values:
\n * - `image`
\n * - `video`
\n * - `raw`\n * @param {signature} [options.signature='s--12345678--'] - The signature component of a\n * signed delivery URL of the format: /s--SIGNATURE--/.\n * For details on signatures, see\n * Signatures.\n * @return {string} The media asset URL.\n * @see \n * Available image transformations\n * @see \n * Available video transformations\n */\n\n\n function url_url(publicId) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n if (!publicId) {\n return publicId;\n }\n\n options = prepareOptions(options, config);\n publicId = preparePublicId(publicId, options);\n var error = validate(options);\n\n if (error) {\n throw error;\n }\n\n var resultUrl = urlString(publicId, options);\n\n if (options.urlAnalytics) {\n var analyticsOptions = getAnalyticsOptions(options);\n var sdkAnalyticsSignature = getSDKAnalyticsSignature(analyticsOptions); // url might already have a '?' query param\n\n var appender = '?';\n\n if (resultUrl.indexOf('?') >= 0) {\n appender = '&';\n }\n\n resultUrl = \"\".concat(resultUrl).concat(appender, \"_a=\").concat(sdkAnalyticsSignature);\n }\n\n if (options.auth_token) {\n var _appender = resultUrl.indexOf('?') >= 0 ? '&' : '?';\n\n resultUrl = \"\".concat(resultUrl).concat(_appender, \"__cld_token__=\").concat(options.auth_token);\n }\n\n return resultUrl;\n }\n\n ; // CONCATENATED MODULE: ./src/util/generateBreakpoints.js\n\n function generateBreakpoints_slicedToArray(arr, i) {\n return generateBreakpoints_arrayWithHoles(arr) || generateBreakpoints_iterableToArrayLimit(arr, i) || generateBreakpoints_unsupportedIterableToArray(arr, i) || generateBreakpoints_nonIterableRest();\n }\n\n function generateBreakpoints_nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n function generateBreakpoints_unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return generateBreakpoints_arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return generateBreakpoints_arrayLikeToArray(o, minLen);\n }\n\n function generateBreakpoints_arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n\n function generateBreakpoints_iterableToArrayLimit(arr, i) {\n var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"];\n\n if (_i == null) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n\n var _s, _e;\n\n try {\n for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n }\n\n function generateBreakpoints_arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n }\n /**\n * Helper function. Gets or populates srcset breakpoints using provided parameters\n * Either the breakpoints or min_width, max_width, max_images must be provided.\n *\n * @private\n * @param {srcset} srcset Options with either `breakpoints` or `min_width`, `max_width`, and `max_images`\n *\n * @return {number[]} Array of breakpoints\n *\n */\n\n\n function generateBreakpoints(srcset) {\n var breakpoints = srcset.breakpoints || [];\n\n if (breakpoints.length) {\n return breakpoints;\n }\n\n var _map = [srcset.min_width, srcset.max_width, srcset.max_images].map(Number),\n _map2 = generateBreakpoints_slicedToArray(_map, 3),\n min_width = _map2[0],\n max_width = _map2[1],\n max_images = _map2[2];\n\n if ([min_width, max_width, max_images].some(isNaN)) {\n throw 'Either (min_width, max_width, max_images) ' + 'or breakpoints must be provided to the image srcset attribute';\n }\n\n if (min_width > max_width) {\n throw 'min_width must be less than max_width';\n }\n\n if (max_images <= 0) {\n throw 'max_images must be a positive integer';\n } else if (max_images === 1) {\n min_width = max_width;\n }\n\n var stepSize = Math.ceil((max_width - min_width) / Math.max(max_images - 1, 1));\n\n for (var current = min_width; current < max_width; current += stepSize) {\n breakpoints.push(current);\n }\n\n breakpoints.push(max_width);\n return breakpoints;\n } // CONCATENATED MODULE: ./src/util/srcsetUtils.js\n\n\n var srcsetUtils_isEmpty = isEmpty;\n /**\n * Options used to generate the srcset attribute.\n * @typedef {object} srcset\n * @property {(number[]|string[])} [breakpoints] An array of breakpoints.\n * @property {number} [min_width] Minimal width of the srcset images.\n * @property {number} [max_width] Maximal width of the srcset images.\n * @property {number} [max_images] Number of srcset images to generate.\n * @property {object|string} [transformation] The transformation to use in the srcset urls.\n * @property {boolean} [sizes] Whether to calculate and add the sizes attribute.\n */\n\n /**\n * Helper function. Generates a single srcset item url\n *\n * @private\n * @param {string} public_id Public ID of the resource.\n * @param {number} width Width in pixels of the srcset item.\n * @param {object|string} transformation\n * @param {object} options Additional options.\n *\n * @return {string} Resulting URL of the item\n */\n\n function scaledUrl(public_id, width, transformation) {\n var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n var configParams = extractUrlParams(options);\n transformation = transformation || options;\n configParams.raw_transformation = new src_transformation([merge_root_merge_default.a({}, transformation), {\n crop: 'scale',\n width: width\n }]).toString();\n return url_url(public_id, configParams);\n }\n /**\n * If cache is enabled, get the breakpoints from the cache. If the values were not found in the cache,\n * or cache is not enabled, generate the values.\n * @param {srcset} srcset The srcset configuration parameters\n * @param {string} public_id\n * @param {object} options\n * @return {*|Array}\n */\n\n\n function getOrGenerateBreakpoints(public_id) {\n var srcset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n return generateBreakpoints(srcset);\n }\n /**\n * Helper function. Generates srcset attribute value of the HTML img tag\n * @private\n *\n * @param {string} public_id Public ID of the resource\n * @param {number[]} breakpoints An array of breakpoints (in pixels)\n * @param {object} transformation The transformation\n * @param {object} options Includes html tag options, transformation options\n * @return {string} Resulting srcset attribute value\n */\n\n\n function generateSrcsetAttribute(public_id, breakpoints, transformation, options) {\n options = cloneDeep_root_cloneDeep_default.a(options);\n patchFetchFormat(options);\n return breakpoints.map(function (width) {\n return \"\".concat(scaledUrl(public_id, width, transformation, options), \" \").concat(width, \"w\");\n }).join(', ');\n }\n /**\n * Helper function. Generates sizes attribute value of the HTML img tag\n * @private\n * @param {number[]} breakpoints An array of breakpoints.\n * @return {string} Resulting sizes attribute value\n */\n\n\n function generateSizesAttribute(breakpoints) {\n if (breakpoints == null) {\n return '';\n }\n\n return breakpoints.map(function (width) {\n return \"(max-width: \".concat(width, \"px) \").concat(width, \"px\");\n }).join(', ');\n }\n /**\n * Helper function. Generates srcset and sizes attributes of the image tag\n *\n * Generated attributes are added to attributes argument\n *\n * @private\n * @param {string} publicId The public ID of the resource\n * @param {object} attributes Existing HTML attributes.\n * @param {srcset} srcsetData\n * @param {object} options Additional options.\n *\n * @return array The responsive attributes\n */\n\n\n function generateImageResponsiveAttributes(publicId) {\n var attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var srcsetData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}; // Create both srcset and sizes here to avoid fetching breakpoints twice\n\n var responsiveAttributes = {};\n\n if (srcsetUtils_isEmpty(srcsetData)) {\n return responsiveAttributes;\n }\n\n var generateSizes = !attributes.sizes && srcsetData.sizes === true;\n var generateSrcset = !attributes.srcset;\n\n if (generateSrcset || generateSizes) {\n var breakpoints = getOrGenerateBreakpoints(publicId, srcsetData, options);\n\n if (generateSrcset) {\n var transformation = srcsetData.transformation;\n var srcsetAttr = generateSrcsetAttribute(publicId, breakpoints, transformation, options);\n\n if (!srcsetUtils_isEmpty(srcsetAttr)) {\n responsiveAttributes.srcset = srcsetAttr;\n }\n }\n\n if (generateSizes) {\n var sizesAttr = generateSizesAttribute(breakpoints);\n\n if (!srcsetUtils_isEmpty(sizesAttr)) {\n responsiveAttributes.sizes = sizesAttr;\n }\n }\n }\n\n return responsiveAttributes;\n }\n /**\n * Generate a media query\n *\n * @private\n * @param {object} options configuration options\n * @param {number|string} options.min_width\n * @param {number|string} options.max_width\n * @return {string} a media query string\n */\n\n\n function generateMediaAttr(options) {\n var mediaQuery = [];\n\n if (options != null) {\n if (options.min_width != null) {\n mediaQuery.push(\"(min-width: \".concat(options.min_width, \"px)\"));\n }\n\n if (options.max_width != null) {\n mediaQuery.push(\"(max-width: \".concat(options.max_width, \"px)\"));\n }\n }\n\n return mediaQuery.join(' and ');\n }\n\n var srcsetUrl = scaledUrl; // CONCATENATED MODULE: ./src/tags/imagetag.js\n\n function imagetag_typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return imagetag_typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, imagetag_typeof(obj);\n }\n\n function imagetag_classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n function imagetag_defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n function imagetag_createClass(Constructor, protoProps, staticProps) {\n if (protoProps) imagetag_defineProperties(Constructor.prototype, protoProps);\n if (staticProps) imagetag_defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n }\n\n function imagetag_get() {\n if (typeof Reflect !== \"undefined\" && Reflect.get) {\n imagetag_get = Reflect.get.bind();\n } else {\n imagetag_get = function _get(target, property, receiver) {\n var base = imagetag_superPropBase(target, property);\n if (!base) return;\n var desc = Object.getOwnPropertyDescriptor(base, property);\n\n if (desc.get) {\n return desc.get.call(arguments.length < 3 ? target : receiver);\n }\n\n return desc.value;\n };\n }\n\n return imagetag_get.apply(this, arguments);\n }\n\n function imagetag_superPropBase(object, property) {\n while (!Object.prototype.hasOwnProperty.call(object, property)) {\n object = imagetag_getPrototypeOf(object);\n if (object === null) break;\n }\n\n return object;\n }\n\n function imagetag_inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) imagetag_setPrototypeOf(subClass, superClass);\n }\n\n function imagetag_setPrototypeOf(o, p) {\n imagetag_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return imagetag_setPrototypeOf(o, p);\n }\n\n function imagetag_createSuper(Derived) {\n var hasNativeReflectConstruct = imagetag_isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = imagetag_getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = imagetag_getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return imagetag_possibleConstructorReturn(this, result);\n };\n }\n\n function imagetag_possibleConstructorReturn(self, call) {\n if (call && (imagetag_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return imagetag_assertThisInitialized(self);\n }\n\n function imagetag_assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n }\n\n function imagetag_isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n }\n\n function imagetag_getPrototypeOf(o) {\n imagetag_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return imagetag_getPrototypeOf(o);\n }\n /**\n * Image Tag\n * Depends on 'tags/htmltag', 'cloudinary'\n */\n\n /**\n * Creates an HTML (DOM) Image tag using Cloudinary as the source.\n * @constructor ImageTag\n * @extends HtmlTag\n * @param {string} [publicId]\n * @param {Object} [options]\n */\n\n\n var imagetag_ImageTag =\n /*#__PURE__*/\n function (_HtmlTag) {\n imagetag_inherits(ImageTag, _HtmlTag);\n\n var _super = imagetag_createSuper(ImageTag);\n\n function ImageTag(publicId) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n imagetag_classCallCheck(this, ImageTag);\n return _super.call(this, \"img\", publicId, options);\n }\n /** @override */\n\n\n imagetag_createClass(ImageTag, [{\n key: \"closeTag\",\n value: function closeTag() {\n return \"\";\n }\n /** @override */\n\n }, {\n key: \"attributes\",\n value: function attributes() {\n var attr, options, srcAttribute;\n attr = imagetag_get(imagetag_getPrototypeOf(ImageTag.prototype), \"attributes\", this).call(this) || {};\n options = this.getOptions();\n var attributes = this.getOption('attributes') || {};\n var srcsetParam = this.getOption('srcset') || attributes.srcset;\n var responsiveAttributes = {};\n\n if (isString_root_isString_default()(srcsetParam)) {\n responsiveAttributes.srcset = srcsetParam;\n } else {\n responsiveAttributes = generateImageResponsiveAttributes(this.publicId, attributes, srcsetParam, options);\n }\n\n if (!isEmpty(responsiveAttributes)) {\n delete attr.width;\n delete attr.height;\n }\n\n merge_root_merge_default()(attr, responsiveAttributes);\n srcAttribute = options.responsive && !options.client_hints ? 'data-src' : 'src';\n\n if (attr[srcAttribute] == null) {\n attr[srcAttribute] = url_url(this.publicId, this.getOptions());\n }\n\n return attr;\n }\n }]);\n return ImageTag;\n }(htmltag);\n\n ;\n /* harmony default export */\n\n var imagetag = imagetag_ImageTag; // CONCATENATED MODULE: ./src/tags/sourcetag.js\n\n function sourcetag_typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return sourcetag_typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, sourcetag_typeof(obj);\n }\n\n function sourcetag_classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n function sourcetag_defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n function sourcetag_createClass(Constructor, protoProps, staticProps) {\n if (protoProps) sourcetag_defineProperties(Constructor.prototype, protoProps);\n if (staticProps) sourcetag_defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n }\n\n function sourcetag_get() {\n if (typeof Reflect !== \"undefined\" && Reflect.get) {\n sourcetag_get = Reflect.get.bind();\n } else {\n sourcetag_get = function _get(target, property, receiver) {\n var base = sourcetag_superPropBase(target, property);\n if (!base) return;\n var desc = Object.getOwnPropertyDescriptor(base, property);\n\n if (desc.get) {\n return desc.get.call(arguments.length < 3 ? target : receiver);\n }\n\n return desc.value;\n };\n }\n\n return sourcetag_get.apply(this, arguments);\n }\n\n function sourcetag_superPropBase(object, property) {\n while (!Object.prototype.hasOwnProperty.call(object, property)) {\n object = sourcetag_getPrototypeOf(object);\n if (object === null) break;\n }\n\n return object;\n }\n\n function sourcetag_inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) sourcetag_setPrototypeOf(subClass, superClass);\n }\n\n function sourcetag_setPrototypeOf(o, p) {\n sourcetag_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return sourcetag_setPrototypeOf(o, p);\n }\n\n function sourcetag_createSuper(Derived) {\n var hasNativeReflectConstruct = sourcetag_isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = sourcetag_getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = sourcetag_getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return sourcetag_possibleConstructorReturn(this, result);\n };\n }\n\n function sourcetag_possibleConstructorReturn(self, call) {\n if (call && (sourcetag_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return sourcetag_assertThisInitialized(self);\n }\n\n function sourcetag_assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n }\n\n function sourcetag_isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n }\n\n function sourcetag_getPrototypeOf(o) {\n sourcetag_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return sourcetag_getPrototypeOf(o);\n }\n /**\n * Image Tag\n * Depends on 'tags/htmltag', 'cloudinary'\n */\n\n /**\n * Creates an HTML (DOM) Image tag using Cloudinary as the source.\n * @constructor SourceTag\n * @extends HtmlTag\n * @param {string} [publicId]\n * @param {Object} [options]\n */\n\n\n var sourcetag_SourceTag =\n /*#__PURE__*/\n function (_HtmlTag) {\n sourcetag_inherits(SourceTag, _HtmlTag);\n\n var _super = sourcetag_createSuper(SourceTag);\n\n function SourceTag(publicId) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n sourcetag_classCallCheck(this, SourceTag);\n return _super.call(this, \"source\", publicId, options);\n }\n /** @override */\n\n\n sourcetag_createClass(SourceTag, [{\n key: \"closeTag\",\n value: function closeTag() {\n return \"\";\n }\n /** @override */\n\n }, {\n key: \"attributes\",\n value: function attributes() {\n var srcsetParam = this.getOption('srcset');\n var attr = sourcetag_get(sourcetag_getPrototypeOf(SourceTag.prototype), \"attributes\", this).call(this) || {};\n var options = this.getOptions();\n merge_root_merge_default()(attr, generateImageResponsiveAttributes(this.publicId, attr, srcsetParam, options));\n\n if (!attr.srcset) {\n attr.srcset = url_url(this.publicId, options);\n }\n\n if (!attr.media && options.media) {\n attr.media = generateMediaAttr(options.media);\n }\n\n return attr;\n }\n }]);\n return SourceTag;\n }(htmltag);\n\n ;\n /* harmony default export */\n\n var sourcetag = sourcetag_SourceTag; // CONCATENATED MODULE: ./src/tags/picturetag.js\n\n function picturetag_typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return picturetag_typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, picturetag_typeof(obj);\n }\n\n function picturetag_classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n function picturetag_defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n function picturetag_createClass(Constructor, protoProps, staticProps) {\n if (protoProps) picturetag_defineProperties(Constructor.prototype, protoProps);\n if (staticProps) picturetag_defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n }\n\n function picturetag_get() {\n if (typeof Reflect !== \"undefined\" && Reflect.get) {\n picturetag_get = Reflect.get.bind();\n } else {\n picturetag_get = function _get(target, property, receiver) {\n var base = picturetag_superPropBase(target, property);\n if (!base) return;\n var desc = Object.getOwnPropertyDescriptor(base, property);\n\n if (desc.get) {\n return desc.get.call(arguments.length < 3 ? target : receiver);\n }\n\n return desc.value;\n };\n }\n\n return picturetag_get.apply(this, arguments);\n }\n\n function picturetag_superPropBase(object, property) {\n while (!Object.prototype.hasOwnProperty.call(object, property)) {\n object = picturetag_getPrototypeOf(object);\n if (object === null) break;\n }\n\n return object;\n }\n\n function picturetag_inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) picturetag_setPrototypeOf(subClass, superClass);\n }\n\n function picturetag_setPrototypeOf(o, p) {\n picturetag_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return picturetag_setPrototypeOf(o, p);\n }\n\n function picturetag_createSuper(Derived) {\n var hasNativeReflectConstruct = picturetag_isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = picturetag_getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = picturetag_getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return picturetag_possibleConstructorReturn(this, result);\n };\n }\n\n function picturetag_possibleConstructorReturn(self, call) {\n if (call && (picturetag_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return picturetag_assertThisInitialized(self);\n }\n\n function picturetag_assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n }\n\n function picturetag_isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n }\n\n function picturetag_getPrototypeOf(o) {\n picturetag_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return picturetag_getPrototypeOf(o);\n }\n\n var picturetag_PictureTag =\n /*#__PURE__*/\n function (_HtmlTag) {\n picturetag_inherits(PictureTag, _HtmlTag);\n\n var _super = picturetag_createSuper(PictureTag);\n\n function PictureTag(publicId) {\n var _this;\n\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var sources = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n picturetag_classCallCheck(this, PictureTag);\n _this = _super.call(this, 'picture', publicId, options);\n _this.widthList = sources;\n return _this;\n }\n /** @override */\n\n\n picturetag_createClass(PictureTag, [{\n key: \"content\",\n value: function content() {\n var _this2 = this;\n\n return this.widthList.map(function (_ref) {\n var min_width = _ref.min_width,\n max_width = _ref.max_width,\n transformation = _ref.transformation;\n\n var options = _this2.getOptions();\n\n var sourceTransformation = new src_transformation(options);\n sourceTransformation.chain().fromOptions(typeof transformation === 'string' ? {\n raw_transformation: transformation\n } : transformation);\n options = extractUrlParams(options);\n options.media = {\n min_width: min_width,\n max_width: max_width\n };\n options.transformation = sourceTransformation;\n return new sourcetag(_this2.publicId, options).toHtml();\n }).join('') + new imagetag(this.publicId, this.getOptions()).toHtml();\n }\n /** @override */\n\n }, {\n key: \"attributes\",\n value: function attributes() {\n var attr = picturetag_get(picturetag_getPrototypeOf(PictureTag.prototype), \"attributes\", this).call(this);\n delete attr.width;\n delete attr.height;\n return attr;\n }\n /** @override */\n\n }, {\n key: \"closeTag\",\n value: function closeTag() {\n return \"\";\n }\n }]);\n return PictureTag;\n }(htmltag);\n\n ;\n /* harmony default export */\n\n var picturetag = picturetag_PictureTag; // CONCATENATED MODULE: ./src/tags/videotag.js\n\n function videotag_typeof(obj) {\n \"@babel/helpers - typeof\";\n\n return videotag_typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n }, videotag_typeof(obj);\n }\n\n function videotag_classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n function videotag_defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n function videotag_createClass(Constructor, protoProps, staticProps) {\n if (protoProps) videotag_defineProperties(Constructor.prototype, protoProps);\n if (staticProps) videotag_defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n }\n\n function videotag_get() {\n if (typeof Reflect !== \"undefined\" && Reflect.get) {\n videotag_get = Reflect.get.bind();\n } else {\n videotag_get = function _get(target, property, receiver) {\n var base = videotag_superPropBase(target, property);\n if (!base) return;\n var desc = Object.getOwnPropertyDescriptor(base, property);\n\n if (desc.get) {\n return desc.get.call(arguments.length < 3 ? target : receiver);\n }\n\n return desc.value;\n };\n }\n\n return videotag_get.apply(this, arguments);\n }\n\n function videotag_superPropBase(object, property) {\n while (!Object.prototype.hasOwnProperty.call(object, property)) {\n object = videotag_getPrototypeOf(object);\n if (object === null) break;\n }\n\n return object;\n }\n\n function videotag_inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) videotag_setPrototypeOf(subClass, superClass);\n }\n\n function videotag_setPrototypeOf(o, p) {\n videotag_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return videotag_setPrototypeOf(o, p);\n }\n\n function videotag_createSuper(Derived) {\n var hasNativeReflectConstruct = videotag_isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = videotag_getPrototypeOf(Derived),\n result;\n\n if (hasNativeReflectConstruct) {\n var NewTarget = videotag_getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n\n return videotag_possibleConstructorReturn(this, result);\n };\n }\n\n function videotag_possibleConstructorReturn(self, call) {\n if (call && (videotag_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n\n return videotag_assertThisInitialized(self);\n }\n\n function videotag_assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n }\n\n function videotag_isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n }\n\n function videotag_getPrototypeOf(o) {\n videotag_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return videotag_getPrototypeOf(o);\n }\n /**\n * Video Tag\n * Depends on 'tags/htmltag', 'util', 'cloudinary'\n */\n\n\n var VIDEO_TAG_PARAMS = ['source_types', 'source_transformation', 'fallback_content', 'poster', 'sources'];\n var videotag_DEFAULT_VIDEO_SOURCE_TYPES = ['webm', 'mp4', 'ogv'];\n var videotag_DEFAULT_POSTER_OPTIONS = {\n format: 'jpg',\n resource_type: 'video'\n };\n /**\n * Creates an HTML (DOM) Video tag using Cloudinary as the source.\n * @constructor VideoTag\n * @extends HtmlTag\n * @param {string} [publicId]\n * @param {Object} [options]\n */\n\n var videotag_VideoTag =\n /*#__PURE__*/\n function (_HtmlTag) {\n videotag_inherits(VideoTag, _HtmlTag);\n\n var _super = videotag_createSuper(VideoTag);\n\n function VideoTag(publicId) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n videotag_classCallCheck(this, VideoTag);\n options = defaults({}, options, DEFAULT_VIDEO_PARAMS);\n return _super.call(this, \"video\", publicId.replace(/\\.(mp4|ogv|webm)$/, ''), options);\n }\n /**\n * Set the transformation to apply on each source\n * @function VideoTag#setSourceTransformation\n * @param {Object} an object with pairs of source type and source transformation\n * @returns {VideoTag} Returns this instance for chaining purposes.\n */\n\n\n videotag_createClass(VideoTag, [{\n key: \"setSourceTransformation\",\n value: function setSourceTransformation(value) {\n this.transformation().sourceTransformation(value);\n return this;\n }\n /**\n * Set the source types to include in the video tag\n * @function VideoTag#setSourceTypes\n * @param {Array
\n * See\n * Automating responsive images with Client Hints for more details.\n * @constructor ClientHintsMetaTag\n * @extends HtmlTag\n * @param {object} options\n * @example\n * tag = new ClientHintsMetaTag()\n * //returns: \n */\n\n\n var clienthintsmetatag_ClientHintsMetaTag =\n /*#__PURE__*/\n function (_HtmlTag) {\n clienthintsmetatag_inherits(ClientHintsMetaTag, _HtmlTag);\n\n var _super = clienthintsmetatag_createSuper(ClientHintsMetaTag);\n\n function ClientHintsMetaTag(options) {\n clienthintsmetatag_classCallCheck(this, ClientHintsMetaTag);\n return _super.call(this, 'meta', void 0, assign_root_assign_default()({\n \"http-equiv\": \"Accept-CH\",\n content: \"DPR, Viewport-Width, Width\"\n }, options));\n }\n /** @override */\n\n\n clienthintsmetatag_createClass(ClientHintsMetaTag, [{\n key: \"closeTag\",\n value: function closeTag() {\n return \"\";\n }\n }]);\n return ClientHintsMetaTag;\n }(htmltag);\n\n ;\n /* harmony default export */\n\n var clienthintsmetatag = clienthintsmetatag_ClientHintsMetaTag; // CONCATENATED MODULE: ./src/util/parse/normalizeToArray.js\n\n function normalizeToArray_toConsumableArray(arr) {\n return normalizeToArray_arrayWithoutHoles(arr) || normalizeToArray_iterableToArray(arr) || normalizeToArray_unsupportedIterableToArray(arr) || normalizeToArray_nonIterableSpread();\n }\n\n function normalizeToArray_nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n function normalizeToArray_unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return normalizeToArray_arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return normalizeToArray_arrayLikeToArray(o, minLen);\n }\n\n function normalizeToArray_iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n }\n\n function normalizeToArray_arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return normalizeToArray_arrayLikeToArray(arr);\n }\n\n function normalizeToArray_arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n }\n /**\n * @desc normalize elements, support a single element, array or nodelist, always outputs array\n * @param elements
\n * var cl = new cloudinary.Cloudinary( { cloud_name: \"mycloud\"});
\n * var imgTag = cl.image(\"myPicID\");\n * @see \n * Available configuration options\n */\n function Cloudinary(options) {\n cloudinary_classCallCheck(this, Cloudinary);\n var configuration;\n this.devicePixelRatioCache = {};\n this.responsiveConfig = {};\n this.responsiveResizeInitialized = false;\n configuration = new src_configuration(options); // Provided for backward compatibility\n\n this.config = function (newConfig, newValue) {\n return configuration.config(newConfig, newValue);\n };\n /**\n * Use \\
\n * - `image`
\n * - `video`
\n * - `raw`\n * @return {string} The media asset URL.\n * @see \n * Available image transformations\n * @see \n * Available video transformations\n */\n function url(publicId) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return url_url(publicId, options, this.config());\n }\n /**\n * Generates a video asset URL.\n * @function Cloudinary#video_url\n * @param {string} publicId - The public ID of the video.\n * @param {Object} [options] - The {@link Transformation} parameters to include in the URL.\n * @param {type} [options.type='upload'] - The asset's storage type.\n * For details on all fetch types, see\n * Fetch types.\n * @return {string} The video URL.\n * @see Available video transformations\n */\n\n }, {\n key: \"video_url\",\n value: function video_url(publicId, options) {\n options = assign_root_assign_default()({\n resource_type: 'video'\n }, options);\n return this.url(publicId, options);\n }\n /**\n * Generates a URL for an image intended to be used as a thumbnail for the specified video.\n * Identical to {@link Cloudinary#url|url}, except that the `resource_type` is `video`\n * and the default `format` is `jpg`.\n * @function Cloudinary#video_thumbnail_url\n * @param {string} publicId - The unique identifier of the video from which you want to generate a thumbnail image.\n * @param {Object} [options] - The image {@link Transformation} parameters to apply to the thumbnail.\n * In addition to standard image transformations, you can also use the `start_offset` transformation parameter\n * to instruct Cloudinary to generate the thumbnail from a frame other than the middle frame of the video.\n * For details, see\n * Generating video thumbnails in the Cloudinary documentation.\n * @param {type} [options.type='upload'] - The asset's storage type.\n * @return {string} The URL of the video thumbnail image.\n * @see \n * Available image transformations\n */\n\n }, {\n key: \"video_thumbnail_url\",\n value: function video_thumbnail_url(publicId, options) {\n options = assign_root_assign_default()({}, DEFAULT_POSTER_OPTIONS, options);\n return this.url(publicId, options);\n }\n /**\n * Generates a string representation of the specified transformation options.\n * @function Cloudinary#transformation_string\n * @param {Object} options - The {@link Transformation} options.\n * @returns {string} The transformation string.\n * @see \n * Available image transformations\n * @see \n * Available video transformations\n */\n\n }, {\n key: \"transformation_string\",\n value: function transformation_string(options) {\n return new src_transformation(options).serialize();\n }\n /**\n * Generates an image tag.\n * @function Cloudinary#image\n * @param {string} publicId - The public ID of the image.\n * @param {Object} options - The {@link Transformation} parameters, {@link Configuration} parameters,\n * and standard HTML <img> tag attributes to apply to the image tag.\n * @return {HTMLImageElement} An image tag DOM element.\n * @see \n * Available image transformations\n * @see Available configuration options\n */\n\n }, {\n key: \"image\",\n value: function image(publicId) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var client_hints, img, ref;\n img = this.imageTag(publicId, options);\n client_hints = (ref = options.client_hints != null ? options.client_hints : this.config('client_hints')) != null ? ref : false;\n\n if (options.src == null && !client_hints) {\n // src must be removed before creating the DOM element to avoid loading the image\n img.setAttr(\"src\", '');\n }\n\n img = img.toDOM();\n\n if (!client_hints) {\n // cache the image src\n lodash_setData(img, 'src-cache', this.url(publicId, options)); // set image src taking responsiveness in account\n\n this.cloudinary_update(img, options);\n }\n\n return img;\n }\n /**\n * Creates a new ImageTag instance using the configuration defined for this `cloudinary` instance.\n * @function Cloudinary#imageTag\n * @param {string} publicId - The public ID of the image.\n * @param {Object} [options] - The {@link Transformation} parameters, {@link Configuration} parameters,\n * and standard HTML <img> tag attributes to apply to the image tag.\n * @return {ImageTag} An ImageTag instance that is attached (chained) to this Cloudinary instance.\n * @see \n * Available image transformations\n * @see Available configuration options\n */\n\n }, {\n key: \"imageTag\",\n value: function imageTag(publicId, options) {\n var tag;\n tag = new imagetag(publicId, this.config());\n tag.transformation().fromOptions(options);\n return tag;\n }\n /**\n * Creates a new PictureTag instance, configured using this `cloudinary` instance.\n * @function Cloudinary#PictureTag\n * @param {string} publicId - the public ID of the resource\n * @param {Object} options - additional options to pass to the new ImageTag instance\n * @param {Array