vuetify 3.2.4 → 3.3.0

package/lib/components/VColorPicker/{index.d.ts → index.d.mts}

@@ -1,93 +1,150 @@
 import * as vue from 'vue';
 import { ComponentPropsOptions, ExtractPropTypes, PropType } from 'vue';
 
+type HSV = {
+    h: number;
+    s: number;
+    v: number;
+    a?: number;
+};
+
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
 }
 
+type ColorPickerMode = {
+    inputProps: Record<string, unknown>;
+    inputs: {
+        [key: string]: any;
+        getValue: (color: any) => number | string;
+        getColor: (color: any, v: string) => any;
+    }[];
+    from: (color: any) => HSV;
+    to: (color: HSV) => any;
+};
+declare const modes: {
+    rgb: {
+        inputs: {
+            [key: string]: any;
+            getValue: (color: any) => number | string;
+            getColor: (color: any, v: string) => any;
+        }[];
+        inputProps: Record<string, unknown>;
+        from: (color: any) => HSV;
+        to: (color: HSV) => any;
+    };
+    rgba: ColorPickerMode;
+    hsl: {
+        inputs: {
+            [key: string]: any;
+            getValue: (color: any) => number | string;
+            getColor: (color: any, v: string) => any;
+        }[];
+        inputProps: Record<string, unknown>;
+        from: (color: any) => HSV;
+        to: (color: HSV) => any;
+    };
+    hsla: ColorPickerMode;
+    hex: {
+        inputs: {
+            label: string;
+            getValue: (c: string) => string;
+            getColor: (c: string, v: string) => string;
+        }[];
+        inputProps: Record<string, unknown>;
+        from: (color: any) => HSV;
+        to: (color: HSV) => any;
+    };
+    hexa: ColorPickerMode;
+};
+
 declare const VColorPicker: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            width: NonNullable<string | number>;
-            style: vue.StyleValue;
-            disabled: boolean;
-            tag: string;
-            mode: string;
-            rounded: string | number | boolean;
-            dotSize: string | number;
-            modes: string[];
-            canvasHeight: string | number;
-            hideCanvas: boolean;
-            hideSliders: boolean;
-            hideInputs: boolean;
-            showSwatches: boolean;
-            swatchesMaxHeight: string | number;
-        }> & Omit<Readonly<vue.ExtractPropTypes<{
-            width: {
-                type: PropType<NonNullable<string | number>>;
-                default: NonNullable<string | number>;
-            };
-            border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-            color: StringConstructor;
-            position: {
-                type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-                validator: (v: any) => boolean;
-            };
-            style: {
-                type: PropType<vue.StyleValue>;
-                default: null;
-            };
-            class: PropType<any>;
-            tag: {
-                type: StringConstructor;
-                default: string;
-            };
-            elevation: {
-                type: (StringConstructor | NumberConstructor)[];
-                validator(v: any): boolean;
-            };
-            theme: StringConstructor;
-            rounded: {
-                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-                default: undefined;
-            };
-            canvasHeight: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            disabled: BooleanConstructor;
-            dotSize: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            hideCanvas: BooleanConstructor;
-            hideSliders: BooleanConstructor;
-            hideInputs: BooleanConstructor;
-            mode: {
-                type: StringConstructor;
-                default: string;
-                validator: (v: string) => boolean;
-            };
-            modes: {
-                type: PropType<string[]>;
-                default: () => string[];
-                validator: (v: any) => boolean;
-            };
-            showSwatches: BooleanConstructor;
-            swatches: PropType<string[][]>;
-            swatchesMaxHeight: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            modelValue: {
-                type: PropType<string | Record<string, unknown> | null | undefined>;
-            };
-        }>> & {
+        $props: {
+            width?: NonNullable<string | number> | undefined;
+            style?: vue.StyleValue | undefined;
+            disabled?: boolean | undefined;
+            tag?: string | undefined;
+            mode?: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa" | undefined;
+            rounded?: string | number | boolean | undefined;
+            dotSize?: string | number | undefined;
+            modes?: readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[] | undefined;
+            canvasHeight?: string | number | undefined;
+            hideCanvas?: boolean | undefined;
+            hideSliders?: boolean | undefined;
+            hideInputs?: boolean | undefined;
+            showSwatches?: boolean | undefined;
+            swatchesMaxHeight?: string | number | undefined;
+            key?: string | number | symbol | undefined;
+            readonly border?: string | number | boolean | undefined;
+            readonly color?: string | undefined;
+            readonly position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+            class?: any;
+            readonly elevation?: string | number | undefined;
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            readonly theme?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            readonly modelValue?: string | Record<string, unknown> | null | undefined;
             "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-            "onUpdate:mode"?: ((mode: string) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "width" | "style" | "disabled" | "tag" | "mode" | "rounded" | "dotSize" | "modes" | "canvasHeight" | "hideCanvas" | "hideSliders" | "hideInputs" | "showSwatches" | "swatchesMaxHeight">;
+            "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
+            readonly swatches?: readonly (readonly (string | number | {
+                readonly r: number;
+                readonly g: number;
+                readonly b: number;
+                readonly a?: number | undefined;
+            } | {
+                readonly h: number;
+                readonly s: number;
+                readonly v: number;
+                readonly a?: number | undefined;
+            } | {
+                readonly h: number;
+                readonly s: number;
+                readonly l: number;
+                readonly a?: number | undefined;
+            })[])[] | undefined;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -95,11 +152,11 @@ declare const VColorPicker: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
+            [name: string]: vue.Slot<any> | undefined;
         }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: ((event: "update:modelValue", color: any) => void) & ((event: "update:mode", mode: string) => void);
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: ((event: "update:modelValue", color: any) => void) & ((event: "update:mode", mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
             width: {
@@ -143,17 +200,32 @@ declare const VColorPicker: {
             hideSliders: BooleanConstructor;
             hideInputs: BooleanConstructor;
             mode: {
-                type: StringConstructor;
+                type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
                 default: string;
                 validator: (v: string) => boolean;
             };
             modes: {
-                type: PropType<string[]>;
+                type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
                 default: () => string[];
                 validator: (v: any) => boolean;
             };
             showSwatches: BooleanConstructor;
-            swatches: PropType<string[][]>;
+            swatches: PropType<readonly (readonly (string | number | {
+                readonly r: number;
+                readonly g: number;
+                readonly b: number;
+                readonly a?: number | undefined;
+            } | {
+                readonly h: number;
+                readonly s: number;
+                readonly v: number;
+                readonly a?: number | undefined;
+            } | {
+                readonly h: number;
+                readonly s: number;
+                readonly l: number;
+                readonly a?: number | undefined;
+            })[])[]>;
             swatchesMaxHeight: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
@@ -163,26 +235,26 @@ declare const VColorPicker: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-            "onUpdate:mode"?: ((mode: string) => any) | undefined;
+            "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (color: any) => true;
-            'update:mode': (mode: string) => true;
+            'update:mode': (mode: keyof typeof modes) => true;
         }, string, {
             width: NonNullable<string | number>;
             style: vue.StyleValue;
             disabled: boolean;
             tag: string;
-            mode: string;
+            mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa";
             rounded: string | number | boolean;
             dotSize: string | number;
-            modes: string[];
+            modes: readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
             canvasHeight: string | number;
             hideCanvas: boolean;
             hideSliders: boolean;
             hideInputs: boolean;
             showSwatches: boolean;
             swatchesMaxHeight: string | number;
-        }, {}, string> & {
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -197,7 +269,7 @@ declare const VColorPicker: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
@@ -244,17 +316,32 @@ declare const VColorPicker: {
         hideSliders: BooleanConstructor;
         hideInputs: BooleanConstructor;
         mode: {
-            type: StringConstructor;
+            type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
             default: string;
             validator: (v: string) => boolean;
         };
         modes: {
-            type: PropType<string[]>;
+            type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
             default: () => string[];
             validator: (v: any) => boolean;
         };
         showSwatches: BooleanConstructor;
-        swatches: PropType<string[][]>;
+        swatches: PropType<readonly (readonly (string | number | {
+            readonly r: number;
+            readonly g: number;
+            readonly b: number;
+            readonly a?: number | undefined;
+        } | {
+            readonly h: number;
+            readonly s: number;
+            readonly v: number;
+            readonly a?: number | undefined;
+        } | {
+            readonly h: number;
+            readonly s: number;
+            readonly l: number;
+            readonly a?: number | undefined;
+        })[])[]>;
         swatchesMaxHeight: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
@@ -264,7 +351,7 @@ declare const VColorPicker: {
         };
     }>> & {
         "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-        "onUpdate:mode"?: ((mode: string) => any) | undefined;
+        "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -311,17 +398,32 @@ declare const VColorPicker: {
     hideSliders: BooleanConstructor;
     hideInputs: BooleanConstructor;
     mode: {
-        type: StringConstructor;
+        type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
         default: string;
         validator: (v: string) => boolean;
     };
     modes: {
-        type: PropType<string[]>;
+        type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<string[][]>;
+    swatches: PropType<readonly (readonly (string | number | {
+        readonly r: number;
+        readonly g: number;
+        readonly b: number;
+        readonly a?: number | undefined;
+    } | {
+        readonly h: number;
+        readonly s: number;
+        readonly v: number;
+        readonly a?: number | undefined;
+    } | {
+        readonly h: number;
+        readonly s: number;
+        readonly l: number;
+        readonly a?: number | undefined;
+    })[])[]>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -331,26 +433,26 @@ declare const VColorPicker: {
     };
 }>> & {
     "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-    "onUpdate:mode"?: ((mode: string) => any) | undefined;
+    "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (color: any) => true;
-    'update:mode': (mode: string) => true;
+    'update:mode': (mode: keyof typeof modes) => true;
 }, string, {
     width: NonNullable<string | number>;
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mode: string;
+    mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa";
     rounded: string | number | boolean;
     dotSize: string | number;
-    modes: string[];
+    modes: readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
     canvasHeight: string | number;
     hideCanvas: boolean;
     hideSliders: boolean;
     hideInputs: boolean;
     showSwatches: boolean;
     swatchesMaxHeight: string | number;
-}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     width: {
         type: PropType<NonNullable<string | number>>;
         default: NonNullable<string | number>;
@@ -392,17 +494,32 @@ declare const VColorPicker: {
     hideSliders: BooleanConstructor;
     hideInputs: BooleanConstructor;
     mode: {
-        type: StringConstructor;
+        type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
         default: string;
         validator: (v: string) => boolean;
     };
     modes: {
-        type: PropType<string[]>;
+        type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<string[][]>;
+    swatches: PropType<readonly (readonly (string | number | {
+        readonly r: number;
+        readonly g: number;
+        readonly b: number;
+        readonly a?: number | undefined;
+    } | {
+        readonly h: number;
+        readonly s: number;
+        readonly v: number;
+        readonly a?: number | undefined;
+    } | {
+        readonly h: number;
+        readonly s: number;
+        readonly l: number;
+        readonly a?: number | undefined;
+    })[])[]>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -452,17 +569,32 @@ declare const VColorPicker: {
     hideSliders: BooleanConstructor;
     hideInputs: BooleanConstructor;
     mode: {
-        type: StringConstructor;
+        type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
         default: string;
         validator: (v: string) => boolean;
     };
     modes: {
-        type: PropType<string[]>;
+        type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<string[][]>;
+    swatches: PropType<readonly (readonly (string | number | {
+        readonly r: number;
+        readonly g: number;
+        readonly b: number;
+        readonly a?: number | undefined;
+    } | {
+        readonly h: number;
+        readonly s: number;
+        readonly v: number;
+        readonly a?: number | undefined;
+    } | {
+        readonly h: number;
+        readonly s: number;
+        readonly l: number;
+        readonly a?: number | undefined;
+    })[])[]>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;

package/lib/components/VColorPicker/util/index.mjs

@@ -1,26 +1,6 @@
 // Utilities
-import { HexToHSV, HSLtoHSV, HSVtoHex, HSVtoHSL, HSVtoRGB, parseHex, RGBtoHSV } from "../../../util/colorUtils.mjs"; // Types
-function has(obj, key) {
-  return key.every(k => obj.hasOwnProperty(k));
-}
-export function parseColor(color) {
-  if (!color) return null;
-  let hsva = null;
-  if (typeof color === 'string') {
-    const hex = parseHex(color);
-    hsva = HexToHSV(hex);
-  }
-  if (typeof color === 'object') {
-    if (has(color, ['r', 'g', 'b'])) {
-      hsva = RGBtoHSV(color);
-    } else if (has(color, ['h', 's', 'l'])) {
-      hsva = HSLtoHSV(color);
-    } else if (has(color, ['h', 's', 'v'])) {
-      hsva = color;
-    }
-  }
-  return hsva;
-}
+import { HexToHSV, HSLtoHSV, HSVtoHex, HSVtoHSL, HSVtoRGB, RGBtoHSV } from "../../../util/colorUtils.mjs";
+import { has } from "../../../util/helpers.mjs"; // Types
 function stripAlpha(color, stripAlpha) {
   if (stripAlpha) {
     const {

package/lib/components/VColorPicker/util/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["HexToHSV","HSLtoHSV","HSVtoHex","HSVtoHSL","HSVtoRGB","parseHex","RGBtoHSV","has","obj","key","every","k","hasOwnProperty","parseColor","color","hsva","hex","stripAlpha","a","rest","extractColor","input","slice","converted","hasAlpha","length","nullColor","h","s","v","rgba","inputProps","type","min","inputs","label","max","step","getValue","c","Math","round","r","getColor","Number","g","b","_ref","to","from","rgb","hsla","l","_ref2","hsl","hexa","modes"],"sources":["../../../../src/components/VColorPicker/util/index.ts"],"sourcesContent":["// Utilities\nimport {\n  HexToHSV,\n  HSLtoHSV,\n  HSVtoHex,\n  HSVtoHSL,\n  HSVtoRGB,\n  parseHex,\n  RGBtoHSV,\n} from '@/util/colorUtils'\n\n// Types\nimport type { HSL, HSV, RGB } from '@/util/colorUtils'\n\nfunction has (obj: object, key: string[]) {\n  return key.every(k => obj.hasOwnProperty(k))\n}\n\nexport function parseColor (color: any): HSV | null {\n  if (!color) return null\n\n  let hsva: HSV | null = null\n\n  if (typeof color === 'string') {\n    const hex = parseHex(color)\n\n    hsva = HexToHSV(hex)\n  }\n\n  if (typeof color === 'object') {\n    if (has(color, ['r', 'g', 'b'])) {\n      hsva = RGBtoHSV(color)\n    } else if (has(color, ['h', 's', 'l'])) {\n      hsva = HSLtoHSV(color)\n    } else if (has(color, ['h', 's', 'v'])) {\n      hsva = color\n    }\n  }\n\n  return hsva\n}\n\nfunction stripAlpha (color: any, stripAlpha: boolean) {\n  if (stripAlpha) {\n    const { a, ...rest } = color\n\n    return rest\n  }\n\n  return color\n}\n\nexport function extractColor (color: HSV, input: any) {\n  if (input == null || typeof input === 'string') {\n    const hex = HSVtoHex(color)\n\n    if (color.a === 1) return hex.slice(0, 7)\n    else return hex\n  }\n\n  if (typeof input === 'object') {\n    let converted\n\n    if (has(input, ['r', 'g', 'b'])) converted = HSVtoRGB(color)\n    else if (has(input, ['h', 's', 'l'])) converted = HSVtoHSL(color)\n    else if (has(input, ['h', 's', 'v'])) converted = color\n\n    return stripAlpha(converted, !has(input, ['a']) && color.a === 1)\n  }\n\n  return color\n}\n\nexport function hasAlpha (color: any) {\n  if (!color) return false\n\n  if (typeof color === 'string') {\n    return color.length > 7\n  }\n\n  if (typeof color === 'object') {\n    return has(color, ['a']) || has(color, ['alpha'])\n  }\n\n  return false\n}\n\nexport const nullColor = { h: 0, s: 0, v: 1, a: 1 }\n\nexport type ColorPickerMode = {\n  inputProps: Record<string, unknown>\n  inputs: {\n    [key: string]: any\n    getValue: (color: any) => number | string\n    getColor: (color: any, v: string) => any\n  }[]\n  from: (color: any) => HSV\n  to: (color: HSV) => any\n}\n\nconst rgba: ColorPickerMode = {\n  inputProps: {\n    type: 'number',\n    min: 0,\n  },\n  inputs: [\n    {\n      label: 'R',\n      max: 255,\n      step: 1,\n      getValue: (c: RGB) => Math.round(c.r),\n      getColor: (c: RGB, v: string): RGB => ({ ...c, r: Number(v) }),\n    },\n    {\n      label: 'G',\n      max: 255,\n      step: 1,\n      getValue: (c: RGB) => Math.round(c.g),\n      getColor: (c: RGB, v: string): RGB => ({ ...c, g: Number(v) }),\n    },\n    {\n      label: 'B',\n      max: 255,\n      step: 1,\n      getValue: (c: RGB) => Math.round(c.b),\n      getColor: (c: RGB, v: string): RGB => ({ ...c, b: Number(v) }),\n    },\n    {\n      label: 'A',\n      max: 1,\n      step: 0.01,\n      getValue: ({ a }: RGB) => a != null ? Math.round(a * 100) / 100 : 1,\n      getColor: (c: RGB, v: string): RGB => ({ ...c, a: Number(v) }),\n    },\n  ],\n  to: HSVtoRGB,\n  from: RGBtoHSV,\n}\n\nconst rgb = {\n  ...rgba,\n  inputs: rgba.inputs?.slice(0, 3),\n}\n\nconst hsla: ColorPickerMode = {\n  inputProps: {\n    type: 'number',\n    min: 0,\n  },\n  inputs: [\n    {\n      label: 'H',\n      max: 360,\n      step: 1,\n      getValue: (c: HSL) => Math.round(c.h),\n      getColor: (c: HSL, v: string): HSL => ({ ...c, h: Number(v) }),\n    },\n    {\n      label: 'S',\n      max: 1,\n      step: 0.01,\n      getValue: (c: HSL) => Math.round(c.s * 100) / 100,\n      getColor: (c: HSL, v: string): HSL => ({ ...c, s: Number(v) }),\n    },\n    {\n      label: 'L',\n      max: 1,\n      step: 0.01,\n      getValue: (c: HSL) => Math.round(c.l * 100) / 100,\n      getColor: (c: HSL, v: string): HSL => ({ ...c, l: Number(v) }),\n    },\n    {\n      label: 'A',\n      max: 1,\n      step: 0.01,\n      getValue: ({ a }: HSL) => a != null ? Math.round(a * 100) / 100 : 1,\n      getColor: (c: HSL, v: string): HSL => ({ ...c, a: Number(v) }),\n    },\n  ],\n  to: HSVtoHSL,\n  from: HSLtoHSV,\n}\n\nconst hsl = {\n  ...hsla,\n  inputs: hsla.inputs.slice(0, 3),\n}\n\nconst hexa: ColorPickerMode = {\n  inputProps: {\n    type: 'text',\n  },\n  inputs: [\n    {\n      label: 'HEXA',\n      getValue: (c: string) => c,\n      getColor: (c: string, v: string) => v,\n    },\n  ],\n  to: HSVtoHex,\n  from: HexToHSV,\n}\n\nconst hex = {\n  ...hexa,\n  inputs: [\n    {\n      label: 'HEX',\n      getValue: (c: string) => c.slice(0, 7),\n      getColor: (c: string, v: string) => v,\n    },\n  ],\n}\n\nexport const modes: Record<string, ColorPickerMode> = {\n  rgb,\n  rgba,\n  hsl,\n  hsla,\n  hex,\n  hexa,\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["HexToHSV","HSLtoHSV","HSVtoHex","HSVtoHSL","HSVtoRGB","RGBtoHSV","has","stripAlpha","color","a","rest","extractColor","input","hex","slice","converted","hasAlpha","length","nullColor","h","s","v","rgba","inputProps","type","min","inputs","label","max","step","getValue","c","Math","round","r","getColor","Number","g","b","_ref","to","from","rgb","hsla","l","_ref2","hsl","hexa","modes"],"sources":["../../../../src/components/VColorPicker/util/index.ts"],"sourcesContent":["// Utilities\nimport {\n  HexToHSV,\n  HSLtoHSV,\n  HSVtoHex,\n  HSVtoHSL,\n  HSVtoRGB,\n  RGBtoHSV,\n} from '@/util/colorUtils'\nimport { has } from '@/util/helpers'\n\n// Types\nimport type { HSL, HSV, RGB } from '@/util/colorUtils'\n\nfunction stripAlpha (color: any, stripAlpha: boolean) {\n  if (stripAlpha) {\n    const { a, ...rest } = color\n\n    return rest\n  }\n\n  return color\n}\n\nexport function extractColor (color: HSV, input: any) {\n  if (input == null || typeof input === 'string') {\n    const hex = HSVtoHex(color)\n\n    if (color.a === 1) return hex.slice(0, 7)\n    else return hex\n  }\n\n  if (typeof input === 'object') {\n    let converted\n\n    if (has(input, ['r', 'g', 'b'])) converted = HSVtoRGB(color)\n    else if (has(input, ['h', 's', 'l'])) converted = HSVtoHSL(color)\n    else if (has(input, ['h', 's', 'v'])) converted = color\n\n    return stripAlpha(converted, !has(input, ['a']) && color.a === 1)\n  }\n\n  return color\n}\n\nexport function hasAlpha (color: any) {\n  if (!color) return false\n\n  if (typeof color === 'string') {\n    return color.length > 7\n  }\n\n  if (typeof color === 'object') {\n    return has(color, ['a']) || has(color, ['alpha'])\n  }\n\n  return false\n}\n\nexport const nullColor = { h: 0, s: 0, v: 1, a: 1 }\n\nexport type ColorPickerMode = {\n  inputProps: Record<string, unknown>\n  inputs: {\n    [key: string]: any\n    getValue: (color: any) => number | string\n    getColor: (color: any, v: string) => any\n  }[]\n  from: (color: any) => HSV\n  to: (color: HSV) => any\n}\n\nconst rgba: ColorPickerMode = {\n  inputProps: {\n    type: 'number',\n    min: 0,\n  },\n  inputs: [\n    {\n      label: 'R',\n      max: 255,\n      step: 1,\n      getValue: (c: RGB) => Math.round(c.r),\n      getColor: (c: RGB, v: string): RGB => ({ ...c, r: Number(v) }),\n    },\n    {\n      label: 'G',\n      max: 255,\n      step: 1,\n      getValue: (c: RGB) => Math.round(c.g),\n      getColor: (c: RGB, v: string): RGB => ({ ...c, g: Number(v) }),\n    },\n    {\n      label: 'B',\n      max: 255,\n      step: 1,\n      getValue: (c: RGB) => Math.round(c.b),\n      getColor: (c: RGB, v: string): RGB => ({ ...c, b: Number(v) }),\n    },\n    {\n      label: 'A',\n      max: 1,\n      step: 0.01,\n      getValue: ({ a }: RGB) => a != null ? Math.round(a * 100) / 100 : 1,\n      getColor: (c: RGB, v: string): RGB => ({ ...c, a: Number(v) }),\n    },\n  ],\n  to: HSVtoRGB,\n  from: RGBtoHSV,\n}\n\nconst rgb = {\n  ...rgba,\n  inputs: rgba.inputs?.slice(0, 3),\n}\n\nconst hsla: ColorPickerMode = {\n  inputProps: {\n    type: 'number',\n    min: 0,\n  },\n  inputs: [\n    {\n      label: 'H',\n      max: 360,\n      step: 1,\n      getValue: (c: HSL) => Math.round(c.h),\n      getColor: (c: HSL, v: string): HSL => ({ ...c, h: Number(v) }),\n    },\n    {\n      label: 'S',\n      max: 1,\n      step: 0.01,\n      getValue: (c: HSL) => Math.round(c.s * 100) / 100,\n      getColor: (c: HSL, v: string): HSL => ({ ...c, s: Number(v) }),\n    },\n    {\n      label: 'L',\n      max: 1,\n      step: 0.01,\n      getValue: (c: HSL) => Math.round(c.l * 100) / 100,\n      getColor: (c: HSL, v: string): HSL => ({ ...c, l: Number(v) }),\n    },\n    {\n      label: 'A',\n      max: 1,\n      step: 0.01,\n      getValue: ({ a }: HSL) => a != null ? Math.round(a * 100) / 100 : 1,\n      getColor: (c: HSL, v: string): HSL => ({ ...c, a: Number(v) }),\n    },\n  ],\n  to: HSVtoHSL,\n  from: HSLtoHSV,\n}\n\nconst hsl = {\n  ...hsla,\n  inputs: hsla.inputs.slice(0, 3),\n}\n\nconst hexa: ColorPickerMode = {\n  inputProps: {\n    type: 'text',\n  },\n  inputs: [\n    {\n      label: 'HEXA',\n      getValue: (c: string) => c,\n      getColor: (c: string, v: string) => v,\n    },\n  ],\n  to: HSVtoHex,\n  from: HexToHSV,\n}\n\nconst hex = {\n  ...hexa,\n  inputs: [\n    {\n      label: 'HEX',\n      getValue: (c: string) => c.slice(0, 7),\n      getColor: (c: string, v: string) => v,\n    },\n  ],\n}\n\nexport const modes = {\n  rgb,\n  rgba,\n  hsl,\n  hsla,\n  hex,\n  hexa,\n} satisfies Record<string, ColorPickerMode>\n"],"mappings":"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"}

package/lib/components/VCombobox/VCombobox.css

@@ -15,14 +15,13 @@
 .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
   cursor: text;
 }
+.v-combobox .v-field--variant-outlined {
+  --combobox-chips-margin-bottom: 2px;
+}
 .v-combobox .v-field .v-field__input > input {
   align-self: flex-start;
   flex: 1 1;
 }
-.v-combobox .v-field .v-field__append-inner > .v-icon {
-  margin-inline-start: 4px;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-}
 .v-combobox .v-field:not(.v-field--focused) input {
   min-width: 0;
 }
@@ -49,15 +48,14 @@
   line-height: inherit;
   max-width: 100%;
 }
-.v-combobox--active-menu .v-field__append-inner > .v-icon {
-  opacity: var(--v-high-emphasis-opacity);
-  transform: rotate(180deg);
+.v-combobox--chips .v-field__input, .v-combobox--selection-slot .v-field__input {
+  min-height: calc(var(--v-field-input-min-height) + var(--combobox-chips-margin-bottom) + 2px);
 }
-.v-combobox--chips .v-combobox__selection {
+.v-combobox--chips .v-combobox__selection, .v-combobox--selection-slot .v-combobox__selection {
   margin-top: 2px;
   margin-bottom: var(--combobox-chips-margin-bottom);
 }
-.v-combobox--chips .v-combobox__selection:first-child {
+.v-combobox--chips .v-combobox__selection:first-child, .v-combobox--selection-slot .v-combobox__selection:first-child {
   margin-inline-start: 0;
 }
 .v-combobox--selecting-index .v-combobox__selection {
@@ -86,4 +84,12 @@
 }
 .v-combobox--single .v-field--focused .v-combobox__selection {
   opacity: 0;
+}
+.v-combobox__menu-icon {
+  margin-inline-start: 4px;
+  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.v-combobox--active-menu .v-combobox__menu-icon {
+  opacity: var(--v-high-emphasis-opacity);
+  transform: rotate(180deg);
 }