@adyen/bento-vue2 1.28.0 → 1.29.0

package/dist/chunks/header.DmKHCmXh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header.DmKHCmXh.js","sources":["../../../../node_modules/date-fns/esm/differenceInCalendarMonths/index.js","../../../../node_modules/date-fns/esm/differenceInMilliseconds/index.js","../../../../node_modules/date-fns/esm/_lib/roundingMethods/index.js","../../../../node_modules/date-fns/esm/isLastDayOfMonth/index.js","../../../../node_modules/date-fns/esm/differenceInMonths/index.js","../../../../node_modules/date-fns/esm/differenceInSeconds/index.js","../../../../node_modules/date-fns/esm/formatDistance/index.js","../../../../node_modules/date-fns/esm/formatDistanceToNow/index.js","../../src/components/header/components/info-icon-with-popover/info-icon-with-popover.vue","../../src/components/header/header.types.ts","../../src/components/header/header.vue"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name differenceInCalendarMonths\n * @category Month Helpers\n * @summary Get the number of calendar months between the given dates.\n *\n * @description\n * Get the number of calendar months between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of calendar months\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many calendar months are between 31 January 2014 and 1 September 2014?\n * var result = differenceInCalendarMonths(\n *   new Date(2014, 8, 1),\n *   new Date(2014, 0, 31)\n * )\n * //=> 8\n */\n\nexport default function differenceInCalendarMonths(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var yearDiff = dateLeft.getFullYear() - dateRight.getFullYear();\n  var monthDiff = dateLeft.getMonth() - dateRight.getMonth();\n  return yearDiff * 12 + monthDiff;\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name differenceInMilliseconds\n * @category Millisecond Helpers\n * @summary Get the number of milliseconds between the given dates.\n *\n * @description\n * Get the number of milliseconds between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of milliseconds\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many milliseconds are between\n * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?\n * const result = differenceInMilliseconds(\n *   new Date(2014, 6, 2, 12, 30, 21, 700),\n *   new Date(2014, 6, 2, 12, 30, 20, 600)\n * )\n * //=> 1100\n */\n\nexport default function differenceInMilliseconds(dateLeft, dateRight) {\n  requiredArgs(2, arguments);\n  return toDate(dateLeft).getTime() - toDate(dateRight).getTime();\n}","var roundingMap = {\n  ceil: Math.ceil,\n  round: Math.round,\n  floor: Math.floor,\n  trunc: function (value) {\n    return value < 0 ? Math.ceil(value) : Math.floor(value);\n  } // Math.trunc is not supported by IE\n\n};\nvar defaultRoundingMethod = 'trunc';\nexport function getRoundingMethod(method) {\n  return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];\n}","import toDate from \"../toDate/index.js\";\nimport endOfDay from \"../endOfDay/index.js\";\nimport endOfMonth from \"../endOfMonth/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isLastDayOfMonth\n * @category Month Helpers\n * @summary Is the given date the last day of a month?\n *\n * @description\n * Is the given date the last day of a month?\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is the last day of a month\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Is 28 February 2014 the last day of a month?\n * var result = isLastDayOfMonth(new Date(2014, 1, 28))\n * //=> true\n */\n\nexport default function isLastDayOfMonth(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  return endOfDay(date).getTime() === endOfMonth(date).getTime();\n}","import toDate from \"../toDate/index.js\";\nimport differenceInCalendarMonths from \"../differenceInCalendarMonths/index.js\";\nimport compareAsc from \"../compareAsc/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport isLastDayOfMonth from \"../isLastDayOfMonth/index.js\";\n/**\n * @name differenceInMonths\n * @category Month Helpers\n * @summary Get the number of full months between the given dates.\n *\n * @description\n * Get the number of full months between the given dates using trunc as a default rounding method.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of full months\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many full months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))\n * //=> 7\n */\n\nexport default function differenceInMonths(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var sign = compareAsc(dateLeft, dateRight);\n  var difference = Math.abs(differenceInCalendarMonths(dateLeft, dateRight));\n  var result; // Check for the difference of less than month\n\n  if (difference < 1) {\n    result = 0;\n  } else {\n    if (dateLeft.getMonth() === 1 && dateLeft.getDate() > 27) {\n      // This will check if the date is end of Feb and assign a higher end of month date\n      // to compare it with Jan\n      dateLeft.setDate(30);\n    }\n\n    dateLeft.setMonth(dateLeft.getMonth() - sign * difference); // Math.abs(diff in full months - diff in calendar months) === 1 if last calendar month is not full\n    // If so, result must be decreased by 1 in absolute value\n\n    var isLastMonthNotFull = compareAsc(dateLeft, dateRight) === -sign; // Check for cases of one full calendar month\n\n    if (isLastDayOfMonth(toDate(dirtyDateLeft)) && difference === 1 && compareAsc(dirtyDateLeft, dateRight) === 1) {\n      isLastMonthNotFull = false;\n    }\n\n    result = sign * (difference - Number(isLastMonthNotFull));\n  } // Prevent negative zero\n\n\n  return result === 0 ? 0 : result;\n}","import differenceInMilliseconds from \"../differenceInMilliseconds/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport { getRoundingMethod } from \"../_lib/roundingMethods/index.js\";\n/**\n * @name differenceInSeconds\n * @category Second Helpers\n * @summary Get the number of seconds between the given dates.\n *\n * @description\n * Get the number of seconds between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @param {Object} [options] - an object with options.\n * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)\n * @returns {Number} the number of seconds\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many seconds are between\n * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?\n * const result = differenceInSeconds(\n *   new Date(2014, 6, 2, 12, 30, 20, 0),\n *   new Date(2014, 6, 2, 12, 30, 7, 999)\n * )\n * //=> 12\n */\n\nexport default function differenceInSeconds(dateLeft, dateRight, options) {\n  requiredArgs(2, arguments);\n  var diff = differenceInMilliseconds(dateLeft, dateRight) / 1000;\n  return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);\n}","import compareAsc from \"../compareAsc/index.js\";\nimport differenceInMonths from \"../differenceInMonths/index.js\";\nimport differenceInSeconds from \"../differenceInSeconds/index.js\";\nimport defaultLocale from \"../locale/en-US/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport cloneObject from \"../_lib/cloneObject/index.js\";\nimport getTimezoneOffsetInMilliseconds from \"../_lib/getTimezoneOffsetInMilliseconds/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nvar MINUTES_IN_DAY = 1440;\nvar MINUTES_IN_ALMOST_TWO_DAYS = 2520;\nvar MINUTES_IN_MONTH = 43200;\nvar MINUTES_IN_TWO_MONTHS = 86400;\n/**\n * @name formatDistance\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words.\n *\n * | Distance between dates                                            | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance between dates | Result               |\n * |------------------------|----------------------|\n * | 0 secs ... 5 secs      | less than 5 seconds  |\n * | 5 secs ... 10 secs     | less than 10 seconds |\n * | 10 secs ... 20 secs    | less than 20 seconds |\n * | 20 secs ... 40 secs    | half a minute        |\n * | 40 secs ... 60 secs    | less than a minute   |\n * | 60 secs ... 90 secs    | 1 minute             |\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWords ` to `formatDistance`\n *   to make its name consistent with `format` and `formatRelative`.\n *\n * - The order of arguments is swapped to make the function\n *   consistent with `differenceIn...` functions.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWords(\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     new Date(1986, 3, 4, 11, 32, 0),\n *     { addSuffix: true }\n *   ) //=> 'in about 1 hour'\n *\n *   // v2.0.0 onward\n *\n *   formatDistance(\n *     new Date(1986, 3, 4, 11, 32, 0),\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     { addSuffix: true }\n *   ) //=> 'in about 1 hour'\n *   ```\n *\n * @param {Date|Number} date - the date\n * @param {Date|Number} baseDate - the date to compare with\n * @param {Object} [options] - an object with options.\n * @param {Boolean} [options.includeSeconds=false] - distances less than a minute are more detailed\n * @param {Boolean} [options.addSuffix=false] - result indicates if the second date is earlier or later than the first\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 2 arguments required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `baseDate` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistance(new Date(2014, 6, 2), new Date(2015, 0, 1))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00, including seconds?\n * const result = formatDistance(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0),\n *   { includeSeconds: true }\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistance(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> 'about 1 year ago'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistance(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> 'pli ol 1 jaro'\n */\n\nexport default function formatDistance(dirtyDate, dirtyBaseDate) {\n  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  requiredArgs(2, arguments);\n  var locale = options.locale || defaultLocale;\n\n  if (!locale.formatDistance) {\n    throw new RangeError('locale must contain formatDistance property');\n  }\n\n  var comparison = compareAsc(dirtyDate, dirtyBaseDate);\n\n  if (isNaN(comparison)) {\n    throw new RangeError('Invalid time value');\n  }\n\n  var localizeOptions = cloneObject(options);\n  localizeOptions.addSuffix = Boolean(options.addSuffix);\n  localizeOptions.comparison = comparison;\n  var dateLeft;\n  var dateRight;\n\n  if (comparison > 0) {\n    dateLeft = toDate(dirtyBaseDate);\n    dateRight = toDate(dirtyDate);\n  } else {\n    dateLeft = toDate(dirtyDate);\n    dateRight = toDate(dirtyBaseDate);\n  }\n\n  var seconds = differenceInSeconds(dateRight, dateLeft);\n  var offsetInSeconds = (getTimezoneOffsetInMilliseconds(dateRight) - getTimezoneOffsetInMilliseconds(dateLeft)) / 1000;\n  var minutes = Math.round((seconds - offsetInSeconds) / 60);\n  var months; // 0 up to 2 mins\n\n  if (minutes < 2) {\n    if (options.includeSeconds) {\n      if (seconds < 5) {\n        return locale.formatDistance('lessThanXSeconds', 5, localizeOptions);\n      } else if (seconds < 10) {\n        return locale.formatDistance('lessThanXSeconds', 10, localizeOptions);\n      } else if (seconds < 20) {\n        return locale.formatDistance('lessThanXSeconds', 20, localizeOptions);\n      } else if (seconds < 40) {\n        return locale.formatDistance('halfAMinute', null, localizeOptions);\n      } else if (seconds < 60) {\n        return locale.formatDistance('lessThanXMinutes', 1, localizeOptions);\n      } else {\n        return locale.formatDistance('xMinutes', 1, localizeOptions);\n      }\n    } else {\n      if (minutes === 0) {\n        return locale.formatDistance('lessThanXMinutes', 1, localizeOptions);\n      } else {\n        return locale.formatDistance('xMinutes', minutes, localizeOptions);\n      }\n    } // 2 mins up to 0.75 hrs\n\n  } else if (minutes < 45) {\n    return locale.formatDistance('xMinutes', minutes, localizeOptions); // 0.75 hrs up to 1.5 hrs\n  } else if (minutes < 90) {\n    return locale.formatDistance('aboutXHours', 1, localizeOptions); // 1.5 hrs up to 24 hrs\n  } else if (minutes < MINUTES_IN_DAY) {\n    var hours = Math.round(minutes / 60);\n    return locale.formatDistance('aboutXHours', hours, localizeOptions); // 1 day up to 1.75 days\n  } else if (minutes < MINUTES_IN_ALMOST_TWO_DAYS) {\n    return locale.formatDistance('xDays', 1, localizeOptions); // 1.75 days up to 30 days\n  } else if (minutes < MINUTES_IN_MONTH) {\n    var days = Math.round(minutes / MINUTES_IN_DAY);\n    return locale.formatDistance('xDays', days, localizeOptions); // 1 month up to 2 months\n  } else if (minutes < MINUTES_IN_TWO_MONTHS) {\n    months = Math.round(minutes / MINUTES_IN_MONTH);\n    return locale.formatDistance('aboutXMonths', months, localizeOptions);\n  }\n\n  months = differenceInMonths(dateRight, dateLeft); // 2 months up to 12 months\n\n  if (months < 12) {\n    var nearestMonth = Math.round(minutes / MINUTES_IN_MONTH);\n    return locale.formatDistance('xMonths', nearestMonth, localizeOptions); // 1 year up to max Date\n  } else {\n    var monthsSinceStartOfYear = months % 12;\n    var years = Math.floor(months / 12); // N years up to 1 years 3 months\n\n    if (monthsSinceStartOfYear < 3) {\n      return locale.formatDistance('aboutXYears', years, localizeOptions); // N years 3 months up to N years 9 months\n    } else if (monthsSinceStartOfYear < 9) {\n      return locale.formatDistance('overXYears', years, localizeOptions); // N years 9 months up to N year 12 months\n    } else {\n      return locale.formatDistance('almostXYears', years + 1, localizeOptions);\n    }\n  }\n}","import distanceInWords from \"../formatDistance/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name formatDistanceToNow\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given date and now in words.\n *\n * | Distance to now                                                   | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance to now     | Result               |\n * |---------------------|----------------------|\n * | 0 secs ... 5 secs   | less than 5 seconds  |\n * | 5 secs ... 10 secs  | less than 10 seconds |\n * | 10 secs ... 20 secs | less than 20 seconds |\n * | 20 secs ... 40 secs | half a minute        |\n * | 40 secs ... 60 secs | less than a minute   |\n * | 60 secs ... 90 secs | 1 minute             |\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWordsToNow ` to `formatDistanceToNow`\n *   to make its name consistent with `format` and `formatRelative`.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWordsToNow(new Date(2014, 6, 2), { addSuffix: true })\n *   //=> 'in 6 months'\n *\n *   // v2.0.0 onward\n *\n *   formatDistanceToNow(new Date(2014, 6, 2), { addSuffix: true })\n *   //=> 'in 6 months'\n *   ```\n *\n * @param {Date|Number} date - the given date\n * @param {Object} [options] - the object with options\n * @param {Boolean} [options.includeSeconds=false] - distances less than a minute are more detailed\n * @param {Boolean} [options.addSuffix=false] - result specifies if now is earlier or later than the passed date\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * var result = formatDistanceToNow(\n *   new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * var result = formatDistanceToNow(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   {includeSeconds: true}\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * var result = formatDistanceToNow(\n *   new Date(2016, 0, 1),\n *   {addSuffix: true}\n * )\n * //=> 'in about 1 year'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * var eoLocale = require('date-fns/locale/eo')\n * var result = formatDistanceToNow(\n *   new Date(2016, 7, 1),\n *   {locale: eoLocale}\n * )\n * //=> 'pli ol 1 jaro'\n */\n\nexport default function formatDistanceToNow(dirtyDate, dirtyOptions) {\n  requiredArgs(1, arguments);\n  return distanceInWords(dirtyDate, Date.now(), dirtyOptions);\n}","<template>\n    <div\n        ref=\"infoIconRef\"\n        class=\"b-info-icon-with-popover\"\n        tabindex=\"0\"\n        data-testid=\"info-icon-with-popover\"\n        @mouseenter=\"openPopover\"\n        @mouseleave=\"closePopover\"\n        @focus=\"infoIconOnFocus\"\n        @focusout=\"infoIconOnFocusOut\"\n    >\n        <info-icon\n            ref=\"targetElement\"\n            class=\"b-info-icon-with-popover__svg\"\n            :aria-expanded=\"isOpen\"\n            :aria-describedby=\"popoverId\"\n            :svg-title=\"t('infoIconAriaLabel')\"\n        />\n        <bento-popover\n            v-if=\"targetElement\"\n            :open=\"isOpen\"\n            :target-element=\"targetElement\"\n            :position=\"popoverPosition\"\n            role=\"tooltip\"\n            fit-content\n            disable-focus-trap\n        >\n            <bento-typography>\n                <slot>\n                    <div v-if=\"popoverText\">\n                        {{ popoverText }}\n                    </div>\n                </slot>\n            </bento-typography>\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { ref } from 'vue';\n    import { BentoPopover } from '@/components/popover';\n    import { BentoTypography } from '@/components/typography';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const CLOSING_POPOVER_DELAY_MS = 200;\n\n    defineProps({\n        /**\n         * Text showed in the popover on hover\n         */\n        popoverText: { type: String, default: null },\n\n        /**\n         * Position the popover should take if space is available\n         */\n        popoverPosition: {\n            type: BentoPopover.props.position.type,\n            default: BentoPopover.props.position.default,\n            validator: BentoPopover.props.position.validator,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const infoIconRef = ref<HTMLDivElement>();\n    const targetElement = ref(null);\n    const popoverId = generateUid('bento-info-icon-with-popover');\n    const isOpen = ref();\n    const closingTimeOutId = ref();\n\n    const openPopover = () => {\n        isOpen.value = true;\n        if (closingTimeOutId.value) {\n            clearTimeout(closingTimeOutId.value);\n        }\n    };\n    const closePopover = () => {\n        // We want to delay closing for a couple of seconds so\n        // it doesn't flicker if a user hovers over the icon and then inside the popover.\n        const timeOutId = setTimeout(() => {\n            isOpen.value = false;\n        }, CLOSING_POPOVER_DELAY_MS);\n        closingTimeOutId.value = timeOutId;\n    };\n\n    const infoIconOnFocus = () => {\n        openPopover();\n    };\n\n    /**\n     * Only close popover on blur if the newly focus element is not a child of this element\n     * @param e - the event that contains the newly focused element\n     */\n    const infoIconOnFocusOut = (e: FocusEvent) => {\n        if (\n            !infoIconRef.value ||\n            !(e?.relatedTarget instanceof Element) ||\n            !infoIconRef.value.contains(e.relatedTarget)\n        ) {\n            closePopover();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Internal component to be used whenever an info icon needs to be rendered with a popover instead of a tooltip.\n     *\n     * @example\n     * import { BentoInfoIconWithPopover } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoInfoIconWithPopover },\n     *     template: `\n     *          <info-icon-with-popover popover-text=\"Content can be passed as a string like\" :popover-position=\"position\">\n     *              Content can also be rendered as a slot\n     *          </info-icon-with-popover>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon-with-popover.scss\" />\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoHeaderVariant {\n    PAGE = 'page',\n    COMPONENT = 'component',\n}\n","<template>\n    <div class=\"b-header\" :class=\"conditionalClasses\">\n        <div class=\"b-header__wrapper\">\n            <div class=\"b-header__title\">\n                <div>\n                    <bento-typography v-bind=\"typography\" class=\"b-header__text\">{{ title }}</bento-typography>\n                    <info-icon-with-popover\n                        v-if=\"infoIconTooltipText || hasSlot('infoIconTooltipContent')\"\n                        class=\"b-header__tooltip\"\n                        :popover-text=\"infoIconTooltipText\"\n                    >\n                        <template v-if=\"hasSlot('infoIconTooltipContent')\" #default\n                            ><slot name=\"infoIconTooltipContent\"\n                        /></template>\n                    </info-icon-with-popover>\n                </div>\n                <bento-typography v-if=\"lastUpdated\" class=\"b-header__timestamp\" el=\"div\" variant=\"caption\">\n                    {{ timestamp }}\n                </bento-typography>\n            </div>\n            <button-actions-with-menu\n                v-if=\"actions\"\n                :actions=\"actions\"\n                :displayed-actions=\"2\"\n                class=\"b-header__actions\"\n            />\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { InfoIconWithPopover } from './components/info-icon-with-popover';\n    import { BentoButtonActionsList } from '@/components/button';\n    import { useHasSlot } from '@/composables';\n    import { BentoHeaderVariant } from './header.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { de, enUS, fr } from 'date-fns/locale';\n    import ButtonActionsWithMenu from '../internal/button-actions-with-menu/button-actions-with-menu.vue';\n\n    import formatDistanceToNow from 'date-fns/formatDistanceToNow';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-header',\n        components: {\n            BentoTypography,\n            ButtonActionsWithMenu,\n            InfoIconWithPopover,\n        },\n        props: {\n            /**\n             * Array of BentoButtonActionsList to show to the right of the title\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: InfoIconWithPopover.props.popoverText.type, default: null },\n\n            /**\n             * Popover position of the info icon text.\n             */\n            infoIconPopoverPosition: {\n                type: InfoIconWithPopover.props.popoverPosition.type,\n                default: InfoIconWithPopover.props.popoverPosition.default,\n                validator: InfoIconWithPopover.props.popoverPosition.validator,\n            },\n\n            /**\n             * JavaScript \"Date\" object for when the content was last updated\n             */\n            lastUpdated: { type: [Date, Number], default: null },\n\n            /**\n             * Variant represents type of Header\n             * @values page, component\n             */\n            variant: {\n                type: String as PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>,\n                default: BentoHeaderVariant.PAGE,\n                validator: (value: BentoHeaderVariant) => Object.values(BentoHeaderVariant).includes(value),\n            },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n        },\n        setup(props, { slots }) {\n            const { t, locale } = useI18n<{ message: MessageSchema }>({ messages });\n            // TODO to replace with dynamic import\n            const locales = { de, enUS, fr };\n\n            const conditionalClasses = computed(() => ({\n                'b-header--component': props.variant === BentoHeaderVariant.COMPONENT,\n            }));\n\n            const typography = computed(() => ({\n                el: props.variant === BentoHeaderVariant.PAGE ? BentoTypographyElement.H1 : BentoTypographyElement.H2,\n                variant: BentoTypographyVariant.TITLE,\n                medium: props.variant === BentoHeaderVariant.COMPONENT,\n                large: props.variant === BentoHeaderVariant.PAGE,\n            }));\n\n            const timestamp = computed(() =>\n                props.lastUpdated\n                    ? t('lastUpdated', {\n                          date: formatDistanceToNow(props.lastUpdated, {\n                              locale: locales[locale.value.substring(0, 2)] || enUS,\n                          }),\n                      })\n                    : null\n            );\n            return {\n                hasSlot: useHasSlot(slots),\n                conditionalClasses,\n                timestamp,\n                typography,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./header.scss\" />\n"],"names":["differenceInCalendarMonths","dirtyDateLeft","dirtyDateRight","requiredArgs","dateLeft","toDate","dateRight","yearDiff","monthDiff","differenceInMilliseconds","roundingMap","value","defaultRoundingMethod","getRoundingMethod","method","isLastDayOfMonth","dirtyDate","date","endOfDay","endOfMonth","differenceInMonths","sign","compareAsc","difference","result","isLastMonthNotFull","differenceInSeconds","options","diff","MINUTES_IN_DAY","MINUTES_IN_ALMOST_TWO_DAYS","MINUTES_IN_MONTH","MINUTES_IN_TWO_MONTHS","formatDistance","dirtyBaseDate","locale$1","locale","comparison","localizeOptions","cloneObject","seconds","offsetInSeconds","getTimezoneOffsetInMilliseconds","minutes","months","hours","days","nearestMonth","monthsSinceStartOfYear","years","formatDistanceToNow","dirtyOptions","__default__","messages$1","t","useI18n","infoIconRef","ref","targetElement","popoverId","generateUid","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","e","BentoHeaderVariant","BentoHeaderVariant2","_sfc_main","defineComponent","messages","BentoTypography","ButtonActionsWithMenu","InfoIconWithPopover","props","slots","locale$3","locales","locale$2","conditionalClasses","computed","typography","BentoTypographyElement","BentoTypographyVariant","timestamp","useHasSlot"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7]}

package/dist/chunks/image.B3uqhFjl.js

@@ -1,82 +0,0 @@
-import { defineComponent as _, computed as u } from "vue";
-import { n as c } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-var e = /* @__PURE__ */ ((r) => (r.LANDSCAPE = "landscape", r.P4_3 = "4:3", r.P3_3 = "3:3", r.P16_9 = "16:9", r.P2_1 = "2:1", r.PORTRAIT = "portrait", r.P3_4 = "3:4", r.P2_3 = "2:3", r.P9_16 = "9:16", r.P1_2 = "1:2", r.SQUARE = "square", r.P1_1 = "1:1", r))(e || {}), n = /* @__PURE__ */ ((r) => (r.COVER = "cover", r.FILL = "fill", r.CONTAIN = "contain", r))(n || {});
-const i = _({
-  name: "bento-image",
-  props: {
-    /**
-     * Url to image, same as src attribute of `<img>` tag
-     */
-    src: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Accessible text describing the image, same as alt attribute of `<img>` tag
-     */
-    alt: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Aspect ratio of the image, maps to css aspect-ratio
-     */
-    aspectRatio: {
-      type: String,
-      default: null,
-      validator: (r) => Object.values(e).includes(r)
-    },
-    /**
-     * Object fitting strategy, maps to css object-fit
-     */
-    objectFit: {
-      type: String,
-      default: null,
-      validator: (r) => Object.values(n).includes(r)
-    }
-  },
-  setup(r) {
-    const l = (a) => {
-      let s = e.P16_9;
-      switch (a) {
-        case e.LANDSCAPE:
-          s = e.P16_9;
-          break;
-        case e.PORTRAIT:
-          s = e.P3_4;
-          break;
-        case e.SQUARE:
-          s = e.P1_1;
-          break;
-        default:
-          s = a;
-          break;
-      }
-      return `${s}`.replace(":", "/");
-    };
-    return {
-      imageStyles: u(() => ({
-        aspectRatio: l(r.aspectRatio),
-        objectFit: r.objectFit
-      }))
-    };
-  }
-});
-var P = function() {
-  var l = this, t = l._self._c;
-  return l._self._setupProxy, t("img", { style: l.imageStyles, attrs: { src: l.src, alt: l.alt } });
-}, d = [], f = /* @__PURE__ */ c(
-  i,
-  P,
-  d,
-  !1,
-  null,
-  null
-);
-const p = f.exports;
-export {
-  p as B,
-  e as a,
-  n as b
-};
-//# sourceMappingURL=image.B3uqhFjl.js.map

package/dist/chunks/image.B3uqhFjl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.B3uqhFjl.js","sources":["../../src/components/image/image.types.ts","../../src/components/image/image.vue"],"sourcesContent":["export enum BentoImageAspectRatio {\n    LANDSCAPE = 'landscape',\n    P4_3 = '4:3',\n    P3_3 = '3:3',\n    P16_9 = '16:9',\n    P2_1 = '2:1',\n    PORTRAIT = 'portrait',\n    P3_4 = '3:4',\n    P2_3 = '2:3',\n    P9_16 = '9:16',\n    P1_2 = '1:2',\n    SQUARE = 'square',\n    P1_1 = '1:1',\n}\n\nexport enum BentoImageObjectFit {\n    COVER = 'cover',\n    FILL = 'fill',\n    CONTAIN = 'contain',\n}\n","<template>\n    <img :src=\"src\" :alt=\"alt\" :style=\"imageStyles\" />\n</template>\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoImageAspectRatio, BentoImageObjectFit } from './image.types';\n\n    export default defineComponent({\n        name: 'bento-image',\n        props: {\n            /**\n             * Url to image, same as src attribute of `<img>` tag\n             */\n            src: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Accessible text describing the image, same as alt attribute of `<img>` tag\n             */\n            alt: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Aspect ratio of the image, maps to css aspect-ratio\n             */\n            aspectRatio: {\n                type: String as PropType<BentoImageAspectRatio | `${BentoImageAspectRatio}`>,\n                default: null,\n                validator: (value: BentoImageAspectRatio) => Object.values(BentoImageAspectRatio).includes(value),\n            },\n            /**\n             * Object fitting strategy, maps to css object-fit\n             */\n            objectFit: {\n                type: String as PropType<BentoImageObjectFit | `${BentoImageObjectFit}`>,\n                default: null,\n                validator: (value: BentoImageObjectFit) => Object.values(BentoImageObjectFit).includes(value),\n            },\n        },\n        setup(props) {\n            const convertAspectRatio = (aspectRatio: BentoImageAspectRatio | `${BentoImageAspectRatio}`) => {\n                let parsedAspectRatio: BentoImageAspectRatio | `${BentoImageAspectRatio}` = BentoImageAspectRatio.P16_9;\n                switch (aspectRatio) {\n                    case BentoImageAspectRatio.LANDSCAPE:\n                        parsedAspectRatio = BentoImageAspectRatio.P16_9;\n                        break;\n                    case BentoImageAspectRatio.PORTRAIT:\n                        parsedAspectRatio = BentoImageAspectRatio.P3_4;\n                        break;\n                    case BentoImageAspectRatio.SQUARE:\n                        parsedAspectRatio = BentoImageAspectRatio.P1_1;\n                        break;\n                    default:\n                        parsedAspectRatio = aspectRatio;\n                        break;\n                }\n                return `${parsedAspectRatio}`.replace(':', '/');\n            };\n\n            const imageStyles = computed(() => ({\n                aspectRatio: convertAspectRatio(props.aspectRatio),\n                objectFit: props.objectFit,\n            }));\n\n            return {\n                imageStyles,\n            };\n        },\n    });\n</script>\n"],"names":["BentoImageAspectRatio","BentoImageObjectFit","_sfc_main","defineComponent","value","props","convertAspectRatio","aspectRatio","parsedAspectRatio","computed"],"mappings":";;AAAY,IAAAA,sBAAAA,OACRA,EAAA,YAAY,aACZA,EAAA,OAAO,OACPA,EAAA,OAAO,OACPA,EAAA,QAAQ,QACRA,EAAA,OAAO,OACPA,EAAA,WAAW,YACXA,EAAA,OAAO,OACPA,EAAA,OAAO,OACPA,EAAA,QAAQ,QACRA,EAAA,OAAO,OACPA,EAAA,SAAS,UACTA,EAAA,OAAO,OAZCA,IAAAA,KAAA,CAAA,CAAA,GAeAC,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,UAAU,WAHFA,IAAAA,KAAA,CAAA,CAAA;ACRZ,MAAAC,IAAAC,EAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,OAAAJ,CAAA,EAAA,SAAAI,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAA,MAAA,OAAA,OAAAH,CAAA,EAAA,SAAAG,CAAA;AAAA,IAAA;AAAA,EAEA;AAAA,EACA,MAAAC,GAAA;AACA,UAAAC,IAAA,CAAAC,MAAA;AACA,UAAAC,IAAAR,EAAA;AACA,cAAAO,GAAA;AAAA,QACA,KAAAP,EAAA;AACA,UAAAQ,IAAAR,EAAA;AACA;AAAA,QACA,KAAAA,EAAA;AACA,UAAAQ,IAAAR,EAAA;AACA;AAAA,QACA,KAAAA,EAAA;AACA,UAAAQ,IAAAR,EAAA;AACA;AAAA,QACA;AACA,UAAAQ,IAAAD;AACA;AAAA,MAAA;AAEA,aAAA,GAAAC,CAAA,GAAA,QAAA,KAAA,GAAA;AAAA,IACA;AAOA,WAAA;AAAA,MACA,aANAC,EAAA,OAAA;AAAA,QACA,aAAAH,EAAAD,EAAA,WAAA;AAAA,QACA,WAAAA,EAAA;AAAA,MAAA,EACA;AAAA,IAIA;AAAA,EAAA;AAEA,CAAA;;;;;;;;;;;;;"}

package/dist/chunks/index.OCPp3NST.js

@@ -1,126 +0,0 @@
-import "./index.Cl4_42j5.js";
-import { onMounted as g, nextTick as L, getCurrentScope as M, onScopeDispose as W, unref as T, getCurrentInstance as w, ref as a, computed as m, watch as E, watchEffect as O } from "vue";
-function S(e) {
-  return M() ? (W(e), !0) : !1;
-}
-function y(e) {
-  return typeof e == "function" ? e() : T(e);
-}
-const A = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const N = Object.prototype.toString, C = (e) => N.call(e) === "[object Object]", Y = () => {
-};
-function j(e) {
-  return w();
-}
-function x(e, t = !0, n) {
-  j() ? g(e, n) : t ? e() : L(e);
-}
-function k(e) {
-  var t;
-  const n = y(e);
-  return (t = n == null ? void 0 : n.$el) != null ? t : n;
-}
-const h = A ? window : void 0;
-function b(...e) {
-  let t, n, r, o;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, r, o] = e, t = h) : [t, n, r, o] = e, !t)
-    return Y;
-  Array.isArray(n) || (n = [n]), Array.isArray(r) || (r = [r]);
-  const u = [], i = () => {
-    u.forEach((l) => l()), u.length = 0;
-  }, s = (l, d, p, v) => (l.addEventListener(d, p, v), () => l.removeEventListener(d, p, v)), c = E(
-    () => [k(t), y(o)],
-    ([l, d]) => {
-      if (i(), !l)
-        return;
-      const p = C(d) ? { ...d } : d;
-      u.push(
-        ...n.flatMap((v) => r.map((I) => s(l, v, I, p)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), f = () => {
-    c(), i();
-  };
-  return S(f), f;
-}
-function H() {
-  const e = a(!1);
-  return w() && g(() => {
-    e.value = !0;
-  }), e;
-}
-function V(e) {
-  const t = H();
-  return m(() => (t.value, !!e()));
-}
-function X(e, t = {}) {
-  const { window: n = h } = t, r = V(() => n && "matchMedia" in n && typeof n.matchMedia == "function");
-  let o;
-  const u = a(!1), i = (f) => {
-    u.value = f.matches;
-  }, s = () => {
-    o && ("removeEventListener" in o ? o.removeEventListener("change", i) : o.removeListener(i));
-  }, c = O(() => {
-    r.value && (s(), o = n.matchMedia(y(e)), "addEventListener" in o ? o.addEventListener("change", i) : o.addListener(i), u.value = o.matches);
-  });
-  return S(() => {
-    c(), s(), o = void 0;
-  }), u;
-}
-function D(e = {}) {
-  const { window: t = h, behavior: n = "auto" } = e;
-  if (!t)
-    return {
-      x: a(0),
-      y: a(0)
-    };
-  const r = a(t.scrollX), o = a(t.scrollY), u = m({
-    get() {
-      return r.value;
-    },
-    set(s) {
-      scrollTo({ left: s, behavior: n });
-    }
-  }), i = m({
-    get() {
-      return o.value;
-    },
-    set(s) {
-      scrollTo({ top: s, behavior: n });
-    }
-  });
-  return b(
-    t,
-    "scroll",
-    () => {
-      r.value = t.scrollX, o.value = t.scrollY;
-    },
-    {
-      capture: !1,
-      passive: !0
-    }
-  ), { x: u, y: i };
-}
-function F(e = {}) {
-  const {
-    window: t = h,
-    initialWidth: n = Number.POSITIVE_INFINITY,
-    initialHeight: r = Number.POSITIVE_INFINITY,
-    listenOrientation: o = !0,
-    includeScrollbar: u = !0
-  } = e, i = a(n), s = a(r), c = () => {
-    t && (u ? (i.value = t.innerWidth, s.value = t.innerHeight) : (i.value = t.document.documentElement.clientWidth, s.value = t.document.documentElement.clientHeight));
-  };
-  if (c(), x(c), b("resize", c, { passive: !0 }), o) {
-    const f = X("(orientation: portrait)");
-    E(f, () => c());
-  }
-  return { width: i, height: s };
-}
-export {
-  D as a,
-  F as u
-};
-//# sourceMappingURL=index.OCPp3NST.js.map

package/dist/chunks/info-icon.CLguYHRt.js

@@ -1,41 +0,0 @@
-import { defineComponent as n } from "vue";
-import { d as i } from "./popper-container.Bt02N3o1.js";
-import { I as r } from "./info.CyeBsLgt.js";
-import { B as s } from "./tooltip.DR8rbIYw.js";
-import { n as a } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/info-icon.css";
-const p = n({
-  name: "bento-info-icon",
-  components: { InfoIcon: r },
-  directives: { BentoTooltipDirective: s },
-  props: {
-    /**
-     * Text showed in the info-icon tooltip on hover
-     */
-    tooltipText: { type: String, required: !0 },
-    /**
-     * Position the tooltip should take if space is available. Defaults to 'auto'
-     */
-    tooltipPosition: {
-      type: String,
-      default: i.AUTO,
-      validator: (o) => Object.values(i).includes(o)
-    }
-  }
-});
-var l = function() {
-  var t = this, e = t._self._c;
-  return t._self._setupProxy, e("span", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: t.tooltipText, expression: "tooltipText", arg: t.tooltipPosition }], staticClass: "b-info-icon", attrs: { "aria-label": t.tooltipText, tabindex: "0" } }, [e("info-icon", { staticClass: "b-info-icon__svg", attrs: { "svg-title": t.tooltipText } })], 1);
-}, c = [], f = /* @__PURE__ */ a(
-  p,
-  l,
-  c,
-  !1,
-  null,
-  "efefd1e6"
-);
-const x = f.exports;
-export {
-  x as B
-};
-//# sourceMappingURL=info-icon.CLguYHRt.js.map

package/dist/chunks/info-icon.CLguYHRt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"info-icon.CLguYHRt.js","sources":["../../src/components/info-icon/info-icon.vue"],"sourcesContent":["<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        :aria-label=\"tooltipText\"\n        class=\"b-info-icon\"\n        tabindex=\"0\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective } from '@/directives';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    /**\n     * @example\n     * import { BentoInfoIcon } from '@adyen/adl-vue-components';\n     *\n     * export default {\n     *     components: { BentoInfoIcon },\n     *     template: `\n     *          <bento-info-icon tooltip-text=\"Text on hover\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-info-icon',\n        components: { InfoIcon },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            tooltipText: { type: String, required: true },\n\n            /**\n             * Position the tooltip should take if space is available. Defaults to 'auto'\n             */\n            tooltipPosition: {\n                type: String as PropType<PopperContainerPosition | `${PopperContainerPosition}`>,\n                default: PopperContainerPosition.AUTO,\n                validator: (value: PopperContainerPosition) => Object.values(PopperContainerPosition).includes(value),\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["_sfc_main","defineComponent","InfoIcon","BentoTooltipDirective","PopperContainerPosition","value"],"mappings":";;;;;;AA4BA,MAAAA,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,UAAAC,EAAA;AAAA,EACA,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIA,iBAAA;AAAA,MAKA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,OAAAD,CAAA,EAAA,SAAAC,CAAA;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;"}

package/dist/chunks/input-field.BnlEPPYr.js

@@ -1,218 +0,0 @@
-import { defineComponent as W, useAttrs as Y, useSlots as j, ref as O, provide as q, toRef as K, computed as i, toRefs as X } from "vue";
-import { I as z, B as G } from "./dropdown.yhhQCKve.js";
-import { p as I, d as R, B as J } from "./typography.Bjtu3Gca.js";
-import { g as u } from "./unique-id.XFfoKuc2.js";
-import { g as Q } from "./get-slot-text.Cgn-E48s.js";
-import { u as Z } from "./aria-label.CaUURpnB.js";
-import { u as tt } from "./i18n.BQkEbtPM.js";
-import { u as et } from "./use-form-layout-loading.D3lALhtC.js";
-import { u as at } from "./use-has-slot.C9lQZ6nz.js";
-import { E as ot, F as rt } from "./error-message.BSxUoE3_.js";
-import { n as it } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/input-field.css";
-var d = /* @__PURE__ */ ((a) => (a.DEFAULT = "default", a.PAYMENT_METHOD = "payment-method", a.STATIC_VALUE = "static-value", a.DROPDOWN = "dropdown", a))(d || {}), n = /* @__PURE__ */ ((a) => (a.START = "start", a.END = "end", a))(n || {}), p = /* @__PURE__ */ ((a) => (a.CONDENSED = "condensed", a.DISABLED = "disabled", a.READONLY = "readonly", a.ERROR = "error", a))(p || {}), v = /* @__PURE__ */ ((a) => (a.SEARCH = "search", a.TEXT = "text", a.NUMBER = "number", a))(v || {}), nt = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.ESCAPE_PRESSED = "escape-pressed", a.UPDATE_DROPDOWN = "update:dropdown", a.DROPDOWN_INPUT = "dropdown-input", a.FOCUS = "focus", a.CHANGE = "change", a.BLUR = "blur", a.KEYDOWN = "keydown", a))(nt || {});
-const dt = {
-  "en-US": {
-    ariaLabelFallback: "Input field"
-  }
-}, st = {
-  i18n: { messages: dt }
-}, lt = /* @__PURE__ */ W({
-  ...st,
-  __name: "input-field",
-  props: {
-    /**
-     * Indicates whether the element is exposed to an accessibility API.
-     */
-    ariaHidden: { type: Boolean, default: !0 },
-    /**
-     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
-     */
-    /**
-     * Text that labels an the input element
-     */
-    ariaLabel: { type: String, default: void 0 },
-    /**
-     * Reduces height of the input
-     */
-    condensed: { type: Boolean, default: !1 },
-    /**
-     * Disables the possibility of changing value in the input-field
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Dropdown props for the small selectable dropdown menu.
-     * Properties supported:
-     *
-     *  - `value`: Selected value of the dropdown
-     *  - `items`: List of available items
-     *
-     */
-    dropdown: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Position of the dropdown before or after input value
-     */
-    dropdownPosition: {
-      type: String,
-      default: n.START,
-      validator: (a) => Object.values(n).includes(a)
-    },
-    /**
-     * Adds error validation class for outlining input-field.
-     *
-     * @deprecated Use "errorMessage" prop instead
-     */
-    error: { type: Boolean, default: !1 },
-    /**
-     * Renders input-field with an error state and the error message beneath the input box
-     */
-    errorMessage: { type: String, default: null },
-    /**
-     * Highlights the dropdown is optional.
-     */
-    optional: { type: Boolean, default: !1 },
-    /**
-     * Text displayed as the placeholder of the input-field
-     */
-    placeholder: { type: String, default: "" },
-    /**
-     * Highlights the dropdown is required.
-     */
-    required: { type: Boolean, default: !1 },
-    /**
-     * Setting this property to true will set the input field to read only state.
-     */
-    readonly: { type: Boolean, default: !1 },
-    /**
-     * Static text that displayed before or after input value
-     * Applicable to the Static Value variant
-     */
-    staticValue: { type: String, default: "" },
-    /**
-     * Position of Static Value before or after input value
-     */
-    staticValuePosition: {
-      type: String,
-      default: n.START,
-      validator: (a) => Object.values(n).includes(a)
-    },
-    /**
-     * Adds a info icon next to the label to display the passed tooltip message.
-     */
-    tooltipText: { type: String, default: null },
-    /**
-     * A string specifying the type of control to render.
-     * All `input` types are available but only `search`, `text` and `number` are fully supported.
-     *
-     * If `type` is `search`, use `bento-search-bar` instead.
-     */
-    type: {
-      type: String,
-      default: v.TEXT
-    },
-    /**
-     * Text displayed as the value of the input-field
-     */
-    value: { type: [String, Number], default: void 0 },
-    /**
-     * Describes the different variants for the input element
-     */
-    variant: {
-      type: String,
-      default: d.DEFAULT,
-      validator: (a) => Object.values(d).includes(a)
-    }
-  },
-  emits: ["update:dropdown", "blur", "change", "dropdown-input", "escape-pressed", "focus", "keydown", "input"],
-  setup(a, { expose: e, emit: o }) {
-    const t = a, r = Y(), c = j(), { t: w } = tt(), f = at(c), D = O(null), C = u("input"), y = u("input-dropdown"), m = u("input-static-value"), S = u("input-description"), g = u("input-error");
-    q(z, !0);
-    const { isReadOnly: _ } = et(K(t, "readonly")), s = i(
-      () => t.variant === d.STATIC_VALUE && !!c.staticValue
-    ), N = i(() => t.variant === d.DEFAULT), B = i(() => t.variant === d.PAYMENT_METHOD), L = i(
-      () => s.value && t.staticValuePosition === n.START
-    ), P = i(
-      () => s.value && t.staticValuePosition === n.END
-    ), l = i(() => t.variant === d.DROPDOWN && !!t.dropdown), M = i(
-      () => l.value && t.dropdownPosition === n.START
-    ), V = i(
-      () => l.value && t.dropdownPosition === n.END
-    ), h = i(
-      () => !t.disabled && !_.value && (!!t.errorMessage || t.error)
-    ), k = i(() => l.value === !0 && s.value === !0 ? `${m} ${y}` : l.value === !0 ? `${y}` : s.value === !0 ? `${m}` : null), E = O(r["aria-label"]), { ariaLabel: A } = X(t), U = Z({
-      ariaLabel: E.value,
-      // TODO: take this line away when the aria-label props is removed
-      label: A,
-      defaultFallback: f("default") ? Q(c)("default") : w("ariaLabelFallback")
-    }), x = i(
-      () => `${f("description") ? S : ""} ${h.value && t.errorMessage ? g : ""}`
-    ), F = i(() => ({
-      [`b-input-field--${p.CONDENSED}`]: t.condensed,
-      [`b-input-field--${p.DISABLED}`]: t.disabled,
-      [`b-input-field--${p.READONLY}`]: _.value,
-      [`b-input-field--${p.ERROR}`]: h.value
-    })), $ = (b) => {
-      !t.disabled && !_.value && o("input", b.target.value);
-    }, H = (b) => {
-      o("dropdown-input", b), o("update:dropdown", { ...t == null ? void 0 : t.dropdown, value: b });
-    }, T = () => {
-      D.value.focus();
-    };
-    return e({
-      focusInput: T
-    }), t.dropdown && t.dropdown.dynamicFiltering && I('"bento-input-field" dropdown does not support "dynamicFiltering"'), Object.values(v).includes(t.type) || I(`"bento-input-field" dropdown does not support the type ${t.type}`), t.error && R(
-      'BentoInputField "error" property',
-      `Use the BentoInputField "errorMessage" property instead to indicate that there is a modifier error.
-            Having the field as "undefined" will hide/remove the error.
-            <bento-dropdown errorMessage="Error message text" />`,
-      "2.0.0"
-    ), f("defaultIconBefore") && R(
-      'BentoInputField "defaultIconBefore" slot',
-      `Use the BentoInputField "iconBefore" slot instead to add an icon at the left side of the input field
-            <bento-input-field>
-              	<template #iconBefore>
-                		<my-icon-goes-here />
-              	</template>
-            </bento-input-field>`,
-      "2.0.0"
-    ), { __sfc: !0, attrs: r, slots: c, props: t, emit: o, t: w, hasSlot: f, inputFieldElement: D, inputFieldId: C, dropdownId: y, staticValueId: m, descriptionId: S, errorId: g, isReadOnly: _, shouldShowStaticValue: s, isDefaultVariant: N, isPaymentMethodVariant: B, shouldDisplayStaticValueAtStart: L, shouldDisplayStaticValueAtEnd: P, shouldShowDropdown: l, shouldDisplayDropdownAtStart: M, shouldDisplayDropdownAtEnd: V, shouldShowError: h, computedAriaOwns: k, ariaLabelAttribute: E, ariaLabel: A, computedAriaLabel: U, computedAriaDescribedBy: x, inputFieldConditionalClasses: F, onInput: $, onDropdownInput: H, focusInput: T, BentoDropdown: G, BentoTypography: J, ErrorMessage: ot, FieldLabel: rt };
-  }
-});
-var ut = function() {
-  var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o(t.BentoTypography, { staticClass: "b-input-field", class: t.inputFieldConditionalClasses, attrs: { "data-testid": "input-text-container", el: "div", variant: "body" } }, [t.hasSlot("default") ? o(t.FieldLabel, { attrs: { for: t.inputFieldId, "data-testid": "input-field-label", "tooltip-text": e.tooltipText, optional: e.optional, required: e.required }, on: { click: t.focusInput } }, [e._t("default")], 2) : e._e(), o("div", { staticClass: "b-input-field__input-box", attrs: { "data-testid": "input-box", "aria-disabled": e.disabled }, on: { click: t.focusInput } }, [t.isDefaultVariant && (t.hasSlot("defaultIconBefore") || t.hasSlot("iconBefore")) ? o("span", { staticClass: "b-input-field__icon-before", attrs: { "aria-hidden": e.ariaHidden ? "true" : void 0 } }, [t.hasSlot("iconBefore") ? e._t("iconBefore") : e._e(), t.hasSlot("defaultIconBefore") && !t.hasSlot("iconBefore") ? e._t("defaultIconBefore") : e._e()], 2) : e._e(), t.isPaymentMethodVariant && t.hasSlot("paymentMethod") ? o("span", { staticClass: "b-input-field__payment-method", attrs: { "aria-hidden": e.ariaHidden ? "true" : void 0 } }, [e._t("paymentMethod")], 2) : e._e(), t.shouldDisplayDropdownAtStart ? o("div", { staticClass: "b-input-field__dropdown b-input-field__dropdown--start", attrs: { id: t.dropdownId }, on: { click: function(r) {
-    r.stopPropagation();
-  } } }, [e.dropdown ? o(t.BentoDropdown, e._b({ attrs: { disabled: e.disabled, readonly: t.isReadOnly }, on: { input: t.onDropdownInput } }, "bento-dropdown", e.dropdown, !1)) : e._e()], 1) : e._e(), t.shouldDisplayStaticValueAtStart ? o(t.BentoTypography, { staticClass: "b-input-field__static-value b-input-field__static-value--start", attrs: { id: t.staticValueId, el: "span", variant: "body" } }, [e._t("staticValue")], 2) : e._e(), o("input", e._b({ ref: "inputFieldElement", staticClass: "b-input-field__input", attrs: { id: t.inputFieldId, "aria-label": t.computedAriaLabel, "aria-describedby": t.computedAriaDescribedBy, "aria-owns": t.computedAriaOwns, "aria-invalid": t.shouldShowError, placeholder: e.placeholder, type: e.type, disabled: e.disabled, readonly: t.isReadOnly }, domProps: { value: e.value }, on: { input: t.onInput, change: function(r) {
-    return t.emit("change");
-  }, focus: function(r) {
-    return t.emit("focus");
-  }, blur: function(r) {
-    return t.emit("blur");
-  }, keydown: [function(r) {
-    return t.emit("keydown", r);
-  }, function(r) {
-    return !r.type.indexOf("key") && e._k(r.keyCode, "esc", 27, r.key, ["Esc", "Escape"]) ? null : t.emit("escape-pressed");
-  }] } }, "input", t.attrs, !1)), t.hasSlot("iconAfter") ? o("span", { staticClass: "b-input-field__icon-after", attrs: { "aria-hidden": e.ariaHidden ? "true" : void 0, "data-testid": "input-text__icon-after" } }, [e._t("iconAfter")], 2) : e._e(), t.shouldDisplayStaticValueAtEnd ? o(t.BentoTypography, { staticClass: "b-input-field__static-value b-input-field__static-value--end", attrs: { id: t.staticValueId, el: "span", variant: "body" } }, [e._t("staticValue")], 2) : e._e(), t.shouldDisplayDropdownAtEnd ? o("div", { staticClass: "b-input-field__dropdown b-input-field__dropdown--end", attrs: { id: t.dropdownId, "data-testid": "input-field-dropdown-container-end" }, on: { click: function(r) {
-    r.stopPropagation();
-  } } }, [e.dropdown ? o(t.BentoDropdown, e._b({ attrs: { id: t.dropdownId, "dynamic-filtering": !1, disabled: e.disabled, readonly: t.isReadOnly }, on: { input: t.onDropdownInput } }, "bento-dropdown", e.dropdown, !1)) : e._e()], 1) : e._e()], 1), t.shouldShowError && e.errorMessage ? o(t.ErrorMessage, { staticClass: "b-input-field__error-message", attrs: { id: t.errorId, "error-message": e.errorMessage } }) : e._e(), t.hasSlot("description") ? o("span", { staticClass: "b-input-field__description", attrs: { id: t.descriptionId }, on: { click: t.focusInput } }, [o(t.BentoTypography, { attrs: { el: "span", variant: "body" } }, [e._t("description", null, { id: "description" })], 2)], 1) : e._e()], 1);
-}, pt = [], ct = /* @__PURE__ */ it(
-  lt,
-  ut,
-  pt,
-  !1,
-  null,
-  "ab2ed9b8"
-);
-const Et = ct.exports;
-export {
-  Et as B,
-  d as a,
-  n as b,
-  p as c,
-  v as d,
-  nt as e
-};
-//# sourceMappingURL=input-field.BnlEPPYr.js.map