@adyen/bento-vue2 1.2.0 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/bento-vue2",
-    "version": "1.2.0",
+    "version": "1.3.0",
     "description": "Adyen Bento Vue2 components",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -41,10 +41,10 @@
         "test": "TZ='Europe/Paris' vitest run",
         "test:coverage": "npm run test -- --coverage",
         "test:watch": "TZ='Europe/Paris' vitest watch",
-        "e2e": "test/bin/e2e-docker.sh",
+        "e2e": "test/bin/e2e-docker.sh vue2",
         "e2e:clean": "rm -rf playwright/.cache || true",
         "e2e:debug": "npm run e2e:ci -- --debug",
-        "e2e:update": "test/bin/e2e-docker.sh --update-snapshots",
+        "e2e:update": "test/bin/e2e-docker.sh vue2 --update-snapshots",
         "e2e:report": "playwright show-report playwright-report",
         "e2e:ci": "npm run e2e:clean && playwright test -c playwright.integration.config.ts",
         "e2e:ci:update": "npm run e2e:clean && playwright test -c playwright.integration.config.ts --update-snapshots",
@@ -57,14 +57,13 @@
         "url": "git@github.com:Adyen/bento.git"
     },
     "dependencies": {
-        "@adyen/bento-design-tokens": "1.2.0",
-        "@adyen/ui-assets-flag-icons": "1.2.0",
+        "@adyen/bento-design-tokens": "1.3.0",
         "@adyen/ui-assets-icons-16": "3.1.0",
         "@adyen/ui-assets-payment-method-icons": "5.2.0",
         "@codemirror/commands": "6.3.3",
         "@codemirror/language-data": "6.4.0",
         "@codemirror/state": "6.4.0",
-        "@codemirror/view": "6.23.1",
+        "@codemirror/view": "6.23.0",
         "@popperjs/core": "2.11.8",
         "date-fns": "2.28.0",
         "focus-lock": "0.11.0",
@@ -77,12 +76,12 @@
     },
     "overrides": {
         "@codemirror/state": "6.4.0",
+        "@playwright/experimental-ct-core": "1.30.0",
         "react": "16.14.0"
     },
     "devDependencies": {
-        "@adyen/bento-cli": "0.0.10",
+        "@adyen/bento-cli": "0.0.11",
         "@playwright/experimental-ct-vue2": "1.30.0",
-        "@playwright/test": "^1.21.0",
         "@storybook/addon-a11y": "7.0.4",
         "@storybook/addon-essentials": "7.0.4",
         "@storybook/addon-storysource": "7.0.4",
@@ -108,5 +107,8 @@
         "vue-loader": "15.10.0",
         "vue-style-loader": "4.1.3",
         "vue-tsc": "1.0.24"
+    },
+    "optionalDependencies": {
+        "@playwright/experimental-ct-core": "1.30.0"
     }
 }

package/dist/@types/packages/vue2/src/components/country/composables/useCountryFlag.d.ts

@@ -1,2 +0,0 @@
-import { Ref } from 'vue';
-export declare const useCountryFlag: (code: Ref<string>, useFallback?: boolean) => Ref<string>;

package/dist/chunks/calendar.8f50a65a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.8f50a65a.js","sources":["../../../../node_modules/date-fns/esm/addDays/index.js","../../../../node_modules/date-fns/esm/addMonths/index.js","../../../../node_modules/date-fns/esm/startOfWeek/index.js","../../../../node_modules/date-fns/esm/startOfDay/index.js","../../../../node_modules/date-fns/esm/differenceInCalendarDays/index.js","../../../../node_modules/date-fns/esm/isSameDay/index.js","../../../../node_modules/date-fns/esm/differenceInDays/index.js","../../../../node_modules/date-fns/esm/startOfMonth/index.js","../../../../node_modules/date-fns/esm/endOfWeek/index.js","../../../../node_modules/date-fns/esm/subDays/index.js","../../../../node_modules/date-fns/esm/subMonths/index.js","../../../../node_modules/date-fns/esm/isAfter/index.js","../../../../node_modules/date-fns/esm/isBefore/index.js","../../../../node_modules/date-fns/esm/isWithinInterval/index.js","../../../../node_modules/date-fns/esm/setDay/index.js","../../src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.types.ts","../../src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue","../../src/components/internal/calendar/components/calendar-month/calendar-month.types.ts","../../../../node_modules/date-fns/_lib/toInteger/index.js","../../../../node_modules/date-fns/_lib/requiredArgs/index.js","../../../../node_modules/date-fns/toDate/index.js","../../../../node_modules/date-fns/addDays/index.js","../../../../node_modules/date-fns/subDays/index.js","../../src/components/internal/calendar/components/calendar-month/composables/move-calendar-date.ts","../../src/components/internal/calendar/components/calendar-month/calendar-month.vue","../../src/components/internal/calendar/calendar.types.ts","../../src/components/internal/calendar/composables/use-single-pane.ts","../../src/components/internal/calendar/composables/use-range-pane.ts","../../src/components/internal/calendar/calendar.vue"],"sourcesContent":["import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\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 be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\n\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n\n  date.setDate(date.getDate() + amount);\n  return date;\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addMonths\n * @category Month Helpers\n * @summary Add the specified number of months to the given date.\n *\n * @description\n * Add the specified number of months to the given date.\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 be changed\n * @param {Number} amount - the amount of months to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the months added\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Add 5 months to 1 September 2014:\n * const result = addMonths(new Date(2014, 8, 1), 5)\n * //=> Sun Feb 01 2015 00:00:00\n */\n\nexport default function addMonths(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n\n  if (!amount) {\n    // If 0 months, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n\n  var dayOfMonth = date.getDate(); // The JS Date object supports date math by accepting out-of-bounds values for\n  // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and\n  // new Date(2020, 13, 1) returns 1 Feb 2021.  This is *almost* the behavior we\n  // want except that dates will wrap around the end of a month, meaning that\n  // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So\n  // we'll default to the end of the desired month by adding 1 to the desired\n  // month and using a date of 0 to back up one day to the end of the desired\n  // month.\n\n  var endOfDesiredMonth = new Date(date.getTime());\n  endOfDesiredMonth.setMonth(date.getMonth() + amount + 1, 0);\n  var daysInMonth = endOfDesiredMonth.getDate();\n\n  if (dayOfMonth >= daysInMonth) {\n    // If we're already at the end of the month, then this is the correct date\n    // and we're done.\n    return endOfDesiredMonth;\n  } else {\n    // Otherwise, we now know that setting the original day-of-month value won't\n    // cause an overflow, so set the desired day-of-month. Note that we can't\n    // just set the date of `endOfDesiredMonth` because that object may have had\n    // its time changed in the unusual case where where a DST transition was on\n    // the last day of the month and its local time was in the hour skipped or\n    // repeated next to a DST transition.  So we use `date` instead which is\n    // guaranteed to still have the original time.\n    date.setFullYear(endOfDesiredMonth.getFullYear(), endOfDesiredMonth.getMonth(), dayOfMonth);\n    return date;\n  }\n}","import toDate from \"../toDate/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfWeek\n * @category Week Helpers\n * @summary Return the start of a week for the given date.\n *\n * @description\n * Return the start of a week 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 * @param {Object} [options] - an object with options.\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)\n * @returns {Date} the start of a week\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6\n *\n * @example\n * // The start of a week for 2 September 2014 11:55:00:\n * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Sun Aug 31 2014 00:00:00\n *\n * @example\n * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:\n * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })\n * //=> Mon Sep 01 2014 00:00:00\n */\n\nexport default function startOfWeek(dirtyDate, dirtyOptions) {\n  requiredArgs(1, arguments);\n  var options = dirtyOptions || {};\n  var locale = options.locale;\n  var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;\n  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);\n  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN\n\n  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {\n    throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');\n  }\n\n  var date = toDate(dirtyDate);\n  var day = date.getDay();\n  var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;\n  date.setDate(date.getDate() - diff);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start 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 start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\n\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import getTimezoneOffsetInMilliseconds from \"../_lib/getTimezoneOffsetInMilliseconds/index.js\";\nimport startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nvar MILLISECONDS_IN_DAY = 86400000;\n/**\n * @name differenceInCalendarDays\n * @category Day Helpers\n * @summary Get the number of calendar days between the given dates.\n *\n * @description\n * Get the number of calendar days between the given dates. This means that the times are removed\n * from the dates and then the difference in days is calculated.\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 days\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many calendar days are between\n * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?\n * const result = differenceInCalendarDays(\n *   new Date(2012, 6, 2, 0, 0),\n *   new Date(2011, 6, 2, 23, 0)\n * )\n * //=> 366\n * // How many calendar days are between\n * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?\n * const result = differenceInCalendarDays(\n *   new Date(2011, 6, 3, 0, 1),\n *   new Date(2011, 6, 2, 23, 59)\n * )\n * //=> 1\n */\n\nexport default function differenceInCalendarDays(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var startOfDayLeft = startOfDay(dirtyDateLeft);\n  var startOfDayRight = startOfDay(dirtyDateRight);\n  var timestampLeft = startOfDayLeft.getTime() - getTimezoneOffsetInMilliseconds(startOfDayLeft);\n  var timestampRight = startOfDayRight.getTime() - getTimezoneOffsetInMilliseconds(startOfDayRight); // Round the number of days to the nearest integer\n  // because the number of milliseconds in a day is not constant\n  // (e.g. it's different in the day of the daylight saving time clock shift)\n\n  return Math.round((timestampLeft - timestampRight) / MILLISECONDS_IN_DAY);\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and 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} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * var result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n * \n * @example\n * // Are 4 September and 4 October in the same day?\n * var result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n * \n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * var result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\n\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}","import toDate from \"../toDate/index.js\";\nimport differenceInCalendarDays from \"../differenceInCalendarDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\"; // Like `compareAsc` but uses local time not UTC, which is needed\n// for accurate equality comparisons of UTC timestamps that end up\n// having the same representation in local time, e.g. one hour before\n// DST ends vs. the instant that DST ends.\n\nfunction compareLocalAsc(dateLeft, dateRight) {\n  var diff = dateLeft.getFullYear() - dateRight.getFullYear() || dateLeft.getMonth() - dateRight.getMonth() || dateLeft.getDate() - dateRight.getDate() || dateLeft.getHours() - dateRight.getHours() || dateLeft.getMinutes() - dateRight.getMinutes() || dateLeft.getSeconds() - dateRight.getSeconds() || dateLeft.getMilliseconds() - dateRight.getMilliseconds();\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}\n/**\n * @name differenceInDays\n * @category Day Helpers\n * @summary Get the number of full days between the given dates.\n *\n * @description\n * Get the number of full day periods between two dates. Fractional days are\n * truncated towards zero.\n *\n * One \"full day\" is the distance between a local time in one day to the same\n * local time on the next or previous day. A full day can sometimes be less than\n * or more than 24 hours if a daylight savings change happens between two dates.\n *\n * To ignore DST and only measure exact 24-hour periods, use this instead:\n * `Math.floor(differenceInHours(dateLeft, dateRight)/24)|0`.\n *\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 days according to the local timezone\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many full days are between\n * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?\n * const result = differenceInDays(\n *   new Date(2012, 6, 2, 0, 0),\n *   new Date(2011, 6, 2, 23, 0)\n * )\n * //=> 365\n * // How many full days are between\n * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?\n * const result = differenceInDays(\n *   new Date(2011, 6, 3, 0, 1),\n *   new Date(2011, 6, 2, 23, 59)\n * )\n * //=> 0\n * // How many full days are between\n * // 1 March 2020 0:00 and 1 June 2020 0:00 ?\n * // Note: because local time is used, the\n * // result will always be 92 days, even in\n * // time zones where DST starts and the\n * // period has only 92*24-1 hours.\n * const result = differenceInDays(\n *   new Date(2020, 5, 1),\n *   new Date(2020, 2, 1)\n * )\n//=> 92\n */\n\n\nexport default function differenceInDays(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var sign = compareLocalAsc(dateLeft, dateRight);\n  var difference = Math.abs(differenceInCalendarDays(dateLeft, dateRight));\n  dateLeft.setDate(dateLeft.getDate() - sign * difference); // Math.abs(diff in full days - diff in calendar days) === 1 if last calendar day is not full\n  // If so, result must be decreased by 1 in absolute value\n\n  var isLastDayNotFull = Number(compareLocalAsc(dateLeft, dateRight) === -sign);\n  var result = sign * (difference - isLastDayNotFull); // Prevent negative zero\n\n  return result === 0 ? 0 : result;\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfMonth\n * @category Month Helpers\n * @summary Return the start of a month for the given date.\n *\n * @description\n * Return the start 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 start of a month\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a month for 2 September 2014 11:55:00:\n * const result = startOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Mon Sep 01 2014 00:00:00\n */\n\nexport default function startOfMonth(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setDate(1);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import toDate from \"../toDate/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n\n/**\n * @name endOfWeek\n * @category Week Helpers\n * @summary Return the end of a week for the given date.\n *\n * @description\n * Return the end of a week 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 * @param {Object} [options] - an object with options.\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)\n * @returns {Date} the end of a week\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6\n *\n * @example\n * // The end of a week for 2 September 2014 11:55:00:\n * const result = endOfWeek(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Sat Sep 06 2014 23:59:59.999\n *\n * @example\n * // If the week starts on Monday, the end of the week for 2 September 2014 11:55:00:\n * const result = endOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })\n * //=> Sun Sep 07 2014 23:59:59.999\n */\nexport default function endOfWeek(dirtyDate, dirtyOptions) {\n  requiredArgs(1, arguments);\n  var options = dirtyOptions || {};\n  var locale = options.locale;\n  var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;\n  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);\n  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN\n\n  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {\n    throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');\n  }\n\n  var date = toDate(dirtyDate);\n  var day = date.getDay();\n  var diff = (day < weekStartsOn ? -7 : 0) + 6 - (day - weekStartsOn);\n  date.setDate(date.getDate() + diff);\n  date.setHours(23, 59, 59, 999);\n  return date;\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport addDays from \"../addDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\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 be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\n\nexport default function subDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addDays(dirtyDate, -amount);\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport addMonths from \"../addMonths/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name subMonths\n * @category Month Helpers\n * @summary Subtract the specified number of months from the given date.\n *\n * @description\n * Subtract the specified number of months from the given date.\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 be changed\n * @param {Number} amount - the amount of months to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the months subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 5 months from 1 February 2015:\n * const result = subMonths(new Date(2015, 1, 1), 5)\n * //=> Mon Sep 01 2014 00:00:00\n */\n\nexport default function subMonths(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addMonths(dirtyDate, -amount);\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isAfter\n * @category Common Helpers\n * @summary Is the first date after the second one?\n *\n * @description\n * Is the first date after the second one?\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 that should be after the other one to return true\n * @param {Date|Number} dateToCompare - the date to compare with\n * @returns {Boolean} the first date is after the second date\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Is 10 July 1989 after 11 February 1987?\n * var result = isAfter(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> true\n */\n\nexport default function isAfter(dirtyDate, dirtyDateToCompare) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var dateToCompare = toDate(dirtyDateToCompare);\n  return date.getTime() > dateToCompare.getTime();\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isBefore\n * @category Common Helpers\n * @summary Is the first date before the second one?\n *\n * @description\n * Is the first date before the second one?\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 that should be before the other one to return true\n * @param {Date|Number} dateToCompare - the date to compare with\n * @returns {Boolean} the first date is before the second date\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Is 10 July 1989 before 11 February 1987?\n * var result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> false\n */\n\nexport default function isBefore(dirtyDate, dirtyDateToCompare) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var dateToCompare = toDate(dirtyDateToCompare);\n  return date.getTime() < dateToCompare.getTime();\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n\n/**\n * @name isWithinInterval\n * @category Interval Helpers\n * @summary Is the given date within the interval?\n *\n * @description\n * Is the given date within the interval? (Including start and end.)\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 `isWithinRange` to `isWithinInterval`.\n *   This change was made to mirror the use of the word \"interval\" in standard ISO 8601:2004 terminology:\n *\n *   ```\n *   2.1.3\n *   time interval\n *   part of the time axis limited by two instants\n *   ```\n *\n *   Also, this function now accepts an object with `start` and `end` properties\n *   instead of two arguments as an interval.\n *   This function now throws `RangeError` if the start of the interval is after its end\n *   or if any date in the interval is `Invalid Date`.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   isWithinRange(\n *     new Date(2014, 0, 3),\n *     new Date(2014, 0, 1), new Date(2014, 0, 7)\n *   )\n *\n *   // v2.0.0 onward\n *\n *   isWithinInterval(\n *     new Date(2014, 0, 3),\n *     { start: new Date(2014, 0, 1), end: new Date(2014, 0, 7) }\n *   )\n *   ```\n *\n * @param {Date|Number} date - the date to check\n * @param {Interval} interval - the interval to check\n * @returns {Boolean} the date is within the interval\n * @throws {TypeError} 2 arguments required\n * @throws {RangeError} The start of an interval cannot be after its end\n * @throws {RangeError} Date in interval cannot be `Invalid Date`\n *\n * @example\n * // For the date within the interval:\n * isWithinInterval(new Date(2014, 0, 3), {\n *   start: new Date(2014, 0, 1),\n *   end: new Date(2014, 0, 7)\n * })\n * //=> true\n *\n * @example\n * // For the date outside of the interval:\n * isWithinInterval(new Date(2014, 0, 10), {\n *   start: new Date(2014, 0, 1),\n *   end: new Date(2014, 0, 7)\n * })\n * //=> false\n *\n * @example\n * // For date equal to interval start:\n * isWithinInterval(date, { start, end: date }) // => true\n *\n * @example\n * // For date equal to interval end:\n * isWithinInterval(date, { start: date, end }) // => true\n */\nexport default function isWithinInterval(dirtyDate, interval) {\n  requiredArgs(2, arguments);\n  var time = toDate(dirtyDate).getTime();\n  var startTime = toDate(interval.start).getTime();\n  var endTime = toDate(interval.end).getTime(); // Throw an exception if start date is after end date or if any date is `Invalid Date`\n\n  if (!(startTime <= endTime)) {\n    throw new RangeError('Invalid interval');\n  }\n\n  return time >= startTime && time <= endTime;\n}","import addDays from \"../addDays/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n\n/**\n * @name setDay\n * @category Weekday Helpers\n * @summary Set the day of the week to the given date.\n *\n * @description\n * Set the day of the week to the given date.\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 be changed\n * @param {Number} day - the day of the week of the new date\n * @param {Object} [options] - an object with options.\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)\n * @returns {Date} the new date with the day of the week set\n * @throws {TypeError} 2 arguments required\n * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6\n *\n * @example\n * // Set week day to Sunday, with the default weekStartsOn of Sunday:\n * var result = setDay(new Date(2014, 8, 1), 0)\n * //=> Sun Aug 31 2014 00:00:00\n *\n * @example\n * // Set week day to Sunday, with a weekStartsOn of Monday:\n * var result = setDay(new Date(2014, 8, 1), 0, { weekStartsOn: 1 })\n * //=> Sun Sep 07 2014 00:00:00\n */\nexport default function setDay(dirtyDate, dirtyDay, dirtyOptions) {\n  requiredArgs(2, arguments);\n  var options = dirtyOptions || {};\n  var locale = options.locale;\n  var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;\n  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);\n  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN\n\n  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {\n    throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');\n  }\n\n  var date = toDate(dirtyDate);\n  var day = toInteger(dirtyDay);\n  var currentDay = date.getDay();\n  var remainder = day % 7;\n  var dayIndex = (remainder + 7) % 7;\n  var delta = 7 - weekStartsOn;\n  var diff = day < 0 || day > 6 ? day - (currentDay + delta) % 7 : (dayIndex + delta) % 7 - (currentDay + delta) % 7;\n  return addDays(date, diff);\n}","export enum CalendarMonthDayVariant {\n    SINGLE = 'single',\n    MIDDLE = 'middle',\n    BEGINNING = 'beginning',\n    END = 'end',\n}\n\nexport enum CalendarMonthDayClass {\n    // Variant\n    SINGLE = CalendarMonthDayVariant.SINGLE,\n    MIDDLE = CalendarMonthDayVariant.MIDDLE,\n    BEGINNING = CalendarMonthDayVariant.BEGINNING,\n    END = CalendarMonthDayVariant.END,\n\n    // Selected\n    SELECTED = 'selected',\n    UNSELECTED = 'unselected',\n\n    // Current day\n    CURRENT_DAY = 'current-day',\n\n    // Disabled\n    DISABLED = 'disabled',\n}\n\nexport enum CalendarMonthDayEvent {\n    CLICK = 'click',\n    MOUSE_OVER = 'mouseover',\n}\n","<template>\n    <td\n        class=\"b-calendar-month-day\"\n        :class=\"conditionalClasses\"\n        :tabindex=\"selected ? '0' : '-1'\"\n        :aria-selected=\"selected\"\n        @click=\"() => onClick(day)\"\n        @mouseover=\"$emit(CalendarMonthDayEvent.MOUSE_OVER)\"\n        @keydown.space.enter=\"() => onClick(day)\"\n    >\n        <div class=\"b-calendar-month-day__wrapper\">\n            <bento-date class=\"b-calendar-month-day__label\" :date=\"day\" :format=\"BentoDateFormat.DAY_OF_MONTH\" />\n        </div>\n    </td>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoDate, BentoDateFormat } from '@/components/date';\n    import { CalendarMonthDayClass, CalendarMonthDayEvent, CalendarMonthDayVariant } from './calendar-month-day.types';\n\n    /**\n     * Handles the styles and states of the individual dates of the calendar.\n     *\n     * @example\n     * import { CalendarMonthDay, CalendarMonthDayVariant } from './calendar-day';\n     *\n     * export default {\n     *     components: { CalendarMonthDay },\n     *     template: `\n     *          <table>\n     *              <tbody>\n     *                  <tr>\n     *                      <calendar-day\n     *                          :day=\"new Date()\"\n     *                          disabled\n     *                          selected\n     *                          :variant=\"CalendarMonthDayVariant.MIDDLE\"\n     *                      />\n     *                  </tr>\n     *              </tbody>\n     *          </table>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'calendar-month-day',\n        components: { BentoDate },\n        inheritAttrs: true,\n        props: {\n            /**\n             * Date to be displayed as the calendar day. From 1st to 31st (or end of the month defined in the date)\n             */\n            day: { type: Date, required: true },\n\n            /**\n             * Indicate if a date should be disabled or not\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Changes the state of the calendar day to selected.\n             */\n            selected: { type: Boolean, default: false },\n\n            /**\n             * When the day is selected, this indicates if the selection is a single date or part of a range.\n             * If it's a range it can be at the beginning, middle or end of the selection.\n             */\n            variant: {\n                type: String as PropType<CalendarMonthDayVariant>,\n                default: CalendarMonthDayVariant.SINGLE,\n                validator: (value: CalendarMonthDayVariant) => Object.values(CalendarMonthDayVariant).includes(value),\n            },\n        },\n        emits: [CalendarMonthDayEvent.CLICK, CalendarMonthDayEvent.MOUSE_OVER],\n        setup(props, { emit }) {\n            const isCurrentDay = computed(() => {\n                const today = new Date();\n                return (\n                    props.day.getDate() === today.getDate() &&\n                    props.day.getMonth() === today.getMonth() &&\n                    props.day.getFullYear() === today.getFullYear()\n                );\n            });\n\n            const conditionalClasses = computed(() => ({\n                // Variants\n                [`b-calendar-month-day--${CalendarMonthDayClass.BEGINNING}`]:\n                    props.variant === CalendarMonthDayVariant.BEGINNING,\n                [`b-calendar-month-day--${CalendarMonthDayClass.MIDDLE}`]:\n                    props.variant === CalendarMonthDayVariant.MIDDLE,\n                [`b-calendar-month-day--${CalendarMonthDayClass.END}`]: props.variant === CalendarMonthDayVariant.END,\n                [`b-calendar-month-day--${CalendarMonthDayClass.SINGLE}`]:\n                    props.variant === CalendarMonthDayVariant.SINGLE,\n\n                // Selected\n                [`b-calendar-month-day--${CalendarMonthDayClass.UNSELECTED}`]: !props.selected,\n                [`b-calendar-month-day--${CalendarMonthDayClass.SELECTED}`]: props.selected,\n\n                // Current Day\n                [`b-calendar-month-day--${CalendarMonthDayClass.CURRENT_DAY}`]: isCurrentDay.value,\n\n                // Disabled\n                [`b-calendar-month-day--${CalendarMonthDayClass.DISABLED}`]: props.disabled,\n            }));\n\n            const onClick = (selectedDay: Date) => {\n                if (!props.disabled) {\n                    emit(CalendarMonthDayEvent.CLICK, selectedDay, props.day);\n                }\n            };\n\n            return {\n                // Values\n                conditionalClasses,\n\n                // Enums\n                BentoDateFormat,\n                CalendarMonthDayEvent,\n\n                // Events\n                onClick,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./calendar-month-day.scss\" />\n","export enum CalendarMonthEvent {\n    INPUT = 'input',\n    MOUSE_OVER = 'mouseover',\n    NEXT_MONTH = 'nextMonth',\n    PREVIOUS_MONTH = 'previousMonth',\n}\n\nexport enum CalendarMonthPosition {\n    FIRST = 'first',\n    LAST = 'last',\n    MIDDLE = 'middle',\n    UNIQUE = 'unique',\n}\n\nexport enum CalendarMonthFirstDayOfWeek {\n    MONDAY = 1,\n    SATURDAY = 6,\n    SUNDAY = 0,\n}\n\nexport type CalendarMonthIsDateDisabled = (date: Date) => boolean;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = toInteger;\n\nfunction toInteger(dirtyNumber) {\n  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {\n    return NaN;\n  }\n\n  var number = Number(dirtyNumber);\n\n  if (isNaN(number)) {\n    return number;\n  }\n\n  return number < 0 ? Math.ceil(number) : Math.floor(number);\n}\n\nmodule.exports = exports.default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = requiredArgs;\n\nfunction requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}\n\nmodule.exports = exports.default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = toDate;\n\nvar _index = _interopRequireDefault(require(\"../_lib/requiredArgs/index.js\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nfunction toDate(argument) {\n  (0, _index.default)(1, arguments);\n  var argStr = Object.prototype.toString.call(argument); // Clone the date\n\n  if (argument instanceof Date || typeof argument === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule\"); // eslint-disable-next-line no-console\n\n      console.warn(new Error().stack);\n    }\n\n    return new Date(NaN);\n  }\n}\n\nmodule.exports = exports.default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = addDays;\n\nvar _index = _interopRequireDefault(require(\"../_lib/toInteger/index.js\"));\n\nvar _index2 = _interopRequireDefault(require(\"../toDate/index.js\"));\n\nvar _index3 = _interopRequireDefault(require(\"../_lib/requiredArgs/index.js\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\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 be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\nfunction addDays(dirtyDate, dirtyAmount) {\n  (0, _index3.default)(2, arguments);\n  var date = (0, _index2.default)(dirtyDate);\n  var amount = (0, _index.default)(dirtyAmount);\n\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n\n  date.setDate(date.getDate() + amount);\n  return date;\n}\n\nmodule.exports = exports.default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = subDays;\n\nvar _index = _interopRequireDefault(require(\"../_lib/toInteger/index.js\"));\n\nvar _index2 = _interopRequireDefault(require(\"../addDays/index.js\"));\n\nvar _index3 = _interopRequireDefault(require(\"../_lib/requiredArgs/index.js\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\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 be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\nfunction subDays(dirtyDate, dirtyAmount) {\n  (0, _index3.default)(2, arguments);\n  var amount = (0, _index.default)(dirtyAmount);\n  return (0, _index2.default)(dirtyDate, -amount);\n}\n\nmodule.exports = exports.default;","import { nextTick, Ref, ref, watch } from 'vue';\nimport { CalendarMonthEvent, CalendarMonthFirstDayOfWeek } from '../calendar-month.types';\nimport type { SetupContext } from 'vue/types/v3-setup-context';\nimport addMonths from 'date-fns/addMonths';\nimport subMonths from 'date-fns/subMonths';\nimport addDays from 'date-fns/addDays';\nimport subDays from 'date-fns/subDays/index';\nimport startOfWeek from 'date-fns/startOfWeek';\nimport endOfWeek from 'date-fns/endOfWeek';\n\ninterface UseMoveCalendarDate {\n    currentSelectedDate: Ref<Date>;\n    month: Ref<Date>;\n    isDateDisabled?: (currentDate: Date) => boolean;\n    firstDayOfWeek?:\n        | CalendarMonthFirstDayOfWeek.MONDAY\n        | CalendarMonthFirstDayOfWeek.SATURDAY\n        | CalendarMonthFirstDayOfWeek.SUNDAY;\n}\n\nexport const useMoveCalendarDate = (\n    { currentSelectedDate, month, isDateDisabled, firstDayOfWeek }: UseMoveCalendarDate,\n    emit: SetupContext['emit']\n) => {\n    // Use a duplicate of \"month\" to move back and\n    // forth with the arrows. Maintained in sync with the prop\n    const baseDate = ref(new Date(month.value));\n    watch(\n        month,\n        () => {\n            baseDate.value = month.value;\n        },\n        { immediate: true }\n    );\n\n    /**\n     * Internal date used to actvate the dates through keyboard without\n     * selecting it. This allows to easily move around the dates.\n     */\n    const internalDate = ref(new Date(currentSelectedDate.value));\n    watch(currentSelectedDate, () => {\n        internalDate.value = currentSelectedDate.value;\n    });\n\n    // Refs for calendar days\n    const calendarRef = ref({});\n    /**\n     * High order function that maps each day in the calendar to their resopective Vue element ref.\n     * Adds a day reference into \"calendarRef\" to be allow calendar navigation.\n     * Each item is a key-value pair, where the key is the date in string form and\n     * the value is the ref to the element.\n     *\n     *\n     * @param {Date} day - Date to be added to the ref\n     * @returns {Function} Maps the element ref to a date\n     */\n    const addDayRef = (day: Date) => enteringRef => {\n        calendarRef.value[day.toDateString()] = enteringRef;\n    };\n\n    /**\n     * Reset calendar references of each day of the month\n     */\n    const clearCalendarRefs = () => {\n        calendarRef.value = {};\n    };\n\n    /**\n     * Calculates what the next month's date will be and clears the calendar refs\n     * @param {Number} amountOfMonths - Number of months that will be added\n     */\n    const showNextMonth = (amountOfMonths = 1) => {\n        baseDate.value = addMonths(baseDate.value, amountOfMonths);\n        emit(CalendarMonthEvent.NEXT_MONTH, amountOfMonths);\n        clearCalendarRefs();\n    };\n\n    /**\n     * Calculates what the previous month's date will be and clears the calendar refs\n     * @param {Number} amountOfMonths - Number of months that will be added\n     */\n    const showPreviousMonth = (amountOfMonths = 1) => {\n        baseDate.value = subMonths(baseDate.value, amountOfMonths);\n        emit(CalendarMonthEvent.PREVIOUS_MONTH, amountOfMonths);\n        clearCalendarRefs();\n    };\n\n    /**\n     * Changes focus to the indicated date.\n     * Exposed to the component to set the initial focused date, which can also be null.\n     * @param {Date} dateToBeFocusedOn - Date to be focused on\n     */\n    const focusOnDate = (dateToBeFocusedOn: Date) => {\n        const dateExistsInCalendar = !!calendarRef.value[dateToBeFocusedOn?.toDateString()];\n\n        // Focus only if the date exists\n        if (dateToBeFocusedOn && dateExistsInCalendar) {\n            calendarRef.value[dateToBeFocusedOn.toDateString()].$el.focus();\n        }\n    };\n\n    /**\n     * Prevents the event from bubbling\n     * @param {Event} event - Triggered event\n     */\n    const stopPropagation = (event: Event) => {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        event.stopPropagation();\n    };\n\n    // Keyboard Navigation events\n    interface ChangeDate {\n        nextDate: Date;\n        isIncreasingDays: boolean;\n        amountOfMonths?: number;\n        isCalendarButtonsNav?: boolean;\n    }\n    /**\n     * Activates the date passed in \"nextDate\".\n     * Doesn't trigger the emit event to select the date, given this is only done\n     * when the \"Enter\" key is pressed.\n     *\n     * The date passed is evaluated to check if it's the same month and year,\n     * if not then a new month is rendered through {@see showNextMonth} or {@see showPreviousMonth}.\n     *\n     * If the date passed is disabled no action is taken.\n     *\n     * @param {Date} nextDate - Date to be processed and if it's not disabled it should make it active.\n     * @param {Boolean} isIncreasinDays - Indicates if the date before or after the currently selected date.\n     * @param {Number} amountOfMonths - Amount of months it's increasing or decreasing. Used to calculate the month to be rendered\n     */\n    const changeDate = ({ nextDate, isIncreasingDays, amountOfMonths, isCalendarButtonsNav }: ChangeDate) => {\n        // Do not change date if nextDay is disabled\n        if (!isCalendarButtonsNav && isDateDisabled && isDateDisabled(nextDate)) {\n            return;\n        }\n\n        const isNextDaySameMonthAndYear =\n            nextDate.getMonth() === internalDate.value.getMonth() &&\n            nextDate.getFullYear() === internalDate.value.getFullYear();\n        // If it's in the same month, make \"nextDate\" the active date (not selected)\n        if (isNextDaySameMonthAndYear) {\n            internalDate.value = nextDate;\n            focusOnDate(nextDate);\n        } else {\n            // Show next/previous month\n            // and waits for the refs to be re-populated\n            // eslint-disable-next-line no-unused-expressions\n            isIncreasingDays ? showNextMonth(amountOfMonths) : showPreviousMonth(amountOfMonths);\n            nextTick(() => {\n                const isNextDateInTheDisplayedMonthAndYear =\n                    nextDate.getMonth() === baseDate.value.getMonth() &&\n                    nextDate.getFullYear() === baseDate.value.getFullYear();\n                if ((isDateDisabled && isDateDisabled(nextDate)) || !isNextDateInTheDisplayedMonthAndYear) {\n                    return;\n                }\n                internalDate.value = nextDate;\n\n                if (!isCalendarButtonsNav) {\n                    focusOnDate(nextDate);\n                }\n            });\n        }\n    };\n\n    /**\n     * Move the current date to the next calendar day\n     * @param {Event} event - Triggered event\n     */\n    const moveToNextDay = (event: Event) => {\n        stopPropagation(event);\n\n        const daysToAdd = 1;\n        changeDate({ nextDate: addDays(internalDate.value, daysToAdd), isIncreasingDays: true });\n    };\n\n    /**\n     * Move the current date to the previous calendar day\n     * @param {Event} event - Triggered event\n     */\n    const moveToPreviousDay = (event: Event) => {\n        stopPropagation(event);\n\n        const daysToSubstract = 1;\n        changeDate({ nextDate: subDays(internalDate.value, daysToSubstract), isIncreasingDays: false });\n    };\n\n    /**\n     * Move the current date to the same week day in the previous week\n     * @param {Event} event - Triggered event\n     */\n    const moveToPreviousWeek = (event: Event) => {\n        stopPropagation(event);\n\n        const daysToSubstract = 7;\n        changeDate({ nextDate: subDays(internalDate.value, daysToSubstract), isIncreasingDays: false });\n    };\n\n    /**\n     * Move the current date to the same week day in the next week\n     * @param {Event} event - Triggered event\n     */\n    const moveToNextWeek = (event: Event) => {\n        stopPropagation(event);\n\n        const daysToAdd = 7;\n        changeDate({ nextDate: addDays(internalDate.value, daysToAdd), isIncreasingDays: true });\n    };\n\n    /**\n     * Move the current date to the first day of the week\n     * @param {Event} event - Triggered event\n     */\n    const moveToFirstDayOfWeek = (event: Event) => {\n        stopPropagation(event);\n\n        changeDate({\n            nextDate: startOfWeek(internalDate.value, { weekStartsOn: firstDayOfWeek }),\n            isIncreasingDays: false,\n        });\n    };\n\n    /**\n     * Move the current date to the last day of the week\n     * @param {Event} event - Triggered event\n     */\n    const moveToLastDayOfWeek = (event: Event) => {\n        stopPropagation(event);\n\n        changeDate({\n            nextDate: endOfWeek(internalDate.value, { weekStartsOn: firstDayOfWeek }),\n            isIncreasingDays: true,\n        });\n    };\n\n    /**\n     * Move the current date to the same day in the previous year\n     * @param {Event} event - Triggered event\n     */\n    const moveToPreviousYear = (event: Event) => {\n        stopPropagation(event);\n\n        const monthsToSubstract = 12;\n        changeDate({\n            nextDate: subMonths(internalDate.value, monthsToSubstract),\n            isIncreasingDays: false,\n            amountOfMonths: monthsToSubstract,\n        });\n    };\n\n    /**\n     * Move the current date to the same day in the previous month.\n     * If the date doesn't exists, moves to the last day of th month.\n     * @param {Event} event - Triggered event\n     */\n    const moveToPreviousMonth = (event: Event, isCalendarButtonsNav = false) => {\n        stopPropagation(event);\n\n        const monthsToSubstract = 1;\n\n        changeDate({\n            nextDate: subMonths(internalDate.value, monthsToSubstract),\n            isIncreasingDays: false,\n            amountOfMonths: monthsToSubstract,\n            isCalendarButtonsNav,\n        });\n    };\n\n    /**\n     * Move the current date to the same day in the next year\n     * @param {Event} event - Triggered event\n     */\n    const moveToNextYear = (event: Event) => {\n        stopPropagation(event);\n\n        const monthsToAdd = 12;\n        changeDate({\n            nextDate: addMonths(internalDate.value, monthsToAdd),\n            isIncreasingDays: true,\n            amountOfMonths: monthsToAdd,\n        });\n    };\n\n    /**\n     * Move the current date to the same day in the next month.\n     * @param {Event} event - Triggered event\n     */\n    const moveToNextMonth = (event: Event, isCalendarButtonsNav = false) => {\n        stopPropagation(event);\n\n        const monthsToAdd = 1;\n        changeDate({\n            nextDate: addMonths(internalDate.value, monthsToAdd),\n            isIncreasingDays: true,\n            amountOfMonths: monthsToAdd,\n            isCalendarButtonsNav,\n        });\n    };\n\n    return {\n        // Calendar days ref\n        calendarRef,\n        addDayRef,\n\n        /**\n         *  Month navigation\n         */\n        showNextMonth,\n        showPreviousMonth,\n\n        /**\n         * Focus method\n         */\n        focusOnDate,\n\n        /**\n         *  Day navigation\n         */\n\n        // ArrowRight\n        moveToNextDay,\n        // ArrowLeft\n        moveToPreviousDay,\n        // ArrowUp\n        moveToPreviousWeek,\n        // ArrowDown\n        moveToNextWeek,\n        // Home\n        moveToFirstDayOfWeek,\n        // End\n        moveToLastDayOfWeek,\n        // PageUp\n        moveToPreviousMonth,\n        // Shift+PageUp\n        moveToPreviousYear,\n        // PageDown\n        moveToNextMonth,\n        // Shift-PageDown\n        moveToNextYear,\n\n        // Values\n        internalDate,\n        baseDate,\n    };\n};\n","<template>\n    <div v-bento-keyboard-navigation-directive class=\"b-calendar-month\" v-on=\"listeners\">\n        <div class=\"b-calendar-month__month-selector\">\n            <!-- go to previous month -->\n            <div class=\"b-calendar-month__previous\">\n                <bento-button\n                    v-if=\"shouldShowPreviousMonthButton\"\n                    :variant=\"BentoButtonVariant.TERTIARY\"\n                    @click=\"moveToPreviousMonth($event, true)\"\n                >\n                    <template #iconLeft>\n                        <chevron-left-icon :svg-title=\"$t('previousMonth')\" />\n                    </template>\n                </bento-button>\n            </div>\n\n            <!-- month's name -->\n            <bento-typography\n                :id=\"monthLabelId\"\n                :el=\"BentoTypographyElement.H2\"\n                :variant=\"BentoTypographyVariant.TITLE\"\n                aria-live=\"polite\"\n            >\n                {{ formattedMonthDate }}\n            </bento-typography>\n\n            <!-- go to next month -->\n            <div class=\"b-calendar-month__next\">\n                <bento-button\n                    v-if=\"shouldShowNextMonthButton\"\n                    :variant=\"BentoButtonVariant.TERTIARY\"\n                    @click=\"moveToNextMonth($event, true)\"\n                >\n                    <template #iconLeft>\n                        <chevron-right-icon :svg-title=\"$t('nextMonth')\" />\n                    </template>\n                </bento-button>\n            </div>\n        </div>\n\n        <table class=\"b-calendar-month__month-container\" role=\"grid\" :aria-labelledby=\"monthLabelId\">\n            <thead>\n                <tr class=\"b-calendar-month__week-header\">\n                    <th\n                        v-for=\"(dayOfWeekFormatted, index) in daysOfWeek\"\n                        :key=\"index\"\n                        class=\"b-calendar-month__day-of-week\"\n                    >\n                        <bento-typography\n                            class=\"b-calendar-month__day-of-week-font\"\n                            :el=\"BentoTypographyElement.SPAN\"\n                            :variant=\"BentoTypographyVariant.CAPTION\"\n                        >\n                            {{ dayOfWeekFormatted }}\n                        </bento-typography>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr v-for=\"(week, index) in weeksOfMonth\" :key=\"index\">\n                    <td v-if=\"index === 0 && week.length < 7\" :colspan=\"7 - week.length\"> </td>\n                    <calendar-month-day\n                        v-for=\"(day, dayIndex) in week\"\n                        :ref=\"addDayRef(day)\"\n                        :key=\"`calendar-day-${dayIndex}`\"\n                        :day=\"day\"\n                        :disabled=\"isDateDisabled ? isDateDisabled(day) : undefined\"\n                        :selected=\"isSelectedDate(day)\"\n                        :variant=\"dayVariant(day)\"\n                        @click=\"onDayClicked\"\n                        @mouseover=\"$emit(CalendarMonthEvent.MOUSE_OVER, day)\"\n                    />\n                </tr>\n            </tbody>\n        </table>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, toRef } from 'vue';\n    import { BentoButton, BentoButtonVariant } from '@/components/button';\n    import { CalendarMonthDay, CalendarMonthDayVariant } from './components/calendar-month-day';\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 {\n        CalendarMonthEvent,\n        CalendarMonthFirstDayOfWeek,\n        CalendarMonthIsDateDisabled,\n        CalendarMonthPosition,\n    } from './calendar-month.types';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { BentoKeyboardNavigationDirective } from '@/directives';\n    import { useMoveCalendarDate } from './composables/move-calendar-date';\n    import ChevronLeftIcon from '@adyen/ui-assets-icons-16/vue/chevron-left';\n    import ChevronRightIcon from '@adyen/ui-assets-icons-16/vue/chevron-right';\n    import setDay from 'date-fns/setDay';\n    import startOfMonth from 'date-fns/startOfMonth';\n    import startOfDay from 'date-fns/startOfDay';\n    import format from 'date-fns/format';\n    import isSameDay from 'date-fns/isSameDay';\n    import isWithinInterval from 'date-fns/isWithinInterval';\n\n    import messages from './messages.json';\n\n    /**\n     * CalendarMonth that displays all the days of a given month and allows\n     * to move back and forth the visible month with the Next and Previous buttons\n     *\n     * @example\n     * import { CalendarMonthMonth, CalendarMonthFirstDayOfWeek, CalendarMonthPosition } from '@/internal/calendar';\n     *\n     * export default {\n     *     components: { CalendarMonthMonth },\n     *     template: `\n     *          <calendar\n     *              :first-day-of-week=\"CalendarMonthFirstDayOfWeek.SUNDAY\"\n     *              :is-date-disabled=\"(date: Date) => boolean\"\n     *              :month=\"new Date()\"\n     *              :position=\"CalendarMonthPosition.LAST\"\n     *              is-range\n     *              :start-date=\"new Date()\"\n     *              :end-date=\"new Date()\"\n     *              @input=\"(selectedDate: Date) => void\"\n     *              @mouseover=\"(event: Event) => void\"\n     *              @nextMonth=\"() => void\"\n     *              @previousMonth=\"() => void\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'calendar-month',\n        components: {\n            BentoButton,\n            BentoTypography,\n            CalendarMonthDay,\n            ChevronLeftIcon,\n            ChevronRightIcon,\n        },\n        directives: { BentoKeyboardNavigationDirective },\n        props: {\n            /**\n             * end of the selected range\n             */\n            endDate: { type: Date, default: null },\n\n            /**\n             * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n             */\n            firstDayOfWeek: {\n                type: Number as PropType<CalendarMonthFirstDayOfWeek>,\n                default: CalendarMonthFirstDayOfWeek.MONDAY,\n                validator: (value: CalendarMonthFirstDayOfWeek) =>\n                    Object.values(CalendarMonthFirstDayOfWeek).includes(value),\n            },\n\n            /**\n             * Indicate if a date should be disabled or not\n             */\n            isDateDisabled: { type: Function as PropType<CalendarMonthIsDateDisabled>, default: undefined },\n\n            /**\n             * Indicates if the calendar is part of a range date picker or a sigle date picker\n             */\n            isRange: { type: Boolean, default: false },\n\n            /**\n             * Month of the year to be displayed in the calendar\n             */\n            month: { type: Date, required: true },\n\n            /**\n             * When rendering multiple calendars, this property allows to render the\n             * Next and Previous calendar buttons to the right, left or not at all\n             * depending on the position: Unique (only 1), First, Middle or Last\n             */\n            position: {\n                type: String as PropType<CalendarMonthPosition>,\n                default: CalendarMonthPosition.UNIQUE,\n                validator: (value: CalendarMonthPosition) => Object.values(CalendarMonthPosition).includes(value),\n            },\n\n            /**\n             * start of the selected range\n             */\n            startDate: { type: Date, default: null }, // can be undefined, eslint complains without default\n        },\n        emits: [\n            CalendarMonthEvent.INPUT,\n            CalendarMonthEvent.NEXT_MONTH,\n            CalendarMonthEvent.PREVIOUS_MONTH,\n            CalendarMonthEvent.MOUSE_OVER,\n        ],\n        setup(props, { emit }) {\n            // Date formatter locale options\n            const { locale } = useI18n({ messages });\n            const locales = { de, enUS, fr };\n            const monthLabelId = generateUid('bento-date-picker-month-label');\n\n            const {\n                internalDate,\n                baseDate,\n                // Calendar refs\n                addDayRef,\n                // Month navigation\n                showNextMonth,\n                showPreviousMonth,\n                // Day navigation\n                moveToNextDay,\n                moveToPreviousDay,\n                moveToPreviousWeek,\n                moveToNextWeek,\n                moveToFirstDayOfWeek,\n                moveToLastDayOfWeek,\n                moveToPreviousMonth,\n                moveToPreviousYear,\n                moveToNextMonth,\n                moveToNextYear,\n                focusOnDate,\n            } = useMoveCalendarDate(\n                {\n                    currentSelectedDate: toRef(props, 'startDate'),\n                    month: toRef(props, 'month'),\n                    isDateDisabled: props.isDateDisabled,\n                    firstDayOfWeek: props.firstDayOfWeek,\n                },\n                emit\n            );\n\n            /**\n             * Default to Monday if the value passed in is not part of the defined Enum\n             */\n            const fallbackFirstDayOfWeek = computed(() =>\n                Object.values(CalendarMonthFirstDayOfWeek).includes(props.firstDayOfWeek)\n                    ? props.firstDayOfWeek\n                    : CalendarMonthFirstDayOfWeek.MONDAY\n            );\n\n            /**\n             * Renders the previous month button if it's Unique or First calendar\n             */\n            const shouldShowPreviousMonthButton = computed(() =>\n                [CalendarMonthPosition.FIRST, CalendarMonthPosition.UNIQUE].includes(props.position)\n            );\n\n            /**\n             * Renders the next month button if it's Unique or Last calendar\n             */\n            const shouldShowNextMonthButton = computed(() =>\n                [CalendarMonthPosition.LAST, CalendarMonthPosition.UNIQUE].includes(props.position)\n            );\n\n            /**\n             * Formats the month date to the name of the month and the year\n             */\n            const formattedMonthDate = computed(() =>\n                format(baseDate.value, 'MMMM yyyy', {\n                    locale: locales[locale.value.substring(0, 2)] || enUS,\n                })\n            );\n\n            /**\n             * Formats all the days of the week to their day name\n             */\n            const daysOfWeek = computed(() =>\n                new Array(7).fill(new Date()).map((date, index) => {\n                    const dayOfWeekDate = setDay(date, fallbackFirstDayOfWeek.value + index);\n\n                    return format(dayOfWeekDate, 'EEE', {\n                        locale: locales[locale.value.substring(0, 2)] || enUS,\n                    });\n                })\n            );\n\n            /**\n             * Calculates all the weeks of the current \"props.month\"\n             * and adds the respective day number to each column and week\n             */\n            const weeksOfMonth = computed(() => {\n                const weeks = [];\n                const date = startOfMonth(props.month);\n                let week = weeks[weeks.push([]) - 1];\n\n                while (date.getMonth() === props.month.getMonth()) {\n                    if (date.getDay() - fallbackFirstDayOfWeek.value === 0 && week.length > 0) {\n                        week = weeks[weeks.push([]) - 1];\n                    }\n\n                    week.push(startOfDay(date));\n                    date.setDate(date.getDate() + 1);\n                }\n\n                return weeks;\n            });\n\n            const onDayClicked = (selectedDate: Date) => {\n                emit(CalendarMonthEvent.INPUT, selectedDate);\n            };\n\n            /**\n             * Calculates the variation of the days selected.\n             * For single select it's always SINGLE\n             * For ranges:\n             *  - Start & End is the same: SINGLE\n             *  - Start: BEGINNING\n             *  - End: END\n             *  - Within the range: MIDDLE\n             * @param {Date} day Current day\n             */\n            // eslint-disable-next-line consistent-return\n            const dayVariant = (day: Date) => {\n                if (!props.isRange || isSameDay(props.startDate, props.endDate)) {\n                    return CalendarMonthDayVariant.SINGLE;\n                }\n\n                if (props.startDate && isSameDay(props.startDate, day)) {\n                    return CalendarMonthDayVariant.BEGINNING;\n                }\n                if (props.endDate && isSameDay(props.endDate, day)) {\n                    return CalendarMonthDayVariant.END;\n                }\n                if (\n                    props.startDate &&\n                    props.endDate &&\n                    isWithinInterval(day, { start: props.startDate, end: props.endDate })\n                ) {\n                    return CalendarMonthDayVariant.MIDDLE;\n                }\n            };\n\n            /**\n             * Checks every date in the calendar to see if it's selected.\n             * @param day Current day in the calendar\n             */\n            const isSelectedDate = (day: Date) => {\n                // Single selection\n                if (internalDate.value && isSameDay(internalDate.value, day)) {\n                    return true;\n                }\n\n                // Range\n                return (\n                    props.startDate &&\n                    props.endDate &&\n                    isWithinInterval(day, { start: props.startDate, end: props.endDate })\n                );\n            };\n\n            const confirmNavigationDate = () => {\n                emit(CalendarMonthEvent.INPUT, internalDate);\n            };\n\n            const listeners = !props.isRange\n                ? {\n                      'keydown:arrow-right': moveToNextDay,\n                      'keydown:arrow-left': moveToPreviousDay,\n                      'keydown:arrow-up': moveToPreviousWeek,\n                      'keydown:arrow-down': moveToNextWeek,\n                      'keydown:home': moveToFirstDayOfWeek,\n                      'keydown:end': moveToLastDayOfWeek,\n                      'keydown:page-up': moveToPreviousMonth,\n                      'keydown:shift-page-up': moveToPreviousYear,\n                      'keydown:page-down': moveToNextMonth,\n                      'keydown:shift-page-down': moveToNextYear,\n                  }\n                : {};\n\n            return {\n                // Refs\n                addDayRef,\n\n                // Values\n                daysOfWeek,\n                weeksOfMonth,\n                formattedMonthDate,\n                shouldShowNextMonthButton,\n                shouldShowPreviousMonthButton,\n                monthLabelId,\n\n                // Enums\n                BentoButtonVariant,\n                BentoTypographyElement,\n                BentoTypographyVariant,\n                CalendarMonthEvent,\n\n                // Functions\n                isSelectedDate,\n                showNextMonth,\n                showPreviousMonth,\n                dayVariant,\n                confirmNavigationDate,\n\n                // Events\n                onDayClicked,\n                listeners,\n\n                // Exposed methods\n                focusOnDate,\n                moveToNextDay,\n                moveToPreviousDay,\n                moveToPreviousWeek,\n                moveToNextWeek,\n                moveToFirstDayOfWeek,\n                moveToLastDayOfWeek,\n                moveToPreviousMonth,\n                moveToPreviousYear,\n                moveToNextMonth,\n                moveToNextYear,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./calendar-month.scss\" />\n","import { Ref, UnwrapNestedRefs } from 'vue';\n\nexport { CalendarMonthFirstDayOfWeek as CalendarFirstDayOfWeek } from './components/calendar-month/index';\nexport type { CalendarMonthIsDateDisabled as CalendarIsDateDisabled } from './components/calendar-month/index';\n\nexport interface CalendarRangeDateValue {\n    startDate: Date;\n    endDate: Date;\n}\n\nexport type CalendarSingleDateValue = Date;\nexport type CalendarValue = CalendarSingleDateValue | CalendarRangeDateValue;\n\ninterface UseCalendarPaneProps {\n    isDateDisabled?: (date: Date) => boolean;\n    maxRange?: Ref<number>;\n    selectedDate: Ref<CalendarValue>;\n}\n\nexport type UseCalendarPane = (\n    propRefs: UseCalendarPaneProps,\n    emit\n) => {\n    internalValue: UnwrapNestedRefs<CalendarRangeDateValue>;\n    onDateInput: (date: Date) => void;\n    onMouseOver: (date: Date) => void;\n};\n\nexport enum CalendarEvent {\n    INPUT = 'input',\n    START_DATE_SELECTED = 'start-date-selected',\n    END_DATE_SELECTED = 'end-date-selected',\n}\n","import { reactive, watch } from 'vue';\nimport { CalendarEvent, UseCalendarPane } from '../calendar.types';\n\nexport const useSinglePane: UseCalendarPane = ({ selectedDate }, emit) => {\n    /**\n     * Internal date manipulation.\n     */\n    const internalValue = reactive({\n        startDate: null,\n        endDate: null,\n    });\n\n    /**\n     * Set \"internalValue\" to the initial date and kept in sync for when\n     * the date is changed outside of the component while the component is mounted\n     */\n    watch(\n        () => selectedDate.value,\n        () => {\n            internalValue.startDate = selectedDate.value;\n            internalValue.endDate = undefined;\n        },\n        { immediate: true }\n    );\n\n    /**\n     * Called when a date is selected.\n     *\n     * Emits the selected date\n     *\n     * @param date - Date clicked\n     */\n    const onDateInput = (date: Date) => {\n        emit(CalendarEvent.INPUT, date);\n    };\n\n    return {\n        internalValue,\n\n        onDateInput,\n        // Empty function to prevent the listeners from throwing a warning\n        // eslint-disable-next-line @typescript-eslint/no-empty-function\n        onMouseOver: () => {},\n    };\n};\n","import { reactive, ref, watch } from 'vue';\nimport { CalendarEvent, CalendarRangeDateValue, UseCalendarPane } from '../calendar.types';\nimport isBefore from 'date-fns/isBefore';\nimport startOfDay from 'date-fns/startOfDay';\nimport isAfter from 'date-fns/isAfter';\nimport addDays from 'date-fns/addDays';\nimport differenceInDays from 'date-fns/differenceInDays';\nimport subDays from 'date-fns/subDays';\n\nexport const useRangePane: UseCalendarPane = ({ selectedDate, isDateDisabled, maxRange }, emit) => {\n    /**\n     * Internal date manipulation.\n     * This allows to change the dates with the form.\n     */\n    const internalValue = reactive({\n        startDate: null,\n        endDate: null,\n    });\n\n    /**\n     * First clicked date to calculate the ranges with\n     */\n    const clickedDate = ref<Date | null>(null);\n\n    /**\n     * Set \"internalValue\" to the initial date and kept in sync for when\n     * the date is changed outside of the component while the component is mounted\n     */\n    watch(\n        () => selectedDate.value,\n        () => {\n            let { startDate = null, endDate = null } = (selectedDate.value as CalendarRangeDateValue) || {};\n\n            if (startDate) startDate = startOfDay(startDate);\n            if (endDate) endDate = startOfDay(endDate);\n\n            if (\n                (startDate && isDateDisabled && isDateDisabled(startDate)) ||\n                (endDate && isDateDisabled && isDateDisabled(endDate)) ||\n                (startDate && endDate && isAfter(startDate, endDate))\n            ) {\n                // Disabled dates do nothing\n                return;\n            }\n\n            internalValue.startDate = startDate;\n            internalValue.endDate = endDate;\n        },\n        { immediate: true }\n    );\n\n    const setDates = (startDate: Date, endDate: Date, direction?: number) => {\n        // Set new initial dates to internal state\n        // For the form manual input to be registered, null values are allowed\n        internalValue.startDate = startDate;\n        internalValue.endDate = endDate;\n\n        // Selects a range of dates not bigger than the maxRange value\n        if (maxRange.value) {\n            const difference = differenceInDays(endDate, startDate) - maxRange.value;\n            if (difference > 0) {\n                if (direction < 1) {\n                    internalValue.startDate = startDate;\n                    internalValue.endDate = subDays(endDate, difference);\n                } else {\n                    internalValue.startDate = addDays(startDate, difference);\n                    internalValue.endDate = endDate;\n                }\n            }\n        }\n\n        emit(CalendarEvent.START_DATE_SELECTED, internalValue.startDate);\n        emit(CalendarEvent.END_DATE_SELECTED, internalValue.endDate);\n    };\n\n    /**\n     * Called when a date is selected.\n     *\n     *  - Initial click: Sets the selected date\n     *  - Second click: Selects the date range. Emits the Start date & End date\n     *\n     * @param date - Date clicked\n     */\n    const onDateInput = (date: Date) => {\n        // Second click\n        if (clickedDate.value) {\n            // Reset clicked date after second click\n            clickedDate.value = null;\n\n            // Set the end date in our internal value which will be emitted\n            // Emit when the second date (endDate) is selected\n            emit(CalendarEvent.INPUT, internalValue);\n        } else {\n            // First click\n            clickedDate.value = date;\n            emit(CalendarEvent.START_DATE_SELECTED, date);\n            emit(CalendarEvent.END_DATE_SELECTED, date);\n        }\n    };\n\n    /**\n     * When the mouse moves over the days it recalculates the\n     * range and moves it to the next range.\n     *\n     * If it's before the intial date it switches the range (start becomes end and vice versa)\n     * If it's after it sets the new end date.\n     * @param date - Hovered date\n     */\n    const onMouseOver = (date: Date) => {\n        if (!clickedDate.value || (isDateDisabled && isDateDisabled(date))) {\n            return;\n        }\n\n        if (isBefore(date, clickedDate.value)) {\n            const backwardsDirection = -1;\n            setDates(date, clickedDate.value, backwardsDirection);\n        } else {\n            const forwardDirection = 1;\n            setDates(clickedDate.value, date, forwardDirection);\n        }\n    };\n\n    return {\n        internalValue,\n\n        onDateInput,\n        onMouseOver,\n    };\n};\n","<template>\n    <div class=\"b-calendar\" :class=\"conditionalClasses\">\n        <calendar-month\n            v-for=\"(_, index) in numberOfMonths\"\n            :ref=\"numberOfMonths === 1 ? 'calendarRef' : null\"\n            :key=\"`calendar-${index}`\"\n            :first-day-of-week=\"firstDayOfWeek\"\n            :is-date-disabled=\"isDateDisabled\"\n            :month=\"calculateOffsetMonth(index)\"\n            :position=\"calendarPosition(index)\"\n            :is-range=\"isRange\"\n            :start-date=\"internalValue.startDate\"\n            :end-date=\"internalValue.endDate\"\n            @input=\"onDateInput\"\n            @mouseover=\"onMouseOver\"\n            @nextMonth=\"calculateNextMonths\"\n            @previousMonth=\"calculatePreviousMonths\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref, toRef, watch } from 'vue';\n    import { CalendarMonth, CalendarMonthPosition } from './components/calendar-month';\n    import { CalendarEvent, CalendarRangeDateValue, CalendarValue } from './calendar.types';\n    import { useSinglePane } from './composables/use-single-pane';\n    import { useRangePane } from './composables/use-range-pane';\n    import addMonths from 'date-fns/addMonths';\n    import subMonths from 'date-fns/subMonths';\n\n    /**\n     * Handles the calendar logic to change visible months for Single calendar\n     * and Range calendar, as well as the selection logic for range.\n     * All the processing necessary for the calendar to select dates\n     *\n     * @example\n     * import { Calendar } from '@/internal/bento-vue2';\n     *\n     * export default {\n     *     components: { Calendar },\n     *     template: `\n     *          <calendar\n     *              :value=\"value\"\n     *              :first-day-of-week=\"CalendarFirstDayOfWeek.Monday\"\n     *              :is-date-disabled=\"(day: Date) => boolean\"\n     *              :number-of-months=\"2\"\n     *              is-range\n     *              @input=\"(selectedDate) => void\"\n     *              @start-date-selected=\"(startDate: Date) => void\"\n     *              @end-date-selected=\"(endDate: Date) => void\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'calendar',\n        components: { CalendarMonth },\n        props: {\n            /**\n             * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n             */\n            firstDayOfWeek: CalendarMonth.props.firstDayOfWeek,\n\n            /**\n             * Indicate if a date should be disabled or not\n             */\n            isDateDisabled: CalendarMonth.props.isDateDisabled,\n\n            /**\n             * Enables the Date Range calendar\n             */\n            isRange: CalendarMonth.props.isRange,\n\n            /**\n             * Set a maximum number of dates to be selectable by the range.\n             */\n            maxRange: { type: Number, default: null, validator: (value: number) => !value || value > 0 },\n\n            /**\n             * Number of months rendered on pane\n             */\n            numberOfMonths: {\n                type: Number,\n                default: 3,\n                validator: (n: number) => n >= 1,\n            },\n\n            /**\n             * Selected date. Can be a single Date or a CalendarRangeDate\n             * instance that contains startDate and endDate attributes.\n             */\n            value: { type: [Date, Object] as PropType<CalendarValue>, default: undefined },\n        },\n        emit: [CalendarEvent.INPUT, CalendarEvent.START_DATE_SELECTED, CalendarEvent.END_DATE_SELECTED],\n        setup(props, { emit }) {\n            // Single date calendar ref\n            const calendarRef = ref(null);\n            // Use a duplicate of \"month\" to move back and\n            // forth with the arrows. Maintained in sync with the prop \"value\"\n            const baseDate = ref();\n            watch(\n                () => props.value,\n                () => {\n                    if (props.isRange) {\n                        baseDate.value = (props.value as CalendarRangeDateValue)?.startDate || new Date();\n                    } else {\n                        baseDate.value = (props.value as Date) || new Date();\n                    }\n                },\n                { immediate: true }\n            );\n\n            const conditionalClasses = computed(() => ({\n                'b-calendar__range': props.isRange,\n            }));\n\n            const {\n                internalValue,\n\n                onDateInput,\n                onMouseOver,\n            } = props.isRange\n                ? useRangePane(\n                      {\n                          selectedDate: toRef(props, 'value'),\n                          isDateDisabled: props.isDateDisabled as (date: Date) => boolean,\n                          maxRange: toRef(props, 'maxRange'),\n                      },\n                      emit\n                  )\n                : useSinglePane(\n                      {\n                          selectedDate: toRef(props, 'value'),\n                      },\n                      emit\n                  );\n\n            /**\n             * Calculate the current month calendar.\n             * This is used to render/hide the Previous & Next buttons on each calendar.\n             * @param {number} calendarIndex - Number to offset the calendar position\n             */\n            const calendarPosition = (calendarIndex: number) => {\n                if (props.numberOfMonths === 1) {\n                    return CalendarMonthPosition.UNIQUE;\n                }\n\n                if (calendarIndex === 0) {\n                    return CalendarMonthPosition.FIRST;\n                }\n\n                return calendarIndex === props.numberOfMonths - 1\n                    ? CalendarMonthPosition.LAST\n                    : CalendarMonthPosition.MIDDLE;\n            };\n\n            /**\n             * Calculates in relation to the amount of months defined in \"numberOfMonths\"\n             * which calendar month should be render starting from the first (leftmost)\n             * rendered calendar.\n             * @param offsetMonth - Amount of months to add after the first month was rendered\n             */\n            const calculateOffsetMonth = computed(\n                () => (offsetMonth: number) => addMonths(baseDate.value, offsetMonth)\n            );\n\n            /**\n             * By default shows the following month\n             * Can skip multiple months by passing an additional param\n             * Used for keyboard nav to be able to skip a year\n             */\n            const calculateNextMonths = (amountOfMonths = 1) => {\n                baseDate.value = addMonths(baseDate.value, amountOfMonths);\n            };\n\n            /**\n             * By default shows the previous month\n             * Can skip multiple months by passing an additional param\n             * Used for keyboard nav to be able to go back a year\n             */\n            const calculatePreviousMonths = (amountOfMonths = 1) => {\n                baseDate.value = subMonths(baseDate.value, amountOfMonths);\n            };\n\n            return {\n                // Refs\n                calendarRef,\n\n                // Values\n                baseDate,\n                conditionalClasses,\n                internalValue,\n\n                // Methods\n                calculateOffsetMonth,\n                calendarPosition,\n\n                // Events\n                onDateInput,\n                onMouseOver,\n                calculateNextMonths,\n                calculatePreviousMonths,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./calendar.scss\" />\n"],"names":["addDays$1","dirtyDate","dirtyAmount","requiredArgs$1","date","toDate$1","amount","toInteger$1","addMonths","dayOfMonth","endOfDesiredMonth","daysInMonth","startOfWeek","dirtyOptions","options","locale","localeWeekStartsOn","defaultWeekStartsOn","weekStartsOn","day","diff","startOfDay","MILLISECONDS_IN_DAY","differenceInCalendarDays","dirtyDateLeft","dirtyDateRight","startOfDayLeft","startOfDayRight","timestampLeft","getTimezoneOffsetInMilliseconds","timestampRight","isSameDay","dateLeftStartOfDay","dateRightStartOfDay","compareLocalAsc","dateLeft","dateRight","differenceInDays","sign","difference","isLastDayNotFull","result","startOfMonth","endOfWeek","subDays$2","subMonths","isAfter","dirtyDateToCompare","dateToCompare","isBefore","isWithinInterval","interval","time","startTime","endTime","setDay","dirtyDay","currentDay","remainder","dayIndex","delta","CalendarMonthDayVariant","CalendarMonthDayVariant2","CalendarMonthDayClass","CalendarMonthDayClass2","CalendarMonthDayEvent","CalendarMonthDayEvent2","_sfc_main$2","defineComponent","BentoDate","value","props","emit","isCurrentDay","computed","today","BentoDateFormat","selectedDay","CalendarMonthEvent","CalendarMonthEvent2","CalendarMonthPosition","CalendarMonthPosition2","CalendarMonthFirstDayOfWeek","CalendarMonthFirstDayOfWeek2","exports","toInteger","dirtyNumber","number","requiredArgs","required","args","toDate","_index","_interopRequireDefault","requiredArgsExports","argStr","argument","addDays","toIntegerExports","_index2","toDateExports","_index3","subDays","addDaysExports","useMoveCalendarDate","currentSelectedDate","month","isDateDisabled","firstDayOfWeek","baseDate","ref","watch","internalDate","calendarRef","addDayRef","enteringRef","clearCalendarRefs","showNextMonth","amountOfMonths","showPreviousMonth","focusOnDate","dateToBeFocusedOn","dateExistsInCalendar","stopPropagation","event","changeDate","nextDate","isIncreasingDays","isCalendarButtonsNav","nextTick","isNextDateInTheDisplayedMonthAndYear","daysToAdd","daysToSubstract","monthsToSubstract","monthsToAdd","_sfc_main$1","messages","BentoButton","BentoTypography","CalendarMonthDay","ChevronLeftIcon","ChevronRightIcon","BentoKeyboardNavigationDirective","useI18n","locales","de","enUS","fr","monthLabelId","generateUid","moveToNextDay","moveToPreviousDay","moveToPreviousWeek","moveToNextWeek","moveToFirstDayOfWeek","moveToLastDayOfWeek","moveToPreviousMonth","moveToPreviousYear","moveToNextMonth","moveToNextYear","toRef","fallbackFirstDayOfWeek","shouldShowPreviousMonthButton","shouldShowNextMonthButton","formattedMonthDate","format","daysOfWeek","index","dayOfWeekDate","weeksOfMonth","weeks","week","onDayClicked","selectedDate","dayVariant","isSelectedDate","confirmNavigationDate","listeners","BentoButtonVariant","BentoTypographyElement","BentoTypographyVariant","CalendarEvent","CalendarEvent2","useSinglePane","internalValue","reactive","useRangePane","maxRange","clickedDate","startDate","endDate","setDates","direction","_sfc_main","CalendarMonth","n","_a","conditionalClasses","onDateInput","onMouseOver","calendarPosition","calendarIndex","calculateOffsetMonth","offsetMonth"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,18,19,20,21,22]}

package/dist/chunks/controls-group.9d58a091.js

@@ -1,64 +0,0 @@
-import { defineComponent as n, computed as t } from "vue";
-import { B as i, a as d } from "./index.175f9e2d.js";
-import { n as c } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import "../assets/controls-group.css";
-const p = n({
-  name: "controls-group",
-  components: { BentoTypography: i },
-  props: {
-    /**
-     * The name associated with the group. Required for accessibility purposes.
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Shows/hides the group label.
-     */
-    showLabel: { type: Boolean, default: !1 },
-    /**
-     * The value of the id attribute of a <form> element the <fieldset> is to part of, even if it is not inside the form itself.
-     */
-    form: { type: String, default: null },
-    /**
-     * Sets all child controls of the <fieldset> as disabled.
-     */
-    disabled: { type: Boolean, default: !1 }
-  },
-  setup(o, { attrs: e }) {
-    const s = t(() => {
-      var a;
-      return {
-        "aria-describedby": (a = e["aria-describedby"]) == null ? void 0 : a.toString()
-      };
-    }), r = t(() => ({
-      "b-controls-group--disabled": o.disabled
-    })), l = t(() => ({
-      "b-controls-group__label--hidden": !o.showLabel
-    }));
-    return {
-      // Enums
-      BentoTypographyElement: d,
-      // Values
-      ariaAttributes: s,
-      conditionalClasses: r,
-      legendConditionalClasses: l
-    };
-  }
-});
-var _ = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, s("fieldset", { staticClass: "b-controls-group", class: e.conditionalClasses, attrs: { form: e.form, disabled: e.disabled, "aria-describedby": e.ariaAttributes["aria-describedby"] } }, [s("legend", { staticClass: "b-controls-group__label", class: e.legendConditionalClasses }, [s("bento-typography", { attrs: { el: e.BentoTypographyElement.SPAN } }, [e._v(" " + e._s(e.label) + " ")])], 1), e._t("default")], 2);
-}, b = [], u = /* @__PURE__ */ c(
-  p,
-  _,
-  b,
-  !1,
-  null,
-  "732f5078",
-  null,
-  null
-);
-const g = u.exports;
-export {
-  g as C
-};
-//# sourceMappingURL=controls-group.9d58a091.js.map

package/dist/chunks/controls-group.9d58a091.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-group.9d58a091.js","sources":["../../src/components/internal/controls-group/controls-group.vue"],"sourcesContent":["<template>\n    <fieldset\n        class=\"b-controls-group\"\n        :class=\"conditionalClasses\"\n        :form=\"form\"\n        :disabled=\"disabled\"\n        :aria-describedby=\"ariaAttributes['aria-describedby']\"\n    >\n        <legend class=\"b-controls-group__label\" :class=\"legendConditionalClasses\">\n            <bento-typography :el=\"BentoTypographyElement.SPAN\">\n                {{ label }}\n            </bento-typography>\n        </legend>\n        <slot />\n    </fieldset>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoTypography, BentoTypographyElement } from '@/components/typography';\n\n    /**\n     * A controls group components should be used whenever it is necessary to group a set of controls (i.e. radio buttons or checkboxes)\n     * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n     *\n     * NOTE: This component should not be used by itself but more implemented by other exported components\n     * @example\n     * import { ControlsGroup, BentoCheckbox } from '@adyen/bento-vue2/';\n     *\n     * export default {\n     *     components: { ControlsGroup, RadioButton },\n     *     template: `\n     *             <controls-group label=\"Your group label\">\n     *                 <radio-button\n     *                      disabled\n     *                      value=\"inputRadio\"\n     *                 >\n     *                      Label text\n     *                 </radio-button>\n     *                 <radio-button\n     *                      value=\"inputRadio\"\n     *                 >\n     *                      Another label text\n     *                 </radio-button>\n     *             </controls-group>\n     *     `\n     * };\n     */\n    export default defineComponent({\n        name: 'controls-group',\n        components: { BentoTypography },\n        props: {\n            /**\n             * The name associated with the group. Required for accessibility purposes.\n             */\n            label: { type: String, required: true },\n            /**\n             * Shows/hides the group label.\n             */\n            showLabel: { type: Boolean, default: false },\n            /**\n             * The value of the id attribute of a <form> element the <fieldset> is to part of, even if it is not inside the form itself.\n             */\n            form: { type: String, default: null },\n            /**\n             * Sets all child controls of the <fieldset> as disabled.\n             */\n            disabled: { type: Boolean, default: false },\n        },\n        setup(props, { attrs }) {\n            const ariaAttributes = computed(() => ({\n                'aria-describedby': attrs['aria-describedby']?.toString() as string,\n            }));\n\n            const conditionalClasses = computed(() => ({\n                'b-controls-group--disabled': props.disabled,\n            }));\n\n            const legendConditionalClasses = computed(() => ({\n                'b-controls-group__label--hidden': !props.showLabel,\n            }));\n\n            return {\n                // Enums\n                BentoTypographyElement,\n\n                // Values\n                ariaAttributes,\n                conditionalClasses,\n                legendConditionalClasses,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./controls-group.scss\" />\n"],"names":["_sfc_main","defineComponent","BentoTypography","props","attrs","ariaAttributes","computed","_a","conditionalClasses","legendConditionalClasses","BentoTypographyElement"],"mappings":";;;;AAgDA,MAAAA,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,OAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAIA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA,EAIA;AAAA,EACA,MAAAC,GAAA,EAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAA,qBAAAC,IAAAH,EAAA,kBAAA,MAAA,gBAAAG,EAAA;AAAA,MACA;AAAA,KAAA,GAGAC,IAAAF,EAAA,OAAA;AAAA,MAAA,8BAAAH,EAAA;AAAA,IACA,EAAA,GAGAM,IAAAH,EAAA,OAAA;AAAA,MAAA,mCAAA,CAAAH,EAAA;AAAA,IACA,EAAA;AAGA,WAAA;AAAA;AAAA,MAAA,wBAAAO;AAAA;AAAA,MAEA,gBAAAL;AAAA,MAGA,oBAAAG;AAAA,MACA,0BAAAC;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;"}

package/dist/chunks/dropdown-default-textbox.a5eca928.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-default-textbox.a5eca928.js","sources":["../../src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.ts","../../src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue","../../src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue"],"sourcesContent":["import { PropType } from 'vue';\nimport { Booleanish } from '@/types';\n\n// TODO: Change this to script setup + Typescript interface\nexport const DropdownBaseTextboxProps = {\n    /**\n     * The number of additional items that have been selected in the dropdown.\n     */\n    additionalItemsSelected: { type: Number, default: 0 },\n\n    /**\n     * Sets the possibility to type into the textbox\n     */\n    dynamicFiltering: {\n        type: Boolean,\n        default: false,\n    },\n\n    /**\n     * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n     */\n    ariaControls: {\n        type: String,\n        required: true,\n    },\n\n    /**\n     * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n     */\n    ariaExpanded: {\n        type: [String, Boolean] as PropType<Booleanish>,\n        required: true,\n    },\n\n    /**\n     * Corresponds to the label's id that labels the textbox element.\n     */\n    ariaLabelledby: {\n        type: String,\n        default: null,\n    },\n\n    /**\n     * Disables any textbox functionality\n     */\n    disabled: { type: Boolean, default: false },\n\n    /**\n     * Marks the textbox as invalid, rendering an error state\n     */\n    isInvalid: { type: Boolean, default: false },\n\n    /**\n     * Selected option's label\n     */\n    displayValue: { type: String, default: null },\n\n    /**\n     * Indicates if the dropdown is open so that\n     * the respective event can be emitted\n     */\n    open: { type: Boolean, default: false },\n\n    /**\n     * The input value\n     */\n    value: { type: String, default: '' },\n\n    /**\n     * Custom debounce time. Default: 300\n     */\n    debounceTime: { type: Number, default: 300 },\n};\n\nexport enum DropdownBaseTextboxState {\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    HAS_ITEMS = 'has-items',\n    OPENED = 'opened',\n    ERROR = 'error',\n}\n\nexport enum DropdownBaseTextboxEvent {\n    OPEN = 'open',\n    KEYDOWN = 'keydown',\n    CLOSE = 'close',\n    INPUT = 'input',\n    CLEAR = 'clear',\n}\n\nexport default DropdownBaseTextboxProps;\n","<template>\n    <div data-testid=\"textbox-wrapper\" @click=\"onToggleDropdown\" @keydown.escape=\"onCloseDropdown\">\n        <bento-typography\n            class=\"b-dropdown-base-textbox\"\n            :class=\"conditionalClasses\"\n            :el=\"BentoTypographyElement.DIV\"\n            data-testid=\"base-textbox\"\n        >\n            <input\n                v-if=\"dynamicFiltering\"\n                v-bind=\"ariaAttributes\"\n                :id=\"textboxId\"\n                ref=\"textbox\"\n                class=\"b-dropdown-base-textbox__input\"\n                role=\"combobox\"\n                type=\"text\"\n                aria-autocomplete=\"list\"\n                :value=\"open ? value : displayValue\"\n                :disabled=\"disabled ? true : null\"\n                :readonly=\"readonly\"\n                @keydown=\"$emit(DropdownBaseTextboxEvent.KEYDOWN, $event)\"\n                @keydown.enter=\"onToggleDropdown\"\n                @input=\"onInputEvent\"\n            />\n            <div\n                v-else\n                :id=\"textboxId\"\n                v-bind=\"ariaAttributes\"\n                ref=\"textbox\"\n                class=\"b-dropdown-base-textbox__input\"\n                role=\"combobox\"\n                :tabindex=\"0\"\n            >\n                <!-- <span :aria-hidden=\"!displayValue ? true : null\"> -->\n                <slot v-if=\"selectedValueItem && !multiple\" v-bind=\"selectedValueItem\">\n                    {{ displayValue }}\n                </slot>\n                <template v-else-if=\"selectedValueItem && showSlotContentInMultiple\">\n                    <div class=\"b-dropdown-base-textbox__input-multiple-selected\">\n                        <div v-for=\"singleItem of selectedValueItems\" :key=\"singleItem.value\">\n                            <div class=\"b-dropdown-base-textbox__input-selected-element\">\n                                <slot v-bind=\"singleItem\">\n                                    {{ displayValue }}\n                                </slot>\n                            </div>\n                        </div>\n                    </div>\n                </template>\n                <template v-else>{{ displayValue }}</template>\n                <!-- </span> -->\n            </div>\n            <span v-if=\"additionalItemsSelected\" class=\"b-dropdown-base-textbox__additional-items\">\n                {{ additionalItemsSelected }}\n            </span>\n            <span v-if=\"hasSlot('icon') && !isFiltering\" class=\"b-dropdown-base-textbox__icon\" aria-hidden=\"true\">\n                <slot name=\"icon\"></slot>\n            </span>\n            <span\n                v-if=\"isFiltering\"\n                class=\"b-dropdown-base-textbox__clear-search\"\n                tabindex=\"0\"\n                data-testid=\"clear-search-button\"\n                @click.stop=\"onClearSearch\"\n                @keydown.enter.stop=\"onClearSearch\"\n                @keyup.space=\"onClearSearch\"\n            >\n                <cross-circle-fill-icon :svg-title=\"'clearSearch'\" />\n            </span>\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { useHasSlot } from '@/composables';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { debounce } from '@/utils/ts/debounce';\n    import { BentoKeyboardNavigationKeyDownEvent, BentoListboxOptionItem, Booleanish } from '@/types';\n    import type { HTMLAttributes } from 'vue/types/jsx';\n    import CrossCircleFillIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { DropdownBaseTextboxEvent, DropdownBaseTextboxState } from './dropdown-base-textbox.types';\n    /**\n     * Only for internal use, implements the logic of the textbox element to be implemented in the combobox.\n     */\n    export default defineComponent({\n        name: 'dropdown-base-textbox',\n        components: { BentoTypography, CrossCircleFillIcon },\n        props: {\n            /**\n             * The number of additional items that have been selected in the dropdown.\n             */\n            additionalItemsSelected: { type: Number, default: 0 },\n\n            /**\n             * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n             */\n            ariaControls: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n             */\n            ariaExpanded: {\n                type: [String, Boolean] as PropType<Booleanish>,\n                required: true,\n            },\n\n            /**\n             * If no label element is used then the aria-label is be set should be set.\n             */\n            ariaLabel: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Corresponds to the label's id that labels the textbox element.\n             */\n            ariaLabelledby: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Custom debounce time for the user type event.\n             */\n            debounceTime: { type: Number, default: 300 },\n\n            /**\n             * Disables any textbox functionality\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Selected option's label\n             */\n            displayValue: { type: String, default: null },\n\n            /**\n             * Sets the possibility to type into the textbox.\n             */\n            dynamicFiltering: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Marks the textbox as invalid, rendering an error state\n             */\n            isInvalid: { type: Boolean, default: false },\n\n            /**\n             * Indicates if the dropdown is open so that\n             * the respective event can be emitted\n             */\n            open: { type: Boolean, default: false },\n\n            /**\n             * Sets the dropdown to readonly state\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * The input value\n             */\n            value: { type: String, default: '' },\n\n            /**\n             * The selected value's list box item.\n             */\n            selectedValueItem: {\n                type: [Object, Array] as PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>,\n                default: undefined,\n            },\n\n            /**\n             * Toggles whether to use the slot content select items shown in the textbox in multiple mode.\n             */\n            showSlotContentInMultiple: { type: Boolean, default: false },\n\n            /*\n             * If enabled, the user will be able to select multiple items.\n             */\n            multiple: { type: Boolean, default: false },\n        },\n        emits: [\n            DropdownBaseTextboxEvent.OPEN,\n            DropdownBaseTextboxEvent.CLOSE,\n            DropdownBaseTextboxEvent.INPUT,\n            DropdownBaseTextboxEvent.CLEAR,\n            DropdownBaseTextboxEvent.KEYDOWN,\n        ],\n        setup(props, { emit, slots, attrs }) {\n            const textbox = ref(null);\n            const textboxId = generateUid('textbox');\n\n            const conditionalClasses = computed(() => ({\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.DISABLED}`]: props.disabled,\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.READONLY}`]: props.readonly,\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.HAS_ITEMS}`]: !!props.additionalItemsSelected,\n            }));\n\n            const isFiltering = computed(() => props.dynamicFiltering && !!props.value);\n\n            const ariaAttributes = computed(\n                () =>\n                    ({\n                        'aria-haspopup': 'listbox',\n                        'aria-controls': props.ariaControls,\n                        'aria-describedby': attrs['aria-describedby']?.toString() as string,\n                        'aria-expanded': props.ariaExpanded ? 'true' : 'false',\n                        'aria-labelledby': props.ariaLabelledby,\n                        'aria-label': props.ariaLabelledby ? null : props.ariaLabel,\n                        'aria-invalid': props.isInvalid,\n                        'aria-disabled': props.disabled ? true : null,\n                    } as HTMLAttributes)\n            );\n\n            /**\n             * Triggered on click, space and enter user events. It will open the dropdown.\n             * @event open\n             */\n            const onOpenDropdown = () => {\n                if (!props.disabled && !props.readonly) {\n                    textbox.value.focus();\n                    emit(DropdownBaseTextboxEvent.OPEN);\n                }\n            };\n\n            /**\n             * Triggered on click, space, enter and esc user events. It will close the dropdown.\n             * @event close\n             */\n            const onCloseDropdown = () => {\n                if (props.open) {\n                    textbox.value.focus();\n                    emit(DropdownBaseTextboxEvent.CLOSE);\n                }\n            };\n\n            const onToggleDropdown = (event: Event) => {\n                const isDynamicFilteringInputClickEvent =\n                    props.open && (event.target as HTMLDivElement).tagName === 'INPUT';\n                if (isDynamicFilteringInputClickEvent) {\n                    /**\n                     * When there's a click even on the input during filtering\n                     * and the popover is open, do not toggle the popover.\n                     * Allow for click events inside the input field\n                     */\n                    return null;\n                }\n\n                return props.open ? onCloseDropdown() : onOpenDropdown();\n            };\n\n            const onClearSearch = () => {\n                emit(DropdownBaseTextboxEvent.CLEAR);\n                emit(DropdownBaseTextboxEvent.INPUT, '');\n                textbox.value.focus();\n            };\n            const onInputEvent = debounce<(event: Event) => void>((event: Event) => {\n                emit(DropdownBaseTextboxEvent.INPUT, (event.target as HTMLInputElement).value);\n            }, props.debounceTime);\n\n            // Cast selectedValueItem if it is an array of selected items\n            const selectedValueItems = computed(() =>\n                props.multiple ? (props.selectedValueItem as BentoListboxOptionItem[]) : []\n            );\n\n            return {\n                // Enums\n                BentoTypographyElement,\n                BentoTypographyVariant,\n                BentoKeyboardNavigationKeyDownEvent,\n                DropdownBaseTextboxEvent,\n\n                // Values\n                conditionalClasses,\n                textboxId,\n                textbox,\n                isFiltering,\n                ariaAttributes,\n                selectedValueItems,\n\n                // Events\n                onCloseDropdown,\n                onToggleDropdown,\n                onClearSearch,\n                onInputEvent,\n\n                // Methods\n                hasSlot: useHasSlot(slots),\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./dropdown-base-textbox.scss\" />\n","<template>\n    <div class=\"b-dropdown-default-textbox\" :class=\"conditionalClasses\" data-testid=\"default-textbox\">\n        <dropdown-base-textbox\n            v-bind=\"{ ...$attrs, ...$props }\"\n            class=\"b-dropdown-default-textbox__textbox\"\n            :value=\"value\"\n            v-on=\"listeners\"\n        >\n            <template v-for=\"(_, innerSlot) of slots\" #[innerSlot]=\"scope\">\n                <slot :name=\"innerSlot\" v-bind=\"scope\" />\n            </template>\n            <template #icon>\n                <div class=\"b-dropdown-default-textbox__chevron\">\n                    <chevron-up-icon v-show=\"isDropdownOpen\" svg-title=\"opened\" />\n                    <chevron-down-icon v-show=\"!isDropdownOpen\" svg-title=\"closed\" />\n                </div>\n            </template>\n        </dropdown-base-textbox>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import DropdownBaseTextbox from '@/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue';\n    import { BentoListboxOptionItem, Booleanish } from '@/types';\n    import { stopEventPropagation } from '@/utils/ts/events';\n    import {\n        DropdownBaseTextboxEvent,\n        DropdownBaseTextboxState,\n    } from '../dropdown-base-textbox/dropdown-base-textbox.types';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    /**\n     * For internal use only, textbox component used in the dropdown component.\n     */\n    export default defineComponent({\n        name: 'dropdown-default-textbox',\n        components: { ChevronDownIcon, ChevronUpIcon, DropdownBaseTextbox },\n        emits: [\n            DropdownBaseTextboxEvent.OPEN,\n            DropdownBaseTextboxEvent.CLOSE,\n            DropdownBaseTextboxEvent.INPUT,\n            DropdownBaseTextboxEvent.CLEAR,\n            DropdownBaseTextboxEvent.KEYDOWN,\n        ],\n        props: {\n            /**\n             * The number of additional items that have been selected in the dropdown.\n             */\n            additionalItemsSelected: { type: Number, default: 0 },\n\n            /**\n             * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n             */\n            ariaControls: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n             */\n            ariaExpanded: {\n                type: [String, Boolean] as PropType<Booleanish>,\n                required: true,\n            },\n\n            /**\n             * If no label element is used then the aria-label is be set should be set.\n             */\n            ariaLabel: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Corresponds to the label's id that labels the textbox element.\n             */\n            ariaLabelledby: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Custom debounce time. Default: 300\n             */\n            debounceTime: { type: Number, default: 300 },\n\n            /**\n             * Disables any textbox functionality\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Selected option's label\n             */\n            displayValue: { type: String, default: null },\n\n            /**\n             * Sets the possibility to type into the textbox\n             */\n            dynamicFiltering: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Marks the textbox as invalid, rendering an error state\n             */\n            isInvalid: { type: Boolean, default: false },\n\n            /**\n             * Indicates if the dropdown is open so that\n             * the respective event can be emitted\n             */\n            open: { type: Boolean, default: false },\n\n            /**\n             * Sets the dropdown to readonly state\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * The selected value's list box item.\n             */\n            selectedValueItem: {\n                type: [Object, Array] as PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>,\n                default: undefined,\n            },\n\n            /**\n             * Toggles whether to use the slot content select items shown in the textbox in multiple mode.\n             */\n            showSlotContentInMultiple: { type: Boolean, default: false },\n\n            /**\n             * The input value\n             */\n            value: { type: String, default: '' },\n\n            /*\n             * If enabled, the user will be able to select multiple items.\n             */\n            multiple: { type: Boolean, default: false },\n        },\n        setup(props, { slots, emit }) {\n            const conditionalClasses = computed(() => ({\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.ERROR}`]:\n                    !props.disabled && !props.readonly && props.isInvalid,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.DISABLED}`]: props.disabled,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.READONLY}`]: props.readonly,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.OPENED}`]: props.open,\n            }));\n\n            const isDropdownOpen = computed(() => props.open && !props.disabled && !props.readonly);\n\n            const onInput = (e: Event) => {\n                emit(DropdownBaseTextboxEvent.INPUT, e);\n            };\n            const onKeyDown = (e: Event) => {\n                emit(DropdownBaseTextboxEvent.KEYDOWN, e);\n            };\n            const openDropdown = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.OPEN);\n            };\n            const closeDropdown = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.CLOSE);\n            };\n            const clearValue = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.CLEAR);\n            };\n\n            const listeners = {\n                [DropdownBaseTextboxEvent.INPUT]: onInput,\n                [DropdownBaseTextboxEvent.OPEN]: openDropdown,\n                [DropdownBaseTextboxEvent.CLOSE]: closeDropdown,\n                [DropdownBaseTextboxEvent.CLEAR]: clearValue,\n                [DropdownBaseTextboxEvent.KEYDOWN]: onKeyDown,\n            };\n\n            return {\n                // Enums\n                DropdownBaseTextboxEvent,\n\n                // Values\n                conditionalClasses,\n                isDropdownOpen,\n                slots,\n\n                // Events\n                listeners,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./dropdown-default-textbox.scss\" />\n"],"names":["DropdownBaseTextboxState","DropdownBaseTextboxState2","DropdownBaseTextboxEvent","DropdownBaseTextboxEvent2","_sfc_main$1","defineComponent","BentoTypography","CrossCircleIcon","props","emit","slots","attrs","textbox","ref","textboxId","generateUid","conditionalClasses","computed","isFiltering","ariaAttributes","_a","onOpenDropdown","onCloseDropdown","onToggleDropdown","event","onClearSearch","onInputEvent","debounce","selectedValueItems","BentoTypographyElement","BentoTypographyVariant","BentoKeyboardNavigationKeyDownEvent","useHasSlot","_sfc_main","ChevronDownIcon","ChevronUpIcon","DropdownBaseTextbox","isDropdownOpen","onInput","e","onKeyDown","openDropdown","stopEventPropagation","closeDropdown","clearValue","listeners"],"mappings":"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"}