@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha41

package/lib/components/VColorPicker/VColorPickerEdit.js

@@ -1,13 +1,11 @@
-import { h } from 'vue'; // Styles
+import { h, defineComponent } from 'vue'; // Styles
 
 import "../../../src/components/VColorPicker/VColorPickerEdit.sass"; // Components
 
 import VBtn from '../VBtn';
 import VIcon from '../VIcon'; // Helpers
 
-import { parseHex } from '../../util/colorUtils'; // Types
-
-import { defineComponent } from 'vue';
+import { parseHex } from '../../util/colorUtils';
 import { fromRGBA, fromHexa, fromHSLA } from './util';
 export const modes = {
   rgba: {
@@ -25,7 +23,10 @@ export const modes = {
 export default defineComponent({
   name: 'v-color-picker-edit',
   props: {
-    color: Object,
+    color: {
+      type: Object,
+      required: true
+    },
     disabled: Boolean,
     hideAlpha: Boolean,
     hideModeSwitch: Boolean,
@@ -35,17 +36,17 @@ export default defineComponent({
       validator: v => Object.keys(modes).includes(v)
     }
   },
+  emits: ['update:color', 'update:mode'],
 
   data() {
     return {
-      modes,
       internalMode: this.mode
     };
   },
 
   computed: {
     currentMode() {
-      return this.modes[this.internalMode];
+      return modes[this.internalMode];
     }
 
   },
@@ -55,11 +56,6 @@ export default defineComponent({
     }
 
   },
-
-  created() {
-    this.internalMode = this.mode;
-  },
-
   methods: {
     getValue(v, type) {
       if (type === 'float') return Math.round(v * 100) / 100;else if (type === 'int') return Math.round(v);else return 0;
@@ -70,21 +66,21 @@ export default defineComponent({
     },
 
     changeMode() {
-      const modes = Object.keys(this.modes);
-      const index = modes.indexOf(this.internalMode);
-      const newMode = modes[(index + 1) % modes.length];
+      const modeKeys = Object.keys(modes);
+      const index = modeKeys.indexOf(this.internalMode);
+      const newMode = modeKeys[(index + 1) % modeKeys.length];
       this.internalMode = newMode;
       this.$emit('update:mode', newMode);
     },
 
-    genInput(target, attrs, value, on) {
+    genInput(target, attrs, value, onChange) {
       return h('div', {
         class: 'v-color-picker__input'
       }, [h('input', {
         key: target,
         ...attrs,
         value,
-        ...on
+        onChange
       }), h('span', target.toUpperCase())]);
     },
 
@@ -95,11 +91,9 @@ export default defineComponent({
         return this.genInput('hex', {
           maxlength: this.hideAlpha ? 7 : 9,
           disabled: this.disabled
-        }, value, {
-          change: e => {
-            const el = e.target;
-            this.$emit('update:color', this.currentMode.from(parseHex(el.value)));
-          }
+        }, value, e => {
+          const el = e.target;
+          this.$emit('update:color', this.currentMode.from(parseHex(el.value)));
         });
       } else {
         const inputs = this.hideAlpha ? this.currentMode.inputs.slice(0, -1) : this.currentMode.inputs;
@@ -111,14 +105,12 @@ export default defineComponent({
             max,
             step: type === 'float' ? '0.01' : type === 'int' ? '1' : undefined,
             disabled: this.disabled
-          }, this.getValue(value[target], type), {
-            input: e => {
-              const el = e.target;
-              const newVal = this.parseValue(el.value || '0', type);
-              this.$emit('update:color', this.currentMode.from(Object.assign({}, value, {
-                [target]: newVal
-              }), this.color.alpha));
-            }
+          }, this.getValue(value[target], type), e => {
+            const el = e.target;
+            const newVal = this.parseValue(el.value || '0', type);
+            this.$emit('update:color', this.currentMode.from(Object.assign({}, value, {
+              [target]: newVal
+            }), this.color.alpha));
           });
         });
       }
@@ -130,7 +122,9 @@ export default defineComponent({
         icon: true,
         disabled: this.disabled,
         onClick: this.changeMode
-      }, [h(VIcon, '$unfold')]);
+      }, {
+        default: () => [h(VIcon, {}, () => '$unfold')]
+      });
     }
 
   },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerEdit.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VColorPickerEdit.sass'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Helpers\nimport { parseHex } from '../../util/colorUtils'\n\n// Types\nimport { defineComponent, VNode, PropType } from 'vue'\nimport { VColorPickerColor, fromRGBA, fromHexa, fromHSLA } from './util'\n\ntype Input = [string, number, string]\n\nexport type Mode = {\n  inputs?: Input[]\n  from: Function\n}\n\nexport const modes = {\n  rgba: {\n    inputs: [\n      ['r', 255, 'int'],\n      ['g', 255, 'int'],\n      ['b', 255, 'int'],\n      ['a', 1, 'float'],\n    ],\n    from: fromRGBA,\n  },\n  hsla: {\n    inputs: [\n      ['h', 360, 'int'],\n      ['s', 1, 'float'],\n      ['l', 1, 'float'],\n      ['a', 1, 'float'],\n    ],\n    from: fromHSLA,\n  },\n  hexa: {\n    from: fromHexa,\n  },\n} as { [key: string]: Mode }\n\nexport default defineComponent({\n  name: 'v-color-picker-edit',\n\n  props: {\n    color: Object as PropType<VColorPickerColor>,\n    disabled: Boolean,\n    hideAlpha: Boolean,\n    hideModeSwitch: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n  },\n\n  data () {\n    return {\n      modes,\n      internalMode: this.mode,\n    }\n  },\n\n  computed: {\n    currentMode (): Mode {\n      return this.modes[this.internalMode]\n    },\n  },\n\n  watch: {\n    mode (mode) {\n      this.internalMode = mode\n    },\n  },\n\n  created () {\n    this.internalMode = this.mode\n  },\n\n  methods: {\n    getValue (v: any, type: string) {\n      if (type === 'float') return Math.round(v * 100) / 100\n      else if (type === 'int') return Math.round(v)\n      else return 0\n    },\n    parseValue (v: string, type: string) {\n      if (type === 'float') return parseFloat(v)\n      else if (type === 'int') return parseInt(v, 10) || 0\n      else return 0\n    },\n    changeMode () {\n      const modes = Object.keys(this.modes)\n      const index = modes.indexOf(this.internalMode)\n      const newMode = modes[(index + 1) % modes.length]\n      this.internalMode = newMode\n      this.$emit('update:mode', newMode)\n    },\n    genInput (target: string, attrs: any, value: any, on: any): VNode {\n      return h('div', {\n        class: 'v-color-picker__input',\n      }, [\n        h('input', {\n          key: target,\n          ...attrs,\n          value,\n          ...on,\n        }),\n        h('span', target.toUpperCase()),\n      ])\n    },\n    genInputs (): VNode[] | VNode {\n      if (this.internalMode === 'hexa') {\n        const hex = this.color.hexa\n        const value = this.hideAlpha && hex.endsWith('FF') ? hex.substr(0, 7) : hex\n        return this.genInput(\n          'hex',\n          {\n            maxlength: this.hideAlpha ? 7 : 9,\n            disabled: this.disabled,\n          },\n          value,\n          {\n            change: (e: Event) => {\n              const el = e.target as HTMLInputElement\n              this.$emit('update:color', this.currentMode.from(parseHex(el.value)))\n            },\n          }\n        )\n      } else {\n        const inputs = this.hideAlpha ? this.currentMode.inputs!.slice(0, -1) : this.currentMode.inputs!\n        return inputs.map(([target, max, type]) => {\n          const value = this.color[this.internalMode as keyof VColorPickerColor] as any\n          return this.genInput(\n            target,\n            {\n              type: 'number',\n              min: 0,\n              max,\n              step: type === 'float' ? '0.01' : type === 'int' ? '1' : undefined,\n              disabled: this.disabled,\n            },\n            this.getValue(value[target], type),\n            {\n              input: (e: Event) => {\n                const el = e.target as HTMLInputElement\n                const newVal = this.parseValue(el.value || '0', type)\n\n                this.$emit('update:color', this.currentMode.from(\n                  Object.assign({}, value, { [target]: newVal }),\n                  this.color.alpha\n                ))\n              },\n            }\n          )\n        })\n      }\n    },\n    genSwitch (): VNode {\n      return h(VBtn, {\n        small: true,\n        icon: true,\n        disabled: this.disabled,\n        onClick: this.changeMode,\n      }, [\n        h(VIcon, '$unfold'),\n      ])\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: 'v-color-picker__edit',\n    }, [\n      this.genInputs(),\n      !this.hideModeSwitch && this.genSwitch(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VColorPickerEdit.js"}
+{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerEdit.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\n\n// Styles\nimport './VColorPickerEdit.sass'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Helpers\nimport { parseHex } from '../../util/colorUtils'\n\n// Types\nimport type { VNode, PropType } from 'vue'\nimport { VColorPickerColor, fromRGBA, fromHexa, fromHSLA } from './util'\n\ntype Input = [string, number, string]\n\nexport type Mode = {\n  inputs?: Input[]\n  from: Function\n}\n\nexport const modes = {\n  rgba: {\n    inputs: [\n      ['r', 255, 'int'],\n      ['g', 255, 'int'],\n      ['b', 255, 'int'],\n      ['a', 1, 'float']\n    ],\n    from: fromRGBA\n  },\n  hsla: {\n    inputs: [\n      ['h', 360, 'int'],\n      ['s', 1, 'float'],\n      ['l', 1, 'float'],\n      ['a', 1, 'float']\n    ],\n    from: fromHSLA\n  },\n  hexa: {\n    from: fromHexa\n  }\n} as { [key: string]: Mode }\n\nexport default defineComponent({\n  name: 'v-color-picker-edit',\n\n  props: {\n    color: {\n      type: Object as PropType<VColorPickerColor>,\n      required: true\n    },\n    disabled: Boolean,\n    hideAlpha: Boolean,\n    hideModeSwitch: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v)\n    }\n  },\n\n  emits: ['update:color', 'update:mode'],\n\n  data () {\n    return {\n      internalMode: this.mode\n    }\n  },\n\n  computed: {\n    currentMode (): Mode {\n      return modes[this.internalMode]\n    }\n  },\n\n  watch: {\n    mode (mode: string) {\n      this.internalMode = mode\n    }\n  },\n\n  methods: {\n    getValue (v: any, type: string) {\n      if (type === 'float') return Math.round(v * 100) / 100\n      else if (type === 'int') return Math.round(v)\n      else return 0\n    },\n\n    parseValue (v: string, type: string) {\n      if (type === 'float') return parseFloat(v)\n      else if (type === 'int') return parseInt(v, 10) || 0\n      else return 0\n    },\n\n    changeMode () {\n      const modeKeys = Object.keys(modes)\n      const index = modeKeys.indexOf(this.internalMode)\n      const newMode = modeKeys[(index + 1) % modeKeys.length]\n      this.internalMode = newMode\n      this.$emit('update:mode', newMode)\n    },\n\n    genInput (target: string, attrs: any, value: any, onChange: any): VNode {\n      return h('div', {\n        class: 'v-color-picker__input'\n      }, [\n        h('input', {\n          key: target,\n          ...attrs,\n          value,\n          onChange\n        }),\n        h('span', target.toUpperCase())\n      ])\n    },\n\n    genInputs (): VNode[] | VNode {\n      if (this.internalMode === 'hexa') {\n        const hex = this.color!.hexa\n        const value = this.hideAlpha && hex.endsWith('FF') ? hex.substr(0, 7) : hex\n        return this.genInput(\n          'hex',\n          {\n            maxlength: this.hideAlpha ? 7 : 9,\n            disabled: this.disabled\n          },\n          value,\n          (e: Event) => {\n            const el = e.target as HTMLInputElement\n            this.$emit('update:color', this.currentMode.from(parseHex(el.value)))\n          }\n        )\n      } else {\n        const inputs = this.hideAlpha ? this.currentMode.inputs!.slice(0, -1) : this.currentMode.inputs!\n        return inputs.map(([target, max, type]) => {\n          const value = this.color![this.internalMode as keyof VColorPickerColor] as any\n          return this.genInput(\n            target,\n            {\n              type: 'number',\n              min: 0,\n              max,\n              step: type === 'float' ? '0.01' : type === 'int' ? '1' : undefined,\n              disabled: this.disabled\n            },\n            this.getValue(value[target], type),\n            (e: Event) => {\n              const el = e.target as HTMLInputElement\n              const newVal = this.parseValue(el.value || '0', type)\n\n              this.$emit('update:color', this.currentMode.from(\n                Object.assign({}, value, { [target]: newVal }),\n                this.color!.alpha\n              ))\n            }\n          )\n        })\n      }\n    },\n\n    genSwitch (): VNode {\n      return h(VBtn, {\n        small: true,\n        icon: true,\n        disabled: this.disabled,\n        onClick: this.changeMode\n      }, {\n        default: () => [h(VIcon, {}, () => '$unfold')]\n      })\n    }\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: 'v-color-picker__edit'\n    }, [\n      this.genInputs(),\n      !this.hideModeSwitch && this.genSwitch()\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VColorPickerEdit.js"}

package/lib/components/VColorPicker/VColorPickerPreview.js

@@ -1,77 +1,90 @@
-import { h } from 'vue'; // Styles
+import { h, defineComponent } from 'vue'; // Styles
 
 import "../../../src/components/VColorPicker/VColorPickerPreview.sass"; // Components
 
 import VSlider from '../VSlider/VSlider'; // Utilities
 
-import { RGBtoCSS, RGBAtoCSS } from '../../util/colorUtils'; // Types
-
-import { defineComponent } from 'vue';
+import { RGBtoCSS, RGBAtoCSS } from '../../util/colorUtils';
 import { fromHSVA } from './util';
 export default defineComponent({
   name: 'v-color-picker-preview',
   props: {
-    color: Object,
+    color: {
+      type: Object,
+      required: true
+    },
     disabled: Boolean,
     hideAlpha: Boolean
   },
+  emits: ['update:color'],
   methods: {
     genAlpha() {
+      var _a;
+
+      if (!this.color) return h('div');
       return this.genTrack({
         class: 'v-color-picker__alpha',
         thumbColor: 'grey lighten-2',
         hideDetails: true,
-        value: this.color.alpha,
+        modelValue: this.color.alpha,
         step: 0,
         min: 0,
         max: 1,
         style: {
-          backgroundImage: this.disabled ? undefined : `linear-gradient(to ${this.$vuetify.rtl ? 'left' : 'right'}, transparent, ${RGBtoCSS(this.color.rgba)})`
+          backgroundImage: this.disabled ? undefined : `linear-gradient(to ${((_a = this.$vuetify) === null || _a === void 0 ? void 0 : _a.rtl) ? 'left' : 'right'}, transparent, ${RGBtoCSS(this.color.rgba)})`
         },
-        onInput: val => this.color.alpha !== val && this.$emit('update:color', fromHSVA({ ...this.color.hsva,
-          a: val
-        }))
-      });
-    },
-
-    genSliders() {
-      return h('div', {
-        class: 'v-color-picker__sliders'
-      }, [this.genHue(), !this.hideAlpha && this.genAlpha()]);
-    },
-
-    genDot() {
-      return h('div', {
-        class: 'v-color-picker__dot'
-      }, [h('div', {
-        style: {
-          background: RGBAtoCSS(this.color.rgba)
+        'onUpdate:modelValue': val => {
+          if (this.color && this.color.alpha !== val) {
+            this.$emit('update:color', fromHSVA({ ...this.color.hsva,
+              a: val
+            }));
+          }
         }
-      })]);
+      });
     },
 
     genHue() {
+      if (!this.color) return h('div');
       return this.genTrack({
         class: 'v-color-picker__hue',
         thumbColor: 'grey lighten-2',
         hideDetails: true,
-        value: this.color.hue,
+        modelValue: this.color.hue,
         step: 0,
         min: 0,
         max: 360,
-        onInput: val => this.color.hue !== val && this.$emit('update:color', fromHSVA({ ...this.color.hsva,
-          h: val
-        }))
+        'onUpdate:modelValue': val => {
+          if (this.color && this.color.hue !== val) {
+            this.$emit('update:color', fromHSVA({ ...this.color.hsva,
+              h: val
+            }));
+          }
+        }
       });
     },
 
     genTrack(options) {
       return h(VSlider, {
         class: 'v-color-picker__track',
-        ...options,
         disabled: this.disabled,
-        ...options.props
+        ...options
       });
+    },
+
+    genSliders() {
+      return h('div', {
+        class: 'v-color-picker__sliders'
+      }, [this.genHue(), !this.hideAlpha && this.genAlpha()]);
+    },
+
+    genDot() {
+      return h('div', {
+        class: 'v-color-picker__dot'
+      }, [h('div', {
+        style: {
+          background: this.color ? RGBAtoCSS(this.color.rgba) : 'transparent'
+        }
+      })]);
     }
 
   },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerPreview.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VColorPickerPreview.sass'\n\n// Components\nimport VSlider from '../VSlider/VSlider'\n\n// Utilities\nimport { RGBtoCSS, RGBAtoCSS } from '../../util/colorUtils'\n\n// Types\nimport { defineComponent, VNode, VNodeData, PropType } from 'vue'\nimport { VColorPickerColor, fromHSVA } from './util'\n\nexport default defineComponent({\n  name: 'v-color-picker-preview',\n\n  props: {\n    color: Object as PropType<VColorPickerColor>,\n    disabled: Boolean,\n    hideAlpha: Boolean,\n  },\n\n  methods: {\n    genAlpha (): VNode {\n      return this.genTrack({\n        class: 'v-color-picker__alpha',\n        thumbColor: 'grey lighten-2',\n        hideDetails: true,\n        value: this.color.alpha,\n        step: 0,\n        min: 0,\n        max: 1,\n        style: {\n          backgroundImage: this.disabled\n            ? undefined\n            : `linear-gradient(to ${this.$vuetify.rtl ? 'left' : 'right'}, transparent, ${RGBtoCSS(this.color.rgba)})`,\n        },\n        onInput: (val: number) => this.color.alpha !== val && this.$emit('update:color', fromHSVA({ ...this.color.hsva, a: val })),\n      })\n    },\n    genSliders (): VNode {\n      return h('div', {\n        class: 'v-color-picker__sliders',\n      }, [\n        this.genHue(),\n        !this.hideAlpha && this.genAlpha(),\n      ])\n    },\n    genDot (): VNode {\n      return h('div', {\n        class: 'v-color-picker__dot',\n      }, [\n        h('div', {\n          style: {\n            background: RGBAtoCSS(this.color.rgba),\n          },\n        }),\n      ])\n    },\n    genHue (): VNode {\n      return this.genTrack({\n        class: 'v-color-picker__hue',\n        thumbColor: 'grey lighten-2',\n        hideDetails: true,\n        value: this.color.hue,\n        step: 0,\n        min: 0,\n        max: 360,\n        onInput: (val: number) => this.color.hue !== val && this.$emit('update:color', fromHSVA({ ...this.color.hsva, h: val })),\n      })\n    },\n    genTrack (options: VNodeData): VNode {\n      return h(VSlider, {\n        class: 'v-color-picker__track',\n        ...options,\n        disabled: this.disabled,\n        ...options.props\n      })\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-color-picker__preview', {\n        'v-color-picker__preview--hide-alpha': this.hideAlpha,\n      }],\n    }, [\n      this.genDot(),\n      this.genSliders(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VColorPickerPreview.js"}
+{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerPreview.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\n\n// Styles\nimport './VColorPickerPreview.sass'\n\n// Components\nimport VSlider from '../VSlider/VSlider'\n\n// Utilities\nimport { RGBtoCSS, RGBAtoCSS } from '../../util/colorUtils'\n\n// Types\nimport type { VNode, PropType } from 'vue'\nimport type { VColorPickerColor } from './util'\nimport { fromHSVA } from './util'\n\nexport default defineComponent({\n  name: 'v-color-picker-preview',\n\n  props: {\n    color: {\n      type: Object as PropType<VColorPickerColor>,\n      required: true\n    },\n    disabled: Boolean,\n    hideAlpha: Boolean\n  },\n\n  emits: ['update:color'],\n\n  methods: {\n    genAlpha (): VNode {\n      if (!this.color) return h('div')\n      return this.genTrack({\n        class: 'v-color-picker__alpha',\n        thumbColor: 'grey lighten-2',\n        hideDetails: true,\n        modelValue: this.color.alpha,\n        step: 0,\n        min: 0,\n        max: 1,\n        style: {\n          backgroundImage: this.disabled\n            ? undefined\n            : `linear-gradient(to ${this.$vuetify?.rtl ? 'left' : 'right'}, transparent, ${RGBtoCSS(this.color.rgba)})`\n        },\n        'onUpdate:modelValue': (val: number) => {\n          if (this.color && this.color.alpha !== val) {\n            this.$emit('update:color', fromHSVA({ ...this.color.hsva, a: val }))\n          }\n        }\n      })\n    },\n\n    genHue (): VNode {\n      if (!this.color) return h('div')\n      return this.genTrack({\n        class: 'v-color-picker__hue',\n        thumbColor: 'grey lighten-2',\n        hideDetails: true,\n        modelValue: this.color.hue,\n        step: 0,\n        min: 0,\n        max: 360,\n        'onUpdate:modelValue': (val: number) => {\n          if (this.color && this.color.hue !== val) {\n            this.$emit('update:color', fromHSVA({ ...this.color.hsva, h: val }))\n          }\n        }\n      })\n    },\n\n    genTrack (options: Record<string, any>): VNode {\n      return h(VSlider, {\n        class: 'v-color-picker__track',\n        disabled: this.disabled,\n        ...options\n      })\n    },\n\n    genSliders (): VNode {\n      return h('div', {\n        class: 'v-color-picker__sliders'\n      }, [\n        this.genHue(),\n        !this.hideAlpha && this.genAlpha()\n      ])\n    },\n\n    genDot (): VNode {\n      return h('div', {\n        class: 'v-color-picker__dot'\n      }, [\n        h('div', {\n          style: {\n            background: this.color ? RGBAtoCSS(this.color.rgba) : 'transparent'\n          }\n        })\n      ])\n    }\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-color-picker__preview', {\n        'v-color-picker__preview--hide-alpha': this.hideAlpha\n      }]\n    }, [\n      this.genDot(),\n      this.genSliders()\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VColorPickerPreview.js"}

package/lib/components/VColorPicker/VColorPickerSwatches.js

@@ -1,4 +1,4 @@
-import { h } from 'vue'; // Styles
+import { h, defineComponent } from 'vue'; // Styles
 
 import "../../../src/components/VColorPicker/VColorPickerSwatches.sass"; // Components
 
@@ -7,9 +7,9 @@ import VIcon from '../VIcon'; // Helpers
 import colors from '../../util/colors';
 import { fromHex, parseColor } from './util';
 import { convertToUnit, deepEqual } from '../../util/helpers';
-import mixins from '../../util/mixins';
+import { contrastRatio } from '../../util/colorUtils'; // Mixins
+
 import Themeable from '../../mixins/themeable';
-import { contrastRatio } from '../../util/colorUtils';
 
 function parseDefaultColors(colors) {
   return Object.keys(colors).map(key => {
@@ -20,18 +20,23 @@ function parseDefaultColors(colors) {
 
 const white = fromHex('#FFFFFF').rgba;
 const black = fromHex('#000000').rgba;
-export default mixins(Themeable).extend({
+export default defineComponent({
   name: 'v-color-picker-swatches',
+  mixins: [Themeable],
   props: {
     swatches: {
       type: Array,
       default: () => parseDefaultColors(colors)
     },
     disabled: Boolean,
-    color: Object,
+    color: {
+      type: Object,
+      required: true
+    },
     maxWidth: [Number, String],
     maxHeight: [Number, String]
   },
+  emits: ['update:color'],
   methods: {
     genColor(color) {
       const content = h('div', {
@@ -42,12 +47,13 @@ export default mixins(Themeable).extend({
         small: true,
         dark: contrastRatio(this.color.rgba, white) > 2 && this.color.alpha > 0.5,
         light: contrastRatio(this.color.rgba, black) > 2 && this.color.alpha > 0.5
-      }, '$success')]);
+      }, () => '$success')]);
       return h('div', {
         class: 'v-color-picker__color',
-        on: {
-          // TODO: Less hacky way of catching transparent
-          click: () => this.disabled || this.$emit('update:color', fromHex(color === 'transparent' ? '#00000000' : color))
+        onClick: () => {
+          if (!this.disabled) {
+            this.$emit('update:color', fromHex(color === 'transparent' ? '#00000000' : color));
+          }
         }
       }, [content]);
     },
@@ -65,7 +71,7 @@ export default mixins(Themeable).extend({
 
   render() {
     return h('div', {
-      class: 'v-color-picker__swatches',
+      class: ['v-color-picker__swatches', this.themeClasses],
       style: {
         maxWidth: convertToUnit(this.maxWidth),
         maxHeight: convertToUnit(this.maxHeight)

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerSwatches.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VColorPickerSwatches.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Helpers\nimport colors from '../../util/colors'\nimport { VColorPickerColor, fromHex, parseColor } from './util'\nimport { convertToUnit, deepEqual } from '../../util/helpers'\nimport mixins from '../../util/mixins'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { VNode, PropType } from 'vue'\nimport { contrastRatio } from '../../util/colorUtils'\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\nconst white = fromHex('#FFFFFF').rgba\nconst black = fromHex('#000000').rgba\n\nexport default mixins(Themeable).extend({\n  name: 'v-color-picker-swatches',\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors),\n    },\n    disabled: Boolean,\n    color: Object as PropType<VColorPickerColor>,\n    maxWidth: [Number, String],\n    maxHeight: [Number, String],\n  },\n\n  methods: {\n    genColor (color: string) {\n      const content = h('div', {\n        style: {\n          background: color,\n        },\n      }, [\n        deepEqual(this.color, parseColor(color, null)) && h(VIcon, {\n          small: true,\n          dark: contrastRatio(this.color.rgba, white) > 2 && this.color.alpha > 0.5,\n          light: contrastRatio(this.color.rgba, black) > 2 && this.color.alpha > 0.5\n        }, '$success'),\n      ])\n\n      return h('div', {\n        class: 'v-color-picker__color',\n        on: {\n          // TODO: Less hacky way of catching transparent\n          click: () => this.disabled || this.$emit('update:color', fromHex(color === 'transparent' ? '#00000000' : color)),\n        },\n      }, [content])\n    },\n    genSwatches () {\n      return this.swatches.map(swatch => {\n        const colors = swatch.map(this.genColor)\n\n        return h('div', {\n          class: 'v-color-picker__swatch',\n        }, colors)\n      })\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: 'v-color-picker__swatches',\n      style: {\n        maxWidth: convertToUnit(this.maxWidth),\n        maxHeight: convertToUnit(this.maxHeight),\n      },\n    }, [\n      h('div', this.genSwatches()),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VColorPickerSwatches.js"}
+{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerSwatches.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\n\n// Styles\nimport './VColorPickerSwatches.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Helpers\nimport colors from '../../util/colors'\nimport { VColorPickerColor, fromHex, parseColor } from './util'\nimport { convertToUnit, deepEqual } from '../../util/helpers'\nimport { contrastRatio } from '../../util/colorUtils'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport type { VNode, 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      ? [\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      : [\n          color.black,\n          color.white,\n          color.transparent\n        ]\n  })\n}\n\nconst white = fromHex('#FFFFFF').rgba\nconst black = fromHex('#000000').rgba\n\nexport default defineComponent({\n  name: 'v-color-picker-swatches',\n\n  mixins: [Themeable],\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors)\n    },\n    disabled: Boolean,\n    color: {\n      type: Object as PropType<VColorPickerColor>,\n      required: true\n    },\n    maxWidth: [Number, String],\n    maxHeight: [Number, String]\n  },\n\n  emits: ['update:color'],\n\n  methods: {\n    genColor (color: string): VNode {\n      const content = h('div', {\n        style: {\n          background: color\n        }\n      }, [\n        deepEqual(this.color, parseColor(color, null)) && h(VIcon, {\n          small: true,\n          dark: contrastRatio(this.color.rgba, white) > 2 && this.color.alpha > 0.5,\n          light: contrastRatio(this.color.rgba, black) > 2 && this.color.alpha > 0.5\n        }, () => '$success')\n      ])\n\n      return h('div', {\n        class: 'v-color-picker__color',\n        onClick: () => {\n          if (!this.disabled) {\n            this.$emit('update:color', fromHex(color === 'transparent' ? '#00000000' : color))\n          }\n        }\n      }, [content])\n    },\n\n    genSwatches (): VNode[] {\n      return this.swatches.map(swatch => {\n        const colors = swatch.map(this.genColor)\n\n        return h('div', {\n          class: 'v-color-picker__swatch'\n        }, colors)\n      })\n    }\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-color-picker__swatches', this.themeClasses],\n      style: {\n        maxWidth: convertToUnit(this.maxWidth),\n        maxHeight: convertToUnit(this.maxHeight)\n      }\n    }, [\n      h('div', this.genSwatches())\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VColorPickerSwatches.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VColorPicker/util/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Utilities\nimport {\n  HSVA,\n  HSVAtoRGBA,\n  HSVAtoHex,\n  RGBA,\n  Hex,\n  RGBAtoHSVA,\n  HexToHSVA,\n  HSLA,\n  HSVAtoHSLA,\n  RGBAtoHex,\n  HSLAtoHSVA,\n  parseHex,\n  Hexa,\n} from '../../../util/colorUtils'\n\nexport interface VColorPickerColor {\n  alpha: number\n  hex: Hex\n  hexa: Hexa\n  hsla: HSLA\n  hsva: HSVA\n  hue: number\n  rgba: RGBA\n}\n\nexport function fromHSVA (hsva: HSVA): VColorPickerColor {\n  hsva = { ...hsva }\n  const hexa = HSVAtoHex(hsva)\n  const hsla = HSVAtoHSLA(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHSLA (hsla: HSLA): VColorPickerColor {\n  const hsva = HSLAtoHSVA(hsla)\n  const hexa = HSVAtoHex(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromRGBA (rgba: RGBA): VColorPickerColor {\n  const hsva = RGBAtoHSVA(rgba)\n  const hexa = RGBAtoHex(rgba)\n  const hsla = HSVAtoHSLA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHexa (hexa: Hexa): VColorPickerColor {\n  const hsva = HexToHSVA(hexa)\n  const hsla = HSVAtoHSLA(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHex (hex: Hex): VColorPickerColor {\n  return fromHexa(parseHex(hex))\n}\n\nfunction has (obj: object, key: string[]) {\n  return key.every(k => obj.hasOwnProperty(k))\n}\n\nexport function parseColor (color: any, oldColor: VColorPickerColor | null) {\n  if (!color) return fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\n\n  if (typeof color === 'string') {\n    if (color === 'transparent') return fromHexa('#00000000')\n\n    const hex = parseHex(color)\n\n    if (oldColor && hex === oldColor.hexa) return oldColor\n    else return fromHexa(hex)\n  }\n\n  if (typeof color === 'object') {\n    if (color.hasOwnProperty('alpha')) return color\n\n    const a = color.hasOwnProperty('a') ? parseFloat(color.a) : 1\n\n    if (has(color, ['r', 'g', 'b'])) {\n      if (oldColor && color === oldColor.rgba) return oldColor\n      else return fromRGBA({ ...color, a })\n    } else if (has(color, ['h', 's', 'l'])) {\n      if (oldColor && color === oldColor.hsla) return oldColor\n      else return fromHSLA({ ...color, a })\n    } else if (has(color, ['h', 's', 'v'])) {\n      if (oldColor && color === oldColor.hsva) return oldColor\n      else return fromHSVA({ ...color, a })\n    }\n  }\n\n  return fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\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: VColorPickerColor, input: any) {\n  if (input == null) return color\n\n  if (typeof input === 'string') {\n    return input.length === 7 ? color.hex : color.hexa\n  }\n\n  if (typeof input === 'object') {\n    const shouldStrip = typeof input.a === 'number' && input.a === 0 ? !!input.a : !input.a\n    if (has(input, ['r', 'g', 'b'])) return stripAlpha(color.rgba, shouldStrip)\n    else if (has(input, ['h', 's', 'l'])) return stripAlpha(color.hsla, shouldStrip)\n    else if (has(input, ['h', 's', 'v'])) return stripAlpha(color.hsva, shouldStrip)\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"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../../src/components/VColorPicker/util/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Utilities\nimport {\n  HSVA,\n  HSVAtoRGBA,\n  HSVAtoHex,\n  RGBA,\n  Hex,\n  RGBAtoHSVA,\n  HexToHSVA,\n  HSLA,\n  HSVAtoHSLA,\n  RGBAtoHex,\n  HSLAtoHSVA,\n  parseHex,\n  Hexa\n} from '../../../util/colorUtils'\n\nexport interface VColorPickerColor {\n  alpha: number\n  hex: Hex\n  hexa: Hexa\n  hsla: HSLA\n  hsva: HSVA\n  hue: number\n  rgba: RGBA\n}\n\nexport function fromHSVA (hsva: HSVA): VColorPickerColor {\n  hsva = { ...hsva }\n  const hexa = HSVAtoHex(hsva)\n  const hsla = HSVAtoHSLA(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba\n  }\n}\n\nexport function fromHSLA (hsla: HSLA): VColorPickerColor {\n  const hsva = HSLAtoHSVA(hsla)\n  const hexa = HSVAtoHex(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba\n  }\n}\n\nexport function fromRGBA (rgba: RGBA): VColorPickerColor {\n  const hsva = RGBAtoHSVA(rgba)\n  const hexa = RGBAtoHex(rgba)\n  const hsla = HSVAtoHSLA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba\n  }\n}\n\nexport function fromHexa (hexa: Hexa): VColorPickerColor {\n  const hsva = HexToHSVA(hexa)\n  const hsla = HSVAtoHSLA(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba\n  }\n}\n\nexport function fromHex (hex: Hex): VColorPickerColor {\n  return fromHexa(parseHex(hex))\n}\n\nfunction has (obj: object, key: string[]) {\n  return key.every(k => obj.hasOwnProperty(k))\n}\n\nexport function parseColor (color: any, oldColor: VColorPickerColor | null) {\n  if (!color) return fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\n\n  if (typeof color === 'string') {\n    if (color === 'transparent') return fromHexa('#00000000')\n\n    const hex = parseHex(color)\n\n    if (oldColor && hex === oldColor.hexa) return oldColor\n    else return fromHexa(hex)\n  }\n\n  if (typeof color === 'object') {\n    if (color.hasOwnProperty('alpha')) return color\n\n    const a = color.hasOwnProperty('a') ? parseFloat(color.a) : 1\n\n    if (has(color, ['r', 'g', 'b'])) {\n      if (oldColor && color === oldColor.rgba) return oldColor\n      else return fromRGBA({ ...color, a })\n    } else if (has(color, ['h', 's', 'l'])) {\n      if (oldColor && color === oldColor.hsla) return oldColor\n      else return fromHSLA({ ...color, a })\n    } else if (has(color, ['h', 's', 'v'])) {\n      if (oldColor && color === oldColor.hsva) return oldColor\n      else return fromHSVA({ ...color, a })\n    }\n  }\n\n  return fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\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: VColorPickerColor, input: any) {\n  if (input == null) return color\n\n  if (typeof input === 'string') {\n    return input.length === 7 ? color.hex : color.hexa\n  }\n\n  if (typeof input === 'object') {\n    const shouldStrip = typeof input.a === 'number' && input.a === 0 ? !!input.a : !input.a\n    if (has(input, ['r', 'g', 'b'])) return stripAlpha(color.rgba, shouldStrip)\n    else if (has(input, ['h', 's', 'l'])) return stripAlpha(color.hsla, shouldStrip)\n    else if (has(input, ['h', 's', 'v'])) return stripAlpha(color.hsva, shouldStrip)\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"],"sourceRoot":"","file":"index.js"}

package/lib/components/VCombobox/VCombobox.js

@@ -21,6 +21,7 @@ export default defineComponent({
       default: true
     }
   },
+  emits: ['update:search-input', 'update:modelValue', 'change', 'focus', 'blur', 'keydown', 'click', 'update:list-index', 'mousedown', 'mouseup', 'touchstart', 'touchend', 'click:prepend', 'click:append', 'click:append-outer', 'click:prepend-inner', 'click:clear', 'input', 'update:error', 'paste'],
   data: () => ({
     editingIndex: -1
   }),

package/lib/components/VCombobox/VCombobox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCombobox/VCombobox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../VAutocomplete/VAutocomplete.sass'\n\n// Extensions\nimport VSelect from '../VSelect/VSelect'\nimport VAutocomplete from '../VAutocomplete/VAutocomplete'\n\n// Utils\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { PropValidator } from 'vue/types/options'\nimport { defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-combobox',\n\n  extends: VAutocomplete,\n\n  props: {\n    delimiters: {\n      type: Array,\n      default: () => ([]),\n    } as PropValidator<string[]>,\n    returnObject: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data: () => ({\n    editingIndex: -1,\n  }),\n\n  computed: {\n    computedCounterValue (): number {\n      return this.multiple\n        ? this.selectedItems.length\n        : (this.internalSearch || '').toString().length\n    },\n    hasSlot (): boolean {\n      return VSelect.computed.hasSlot.call(this) || this.multiple\n    },\n    isAnyValueAllowed (): boolean {\n      return true\n    },\n    menuCanShow (): boolean {\n      if (!this.isFocused) return false\n\n      return this.hasDisplayedItems ||\n        (!!this.$slots['no-data'] && !this.hideNoData)\n    },\n    searchIsDirty (): boolean {\n      return this.internalSearch != null\n    },\n  },\n\n  methods: {\n    onInternalSearchChanged (val: any) {\n      if (\n        val &&\n        this.multiple &&\n        this.delimiters.length\n      ) {\n        const delimiter = this.delimiters.find(d => val.endsWith(d))\n        if (delimiter != null) {\n          this.internalSearch = val.slice(0, val.length - delimiter.length)\n          this.updateTags()\n        }\n      }\n\n      this.updateMenuDimensions()\n    },\n    genInput () {\n      const input = VAutocomplete.methods.genInput.call(this)\n\n      delete input.props.name\n      input.onPaste = this.onPaste\n\n      return input\n    },\n    genChipSelection (item: object, index: number) {\n      const chip = VSelect.methods.genChipSelection.call(this, item, index)\n\n      // Allow user to update an existing value\n      if (this.multiple) {\n        chip.props.onDblclick = () => {\n          this.editingIndex = index\n          this.internalSearch = this.getText(item)\n          this.selectedIndex = -1\n        }\n      }\n\n      return chip\n    },\n    onChipInput (item: object) {\n      VSelect.methods.onChipInput.call(this, item)\n\n      this.editingIndex = -1\n    },\n    // Requires a manual definition\n    // to overwrite removal in v-autocomplete\n    onEnterDown (e: Event) {\n      e.preventDefault()\n      // If has menu index, let v-select-list handle\n      if (this.getMenuIndex() > -1) return\n\n      this.$nextTick(this.updateSelf)\n    },\n    onKeyDown (e: KeyboardEvent) {\n      const keyCode = e.keyCode\n\n      if (\n        e.ctrlKey ||\n        ![keyCodes.home, keyCodes.end].includes(keyCode)\n      ) {\n        VSelect.methods.onKeyDown.call(this, e)\n      }\n\n      // If user is at selection index of 0\n      // create a new tag\n      if (this.multiple &&\n        keyCode === keyCodes.left &&\n        this.$refs.input.selectionStart === 0\n      ) {\n        this.updateSelf()\n      } else if (keyCode === keyCodes.enter) {\n        this.onEnterDown(e)\n      }\n\n      // The ordering is important here\n      // allows new value to be updated\n      // and then moves the index to the\n      // proper location\n      this.changeSelectedIndex(keyCode)\n    },\n    onTabDown (e: KeyboardEvent) {\n      // When adding tags, if searching and\n      // there is not a filtered options,\n      // add the value to the tags list\n      if (this.multiple &&\n        this.internalSearch &&\n        this.getMenuIndex() === -1\n      ) {\n        e.preventDefault()\n        e.stopPropagation()\n\n        return this.updateTags()\n      }\n\n      VAutocomplete.methods.onTabDown.call(this, e)\n    },\n    selectItem (item: object) {\n      // Currently only supports items:<string[]>\n      if (this.editingIndex > -1) {\n        this.updateEditing()\n      } else {\n        VAutocomplete.methods.selectItem.call(this, item)\n\n        // if selected item contains search value,\n        // remove the search string\n        if (\n          this.internalSearch &&\n          this.multiple &&\n          this.getText(item).toLocaleLowerCase().includes(this.internalSearch.toLocaleLowerCase())\n        ) {\n          this.internalSearch = null\n        }\n      }\n    },\n    setSelectedItems () {\n      if (this.internalValue == null ||\n        this.internalValue === ''\n      ) {\n        this.selectedItems = []\n      } else {\n        this.selectedItems = this.multiple ? this.internalValue : [this.internalValue]\n      }\n    },\n    setValue (value?: any) {\n      VSelect.methods.setValue.call(this, value === undefined ? this.internalSearch : value)\n    },\n    updateEditing () {\n      const value = this.internalValue.slice()\n      const index = this.selectedItems.findIndex(item =>\n        this.getText(item) === this.internalSearch)\n\n      // If user enters a duplicate text on chip edit,\n      // don't add it, move it to the end of the list\n      if (index > -1) {\n        const item = typeof value[index] === 'object'\n          ? Object.assign({}, value[index])\n          : value[index]\n\n        value.splice(index, 1)\n        value.push(item)\n      } else {\n        value[this.editingIndex] = this.internalSearch\n      }\n\n      this.setValue(value)\n      this.editingIndex = -1\n      this.internalSearch = null\n    },\n    updateCombobox () {\n      // If search is not dirty, do nothing\n      if (!this.searchIsDirty) return\n\n      // The internal search is not matching\n      // the internal value, update the input\n      if (this.internalSearch !== this.getText(this.internalValue)) this.setValue()\n\n      // Reset search if using slot to avoid a double input\n      const isUsingSlot = Boolean(this.$slots.selection) || this.hasChips\n      if (isUsingSlot) this.internalSearch = null\n    },\n    updateSelf () {\n      this.multiple ? this.updateTags() : this.updateCombobox()\n    },\n    updateTags () {\n      const menuIndex = this.getMenuIndex()\n\n      // If the user is not searching\n      // and no menu item is selected\n      // or if the search is empty\n      // do nothing\n      if ((menuIndex < 0 && !this.searchIsDirty) ||\n          !this.internalSearch) return\n\n      if (this.editingIndex > -1) {\n        return this.updateEditing()\n      }\n\n      const index = this.selectedItems.findIndex(item =>\n        this.internalSearch === this.getText(item))\n\n      // If the duplicate item is an object,\n      // copy it, so that it can be added again later\n      const itemToSelect = index > -1 && typeof this.selectedItems[index] === 'object'\n        ? Object.assign({}, this.selectedItems[index])\n        : this.internalSearch\n\n      // If it already exists, do nothing\n      // this might need to change to bring\n      // the duplicated item to the last entered\n      if (index > -1) {\n        const internalValue = this.internalValue.slice()\n        internalValue.splice(index, 1)\n\n        this.setValue(internalValue)\n      }\n\n      // If menu index is greater than 1\n      // the selection is handled elsewhere\n      // TODO: find out where\n      if (menuIndex > -1) return (this.internalSearch = null)\n\n      this.selectItem(itemToSelect)\n\n      this.internalSearch = null\n    },\n    onPaste (event: ClipboardEvent) {\n      this.$emit('paste', event)\n      if (!this.multiple || this.searchIsDirty) return\n\n      const pastedItemText = event.clipboardData?.getData('text/vnd.vuetify.autocomplete.item+plain')\n      if (pastedItemText && this.findExistingIndex(pastedItemText as any) === -1) {\n        event.preventDefault()\n        VSelect.methods.selectItem.call(this, pastedItemText as any)\n      }\n    },\n    clearableCallback () {\n      this.editingIndex = -1\n\n      VAutocomplete.methods.clearableCallback.call(this)\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCombobox.js"}
+{"version":3,"sources":["../../../src/components/VCombobox/VCombobox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../VAutocomplete/VAutocomplete.sass'\n\n// Extensions\nimport VSelect from '../VSelect/VSelect'\nimport VAutocomplete from '../VAutocomplete/VAutocomplete'\n\n// Utils\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { PropType } from 'vue'\nimport { defineComponent } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-combobox',\n\n  extends: VAutocomplete,\n\n  props: {\n    delimiters: {\n      type: Array,\n      default: () => ([])\n    } as unknown as PropType<string[]>,\n    returnObject: {\n      type: Boolean,\n      default: true\n    }\n  },\n\n  emits: [\n    'update:search-input',\n    'update:modelValue',\n    'change',\n    'focus',\n    'blur',\n    'keydown',\n    'click',\n    'update:list-index',\n    'mousedown',\n    'mouseup',\n    'touchstart',\n    'touchend',\n    'click:prepend',\n    'click:append',\n    'click:append-outer',\n    'click:prepend-inner',\n    'click:clear',\n    'input',\n    'update:error',\n    'paste'\n  ],\n\n  data: () => ({\n    editingIndex: -1\n  }),\n\n  computed: {\n    computedCounterValue (): number {\n      return this.multiple\n        ? this.selectedItems.length\n        : (this.internalSearch || '').toString().length\n    },\n    hasSlot (): boolean {\n      return VSelect.computed.hasSlot.call(this) || this.multiple\n    },\n    isAnyValueAllowed (): boolean {\n      return true\n    },\n    menuCanShow (): boolean {\n      if (!this.isFocused) return false\n\n      return this.hasDisplayedItems ||\n        (!!this.$slots['no-data'] && !this.hideNoData)\n    },\n    searchIsDirty (): boolean {\n      return this.internalSearch != null\n    }\n  },\n\n  methods: {\n    onInternalSearchChanged (val: any) {\n      if (\n        val &&\n        this.multiple &&\n        this.delimiters.length\n      ) {\n        const delimiter = this.delimiters.find(d => val.endsWith(d))\n        if (delimiter != null) {\n          this.internalSearch = val.slice(0, val.length - delimiter.length)\n          this.updateTags()\n        }\n      }\n\n      this.updateMenuDimensions()\n    },\n    genInput () {\n      const input = VAutocomplete.methods.genInput.call(this)\n\n      delete input.props.name\n      input.onPaste = this.onPaste\n\n      return input\n    },\n    genChipSelection (item: object, index: number) {\n      const chip = VSelect.methods.genChipSelection.call(this, item, index)\n\n      // Allow user to update an existing value\n      if (this.multiple) {\n        chip.props.onDblclick = () => {\n          this.editingIndex = index\n          this.internalSearch = this.getText(item)\n          this.selectedIndex = -1\n        }\n      }\n\n      return chip\n    },\n    onChipInput (item: object) {\n      VSelect.methods.onChipInput.call(this, item)\n\n      this.editingIndex = -1\n    },\n    // Requires a manual definition\n    // to overwrite removal in v-autocomplete\n    onEnterDown (e: Event) {\n      e.preventDefault()\n      // If has menu index, let v-select-list handle\n      if (this.getMenuIndex() > -1) return\n\n      this.$nextTick(this.updateSelf)\n    },\n    onKeyDown (e: KeyboardEvent) {\n      const keyCode = e.keyCode\n\n      if (\n        e.ctrlKey ||\n        ![keyCodes.home, keyCodes.end].includes(keyCode as typeof keyCodes.home | typeof keyCodes.end)\n      ) {\n        VSelect.methods.onKeyDown.call(this, e)\n      }\n\n      // If user is at selection index of 0\n      // create a new tag\n      if (this.multiple &&\n        keyCode === keyCodes.left &&\n        this.$refs.input.selectionStart === 0\n      ) {\n        this.updateSelf()\n      } else if (keyCode === keyCodes.enter) {\n        this.onEnterDown(e)\n      }\n\n      // The ordering is important here\n      // allows new value to be updated\n      // and then moves the index to the\n      // proper location\n      this.changeSelectedIndex(keyCode)\n    },\n    onTabDown (e: KeyboardEvent) {\n      // When adding tags, if searching and\n      // there is not a filtered options,\n      // add the value to the tags list\n      if (this.multiple &&\n        this.internalSearch &&\n        this.getMenuIndex() === -1\n      ) {\n        e.preventDefault()\n        e.stopPropagation()\n\n        return this.updateTags()\n      }\n\n      VAutocomplete.methods.onTabDown.call(this, e)\n    },\n    selectItem (item: object) {\n      // Currently only supports items:<string[]>\n      if (this.editingIndex > -1) {\n        this.updateEditing()\n      } else {\n        VAutocomplete.methods.selectItem.call(this, item)\n\n        // if selected item contains search value,\n        // remove the search string\n        if (\n          this.internalSearch &&\n          this.multiple &&\n          this.getText(item).toLocaleLowerCase().includes(this.internalSearch.toLocaleLowerCase())\n        ) {\n          this.internalSearch = null\n        }\n      }\n    },\n    setSelectedItems () {\n      if (this.internalValue == null ||\n        this.internalValue === ''\n      ) {\n        this.selectedItems = []\n      } else {\n        this.selectedItems = this.multiple ? this.internalValue : [this.internalValue]\n      }\n    },\n    setValue (value?: any) {\n      VSelect.methods.setValue.call(this, value === undefined ? this.internalSearch : value)\n    },\n    updateEditing () {\n      const value = this.internalValue.slice()\n      const index = this.selectedItems.findIndex(item =>\n        this.getText(item) === this.internalSearch)\n\n      // If user enters a duplicate text on chip edit,\n      // don't add it, move it to the end of the list\n      if (index > -1) {\n        const item = typeof value[index] === 'object'\n          ? Object.assign({}, value[index])\n          : value[index]\n\n        value.splice(index, 1)\n        value.push(item)\n      } else {\n        value[this.editingIndex] = this.internalSearch\n      }\n\n      this.setValue(value)\n      this.editingIndex = -1\n      this.internalSearch = null\n    },\n    updateCombobox () {\n      // If search is not dirty, do nothing\n      if (!this.searchIsDirty) return\n\n      // The internal search is not matching\n      // the internal value, update the input\n      if (this.internalSearch !== this.getText(this.internalValue)) this.setValue()\n\n      // Reset search if using slot to avoid a double input\n      const isUsingSlot = Boolean(this.$slots.selection) || this.hasChips\n      if (isUsingSlot) this.internalSearch = null\n    },\n    updateSelf () {\n      this.multiple ? this.updateTags() : this.updateCombobox()\n    },\n    updateTags () {\n      const menuIndex = this.getMenuIndex()\n\n      // If the user is not searching\n      // and no menu item is selected\n      // or if the search is empty\n      // do nothing\n      if ((menuIndex < 0 && !this.searchIsDirty) ||\n          !this.internalSearch) return\n\n      if (this.editingIndex > -1) {\n        return this.updateEditing()\n      }\n\n      const index = this.selectedItems.findIndex(item =>\n        this.internalSearch === this.getText(item))\n\n      // If the duplicate item is an object,\n      // copy it, so that it can be added again later\n      const itemToSelect = index > -1 && typeof this.selectedItems[index] === 'object'\n        ? Object.assign({}, this.selectedItems[index])\n        : this.internalSearch\n\n      // If it already exists, do nothing\n      // this might need to change to bring\n      // the duplicated item to the last entered\n      if (index > -1) {\n        const internalValue = this.internalValue.slice()\n        internalValue.splice(index, 1)\n\n        this.setValue(internalValue)\n      }\n\n      // If menu index is greater than 1\n      // the selection is handled elsewhere\n      // TODO: find out where\n      if (menuIndex > -1) return (this.internalSearch = null)\n\n      this.selectItem(itemToSelect)\n\n      this.internalSearch = null\n    },\n    onPaste (event: ClipboardEvent) {\n      this.$emit('paste', event)\n      if (!this.multiple || this.searchIsDirty) return\n\n      const pastedItemText = event.clipboardData?.getData('text/vnd.vuetify.autocomplete.item+plain')\n      if (pastedItemText && this.findExistingIndex(pastedItemText as any) === -1) {\n        event.preventDefault()\n        VSelect.methods.selectItem.call(this, pastedItemText as any)\n      }\n    },\n    clearableCallback () {\n      this.editingIndex = -1\n\n      VAutocomplete.methods.clearableCallback.call(this)\n    }\n  }\n})\n"],"sourceRoot":"","file":"VCombobox.js"}

package/lib/components/VContent/VContent.js

@@ -4,6 +4,7 @@ import { defineComponent } from 'vue'; // Extensions
 
 import VMain from '../VMain/VMain';
 import { deprecate } from '../../util/console';
+import { normalizeClasses, getTagValue } from '../../util/helpers';
 /* @vue/component */
 
 export default defineComponent({
@@ -15,11 +16,25 @@ export default defineComponent({
   },
 
   render() {
-    // Add the legacy class names
+    var _a; // Add the legacy class names
+
+
     const node = VMain.render.call(this, h);
-    node.data.staticClass += ' v-content';
-    node.children[0].data.staticClass += ' v-content__wrap';
-    return h(node.tag, node.data, node.children);
+    const existingClasses = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.class) || '';
+    const contentClasses = normalizeClasses(`${existingClasses} v-content`);
+    node.data = { ...node.data,
+      class: contentClasses
+    };
+
+    if (node.children && node.children[0] && node.children[0].data) {
+      const childExistingClasses = node.children[0].data.class || '';
+      const wrapClasses = normalizeClasses(`${childExistingClasses} v-content__wrap`);
+      node.children[0].data = { ...node.children[0].data,
+        class: wrapClasses
+      };
+    }
+
+    return h(getTagValue(this.tag), node.data, node.children);
   }
 
 });