npm - @adyen/bento-vue2 - Versions diffs - 1.34.0 → 1.35.0 - Mend

@adyen/bento-vue2 1.34.0 → 1.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (272) hide show

package/dist/chunks/{header.BmNDoXio.js.map → header.Nh_SoSJP.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"header.BmNDoXio.js","sources":["../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/differenceInCalendarMonths/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/differenceInMilliseconds/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/_lib/roundingMethods/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/isLastDayOfMonth/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/differenceInMonths/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/differenceInSeconds/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/formatDistance/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/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","import { BentoLoadingButtonState } from '@/core/components/loading-button/loading-button.types';\n\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\nexport interface BentoHeaderReloadButton {\n title: string;\n event?: (event: Event) => void;\n state?: `${BentoLoadingButtonState}`;\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 <div v-if=\"lastUpdated\" class=\"b-header__timestamp-section\">\n <bento-typography class=\"b-header__timestamp\" el=\"div\">\n {{ timestamp }}\n </bento-typography>\n <bento-loading-button\n v-if=\"reloadButton\"\n variant=\"tertiary\"\n :state=\"reloadButton.state\"\n @click=\"reloadButton.event\"\n ><template #iconLeft><reload-icon /></template>{{ reloadButton.title }}</bento-loading-button\n >\n </div>\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 ReloadIcon from '@adyen/ui-assets-icons-16/vue/refresh';\n import { InfoIconWithPopover } from './components/info-icon-with-popover';\n import { BentoButtonActionsList, BentoLoadingButton } from '@/components/button';\n import { useHasSlot } from '@/composables';\n import { BentoHeaderReloadButton, 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 BentoLoadingButton,\n InfoIconWithPopover,\n ReloadIcon,\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 /\n Reload button which shows next to the header's timestamp\n * {@see BentoHeaderReloadButton}\n */\n reloadButton: {\n type: Object as PropType<BentoHeaderReloadButton>,\n default: null,\n },\n },\n emits: ['reload'],\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","BentoLoadingButton","InfoIconWithPopover","RefreshIcon","props","slots","locale$3","locales","locale$2","conditionalClasses","computed","typography","BentoTypographyElement","BentoTypographyVariant","timestamp","useHasSlot"],"mappings":";;;;;;;;;;;;;;;;AA4Be,SAAAA,EAAAC,GAAAC,GAAA;AACf,EAAAC,EAAA,GAAA,SAAA;AACA,MAAAC,IAAAC,EAAAJ,CAAA,GACAK,IAAAD,EAAAH,CAAA,GACAK,IAAAH,EAAA,YAAA,IAAAE,EAAA,YAAA,GACAE,IAAAJ,EAAA,SAAA,IAAAE,EAAA,SAAA;AACA,SAAAC,IAAA,KAAAC;AACA;ACNe,SAAAC,EAAAL,GAAAE,GAAA;AACf,SAAAH,EAAA,GAAA,SAAA,GACAE,EAAAD,CAAA,EAAA,QAAA,IAAAC,EAAAC,CAAA,EAAA,QAAA;AACA;AChCA,IAAAI,IAAA;AAAA,EACA,MAAA,KAAA;AAAA,EACA,OAAA,KAAA;AAAA,EACA,OAAA,KAAA;AAAA,EACA,OAAA,SAAAC,GAAA;AACA,WAAAA,IAAA,IAAA,KAAA,KAAAA,CAAA,IAAA,KAAA,MAAAA,CAAA;AAAA,EACA;AAAA;AAEA,GACAC,IAAA;AACO,SAAAC,EAAAC,GAAA;AACP,SAAAA,IAAAJ,EAAAI,CAAA,IAAAJ,EAAAE,CAAA;AACA;ACce,SAAAG,EAAAC,GAAA;AACf,EAAAb,EAAA,GAAA,SAAA;AACA,MAAAc,IAAAZ,EAAAW,CAAA;AACA,SAAAE,EAAAD,CAAA,EAAA,QAAA,MAAAE,EAAAF,CAAA,EAAA,QAAA;AACA;ACFe,SAAAG,EAAAnB,GAAAC,GAAA;AACf,EAAAC,EAAA,GAAA,SAAA;AACA,MAAAC,IAAAC,EAAAJ,CAAA,GACAK,IAAAD,EAAAH,CAAA,GACAmB,IAAAC,EAAAlB,GAAAE,CAAA,GACAiB,IAAA,KAAA,IAAAvB,EAAAI,GAAAE,CAAA,CAAA,GACAkB;AAEA,MAAAD,IAAA;AACA,IAAAC,IAAA;AAAA,OACA;AACA,IAAApB,EAAA,SAAA,MAAA,KAAAA,EAAA,QAAA,IAAA,MAGAA,EAAA,QAAA,EAAA,GAGAA,EAAA,SAAAA,EAAA,SAAA,IAAAiB,IAAAE,CAAA;AAGA,QAAAE,IAAAH,EAAAlB,GAAAE,CAAA,MAAA,CAAAe;AAEA,IAAAN,EAAAV,EAAAJ,CAAA,CAAA,KAAAsB,MAAA,KAAAD,EAAArB,GAAAK,CAAA,MAAA,MACAmB,IAAA,KAGAD,IAAAH,KAAAE,IAAA,OAAAE,CAAA;AAAA,EACA;AAGA,SAAAD,MAAA,IAAA,IAAAA;AACA;AC3Be,SAAAE,EAAAtB,GAAAE,GAAAqB,GAAA;AACf,EAAAxB,EAAA,GAAA,SAAA;AACA,MAAAyB,IAAAnB,EAAAL,GAAAE,CAAA,IAAA;AACA,SAAAO,EAAA,MAAA,EAAAe,CAAA;AACA;AC5BA,IAAAC,IAAA,MACAC,KAAA,MACAC,IAAA,OACAC,KAAA;AA8Ge,SAAAC,GAAAjB,GAAAkB,GAAA;AACf,MAAAP,IAAA,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAAA,CAAA;AACA,EAAAxB,EAAA,GAAA,SAAA;AACA,MAAAgC,IAAAR,EAAA,UAAAS;AAEA,MAAA,CAAAD,EAAA;AACA,UAAA,IAAA,WAAA,6CAAA;AAGA,MAAAE,IAAAf,EAAAN,GAAAkB,CAAA;AAEA,MAAA,MAAAG,CAAA;AACA,UAAA,IAAA,WAAA,oBAAA;AAGA,MAAAC,IAAAC,EAAAZ,CAAA;AACA,EAAAW,EAAA,YAAA,EAAAX,EAAA,WACAW,EAAA,aAAAD;AACA,MAAAjC,GACAE;AAEA,EAAA+B,IAAA,KACAjC,IAAAC,EAAA6B,CAAA,GACA5B,IAAAD,EAAAW,CAAA,MAEAZ,IAAAC,EAAAW,CAAA,GACAV,IAAAD,EAAA6B,CAAA;AAGA,MAAAM,IAAAd,EAAApB,GAAAF,CAAA,GACAqC,KAAAC,EAAApC,CAAA,IAAAoC,EAAAtC,CAAA,KAAA,KACAuC,IAAA,KAAA,OAAAH,IAAAC,KAAA,EAAA,GACAG;AAEA,MAAAD,IAAA;AACA,WAAAhB,EAAA,iBACAa,IAAA,IACAL,EAAA,eAAA,oBAAA,GAAAG,CAAA,IACAE,IAAA,KACAL,EAAA,eAAA,oBAAA,IAAAG,CAAA,IACAE,IAAA,KACAL,EAAA,eAAA,oBAAA,IAAAG,CAAA,IACAE,IAAA,KACAL,EAAA,eAAA,eAAA,MAAAG,CAAA,IACAE,IAAA,KACAL,EAAA,eAAA,oBAAA,GAAAG,CAAA,IAEAH,EAAA,eAAA,YAAA,GAAAG,CAAA,IAGAK,MAAA,IACAR,EAAA,eAAA,oBAAA,GAAAG,CAAA,IAEAH,EAAA,eAAA,YAAAQ,GAAAL,CAAA;AAIA,MAAAK,IAAA;AACA,WAAAR,EAAA,eAAA,YAAAQ,GAAAL,CAAA;AACA,MAAAK,IAAA;AACA,WAAAR,EAAA,eAAA,eAAA,GAAAG,CAAA;AACA,MAAAK,IAAAd,GAAA;AACA,QAAAgB,IAAA,KAAA,MAAAF,IAAA,EAAA;AACA,WAAAR,EAAA,eAAA,eAAAU,GAAAP,CAAA;AAAA,EACA,OAAA;AAAA,QAAAK,IAAAb;AACA,aAAAK,EAAA,eAAA,SAAA,GAAAG,CAAA;AACA,QAAAK,IAAAZ,GAAA;AACA,UAAAe,IAAA,KAAA,MAAAH,IAAAd,CAAA;AACA,aAAAM,EAAA,eAAA,SAAAW,GAAAR,CAAA;AAAA,IACA,WAAAK,IAAAX;AACA,aAAAY,IAAA,KAAA,MAAAD,IAAAZ,CAAA,GACAI,EAAA,eAAA,gBAAAS,GAAAN,CAAA;AAAA;AAKA,MAFAM,IAAAxB,EAAAd,GAAAF,CAAA,GAEAwC,IAAA,IAAA;AACA,QAAAG,IAAA,KAAA,MAAAJ,IAAAZ,CAAA;AACA,WAAAI,EAAA,eAAA,WAAAY,GAAAT,CAAA;AAAA,EACA,OAAA;AACA,QAAAU,IAAAJ,IAAA,IACAK,IAAA,KAAA,MAAAL,IAAA,EAAA;AAEA,WAAAI,IAAA,IACAb,EAAA,eAAA,eAAAc,GAAAX,CAAA,IACAU,IAAA,IACAb,EAAA,eAAA,cAAAc,GAAAX,CAAA,IAEAH,EAAA,eAAA,gBAAAc,IAAA,GAAAX,CAAA;AAAA,EAEA;AACA;ACxGe,SAAAY,GAAAlC,GAAAmC,GAAA;AACf,SAAAhD,EAAA,GAAA,SAAA,GACA8B,GAAAjB,GAAA,KAAA,IAAA,GAAAmC,CAAA;AACA;;;;;GCcIC,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAEf;;;;;;;;;;;;;;;;;;AA5DA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAC,EAAA,8BAAA,GACAC,IAAAJ,EAAA,GACAK,IAAAL,EAAA,GAEAM,IAAA,MAAA;AACI,MAAAF,EAAA,QAAA,IACAC,EAAA,SACI,aAAAA,EAAA,KAAA;AAAA,IACJ,GAEJE,IAAA,MAAA;AAGI,YAAAC,IAAA,WAAA,MAAA;AACI,QAAAJ,EAAA,QAAA;AAAA,MAAe,GAAA,GAAA;AAEnB,MAAAC,EAAA,QAAAG;AAAA,IAAyB;+LAG7B,MAAA;AACI,MAAAF,EAAA;AAAA,IAAY,uBAOhB,CAAAG,MAAA;AACI,OAAA,CAAAV,EAAA,SAAA,GAAAU,KAAA,gBAAAA,EAAA,0BAAA,YAAA,CAAAV,EAAA,MAAA,SAAAU,EAAA,aAAA,MAKIF,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;ACpGI,IAAAG,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA;;;;;GCmDZE,KAAAC,EAAA;AAAA,EAAA,MAAA,EAAA,UAAAC,GAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,EACA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,qBAAA,EAAA,MAAAD,EAAA,MAAA,YAAA,MAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAKA,yBAAA;AAAA,MAKA,MAAAA,EAAA,MAAA,gBAAA;AAAA,MACA,SAAAA,EAAA,MAAA,gBAAA;AAAA,MACA,WAAAA,EAAA,MAAA,gBAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA,EAAA,MAAA,CAAA,MAAA,MAAA,GAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,SAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAAR,EAAA;AAAA,MACA,WAAA,CAAAxD,MAAA,OAAA,OAAAwD,CAAA,EAAA,SAAAxD,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,OAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAA,QAAA;AAAA,EACA,MAAAkE,GAAA,EAAA,OAAAC,EAAA,GAAA;AAEA,UAAA,EAAA,GAAAxB,GAAA,QAAAyB,EAAA,IAAAxB,EAAA,GAEAyB,IAAA,EAAA,IAAA7C,GAAA,MAAAC,GAAA,IAAA6C,EAAA,GAEAC,IAAAC,EAAA,OAAA;AAAA,MAAA,uBAAAN,EAAA,YAAAV,EAAA;AAAA,IACA,EAAA,GAGAiB,IAAAD,EAAA,OAAA;AAAA,MAAA,IAAAN,EAAA,YAAAV,EAAA,OAAAkB,EAAA,KAAAA,EAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,QAAAT,EAAA,YAAAV,EAAA;AAAA,MACA,OAAAU,EAAA,YAAAV,EAAA;AAAA,IACA,EAAA,GAGAoB,IAAAJ;AAAA,MAAA,MAAAN,EAAA,cAAAvB,EAAA,eAAA;AAAA,QAEA,MAAAJ,GAAA2B,EAAA,aAAA;AAAA,UACA,QAAAG,EAAAD,EAAA,MAAA,UAAA,GAAA,CAAA,CAAA,KAAA3C;AAAA,QACA,CAAA;AAAA,MACA,CAAA,IAAA;AAAA,IAEA;AAEA,WAAA;AAAA,MAAA,SAAAoD,EAAAV,CAAA;AAAA,MACA,oBAAAI;AAAA,MACA,WAAAK;AAAA,MACA,YAAAH;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0,1,2,3,4,5,6,7]}
1	+ {"version":3,"file":"header.Nh_SoSJP.js","sources":["../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/differenceInCalendarMonths/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/differenceInMilliseconds/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/_lib/roundingMethods/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/isLastDayOfMonth/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/differenceInMonths/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/differenceInSeconds/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/formatDistance/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/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('moreInformation')\"\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","import { BentoLoadingButtonState } from '@/core/components/loading-button/loading-button.types';\n\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\nexport interface BentoHeaderReloadButton {\n title: string;\n event?: (event: Event) => void;\n state?: `${BentoLoadingButtonState}`;\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 <div v-if=\"lastUpdated\" class=\"b-header__timestamp-section\">\n <bento-typography class=\"b-header__timestamp\" el=\"div\">\n {{ timestamp }}\n </bento-typography>\n <bento-loading-button\n v-if=\"reloadButton\"\n variant=\"tertiary\"\n :state=\"reloadButton.state\"\n @click=\"reloadButton.event\"\n ><template #iconLeft><reload-icon /></template>{{ reloadButton.title }}</bento-loading-button\n >\n </div>\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 ReloadIcon from '@adyen/ui-assets-icons-16/vue/refresh';\n import { InfoIconWithPopover } from './components/info-icon-with-popover';\n import { BentoButtonActionsList, BentoLoadingButton } from '@/components/button';\n import { useHasSlot } from '@/composables';\n import { BentoHeaderReloadButton, BentoHeaderVariant } from './header.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { useI18n } from '@/utils/ts/i18n';\n import { getDateLocale } from '@/utils/ts/get-date-locale/get-date-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 BentoLoadingButton,\n InfoIconWithPopover,\n ReloadIcon,\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 /\n Reload button which shows next to the header's timestamp\n * {@see BentoHeaderReloadButton}\n */\n reloadButton: {\n type: Object as PropType<BentoHeaderReloadButton>,\n default: null,\n },\n },\n emits: ['reload'],\n setup(props, { slots }) {\n const { t, locale } = useI18n<{ message: MessageSchema }>({ messages });\n // TODO to replace with dynamic import\n const locales = getDateLocale();\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)] \|\| locales.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","BentoLoadingButton","InfoIconWithPopover","RefreshIcon","props","slots","locales","getDateLocale","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/{index.Z84QE0E2.js → index.CrhTVr5J.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as a, t as o } from "./index.B_UZQ6qF.js";
+import { r as a, t as o } from "./get-date-locale.BN8xEjY0.js";
 function s(e) {
   a(1, arguments);
   var t = o(e), r = t.getMonth();
@@ -7,4 +7,4 @@ function s(e) {
 export {
   s as e
 };
-//# sourceMappingURL=index.Z84QE0E2.js.map
+//# sourceMappingURL=index.CrhTVr5J.js.map

package/dist/chunks/{index.Z84QE0E2.js.map → index.CrhTVr5J.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.~~Z84QE0E2~~.js","sources":["../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/endOfMonth/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/*\n @name endOfMonth\n * @category Month Helpers\n * @summary Return the end of a month for the given date.\n \n @description\n * Return the end of a month for the given date.\n * The result will be in the local timezone.\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 original date\n * @returns {Date} the end of a month\n * @throws {TypeError} 1 argument required\n \n @example\n * // The end of a month for 2 September 2014 11:55:00:\n * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 30 2014 23:59:59.999\n */\n\nexport default function endOfMonth(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n var month = date.getMonth();\n date.setFullYear(date.getFullYear(), month + 1, 0);\n date.setHours(23, 59, 59, 999);\n return date;\n}"],"names":["endOfMonth","dirtyDate","requiredArgs","date","toDate","month"],"mappings":";AAyBe,SAASA,EAAWC,GAAW;AAC5C,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOH,CAAS,GACvBI,IAAQF,EAAK,SAAU;AAC3B,SAAAA,EAAK,YAAYA,EAAK,YAAa,GAAEE,IAAQ,GAAG,CAAC,GACjDF,EAAK,SAAS,IAAI,IAAI,IAAI,GAAG,GACtBA;AACT;","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"index.CrhTVr5J.js","sources":["../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/endOfMonth/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/*\n @name endOfMonth\n * @category Month Helpers\n * @summary Return the end of a month for the given date.\n \n @description\n * Return the end of a month for the given date.\n * The result will be in the local timezone.\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 original date\n * @returns {Date} the end of a month\n * @throws {TypeError} 1 argument required\n \n @example\n * // The end of a month for 2 September 2014 11:55:00:\n * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 30 2014 23:59:59.999\n */\n\nexport default function endOfMonth(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n var month = date.getMonth();\n date.setFullYear(date.getFullYear(), month + 1, 0);\n date.setHours(23, 59, 59, 999);\n return date;\n}"],"names":["endOfMonth","dirtyDate","requiredArgs","date","toDate","month"],"mappings":";AAyBe,SAASA,EAAWC,GAAW;AAC5C,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOH,CAAS,GACvBI,IAAQF,EAAK,SAAU;AAC3B,SAAAA,EAAK,YAAYA,EAAK,YAAa,GAAEE,IAAQ,GAAG,CAAC,GACjDF,EAAK,SAAS,IAAI,IAAI,IAAI,GAAG,GACtBA;AACT;","x_google_ignoreList":[0]}

package/dist/chunks/{index.xqFSZOAb.js → index.DDnf1O9p.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, t } from "./index.B_UZQ6qF.js";
+import { r as o, t } from "./get-date-locale.BN8xEjY0.js";
 function f(e, r) {
   o(2, arguments);
   var n = t(e), i = t(r), a = n.getTime() - i.getTime();
@@ -19,4 +19,4 @@ export {
   l as a,
   f as c
 };
-//# sourceMappingURL=index.xqFSZOAb.js.map
+//# sourceMappingURL=index.DDnf1O9p.js.map

package/dist/chunks/{index.xqFSZOAb.js.map → index.DDnf1O9p.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.~~xqFSZOAb~~.js","sources":["../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/compareAsc/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/_lib/assign/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/_lib/cloneObject/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/*\n @name compareAsc\n * @category Common Helpers\n * @summary Compare the two dates and return -1, 0 or 1.\n \n @description\n * Compare the two dates and return 1 if the first date is after the second,\n * -1 if the first date is before the second or 0 if dates are equal.\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 first date to compare\n * @param {Date\|Number} dateRight - the second date to compare\n * @returns {Number} the result of the comparison\n * @throws {TypeError} 2 arguments required\n \n @example\n * // Compare 11 February 1987 and 10 July 1989:\n * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))\n * //=> -1\n \n @example\n * // Sort the array of dates:\n * const result = [\n * new Date(1995, 6, 2),\n * new Date(1987, 1, 11),\n * new Date(1989, 6, 10)\n * ].sort(compareAsc)\n * //=> [\n * // Wed Feb 11 1987 00:00:00,\n * // Mon Jul 10 1989 00:00:00,\n * // Sun Jul 02 1995 00:00:00\n * // ]\n */\n\nexport default function compareAsc(dirtyDateLeft, dirtyDateRight) {\n requiredArgs(2, arguments);\n var dateLeft = toDate(dirtyDateLeft);\n var dateRight = toDate(dirtyDateRight);\n var diff = dateLeft.getTime() - dateRight.getTime();\n\n if (diff < 0) {\n return -1;\n } else if (diff > 0) {\n return 1; // Return 0 if diff is 0; return NaN if diff is NaN\n } else {\n return diff;\n }\n}","export default function assign(target, dirtyObject) {\n if (target == null) {\n throw new TypeError('assign requires that input parameter not be null or undefined');\n }\n\n dirtyObject = dirtyObject \|\| {};\n\n for (var property in dirtyObject) {\n if (Object.prototype.hasOwnProperty.call(dirtyObject, property)) {\n target[property] = dirtyObject[property];\n }\n }\n\n return target;\n}","import assign from \"../assign/index.js\";\nexport default function cloneObject(dirtyObject) {\n return assign({}, dirtyObject);\n}"],"names":["compareAsc","dirtyDateLeft","dirtyDateRight","requiredArgs","dateLeft","toDate","dateRight","diff","assign","target","dirtyObject","property","cloneObject"],"mappings":";AAuCe,SAASA,EAAWC,GAAeC,GAAgB;AAChE,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAWC,EAAOJ,CAAa,GAC/BK,IAAYD,EAAOH,CAAc,GACjCK,IAAOH,EAAS,QAAO,IAAKE,EAAU,QAAS;AAEnD,SAAIC,IAAO,IACF,KACEA,IAAO,IACT,IAEAA;AAEX;ACpDe,SAASC,EAAOC,GAAQC,GAAa;AAClD,MAAID,KAAU;AACZ,UAAM,IAAI,UAAU,+DAA+D;AAGrF,EAAAC,IAAcA,KAAe,CAAE;AAE/B,WAASC,KAAYD;AACnB,IAAI,OAAO,UAAU,eAAe,KAAKA,GAAaC,CAAQ,MAC5DF,EAAOE,CAAQ,IAAID,EAAYC,CAAQ;AAI3C,SAAOF;AACT;ACbe,SAASG,EAAYF,GAAa;AAC/C,SAAOF,EAAO,CAAE,GAAEE,CAAW;AAC/B;","x_google_ignoreList":[0,1,2]}
1	+ {"version":3,"file":"index.DDnf1O9p.js","sources":["../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/compareAsc/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/_lib/assign/index.js","../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/_lib/cloneObject/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/*\n @name compareAsc\n * @category Common Helpers\n * @summary Compare the two dates and return -1, 0 or 1.\n \n @description\n * Compare the two dates and return 1 if the first date is after the second,\n * -1 if the first date is before the second or 0 if dates are equal.\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 first date to compare\n * @param {Date\|Number} dateRight - the second date to compare\n * @returns {Number} the result of the comparison\n * @throws {TypeError} 2 arguments required\n \n @example\n * // Compare 11 February 1987 and 10 July 1989:\n * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))\n * //=> -1\n \n @example\n * // Sort the array of dates:\n * const result = [\n * new Date(1995, 6, 2),\n * new Date(1987, 1, 11),\n * new Date(1989, 6, 10)\n * ].sort(compareAsc)\n * //=> [\n * // Wed Feb 11 1987 00:00:00,\n * // Mon Jul 10 1989 00:00:00,\n * // Sun Jul 02 1995 00:00:00\n * // ]\n */\n\nexport default function compareAsc(dirtyDateLeft, dirtyDateRight) {\n requiredArgs(2, arguments);\n var dateLeft = toDate(dirtyDateLeft);\n var dateRight = toDate(dirtyDateRight);\n var diff = dateLeft.getTime() - dateRight.getTime();\n\n if (diff < 0) {\n return -1;\n } else if (diff > 0) {\n return 1; // Return 0 if diff is 0; return NaN if diff is NaN\n } else {\n return diff;\n }\n}","export default function assign(target, dirtyObject) {\n if (target == null) {\n throw new TypeError('assign requires that input parameter not be null or undefined');\n }\n\n dirtyObject = dirtyObject \|\| {};\n\n for (var property in dirtyObject) {\n if (Object.prototype.hasOwnProperty.call(dirtyObject, property)) {\n target[property] = dirtyObject[property];\n }\n }\n\n return target;\n}","import assign from \"../assign/index.js\";\nexport default function cloneObject(dirtyObject) {\n return assign({}, dirtyObject);\n}"],"names":["compareAsc","dirtyDateLeft","dirtyDateRight","requiredArgs","dateLeft","toDate","dateRight","diff","assign","target","dirtyObject","property","cloneObject"],"mappings":";AAuCe,SAASA,EAAWC,GAAeC,GAAgB;AAChE,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAWC,EAAOJ,CAAa,GAC/BK,IAAYD,EAAOH,CAAc,GACjCK,IAAOH,EAAS,QAAO,IAAKE,EAAU,QAAS;AAEnD,SAAIC,IAAO,IACF,KACEA,IAAO,IACT,IAEAA;AAEX;ACpDe,SAASC,EAAOC,GAAQC,GAAa;AAClD,MAAID,KAAU;AACZ,UAAM,IAAI,UAAU,+DAA+D;AAGrF,EAAAC,IAAcA,KAAe,CAAE;AAE/B,WAASC,KAAYD;AACnB,IAAI,OAAO,UAAU,eAAe,KAAKA,GAAaC,CAAQ,MAC5DF,EAAOE,CAAQ,IAAID,EAAYC,CAAQ;AAI3C,SAAOF;AACT;ACbe,SAASG,EAAYF,GAAa;AAC/C,SAAOF,EAAO,CAAE,GAAEE,CAAW;AAC/B;","x_google_ignoreList":[0,1,2]}

package/dist/chunks/{index.B_EJflcs.js → index.DPafeRJa.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, t as a } from "./index.B_UZQ6qF.js";
+import { r as t, t as a } from "./get-date-locale.BN8xEjY0.js";
 function o(e) {
   t(1, arguments);
   var r = a(e);
@@ -7,4 +7,4 @@ function o(e) {
 export {
   o as e
 };
-//# sourceMappingURL=index.B_EJflcs.js.map
+//# sourceMappingURL=index.DPafeRJa.js.map

package/dist/chunks/{index.B_EJflcs.js.map → index.DPafeRJa.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.~~B_EJflcs~~.js","sources":["../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/endOfDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/*\n @name endOfDay\n * @category Day Helpers\n * @summary Return the end of a day for the given date.\n \n @description\n * Return the end of a day for the given date.\n * The result will be in the local timezone.\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 original date\n * @returns {Date} the end of a day\n * @throws {TypeError} 1 argument required\n \n @example\n * // The end of a day for 2 September 2014 11:55:00:\n * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 23:59:59.999\n */\n\nexport default function endOfDay(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n date.setHours(23, 59, 59, 999);\n return date;\n}"],"names":["endOfDay","dirtyDate","requiredArgs","date","toDate"],"mappings":";AAyBe,SAASA,EAASC,GAAW;AAC1C,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOH,CAAS;AAC3B,SAAAE,EAAK,SAAS,IAAI,IAAI,IAAI,GAAG,GACtBA;AACT;","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"index.DPafeRJa.js","sources":["../../../../node_modules/.pnpm/date-fns@2.28.0/node_modules/date-fns/esm/endOfDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/*\n @name endOfDay\n * @category Day Helpers\n * @summary Return the end of a day for the given date.\n \n @description\n * Return the end of a day for the given date.\n * The result will be in the local timezone.\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 original date\n * @returns {Date} the end of a day\n * @throws {TypeError} 1 argument required\n \n @example\n * // The end of a day for 2 September 2014 11:55:00:\n * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 23:59:59.999\n */\n\nexport default function endOfDay(dirtyDate) {\n requiredArgs(1, arguments);\n var date = toDate(dirtyDate);\n date.setHours(23, 59, 59, 999);\n return date;\n}"],"names":["endOfDay","dirtyDate","requiredArgs","date","toDate"],"mappings":";AAyBe,SAASA,EAASC,GAAW;AAC1C,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOH,CAAS;AAC3B,SAAAE,EAAK,SAAS,IAAI,IAAI,IAAI,GAAG,GACtBA;AACT;","x_google_ignoreList":[0]}

package/dist/chunks/{info-icon.DNn4oZsB.js → info-icon.bQl_RleE.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { defineComponent as n } from "vue";
 import { d as i } from "./popper-container.CnWphJTN.js";
-import { I as r } from "./info.CyeBsLgt.js";
+import { I as r } from "./info.D4SG-AIm.js";
 import { B as s } from "./tooltip.BN6fOXzi.js";
 import { n as a } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/info-icon.css";
@@ -38,4 +38,4 @@ const x = f.exports;
 export {
   x as B
 };
-//# sourceMappingURL=info-icon.DNn4oZsB.js.map
+//# sourceMappingURL=info-icon.bQl_RleE.js.map

package/dist/chunks/{info-icon.DNn4oZsB.js.map → info-icon.bQl_RleE.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"info-icon.~~DNn4oZsB~~.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;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"info-icon.bQl_RleE.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/{info.CyeBsLgt.js → info.D4SG-AIm.js} RENAMED Viewed

@@ -1,5 +1,5 @@
+/* empty css              */
 import { n as a } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/cross.css";
 let i = 0;
 const r = {
   beforeCreate() {
@@ -17,8 +17,8 @@ var C = function() {
   null,
   null
 );
-const _ = n.exports;
+const f = n.exports;
 export {
-  _ as I
+  f as I
 };
-//# sourceMappingURL=info.CyeBsLgt.js.map
+//# sourceMappingURL=info.D4SG-AIm.js.map

package/dist/chunks/{info.CyeBsLgt.js.map → info.D4SG-AIm.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"info.~~CyeBsLgt~~.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.~~0_vue~~@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info.vue"],"sourcesContent":["\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g fill=\"#00112C\" :clip-path=\"'url(#uia-icons-16-info__a' + uuid + ')'\"><path d=\"M8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557Z\"/><path d=\"M6.25 6.25H8.75V10.25H9.75V11.75H6.25V10.25H7.25V7.75H6.25V6.25Z\"/><path d=\"M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.704529 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8887 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n~~<style>\n @import '../css/main.css';\n</style>\n~~"],"names":["uuid","_sfc_main"],"mappings":";;~~AAKA~~,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"info.D4SG-AIm.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@6.0.2_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info.vue"],"sourcesContent":["\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g fill=\"#00112C\" :clip-path=\"'url(#uia-icons-16-info__a' + uuid + ')'\"><path d=\"M8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557Z\"/><path d=\"M6.25 6.25H8.75V10.25H9.75V11.75H6.25V10.25H7.25V7.75H6.25V6.25Z\"/><path d=\"M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.704529 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8887 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAOA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/{input-field.S5HIZtYA.js → input-field.nBUtoYwF.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { defineComponent as j, useAttrs as q, useSlots as K, ref as R, provide as X, toRef as z, computed as i, toRefs as G } from "vue";
-import { I as J, B as Q } from "./dropdown.DpsQPLy-.js";
+import { I as J, B as Q } from "./dropdown.h_j0DsN2.js";
 import { p as Z, d as P, B as ee } from "./typography.CqQaHXhq.js";
 import { g as u } from "./unique-id.XFfoKuc2.js";
 import { g as te } from "./get-slot-text.Cgn-E48s.js";
@@ -7,7 +7,7 @@ import { u as ae } from "./aria-label.CaUURpnB.js";
 import { u as oe } from "./i18n.BQkEbtPM.js";
 import { u as re } from "./use-form-layout-loading.D3lALhtC.js";
 import { u as ie } from "./use-has-slot.C9lQZ6nz.js";
-import { E as ne, F as de } from "./error-message.BnFyGbR7.js";
+import { E as ne, F as de } from "./error-message.3tVTq0sW.js";
 import { n as se } 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 || {}), w = /* @__PURE__ */ ((a) => (a.SEARCH = "search", a.TEXT = "text", a.NUMBER = "number", a))(w || {}), le = /* @__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))(le || {});
@@ -222,4 +222,4 @@ export {
   w as d,
   le as e
 };
-//# sourceMappingURL=input-field.S5HIZtYA.js.map
+//# sourceMappingURL=input-field.nBUtoYwF.js.map

package/dist/chunks/{input-field.S5HIZtYA.js.map → input-field.nBUtoYwF.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-field.S5HIZtYA.js","sources":["../../src/components/input-field/input-field.types.ts","../../src/components/input-field/input-field.vue"],"sourcesContent":["import { BentoDropdown } from '@/components/dropdown/';\nimport type { HTMLAttributes } from 'vue/types/jsx';\n\n/*\n @deprecated for usage with properties since version 2.0. Use the string literal instead.\n /\nexport enum BentoInputFieldVariant {\n DEFAULT = 'default',\n PAYMENT_METHOD = 'payment-method',\n STATIC_VALUE = 'static-value',\n DROPDOWN = 'dropdown',\n}\n\n/\n @deprecated for usage with properties since version 2.0. Use the string literal instead.\n /\nexport enum BentoInputFieldElementPosition {\n START = 'start',\n END = 'end',\n}\n\nexport enum BentoInputFieldStateClass {\n CONDENSED = 'condensed',\n DISABLED = 'disabled',\n READONLY = 'readonly',\n ERROR = 'error',\n}\n\n/\n @deprecated for usage with properties since version 2.0. Use the string literal instead.\n /\nexport enum BentoInputFieldType {\n SEARCH = 'search',\n TEXT = 'text',\n NUMBER = 'number',\n}\n\nexport type BentoInputFieldValue = string \| number;\n\ntype DropdownProps = InstanceType<typeof BentoDropdown>['$props'];\nexport type BentoInputDropdownProps = {\n items: DropdownProps['items'];\n value: DropdownProps['value'];\n dynamicFiltering?: DropdownProps['dynamicFiltering'];\n 'aria-label'?: HTMLAttributes['aria-label'];\n};\n\n/\n @deprecated The use of these enums is no longer supported.\n * Use `v-on:` or `@` to listen to the events being emitted.\n * This enum will be removed in 2.0.\n /\nexport enum BentoInputFieldEvent {\n INPUT = 'input',\n ESCAPE_PRESSED = 'escape-pressed',\n UPDATE_DROPDOWN = 'update:dropdown',\n DROPDOWN_INPUT = 'dropdown-input',\n FOCUS = 'focus',\n CHANGE = 'change',\n BLUR = 'blur',\n KEYDOWN = 'keydown',\n}\n","<template>\n <bento-typography\n class=\"b-input-field\"\n data-testid=\"input-text-container\"\n :class=\"inputFieldConditionalClasses\"\n el=\"div\"\n variant=\"body\"\n >\n <field-label\n v-if=\"hasSlot('default')\"\n :for=\"inputFieldId\"\n data-testid=\"input-field-label\"\n :tooltip-text=\"tooltipText\"\n :optional=\"optional\"\n :required=\"required\"\n @click=\"focusInput\"\n >\n <slot></slot>\n </field-label>\n\n <div class=\"b-input-field__input-box\" data-testid=\"input-box\" :aria-disabled=\"disabled\" @click=\"focusInput\">\n <!-- Optional Icon for Default text variant -->\n <span\n v-if=\"isDefaultVariant && (hasSlot('defaultIconBefore') \|\| hasSlot('iconBefore'))\"\n :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n class=\"b-input-field__icon-before\"\n >\n <slot v-if=\"hasSlot('iconBefore')\" name=\"iconBefore\" />\n <slot v-if=\"hasSlot('defaultIconBefore') && !hasSlot('iconBefore')\" name=\"defaultIconBefore\" />\n </span>\n\n <!-- Mandatory Icon for Payment Method variant -->\n <span\n v-if=\"isPaymentMethodVariant && hasSlot('paymentMethod')\"\n :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n class=\"b-input-field__payment-method\"\n >\n <slot name=\"paymentMethod\" />\n </span>\n\n <!-- Dropdown at start -->\n <div\n v-if=\"shouldDisplayDropdownAtStart\"\n :id=\"dropdownId\"\n class=\"b-input-field__dropdown b-input-field__dropdown--start\"\n @click.stop\n >\n <bento-dropdown\n v-if=\"dropdown\"\n v-bind=\"inputFieldDropdownProps\"\n :disabled=\"disabled\"\n :readonly=\"isReadOnly\"\n @input=\"onDropdownInput\"\n />\n </div>\n\n <!-- Static Value at start -->\n <bento-typography\n v-if=\"shouldDisplayStaticValueAtStart\"\n :id=\"staticValueId\"\n class=\"b-input-field__static-value b-input-field__static-value--start\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"staticValue\" />\n </bento-typography>\n\n <input\n :id=\"inputFieldId\"\n v-bind=\"attrs\"\n ref=\"inputFieldElement\"\n class=\"b-input-field__input\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"computedAriaDescribedBy\"\n :aria-owns=\"computedAriaOwns\"\n :aria-invalid=\"shouldShowError\"\n :placeholder=\"placeholder\"\n :type=\"type\"\n :value=\"value\"\n :disabled=\"disabled\"\n :readonly=\"isReadOnly\"\n @input=\"onInput\"\n @change=\"emit('change')\"\n @focus=\"emit('focus')\"\n @blur=\"emit('blur')\"\n @keydown=\"emit('keydown', $event)\"\n @keydown.esc=\"emit('escape-pressed')\"\n />\n <span\n v-if=\"hasSlot('iconAfter')\"\n :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n class=\"b-input-field__icon-after\"\n data-testid=\"input-text__icon-after\"\n >\n <slot name=\"iconAfter\" />\n </span>\n\n <!-- Static Value at the end -->\n <bento-typography\n v-if=\"shouldDisplayStaticValueAtEnd\"\n :id=\"staticValueId\"\n class=\"b-input-field__static-value b-input-field__static-value--end\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"staticValue\" />\n </bento-typography>\n\n <!-- Dropdown at end -->\n <div\n v-if=\"shouldDisplayDropdownAtEnd\"\n :id=\"dropdownId\"\n data-testid=\"input-field-dropdown-container-end\"\n class=\"b-input-field__dropdown b-input-field__dropdown--end\"\n @click.stop\n >\n <bento-dropdown\n v-if=\"dropdown\"\n :id=\"dropdownId\"\n v-bind=\"inputFieldDropdownProps\"\n :disabled=\"disabled\"\n :readonly=\"isReadOnly\"\n @input=\"onDropdownInput\"\n />\n </div>\n </div>\n\n <error-message\n v-if=\"shouldShowError && !!errorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-input-field__error-message\"\n />\n\n <span v-if=\"hasSlot('description')\" :id=\"descriptionId\" class=\"b-input-field__description\" @click=\"focusInput\">\n <bento-typography el=\"span\" variant=\"body\">\n <slot id=\"description\" name=\"description\" />\n </bento-typography>\n </span>\n </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, PropType, provide, ref, toRef, toRefs, useAttrs, useSlots } from 'vue';\n\n // Components\n import { BentoDropdown } from '@/components/dropdown';\n import { BentoTypography } from '@/components/typography';\n import { ErrorMessage, FieldLabel } from '@/internal';\n\n // Utils\n import { deprecate } from '@/utils/ts/deprecate';\n import { generateUid } from '@/utils/ts/unique-id';\n import { getSlotText } from '@/utils/ts/get-slot-text';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { useI18n } from '@/utils/ts/i18n';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n import { INPUT_FIELD_COMPONENT_INJECTION_KEY } from '@/components/input-field/input-field.keys';\n\n // Composables\n import { useFormLayoutFieldLoading, useHasSlot } from '@/composables';\n\n // Types\n import {\n BentoInputDropdownProps,\n BentoInputFieldElementPosition,\n BentoInputFieldStateClass,\n BentoInputFieldType,\n BentoInputFieldValue,\n BentoInputFieldVariant,\n } from './input-field.types';\n import { BentoListboxSelectedValue } from '@/types';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const attrs = useAttrs();\n const slots = useSlots();\n\n const props = defineProps({\n /\n Indicates whether the element is exposed to an accessibility API.\n /\n ariaHidden: { type: Boolean, default: true },\n\n /\n @deprecated from version 2.0.0. Use the aria-label attribute instead.\n /\n /\n Text that labels an the input element\n /\n ariaLabel: { type: String, default: undefined },\n\n /\n Reduces height of the input\n /\n condensed: { type: Boolean, default: false },\n\n /\n Disables the possibility of changing value in the input-field\n /\n disabled: { type: Boolean, default: false },\n\n /\n Dropdown props for the small selectable dropdown menu.\n * Properties supported:\n \n - `value`: Selected value of the dropdown\n * - `items`: List of available items\n * - `aria-label`: Text that labels the dropdown element\n \n /\n dropdown: {\n type: Object as PropType<BentoInputDropdownProps>,\n default: undefined,\n },\n\n /*\n Position of the dropdown before or after input value\n /\n dropdownPosition: {\n type: String as PropType<BentoInputFieldElementPosition \| `${BentoInputFieldElementPosition}`>,\n default: BentoInputFieldElementPosition.START,\n validator: (value: BentoInputFieldElementPosition) =>\n Object.values(BentoInputFieldElementPosition).includes(value),\n },\n\n /\n Adds error validation class for outlining input-field.\n \n @deprecated Use \"errorMessage\" prop instead\n /\n error: { type: Boolean, default: false },\n\n /\n Renders input-field with an error state and the error message beneath the input box\n /\n errorMessage: { type: String, default: null },\n\n /\n Highlights the dropdown is optional.\n /\n optional: { type: Boolean, default: false },\n\n /\n Text displayed as the placeholder of the input-field\n /\n placeholder: { type: String, default: '' },\n\n /\n Highlights the dropdown is required.\n /\n required: { type: Boolean, default: false },\n\n /\n Setting this property to true will set the input field to read only state.\n /\n readonly: { type: Boolean, default: false },\n\n /\n Static text that displayed before or after input value\n * Applicable to the Static Value variant\n /\n staticValue: { type: String, default: '' },\n\n /\n Position of Static Value before or after input value\n /\n staticValuePosition: {\n type: String as PropType<BentoInputFieldElementPosition \| `${BentoInputFieldElementPosition}`>,\n default: BentoInputFieldElementPosition.START,\n validator: (value: BentoInputFieldElementPosition) =>\n Object.values(BentoInputFieldElementPosition).includes(value),\n },\n\n /\n Adds a info icon next to the label to display the passed tooltip message.\n /\n tooltipText: { type: String, default: null },\n\n /\n A string specifying the type of control to render.\n * All `input` types are available but only `search`, `text` and `number` are fully supported.\n \n If `type` is `search`, use `bento-search-bar` instead.\n /\n type: {\n type: String as PropType<BentoInputFieldType \| `${BentoInputFieldType}` \| HTMLInputElement['type']>,\n default: BentoInputFieldType.TEXT,\n },\n\n /\n Text displayed as the value of the input-field\n /\n value: { type: [String, Number] as PropType<BentoInputFieldValue>, default: undefined },\n\n /\n Describes the different variants for the input element\n /\n variant: {\n type: String as PropType<BentoInputFieldVariant \| `${BentoInputFieldVariant}`>,\n default: BentoInputFieldVariant.DEFAULT,\n validator: (value: BentoInputFieldVariant) => Object.values(BentoInputFieldVariant).includes(value),\n },\n });\n\n const emit = defineEmits([\"update:dropdown\", \"blur\", \"change\", \"dropdown-input\", \"escape-pressed\", \"focus\", \"keydown\", \"input\"]);\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const hasSlot = useHasSlot(slots);\n const inputFieldElement = ref(null);\n const inputFieldId = generateUid('input');\n const dropdownId = generateUid('input-dropdown');\n const staticValueId = generateUid('input-static-value');\n const descriptionId = generateUid('input-description');\n const errorId = generateUid('input-error');\n\n // Provide INPUT_FIELD_COMPONENT_INJECTION_KEY as true, to set the input only dropdown size variant in the BentoDropdown comp\n provide(INPUT_FIELD_COMPONENT_INJECTION_KEY, true);\n\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n const shouldShowStaticValue = computed(\n () => props.variant === BentoInputFieldVariant.STATIC_VALUE && !!slots.staticValue\n );\n\n const isDefaultVariant = computed(() => props.variant === BentoInputFieldVariant.DEFAULT);\n\n const isPaymentMethodVariant = computed(() => props.variant === BentoInputFieldVariant.PAYMENT_METHOD);\n\n const shouldDisplayStaticValueAtStart = computed(\n () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.START\n );\n const shouldDisplayStaticValueAtEnd = computed(\n () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.END\n );\n\n const shouldShowDropdown = computed(() => props.variant === BentoInputFieldVariant.DROPDOWN && !!props.dropdown);\n const shouldDisplayDropdownAtStart = computed(\n () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.START\n );\n const shouldDisplayDropdownAtEnd = computed(\n () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.END\n );\n\n const shouldShowError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage \|\| props.error)\n );\n\n const computedAriaOwns = computed(() => {\n if (shouldShowDropdown.value === true && shouldShowStaticValue.value === true) {\n return `${staticValueId} ${dropdownId}`;\n }\n if (shouldShowDropdown.value === true) {\n return `${dropdownId}`;\n }\n if (shouldShowStaticValue.value === true) {\n return `${staticValueId}`;\n }\n return null;\n });\n\n // vue-i18n issue with t() used in script - direct usage in template works\n // requires either createI18n({ legacy: false }) or to be wrapped in computed()\n const computedAriaLabelFallbackMessage = computed(() => t('ariaLabelFallback'));\n const computedAriaLabelDropdowFallback = computed(() =>\n t('ariaLabelDropdownFallback', { inputLabel: computedAriaLabel.value })\n );\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const computedAriaLabel = useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: hasSlot('default')\n ? (getSlotText(slots)('default') as string)\n : computedAriaLabelFallbackMessage,\n });\n\n const computedAriaDescribedBy = computed(\n () =>\n `${hasSlot('description') ? descriptionId : ''} ${\n shouldShowError.value && !!props.errorMessage ? errorId : ''\n }`\n );\n\n const inputFieldConditionalClasses = computed(() => ({\n [`b-input-field--${BentoInputFieldStateClass.CONDENSED}`]: props.condensed,\n [`b-input-field--${BentoInputFieldStateClass.DISABLED}`]: props.disabled,\n [`b-input-field--${BentoInputFieldStateClass.READONLY}`]: isReadOnly.value,\n [`b-input-field--${BentoInputFieldStateClass.ERROR}`]: shouldShowError.value,\n }));\n\n const inputFieldDropdownProps = computed(() => ({\n 'aria-label': computedAriaLabelDropdowFallback.value,\n ...props.dropdown,\n }));\n\n const onInput = (event: Event) => {\n if (!props.disabled && !isReadOnly.value) {\n emit('input', (event.target as HTMLInputElement).value);\n }\n };\n\n const onDropdownInput = (selectedValue: BentoListboxSelectedValue) => {\n emit('dropdown-input', selectedValue);\n emit('update:dropdown', { ...props?.dropdown, value: selectedValue });\n };\n\n const focusInput = () => {\n inputFieldElement.value.focus();\n };\n\n // Expose method so that other components can focus on it in Vue3\n defineExpose({\n focusInput,\n });\n\n if (!Object.values(BentoInputFieldType).includes(props.type as BentoInputFieldType)) {\n printDevelopmentWarning(`\"bento-input-field\" dropdown does not support the type ${props.type}`);\n }\n\n /\n Deprecations\n /\n if (props.error) {\n deprecate(\n 'BentoInputField \"error\" property',\n `Use the BentoInputField \"errorMessage\" property instead to indicate that there is a modifier error.\n Having the field as \"undefined\" will hide/remove the error.\n <bento-dropdown errorMessage=\"Error message text\" />`,\n '2.0.0'\n );\n }\n\n if (hasSlot('defaultIconBefore')) {\n deprecate(\n 'BentoInputField \"defaultIconBefore\" slot',\n `Use the BentoInputField \"iconBefore\" slot instead to add an icon at the left side of the input field\n <bento-input-field>\n \\t<template #iconBefore>\n \\t\\t<my-icon-goes-here />\n \\t</template>\n </bento-input-field>`,\n '2.0.0'\n );\n }\n</script>\n\n<script lang=\"ts\">\n /\n Input field component is used to create interactive controls for web-based\n * forms in order to accept data from the user.\n \n @example\n * import { BentoInputField } from '@adyen/bento-vue2'\n \n const inputValue = ref('');\n \n export default {\n * components: { BentoInputField },\n * tempate: `\n * <bento-input-field\n * :value=\"inputValue\"\n * :input=\"newValue => inputValue.value = newValue\"\n * >\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./input-field.scss\" />\n"],"names":["BentoInputFieldVariant","BentoInputFieldVariant2","BentoInputFieldElementPosition","BentoInputFieldElementPosition2","BentoInputFieldStateClass","BentoInputFieldStateClass2","BentoInputFieldType","BentoInputFieldType2","BentoInputFieldEvent","BentoInputFieldEvent2","__default__","messages","attrs","useAttrs","slots","useSlots","t","useI18n","hasSlot","useHasSlot","inputFieldElement","ref","inputFieldId","generateUid","dropdownId","staticValueId","descriptionId","errorId","provide","INPUT_FIELD_COMPONENT_INJECTION_KEY","isReadOnly","useFormLayoutFieldLoading","toRef","props","shouldShowStaticValue","computed","isDefaultVariant","isPaymentMethodVariant","shouldDisplayStaticValueAtStart","shouldDisplayStaticValueAtEnd","shouldShowDropdown","shouldDisplayDropdownAtStart","shouldDisplayDropdownAtEnd","shouldShowError","computedAriaOwns","computedAriaLabelFallbackMessage","computedAriaLabelDropdowFallback","computedAriaLabel","ariaLabelAttribute","ariaLabel","toRefs","useAriaLabel","getSlotText","computedAriaDescribedBy","inputFieldConditionalClasses","inputFieldDropdownProps","onInput","event","emit","onDropdownInput","selectedValue","focusInput","expose","printDevelopmentWarning","deprecate"],"mappings":"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"}
1	+ {"version":3,"file":"input-field.nBUtoYwF.js","sources":["../../src/components/input-field/input-field.types.ts","../../src/components/input-field/input-field.vue"],"sourcesContent":["import { BentoDropdown } from '@/components/dropdown/';\nimport type { HTMLAttributes } from 'vue/types/jsx';\n\n/*\n @deprecated for usage with properties since version 2.0. Use the string literal instead.\n /\nexport enum BentoInputFieldVariant {\n DEFAULT = 'default',\n PAYMENT_METHOD = 'payment-method',\n STATIC_VALUE = 'static-value',\n DROPDOWN = 'dropdown',\n}\n\n/\n @deprecated for usage with properties since version 2.0. Use the string literal instead.\n /\nexport enum BentoInputFieldElementPosition {\n START = 'start',\n END = 'end',\n}\n\nexport enum BentoInputFieldStateClass {\n CONDENSED = 'condensed',\n DISABLED = 'disabled',\n READONLY = 'readonly',\n ERROR = 'error',\n}\n\n/\n @deprecated for usage with properties since version 2.0. Use the string literal instead.\n /\nexport enum BentoInputFieldType {\n SEARCH = 'search',\n TEXT = 'text',\n NUMBER = 'number',\n}\n\nexport type BentoInputFieldValue = string \| number;\n\ntype DropdownProps = InstanceType<typeof BentoDropdown>['$props'];\nexport type BentoInputDropdownProps = {\n items: DropdownProps['items'];\n value: DropdownProps['value'];\n dynamicFiltering?: DropdownProps['dynamicFiltering'];\n 'aria-label'?: HTMLAttributes['aria-label'];\n};\n\n/\n @deprecated The use of these enums is no longer supported.\n * Use `v-on:` or `@` to listen to the events being emitted.\n * This enum will be removed in 2.0.\n /\nexport enum BentoInputFieldEvent {\n INPUT = 'input',\n ESCAPE_PRESSED = 'escape-pressed',\n UPDATE_DROPDOWN = 'update:dropdown',\n DROPDOWN_INPUT = 'dropdown-input',\n FOCUS = 'focus',\n CHANGE = 'change',\n BLUR = 'blur',\n KEYDOWN = 'keydown',\n}\n","<template>\n <bento-typography\n class=\"b-input-field\"\n data-testid=\"input-text-container\"\n :class=\"inputFieldConditionalClasses\"\n el=\"div\"\n variant=\"body\"\n >\n <field-label\n v-if=\"hasSlot('default')\"\n :for=\"inputFieldId\"\n data-testid=\"input-field-label\"\n :tooltip-text=\"tooltipText\"\n :optional=\"optional\"\n :required=\"required\"\n @click=\"focusInput\"\n >\n <slot></slot>\n </field-label>\n\n <div class=\"b-input-field__input-box\" data-testid=\"input-box\" :aria-disabled=\"disabled\" @click=\"focusInput\">\n <!-- Optional Icon for Default text variant -->\n <span\n v-if=\"isDefaultVariant && (hasSlot('defaultIconBefore') \|\| hasSlot('iconBefore'))\"\n :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n class=\"b-input-field__icon-before\"\n >\n <slot v-if=\"hasSlot('iconBefore')\" name=\"iconBefore\" />\n <slot v-if=\"hasSlot('defaultIconBefore') && !hasSlot('iconBefore')\" name=\"defaultIconBefore\" />\n </span>\n\n <!-- Mandatory Icon for Payment Method variant -->\n <span\n v-if=\"isPaymentMethodVariant && hasSlot('paymentMethod')\"\n :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n class=\"b-input-field__payment-method\"\n >\n <slot name=\"paymentMethod\" />\n </span>\n\n <!-- Dropdown at start -->\n <div\n v-if=\"shouldDisplayDropdownAtStart\"\n :id=\"dropdownId\"\n class=\"b-input-field__dropdown b-input-field__dropdown--start\"\n @click.stop\n >\n <bento-dropdown\n v-if=\"dropdown\"\n v-bind=\"inputFieldDropdownProps\"\n :disabled=\"disabled\"\n :readonly=\"isReadOnly\"\n @input=\"onDropdownInput\"\n />\n </div>\n\n <!-- Static Value at start -->\n <bento-typography\n v-if=\"shouldDisplayStaticValueAtStart\"\n :id=\"staticValueId\"\n class=\"b-input-field__static-value b-input-field__static-value--start\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"staticValue\" />\n </bento-typography>\n\n <input\n :id=\"inputFieldId\"\n v-bind=\"attrs\"\n ref=\"inputFieldElement\"\n class=\"b-input-field__input\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"computedAriaDescribedBy\"\n :aria-owns=\"computedAriaOwns\"\n :aria-invalid=\"shouldShowError\"\n :placeholder=\"placeholder\"\n :type=\"type\"\n :value=\"value\"\n :disabled=\"disabled\"\n :readonly=\"isReadOnly\"\n @input=\"onInput\"\n @change=\"emit('change')\"\n @focus=\"emit('focus')\"\n @blur=\"emit('blur')\"\n @keydown=\"emit('keydown', $event)\"\n @keydown.esc=\"emit('escape-pressed')\"\n />\n <span\n v-if=\"hasSlot('iconAfter')\"\n :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n class=\"b-input-field__icon-after\"\n data-testid=\"input-text__icon-after\"\n >\n <slot name=\"iconAfter\" />\n </span>\n\n <!-- Static Value at the end -->\n <bento-typography\n v-if=\"shouldDisplayStaticValueAtEnd\"\n :id=\"staticValueId\"\n class=\"b-input-field__static-value b-input-field__static-value--end\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"staticValue\" />\n </bento-typography>\n\n <!-- Dropdown at end -->\n <div\n v-if=\"shouldDisplayDropdownAtEnd\"\n :id=\"dropdownId\"\n data-testid=\"input-field-dropdown-container-end\"\n class=\"b-input-field__dropdown b-input-field__dropdown--end\"\n @click.stop\n >\n <bento-dropdown\n v-if=\"dropdown\"\n :id=\"dropdownId\"\n v-bind=\"inputFieldDropdownProps\"\n :disabled=\"disabled\"\n :readonly=\"isReadOnly\"\n @input=\"onDropdownInput\"\n />\n </div>\n </div>\n\n <error-message\n v-if=\"shouldShowError && !!errorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-input-field__error-message\"\n />\n\n <span v-if=\"hasSlot('description')\" :id=\"descriptionId\" class=\"b-input-field__description\" @click=\"focusInput\">\n <bento-typography el=\"span\" variant=\"body\">\n <slot id=\"description\" name=\"description\" />\n </bento-typography>\n </span>\n </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, PropType, provide, ref, toRef, toRefs, useAttrs, useSlots } from 'vue';\n\n // Components\n import { BentoDropdown } from '@/components/dropdown';\n import { BentoTypography } from '@/components/typography';\n import { ErrorMessage, FieldLabel } from '@/internal';\n\n // Utils\n import { deprecate } from '@/utils/ts/deprecate';\n import { generateUid } from '@/utils/ts/unique-id';\n import { getSlotText } from '@/utils/ts/get-slot-text';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { useI18n } from '@/utils/ts/i18n';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n import { INPUT_FIELD_COMPONENT_INJECTION_KEY } from '@/components/input-field/input-field.keys';\n\n // Composables\n import { useFormLayoutFieldLoading, useHasSlot } from '@/composables';\n\n // Types\n import {\n BentoInputDropdownProps,\n BentoInputFieldElementPosition,\n BentoInputFieldStateClass,\n BentoInputFieldType,\n BentoInputFieldValue,\n BentoInputFieldVariant,\n } from './input-field.types';\n import { BentoListboxSelectedValue } from '@/types';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const attrs = useAttrs();\n const slots = useSlots();\n\n const props = defineProps({\n /\n Indicates whether the element is exposed to an accessibility API.\n /\n ariaHidden: { type: Boolean, default: true },\n\n /\n @deprecated from version 2.0.0. Use the aria-label attribute instead.\n /\n /\n Text that labels an the input element\n /\n ariaLabel: { type: String, default: undefined },\n\n /\n Reduces height of the input\n /\n condensed: { type: Boolean, default: false },\n\n /\n Disables the possibility of changing value in the input-field\n /\n disabled: { type: Boolean, default: false },\n\n /\n Dropdown props for the small selectable dropdown menu.\n * Properties supported:\n \n - `value`: Selected value of the dropdown\n * - `items`: List of available items\n * - `aria-label`: Text that labels the dropdown element\n \n /\n dropdown: {\n type: Object as PropType<BentoInputDropdownProps>,\n default: undefined,\n },\n\n /*\n Position of the dropdown before or after input value\n /\n dropdownPosition: {\n type: String as PropType<BentoInputFieldElementPosition \| `${BentoInputFieldElementPosition}`>,\n default: BentoInputFieldElementPosition.START,\n validator: (value: BentoInputFieldElementPosition) =>\n Object.values(BentoInputFieldElementPosition).includes(value),\n },\n\n /\n Adds error validation class for outlining input-field.\n \n @deprecated Use \"errorMessage\" prop instead\n /\n error: { type: Boolean, default: false },\n\n /\n Renders input-field with an error state and the error message beneath the input box\n /\n errorMessage: { type: String, default: null },\n\n /\n Highlights the dropdown is optional.\n /\n optional: { type: Boolean, default: false },\n\n /\n Text displayed as the placeholder of the input-field\n /\n placeholder: { type: String, default: '' },\n\n /\n Highlights the dropdown is required.\n /\n required: { type: Boolean, default: false },\n\n /\n Setting this property to true will set the input field to read only state.\n /\n readonly: { type: Boolean, default: false },\n\n /\n Static text that displayed before or after input value\n * Applicable to the Static Value variant\n /\n staticValue: { type: String, default: '' },\n\n /\n Position of Static Value before or after input value\n /\n staticValuePosition: {\n type: String as PropType<BentoInputFieldElementPosition \| `${BentoInputFieldElementPosition}`>,\n default: BentoInputFieldElementPosition.START,\n validator: (value: BentoInputFieldElementPosition) =>\n Object.values(BentoInputFieldElementPosition).includes(value),\n },\n\n /\n Adds a info icon next to the label to display the passed tooltip message.\n /\n tooltipText: { type: String, default: null },\n\n /\n A string specifying the type of control to render.\n * All `input` types are available but only `search`, `text` and `number` are fully supported.\n \n If `type` is `search`, use `bento-search-bar` instead.\n /\n type: {\n type: String as PropType<BentoInputFieldType \| `${BentoInputFieldType}` \| HTMLInputElement['type']>,\n default: BentoInputFieldType.TEXT,\n },\n\n /\n Text displayed as the value of the input-field\n /\n value: { type: [String, Number] as PropType<BentoInputFieldValue>, default: undefined },\n\n /\n Describes the different variants for the input element\n /\n variant: {\n type: String as PropType<BentoInputFieldVariant \| `${BentoInputFieldVariant}`>,\n default: BentoInputFieldVariant.DEFAULT,\n validator: (value: BentoInputFieldVariant) => Object.values(BentoInputFieldVariant).includes(value),\n },\n });\n\n const emit = defineEmits([\"update:dropdown\", \"blur\", \"change\", \"dropdown-input\", \"escape-pressed\", \"focus\", \"keydown\", \"input\"]);\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const hasSlot = useHasSlot(slots);\n const inputFieldElement = ref(null);\n const inputFieldId = generateUid('input');\n const dropdownId = generateUid('input-dropdown');\n const staticValueId = generateUid('input-static-value');\n const descriptionId = generateUid('input-description');\n const errorId = generateUid('input-error');\n\n // Provide INPUT_FIELD_COMPONENT_INJECTION_KEY as true, to set the input only dropdown size variant in the BentoDropdown comp\n provide(INPUT_FIELD_COMPONENT_INJECTION_KEY, true);\n\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n const shouldShowStaticValue = computed(\n () => props.variant === BentoInputFieldVariant.STATIC_VALUE && !!slots.staticValue\n );\n\n const isDefaultVariant = computed(() => props.variant === BentoInputFieldVariant.DEFAULT);\n\n const isPaymentMethodVariant = computed(() => props.variant === BentoInputFieldVariant.PAYMENT_METHOD);\n\n const shouldDisplayStaticValueAtStart = computed(\n () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.START\n );\n const shouldDisplayStaticValueAtEnd = computed(\n () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.END\n );\n\n const shouldShowDropdown = computed(() => props.variant === BentoInputFieldVariant.DROPDOWN && !!props.dropdown);\n const shouldDisplayDropdownAtStart = computed(\n () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.START\n );\n const shouldDisplayDropdownAtEnd = computed(\n () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.END\n );\n\n const shouldShowError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage \|\| props.error)\n );\n\n const computedAriaOwns = computed(() => {\n if (shouldShowDropdown.value === true && shouldShowStaticValue.value === true) {\n return `${staticValueId} ${dropdownId}`;\n }\n if (shouldShowDropdown.value === true) {\n return `${dropdownId}`;\n }\n if (shouldShowStaticValue.value === true) {\n return `${staticValueId}`;\n }\n return null;\n });\n\n // vue-i18n issue with t() used in script - direct usage in template works\n // requires either createI18n({ legacy: false }) or to be wrapped in computed()\n const computedAriaLabelFallbackMessage = computed(() => t('ariaLabelFallback'));\n const computedAriaLabelDropdowFallback = computed(() =>\n t('ariaLabelDropdownFallback', { inputLabel: computedAriaLabel.value })\n );\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const computedAriaLabel = useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: hasSlot('default')\n ? (getSlotText(slots)('default') as string)\n : computedAriaLabelFallbackMessage,\n });\n\n const computedAriaDescribedBy = computed(\n () =>\n `${hasSlot('description') ? descriptionId : ''} ${\n shouldShowError.value && !!props.errorMessage ? errorId : ''\n }`\n );\n\n const inputFieldConditionalClasses = computed(() => ({\n [`b-input-field--${BentoInputFieldStateClass.CONDENSED}`]: props.condensed,\n [`b-input-field--${BentoInputFieldStateClass.DISABLED}`]: props.disabled,\n [`b-input-field--${BentoInputFieldStateClass.READONLY}`]: isReadOnly.value,\n [`b-input-field--${BentoInputFieldStateClass.ERROR}`]: shouldShowError.value,\n }));\n\n const inputFieldDropdownProps = computed(() => ({\n 'aria-label': computedAriaLabelDropdowFallback.value,\n ...props.dropdown,\n }));\n\n const onInput = (event: Event) => {\n if (!props.disabled && !isReadOnly.value) {\n emit('input', (event.target as HTMLInputElement).value);\n }\n };\n\n const onDropdownInput = (selectedValue: BentoListboxSelectedValue) => {\n emit('dropdown-input', selectedValue);\n emit('update:dropdown', { ...props?.dropdown, value: selectedValue });\n };\n\n const focusInput = () => {\n inputFieldElement.value.focus();\n };\n\n // Expose method so that other components can focus on it in Vue3\n defineExpose({\n focusInput,\n });\n\n if (!Object.values(BentoInputFieldType).includes(props.type as BentoInputFieldType)) {\n printDevelopmentWarning(`\"bento-input-field\" dropdown does not support the type ${props.type}`);\n }\n\n /\n Deprecations\n /\n if (props.error) {\n deprecate(\n 'BentoInputField \"error\" property',\n `Use the BentoInputField \"errorMessage\" property instead to indicate that there is a modifier error.\n Having the field as \"undefined\" will hide/remove the error.\n <bento-dropdown errorMessage=\"Error message text\" />`,\n '2.0.0'\n );\n }\n\n if (hasSlot('defaultIconBefore')) {\n deprecate(\n 'BentoInputField \"defaultIconBefore\" slot',\n `Use the BentoInputField \"iconBefore\" slot instead to add an icon at the left side of the input field\n <bento-input-field>\n \\t<template #iconBefore>\n \\t\\t<my-icon-goes-here />\n \\t</template>\n </bento-input-field>`,\n '2.0.0'\n );\n }\n</script>\n\n<script lang=\"ts\">\n /\n Input field component is used to create interactive controls for web-based\n * forms in order to accept data from the user.\n \n @example\n * import { BentoInputField } from '@adyen/bento-vue2'\n \n const inputValue = ref('');\n \n export default {\n * components: { BentoInputField },\n * tempate: `\n * <bento-input-field\n * :value=\"inputValue\"\n * :input=\"newValue => inputValue.value = newValue\"\n * >\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./input-field.scss\" />\n"],"names":["BentoInputFieldVariant","BentoInputFieldVariant2","BentoInputFieldElementPosition","BentoInputFieldElementPosition2","BentoInputFieldStateClass","BentoInputFieldStateClass2","BentoInputFieldType","BentoInputFieldType2","BentoInputFieldEvent","BentoInputFieldEvent2","__default__","messages","attrs","useAttrs","slots","useSlots","t","useI18n","hasSlot","useHasSlot","inputFieldElement","ref","inputFieldId","generateUid","dropdownId","staticValueId","descriptionId","errorId","provide","INPUT_FIELD_COMPONENT_INJECTION_KEY","isReadOnly","useFormLayoutFieldLoading","toRef","props","shouldShowStaticValue","computed","isDefaultVariant","isPaymentMethodVariant","shouldDisplayStaticValueAtStart","shouldDisplayStaticValueAtEnd","shouldShowDropdown","shouldDisplayDropdownAtStart","shouldDisplayDropdownAtEnd","shouldShowError","computedAriaOwns","computedAriaLabelFallbackMessage","computedAriaLabelDropdowFallback","computedAriaLabel","ariaLabelAttribute","ariaLabel","toRefs","useAriaLabel","getSlotText","computedAriaDescribedBy","inputFieldConditionalClasses","inputFieldDropdownProps","onInput","event","emit","onDropdownInput","selectedValue","focusInput","expose","printDevelopmentWarning","deprecate"],"mappings":"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"}

package/dist/chunks/{inspector.types.D6kCCKNk.js → inspector.types.DJTWyZ9x.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { defineComponent as c, ref as l, computed as p } from "vue";
-import { B as _ } from "./typography.CqQaHXhq.js";
-import { B as d } from "./button.79klAcOK.js";
+import { B as d } from "./typography.CqQaHXhq.js";
+import { B as _ } from "./button.B1JELmx-.js";
 import { B as u } from "./focus-trap.DSkLNO_i.js";
 import { B as f } from "./loading-indicator.DXc7I1Lm.js";
-import { E as m } from "./expand.CwwKq7Uc.js";
-import { C as v } from "./cross.CsUPDmaA.js";
+import { E as m } from "./expand.C263WARj.js";
+import { C as v } from "./cross.CJ5EEL2c.js";
 import { g as B } from "./unique-id.XFfoKuc2.js";
 import { u as C } from "./i18n.BQkEbtPM.js";
 import { n as b } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
@@ -13,9 +13,17 @@ const g = {
   "en-US": {
     close: "Close",
     expand: "Expand"
+  },
+  "pt-BR": {
+    close: "Fechar",
+    expand: "Expandir"
+  },
+  "ja-JP": {
+    close: "閉じる",
+    expand: "展開"
   }
-}, y = { i18n: { messages: g } }, x = /* @__PURE__ */ c({
-  ...y,
+}, x = { i18n: { messages: g } }, y = /* @__PURE__ */ c({
+  ...x,
   __name: "inspector",
   props: {
     expandable: { type: Boolean, default: !1 },
@@ -32,7 +40,7 @@ const g = {
     return { __sfc: !0, props: t, emit: s, t: e, titleId: n, lastFocusedElement: o, conditionalClass: r, setFocus: () => {
       var i;
       t.isOpen ? o.value = document.activeElement : (i = o.value) == null || i.focus();
-    }, BentoTypography: _, BentoButton: d, BentoFocusTrap: u, BentoLoadingIndicator: f, ExpandIcon: m, CrossIcon: v };
+    }, BentoTypography: d, BentoButton: _, BentoFocusTrap: u, BentoLoadingIndicator: f, ExpandIcon: m, CrossIcon: v };
   }
 });
 var I = function() {
@@ -47,16 +55,16 @@ var I = function() {
     return [t(e.CrossIcon, { attrs: { "svg-title": e.t("close") } })];
   }, proxy: !0 }], null, !1, 858730413) })], 1)], 1), t("div", { staticClass: "b-inspector__content" }, [s.loading ? t(e.BentoLoadingIndicator, { staticClass: "b-inspector__loading-indicator", attrs: { large: "" } }) : s._t("content")], 2)])], 1) : s._e()])], 1);
 }, F = [], E = /* @__PURE__ */ b(
-  x,
+  y,
   I,
   F,
   !1,
   null,
   "32542068"
 );
-const R = E.exports, j = ["small", "large"];
+const U = E.exports, j = ["small", "large"];
 export {
   j as B,
-  R as i
+  U as i
 };
-//# sourceMappingURL=inspector.types.D6kCCKNk.js.map
+//# sourceMappingURL=inspector.types.DJTWyZ9x.js.map