vuetify 3.5.14 → 3.5.16

package/lib/labs/VSparkline/index.d.mts

@@ -13,26 +13,26 @@ declare const VSparkline: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         fill: boolean;
         type: "bar" | "trend";
-        height: string | number;
         width: string | number;
+        height: string | number;
+        modelValue: SparklineItem[];
         smooth: boolean;
         padding: string | number;
-        labels: SparklineItem[];
-        modelValue: SparklineItem[];
         gradient: string[];
         itemValue: string;
+        labels: SparklineItem[];
         autoDraw: boolean;
         autoDrawEasing: string;
-        gradientDirection: "left" | "top" | "bottom" | "right";
+        gradientDirection: "left" | "right" | "top" | "bottom";
         labelSize: string | number;
         lineWidth: string | number;
         showLabels: boolean;
         autoLineWidth: boolean;
     } & {
-        max?: string | number | undefined;
         id?: string | undefined;
-        min?: string | number | undefined;
         color?: string | undefined;
+        max?: string | number | undefined;
+        min?: string | number | undefined;
         autoDrawDuration?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | ((arg: void) => vue.VNodeChild) | {
@@ -58,26 +58,26 @@ declare const VSparkline: {
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         fill: boolean;
         type: "bar" | "trend";
-        height: string | number;
         width: string | number;
+        height: string | number;
+        modelValue: SparklineItem[];
         smooth: boolean;
         padding: string | number;
-        labels: SparklineItem[];
-        modelValue: SparklineItem[];
         gradient: string[];
         itemValue: string;
+        labels: SparklineItem[];
         autoDraw: boolean;
         autoDrawEasing: string;
-        gradientDirection: "left" | "top" | "bottom" | "right";
+        gradientDirection: "left" | "right" | "top" | "bottom";
         labelSize: string | number;
         lineWidth: string | number;
         showLabels: boolean;
         autoLineWidth: boolean;
     } & {
-        max?: string | number | undefined;
         id?: string | undefined;
-        min?: string | number | undefined;
         color?: string | undefined;
+        max?: string | number | undefined;
+        min?: string | number | undefined;
         autoDrawDuration?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | ((arg: void) => vue.VNodeChild) | {
@@ -103,17 +103,17 @@ declare const VSparkline: {
     }, {
         fill: boolean;
         type: "bar" | "trend";
-        height: string | number;
         width: string | number;
+        height: string | number;
+        modelValue: SparklineItem[];
         smooth: boolean;
         padding: string | number;
-        labels: SparklineItem[];
-        modelValue: SparklineItem[];
         gradient: string[];
         itemValue: string;
+        labels: SparklineItem[];
         autoDraw: boolean;
         autoDrawEasing: string;
-        gradientDirection: "left" | "top" | "bottom" | "right";
+        gradientDirection: "left" | "right" | "top" | "bottom";
         labelSize: string | number;
         lineWidth: string | number;
         showLabels: boolean;
@@ -138,26 +138,26 @@ declare const VSparkline: {
     }, {
         fill: boolean;
         type: "bar" | "trend";
-        height: string | number;
         width: string | number;
+        height: string | number;
+        modelValue: SparklineItem[];
         smooth: boolean;
         padding: string | number;
-        labels: SparklineItem[];
-        modelValue: SparklineItem[];
         gradient: string[];
         itemValue: string;
+        labels: SparklineItem[];
         autoDraw: boolean;
         autoDrawEasing: string;
-        gradientDirection: "left" | "top" | "bottom" | "right";
+        gradientDirection: "left" | "right" | "top" | "bottom";
         labelSize: string | number;
         lineWidth: string | number;
         showLabels: boolean;
         autoLineWidth: boolean;
     } & {
-        max?: string | number | undefined;
         id?: string | undefined;
-        min?: string | number | undefined;
         color?: string | undefined;
+        max?: string | number | undefined;
+        min?: string | number | undefined;
         autoDrawDuration?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | ((arg: void) => vue.VNodeChild) | {
@@ -183,17 +183,17 @@ declare const VSparkline: {
     }, {}, {}, {}, {}, {
         fill: boolean;
         type: "bar" | "trend";
-        height: string | number;
         width: string | number;
+        height: string | number;
+        modelValue: SparklineItem[];
         smooth: boolean;
         padding: string | number;
-        labels: SparklineItem[];
-        modelValue: SparklineItem[];
         gradient: string[];
         itemValue: string;
+        labels: SparklineItem[];
         autoDraw: boolean;
         autoDrawEasing: string;
-        gradientDirection: "left" | "top" | "bottom" | "right";
+        gradientDirection: "left" | "right" | "top" | "bottom";
         labelSize: string | number;
         lineWidth: string | number;
         showLabels: boolean;
@@ -205,26 +205,26 @@ declare const VSparkline: {
 } & vue.ComponentOptionsBase<{
     fill: boolean;
     type: "bar" | "trend";
-    height: string | number;
     width: string | number;
+    height: string | number;
+    modelValue: SparklineItem[];
     smooth: boolean;
     padding: string | number;
-    labels: SparklineItem[];
-    modelValue: SparklineItem[];
     gradient: string[];
     itemValue: string;
+    labels: SparklineItem[];
     autoDraw: boolean;
     autoDrawEasing: string;
-    gradientDirection: "left" | "top" | "bottom" | "right";
+    gradientDirection: "left" | "right" | "top" | "bottom";
     labelSize: string | number;
     lineWidth: string | number;
     showLabels: boolean;
     autoLineWidth: boolean;
 } & {
-    max?: string | number | undefined;
     id?: string | undefined;
-    min?: string | number | undefined;
     color?: string | undefined;
+    max?: string | number | undefined;
+    min?: string | number | undefined;
     autoDrawDuration?: string | number | undefined;
 } & {
     $children?: vue.VNodeChild | ((arg: void) => vue.VNodeChild) | {
@@ -250,17 +250,17 @@ declare const VSparkline: {
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     fill: boolean;
     type: "bar" | "trend";
-    height: string | number;
     width: string | number;
+    height: string | number;
+    modelValue: SparklineItem[];
     smooth: boolean;
     padding: string | number;
-    labels: SparklineItem[];
-    modelValue: SparklineItem[];
     gradient: string[];
     itemValue: string;
+    labels: SparklineItem[];
     autoDraw: boolean;
     autoDrawEasing: string;
-    gradientDirection: "left" | "top" | "bottom" | "right";
+    gradientDirection: "left" | "right" | "top" | "bottom";
     labelSize: string | number;
     lineWidth: string | number;
     showLabels: boolean;
@@ -288,7 +288,7 @@ declare const VSparkline: {
         default: () => never[];
     };
     gradientDirection: {
-        type: PropType<"left" | "top" | "bottom" | "right">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         validator: (val: string) => boolean;
         default: string;
     };
@@ -348,7 +348,7 @@ declare const VSparkline: {
         default: () => never[];
     };
     gradientDirection: {
-        type: PropType<"left" | "top" | "bottom" | "right">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         validator: (val: string) => boolean;
         default: string;
     };

package/lib/labs/VSparkline/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VSparkline"],"sources":["../../../src/labs/VSparkline/index.ts"],"sourcesContent":["export { VSparkline } from './VSparkline'\n"],"mappings":"SAASA,UAAU"}
+{"version":3,"file":"index.mjs","names":["VSparkline"],"sources":["../../../src/labs/VSparkline/index.ts"],"sourcesContent":["export { VSparkline } from './VSparkline'\n"],"mappings":"SAASA,UAAU","ignoreList":[]}

package/lib/labs/VSparkline/util/line.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"line.mjs","names":["propsFactory","makeLineProps","autoDraw","Boolean","autoDrawDuration","Number","String","autoDrawEasing","type","default","color","gradient","Array","gradientDirection","validator","val","includes","height","labels","labelSize","lineWidth","id","itemValue","modelValue","min","max","padding","showLabels","smooth","width"],"sources":["../../../../src/labs/VSparkline/util/line.ts"],"sourcesContent":["// Utilities\nimport { propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type SparklineItem = number | { value: number }\n\nexport const makeLineProps = propsFactory({\n  autoDraw: Boolean,\n  autoDrawDuration: [Number, String],\n  autoDrawEasing: {\n    type: String,\n    default: 'ease',\n  },\n  color: String,\n  gradient: {\n    type: Array as PropType<string[]>,\n    default: () => ([]),\n  },\n  gradientDirection: {\n    type: String as PropType<'top' | 'bottom' | 'left' | 'right'>,\n    validator: (val: string) => ['top', 'bottom', 'left', 'right'].includes(val),\n    default: 'top',\n  },\n  height: {\n    type: [String, Number],\n    default: 75,\n  },\n  labels: {\n    type: Array as PropType<SparklineItem[]>,\n    default: () => ([]),\n  },\n  labelSize: {\n    type: [Number, String],\n    default: 7,\n  },\n  lineWidth: {\n    type: [String, Number],\n    default: 4,\n  },\n  id: String,\n  itemValue: {\n    type: String,\n    default: 'value',\n  },\n  modelValue: {\n    type: Array as PropType<SparklineItem[]>,\n    default: () => ([]),\n  },\n  min: [String, Number],\n  max: [String, Number],\n  padding: {\n    type: [String, Number],\n    default: 8,\n  },\n  showLabels: Boolean,\n  smooth: Boolean,\n  width: {\n    type: [Number, String],\n    default: 300,\n  },\n}, 'Line')\n"],"mappings":"AAAA;AAAA,SACSA,YAAY,mCAErB;AAKA,OAAO,MAAMC,aAAa,GAAGD,YAAY,CAAC;EACxCE,QAAQ,EAAEC,OAAO;EACjBC,gBAAgB,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;EAClCC,cAAc,EAAE;IACdC,IAAI,EAAEF,MAAM;IACZG,OAAO,EAAE;EACX,CAAC;EACDC,KAAK,EAAEJ,MAAM;EACbK,QAAQ,EAAE;IACRH,IAAI,EAAEI,KAA2B;IACjCH,OAAO,EAAEA,CAAA,KAAO;EAClB,CAAC;EACDI,iBAAiB,EAAE;IACjBL,IAAI,EAAEF,MAAuD;IAC7DQ,SAAS,EAAGC,GAAW,IAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAACC,QAAQ,CAACD,GAAG,CAAC;IAC5EN,OAAO,EAAE;EACX,CAAC;EACDQ,MAAM,EAAE;IACNT,IAAI,EAAE,CAACF,MAAM,EAAED,MAAM,CAAC;IACtBI,OAAO,EAAE;EACX,CAAC;EACDS,MAAM,EAAE;IACNV,IAAI,EAAEI,KAAkC;IACxCH,OAAO,EAAEA,CAAA,KAAO;EAClB,CAAC;EACDU,SAAS,EAAE;IACTX,IAAI,EAAE,CAACH,MAAM,EAAEC,MAAM,CAAC;IACtBG,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTZ,IAAI,EAAE,CAACF,MAAM,EAAED,MAAM,CAAC;IACtBI,OAAO,EAAE;EACX,CAAC;EACDY,EAAE,EAAEf,MAAM;EACVgB,SAAS,EAAE;IACTd,IAAI,EAAEF,MAAM;IACZG,OAAO,EAAE;EACX,CAAC;EACDc,UAAU,EAAE;IACVf,IAAI,EAAEI,KAAkC;IACxCH,OAAO,EAAEA,CAAA,KAAO;EAClB,CAAC;EACDe,GAAG,EAAE,CAAClB,MAAM,EAAED,MAAM,CAAC;EACrBoB,GAAG,EAAE,CAACnB,MAAM,EAAED,MAAM,CAAC;EACrBqB,OAAO,EAAE;IACPlB,IAAI,EAAE,CAACF,MAAM,EAAED,MAAM,CAAC;IACtBI,OAAO,EAAE;EACX,CAAC;EACDkB,UAAU,EAAExB,OAAO;EACnByB,MAAM,EAAEzB,OAAO;EACf0B,KAAK,EAAE;IACLrB,IAAI,EAAE,CAACH,MAAM,EAAEC,MAAM,CAAC;IACtBG,OAAO,EAAE;EACX;AACF,CAAC,EAAE,MAAM,CAAC"}
+{"version":3,"file":"line.mjs","names":["propsFactory","makeLineProps","autoDraw","Boolean","autoDrawDuration","Number","String","autoDrawEasing","type","default","color","gradient","Array","gradientDirection","validator","val","includes","height","labels","labelSize","lineWidth","id","itemValue","modelValue","min","max","padding","showLabels","smooth","width"],"sources":["../../../../src/labs/VSparkline/util/line.ts"],"sourcesContent":["// Utilities\nimport { propsFactory } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type SparklineItem = number | { value: number }\n\nexport const makeLineProps = propsFactory({\n  autoDraw: Boolean,\n  autoDrawDuration: [Number, String],\n  autoDrawEasing: {\n    type: String,\n    default: 'ease',\n  },\n  color: String,\n  gradient: {\n    type: Array as PropType<string[]>,\n    default: () => ([]),\n  },\n  gradientDirection: {\n    type: String as PropType<'top' | 'bottom' | 'left' | 'right'>,\n    validator: (val: string) => ['top', 'bottom', 'left', 'right'].includes(val),\n    default: 'top',\n  },\n  height: {\n    type: [String, Number],\n    default: 75,\n  },\n  labels: {\n    type: Array as PropType<SparklineItem[]>,\n    default: () => ([]),\n  },\n  labelSize: {\n    type: [Number, String],\n    default: 7,\n  },\n  lineWidth: {\n    type: [String, Number],\n    default: 4,\n  },\n  id: String,\n  itemValue: {\n    type: String,\n    default: 'value',\n  },\n  modelValue: {\n    type: Array as PropType<SparklineItem[]>,\n    default: () => ([]),\n  },\n  min: [String, Number],\n  max: [String, Number],\n  padding: {\n    type: [String, Number],\n    default: 8,\n  },\n  showLabels: Boolean,\n  smooth: Boolean,\n  width: {\n    type: [Number, String],\n    default: 300,\n  },\n}, 'Line')\n"],"mappings":"AAAA;AAAA,SACSA,YAAY,mCAErB;AAKA,OAAO,MAAMC,aAAa,GAAGD,YAAY,CAAC;EACxCE,QAAQ,EAAEC,OAAO;EACjBC,gBAAgB,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;EAClCC,cAAc,EAAE;IACdC,IAAI,EAAEF,MAAM;IACZG,OAAO,EAAE;EACX,CAAC;EACDC,KAAK,EAAEJ,MAAM;EACbK,QAAQ,EAAE;IACRH,IAAI,EAAEI,KAA2B;IACjCH,OAAO,EAAEA,CAAA,KAAO;EAClB,CAAC;EACDI,iBAAiB,EAAE;IACjBL,IAAI,EAAEF,MAAuD;IAC7DQ,SAAS,EAAGC,GAAW,IAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAACC,QAAQ,CAACD,GAAG,CAAC;IAC5EN,OAAO,EAAE;EACX,CAAC;EACDQ,MAAM,EAAE;IACNT,IAAI,EAAE,CAACF,MAAM,EAAED,MAAM,CAAC;IACtBI,OAAO,EAAE;EACX,CAAC;EACDS,MAAM,EAAE;IACNV,IAAI,EAAEI,KAAkC;IACxCH,OAAO,EAAEA,CAAA,KAAO;EAClB,CAAC;EACDU,SAAS,EAAE;IACTX,IAAI,EAAE,CAACH,MAAM,EAAEC,MAAM,CAAC;IACtBG,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTZ,IAAI,EAAE,CAACF,MAAM,EAAED,MAAM,CAAC;IACtBI,OAAO,EAAE;EACX,CAAC;EACDY,EAAE,EAAEf,MAAM;EACVgB,SAAS,EAAE;IACTd,IAAI,EAAEF,MAAM;IACZG,OAAO,EAAE;EACX,CAAC;EACDc,UAAU,EAAE;IACVf,IAAI,EAAEI,KAAkC;IACxCH,OAAO,EAAEA,CAAA,KAAO;EAClB,CAAC;EACDe,GAAG,EAAE,CAAClB,MAAM,EAAED,MAAM,CAAC;EACrBoB,GAAG,EAAE,CAACnB,MAAM,EAAED,MAAM,CAAC;EACrBqB,OAAO,EAAE;IACPlB,IAAI,EAAE,CAACF,MAAM,EAAED,MAAM,CAAC;IACtBI,OAAO,EAAE;EACX,CAAC;EACDkB,UAAU,EAAExB,OAAO;EACnByB,MAAM,EAAEzB,OAAO;EACf0B,KAAK,EAAE;IACLrB,IAAI,EAAE,CAACH,MAAM,EAAEC,MAAM,CAAC;IACtBG,OAAO,EAAE;EACX;AACF,CAAC,EAAE,MAAM,CAAC","ignoreList":[]}

package/lib/labs/VSparkline/util/path.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"path.mjs","names":["genPath","points","radius","fill","arguments","length","undefined","height","start","shift","end","x","y","map","point","index","next","prev","isCollinear","checkCollinear","threshold","Math","min","getDistance","isTooCloseForRadius","radiusForPoint","before","moveTo","after","join","int","value","parseInt","p0","p1","p2","sqrt","pow","to","from","vector","unitVector"],"sources":["../../../../src/labs/VSparkline/util/path.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport { Point } from '../VSparkline'\n// import { checkCollinear, getDistance, moveTo } from './math'\n\n/**\n * From https://github.com/unsplash/react-trend/blob/master/src/helpers/DOM.helpers.js#L18\n */\nexport function genPath (points: Point[], radius: number, fill = false, height = 75) {\n  if (points.length === 0) return ''\n  const start = points.shift()!\n  const end = points[points.length - 1]\n\n  return (\n    (fill ? `M${start.x} ${height - start.x + 2} L${start.x} ${start.y}` : `M${start.x} ${start.y}`) +\n    points\n      .map((point, index) => {\n        const next = points[index + 1]\n        const prev = points[index - 1] || start\n        const isCollinear = next && checkCollinear(next, point, prev)\n\n        if (!next || isCollinear) {\n          return `L${point.x} ${point.y}`\n        }\n\n        const threshold = Math.min(\n          getDistance(prev, point),\n          getDistance(next, point)\n        )\n        const isTooCloseForRadius = threshold / 2 < radius\n        const radiusForPoint = isTooCloseForRadius ? threshold / 2 : radius\n\n        const before = moveTo(prev, point, radiusForPoint)\n        const after = moveTo(next, point, radiusForPoint)\n\n        return `L${before.x} ${before.y}S${point.x} ${point.y} ${after.x} ${after.y}`\n      })\n      .join('') +\n    (fill ? `L${end.x} ${height - start.x + 2} Z` : '')\n  )\n}\n\nfunction int (value: string | number): number {\n  return parseInt(value, 10)\n}\n\n/**\n * https://en.wikipedia.org/wiki/Collinearity\n * x=(x1+x2)/2\n * y=(y1+y2)/2\n */\nexport function checkCollinear (p0: Point, p1: Point, p2: Point): boolean {\n  return int(p0.x + p2.x) === int(2 * p1.x) && int(p0.y + p2.y) === int(2 * p1.y)\n}\n\nexport function getDistance (p1: Point, p2: Point): number {\n  return Math.sqrt(\n    Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2)\n  )\n}\n\nexport function moveTo (to: Point, from: Point, radius: number) {\n  const vector = { x: to.x - from.x, y: to.y - from.y }\n  const length = Math.sqrt((vector.x * vector.x) + (vector.y * vector.y))\n  const unitVector = { x: vector.x / length, y: vector.y / length }\n\n  return {\n    x: from.x + unitVector.x * radius,\n    y: from.y + unitVector.y * radius,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"path.mjs","names":["genPath","points","radius","fill","arguments","length","undefined","height","start","shift","end","x","y","map","point","index","next","prev","isCollinear","checkCollinear","threshold","Math","min","getDistance","isTooCloseForRadius","radiusForPoint","before","moveTo","after","join","int","value","parseInt","p0","p1","p2","sqrt","pow","to","from","vector","unitVector"],"sources":["../../../../src/labs/VSparkline/util/path.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport { Point } from '../VSparkline'\n// import { checkCollinear, getDistance, moveTo } from './math'\n\n/**\n * From https://github.com/unsplash/react-trend/blob/master/src/helpers/DOM.helpers.js#L18\n */\nexport function genPath (points: Point[], radius: number, fill = false, height = 75) {\n  if (points.length === 0) return ''\n  const start = points.shift()!\n  const end = points[points.length - 1]\n\n  return (\n    (fill ? `M${start.x} ${height - start.x + 2} L${start.x} ${start.y}` : `M${start.x} ${start.y}`) +\n    points\n      .map((point, index) => {\n        const next = points[index + 1]\n        const prev = points[index - 1] || start\n        const isCollinear = next && checkCollinear(next, point, prev)\n\n        if (!next || isCollinear) {\n          return `L${point.x} ${point.y}`\n        }\n\n        const threshold = Math.min(\n          getDistance(prev, point),\n          getDistance(next, point)\n        )\n        const isTooCloseForRadius = threshold / 2 < radius\n        const radiusForPoint = isTooCloseForRadius ? threshold / 2 : radius\n\n        const before = moveTo(prev, point, radiusForPoint)\n        const after = moveTo(next, point, radiusForPoint)\n\n        return `L${before.x} ${before.y}S${point.x} ${point.y} ${after.x} ${after.y}`\n      })\n      .join('') +\n    (fill ? `L${end.x} ${height - start.x + 2} Z` : '')\n  )\n}\n\nfunction int (value: string | number): number {\n  return parseInt(value, 10)\n}\n\n/**\n * https://en.wikipedia.org/wiki/Collinearity\n * x=(x1+x2)/2\n * y=(y1+y2)/2\n */\nexport function checkCollinear (p0: Point, p1: Point, p2: Point): boolean {\n  return int(p0.x + p2.x) === int(2 * p1.x) && int(p0.y + p2.y) === int(2 * p1.y)\n}\n\nexport function getDistance (p1: Point, p2: Point): number {\n  return Math.sqrt(\n    Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2)\n  )\n}\n\nexport function moveTo (to: Point, from: Point, radius: number) {\n  const vector = { x: to.x - from.x, y: to.y - from.y }\n  const length = Math.sqrt((vector.x * vector.x) + (vector.y * vector.y))\n  const unitVector = { x: vector.x / length, y: vector.y / length }\n\n  return {\n    x: from.x + unitVector.x * radius,\n    y: from.y + unitVector.y * radius,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VSpeedDial/VSpeedDial.css

@@ -1,3 +1,42 @@
 .v-speed-dial__content {
   gap: 8px;
+}
+.v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
+  flex-direction: row;
+}
+.v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
+  flex-direction: row-reverse;
+}
+.v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
+  flex-direction: column-reverse;
+}
+.v-speed-dial__content > *:nth-child(1) {
+  transition-delay: 0s;
+}
+.v-speed-dial__content > *:nth-child(2) {
+  transition-delay: 0.05s;
+}
+.v-speed-dial__content > *:nth-child(3) {
+  transition-delay: 0.1s;
+}
+.v-speed-dial__content > *:nth-child(4) {
+  transition-delay: 0.15s;
+}
+.v-speed-dial__content > *:nth-child(5) {
+  transition-delay: 0.2s;
+}
+.v-speed-dial__content > *:nth-child(6) {
+  transition-delay: 0.25s;
+}
+.v-speed-dial__content > *:nth-child(7) {
+  transition-delay: 0.3s;
+}
+.v-speed-dial__content > *:nth-child(8) {
+  transition-delay: 0.35s;
+}
+.v-speed-dial__content > *:nth-child(9) {
+  transition-delay: 0.4s;
+}
+.v-speed-dial__content > *:nth-child(10) {
+  transition-delay: 0.45s;
 }

package/lib/labs/VSpeedDial/VSpeedDial.mjs

@@ -6,18 +6,18 @@ import "./VSpeedDial.css";
 import { VDefaultsProvider } from "../../components/VDefaultsProvider/index.mjs";
 import { makeVMenuProps, VMenu } from "../../components/VMenu/VMenu.mjs"; // Composables
 import { makeComponentProps } from "../../composables/component.mjs";
-import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Utilities
-import { ref } from 'vue';
+import { MaybeTransition } from "../../composables/transition.mjs"; // Utilities
+import { computed, ref } from 'vue';
 import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVSpeedDialProps = propsFactory({
   ...makeComponentProps(),
   ...makeVMenuProps({
     offset: 8,
     minWidth: 0,
-    location: 'top center'
-  }),
-  ...makeTransitionProps({
-    transition: 'fade-transition'
+    openDelay: 0,
+    closeDelay: 100,
+    location: 'top center',
+    transition: 'scale-transition'
   })
 }, 'VSpeedDial');
 export const VSpeedDial = genericComponent()({
@@ -28,13 +28,22 @@ export const VSpeedDial = genericComponent()({
       slots
     } = _ref;
     const menuRef = ref();
+    const location = computed(() => {
+      const [y, x = 'center'] = props.location.split(' ');
+      return `${y} ${x}`;
+    });
+    const locationClasses = computed(() => ({
+      [`v-speed-dial__content--${location.value.replace(' ', '-')}`]: true
+    }));
     useRender(() => {
       const menuProps = VMenu.filterProps(props);
       return _createVNode(VMenu, _mergeProps(menuProps, {
         "class": props.class,
         "style": props.style,
-        "contentClass": "v-speed-dial__content",
-        "ref": menuRef
+        "contentClass": ['v-speed-dial__content', locationClasses.value],
+        "location": location.value,
+        "ref": menuRef,
+        "transition": "fade-transition"
       }), {
         ...slots,
         default: slotProps => _createVNode(VDefaultsProvider, {
@@ -47,7 +56,8 @@ export const VSpeedDial = genericComponent()({
           default: () => [_createVNode(MaybeTransition, {
             "appear": true,
             "group": true,
-            "transition": props.transition
+            "transition": props.transition,
+            "mode": "out-in"
           }, {
             default: () => [slots.default?.(slotProps)]
           })]

package/lib/labs/VSpeedDial/VSpeedDial.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSpeedDial.mjs","names":["VDefaultsProvider","makeVMenuProps","VMenu","makeComponentProps","makeTransitionProps","MaybeTransition","ref","genericComponent","propsFactory","useRender","makeVSpeedDialProps","offset","minWidth","location","transition","VSpeedDial","name","props","setup","_ref","slots","menuRef","menuProps","filterProps","_createVNode","_mergeProps","class","style","default","slotProps","VBtn","size"],"sources":["../../../src/labs/VSpeedDial/VSpeedDial.tsx"],"sourcesContent":["// Styles\nimport './VSpeedDial.sass'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { makeVMenuProps, VMenu } from '@/components/VMenu/VMenu'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { ref } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const makeVSpeedDialProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeVMenuProps({ offset: 8, minWidth: 0, location: 'top center' as const }),\n  ...makeTransitionProps({ transition: 'fade-transition' }),\n}, 'VSpeedDial')\n\nexport const VSpeedDial = genericComponent<OverlaySlots>()({\n  name: 'VSpeedDial',\n\n  props: makeVSpeedDialProps(),\n\n  setup (props, { slots }) {\n    const menuRef = ref<VMenu>()\n\n    useRender(() => {\n      const menuProps = VMenu.filterProps(props)\n\n      return (\n        <VMenu\n          { ...menuProps }\n          class={ props.class }\n          style={ props.style }\n          contentClass=\"v-speed-dial__content\"\n          ref={ menuRef }\n        >\n          {{\n            ...slots,\n            default: slotProps => (\n              <VDefaultsProvider\n                defaults={{\n                  VBtn: {\n                    size: 'small',\n                  },\n                }}\n              >\n                <MaybeTransition\n                  appear\n                  group\n                  transition={ props.transition }\n                >\n                  { slots.default?.(slotProps) }\n                </MaybeTransition>\n              </VDefaultsProvider>\n            ),\n          }}\n        </VMenu>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VSpeedDial = InstanceType<typeof VSpeedDial>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB;AAAA,SACjBC,cAAc,EAAEC,KAAK,4CAE9B;AAAA,SACSC,kBAAkB;AAAA,SAClBC,mBAAmB,EAAEC,eAAe,4CAE7C;AACA,SAASC,GAAG,QAAQ,KAAK;AAAA,SAChBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9C,GAAGL,kBAAkB,CAAC,CAAC;EACvB,GAAGF,cAAc,CAAC;IAAEU,MAAM,EAAE,CAAC;IAAEC,QAAQ,EAAE,CAAC;IAAEC,QAAQ,EAAE;EAAsB,CAAC,CAAC;EAC9E,GAAGT,mBAAmB,CAAC;IAAEU,UAAU,EAAE;EAAkB,CAAC;AAC1D,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMC,UAAU,GAAGR,gBAAgB,CAAe,CAAC,CAAC;EACzDS,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEP,mBAAmB,CAAC,CAAC;EAE5BQ,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,OAAO,GAAGf,GAAG,CAAQ,CAAC;IAE5BG,SAAS,CAAC,MAAM;MACd,MAAMa,SAAS,GAAGpB,KAAK,CAACqB,WAAW,CAACN,KAAK,CAAC;MAE1C,OAAAO,YAAA,CAAAtB,KAAA,EAAAuB,WAAA,CAESH,SAAS;QAAA,SACNL,KAAK,CAACS,KAAK;QAAA,SACXT,KAAK,CAACU,KAAK;QAAA;QAAA,OAEbN;MAAO;QAGX,GAAGD,KAAK;QACRQ,OAAO,EAAEC,SAAS,IAAAL,YAAA,CAAAxB,iBAAA;UAAA,YAEJ;YACR8B,IAAI,EAAE;cACJC,IAAI,EAAE;YACR;UACF;QAAC;UAAAH,OAAA,EAAAA,CAAA,MAAAJ,YAAA,CAAAnB,eAAA;YAAA;YAAA;YAAA,cAKcY,KAAK,CAACH;UAAU;YAAAc,OAAA,EAAAA,CAAA,MAE3BR,KAAK,CAACQ,OAAO,GAAGC,SAAS,CAAC;UAAA;QAAA;MAGjC;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VSpeedDial.mjs","names":["VDefaultsProvider","makeVMenuProps","VMenu","makeComponentProps","MaybeTransition","computed","ref","genericComponent","propsFactory","useRender","makeVSpeedDialProps","offset","minWidth","openDelay","closeDelay","location","transition","VSpeedDial","name","props","setup","_ref","slots","menuRef","y","x","split","locationClasses","value","replace","menuProps","filterProps","_createVNode","_mergeProps","class","style","default","slotProps","VBtn","size"],"sources":["../../../src/labs/VSpeedDial/VSpeedDial.tsx"],"sourcesContent":["// Styles\nimport './VSpeedDial.sass'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { makeVMenuProps, VMenu } from '@/components/VMenu/VMenu'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef } from 'vue'\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { Anchor } from '@/util'\n\nexport const makeVSpeedDialProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeVMenuProps({\n    offset: 8,\n    minWidth: 0,\n    openDelay: 0,\n    closeDelay: 100,\n    location: 'top center' as const,\n    transition: 'scale-transition',\n  }),\n}, 'VSpeedDial')\n\nexport const VSpeedDial = genericComponent<OverlaySlots>()({\n  name: 'VSpeedDial',\n\n  props: makeVSpeedDialProps(),\n\n  setup (props, { slots }) {\n    const menuRef = ref<VMenu>()\n\n    const location = computed(() => {\n      const [y, x = 'center'] = props.location.split(' ')\n\n      return `${y} ${x}`\n    }) as ComputedRef<Anchor>\n\n    const locationClasses = computed(() => ({\n      [`v-speed-dial__content--${location.value.replace(' ', '-')}`]: true,\n    }))\n\n    useRender(() => {\n      const menuProps = VMenu.filterProps(props)\n\n      return (\n        <VMenu\n          { ...menuProps }\n          class={ props.class }\n          style={ props.style }\n          contentClass={[\n            'v-speed-dial__content',\n            locationClasses.value,\n          ]}\n          location={ location.value }\n          ref={ menuRef }\n          transition=\"fade-transition\"\n        >\n          {{\n            ...slots,\n            default: slotProps => (\n              <VDefaultsProvider\n                defaults={{\n                  VBtn: {\n                    size: 'small',\n                  },\n                }}\n              >\n                <MaybeTransition\n                  appear\n                  group\n                  transition={ props.transition }\n                  mode=\"out-in\"\n                >\n                  { slots.default?.(slotProps) }\n                </MaybeTransition>\n              </VDefaultsProvider>\n            ),\n          }}\n        </VMenu>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VSpeedDial = InstanceType<typeof VSpeedDial>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB;AAAA,SACjBC,cAAc,EAAEC,KAAK,4CAE9B;AAAA,SACSC,kBAAkB;AAAA,SAClBC,eAAe,4CAExB;AACA,SAASC,QAAQ,EAAEC,GAAG,QAAQ,KAAK;AAAA,SAC1BC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAKA,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9C,GAAGL,kBAAkB,CAAC,CAAC;EACvB,GAAGF,cAAc,CAAC;IAChBU,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,CAAC;IACXC,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE,GAAG;IACfC,QAAQ,EAAE,YAAqB;IAC/BC,UAAU,EAAE;EACd,CAAC;AACH,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMC,UAAU,GAAGV,gBAAgB,CAAe,CAAC,CAAC;EACzDW,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAET,mBAAmB,CAAC,CAAC;EAE5BU,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,OAAO,GAAGjB,GAAG,CAAQ,CAAC;IAE5B,MAAMS,QAAQ,GAAGV,QAAQ,CAAC,MAAM;MAC9B,MAAM,CAACmB,CAAC,EAAEC,CAAC,GAAG,QAAQ,CAAC,GAAGN,KAAK,CAACJ,QAAQ,CAACW,KAAK,CAAC,GAAG,CAAC;MAEnD,OAAQ,GAAEF,CAAE,IAAGC,CAAE,EAAC;IACpB,CAAC,CAAwB;IAEzB,MAAME,eAAe,GAAGtB,QAAQ,CAAC,OAAO;MACtC,CAAE,0BAAyBU,QAAQ,CAACa,KAAK,CAACC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAE,EAAC,GAAG;IAClE,CAAC,CAAC,CAAC;IAEHpB,SAAS,CAAC,MAAM;MACd,MAAMqB,SAAS,GAAG5B,KAAK,CAAC6B,WAAW,CAACZ,KAAK,CAAC;MAE1C,OAAAa,YAAA,CAAA9B,KAAA,EAAA+B,WAAA,CAESH,SAAS;QAAA,SACNX,KAAK,CAACe,KAAK;QAAA,SACXf,KAAK,CAACgB,KAAK;QAAA,gBACL,CACZ,uBAAuB,EACvBR,eAAe,CAACC,KAAK,CACtB;QAAA,YACUb,QAAQ,CAACa,KAAK;QAAA,OACnBL,OAAO;QAAA;MAAA;QAIX,GAAGD,KAAK;QACRc,OAAO,EAAEC,SAAS,IAAAL,YAAA,CAAAhC,iBAAA;UAAA,YAEJ;YACRsC,IAAI,EAAE;cACJC,IAAI,EAAE;YACR;UACF;QAAC;UAAAH,OAAA,EAAAA,CAAA,MAAAJ,YAAA,CAAA5B,eAAA;YAAA;YAAA;YAAA,cAKce,KAAK,CAACH,UAAU;YAAA;UAAA;YAAAoB,OAAA,EAAAA,CAAA,MAG3Bd,KAAK,CAACc,OAAO,GAAGC,SAAS,CAAC;UAAA;QAAA;MAGjC;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/labs/VSpeedDial/VSpeedDial.sass

@@ -1,2 +1,24 @@
 .v-speed-dial__content
   gap: 8px
+
+  &.v-overlay__content
+    &.v-speed-dial__content--end,
+    &.v-speed-dial__content--end-center,
+    &.v-speed-dial__content--right,
+    &.v-speed-dial__content--right-center
+      flex-direction: row
+
+    &.v-speed-dial__content--left,
+    &.v-speed-dial__content--left-center,
+    &.v-speed-dial__content--start,
+    &.v-speed-dial__content--start-center
+      flex-direction: row-reverse
+
+    &.v-speed-dial__content--top,
+    &.v-speed-dial__content--top-center
+      flex-direction: column-reverse
+
+  > *
+    @for $i from 1 through 10
+      &:nth-child(#{$i})
+        transition-delay: 0.05s * ($i - 1)