@vuetify/nightly 4.0.0-dev-20230426.0 → 4.0.0-dev-20230511.0

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

@@ -1,22 +1,89 @@
 import * as vue from 'vue';
 import { ComponentPropsOptions, ExtractPropTypes, PropType } from 'vue';
 
+type HSV = {
+    h: number;
+    s: number;
+    v: number;
+    a?: number;
+};
+type RGB = {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+};
+type HSL = {
+    h: number;
+    s: number;
+    l: number;
+    a?: number;
+};
+type Color = string | number | HSV | RGB | HSL;
+
 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;
+            mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa";
             rounded: string | number | boolean;
             dotSize: string | number;
-            modes: string[];
+            modes: ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
             hideCanvas: boolean;
             hideSliders: boolean;
             hideInputs: boolean;
@@ -34,6 +101,11 @@ declare const VColorPicker: {
                 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;
@@ -60,17 +132,17 @@ 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<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
                 default: () => string[];
                 validator: (v: any) => boolean;
             };
             showSwatches: BooleanConstructor;
-            swatches: PropType<string[][]>;
+            swatches: PropType<Color[][]>;
             swatchesMaxHeight: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
@@ -80,8 +152,8 @@ declare const VColorPicker: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((color: any) => any) | undefined;
-            "onUpdate:mode"?: ((mode: string) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "width" | "disabled" | "tag" | "mode" | "rounded" | "dotSize" | "modes" | "hideCanvas" | "hideSliders" | "hideInputs" | "showSwatches" | "canvasHeight" | "swatchesMaxHeight">;
+            "onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "width" | "style" | "disabled" | "tag" | "mode" | "rounded" | "dotSize" | "modes" | "hideCanvas" | "hideSliders" | "hideInputs" | "showSwatches" | "canvasHeight" | "swatchesMaxHeight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -93,7 +165,7 @@ declare const VColorPicker: {
         }>;
         $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);
+        $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: {
@@ -106,6 +178,11 @@ declare const VColorPicker: {
                 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;
@@ -132,17 +209,17 @@ 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<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
                 default: () => string[];
                 validator: (v: any) => boolean;
             };
             showSwatches: BooleanConstructor;
-            swatches: PropType<string[][]>;
+            swatches: PropType<Color[][]>;
             swatchesMaxHeight: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
@@ -152,18 +229,19 @@ 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: ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
             hideCanvas: boolean;
             hideSliders: boolean;
             hideInputs: boolean;
@@ -201,6 +279,11 @@ declare const VColorPicker: {
             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;
@@ -227,17 +310,17 @@ 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<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
             default: () => string[];
             validator: (v: any) => boolean;
         };
         showSwatches: BooleanConstructor;
-        swatches: PropType<string[][]>;
+        swatches: PropType<Color[][]>;
         swatchesMaxHeight: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
@@ -247,7 +330,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;
@@ -263,6 +346,11 @@ declare const VColorPicker: {
         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;
@@ -289,17 +377,17 @@ 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<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<string[][]>;
+    swatches: PropType<Color[][]>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -309,18 +397,19 @@ 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: ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
     hideCanvas: boolean;
     hideSliders: boolean;
     hideInputs: boolean;
@@ -338,6 +427,11 @@ declare const VColorPicker: {
         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;
@@ -364,17 +458,17 @@ 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<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<string[][]>;
+    swatches: PropType<Color[][]>;
     swatchesMaxHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -393,6 +487,11 @@ declare const VColorPicker: {
         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;
@@ -419,17 +518,17 @@ 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<("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
         default: () => string[];
         validator: (v: any) => boolean;
     };
     showSwatches: BooleanConstructor;
-    swatches: PropType<string[][]>;
+    swatches: PropType<Color[][]>;
     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 ? 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 ? 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":"AAAA;AAAA,SAEEA,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,wCAGV;AAGA,SAASC,GAAGA,CAAEC,GAAW,EAAEC,GAAa,EAAE;EACxC,OAAOA,GAAG,CAACC,KAAK,CAACC,CAAC,IAAIH,GAAG,CAACI,cAAc,CAACD,CAAC,CAAC,CAAC;AAC9C;AAEA,OAAO,SAASE,UAAUA,CAAEC,KAAU,EAAc;EAClD,IAAI,CAACA,KAAK,EAAE,OAAO,IAAI;EAEvB,IAAIC,IAAgB,GAAG,IAAI;EAE3B,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;IAC7B,MAAME,GAAG,GAAGX,QAAQ,CAACS,KAAK,CAAC;IAE3BC,IAAI,GAAGf,QAAQ,CAACgB,GAAG,CAAC;EACtB;EAEA,IAAI,OAAOF,KAAK,KAAK,QAAQ,EAAE;IAC7B,IAAIP,GAAG,CAACO,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE;MAC/BC,IAAI,GAAGT,QAAQ,CAACQ,KAAK,CAAC;IACxB,CAAC,MAAM,IAAIP,GAAG,CAACO,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE;MACtCC,IAAI,GAAGd,QAAQ,CAACa,KAAK,CAAC;IACxB,CAAC,MAAM,IAAIP,GAAG,CAACO,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE;MACtCC,IAAI,GAAGD,KAAK;IACd;EACF;EAEA,OAAOC,IAAI;AACb;AAEA,SAASE,UAAUA,CAAEH,KAAU,EAAEG,UAAmB,EAAE;EACpD,IAAIA,UAAU,EAAE;IACd,MAAM;MAAEC,CAAC;MAAE,GAAGC;IAAK,CAAC,GAAGL,KAAK;IAE5B,OAAOK,IAAI;EACb;EAEA,OAAOL,KAAK;AACd;AAEA,OAAO,SAASM,YAAYA,CAAEN,KAAU,EAAEO,KAAU,EAAE;EACpD,IAAIA,KAAK,IAAI,IAAI,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC9C,MAAML,GAAG,GAAGd,QAAQ,CAACY,KAAK,CAAC;IAE3B,IAAIA,KAAK,CAACI,CAAC,KAAK,CAAC,EAAE,OAAOF,GAAG,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MACpC,OAAON,GAAG;EACjB;EAEA,IAAI,OAAOK,KAAK,KAAK,QAAQ,EAAE;IAC7B,IAAIE,SAAS;IAEb,IAAIhB,GAAG,CAACc,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,EAAEE,SAAS,GAAGnB,QAAQ,CAACU,KAAK,CAAC,MACvD,IAAIP,GAAG,CAACc,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,EAAEE,SAAS,GAAGpB,QAAQ,CAACW,KAAK,CAAC,MAC5D,IAAIP,GAAG,CAACc,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,EAAEE,SAAS,GAAGT,KAAK;IAEvD,OAAOG,UAAU,CAACM,SAAS,EAAE,CAAChB,GAAG,CAACc,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAIP,KAAK,CAACI,CAAC,KAAK,CAAC,CAAC;EACnE;EAEA,OAAOJ,KAAK;AACd;AAEA,OAAO,SAASU,QAAQA,CAAEV,KAAU,EAAE;EACpC,IAAI,CAACA,KAAK,EAAE,OAAO,KAAK;EAExB,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK,CAACW,MAAM,GAAG,CAAC;EACzB;EAEA,IAAI,OAAOX,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOP,GAAG,CAACO,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAIP,GAAG,CAACO,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC;EACnD;EAEA,OAAO,KAAK;AACd;AAEA,OAAO,MAAMY,SAAS,GAAG;EAAEC,CAAC,EAAE,CAAC;EAAEC,CAAC,EAAE,CAAC;EAAEC,CAAC,EAAE,CAAC;EAAEX,CAAC,EAAE;AAAE,CAAC;AAanD,MAAMY,IAAqB,GAAG;EAC5BC,UAAU,EAAE;IACVC,IAAI,EAAE,QAAQ;IACdC,GAAG,EAAE;EACP,CAAC;EACDC,MAAM,EAAE,CACN;IACEC,KAAK,EAAE,GAAG;IACVC,GAAG,EAAE,GAAG;IACRC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAGC,CAAM,IAAKC,IAAI,CAACC,KAAK,CAACF,CAAC,CAACG,CAAC,CAAC;IACrCC,QAAQ,EAAEA,CAACJ,CAAM,EAAEV,CAAS,MAAW;MAAE,GAAGU,CAAC;MAAEG,CAAC,EAAEE,MAAM,CAACf,CAAC;IAAE,CAAC;EAC/D,CAAC,EACD;IACEM,KAAK,EAAE,GAAG;IACVC,GAAG,EAAE,GAAG;IACRC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAGC,CAAM,IAAKC,IAAI,CAACC,KAAK,CAACF,CAAC,CAACM,CAAC,CAAC;IACrCF,QAAQ,EAAEA,CAACJ,CAAM,EAAEV,CAAS,MAAW;MAAE,GAAGU,CAAC;MAAEM,CAAC,EAAED,MAAM,CAACf,CAAC;IAAE,CAAC;EAC/D,CAAC,EACD;IACEM,KAAK,EAAE,GAAG;IACVC,GAAG,EAAE,GAAG;IACRC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAGC,CAAM,IAAKC,IAAI,CAACC,KAAK,CAACF,CAAC,CAACO,CAAC,CAAC;IACrCH,QAAQ,EAAEA,CAACJ,CAAM,EAAEV,CAAS,MAAW;MAAE,GAAGU,CAAC;MAAEO,CAAC,EAAEF,MAAM,CAACf,CAAC;IAAE,CAAC;EAC/D,CAAC,EACD;IACEM,KAAK,EAAE,GAAG;IACVC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,IAAI;IACVC,QAAQ,EAAES,IAAA;MAAA,IAAC;QAAE7B;MAAO,CAAC,GAAA6B,IAAA;MAAA,OAAK7B,CAAC,GAAGsB,IAAI,CAACC,KAAK,CAACvB,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;IAAA;IAC3DyB,QAAQ,EAAEA,CAACJ,CAAM,EAAEV,CAAS,MAAW;MAAE,GAAGU,CAAC;MAAErB,CAAC,EAAE0B,MAAM,CAACf,CAAC;IAAE,CAAC;EAC/D,CAAC,CACF;EACDmB,EAAE,EAAE5C,QAAQ;EACZ6C,IAAI,EAAE3C;AACR,CAAC;AAED,MAAM4C,GAAG,GAAG;EACV,GAAGpB,IAAI;EACPI,MAAM,EAAEJ,IAAI,CAACI,MAAM,EAAEZ,KAAK,CAAC,CAAC,EAAE,CAAC;AACjC,CAAC;AAED,MAAM6B,IAAqB,GAAG;EAC5BpB,UAAU,EAAE;IACVC,IAAI,EAAE,QAAQ;IACdC,GAAG,EAAE;EACP,CAAC;EACDC,MAAM,EAAE,CACN;IACEC,KAAK,EAAE,GAAG;IACVC,GAAG,EAAE,GAAG;IACRC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAGC,CAAM,IAAKC,IAAI,CAACC,KAAK,CAACF,CAAC,CAACZ,CAAC,CAAC;IACrCgB,QAAQ,EAAEA,CAACJ,CAAM,EAAEV,CAAS,MAAW;MAAE,GAAGU,CAAC;MAAEZ,CAAC,EAAEiB,MAAM,CAACf,CAAC;IAAE,CAAC;EAC/D,CAAC,EACD;IACEM,KAAK,EAAE,GAAG;IACVC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,IAAI;IACVC,QAAQ,EAAGC,CAAM,IAAKC,IAAI,CAACC,KAAK,CAACF,CAAC,CAACX,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG;IACjDe,QAAQ,EAAEA,CAACJ,CAAM,EAAEV,CAAS,MAAW;MAAE,GAAGU,CAAC;MAAEX,CAAC,EAAEgB,MAAM,CAACf,CAAC;IAAE,CAAC;EAC/D,CAAC,EACD;IACEM,KAAK,EAAE,GAAG;IACVC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,IAAI;IACVC,QAAQ,EAAGC,CAAM,IAAKC,IAAI,CAACC,KAAK,CAACF,CAAC,CAACa,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG;IACjDT,QAAQ,EAAEA,CAACJ,CAAM,EAAEV,CAAS,MAAW;MAAE,GAAGU,CAAC;MAAEa,CAAC,EAAER,MAAM,CAACf,CAAC;IAAE,CAAC;EAC/D,CAAC,EACD;IACEM,KAAK,EAAE,GAAG;IACVC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,IAAI;IACVC,QAAQ,EAAEe,KAAA;MAAA,IAAC;QAAEnC;MAAO,CAAC,GAAAmC,KAAA;MAAA,OAAKnC,CAAC,GAAGsB,IAAI,CAACC,KAAK,CAACvB,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;IAAA;IAC3DyB,QAAQ,EAAEA,CAACJ,CAAM,EAAEV,CAAS,MAAW;MAAE,GAAGU,CAAC;MAAErB,CAAC,EAAE0B,MAAM,CAACf,CAAC;IAAE,CAAC;EAC/D,CAAC,CACF;EACDmB,EAAE,EAAE7C,QAAQ;EACZ8C,IAAI,EAAEhD;AACR,CAAC;AAED,MAAMqD,GAAG,GAAG;EACV,GAAGH,IAAI;EACPjB,MAAM,EAAEiB,IAAI,CAACjB,MAAM,CAACZ,KAAK,CAAC,CAAC,EAAE,CAAC;AAChC,CAAC;AAED,MAAMiC,IAAqB,GAAG;EAC5BxB,UAAU,EAAE;IACVC,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE,CACN;IACEC,KAAK,EAAE,MAAM;IACbG,QAAQ,EAAGC,CAAS,IAAKA,CAAC;IAC1BI,QAAQ,EAAEA,CAACJ,CAAS,EAAEV,CAAS,KAAKA;EACtC,CAAC,CACF;EACDmB,EAAE,EAAE9C,QAAQ;EACZ+C,IAAI,EAAEjD;AACR,CAAC;AAED,MAAMgB,GAAG,GAAG;EACV,GAAGuC,IAAI;EACPrB,MAAM,EAAE,CACN;IACEC,KAAK,EAAE,KAAK;IACZG,QAAQ,EAAGC,CAAS,IAAKA,CAAC,CAACjB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACtCqB,QAAQ,EAAEA,CAACJ,CAAS,EAAEV,CAAS,KAAKA;EACtC,CAAC;AAEL,CAAC;AAED,OAAO,MAAM2B,KAAsC,GAAG;EACpDN,GAAG;EACHpB,IAAI;EACJwB,GAAG;EACHH,IAAI;EACJnC,GAAG;EACHuC;AACF,CAAC"}
+{"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 ? 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 ? 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.mjs

@@ -7,6 +7,7 @@ import { makeSelectProps } from "../VSelect/VSelect.mjs";
 import { VCheckboxBtn } from "../VCheckbox/index.mjs";
 import { VChip } from "../VChip/index.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { VIcon } from "./../index.mjs";
 import { VList, VListItem } from "../VList/index.mjs";
 import { VMenu } from "../VMenu/index.mjs";
 import { VTextField } from "../VTextField/index.mjs"; // Composables
@@ -287,7 +288,8 @@ export const VCombobox = genericComponent()({
           'v-combobox--chips': !!props.chips,
           'v-combobox--selecting-index': selectionIndex.value > -1,
           [`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true
-        }],
+        }, props.class],
+        "style": props.style,
         "appendInnerIcon": props.items.length ? props.menuIcon : undefined,
         "readonly": props.readonly,
         "placeholder": isDirty ? undefined : props.placeholder,
@@ -333,11 +335,13 @@ export const VCombobox = genericComponent()({
                 let {
                   isSelected
                 } = _ref2;
-                return props.multiple && !props.hideSelected ? _createVNode(VCheckboxBtn, {
+                return _createVNode(_Fragment, null, [props.multiple && !props.hideSelected ? _createVNode(VCheckboxBtn, {
                   "modelValue": isSelected,
                   "ripple": false,
                   "tabindex": "-1"
-                }, null) : undefined;
+                }, null) : undefined, item.props.prependIcon && _createVNode(VIcon, {
+                  "icon": item.props.prependIcon
+                }, null)]);
               },
               title: () => {
                 return isPristine.value ? item.title : highlightResult(item.title, getMatches(item)?.title, search.value?.length ?? 0);
@@ -352,6 +356,10 @@ export const VCombobox = genericComponent()({
           }
           const slotProps = {
             'onClick:close': onChipClose,
+            onMousedown(e) {
+              e.preventDefault();
+              e.stopPropagation();
+            },
             modelValue: true,
             'onUpdate:modelValue': undefined
           };