vuetify 3.10.2 → 3.10.4

package/lib/util/animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation.js","names":["Box","nullifyTransforms","el","rect","getBoundingClientRect","style","getComputedStyle","tx","transform","ta","sx","sy","dx","dy","startsWith","slice","split","Number","to","transformOrigin","x","parseFloat","y","indexOf","w","width","offsetWidth","h","height","offsetHeight","animate","keyframes","options","finished","Promise","resolve","animation","err","onfinish"],"sources":["../../src/util/animation.ts"],"sourcesContent":["// Utilities\nimport { Box } from '@/util/box'\n\n/** @see https://stackoverflow.com/a/57876601/2074736 */\nexport function nullifyTransforms (el: HTMLElement): Box {\n  const rect = el.getBoundingClientRect()\n  const style = getComputedStyle(el)\n  const tx = style.transform\n\n  if (tx) {\n    let ta, sx, sy, dx, dy\n    if (tx.startsWith('matrix3d(')) {\n      ta = tx.slice(9, -1).split(/, /)\n      sx = Number(ta[0])\n      sy = Number(ta[5])\n      dx = Number(ta[12])\n      dy = Number(ta[13])\n    } else if (tx.startsWith('matrix(')) {\n      ta = tx.slice(7, -1).split(/, /)\n      sx = Number(ta[0])\n      sy = Number(ta[3])\n      dx = Number(ta[4])\n      dy = Number(ta[5])\n    } else {\n      return new Box(rect)\n    }\n\n    const to = style.transformOrigin\n    const x = rect.x - dx - (1 - sx) * parseFloat(to)\n    const y = rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(' ') + 1))\n    const w = sx ? rect.width / sx : el.offsetWidth + 1\n    const h = sy ? rect.height / sy : el.offsetHeight + 1\n\n    return new Box({ x, y, width: w, height: h })\n  } else {\n    return new Box(rect)\n  }\n}\n\nexport function animate (\n  el: Element,\n  keyframes: Keyframe[] | PropertyIndexedKeyframes | null,\n  options?: number | KeyframeAnimationOptions\n) {\n  if (typeof el.animate === 'undefined') return { finished: Promise.resolve() }\n\n  let animation: Animation\n  try {\n    animation = el.animate(keyframes, options)\n  } catch (err) {\n    return { finished: Promise.resolve() }\n  }\n\n  if (typeof animation.finished === 'undefined') {\n    (animation as any).finished = new Promise(resolve => {\n      animation.onfinish = () => {\n        resolve(animation)\n      }\n    })\n  }\n\n  return animation\n}\n"],"mappings":"AAAA;AAAA,SACSA,GAAG;AAEZ;AACA,OAAO,SAASC,iBAAiBA,CAAEC,EAAe,EAAO;EACvD,MAAMC,IAAI,GAAGD,EAAE,CAACE,qBAAqB,CAAC,CAAC;EACvC,MAAMC,KAAK,GAAGC,gBAAgB,CAACJ,EAAE,CAAC;EAClC,MAAMK,EAAE,GAAGF,KAAK,CAACG,SAAS;EAE1B,IAAID,EAAE,EAAE;IACN,IAAIE,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE;IACtB,IAAIN,EAAE,CAACO,UAAU,CAAC,WAAW,CAAC,EAAE;MAC9BL,EAAE,GAAGF,EAAE,CAACQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,IAAI,CAAC;MAChCN,EAAE,GAAGO,MAAM,CAACR,EAAE,CAAC,CAAC,CAAC,CAAC;MAClBE,EAAE,GAAGM,MAAM,CAACR,EAAE,CAAC,CAAC,CAAC,CAAC;MAClBG,EAAE,GAAGK,MAAM,CAACR,EAAE,CAAC,EAAE,CAAC,CAAC;MACnBI,EAAE,GAAGI,MAAM,CAACR,EAAE,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,MAAM,IAAIF,EAAE,CAACO,UAAU,CAAC,SAAS,CAAC,EAAE;MACnCL,EAAE,GAAGF,EAAE,CAACQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,IAAI,CAAC;MAChCN,EAAE,GAAGO,MAAM,CAACR,EAAE,CAAC,CAAC,CAAC,CAAC;MAClBE,EAAE,GAAGM,MAAM,CAACR,EAAE,CAAC,CAAC,CAAC,CAAC;MAClBG,EAAE,GAAGK,MAAM,CAACR,EAAE,CAAC,CAAC,CAAC,CAAC;MAClBI,EAAE,GAAGI,MAAM,CAACR,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,MAAM;MACL,OAAO,IAAIT,GAAG,CAACG,IAAI,CAAC;IACtB;IAEA,MAAMe,EAAE,GAAGb,KAAK,CAACc,eAAe;IAChC,MAAMC,CAAC,GAAGjB,IAAI,CAACiB,CAAC,GAAGR,EAAE,GAAG,CAAC,CAAC,GAAGF,EAAE,IAAIW,UAAU,CAACH,EAAE,CAAC;IACjD,MAAMI,CAAC,GAAGnB,IAAI,CAACmB,CAAC,GAAGT,EAAE,GAAG,CAAC,CAAC,GAAGF,EAAE,IAAIU,UAAU,CAACH,EAAE,CAACH,KAAK,CAACG,EAAE,CAACK,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5E,MAAMC,CAAC,GAAGd,EAAE,GAAGP,IAAI,CAACsB,KAAK,GAAGf,EAAE,GAAGR,EAAE,CAACwB,WAAW,GAAG,CAAC;IACnD,MAAMC,CAAC,GAAGhB,EAAE,GAAGR,IAAI,CAACyB,MAAM,GAAGjB,EAAE,GAAGT,EAAE,CAAC2B,YAAY,GAAG,CAAC;IAErD,OAAO,IAAI7B,GAAG,CAAC;MAAEoB,CAAC;MAAEE,CAAC;MAAEG,KAAK,EAAED,CAAC;MAAEI,MAAM,EAAED;IAAE,CAAC,CAAC;EAC/C,CAAC,MAAM;IACL,OAAO,IAAI3B,GAAG,CAACG,IAAI,CAAC;EACtB;AACF;AAEA,OAAO,SAAS2B,OAAOA,CACrB5B,EAAW,EACX6B,SAAuD,EACvDC,OAA2C,EAC3C;EACA,IAAI,OAAO9B,EAAE,CAAC4B,OAAO,KAAK,WAAW,EAAE,OAAO;IAAEG,QAAQ,EAAEC,OAAO,CAACC,OAAO,CAAC;EAAE,CAAC;EAE7E,IAAIC,SAAoB;EACxB,IAAI;IACFA,SAAS,GAAGlC,EAAE,CAAC4B,OAAO,CAACC,SAAS,EAAEC,OAAO,CAAC;EAC5C,CAAC,CAAC,OAAOK,GAAG,EAAE;IACZ,OAAO;MAAEJ,QAAQ,EAAEC,OAAO,CAACC,OAAO,CAAC;IAAE,CAAC;EACxC;EAEA,IAAI,OAAOC,SAAS,CAACH,QAAQ,KAAK,WAAW,EAAE;IAC5CG,SAAS,CAASH,QAAQ,GAAG,IAAIC,OAAO,CAACC,OAAO,IAAI;MACnDC,SAAS,CAACE,QAAQ,GAAG,MAAM;QACzBH,OAAO,CAACC,SAAS,CAAC;MACpB,CAAC;IACH,CAAC,CAAC;EACJ;EAEA,OAAOA,SAAS;AAClB","ignoreList":[]}
+{"version":3,"file":"animation.js","names":["Box","nullifyTransforms","el","rect","getBoundingClientRect","style","getComputedStyle","tx","transform","ta","sx","sy","dx","dy","startsWith","slice","split","Number","to","transformOrigin","x","parseFloat","y","indexOf","w","width","offsetWidth","h","height","offsetHeight","animate","keyframes","options","finished","Promise","resolve","animation","err","onfinish"],"sources":["../../src/util/animation.ts"],"sourcesContent":["// Utilities\nimport { Box } from '@/util/box'\n\n/** @see https://stackoverflow.com/a/57876601/2074736 */\nexport function nullifyTransforms (el: HTMLElement): Box {\n  const rect = new Box(el.getBoundingClientRect())\n  const style = getComputedStyle(el)\n  const tx = style.transform\n\n  if (tx) {\n    let ta, sx, sy, dx, dy\n    if (tx.startsWith('matrix3d(')) {\n      ta = tx.slice(9, -1).split(/, /)\n      sx = Number(ta[0])\n      sy = Number(ta[5])\n      dx = Number(ta[12])\n      dy = Number(ta[13])\n    } else if (tx.startsWith('matrix(')) {\n      ta = tx.slice(7, -1).split(/, /)\n      sx = Number(ta[0])\n      sy = Number(ta[3])\n      dx = Number(ta[4])\n      dy = Number(ta[5])\n    } else {\n      return new Box(rect)\n    }\n\n    const to = style.transformOrigin\n    const x = rect.x - dx - (1 - sx) * parseFloat(to)\n    const y = rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(' ') + 1))\n    const w = sx ? rect.width / sx : el.offsetWidth + 1\n    const h = sy ? rect.height / sy : el.offsetHeight + 1\n\n    return new Box({ x, y, width: w, height: h })\n  } else {\n    return new Box(rect)\n  }\n}\n\nexport function animate (\n  el: Element,\n  keyframes: Keyframe[] | PropertyIndexedKeyframes | null,\n  options?: number | KeyframeAnimationOptions\n) {\n  if (typeof el.animate === 'undefined') return { finished: Promise.resolve() }\n\n  let animation: Animation\n  try {\n    animation = el.animate(keyframes, options)\n  } catch (err) {\n    return { finished: Promise.resolve() }\n  }\n\n  if (typeof animation.finished === 'undefined') {\n    (animation as any).finished = new Promise(resolve => {\n      animation.onfinish = () => {\n        resolve(animation)\n      }\n    })\n  }\n\n  return animation\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/util/box.d.ts

@@ -3,7 +3,7 @@ export declare class Box {
     y: number;
     width: number;
     height: number;
-    constructor({ x, y, width, height }: {
+    constructor(args: DOMRect | {
         x: number;
         y: number;
         width: number;

package/lib/util/box.js

@@ -1,15 +1,17 @@
 export class Box {
-  constructor(_ref) {
-    let {
+  constructor(args) {
+    const pageScale = document.body.currentCSSZoom ?? 1;
+    const factor = args instanceof DOMRect ? 1 + (1 - pageScale) / pageScale : 1;
+    const {
       x,
       y,
       width,
       height
-    } = _ref;
-    this.x = x;
-    this.y = y;
-    this.width = width;
-    this.height = height;
+    } = args;
+    this.x = x * factor;
+    this.y = y * factor;
+    this.width = width * factor;
+    this.height = height * factor;
   }
   get top() {
     return this.y;
@@ -38,14 +40,16 @@ export function getOverflow(a, b) {
 }
 export function getTargetBox(target) {
   if (Array.isArray(target)) {
+    const pageScale = document.body.currentCSSZoom ?? 1;
+    const factor = 1 + (1 - pageScale) / pageScale;
     return new Box({
-      x: target[0],
-      y: target[1],
-      width: 0,
-      height: 0
+      x: target[0] * factor,
+      y: target[1] * factor,
+      width: 0 * factor,
+      height: 0 * factor
     });
   } else {
-    return target.getBoundingClientRect();
+    return new Box(target.getBoundingClientRect());
   }
 }
 export function getElementBox(el) {
@@ -58,11 +62,12 @@ export function getElementBox(el) {
         height: document.documentElement.clientHeight
       });
     } else {
+      const pageScale = document.body.currentCSSZoom ?? 1;
       return new Box({
         x: visualViewport.scale > 1 ? 0 : visualViewport.offsetLeft,
         y: visualViewport.scale > 1 ? 0 : visualViewport.offsetTop,
-        width: visualViewport.width * visualViewport.scale,
-        height: visualViewport.height * visualViewport.scale
+        width: visualViewport.width * visualViewport.scale / pageScale,
+        height: visualViewport.height * visualViewport.scale / pageScale
       });
     }
   } else {

package/lib/util/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","names":["Box","constructor","_ref","x","y","width","height","top","bottom","left","right","getOverflow","a","b","before","Math","max","after","getTargetBox","target","Array","isArray","getBoundingClientRect","getElementBox","el","document","documentElement","visualViewport","clientWidth","clientHeight","scale","offsetLeft","offsetTop","rect"],"sources":["../../src/util/box.ts"],"sourcesContent":["export class Box {\n  x: number\n  y: number\n  width: number\n  height: number\n\n  constructor ({ x, y, width, height }: {\n    x: number\n    y: number\n    width: number\n    height: number\n  }) {\n    this.x = x\n    this.y = y\n    this.width = width\n    this.height = height\n  }\n\n  get top () { return this.y }\n  get bottom () { return this.y + this.height }\n  get left () { return this.x }\n  get right () { return this.x + this.width }\n}\n\nexport function getOverflow (a: Box, b: Box) {\n  return {\n    x: {\n      before: Math.max(0, b.left - a.left),\n      after: Math.max(0, a.right - b.right),\n    },\n    y: {\n      before: Math.max(0, b.top - a.top),\n      after: Math.max(0, a.bottom - b.bottom),\n    },\n  }\n}\n\nexport function getTargetBox (target: HTMLElement | [x: number, y: number]): Box {\n  if (Array.isArray(target)) {\n    return new Box({\n      x: target[0],\n      y: target[1],\n      width: 0,\n      height: 0,\n    })\n  } else {\n    return target.getBoundingClientRect()\n  }\n}\n\nexport function getElementBox (el: HTMLElement) {\n  if (el === document.documentElement) {\n    if (!visualViewport) {\n      return new Box({\n        x: 0,\n        y: 0,\n        width: document.documentElement.clientWidth,\n        height: document.documentElement.clientHeight,\n      })\n    } else {\n      return new Box({\n        x: visualViewport.scale > 1 ? 0 : visualViewport.offsetLeft,\n        y: visualViewport.scale > 1 ? 0 : visualViewport.offsetTop,\n        width: visualViewport.width * visualViewport.scale,\n        height: visualViewport.height * visualViewport.scale,\n      })\n    }\n  } else {\n    const rect = el.getBoundingClientRect()\n    return new Box({\n      x: rect.x,\n      y: rect.y,\n      width: el.clientWidth,\n      height: el.clientHeight,\n    })\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"box.js","names":["Box","constructor","args","pageScale","document","body","currentCSSZoom","factor","DOMRect","x","y","width","height","top","bottom","left","right","getOverflow","a","b","before","Math","max","after","getTargetBox","target","Array","isArray","getBoundingClientRect","getElementBox","el","documentElement","visualViewport","clientWidth","clientHeight","scale","offsetLeft","offsetTop","rect"],"sources":["../../src/util/box.ts"],"sourcesContent":["export class Box {\n  x: number\n  y: number\n  width: number\n  height: number\n\n  constructor (args: DOMRect | {\n    x: number\n    y: number\n    width: number\n    height: number\n  }) {\n    const pageScale = document.body.currentCSSZoom ?? 1\n    const factor = args instanceof DOMRect ? 1 + (1 - pageScale) / pageScale : 1\n\n    const { x, y, width, height } = args\n\n    this.x = x * factor\n    this.y = y * factor\n    this.width = width * factor\n    this.height = height * factor\n  }\n\n  get top () { return this.y }\n  get bottom () { return this.y + this.height }\n  get left () { return this.x }\n  get right () { return this.x + this.width }\n}\n\nexport function getOverflow (a: Box, b: Box) {\n  return {\n    x: {\n      before: Math.max(0, b.left - a.left),\n      after: Math.max(0, a.right - b.right),\n    },\n    y: {\n      before: Math.max(0, b.top - a.top),\n      after: Math.max(0, a.bottom - b.bottom),\n    },\n  }\n}\n\nexport function getTargetBox (target: HTMLElement | [x: number, y: number]): Box {\n  if (Array.isArray(target)) {\n    const pageScale = document.body.currentCSSZoom ?? 1\n    const factor = 1 + (1 - pageScale) / pageScale\n\n    return new Box({\n      x: target[0] * factor,\n      y: target[1] * factor,\n      width: 0 * factor,\n      height: 0 * factor,\n    })\n  } else {\n    return new Box(target.getBoundingClientRect())\n  }\n}\n\nexport function getElementBox (el: HTMLElement) {\n  if (el === document.documentElement) {\n    if (!visualViewport) {\n      return new Box({\n        x: 0,\n        y: 0,\n        width: document.documentElement.clientWidth,\n        height: document.documentElement.clientHeight,\n      })\n    } else {\n      const pageScale = document.body.currentCSSZoom ?? 1\n      return new Box({\n        x: visualViewport.scale > 1 ? 0 : visualViewport.offsetLeft,\n        y: visualViewport.scale > 1 ? 0 : visualViewport.offsetTop,\n        width: visualViewport.width * visualViewport.scale / pageScale,\n        height: visualViewport.height * visualViewport.scale / pageScale,\n      })\n    }\n  } else {\n    const rect = el.getBoundingClientRect()\n    return new Box({\n      x: rect.x,\n      y: rect.y,\n      width: el.clientWidth,\n      height: el.clientHeight,\n    })\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/util/createSimpleFunctional.d.ts

@@ -1,6 +1,6 @@
 export declare function createSimpleFunctional(klass: string, tag?: string, name?: string): {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
-        style: import("vue").StyleValue;
+        style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
         tag: string;
     } & {
         class?: any;
@@ -32,7 +32,7 @@ export declare function createSimpleFunctional(klass: string, tag?: string, name
         M: {};
         Defaults: {};
     }, {
-        style: import("vue").StyleValue;
+        style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
         tag: string;
     } & {
         class?: any;
@@ -57,7 +57,7 @@ export declare function createSimpleFunctional(klass: string, tag?: string, name
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<{
-    style: import("vue").StyleValue;
+    style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
     tag: string;
 } & {
     class?: any;

package/lib/util/events.js

@@ -1,8 +1,8 @@
 // Utilities
-import { isOn } from "./helpers.js";
+import { callEvent, isOn } from "./helpers.js";
 export function getPrefixedEventHandlers(attrs, suffix, getData) {
   return Object.keys(attrs).filter(key => isOn(key) && key.endsWith(suffix)).reduce((acc, key) => {
-    acc[key.slice(0, -suffix.length)] = event => attrs[key](event, getData(event));
+    acc[key.slice(0, -suffix.length)] = event => callEvent(attrs[key], event, getData(event));
     return acc;
   }, {});
 }

package/lib/util/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","names":["isOn","getPrefixedEventHandlers","attrs","suffix","getData","Object","keys","filter","key","endsWith","reduce","acc","slice","length","event"],"sources":["../../src/util/events.ts"],"sourcesContent":["// Utilities\nimport { isOn } from '@/util/helpers'\n\ntype EventHandler = (event: Event) => any\n\nexport function getPrefixedEventHandlers<T extends `:${string}`> (\n  attrs: Record<string, any>,\n  suffix: T,\n  getData: EventHandler\n): Record<`${string}${T}`, EventHandler> {\n  return Object.keys(attrs)\n    .filter(key => isOn(key) && key.endsWith(suffix))\n    .reduce((acc: any, key) => {\n      acc[key.slice(0, -suffix.length)] = (event: Event) => attrs[key](event, getData(event))\n      return acc\n    }, {} as Record<`${string}${T}`, EventHandler>)\n}\n"],"mappings":"AAAA;AAAA,SACSA,IAAI;AAIb,OAAO,SAASC,wBAAwBA,CACtCC,KAA0B,EAC1BC,MAAS,EACTC,OAAqB,EACkB;EACvC,OAAOC,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CACtBK,MAAM,CAACC,GAAG,IAAIR,IAAI,CAACQ,GAAG,CAAC,IAAIA,GAAG,CAACC,QAAQ,CAACN,MAAM,CAAC,CAAC,CAChDO,MAAM,CAAC,CAACC,GAAQ,EAAEH,GAAG,KAAK;IACzBG,GAAG,CAACH,GAAG,CAACI,KAAK,CAAC,CAAC,EAAE,CAACT,MAAM,CAACU,MAAM,CAAC,CAAC,GAAIC,KAAY,IAAKZ,KAAK,CAACM,GAAG,CAAC,CAACM,KAAK,EAAEV,OAAO,CAACU,KAAK,CAAC,CAAC;IACvF,OAAOH,GAAG;EACZ,CAAC,EAAE,CAAC,CAA0C,CAAC;AACnD","ignoreList":[]}
+{"version":3,"file":"events.js","names":["callEvent","isOn","getPrefixedEventHandlers","attrs","suffix","getData","Object","keys","filter","key","endsWith","reduce","acc","slice","length","event"],"sources":["../../src/util/events.ts"],"sourcesContent":["// Utilities\nimport { callEvent, isOn } from '@/util/helpers'\n\ntype EventHandler = (event: Event) => any\n\nexport function getPrefixedEventHandlers<T extends `:${string}`> (\n  attrs: Record<string, any>,\n  suffix: T,\n  getData: EventHandler\n): Record<`${string}${T}`, EventHandler> {\n  return Object.keys(attrs)\n    .filter(key => isOn(key) && key.endsWith(suffix))\n    .reduce((acc: any, key) => {\n      acc[key.slice(0, -suffix.length)] = (event: Event) => callEvent(attrs[key], event, getData(event))\n      return acc\n    }, {} as Record<`${string}${T}`, EventHandler>)\n}\n"],"mappings":"AAAA;AAAA,SACSA,SAAS,EAAEC,IAAI;AAIxB,OAAO,SAASC,wBAAwBA,CACtCC,KAA0B,EAC1BC,MAAS,EACTC,OAAqB,EACkB;EACvC,OAAOC,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CACtBK,MAAM,CAACC,GAAG,IAAIR,IAAI,CAACQ,GAAG,CAAC,IAAIA,GAAG,CAACC,QAAQ,CAACN,MAAM,CAAC,CAAC,CAChDO,MAAM,CAAC,CAACC,GAAQ,EAAEH,GAAG,KAAK;IACzBG,GAAG,CAACH,GAAG,CAACI,KAAK,CAAC,CAAC,EAAE,CAACT,MAAM,CAACU,MAAM,CAAC,CAAC,GAAIC,KAAY,IAAKf,SAAS,CAACG,KAAK,CAACM,GAAG,CAAC,EAAEM,KAAK,EAAEV,OAAO,CAACU,KAAK,CAAC,CAAC;IAClG,OAAOH,GAAG;EACZ,CAAC,EAAE,CAAC,CAA0C,CAAC;AACnD","ignoreList":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify",
   "description": "Vue Material Component Framework",
-  "version": "3.10.2",
+  "version": "3.10.4",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"
@@ -134,7 +134,7 @@
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.0.8",
-    "@intlify/devtools-types": "^11.1.3",
+    "@intlify/devtools-types": "^11.1.12",
     "@percy/cli": "^1.30.10",
     "@percy/sdk-utils": "^1.30.10",
     "@rollup/plugin-alias": "^5.1.1",
@@ -145,10 +145,10 @@
     "@testing-library/user-event": "^14.6.1",
     "@testing-library/vue": "^8.1.0",
     "@types/resize-observer-browser": "^0.1.11",
-    "@vitejs/plugin-vue-jsx": "^4.2.0",
-    "@vitest/browser": "^3.1.1",
-    "@vitest/coverage-istanbul": "^3.1.1",
-    "@vitest/ui": "^3.1.1",
+    "@vitejs/plugin-vue-jsx": "^5.1.1",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-istanbul": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
     "@vue/reactivity": "^3.5.13",
     "@vue/shared": "^3.5.13",
     "@vue/test-utils": "^2.4.6",
@@ -182,9 +182,9 @@
     "upath": "^2.0.1",
     "vite-live-preview": "^0.3.2",
     "vite-ssr": "^0.17.2",
-    "vitest": "^3.1.1",
-    "vue": "^3.5.13",
-    "vue-i18n": "^11.1.3",
+    "vitest": "^3.2.4",
+    "vue": "^3.5.21",
+    "vue-i18n": "^11.1.12",
     "vue-router": "^4.5.0",
     "webdriverio": "^9.15.0"
   },