@vuetify/nightly 4.0.0-dev-20230422.0 → 4.0.0-dev-20230427.0

package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VColorPickerCanvas.mjs","names":["useResizeObserver","clamp","convertToUnit","defineComponent","getEventCoordinates","useRender","computed","onMounted","ref","watch","VColorPickerCanvas","name","props","color","type","Object","disabled","Boolean","dotSize","Number","String","default","height","width","emits","hue","setup","_ref","emit","isInteracting","isOutsideUpdate","dotPosition","x","y","dotStyles","value","radius","parseInt","transform","canvasRef","canvasWidth","parseFloat","canvasHeight","resizeRef","entries","offsetParent","contentRect","updateDotPosition","rect","left","top","handleClick","e","clientX","clientY","getBoundingClientRect","handleMouseDown","preventDefault","window","addEventListener","handleMouseMove","handleMouseUp","coords","removeEventListener","h","s","v","a","updateCanvas","canvas","ctx","getContext","saturationGradient","createLinearGradient","addColorStop","fillStyle","fillRect","valueGradient","immediate","newVal","oldVal","flush","deep","_createVNode"],"sources":["../../../src/components/VColorPicker/VColorPickerCanvas.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerCanvas.sass'\n\n// Composables\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { clamp, convertToUnit, defineComponent, getEventCoordinates, useRender } from '@/util'\nimport { computed, onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { HSV } from '@/util'\nimport type { PropType } from 'vue'\n\nexport const VColorPickerCanvas = defineComponent({\n  name: 'VColorPickerCanvas',\n\n  props: {\n    color: {\n      type: Object as PropType<HSV | null>,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    height: {\n      type: [Number, String],\n      default: 150,\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n  },\n\n  emits: {\n    'update:color': (color: HSV) => true,\n    'update:position': (hue: any) => true,\n  },\n\n  setup (props, { emit }) {\n    const isInteracting = ref(false)\n    const isOutsideUpdate = ref(false)\n    const dotPosition = ref({ x: 0, y: 0 })\n\n    const dotStyles = computed(() => {\n      const { x, y } = dotPosition.value\n      const radius = parseInt(props.dotSize, 10) / 2\n\n      return {\n        width: convertToUnit(props.dotSize),\n        height: convertToUnit(props.dotSize),\n        transform: `translate(${convertToUnit(x - radius)}, ${convertToUnit(y - radius)})`,\n      }\n    })\n\n    const canvasRef = ref<HTMLCanvasElement | null>()\n    const canvasWidth = ref(parseFloat(props.width))\n    const canvasHeight = ref(parseFloat(props.height))\n    const { resizeRef } = useResizeObserver(entries => {\n      if (!resizeRef.value?.offsetParent) return\n\n      const { width, height } = entries[0].contentRect\n\n      canvasWidth.value = width\n      canvasHeight.value = height\n    })\n\n    function updateDotPosition (x: number, y: number, rect: DOMRect) {\n      const { left, top, width, height } = rect\n      dotPosition.value = {\n        x: clamp(x - left, 0, width),\n        y: clamp(y - top, 0, height),\n      }\n    }\n\n    function handleClick (e: MouseEvent) {\n      if (props.disabled || !canvasRef.value) return\n\n      updateDotPosition(e.clientX, e.clientY, canvasRef.value.getBoundingClientRect())\n    }\n\n    function handleMouseDown (e: MouseEvent | TouchEvent) {\n      // To prevent selection while moving cursor\n      e.preventDefault()\n\n      if (props.disabled) return\n\n      isInteracting.value = true\n\n      window.addEventListener('mousemove', handleMouseMove)\n      window.addEventListener('mouseup', handleMouseUp)\n      window.addEventListener('touchmove', handleMouseMove)\n      window.addEventListener('touchend', handleMouseUp)\n    }\n\n    function handleMouseMove (e: MouseEvent | TouchEvent) {\n      if (props.disabled || !canvasRef.value) return\n\n      isInteracting.value = true\n\n      const coords = getEventCoordinates(e)\n\n      updateDotPosition(coords.clientX, coords.clientY, canvasRef.value.getBoundingClientRect())\n    }\n\n    function handleMouseUp () {\n      window.removeEventListener('mousemove', handleMouseMove)\n      window.removeEventListener('mouseup', handleMouseUp)\n      window.removeEventListener('touchmove', handleMouseMove)\n      window.removeEventListener('touchend', handleMouseUp)\n    }\n\n    watch(dotPosition, () => {\n      if (isOutsideUpdate.value) {\n        isOutsideUpdate.value = false\n        return\n      }\n\n      if (!canvasRef.value) return\n\n      const { x, y } = dotPosition.value\n\n      emit('update:color', {\n        h: props.color?.h ?? 0,\n        s: clamp(x, 0, canvasWidth.value) / canvasWidth.value,\n        v: 1 - clamp(y, 0, canvasHeight.value) / canvasHeight.value,\n        a: props.color?.a ?? 1,\n      })\n    })\n\n    function updateCanvas () {\n      if (!canvasRef.value) return\n\n      const canvas = canvasRef.value\n      const ctx = canvas.getContext('2d')\n\n      if (!ctx) return\n\n      const saturationGradient = ctx.createLinearGradient(0, 0, canvas.width, 0)\n      saturationGradient.addColorStop(0, 'hsla(0, 0%, 100%, 1)') // white\n      saturationGradient.addColorStop(1, `hsla(${props.color?.h ?? 0}, 100%, 50%, 1)`)\n      ctx.fillStyle = saturationGradient\n      ctx.fillRect(0, 0, canvas.width, canvas.height)\n\n      const valueGradient = ctx.createLinearGradient(0, 0, 0, canvas.height)\n      valueGradient.addColorStop(0, 'hsla(0, 0%, 100%, 0)') // transparent\n      valueGradient.addColorStop(1, 'hsla(0, 0%, 0%, 1)') // black\n      ctx.fillStyle = valueGradient\n      ctx.fillRect(0, 0, canvas.width, canvas.height)\n    }\n\n    watch(() => props.color?.h, updateCanvas, { immediate: true })\n    watch(() => [canvasWidth.value, canvasHeight.value], (newVal, oldVal) => {\n      updateCanvas()\n      dotPosition.value = {\n        x: dotPosition.value.x * newVal[0] / oldVal[0],\n        y: dotPosition.value.y * newVal[1] / oldVal[1],\n      }\n    }, { flush: 'post' })\n\n    watch(() => props.color, () => {\n      if (isInteracting.value) {\n        isInteracting.value = false\n        return\n      }\n\n      isOutsideUpdate.value = true\n\n      dotPosition.value = props.color ? {\n        x: props.color.s * canvasWidth.value,\n        y: (1 - props.color.v) * canvasHeight.value,\n      } : { x: 0, y: 0 }\n    }, { deep: true, immediate: true })\n\n    onMounted(() => updateCanvas())\n\n    useRender(() => (\n      <div\n        ref={ resizeRef }\n        class=\"v-color-picker-canvas\"\n        onClick={ handleClick }\n        onMousedown={ handleMouseDown }\n        onTouchstart={ handleMouseDown }\n      >\n        <canvas\n          ref={ canvasRef }\n          width={ canvasWidth.value }\n          height={ canvasHeight.value }\n        />\n        { props.color && (\n          <div\n            class={[\n              'v-color-picker-canvas__dot',\n              {\n                'v-color-picker-canvas__dot--disabled': props.disabled,\n              },\n            ]}\n            style={ dotStyles.value }\n          />\n        )}\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerCanvas = InstanceType<typeof VColorPickerCanvas>\n"],"mappings":"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"}
+{"version":3,"file":"VColorPickerCanvas.mjs","names":["makeComponentProps","useResizeObserver","clamp","convertToUnit","defineComponent","getEventCoordinates","useRender","computed","onMounted","ref","watch","VColorPickerCanvas","name","props","color","type","Object","disabled","Boolean","dotSize","Number","String","default","height","width","emits","hue","setup","_ref","emit","isInteracting","isOutsideUpdate","dotPosition","x","y","dotStyles","value","radius","parseInt","transform","canvasRef","canvasWidth","parseFloat","canvasHeight","resizeRef","entries","offsetParent","contentRect","updateDotPosition","rect","left","top","handleClick","e","clientX","clientY","getBoundingClientRect","handleMouseDown","preventDefault","window","addEventListener","handleMouseMove","handleMouseUp","coords","removeEventListener","h","s","v","a","updateCanvas","canvas","ctx","getContext","saturationGradient","createLinearGradient","addColorStop","fillStyle","fillRect","valueGradient","immediate","newVal","oldVal","flush","deep","_createVNode","class","style"],"sources":["../../../src/components/VColorPicker/VColorPickerCanvas.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerCanvas.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { clamp, convertToUnit, defineComponent, getEventCoordinates, useRender } from '@/util'\nimport { computed, onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { HSV } from '@/util'\nimport type { PropType } from 'vue'\n\nexport const VColorPickerCanvas = defineComponent({\n  name: 'VColorPickerCanvas',\n\n  props: {\n    color: {\n      type: Object as PropType<HSV | null>,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    height: {\n      type: [Number, String],\n      default: 150,\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n\n    ...makeComponentProps(),\n  },\n\n  emits: {\n    'update:color': (color: HSV) => true,\n    'update:position': (hue: any) => true,\n  },\n\n  setup (props, { emit }) {\n    const isInteracting = ref(false)\n    const isOutsideUpdate = ref(false)\n    const dotPosition = ref({ x: 0, y: 0 })\n\n    const dotStyles = computed(() => {\n      const { x, y } = dotPosition.value\n      const radius = parseInt(props.dotSize, 10) / 2\n\n      return {\n        width: convertToUnit(props.dotSize),\n        height: convertToUnit(props.dotSize),\n        transform: `translate(${convertToUnit(x - radius)}, ${convertToUnit(y - radius)})`,\n      }\n    })\n\n    const canvasRef = ref<HTMLCanvasElement | null>()\n    const canvasWidth = ref(parseFloat(props.width))\n    const canvasHeight = ref(parseFloat(props.height))\n    const { resizeRef } = useResizeObserver(entries => {\n      if (!resizeRef.value?.offsetParent) return\n\n      const { width, height } = entries[0].contentRect\n\n      canvasWidth.value = width\n      canvasHeight.value = height\n    })\n\n    function updateDotPosition (x: number, y: number, rect: DOMRect) {\n      const { left, top, width, height } = rect\n      dotPosition.value = {\n        x: clamp(x - left, 0, width),\n        y: clamp(y - top, 0, height),\n      }\n    }\n\n    function handleClick (e: MouseEvent) {\n      if (props.disabled || !canvasRef.value) return\n\n      updateDotPosition(e.clientX, e.clientY, canvasRef.value.getBoundingClientRect())\n    }\n\n    function handleMouseDown (e: MouseEvent | TouchEvent) {\n      // To prevent selection while moving cursor\n      e.preventDefault()\n\n      if (props.disabled) return\n\n      isInteracting.value = true\n\n      window.addEventListener('mousemove', handleMouseMove)\n      window.addEventListener('mouseup', handleMouseUp)\n      window.addEventListener('touchmove', handleMouseMove)\n      window.addEventListener('touchend', handleMouseUp)\n    }\n\n    function handleMouseMove (e: MouseEvent | TouchEvent) {\n      if (props.disabled || !canvasRef.value) return\n\n      isInteracting.value = true\n\n      const coords = getEventCoordinates(e)\n\n      updateDotPosition(coords.clientX, coords.clientY, canvasRef.value.getBoundingClientRect())\n    }\n\n    function handleMouseUp () {\n      window.removeEventListener('mousemove', handleMouseMove)\n      window.removeEventListener('mouseup', handleMouseUp)\n      window.removeEventListener('touchmove', handleMouseMove)\n      window.removeEventListener('touchend', handleMouseUp)\n    }\n\n    watch(dotPosition, () => {\n      if (isOutsideUpdate.value) {\n        isOutsideUpdate.value = false\n        return\n      }\n\n      if (!canvasRef.value) return\n\n      const { x, y } = dotPosition.value\n\n      emit('update:color', {\n        h: props.color?.h ?? 0,\n        s: clamp(x, 0, canvasWidth.value) / canvasWidth.value,\n        v: 1 - clamp(y, 0, canvasHeight.value) / canvasHeight.value,\n        a: props.color?.a ?? 1,\n      })\n    })\n\n    function updateCanvas () {\n      if (!canvasRef.value) return\n\n      const canvas = canvasRef.value\n      const ctx = canvas.getContext('2d')\n\n      if (!ctx) return\n\n      const saturationGradient = ctx.createLinearGradient(0, 0, canvas.width, 0)\n      saturationGradient.addColorStop(0, 'hsla(0, 0%, 100%, 1)') // white\n      saturationGradient.addColorStop(1, `hsla(${props.color?.h ?? 0}, 100%, 50%, 1)`)\n      ctx.fillStyle = saturationGradient\n      ctx.fillRect(0, 0, canvas.width, canvas.height)\n\n      const valueGradient = ctx.createLinearGradient(0, 0, 0, canvas.height)\n      valueGradient.addColorStop(0, 'hsla(0, 0%, 100%, 0)') // transparent\n      valueGradient.addColorStop(1, 'hsla(0, 0%, 0%, 1)') // black\n      ctx.fillStyle = valueGradient\n      ctx.fillRect(0, 0, canvas.width, canvas.height)\n    }\n\n    watch(() => props.color?.h, updateCanvas, { immediate: true })\n    watch(() => [canvasWidth.value, canvasHeight.value], (newVal, oldVal) => {\n      updateCanvas()\n      dotPosition.value = {\n        x: dotPosition.value.x * newVal[0] / oldVal[0],\n        y: dotPosition.value.y * newVal[1] / oldVal[1],\n      }\n    }, { flush: 'post' })\n\n    watch(() => props.color, () => {\n      if (isInteracting.value) {\n        isInteracting.value = false\n        return\n      }\n\n      isOutsideUpdate.value = true\n\n      dotPosition.value = props.color ? {\n        x: props.color.s * canvasWidth.value,\n        y: (1 - props.color.v) * canvasHeight.value,\n      } : { x: 0, y: 0 }\n    }, { deep: true, immediate: true })\n\n    onMounted(() => updateCanvas())\n\n    useRender(() => (\n      <div\n        ref={ resizeRef }\n        class={[\n          'v-color-picker-canvas',\n          props.class,\n        ]}\n        style={ props.style }\n        onClick={ handleClick }\n        onMousedown={ handleMouseDown }\n        onTouchstart={ handleMouseDown }\n      >\n        <canvas\n          ref={ canvasRef }\n          width={ canvasWidth.value }\n          height={ canvasHeight.value }\n        />\n        { props.color && (\n          <div\n            class={[\n              'v-color-picker-canvas__dot',\n              {\n                'v-color-picker-canvas__dot--disabled': props.disabled,\n              },\n            ]}\n            style={ dotStyles.value }\n          />\n        )}\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerCanvas = InstanceType<typeof VColorPickerCanvas>\n"],"mappings":"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"}

package/lib/components/VColorPicker/VColorPickerEdit.mjs

@@ -3,7 +3,8 @@ import { createVNode as _createVNode } from "vue";
 import "./VColorPickerEdit.css";
 
 // Components
-import { VBtn } from "../VBtn/index.mjs"; // Utilities
+import { VBtn } from "../VBtn/index.mjs"; // Composables
+import { makeComponentProps } from "../../composables/component.mjs"; // Utilities
 import { computed } from 'vue';
 import { defineComponent, useRender } from "../../util/index.mjs";
 import { modes, nullColor } from "./util/index.mjs"; // Types
@@ -30,7 +31,8 @@ export const VColorPickerEdit = defineComponent({
       type: Array,
       default: () => Object.keys(modes),
       validator: v => Array.isArray(v) && v.every(m => Object.keys(modes).includes(m))
-    }
+    },
+    ...makeComponentProps()
   },
   emits: {
     'update:color': color => true,
@@ -70,7 +72,8 @@ export const VColorPickerEdit = defineComponent({
       });
     });
     useRender(() => _createVNode("div", {
-      "class": "v-color-picker-edit"
+      "class": ['v-color-picker-edit', props.class],
+      "style": props.style
     }, [inputs.value?.map(props => _createVNode(VColorPickerInput, props, null)), enabledModes.value.length > 1 && _createVNode(VBtn, {
       "icon": "$unfold",
       "size": "x-small",

package/lib/components/VColorPicker/VColorPickerEdit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VColorPickerEdit.mjs","names":["VBtn","computed","defineComponent","useRender","modes","nullColor","VColorPickerInput","_ref","label","rest","_createVNode","VColorPickerEdit","name","props","color","Object","disabled","Boolean","mode","type","String","default","validator","v","keys","includes","Array","isArray","every","m","emits","setup","_ref2","emit","enabledModes","map","key","inputs","value","find","to","_ref3","getValue","getColor","inputProps","onChange","e","target","from","length","onClick","mi","findIndex"],"sources":["../../../src/components/VColorPicker/VColorPickerEdit.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerEdit.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\nimport { modes, nullColor } from './util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { HSV } from '@/util/colorUtils'\n\nconst VColorPickerInput = ({ label, ...rest }: any) => {\n  return (\n    <div\n      class=\"v-color-picker-edit__input\"\n    >\n      <input { ...rest } />\n      <span>{ label }</span>\n    </div>\n  )\n}\n\nexport const VColorPickerEdit = defineComponent({\n  name: 'VColorPickerEdit',\n\n  props: {\n    color: Object as PropType<HSV | null>,\n    disabled: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    modes: {\n      type: Array as PropType<string[]>,\n      default: () => Object.keys(modes),\n      validator: (v: any) => Array.isArray(v) && v.every(m => Object.keys(modes).includes(m)),\n    },\n  },\n\n  emits: {\n    'update:color': (color: HSV) => true,\n    'update:mode': (mode: string) => true,\n  },\n\n  setup (props, { emit }) {\n    const enabledModes = computed(() => {\n      return props.modes.map(key => ({ ...modes[key], name: key }))\n    })\n\n    const inputs = computed(() => {\n      const mode = enabledModes.value.find(m => m.name === props.mode)\n\n      if (!mode) return []\n\n      const color = props.color ? mode.to(props.color) : null\n\n      return mode.inputs?.map(({ getValue, getColor, ...inputProps }) => {\n        return {\n          ...mode.inputProps,\n          ...inputProps,\n          disabled: props.disabled,\n          value: color && getValue(color),\n          onChange: (e: InputEvent) => {\n            const target = e.target as HTMLInputElement | null\n\n            if (!target) return\n\n            emit('update:color', mode.from(getColor(color ?? nullColor, target.value)))\n          },\n        }\n      })\n    })\n\n    useRender(() => (\n      <div\n        class=\"v-color-picker-edit\"\n      >\n        { inputs.value?.map(props => (\n          <VColorPickerInput { ...props } />\n        ))}\n        { enabledModes.value.length > 1 && (\n          <VBtn\n            icon=\"$unfold\"\n            size=\"x-small\"\n            variant=\"plain\"\n            onClick={ () => {\n              const mi = enabledModes.value.findIndex(m => m.name === props.mode)\n\n              emit('update:mode', enabledModes.value[(mi + 1) % enabledModes.value.length].name)\n            }}\n          />\n        )}\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerEdit = InstanceType<typeof VColorPickerEdit>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,IAAI,6BAEb;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,eAAe,EAAEC,SAAS;AAAA,SAC1BC,KAAK,EAAEC,SAAS,4BAEzB;AAIA,MAAMC,iBAAiB,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EAChD,OAAAG,YAAA;IAAA,SAEU;EAA4B,IAAAA,YAAA,UAEtBD,IAAI,SAAAC,YAAA,gBACRF,KAAK;AAGnB,CAAC;AAED,OAAO,MAAMG,gBAAgB,GAAGT,eAAe,CAAC;EAC9CU,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAE;IACLC,KAAK,EAAEC,MAA8B;IACrCC,QAAQ,EAAEC,OAAO;IACjBC,IAAI,EAAE;MACJC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAGC,CAAS,IAAKR,MAAM,CAACS,IAAI,CAACpB,KAAK,CAAC,CAACqB,QAAQ,CAACF,CAAC;IACzD,CAAC;IACDnB,KAAK,EAAE;MACLe,IAAI,EAAEO,KAA2B;MACjCL,OAAO,EAAEA,CAAA,KAAMN,MAAM,CAACS,IAAI,CAACpB,KAAK,CAAC;MACjCkB,SAAS,EAAGC,CAAM,IAAKG,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC,IAAIA,CAAC,CAACK,KAAK,CAACC,CAAC,IAAId,MAAM,CAACS,IAAI,CAACpB,KAAK,CAAC,CAACqB,QAAQ,CAACI,CAAC,CAAC;IACxF;EACF,CAAC;EAEDC,KAAK,EAAE;IACL,cAAc,EAAGhB,KAAU,IAAK,IAAI;IACpC,aAAa,EAAGI,IAAY,IAAK;EACnC,CAAC;EAEDa,KAAKA,CAAElB,KAAK,EAAAmB,KAAA,EAAY;IAAA,IAAV;MAAEC;IAAK,CAAC,GAAAD,KAAA;IACpB,MAAME,YAAY,GAAGjC,QAAQ,CAAC,MAAM;MAClC,OAAOY,KAAK,CAACT,KAAK,CAAC+B,GAAG,CAACC,GAAG,KAAK;QAAE,GAAGhC,KAAK,CAACgC,GAAG,CAAC;QAAExB,IAAI,EAAEwB;MAAI,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAMC,MAAM,GAAGpC,QAAQ,CAAC,MAAM;MAC5B,MAAMiB,IAAI,GAAGgB,YAAY,CAACI,KAAK,CAACC,IAAI,CAACV,CAAC,IAAIA,CAAC,CAACjB,IAAI,KAAKC,KAAK,CAACK,IAAI,CAAC;MAEhE,IAAI,CAACA,IAAI,EAAE,OAAO,EAAE;MAEpB,MAAMJ,KAAK,GAAGD,KAAK,CAACC,KAAK,GAAGI,IAAI,CAACsB,EAAE,CAAC3B,KAAK,CAACC,KAAK,CAAC,GAAG,IAAI;MAEvD,OAAOI,IAAI,CAACmB,MAAM,EAAEF,GAAG,CAACM,KAAA,IAA2C;QAAA,IAA1C;UAAEC,QAAQ;UAAEC,QAAQ;UAAE,GAAGC;QAAW,CAAC,GAAAH,KAAA;QAC5D,OAAO;UACL,GAAGvB,IAAI,CAAC0B,UAAU;UAClB,GAAGA,UAAU;UACb5B,QAAQ,EAAEH,KAAK,CAACG,QAAQ;UACxBsB,KAAK,EAAExB,KAAK,IAAI4B,QAAQ,CAAC5B,KAAK,CAAC;UAC/B+B,QAAQ,EAAGC,CAAa,IAAK;YAC3B,MAAMC,MAAM,GAAGD,CAAC,CAACC,MAAiC;YAElD,IAAI,CAACA,MAAM,EAAE;YAEbd,IAAI,CAAC,cAAc,EAAEf,IAAI,CAAC8B,IAAI,CAACL,QAAQ,CAAC7B,KAAK,IAAIT,SAAS,EAAE0C,MAAM,CAACT,KAAK,CAAC,CAAC,CAAC;UAC7E;QACF,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAEFnC,SAAS,CAAC,MAAAO,YAAA;MAAA,SAEA;IAAqB,IAEzB2B,MAAM,CAACC,KAAK,EAAEH,GAAG,CAACtB,KAAK,IAAAH,YAAA,CAAAJ,iBAAA,EACCO,KAAK,OAC9B,CAAC,EACAqB,YAAY,CAACI,KAAK,CAACW,MAAM,GAAG,CAAC,IAAAvC,YAAA,CAAAV,IAAA;MAAA,QAEtB,SAAS;MAAA,QACT,SAAS;MAAA,WACN,OAAO;MAAA,WACLkD,CAAA,KAAM;QACd,MAAMC,EAAE,GAAGjB,YAAY,CAACI,KAAK,CAACc,SAAS,CAACvB,CAAC,IAAIA,CAAC,CAACjB,IAAI,KAAKC,KAAK,CAACK,IAAI,CAAC;QAEnEe,IAAI,CAAC,aAAa,EAAEC,YAAY,CAACI,KAAK,CAAC,CAACa,EAAE,GAAG,CAAC,IAAIjB,YAAY,CAACI,KAAK,CAACW,MAAM,CAAC,CAACrC,IAAI,CAAC;MACpF;IAAC,QAEJ,EAEJ,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VColorPickerEdit.mjs","names":["VBtn","makeComponentProps","computed","defineComponent","useRender","modes","nullColor","VColorPickerInput","_ref","label","rest","_createVNode","VColorPickerEdit","name","props","color","Object","disabled","Boolean","mode","type","String","default","validator","v","keys","includes","Array","isArray","every","m","emits","setup","_ref2","emit","enabledModes","map","key","inputs","value","find","to","_ref3","getValue","getColor","inputProps","onChange","e","target","from","class","style","length","onClick","mi","findIndex"],"sources":["../../../src/components/VColorPicker/VColorPickerEdit.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerEdit.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\nimport { modes, nullColor } from './util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { HSV } from '@/util/colorUtils'\n\nconst VColorPickerInput = ({ label, ...rest }: any) => {\n  return (\n    <div\n      class=\"v-color-picker-edit__input\"\n    >\n      <input { ...rest } />\n      <span>{ label }</span>\n    </div>\n  )\n}\n\nexport const VColorPickerEdit = defineComponent({\n  name: 'VColorPickerEdit',\n\n  props: {\n    color: Object as PropType<HSV | null>,\n    disabled: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    modes: {\n      type: Array as PropType<string[]>,\n      default: () => Object.keys(modes),\n      validator: (v: any) => Array.isArray(v) && v.every(m => Object.keys(modes).includes(m)),\n    },\n\n    ...makeComponentProps(),\n  },\n\n  emits: {\n    'update:color': (color: HSV) => true,\n    'update:mode': (mode: string) => true,\n  },\n\n  setup (props, { emit }) {\n    const enabledModes = computed(() => {\n      return props.modes.map(key => ({ ...modes[key], name: key }))\n    })\n\n    const inputs = computed(() => {\n      const mode = enabledModes.value.find(m => m.name === props.mode)\n\n      if (!mode) return []\n\n      const color = props.color ? mode.to(props.color) : null\n\n      return mode.inputs?.map(({ getValue, getColor, ...inputProps }) => {\n        return {\n          ...mode.inputProps,\n          ...inputProps,\n          disabled: props.disabled,\n          value: color && getValue(color),\n          onChange: (e: InputEvent) => {\n            const target = e.target as HTMLInputElement | null\n\n            if (!target) return\n\n            emit('update:color', mode.from(getColor(color ?? nullColor, target.value)))\n          },\n        }\n      })\n    })\n\n    useRender(() => (\n      <div\n        class={[\n          'v-color-picker-edit',\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        { inputs.value?.map(props => (\n          <VColorPickerInput { ...props } />\n        ))}\n        { enabledModes.value.length > 1 && (\n          <VBtn\n            icon=\"$unfold\"\n            size=\"x-small\"\n            variant=\"plain\"\n            onClick={ () => {\n              const mi = enabledModes.value.findIndex(m => m.name === props.mode)\n\n              emit('update:mode', enabledModes.value[(mi + 1) % enabledModes.value.length].name)\n            }}\n          />\n        )}\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerEdit = InstanceType<typeof VColorPickerEdit>\n"],"mappings":"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"}

package/lib/components/VColorPicker/VColorPickerPreview.mjs

@@ -3,7 +3,8 @@ import { createVNode as _createVNode } from "vue";
 import "./VColorPickerPreview.css";
 
 // Components
-import { VSlider } from "../VSlider/index.mjs"; // Utilities
+import { VSlider } from "../VSlider/index.mjs"; // Composables
+import { makeComponentProps } from "../../composables/component.mjs"; // Utilities
 import { defineComponent, HSVtoCSS, useRender } from "../../util/index.mjs";
 import { nullColor } from "./util/index.mjs"; // Types
 export const VColorPickerPreview = defineComponent({
@@ -13,7 +14,8 @@ export const VColorPickerPreview = defineComponent({
       type: Object
     },
     disabled: Boolean,
-    hideAlpha: Boolean
+    hideAlpha: Boolean,
+    ...makeComponentProps()
   },
   emits: {
     'update:color': color => true
@@ -25,7 +27,8 @@ export const VColorPickerPreview = defineComponent({
     useRender(() => _createVNode("div", {
       "class": ['v-color-picker-preview', {
         'v-color-picker-preview--hide-alpha': props.hideAlpha
-      }]
+      }, props.class],
+      "style": props.style
     }, [_createVNode("div", {
       "class": "v-color-picker-preview__dot"
     }, [_createVNode("div", {

package/lib/components/VColorPicker/VColorPickerPreview.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VColorPickerPreview.mjs","names":["VSlider","defineComponent","HSVtoCSS","useRender","nullColor","VColorPickerPreview","name","props","color","type","Object","disabled","Boolean","hideAlpha","emits","setup","_ref","emit","_createVNode","background","h","a"],"sources":["../../../src/components/VColorPicker/VColorPickerPreview.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerPreview.sass'\n\n// Components\nimport { VSlider } from '@/components/VSlider'\n\n// Utilities\nimport { defineComponent, HSVtoCSS, useRender } from '@/util'\nimport { nullColor } from './util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { HSV } from '@/util'\n\nexport const VColorPickerPreview = defineComponent({\n  name: 'VColorPickerPreview',\n\n  props: {\n    color: {\n      type: Object as PropType<HSV | null>,\n    },\n    disabled: Boolean,\n    hideAlpha: Boolean,\n  },\n\n  emits: {\n    'update:color': (color: HSV) => true,\n  },\n\n  setup (props, { emit }) {\n    useRender(() => (\n      <div\n        class={[\n          'v-color-picker-preview',\n          {\n            'v-color-picker-preview--hide-alpha': props.hideAlpha,\n          },\n        ]}\n      >\n        <div class=\"v-color-picker-preview__dot\">\n          <div style={{ background: HSVtoCSS(props.color ?? nullColor) }} />\n        </div>\n\n        <div class=\"v-color-picker-preview__sliders\">\n          <VSlider\n            class=\"v-color-picker-preview__track v-color-picker-preview__hue\"\n            modelValue={ props.color?.h }\n            onUpdate:modelValue={ h => emit('update:color', { ...(props.color ?? nullColor), h }) }\n            step={ 0 }\n            min={ 0 }\n            max={ 360 }\n            disabled={ props.disabled }\n            thumbSize={ 14 }\n            trackSize={ 8 }\n            trackFillColor=\"white\"\n            hideDetails\n          />\n\n          { !props.hideAlpha && (\n            <VSlider\n              class=\"v-color-picker-preview__track v-color-picker-preview__alpha\"\n              modelValue={ props.color?.a ?? 1 }\n              onUpdate:modelValue={ a => emit('update:color', { ...(props.color ?? nullColor), a }) }\n              step={ 1 / 256 }\n              min={ 0 }\n              max={ 1 }\n              disabled={ props.disabled }\n              thumbSize={ 14 }\n              trackSize={ 8 }\n              trackFillColor=\"white\"\n              hideDetails\n            />\n          )}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerPreview = InstanceType<typeof VColorPickerPreview>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,OAAO,gCAEhB;AAAA,SACSC,eAAe,EAAEC,QAAQ,EAAEC,SAAS;AAAA,SACpCC,SAAS,4BAElB;AAIA,OAAO,MAAMC,mBAAmB,GAAGJ,eAAe,CAAC;EACjDK,IAAI,EAAE,qBAAqB;EAE3BC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC;IACR,CAAC;IACDC,QAAQ,EAAEC,OAAO;IACjBC,SAAS,EAAED;EACb,CAAC;EAEDE,KAAK,EAAE;IACL,cAAc,EAAGN,KAAU,IAAK;EAClC,CAAC;EAEDO,KAAKA,CAAER,KAAK,EAAAS,IAAA,EAAY;IAAA,IAAV;MAAEC;IAAK,CAAC,GAAAD,IAAA;IACpBb,SAAS,CAAC,MAAAe,YAAA;MAAA,SAEC,CACL,wBAAwB,EACxB;QACE,oCAAoC,EAAEX,KAAK,CAACM;MAC9C,CAAC;IACF,IAAAK,YAAA;MAAA,SAEU;IAA6B,IAAAA,YAAA;MAAA,SAC1B;QAAEC,UAAU,EAAEjB,QAAQ,CAACK,KAAK,CAACC,KAAK,IAAIJ,SAAS;MAAE;IAAC,YAAAc,YAAA;MAAA,SAGrD;IAAiC,IAAAA,YAAA,CAAAlB,OAAA;MAAA,SAElC,2DAA2D;MAAA,cACpDO,KAAK,CAACC,KAAK,EAAEY,CAAC;MAAA,uBACLA,CAAC,IAAIH,IAAI,CAAC,cAAc,EAAE;QAAE,IAAIV,KAAK,CAACC,KAAK,IAAIJ,SAAS,CAAC;QAAEgB;MAAE,CAAC,CAAC;MAAA,QAC9E,CAAC;MAAA,OACF,CAAC;MAAA,OACD,GAAG;MAAA,YACEb,KAAK,CAACI,QAAQ;MAAA,aACb,EAAE;MAAA,aACF,CAAC;MAAA,kBACE,OAAO;MAAA;IAAA,UAItB,CAACJ,KAAK,CAACM,SAAS,IAAAK,YAAA,CAAAlB,OAAA;MAAA,SAER,6DAA6D;MAAA,cACtDO,KAAK,CAACC,KAAK,EAAEa,CAAC,IAAI,CAAC;MAAA,uBACVA,CAAC,IAAIJ,IAAI,CAAC,cAAc,EAAE;QAAE,IAAIV,KAAK,CAACC,KAAK,IAAIJ,SAAS,CAAC;QAAEiB;MAAE,CAAC,CAAC;MAAA,QAC9E,CAAC,GAAG,GAAG;MAAA,OACR,CAAC;MAAA,OACD,CAAC;MAAA,YACId,KAAK,CAACI,QAAQ;MAAA,aACb,EAAE;MAAA,aACF,CAAC;MAAA,kBACE,OAAO;MAAA;IAAA,QAGzB,IAGN,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VColorPickerPreview.mjs","names":["VSlider","makeComponentProps","defineComponent","HSVtoCSS","useRender","nullColor","VColorPickerPreview","name","props","color","type","Object","disabled","Boolean","hideAlpha","emits","setup","_ref","emit","_createVNode","class","style","background","h","a"],"sources":["../../../src/components/VColorPicker/VColorPickerPreview.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerPreview.sass'\n\n// Components\nimport { VSlider } from '@/components/VSlider'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\n\n// Utilities\nimport { defineComponent, HSVtoCSS, useRender } from '@/util'\nimport { nullColor } from './util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { HSV } from '@/util'\n\nexport const VColorPickerPreview = defineComponent({\n  name: 'VColorPickerPreview',\n\n  props: {\n    color: {\n      type: Object as PropType<HSV | null>,\n    },\n    disabled: Boolean,\n    hideAlpha: Boolean,\n\n    ...makeComponentProps(),\n  },\n\n  emits: {\n    'update:color': (color: HSV) => true,\n  },\n\n  setup (props, { emit }) {\n    useRender(() => (\n      <div\n        class={[\n          'v-color-picker-preview',\n          {\n            'v-color-picker-preview--hide-alpha': props.hideAlpha,\n          },\n          props.class,\n        ]}\n        style={ props.style }\n      >\n        <div class=\"v-color-picker-preview__dot\">\n          <div style={{ background: HSVtoCSS(props.color ?? nullColor) }} />\n        </div>\n\n        <div class=\"v-color-picker-preview__sliders\">\n          <VSlider\n            class=\"v-color-picker-preview__track v-color-picker-preview__hue\"\n            modelValue={ props.color?.h }\n            onUpdate:modelValue={ h => emit('update:color', { ...(props.color ?? nullColor), h }) }\n            step={ 0 }\n            min={ 0 }\n            max={ 360 }\n            disabled={ props.disabled }\n            thumbSize={ 14 }\n            trackSize={ 8 }\n            trackFillColor=\"white\"\n            hideDetails\n          />\n\n          { !props.hideAlpha && (\n            <VSlider\n              class=\"v-color-picker-preview__track v-color-picker-preview__alpha\"\n              modelValue={ props.color?.a ?? 1 }\n              onUpdate:modelValue={ a => emit('update:color', { ...(props.color ?? nullColor), a }) }\n              step={ 1 / 256 }\n              min={ 0 }\n              max={ 1 }\n              disabled={ props.disabled }\n              thumbSize={ 14 }\n              trackSize={ 8 }\n              trackFillColor=\"white\"\n              hideDetails\n            />\n          )}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerPreview = InstanceType<typeof VColorPickerPreview>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,OAAO,gCAEhB;AAAA,SACSC,kBAAkB,2CAE3B;AAAA,SACSC,eAAe,EAAEC,QAAQ,EAAEC,SAAS;AAAA,SACpCC,SAAS,4BAElB;AAIA,OAAO,MAAMC,mBAAmB,GAAGJ,eAAe,CAAC;EACjDK,IAAI,EAAE,qBAAqB;EAE3BC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC;IACR,CAAC;IACDC,QAAQ,EAAEC,OAAO;IACjBC,SAAS,EAAED,OAAO;IAElB,GAAGZ,kBAAkB;EACvB,CAAC;EAEDc,KAAK,EAAE;IACL,cAAc,EAAGN,KAAU,IAAK;EAClC,CAAC;EAEDO,KAAKA,CAAER,KAAK,EAAAS,IAAA,EAAY;IAAA,IAAV;MAAEC;IAAK,CAAC,GAAAD,IAAA;IACpBb,SAAS,CAAC,MAAAe,YAAA;MAAA,SAEC,CACL,wBAAwB,EACxB;QACE,oCAAoC,EAAEX,KAAK,CAACM;MAC9C,CAAC,EACDN,KAAK,CAACY,KAAK,CACZ;MAAA,SACOZ,KAAK,CAACa;IAAK,IAAAF,YAAA;MAAA,SAER;IAA6B,IAAAA,YAAA;MAAA,SAC1B;QAAEG,UAAU,EAAEnB,QAAQ,CAACK,KAAK,CAACC,KAAK,IAAIJ,SAAS;MAAE;IAAC,YAAAc,YAAA;MAAA,SAGrD;IAAiC,IAAAA,YAAA,CAAAnB,OAAA;MAAA,SAElC,2DAA2D;MAAA,cACpDQ,KAAK,CAACC,KAAK,EAAEc,CAAC;MAAA,uBACLA,CAAC,IAAIL,IAAI,CAAC,cAAc,EAAE;QAAE,IAAIV,KAAK,CAACC,KAAK,IAAIJ,SAAS,CAAC;QAAEkB;MAAE,CAAC,CAAC;MAAA,QAC9E,CAAC;MAAA,OACF,CAAC;MAAA,OACD,GAAG;MAAA,YACEf,KAAK,CAACI,QAAQ;MAAA,aACb,EAAE;MAAA,aACF,CAAC;MAAA,kBACE,OAAO;MAAA;IAAA,UAItB,CAACJ,KAAK,CAACM,SAAS,IAAAK,YAAA,CAAAnB,OAAA;MAAA,SAER,6DAA6D;MAAA,cACtDQ,KAAK,CAACC,KAAK,EAAEe,CAAC,IAAI,CAAC;MAAA,uBACVA,CAAC,IAAIN,IAAI,CAAC,cAAc,EAAE;QAAE,IAAIV,KAAK,CAACC,KAAK,IAAIJ,SAAS,CAAC;QAAEmB;MAAE,CAAC,CAAC;MAAA,QAC9E,CAAC,GAAG,GAAG;MAAA,OACR,CAAC;MAAA,OACD,CAAC;MAAA,YACIhB,KAAK,CAACI,QAAQ;MAAA,aACb,EAAE;MAAA,aACF,CAAC;MAAA,kBACE,OAAO;MAAA;IAAA,QAGzB,IAGN,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VColorPicker/VColorPickerSwatches.mjs

@@ -3,7 +3,8 @@ import { createVNode as _createVNode } from "vue";
 import "./VColorPickerSwatches.css";
 
 // Components
-import { VIcon } from "../VIcon/index.mjs"; // Utilities
+import { VIcon } from "../VIcon/index.mjs"; // Composables
+import { makeComponentProps } from "../../composables/component.mjs"; // Utilities
 import { convertToUnit, deepEqual, defineComponent, getContrast, useRender } from "../../util/index.mjs";
 import { parseColor } from "./util/index.mjs";
 import colors from "../../util/colors.mjs"; // Types
@@ -22,7 +23,8 @@ export const VColorPickerSwatches = defineComponent({
     },
     disabled: Boolean,
     color: Object,
-    maxHeight: [Number, String]
+    maxHeight: [Number, String],
+    ...makeComponentProps()
   },
   emits: {
     'update:color': color => true
@@ -32,10 +34,10 @@ export const VColorPickerSwatches = defineComponent({
       emit
     } = _ref;
     useRender(() => _createVNode("div", {
-      "class": "v-color-picker-swatches",
-      "style": {
+      "class": ['v-color-picker-swatches', props.class],
+      "style": [{
         maxHeight: convertToUnit(props.maxHeight)
-      }
+      }, props.style]
     }, [_createVNode("div", null, [props.swatches.map(swatch => _createVNode("div", {
       "class": "v-color-picker-swatches__swatch"
     }, [swatch.map(color => {

package/lib/components/VColorPicker/VColorPickerSwatches.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VColorPickerSwatches.mjs","names":["VIcon","convertToUnit","deepEqual","defineComponent","getContrast","useRender","parseColor","colors","parseDefaultColors","Object","keys","map","key","color","base","darken4","darken3","darken2","darken1","lighten1","lighten2","lighten3","lighten4","lighten5","black","white","transparent","VColorPickerSwatches","name","props","swatches","type","Array","default","disabled","Boolean","maxHeight","Number","String","emits","setup","_ref","emit","_createVNode","swatch","hsva","onClick","background","undefined"],"sources":["../../../src/components/VColorPicker/VColorPickerSwatches.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerSwatches.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Utilities\nimport { convertToUnit, deepEqual, defineComponent, getContrast, useRender } from '@/util'\nimport { parseColor } from './util'\nimport colors from '@/util/colors'\n\n// Types\nimport type { HSV } from '@/util'\nimport type { PropType } from 'vue'\n\nfunction parseDefaultColors (colors: Record<string, Record<string, string>>) {\n  return Object.keys(colors).map(key => {\n    const color = colors[key]\n    return color.base ? [\n      color.base,\n      color.darken4,\n      color.darken3,\n      color.darken2,\n      color.darken1,\n      color.lighten1,\n      color.lighten2,\n      color.lighten3,\n      color.lighten4,\n      color.lighten5,\n    ] : [\n      color.black,\n      color.white,\n      color.transparent,\n    ]\n  })\n}\n\nexport const VColorPickerSwatches = defineComponent({\n  name: 'VColorPickerSwatches',\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors),\n    },\n    disabled: Boolean,\n    color: Object as PropType<HSV | null>,\n    maxHeight: [Number, String],\n  },\n\n  emits: {\n    'update:color': (color: HSV) => true,\n  },\n\n  setup (props, { emit }) {\n    useRender(() => (\n      <div\n        class=\"v-color-picker-swatches\"\n        style={{\n          maxHeight: convertToUnit(props.maxHeight),\n        }}\n      >\n        <div>\n          { props.swatches.map(swatch => (\n            <div class=\"v-color-picker-swatches__swatch\">\n              { swatch.map(color => {\n                const hsva = parseColor(color)\n\n                return (\n                  <div\n                    class=\"v-color-picker-swatches__color\"\n                    onClick={ () => hsva && emit('update:color', hsva) }\n                  >\n                    <div style={{ background: color }}>\n                      { props.color && deepEqual(props.color, hsva)\n                        ? <VIcon size=\"x-small\" icon=\"$success\" color={ getContrast(color, '#FFFFFF') > 2 ? 'white' : 'black' } />\n                        : undefined\n                      }\n                    </div>\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerSwatches = InstanceType<typeof VColorPickerSwatches>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,KAAK,8BAEd;AAAA,SACSC,aAAa,EAAEC,SAAS,EAAEC,eAAe,EAAEC,WAAW,EAAEC,SAAS;AAAA,SACjEC,UAAU;AAAA,OACZC,MAAM,+BAEb;AAIA,SAASC,kBAAkBA,CAAED,MAA8C,EAAE;EAC3E,OAAOE,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC,CAACI,GAAG,CAACC,GAAG,IAAI;IACpC,MAAMC,KAAK,GAAGN,MAAM,CAACK,GAAG,CAAC;IACzB,OAAOC,KAAK,CAACC,IAAI,GAAG,CAClBD,KAAK,CAACC,IAAI,EACVD,KAAK,CAACE,OAAO,EACbF,KAAK,CAACG,OAAO,EACbH,KAAK,CAACI,OAAO,EACbJ,KAAK,CAACK,OAAO,EACbL,KAAK,CAACM,QAAQ,EACdN,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,QAAQ,EACdR,KAAK,CAACS,QAAQ,EACdT,KAAK,CAACU,QAAQ,CACf,GAAG,CACFV,KAAK,CAACW,KAAK,EACXX,KAAK,CAACY,KAAK,EACXZ,KAAK,CAACa,WAAW,CAClB;EACH,CAAC,CAAC;AACJ;AAEA,OAAO,MAAMC,oBAAoB,GAAGxB,eAAe,CAAC;EAClDyB,IAAI,EAAE,sBAAsB;EAE5BC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,IAAI,EAAEC,KAA6B;MACnCC,OAAO,EAAEA,CAAA,KAAMzB,kBAAkB,CAACD,MAAM;IAC1C,CAAC;IACD2B,QAAQ,EAAEC,OAAO;IACjBtB,KAAK,EAAEJ,MAA8B;IACrC2B,SAAS,EAAE,CAACC,MAAM,EAAEC,MAAM;EAC5B,CAAC;EAEDC,KAAK,EAAE;IACL,cAAc,EAAG1B,KAAU,IAAK;EAClC,CAAC;EAED2B,KAAKA,CAAEX,KAAK,EAAAY,IAAA,EAAY;IAAA,IAAV;MAAEC;IAAK,CAAC,GAAAD,IAAA;IACpBpC,SAAS,CAAC,MAAAsC,YAAA;MAAA,SAEA,yBAAyB;MAAA,SACxB;QACLP,SAAS,EAAEnC,aAAa,CAAC4B,KAAK,CAACO,SAAS;MAC1C;IAAC,IAAAO,YAAA,eAGGd,KAAK,CAACC,QAAQ,CAACnB,GAAG,CAACiC,MAAM,IAAAD,YAAA;MAAA,SACd;IAAiC,IACxCC,MAAM,CAACjC,GAAG,CAACE,KAAK,IAAI;MACpB,MAAMgC,IAAI,GAAGvC,UAAU,CAACO,KAAK,CAAC;MAE9B,OAAA8B,YAAA;QAAA,SAEU,gCAAgC;QAAA,WAC5BG,CAAA,KAAMD,IAAI,IAAIH,IAAI,CAAC,cAAc,EAAEG,IAAI;MAAC,IAAAF,YAAA;QAAA,SAEtC;UAAEI,UAAU,EAAElC;QAAM;MAAC,IAC7BgB,KAAK,CAAChB,KAAK,IAAIX,SAAS,CAAC2B,KAAK,CAAChB,KAAK,EAAEgC,IAAI,CAAC,GAAAF,YAAA,CAAA3C,KAAA;QAAA,QAC7B,SAAS;QAAA,QAAM,UAAU;QAAA,SAASI,WAAW,CAACS,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG;MAAO,WACnGmC,SAAS;IAKrB,CAAC,CAAC,EAEL,CAAC,IAGP,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VColorPickerSwatches.mjs","names":["VIcon","makeComponentProps","convertToUnit","deepEqual","defineComponent","getContrast","useRender","parseColor","colors","parseDefaultColors","Object","keys","map","key","color","base","darken4","darken3","darken2","darken1","lighten1","lighten2","lighten3","lighten4","lighten5","black","white","transparent","VColorPickerSwatches","name","props","swatches","type","Array","default","disabled","Boolean","maxHeight","Number","String","emits","setup","_ref","emit","_createVNode","class","style","swatch","hsva","onClick","background","undefined"],"sources":["../../../src/components/VColorPicker/VColorPickerSwatches.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerSwatches.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\n\n// Utilities\nimport { convertToUnit, deepEqual, defineComponent, getContrast, useRender } from '@/util'\nimport { parseColor } from './util'\nimport colors from '@/util/colors'\n\n// Types\nimport type { HSV } from '@/util'\nimport type { PropType } from 'vue'\n\nfunction parseDefaultColors (colors: Record<string, Record<string, string>>) {\n  return Object.keys(colors).map(key => {\n    const color = colors[key]\n    return color.base ? [\n      color.base,\n      color.darken4,\n      color.darken3,\n      color.darken2,\n      color.darken1,\n      color.lighten1,\n      color.lighten2,\n      color.lighten3,\n      color.lighten4,\n      color.lighten5,\n    ] : [\n      color.black,\n      color.white,\n      color.transparent,\n    ]\n  })\n}\n\nexport const VColorPickerSwatches = defineComponent({\n  name: 'VColorPickerSwatches',\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors),\n    },\n    disabled: Boolean,\n    color: Object as PropType<HSV | null>,\n    maxHeight: [Number, String],\n\n    ...makeComponentProps(),\n  },\n\n  emits: {\n    'update:color': (color: HSV) => true,\n  },\n\n  setup (props, { emit }) {\n    useRender(() => (\n      <div\n        class={[\n          'v-color-picker-swatches',\n          props.class,\n        ]}\n        style={[\n          { maxHeight: convertToUnit(props.maxHeight) },\n          props.style,\n        ]}\n      >\n        <div>\n          { props.swatches.map(swatch => (\n            <div class=\"v-color-picker-swatches__swatch\">\n              { swatch.map(color => {\n                const hsva = parseColor(color)\n\n                return (\n                  <div\n                    class=\"v-color-picker-swatches__color\"\n                    onClick={ () => hsva && emit('update:color', hsva) }\n                  >\n                    <div style={{ background: color }}>\n                      { props.color && deepEqual(props.color, hsva)\n                        ? <VIcon size=\"x-small\" icon=\"$success\" color={ getContrast(color, '#FFFFFF') > 2 ? 'white' : 'black' } />\n                        : undefined\n                      }\n                    </div>\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerSwatches = InstanceType<typeof VColorPickerSwatches>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,KAAK,8BAEd;AAAA,SACSC,kBAAkB,2CAE3B;AAAA,SACSC,aAAa,EAAEC,SAAS,EAAEC,eAAe,EAAEC,WAAW,EAAEC,SAAS;AAAA,SACjEC,UAAU;AAAA,OACZC,MAAM,+BAEb;AAIA,SAASC,kBAAkBA,CAAED,MAA8C,EAAE;EAC3E,OAAOE,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC,CAACI,GAAG,CAACC,GAAG,IAAI;IACpC,MAAMC,KAAK,GAAGN,MAAM,CAACK,GAAG,CAAC;IACzB,OAAOC,KAAK,CAACC,IAAI,GAAG,CAClBD,KAAK,CAACC,IAAI,EACVD,KAAK,CAACE,OAAO,EACbF,KAAK,CAACG,OAAO,EACbH,KAAK,CAACI,OAAO,EACbJ,KAAK,CAACK,OAAO,EACbL,KAAK,CAACM,QAAQ,EACdN,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,QAAQ,EACdR,KAAK,CAACS,QAAQ,EACdT,KAAK,CAACU,QAAQ,CACf,GAAG,CACFV,KAAK,CAACW,KAAK,EACXX,KAAK,CAACY,KAAK,EACXZ,KAAK,CAACa,WAAW,CAClB;EACH,CAAC,CAAC;AACJ;AAEA,OAAO,MAAMC,oBAAoB,GAAGxB,eAAe,CAAC;EAClDyB,IAAI,EAAE,sBAAsB;EAE5BC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,IAAI,EAAEC,KAA6B;MACnCC,OAAO,EAAEA,CAAA,KAAMzB,kBAAkB,CAACD,MAAM;IAC1C,CAAC;IACD2B,QAAQ,EAAEC,OAAO;IACjBtB,KAAK,EAAEJ,MAA8B;IACrC2B,SAAS,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IAE3B,GAAGtC,kBAAkB;EACvB,CAAC;EAEDuC,KAAK,EAAE;IACL,cAAc,EAAG1B,KAAU,IAAK;EAClC,CAAC;EAED2B,KAAKA,CAAEX,KAAK,EAAAY,IAAA,EAAY;IAAA,IAAV;MAAEC;IAAK,CAAC,GAAAD,IAAA;IACpBpC,SAAS,CAAC,MAAAsC,YAAA;MAAA,SAEC,CACL,yBAAyB,EACzBd,KAAK,CAACe,KAAK,CACZ;MAAA,SACM,CACL;QAAER,SAAS,EAAEnC,aAAa,CAAC4B,KAAK,CAACO,SAAS;MAAE,CAAC,EAC7CP,KAAK,CAACgB,KAAK;IACZ,IAAAF,YAAA,eAGGd,KAAK,CAACC,QAAQ,CAACnB,GAAG,CAACmC,MAAM,IAAAH,YAAA;MAAA,SACd;IAAiC,IACxCG,MAAM,CAACnC,GAAG,CAACE,KAAK,IAAI;MACpB,MAAMkC,IAAI,GAAGzC,UAAU,CAACO,KAAK,CAAC;MAE9B,OAAA8B,YAAA;QAAA,SAEU,gCAAgC;QAAA,WAC5BK,CAAA,KAAMD,IAAI,IAAIL,IAAI,CAAC,cAAc,EAAEK,IAAI;MAAC,IAAAJ,YAAA;QAAA,SAEtC;UAAEM,UAAU,EAAEpC;QAAM;MAAC,IAC7BgB,KAAK,CAAChB,KAAK,IAAIX,SAAS,CAAC2B,KAAK,CAAChB,KAAK,EAAEkC,IAAI,CAAC,GAAAJ,YAAA,CAAA5C,KAAA;QAAA,QAC7B,SAAS;QAAA,QAAM,UAAU;QAAA,SAASK,WAAW,CAACS,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG;MAAO,WACnGqC,SAAS;IAKrB,CAAC,CAAC,EAEL,CAAC,IAGP,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VColorPicker/index.d.ts

@@ -11,6 +11,7 @@ declare const VColorPicker: {
         $data: {};
         $props: Partial<{
             width: NonNullable<string | number>;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mode: string;
@@ -34,6 +35,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;
@@ -81,7 +87,7 @@ 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">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "width" | "style" | "disabled" | "tag" | "mode" | "rounded" | "dotSize" | "modes" | "hideCanvas" | "hideSliders" | "hideInputs" | "showSwatches" | "canvasHeight" | "swatchesMaxHeight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -106,6 +112,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;
@@ -158,6 +169,7 @@ declare const VColorPicker: {
             'update:mode': (mode: string) => true;
         }, string, {
             width: NonNullable<string | number>;
+            style: vue.StyleValue;
             disabled: boolean;
             tag: string;
             mode: string;
@@ -201,6 +213,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;
@@ -263,6 +280,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;
@@ -315,6 +337,7 @@ declare const VColorPicker: {
     'update:mode': (mode: string) => true;
 }, string, {
     width: NonNullable<string | number>;
+    style: vue.StyleValue;
     disabled: boolean;
     tag: string;
     mode: string;
@@ -338,6 +361,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;
@@ -393,6 +421,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;

package/lib/components/VCombobox/VCombobox.mjs

@@ -287,7 +287,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,

package/lib/components/VCombobox/VCombobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCombobox.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","transformItem","useItems","useForm","useLocale","useProxiedModel","useTextColor","computed","mergeProps","nextTick","ref","watch","genericComponent","omit","useRender","wrapInArray","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","_createVNode","_Fragment","substr","VCombobox","name","props","delimiters","filterKeys","hideNoData","returnObject","modelValue","transition","emits","focused","val","setup","_ref","emit","slots","t","vTextFieldRef","isFocused","isPristine","vMenuRef","_menu","menu","get","value","set","v","ΨopenChildren","selectionIndex","cleared","color","items","transformIn","transformOut","textColorClasses","textColorStyles","model","transformed","multiple","form","_search","title","search","values","split","RegExp","join","forEach","trim","select","filteredItems","getMatches","undefined","selections","map","find","item","valueComparator","displayItems","hideSelected","filter","filteredItem","some","s","selected","selection","listRef","onClear","e","openOnClear","onMousedownControl","readonly","isReadonly","onKeydown","selectionStart","includes","key","preventDefault","focus","originalSelectionIndex","prev","setSelectionRange","next","onAfterLeave","index","findIndex","splice","onFocusin","onFocusout","relatedTarget","hasChips","chips","chip","hasList","prepend","append","isDirty","textFieldProps","filterProps","_mergeProps","$event","externalValue","menuIcon","placeholder","default","eager","menuProps","noDataText","onClick","_ref2","isSelected","onChipClose","stopPropagation","slotProps","closableChips","closable","size","_createTextVNode"],"sources":["../../../src/components/VCombobox/VCombobox.tsx"],"sourcesContent":["// Styles\nimport './VCombobox.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { transformItem, useItems } from '@/composables/items'\nimport { useForm } from '@/composables/form'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, watch } from 'vue'\nimport { genericComponent, omit, useRender, wrapInArray } from '@/util'\nimport { makeVTextFieldProps } from '@/components/VTextField/VTextField'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { FilterMatch } from '@/composables/filter'\nimport type { InternalItem } from '@/composables/items'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nfunction highlightResult (text: string, matches: FilterMatch | undefined, length: number) {\n  if (matches == null) return text\n\n  if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n  return typeof matches === 'number' && ~matches\n    ? (\n      <>\n        <span class=\"v-combobox__unmask\">{ text.substr(0, matches) }</span>\n        <span class=\"v-combobox__mask\">{ text.substr(matches, length) }</span>\n        <span class=\"v-combobox__unmask\">{ text.substr(matches + length) }</span>\n      </>\n    )\n    : text\n}\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = string | (T extends Primitive\n  ? T\n  : (ReturnObject extends true ? T : any))\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? readonly Val<T, ReturnObject>[]\n    : Val<T, ReturnObject>\n\nexport const VCombobox = genericComponent<new <\n  T,\n  ReturnObject extends boolean = true,\n  Multiple extends boolean = false,\n  V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n  $props: {\n    items?: readonly T[]\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: V\n    'onUpdate:modelValue'?: (val: V) => void\n  } & SlotsToProps<\n    Omit<VInputSlots & VFieldSlots, 'default'> & MakeSlots<{\n      item: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n      chip: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n      selection: [{ item: InternalItem<T>, index: number }]\n      'prepend-item': []\n      'append-item': []\n      'no-data': []\n    }>\n  >\n}>()({\n  name: 'VCombobox',\n\n  props: {\n    // TODO: implement post keyboard support\n    // autoSelectFirst: Boolean,\n    delimiters: Array as PropType<string[]>,\n\n    ...makeFilterProps({ filterKeys: ['title'] }),\n    ...makeSelectProps({ hideNoData: true, returnObject: true }),\n    ...omit(makeVTextFieldProps({\n      modelValue: null,\n    }), ['validationValue', 'dirty', 'appendInnerIcon']),\n    ...makeTransitionProps({ transition: false }),\n  },\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: any) => true,\n    'update:search': (val: string) => true,\n    'update:menu': (val: boolean) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref()\n    const isFocused = ref(false)\n    const isPristine = ref(true)\n    const vMenuRef = ref<VMenu>()\n    const _menu = useProxiedModel(props, 'menu')\n    const menu = computed({\n      get: () => _menu.value,\n      set: v => {\n        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return\n        _menu.value = v\n      },\n    })\n    const selectionIndex = ref(-1)\n    let cleared = false\n    const color = computed(() => vTextFieldRef.value?.color)\n    const { items, transformIn, transformOut } = useItems(props)\n    const { textColorClasses, textColorStyles } = useTextColor(color)\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const form = useForm()\n    const _search = ref(!props.multiple ? model.value[0]?.title ?? '' : '')\n    const search = computed<string>({\n      get: () => {\n        return _search.value\n      },\n      set: val => {\n        _search.value = val\n        if (!props.multiple) {\n          model.value = [transformItem(props, val)]\n        }\n\n        if (val && props.multiple && props.delimiters?.length) {\n          const values = val.split(new RegExp(`(?:${props.delimiters.join('|')})+`))\n          if (values.length > 1) {\n            values.forEach(v => {\n              v = v.trim()\n              if (v) select(transformItem(props, v))\n            })\n            _search.value = ''\n          }\n        }\n\n        if (!val) selectionIndex.value = -1\n\n        isPristine.value = !val\n      },\n    })\n    watch(_search, value => {\n      if (cleared) {\n        // wait for clear to finish, VTextField sets _search to null\n        // then search computed triggers and updates _search to ''\n        nextTick(() => (cleared = false))\n      } else if (isFocused.value && !menu.value) {\n        menu.value = true\n      }\n\n      emit('update:search', value)\n    })\n    watch(model, value => {\n      if (!props.multiple) {\n        _search.value = value[0]?.title ?? ''\n      }\n    })\n\n    const { filteredItems, getMatches } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n\n    const selections = computed(() => {\n      return model.value.map(v => {\n        return items.value.find(item => props.valueComparator(item.value, v.value)) || v\n      })\n    })\n\n    const displayItems = computed(() => {\n      if (props.hideSelected) {\n        return filteredItems.value.filter(filteredItem => !selections.value.some(s => s.value === filteredItem.value))\n      }\n      return filteredItems.value\n    })\n\n    const selected = computed(() => selections.value.map(selection => selection.props.value))\n    const selection = computed(() => selections.value[selectionIndex.value])\n    const listRef = ref<VList>()\n\n    function onClear (e: MouseEvent) {\n      cleared = true\n\n      if (props.openOnClear) {\n        menu.value = true\n      }\n    }\n    function onMousedownControl () {\n      if (\n        (props.hideNoData && !items.value.length) ||\n        props.readonly || form?.isReadonly.value\n      ) return\n\n      menu.value = true\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (props.readonly || form?.isReadonly.value) return\n\n      const selectionStart = vTextFieldRef.value.selectionStart\n      const length = selected.value.length\n\n      if (\n        selectionIndex.value > -1 ||\n        ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)\n      ) {\n        e.preventDefault()\n      }\n\n      if (['Enter', 'ArrowDown'].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n        isPristine.value = true\n      }\n\n      if (e.key === 'ArrowDown') {\n        listRef.value?.focus('next')\n      } else if (e.key === 'ArrowUp') {\n        listRef.value?.focus('prev')\n      }\n\n      if (!props.multiple) return\n\n      if (['Backspace', 'Delete'].includes(e.key)) {\n        if (selectionIndex.value < 0) {\n          if (e.key === 'Backspace' && !search.value) {\n            selectionIndex.value = length - 1\n          }\n\n          return\n        }\n\n        const originalSelectionIndex = selectionIndex.value\n\n        if (selection.value) select(selection.value)\n\n        selectionIndex.value = originalSelectionIndex >= length - 1 ? (length - 2) : originalSelectionIndex\n      }\n\n      if (e.key === 'ArrowLeft') {\n        if (selectionIndex.value < 0 && selectionStart > 0) return\n\n        const prev = selectionIndex.value > -1\n          ? selectionIndex.value - 1\n          : length - 1\n\n        if (selections.value[prev]) {\n          selectionIndex.value = prev\n        } else {\n          selectionIndex.value = -1\n          vTextFieldRef.value.setSelectionRange(search.value.length, search.value.length)\n        }\n      }\n\n      if (e.key === 'ArrowRight') {\n        if (selectionIndex.value < 0) return\n\n        const next = selectionIndex.value + 1\n\n        if (selections.value[next]) {\n          selectionIndex.value = next\n        } else {\n          selectionIndex.value = -1\n          vTextFieldRef.value.setSelectionRange(0, 0)\n        }\n      }\n\n      if (e.key === 'Enter' && search.value) {\n        select(transformItem(props, search.value))\n        search.value = ''\n      }\n    }\n    function onAfterLeave () {\n      if (isFocused.value) isPristine.value = true\n    }\n    function select (item: InternalItem) {\n      if (props.multiple) {\n        const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value))\n\n        if (index === -1) {\n          model.value = [...model.value, item]\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n\n        search.value = ''\n      } else {\n        model.value = [item]\n        _search.value = item.title\n\n        // watch for search watcher to trigger\n        nextTick(() => {\n          menu.value = false\n          isPristine.value = true\n        })\n      }\n    }\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n\n    function onFocusout (e: FocusEvent) {\n      if (e.relatedTarget == null) {\n        vTextFieldRef.value?.focus()\n      }\n    }\n\n    watch(filteredItems, val => {\n      if (!val.length && props.hideNoData) menu.value = false\n    })\n\n    watch(isFocused, val => {\n      if (val) {\n        selectionIndex.value = -1\n      } else {\n        menu.value = false\n\n        if (!props.multiple || !search.value) return\n\n        model.value = [...model.value, transformItem(props, search.value)]\n        search.value = ''\n      }\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n      const hasList = !!((!props.hideNoData || displayItems.value.length) || slots.prepend || slots.append || slots['no-data'])\n      const isDirty = model.value.length > 0\n      const [textFieldProps] = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          { ...textFieldProps }\n          v-model={ search.value }\n          onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n          v-model:focused={ isFocused.value }\n          validationValue={ model.externalValue }\n          dirty={ isDirty }\n          class={[\n            'v-combobox',\n            {\n              'v-combobox--active-menu': menu.value,\n              'v-combobox--chips': !!props.chips,\n              'v-combobox--selecting-index': selectionIndex.value > -1,\n              [`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true,\n            },\n          ]}\n          appendInnerIcon={ props.items.length ? props.menuIcon : undefined }\n          readonly={ props.readonly }\n          placeholder={ isDirty ? undefined : props.placeholder }\n          onClick:clear={ onClear }\n          onMousedown:control={ onMousedownControl }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  ref={ vMenuRef }\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-combobox__content\"\n                  eager={ props.eager }\n                  maxHeight={ 310 }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterLeave={ onAfterLeave }\n                  { ...props.menuProps }\n                >\n                  { hasList && (\n                    <VList\n                      ref={ listRef }\n                      selected={ selected.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                      onFocusin={ onFocusin }\n                      onFocusout={ onFocusout }\n                    >\n                      { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                        <VListItem title={ t(props.noDataText) } />\n                      ))}\n\n                      { slots['prepend-item']?.() }\n\n                      { displayItems.value.map(item => slots.item?.({\n                        item,\n                        props: mergeProps(item.props, { onClick: () => select(item) }),\n                      }) ?? (\n                        <VListItem\n                          key={ item.value }\n                          { ...item.props }\n                          onClick={ () => select(item) }\n                        >\n                          {{\n                            prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n                              <VCheckboxBtn\n                                modelValue={ isSelected }\n                                ripple={ false }\n                                tabindex=\"-1\"\n                              />\n                            ) : undefined,\n                            title: () => {\n                              return isPristine.value\n                                ? item.title\n                                : highlightResult(item.title, getMatches(item)?.title, search.value?.length ?? 0)\n                            },\n                          }}\n                        </VListItem>\n                      ))}\n\n                      { slots['append-item']?.() }\n                    </VList>\n                  )}\n                </VMenu>\n\n                { selections.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    modelValue: true,\n                    'onUpdate:modelValue': undefined,\n                  }\n\n                  return (\n                    <div\n                      key={ item.value }\n                      class={[\n                        'v-combobox__selection',\n                        index === selectionIndex.value && [\n                          'v-combobox__selection--selected',\n                          textColorClasses.value,\n                        ],\n                      ]}\n                      style={ index === selectionIndex.value ? textColorStyles.value : {} }\n                    >\n                      { hasChips ? (\n                        !slots.chip ? (\n                          <VChip\n                            key=\"chip\"\n                            closable={ props.closableChips }\n                            size=\"small\"\n                            text={ item.title }\n                            { ...slotProps }\n                          />\n                        ) : (\n                          <VDefaultsProvider\n                            key=\"chip-defaults\"\n                            defaults={{\n                              VChip: {\n                                closable: props.closableChips,\n                                size: 'small',\n                                text: item.title,\n                              },\n                            }}\n                          >\n                            { slots.chip?.({ item, index, props: slotProps }) }\n                          </VDefaultsProvider>\n                        )\n                      ) : (\n                        slots.selection?.({ item, index }) ?? (\n                          <span class=\"v-combobox__selection-text\">\n                            { item.title }\n                            { props.multiple && (index < selections.value.length - 1) && (\n                              <span class=\"v-combobox__selection-comma\">,</span>\n                            )}\n                          </span>\n                        )\n                      )}\n                    </div>\n                  )\n                })}\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      isFocused,\n      isPristine,\n      menu,\n      search,\n      selectionIndex,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VCombobox = InstanceType<typeof VCombobox>\n"],"mappings":"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"}
+{"version":3,"file":"VCombobox.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","forwardRefs","makeFilterProps","useFilter","makeTransitionProps","transformItem","useItems","useForm","useLocale","useProxiedModel","useTextColor","computed","mergeProps","nextTick","ref","watch","genericComponent","omit","useRender","wrapInArray","makeVTextFieldProps","highlightResult","text","matches","length","Array","isArray","Error","_createVNode","_Fragment","substr","VCombobox","name","props","delimiters","filterKeys","hideNoData","returnObject","modelValue","transition","emits","focused","val","setup","_ref","emit","slots","t","vTextFieldRef","isFocused","isPristine","vMenuRef","_menu","menu","get","value","set","v","ΨopenChildren","selectionIndex","cleared","color","items","transformIn","transformOut","textColorClasses","textColorStyles","model","transformed","multiple","form","_search","title","search","values","split","RegExp","join","forEach","trim","select","filteredItems","getMatches","undefined","selections","map","find","item","valueComparator","displayItems","hideSelected","filter","filteredItem","some","s","selected","selection","listRef","onClear","e","openOnClear","onMousedownControl","readonly","isReadonly","onKeydown","selectionStart","includes","key","preventDefault","focus","originalSelectionIndex","prev","setSelectionRange","next","onAfterLeave","index","findIndex","splice","onFocusin","onFocusout","relatedTarget","hasChips","chips","chip","hasList","prepend","append","isDirty","textFieldProps","filterProps","_mergeProps","$event","externalValue","class","style","menuIcon","placeholder","default","eager","menuProps","noDataText","onClick","_ref2","isSelected","onChipClose","stopPropagation","slotProps","closableChips","closable","size","_createTextVNode"],"sources":["../../../src/components/VCombobox/VCombobox.tsx"],"sourcesContent":["// Styles\nimport './VCombobox.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { transformItem, useItems } from '@/composables/items'\nimport { useForm } from '@/composables/form'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, watch } from 'vue'\nimport { genericComponent, omit, useRender, wrapInArray } from '@/util'\nimport { makeVTextFieldProps } from '@/components/VTextField/VTextField'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { GenericProps } from '@/util'\nimport type { FilterMatch } from '@/composables/filter'\nimport type { InternalItem } from '@/composables/items'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nfunction highlightResult (text: string, matches: FilterMatch | undefined, length: number) {\n  if (matches == null) return text\n\n  if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n  return typeof matches === 'number' && ~matches\n    ? (\n      <>\n        <span class=\"v-combobox__unmask\">{ text.substr(0, matches) }</span>\n        <span class=\"v-combobox__mask\">{ text.substr(matches, length) }</span>\n        <span class=\"v-combobox__unmask\">{ text.substr(matches + length) }</span>\n      </>\n    )\n    : text\n}\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = string | (T extends Primitive\n  ? T\n  : (ReturnObject extends true ? T : any))\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? readonly Val<T, ReturnObject>[]\n    : Val<T, ReturnObject>\n\nexport const VCombobox = genericComponent<new <\n  T,\n  ReturnObject extends boolean = true,\n  Multiple extends boolean = false,\n  V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>(props: {\n  items?: readonly T[]\n  returnObject?: ReturnObject\n  multiple?: Multiple\n  modelValue?: V\n  'onUpdate:modelValue'?: (val: V) => void\n}) => GenericProps<typeof props, Omit<VInputSlots & VFieldSlots, 'default'> & {\n  item: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n  chip: [{ item: InternalItem<T>, index: number, props: Record<string, unknown> }]\n  selection: [{ item: InternalItem<T>, index: number }]\n  'prepend-item': []\n  'append-item': []\n  'no-data': []\n}>>()({\n  name: 'VCombobox',\n\n  props: {\n    // TODO: implement post keyboard support\n    // autoSelectFirst: Boolean,\n    delimiters: Array as PropType<string[]>,\n\n    ...makeFilterProps({ filterKeys: ['title'] }),\n    ...makeSelectProps({ hideNoData: true, returnObject: true }),\n    ...omit(makeVTextFieldProps({\n      modelValue: null,\n    }), ['validationValue', 'dirty', 'appendInnerIcon']),\n    ...makeTransitionProps({ transition: false }),\n  },\n\n  emits: {\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: any) => true,\n    'update:search': (val: string) => true,\n    'update:menu': (val: boolean) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref()\n    const isFocused = ref(false)\n    const isPristine = ref(true)\n    const vMenuRef = ref<VMenu>()\n    const _menu = useProxiedModel(props, 'menu')\n    const menu = computed({\n      get: () => _menu.value,\n      set: v => {\n        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return\n        _menu.value = v\n      },\n    })\n    const selectionIndex = ref(-1)\n    let cleared = false\n    const color = computed(() => vTextFieldRef.value?.color)\n    const { items, transformIn, transformOut } = useItems(props)\n    const { textColorClasses, textColorStyles } = useTextColor(color)\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const form = useForm()\n    const _search = ref(!props.multiple ? model.value[0]?.title ?? '' : '')\n    const search = computed<string>({\n      get: () => {\n        return _search.value\n      },\n      set: val => {\n        _search.value = val\n        if (!props.multiple) {\n          model.value = [transformItem(props, val)]\n        }\n\n        if (val && props.multiple && props.delimiters?.length) {\n          const values = val.split(new RegExp(`(?:${props.delimiters.join('|')})+`))\n          if (values.length > 1) {\n            values.forEach(v => {\n              v = v.trim()\n              if (v) select(transformItem(props, v))\n            })\n            _search.value = ''\n          }\n        }\n\n        if (!val) selectionIndex.value = -1\n\n        isPristine.value = !val\n      },\n    })\n    watch(_search, value => {\n      if (cleared) {\n        // wait for clear to finish, VTextField sets _search to null\n        // then search computed triggers and updates _search to ''\n        nextTick(() => (cleared = false))\n      } else if (isFocused.value && !menu.value) {\n        menu.value = true\n      }\n\n      emit('update:search', value)\n    })\n    watch(model, value => {\n      if (!props.multiple) {\n        _search.value = value[0]?.title ?? ''\n      }\n    })\n\n    const { filteredItems, getMatches } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n\n    const selections = computed(() => {\n      return model.value.map(v => {\n        return items.value.find(item => props.valueComparator(item.value, v.value)) || v\n      })\n    })\n\n    const displayItems = computed(() => {\n      if (props.hideSelected) {\n        return filteredItems.value.filter(filteredItem => !selections.value.some(s => s.value === filteredItem.value))\n      }\n      return filteredItems.value\n    })\n\n    const selected = computed(() => selections.value.map(selection => selection.props.value))\n    const selection = computed(() => selections.value[selectionIndex.value])\n    const listRef = ref<VList>()\n\n    function onClear (e: MouseEvent) {\n      cleared = true\n\n      if (props.openOnClear) {\n        menu.value = true\n      }\n    }\n    function onMousedownControl () {\n      if (\n        (props.hideNoData && !items.value.length) ||\n        props.readonly || form?.isReadonly.value\n      ) return\n\n      menu.value = true\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (props.readonly || form?.isReadonly.value) return\n\n      const selectionStart = vTextFieldRef.value.selectionStart\n      const length = selected.value.length\n\n      if (\n        selectionIndex.value > -1 ||\n        ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)\n      ) {\n        e.preventDefault()\n      }\n\n      if (['Enter', 'ArrowDown'].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n        isPristine.value = true\n      }\n\n      if (e.key === 'ArrowDown') {\n        listRef.value?.focus('next')\n      } else if (e.key === 'ArrowUp') {\n        listRef.value?.focus('prev')\n      }\n\n      if (!props.multiple) return\n\n      if (['Backspace', 'Delete'].includes(e.key)) {\n        if (selectionIndex.value < 0) {\n          if (e.key === 'Backspace' && !search.value) {\n            selectionIndex.value = length - 1\n          }\n\n          return\n        }\n\n        const originalSelectionIndex = selectionIndex.value\n\n        if (selection.value) select(selection.value)\n\n        selectionIndex.value = originalSelectionIndex >= length - 1 ? (length - 2) : originalSelectionIndex\n      }\n\n      if (e.key === 'ArrowLeft') {\n        if (selectionIndex.value < 0 && selectionStart > 0) return\n\n        const prev = selectionIndex.value > -1\n          ? selectionIndex.value - 1\n          : length - 1\n\n        if (selections.value[prev]) {\n          selectionIndex.value = prev\n        } else {\n          selectionIndex.value = -1\n          vTextFieldRef.value.setSelectionRange(search.value.length, search.value.length)\n        }\n      }\n\n      if (e.key === 'ArrowRight') {\n        if (selectionIndex.value < 0) return\n\n        const next = selectionIndex.value + 1\n\n        if (selections.value[next]) {\n          selectionIndex.value = next\n        } else {\n          selectionIndex.value = -1\n          vTextFieldRef.value.setSelectionRange(0, 0)\n        }\n      }\n\n      if (e.key === 'Enter' && search.value) {\n        select(transformItem(props, search.value))\n        search.value = ''\n      }\n    }\n    function onAfterLeave () {\n      if (isFocused.value) isPristine.value = true\n    }\n    function select (item: InternalItem) {\n      if (props.multiple) {\n        const index = selected.value.findIndex(selection => props.valueComparator(selection, item.value))\n\n        if (index === -1) {\n          model.value = [...model.value, item]\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n\n        search.value = ''\n      } else {\n        model.value = [item]\n        _search.value = item.title\n\n        // watch for search watcher to trigger\n        nextTick(() => {\n          menu.value = false\n          isPristine.value = true\n        })\n      }\n    }\n\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n\n    function onFocusout (e: FocusEvent) {\n      if (e.relatedTarget == null) {\n        vTextFieldRef.value?.focus()\n      }\n    }\n\n    watch(filteredItems, val => {\n      if (!val.length && props.hideNoData) menu.value = false\n    })\n\n    watch(isFocused, val => {\n      if (val) {\n        selectionIndex.value = -1\n      } else {\n        menu.value = false\n\n        if (!props.multiple || !search.value) return\n\n        model.value = [...model.value, transformItem(props, search.value)]\n        search.value = ''\n      }\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n      const hasList = !!((!props.hideNoData || displayItems.value.length) || slots.prepend || slots.append || slots['no-data'])\n      const isDirty = model.value.length > 0\n      const [textFieldProps] = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          { ...textFieldProps }\n          v-model={ search.value }\n          onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n          v-model:focused={ isFocused.value }\n          validationValue={ model.externalValue }\n          dirty={ isDirty }\n          class={[\n            'v-combobox',\n            {\n              'v-combobox--active-menu': menu.value,\n              'v-combobox--chips': !!props.chips,\n              'v-combobox--selecting-index': selectionIndex.value > -1,\n              [`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          appendInnerIcon={ props.items.length ? props.menuIcon : undefined }\n          readonly={ props.readonly }\n          placeholder={ isDirty ? undefined : props.placeholder }\n          onClick:clear={ onClear }\n          onMousedown:control={ onMousedownControl }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  ref={ vMenuRef }\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-combobox__content\"\n                  eager={ props.eager }\n                  maxHeight={ 310 }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterLeave={ onAfterLeave }\n                  { ...props.menuProps }\n                >\n                  { hasList && (\n                    <VList\n                      ref={ listRef }\n                      selected={ selected.value }\n                      selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                      onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                      onFocusin={ onFocusin }\n                      onFocusout={ onFocusout }\n                    >\n                      { !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                        <VListItem title={ t(props.noDataText) } />\n                      ))}\n\n                      { slots['prepend-item']?.() }\n\n                      { displayItems.value.map(item => slots.item?.({\n                        item,\n                        props: mergeProps(item.props, { onClick: () => select(item) }),\n                      }) ?? (\n                        <VListItem\n                          key={ item.value }\n                          { ...item.props }\n                          onClick={ () => select(item) }\n                        >\n                          {{\n                            prepend: ({ isSelected }) => props.multiple && !props.hideSelected ? (\n                              <VCheckboxBtn\n                                modelValue={ isSelected }\n                                ripple={ false }\n                                tabindex=\"-1\"\n                              />\n                            ) : undefined,\n                            title: () => {\n                              return isPristine.value\n                                ? item.title\n                                : highlightResult(item.title, getMatches(item)?.title, search.value?.length ?? 0)\n                            },\n                          }}\n                        </VListItem>\n                      ))}\n\n                      { slots['append-item']?.() }\n                    </VList>\n                  )}\n                </VMenu>\n\n                { selections.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    modelValue: true,\n                    'onUpdate:modelValue': undefined,\n                  }\n\n                  return (\n                    <div\n                      key={ item.value }\n                      class={[\n                        'v-combobox__selection',\n                        index === selectionIndex.value && [\n                          'v-combobox__selection--selected',\n                          textColorClasses.value,\n                        ],\n                      ]}\n                      style={ index === selectionIndex.value ? textColorStyles.value : {} }\n                    >\n                      { hasChips ? (\n                        !slots.chip ? (\n                          <VChip\n                            key=\"chip\"\n                            closable={ props.closableChips }\n                            size=\"small\"\n                            text={ item.title }\n                            { ...slotProps }\n                          />\n                        ) : (\n                          <VDefaultsProvider\n                            key=\"chip-defaults\"\n                            defaults={{\n                              VChip: {\n                                closable: props.closableChips,\n                                size: 'small',\n                                text: item.title,\n                              },\n                            }}\n                          >\n                            { slots.chip?.({ item, index, props: slotProps }) }\n                          </VDefaultsProvider>\n                        )\n                      ) : (\n                        slots.selection?.({ item, index }) ?? (\n                          <span class=\"v-combobox__selection-text\">\n                            { item.title }\n                            { props.multiple && (index < selections.value.length - 1) && (\n                              <span class=\"v-combobox__selection-comma\">,</span>\n                            )}\n                          </span>\n                        )\n                      )}\n                    </div>\n                  )\n                })}\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({\n      isFocused,\n      isPristine,\n      menu,\n      search,\n      selectionIndex,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VCombobox = InstanceType<typeof VCombobox>\n"],"mappings":"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"}