@dimailn/vuetify 2.7.2-alpha40 → 2.7.2-alpha42

package/es5/components/VCard/VCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/VCard.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAGA;;AACA;;AAGA;;AACA;;AAGA;;;;;;;;;;AAEA;eACe,qBACb,iBADa,EAEb,iBAFa,EAGb,eAHa,EAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,QADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,OADD;AAEL,IAAA,KAAK,EAAE,OAFF;AAGL,IAAA,GAAG,EAAE,MAHA;AAIL,IAAA,IAAI,EAAE,OAJD;AAKL,IAAA,YAAY,EAAE;AACZ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADM;AAEZ,MAAA,OAAO,EAAE;AAFG,KALT;AASL,IAAA,MAAM,EAAE;AATH,GAHA;AAeP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL;AACE,kBAAU;AADZ,SAEK,kBAAS,QAAT,CAAkB,OAAlB,CAA0B,IAA1B,CAA+B,IAA/B,CAFL;AAGE,wBAAgB,KAAK,IAHvB;AAIE,yBAAiB,KAAK,KAJxB;AAKE,wBAAgB,KAAK,WALvB;AAME,2BAAmB,KAAK,OAN1B;AAOE,4BAAoB,KAAK,QAP3B;AAQE,0BAAkB,KAAK;AARzB,SASK,gBAAO,QAAP,CAAgB,OAAhB,CAAwB,IAAxB,CAA6B,IAA7B,CATL;AAWD,KAbO;AAcR,IAAA,MAdQ,oBAcF;AACJ,UAAM,KAAK,qBACN,gBAAO,QAAP,CAAgB,MAAhB,CAAuB,IAAvB,CAA4B,IAA5B,CADM,CAAX;;AAIA,UAAI,KAAK,GAAT,EAAc;AACZ,QAAA,KAAK,CAAC,UAAN,mBAA2B,KAAK,GAAhC;AACD;;AAED,aAAO,KAAP;AACD;AAxBO,GAfH;AA0CP,EAAA,OAAO,EAAE;AACP,IAAA,WADO,yBACI;AACT,UAAM,MAAM,GAAG,kBAAS,OAAT,CAAiB,WAAjB,CAA6B,IAA7B,CAAkC,IAAlC,CAAf;;AAEA,UAAI,CAAC,MAAL,EAAa,OAAO,IAAP;AAEb,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE,kBADO;AAEd,QAAA,GAAG,EAAE;AAFS,OAAT,EAGJ,CAAC,MAAD,CAHI,CAAP;AAID;AAVM,GA1CF;AAuDP,EAAA,MAvDO,oBAuDD;AAAA,gCAC8B,KAAK,iBAAL,EAD9B;AAAA,QACI,GADJ,yBACI,GADJ;AAAA,QACS,IADT,yBACS,IADT;AAAA,QACe,UADf,yBACe,UADf;;AAGJ,IAAA,IAAI,CAAC,KAAL,GAAa,KAAK,MAAlB;;AAEA,QAAI,KAAK,WAAT,EAAsB;AACpB,MAAA,IAAI,CAAC,QAAL,GAAgB,CAAhB;AACD;;AAED,WAAO,yBAAe,YAAE,GAAF,EAAO,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAP,EAAkD,CACtE,KAAK,WAAL,EADsE,EAEtE,sBAAQ,IAAR,CAFsE,CAAlD,CAAf,EAGH,UAHG,CAAP;AAID;AApEM,CAJM,C","sourcesContent":["// Styles\nimport './VCard.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Mixins\nimport Loadable from '../../mixins/loadable'\nimport Routable from '../../mixins/routable'\n\n// Helpers\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, h, withDirectives } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Loadable,\n  Routable,\n  VSheet\n).extend({\n  name: 'v-card',\n\n  props: {\n    flat: Boolean,\n    hover: Boolean,\n    img: String,\n    link: Boolean,\n    loaderHeight: {\n      type: [Number, String],\n      default: 4,\n    },\n    raised: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-card': true,\n        ...Routable.computed.classes.call(this),\n        'v-card--flat': this.flat,\n        'v-card--hover': this.hover,\n        'v-card--link': this.isClickable,\n        'v-card--loading': this.loading,\n        'v-card--disabled': this.disabled,\n        'v-card--raised': this.raised,\n        ...VSheet.computed.classes.call(this),\n      }\n    },\n    styles (): object {\n      const style: Dictionary<string> = {\n        ...VSheet.computed.styles.call(this),\n      }\n\n      if (this.img) {\n        style.background = `url(\"${this.img}\") center center / cover no-repeat`\n      }\n\n      return style\n    },\n  },\n\n  methods: {\n    genProgress () {\n      const render = Loadable.methods.genProgress.call(this)\n\n      if (!render) return null\n\n      return h('div', {\n        class: 'v-card__progress',\n        key: 'progress',\n      }, [render])\n    },\n  },\n\n  render (): VNode {\n    const { tag, data, directives } = this.generateRouteLink()\n\n    data.style = this.styles\n\n    if (this.isClickable) {\n      data.tabindex = 0\n    }\n\n    return withDirectives(h(tag, this.setBackgroundColor(this.color, data), [\n      this.genProgress(),\n      getSlot(this),\n    ]), directives)\n  },\n})\n"],"sourceRoot":"","file":"VCard.js"}
+{"version":3,"sources":["../../../src/components/VCard/VCard.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAGA;;AACA;;AAGA;;AACA;;AAGA;;;;;;;;;;AAEA;eACe,qBACb,iBADa,EAEb,iBAFa,EAGb,eAHa,EAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,QADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,OADD;AAEL,IAAA,KAAK,EAAE,OAFF;AAGL,IAAA,GAAG,EAAE,MAHA;AAIL,IAAA,IAAI,EAAE,OAJD;AAKL,IAAA,YAAY,EAAE;AACZ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADM;AAEZ,MAAA,OAAO,EAAE;AAFG,KALT;AASL,IAAA,MAAM,EAAE;AATH,GAHA;AAeP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL;AACE,kBAAU;AADZ,SAEK,kBAAS,QAAT,CAAkB,OAAlB,CAA0B,IAA1B,CAA+B,IAA/B,CAFL;AAGE,wBAAgB,KAAK,IAHvB;AAIE,yBAAiB,KAAK,KAJxB;AAKE,wBAAgB,KAAK,WALvB;AAME,2BAAmB,KAAK,OAN1B;AAOE,4BAAoB,KAAK,QAP3B;AAQE,0BAAkB,KAAK;AARzB,SASK,gBAAO,QAAP,CAAgB,OAAhB,CAAwB,IAAxB,CAA6B,IAA7B,CATL;AAWD,KAbO;AAcR,IAAA,MAdQ,oBAcF;AACJ,UAAM,KAAK,qBACN,gBAAO,QAAP,CAAgB,MAAhB,CAAuB,IAAvB,CAA4B,IAA5B,CADM,CAAX;;AAIA,UAAI,KAAK,GAAT,EAAc;AACZ,QAAA,KAAK,CAAC,UAAN,mBAA2B,KAAK,GAAhC;AACD;;AAED,aAAO,KAAP;AACD;AAxBO,GAfH;AA0CP,EAAA,OAAO,EAAE;AACP,IAAA,WADO,yBACI;AACT,UAAM,MAAM,GAAG,kBAAS,OAAT,CAAiB,WAAjB,CAA6B,IAA7B,CAAkC,IAAlC,CAAf;;AAEA,UAAI,CAAC,MAAL,EAAa,OAAO,IAAP;AAEb,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE,kBADO;AAEd,QAAA,GAAG,EAAE;AAFS,OAAT,EAGJ,CAAC,MAAD,CAHI,CAAP;AAID;AAVM,GA1CF;AAuDP,EAAA,MAvDO,oBAuDD;AAAA,gCAC8B,KAAK,iBAAL,EAD9B;AAAA,QACI,GADJ,yBACI,GADJ;AAAA,QACS,IADT,yBACS,IADT;AAAA,QACe,UADf,yBACe,UADf;;AAGJ,IAAA,IAAI,CAAC,KAAL,GAAa,KAAK,MAAlB;;AAEA,QAAI,KAAK,WAAT,EAAsB;AACpB,MAAA,IAAI,CAAC,QAAL,GAAgB,CAAhB;AACD;;AAED,QAAM,OAAO,GAAG,OAAO,GAAP,KAAe,QAAf,GAA0B,0BAAY,GAAZ,CAA1B,GAA6C,GAA7D;AAEA,WAAO,yBAAe,YAAE,OAAF,EAAkB,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAlB,EAA6D,CACjF,KAAK,WAAL,EADiF,EAEjF,sBAAQ,IAAR,CAFiF,CAA7D,CAAf,EAGH,UAHG,CAAP;AAID;AAtEM,CAJM,C","sourcesContent":["// Styles\nimport './VCard.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Mixins\nimport Loadable from '../../mixins/loadable'\nimport Routable from '../../mixins/routable'\n\n// Helpers\nimport mixins from '../../util/mixins'\nimport { getSlot, getTagValue } from '../../util/helpers'\n\n// Types\nimport { VNode, h, withDirectives } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Loadable,\n  Routable,\n  VSheet\n).extend({\n  name: 'v-card',\n\n  props: {\n    flat: Boolean,\n    hover: Boolean,\n    img: String,\n    link: Boolean,\n    loaderHeight: {\n      type: [Number, String],\n      default: 4\n    },\n    raised: Boolean\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-card': true,\n        ...Routable.computed.classes.call(this),\n        'v-card--flat': this.flat,\n        'v-card--hover': this.hover,\n        'v-card--link': this.isClickable,\n        'v-card--loading': this.loading,\n        'v-card--disabled': this.disabled,\n        'v-card--raised': this.raised,\n        ...VSheet.computed.classes.call(this)\n      }\n    },\n    styles (): object {\n      const style: Dictionary<string> = {\n        ...VSheet.computed.styles.call(this)\n      }\n\n      if (this.img) {\n        style.background = `url(\"${this.img}\") center center / cover no-repeat`\n      }\n\n      return style\n    }\n  },\n\n  methods: {\n    genProgress () {\n      const render = Loadable.methods.genProgress.call(this)\n\n      if (!render) return null\n\n      return h('div', {\n        class: 'v-card__progress',\n        key: 'progress'\n      }, [render])\n    }\n  },\n\n  render (): VNode {\n    const { tag, data, directives } = this.generateRouteLink()\n\n    data.style = this.styles\n\n    if (this.isClickable) {\n      data.tabindex = 0\n    }\n\n    const tagForH = typeof tag === 'string' ? getTagValue(tag) : tag\n\n    return withDirectives(h(tagForH as any, this.setBackgroundColor(this.color, data), [\n      this.genProgress(),\n      getSlot(this)\n    ]), directives)\n  }\n})\n"],"sourceRoot":"","file":"VCard.js"}

package/es5/components/VCard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCard/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAM,YAAY,GAAG,qCAAuB,iBAAvB,CAArB;;AACA,IAAM,aAAa,GAAG,qCAAuB,kBAAvB,CAAtB;;AACA,IAAM,SAAS,GAAG,qCAAuB,cAAvB,CAAlB;;AACA,IAAM,UAAU,GAAG,qCAAuB,eAAvB,CAAnB;;eAUe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,KAAK,EAAL,cADuB;AAEvB,IAAA,YAAY,EAAZ,YAFuB;AAGvB,IAAA,aAAa,EAAb,aAHuB;AAIvB,IAAA,SAAS,EAAT,SAJuB;AAKvB,IAAA,UAAU,EAAV;AALuB;AADZ,C","sourcesContent":["import VCard from './VCard'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VCardActions = createSimpleFunctional('v-card__actions')\nconst VCardSubtitle = createSimpleFunctional('v-card__subtitle')\nconst VCardText = createSimpleFunctional('v-card__text')\nconst VCardTitle = createSimpleFunctional('v-card__title')\n\nexport {\n  VCard,\n  VCardActions,\n  VCardSubtitle,\n  VCardText,\n  VCardTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCard,\n    VCardActions,\n    VCardSubtitle,\n    VCardText,\n    VCardTitle,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/VCard/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAM,YAAY,GAAG,qCAAuB,iBAAvB,CAArB;;AACA,IAAM,aAAa,GAAG,qCAAuB,kBAAvB,CAAtB;;AACA,IAAM,SAAS,GAAG,qCAAuB,cAAvB,CAAlB;;AACA,IAAM,UAAU,GAAG,qCAAuB,eAAvB,CAAnB;;eAUe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,KAAK,EAAL,cADuB;AAEvB,IAAA,YAAY,EAAZ,YAFuB;AAGvB,IAAA,aAAa,EAAb,aAHuB;AAIvB,IAAA,SAAS,EAAT,SAJuB;AAKvB,IAAA,UAAU,EAAV;AALuB;AADZ,C","sourcesContent":["import VCard from './VCard'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VCardActions = createSimpleFunctional('v-card__actions')\nconst VCardSubtitle = createSimpleFunctional('v-card__subtitle')\nconst VCardText = createSimpleFunctional('v-card__text')\nconst VCardTitle = createSimpleFunctional('v-card__title')\n\nexport {\n  VCard,\n  VCardActions,\n  VCardSubtitle,\n  VCardText,\n  VCardTitle\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCard,\n    VCardActions,\n    VCardSubtitle,\n    VCardText,\n    VCardTitle\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VCarousel/VCarousel.js

@@ -72,7 +72,7 @@ var _default = (0, _vue.defineComponent)({
       type: [Number, String],
       default: 6000,
       validator: function validator(value) {
-        return value > 0;
+        return Number(value) > 0;
       }
     },
     mandatory: {

package/es5/components/VCarousel/VCarousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/VCarousel.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Extensions\nimport VWindow from '../VWindow/VWindow'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\nimport VProgressLinear from '../VProgressLinear'\n\n// Mixins\n// TODO: Move this into core components v2.0\nimport ButtonGroup from '../../mixins/button-group'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { h, VNode, PropType, defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'v-carousel',\n  extends: VWindow,\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      parentTheme: this.theme,\n    }\n  },\n\n  props: {\n    continuous: {\n      type: Boolean,\n      default: true,\n    },\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    mandatory: {\n      type: Boolean,\n      default: true,\n    },\n    progress: Boolean,\n    progressColor: String,\n    showArrows: {\n      type: Boolean,\n      default: true,\n    },\n    verticalDelimiters: {\n      type: String as PropType<'' | 'left' | 'right'>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n    'change',\n  ],\n\n  data () {\n    return {\n      internalHeight: this.height,\n      slideTimeout: undefined as number | undefined,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VWindow.computed.classes.call(this),\n        'v-carousel': true,\n        'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n        'v-carousel--vertical-delimiters': this.isVertical,\n      }\n    },\n    isDark (): boolean {\n      return this.dark || !this.light\n    },\n    isVertical (): boolean {\n      return this.verticalDelimiters != null\n    },\n  },\n\n  watch: {\n    internalValue: 'restartTimeout',\n    interval: 'restartTimeout',\n    height (val, oldVal) {\n      if (val === oldVal || !val) return\n      this.internalHeight = val\n    },\n    cycle (val) {\n      if (val) {\n        this.restartTimeout()\n      } else {\n        clearTimeout(this.slideTimeout)\n        this.slideTimeout = undefined\n      }\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n      ['onChange', 'onUpdate:modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('hide-controls')) {\n      breaking('hide-controls', ':show-arrows=\"false\"', this)\n    }\n  },\n\n  mounted () {\n    this.startTimeout()\n  },\n\n  methods: {\n    genControlIcons () {\n      if (this.isVertical) return null\n\n      return VWindow.methods.genControlIcons.call(this)\n    },\n    genDelimiters (): VNode {\n      return h('div', {\n        class: 'v-carousel__controls',\n        style: {\n          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n          right: this.verticalDelimiters === 'right' ? 0 : 'auto',\n        },\n      }, [this.genItems()])\n    },\n    genItems (): VNode {\n      const length = this.items.length\n      const children = []\n\n      for (let i = 0; i < length; i++) {\n        const child = h(VBtn, {\n          class: 'v-carousel__controls__item',\n          'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length),\n          icon: true,\n          small: true,\n          value: this.getValue(this.items[i], i),\n          key: i,\n        }, () => [\n          h(VIcon, {\n            size: 18,\n          }, () => this.delimiterIcon),\n        ])\n\n        children.push(child)\n      }\n\n      return h(ButtonGroup, {\n        modelValue: this.internalValue,\n        mandatory: this.mandatory,\n        onChange: (val: unknown) => {\n          this.internalValue = val\n        },\n      }, () => children)\n    },\n    genProgress () {\n      return h(VProgressLinear, {\n        class: 'v-carousel__progress',\n        color: this.progressColor,\n        value: (this.internalIndex + 1) / this.items.length * 100,\n      })\n    },\n    restartTimeout () {\n      this.slideTimeout && clearTimeout(this.slideTimeout)\n      this.slideTimeout = undefined\n\n      window.requestAnimationFrame(this.startTimeout)\n    },\n    startTimeout () {\n      if (!this.cycle) return\n\n      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000)\n    },\n  },\n\n  render (): VNode {\n    const render = VWindow.render.call(this, h)\n\n    // Update the style object instead of setting render.style directly\n    if (render.props) {\n      render.props.style = {\n        ...render.props.style,\n        height: convertToUnit(this.height),\n      }\n    } else {\n      render.props = {\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }\n    }\n\n    /* istanbul ignore else */\n    if (!this.hideDelimiters) {\n      render.children!.push(this.genDelimiters())\n    }\n\n    /* istanbul ignore else */\n    if (this.progress || this.progressColor) {\n      render.children!.push(this.genProgress())\n    }\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"VCarousel.js"}
+{"version":3,"sources":["../../../src/components/VCarousel/VCarousel.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Extensions\nimport VWindow from '../VWindow/VWindow'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\nimport VProgressLinear from '../VProgressLinear'\n\n// Mixins\n// TODO: Move this into core components v2.0\nimport ButtonGroup from '../../mixins/button-group'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { h, VNode, PropType, defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'v-carousel',\n  extends: VWindow,\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      parentTheme: this.theme\n    }\n  },\n\n  props: {\n    continuous: {\n      type: Boolean,\n      default: true\n    },\n    cycle: Boolean,\n    delimiterIcon: {\n      type: String,\n      default: '$delimiter'\n    },\n    height: {\n      type: [Number, String],\n      default: 500\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => Number(value) > 0\n    },\n    mandatory: {\n      type: Boolean,\n      default: true\n    },\n    progress: Boolean,\n    progressColor: String,\n    showArrows: {\n      type: Boolean,\n      default: true\n    },\n    verticalDelimiters: {\n      type: String as PropType<'' | 'left' | 'right'>,\n      default: undefined\n    }\n  },\n\n  emits: [\n    'update:modelValue',\n    'change'\n  ],\n\n  data () {\n    return {\n      internalHeight: this.height,\n      slideTimeout: undefined as number | undefined\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VWindow.computed.classes.call(this),\n        'v-carousel': true,\n        'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n        'v-carousel--vertical-delimiters': this.isVertical\n      }\n    },\n    isDark (): boolean {\n      return this.dark || !this.light\n    },\n    isVertical (): boolean {\n      return this.verticalDelimiters != null\n    }\n  },\n\n  watch: {\n    internalValue: 'restartTimeout',\n    interval: 'restartTimeout',\n    height (val, oldVal) {\n      if (val === oldVal || !val) return\n      this.internalHeight = val\n    },\n    cycle (val) {\n      if (val) {\n        this.restartTimeout()\n      } else {\n        clearTimeout(this.slideTimeout)\n        this.slideTimeout = undefined\n      }\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n      ['onChange', 'onUpdate:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('hide-controls')) {\n      breaking('hide-controls', ':show-arrows=\"false\"', this)\n    }\n  },\n\n  mounted () {\n    this.startTimeout()\n  },\n\n  methods: {\n    genControlIcons () {\n      if (this.isVertical) return null\n\n      return VWindow.methods.genControlIcons.call(this)\n    },\n    genDelimiters (): VNode {\n      return h('div', {\n        class: 'v-carousel__controls',\n        style: {\n          left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n          right: this.verticalDelimiters === 'right' ? 0 : 'auto'\n        }\n      }, [this.genItems()])\n    },\n    genItems (): VNode {\n      const length = this.items.length\n      const children = []\n\n      for (let i = 0; i < length; i++) {\n        const child = h(VBtn, {\n          class: 'v-carousel__controls__item',\n          'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length),\n          icon: true,\n          small: true,\n          value: this.getValue(this.items[i], i),\n          key: i\n        }, () => [\n          h(VIcon, {\n            size: 18\n          }, () => this.delimiterIcon)\n        ])\n\n        children.push(child)\n      }\n\n      return h(ButtonGroup, {\n        modelValue: this.internalValue,\n        mandatory: this.mandatory,\n        onChange: (val: unknown) => {\n          this.internalValue = val\n        }\n      }, () => children)\n    },\n    genProgress () {\n      return h(VProgressLinear, {\n        class: 'v-carousel__progress',\n        color: this.progressColor,\n        value: (this.internalIndex + 1) / this.items.length * 100\n      })\n    },\n    restartTimeout () {\n      this.slideTimeout && clearTimeout(this.slideTimeout)\n      this.slideTimeout = undefined\n\n      window.requestAnimationFrame(this.startTimeout)\n    },\n    startTimeout () {\n      if (!this.cycle) return\n\n      this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000)\n    }\n  },\n\n  render (): VNode {\n    const render = VWindow.render.call(this, h)\n\n    // Update the style object instead of setting render.style directly\n    if (render.props) {\n      render.props.style = {\n        ...render.props.style,\n        height: convertToUnit(this.height)\n      }\n    } else {\n      render.props = {\n        style: {\n          height: convertToUnit(this.height)\n        }\n      }\n    }\n\n    /* istanbul ignore else */\n    if (!this.hideDelimiters) {\n      render.children!.push(this.genDelimiters())\n    }\n\n    /* istanbul ignore else */\n    if (this.progress || this.progressColor) {\n      render.children!.push(this.genProgress())\n    }\n\n    return render\n  }\n})\n"],"sourceRoot":"","file":"VCarousel.js"}

package/es5/components/VCarousel/VCarouselItem.js

@@ -68,7 +68,10 @@ var _default2 = baseMixins.extend({
 
       data.class['v-window-item'] = true;
       directives.push([_vue.vShow, this.isActive]);
-      return (0, _vue.withDirectives)((0, _vue.h)(tag, data, this.genDefaultSlot()), directives);
+      var content = this.genDefaultSlot();
+      return (0, _vue.withDirectives)(typeof tag === 'string' ? (0, _vue.h)((0, _helpers.getTagValue)(tag), data, content) : (0, _vue.h)(tag, data, function () {
+        return content;
+      }), directives);
     }
   }
 });

package/es5/components/VCarousel/VCarouselItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/VCarouselItem.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA,IAAM,UAAU,GAAG,qBACjB,oBADiB,EAEjB,iBAFiB,CAAnB;AAWA;;gBACe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,iBADyB;AAG/B,EAAA,MAAM,EAAE;AACN,IAAA,WAAW,EAAE;AACX,MAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAE;AADD;AADE;AADP,GAHuB;AAW/B;AACA,EAAA,OAZ+B,qBAYxB;AACL,WAAO;AACL,MAAA,KAAK,EAAE,KAAK;AADP,KAAP;AAGD,GAhB8B;AAkB/B,EAAA,YAAY,EAAE,KAlBiB;AAoB/B,EAAA,OAAO,EAAE;AACP,IAAA,cADO,4BACO;AAAA;;AACZ,aAAO,CACL,YAAE,UAAF;AACE,QAAA,KAAK,EAAE;AADT,SAEK,KAAK,MAFV;AAGE,QAAA,MAAM,EAAE,KAAK,WAAL,CAAiB;AAH3B,SAIK,KAAK,UAJV,GAKG;AAAE,QAAA,OAAO,EAAE;AAAA,iBAAM,sBAAQ,KAAR,CAAN;AAAA,SAAX;AAAgC,QAAA,WAAW,EAAE,KAAK,MAAL,CAAY;AAAzD,OALH,CADK,CAAP;AAQD,KAVM;AAWP,IAAA,aAXO,2BAWM;AAAA,kCACuB,KAAK,iBAAL,EADvB;AAAA,UACH,GADG,yBACH,GADG;AAAA,UACE,IADF,yBACE,IADF;AAAA,UACQ,UADR,yBACQ,UADR;;AAGX,MAAA,IAAI,CAAC,KAAL,CAAW,eAAX,IAA8B,IAA9B;AAEA,MAAA,UAAW,CAAC,IAAZ,CAAiB,CACf,UADe,EAEf,KAAK,QAFU,CAAjB;AAKA,aAAO,yBACL,YAAE,GAAF,EAAO,IAAP,EAAa,KAAK,cAAL,EAAb,CADK,EAEL,UAFK,CAAP;AAID;AAzBM;AApBsB,CAAlB,C","sourcesContent":["// Extensions\nimport VWindowItem from '../VWindow/VWindowItem'\n\n// Components\nimport { VImg } from '../VImg'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport Routable from '../../mixins/routable'\nimport { vShow, withDirectives, h } from 'vue'\n\n// Types\nconst baseMixins = mixins(\n  VWindowItem,\n  Routable\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  parentTheme: {\n    isDark: boolean\n  }\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-carousel-item',\n\n  inject: {\n    parentTheme: {\n      default: {\n        isDark: false,\n      },\n    },\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      theme: this.parentTheme,\n    }\n  },\n\n  inheritAttrs: false,\n\n  methods: {\n    genDefaultSlot () {\n      return [\n        h(VImg, {\n          class: 'v-carousel__item',\n          ...this.$attrs,\n          height: this.windowGroup.internalHeight,\n          ...this.$listeners,\n        }, { default: () => getSlot(this), placeholder: this.$slots.placeholder }),\n      ]\n    },\n    genWindowItem () {\n      const { tag, data, directives } = this.generateRouteLink()\n\n      data.class['v-window-item'] = true\n\n      directives!.push([\n        vShow,\n        this.isActive,\n      ])\n\n      return withDirectives(\n        h(tag, data, this.genDefaultSlot()),\n        directives\n      )\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCarouselItem.js"}
+{"version":3,"sources":["../../../src/components/VCarousel/VCarouselItem.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA,IAAM,UAAU,GAAG,qBACjB,oBADiB,EAEjB,iBAFiB,CAAnB;AAWA;;gBACe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,iBADyB;AAG/B,EAAA,MAAM,EAAE;AACN,IAAA,WAAW,EAAE;AACX,MAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAE;AADD;AADE;AADP,GAHuB;AAW/B;AACA,EAAA,OAZ+B,qBAYxB;AACL,WAAO;AACL,MAAA,KAAK,EAAE,KAAK;AADP,KAAP;AAGD,GAhB8B;AAkB/B,EAAA,YAAY,EAAE,KAlBiB;AAoB/B,EAAA,OAAO,EAAE;AACP,IAAA,cADO,4BACO;AAAA;;AACZ,aAAO,CACL,YAAE,UAAF;AACE,QAAA,KAAK,EAAE;AADT,SAEK,KAAK,MAFV;AAGE,QAAA,MAAM,EAAE,KAAK,WAAL,CAAiB;AAH3B,SAIK,KAAK,UAJV,GAKG;AAAE,QAAA,OAAO,EAAE;AAAA,iBAAM,sBAAQ,KAAR,CAAN;AAAA,SAAX;AAAgC,QAAA,WAAW,EAAE,KAAK,MAAL,CAAY;AAAzD,OALH,CADK,CAAP;AAQD,KAVM;AAWP,IAAA,aAXO,2BAWM;AAAA,kCACuB,KAAK,iBAAL,EADvB;AAAA,UACH,GADG,yBACH,GADG;AAAA,UACE,IADF,yBACE,IADF;AAAA,UACQ,UADR,yBACQ,UADR;;AAGX,MAAA,IAAI,CAAC,KAAL,CAAW,eAAX,IAA8B,IAA9B;AAEA,MAAA,UAAW,CAAC,IAAZ,CAAiB,CACf,UADe,EAEf,KAAK,QAFU,CAAjB;AAKA,UAAM,OAAO,GAAG,KAAK,cAAL,EAAhB;AAEA,aAAO,yBACL,OAAO,GAAP,KAAe,QAAf,GACI,YAAE,0BAAY,GAAZ,CAAF,EAAoB,IAApB,EAA0B,OAA1B,CADJ,GAEI,YAAE,GAAF,EAAO,IAAP,EAAa;AAAA,eAAM,OAAN;AAAA,OAAb,CAHC,EAIL,UAJK,CAAP;AAMD;AA7BM;AApBsB,CAAlB,C","sourcesContent":["// Extensions\nimport VWindowItem from '../VWindow/VWindowItem'\n\n// Components\nimport { VImg } from '../VImg'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { getSlot, getTagValue } from '../../util/helpers'\nimport Routable from '../../mixins/routable'\nimport { vShow, withDirectives, h } from 'vue'\n\n// Types\nconst baseMixins = mixins(\n  VWindowItem,\n  Routable\n)\n\ntype options = ExtractVue<typeof baseMixins> & {\n  parentTheme: {\n    isDark: boolean\n  }\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-carousel-item',\n\n  inject: {\n    parentTheme: {\n      default: {\n        isDark: false\n      }\n    }\n  },\n\n  // pass down the parent's theme\n  provide (): object {\n    return {\n      theme: this.parentTheme\n    }\n  },\n\n  inheritAttrs: false,\n\n  methods: {\n    genDefaultSlot () {\n      return [\n        h(VImg, {\n          class: 'v-carousel__item',\n          ...this.$attrs,\n          height: this.windowGroup.internalHeight,\n          ...this.$listeners\n        }, { default: () => getSlot(this), placeholder: this.$slots.placeholder })\n      ]\n    },\n    genWindowItem () {\n      const { tag, data, directives } = this.generateRouteLink()\n\n      data.class['v-window-item'] = true\n\n      directives!.push([\n        vShow,\n        this.isActive\n      ])\n\n      const content = this.genDefaultSlot()\n\n      return withDirectives(\n        typeof tag === 'string'\n          ? h(getTagValue(tag), data, content)\n          : h(tag, data, () => content),\n        directives\n      )\n    }\n  }\n})\n"],"sourceRoot":"","file":"VCarouselItem.js"}

package/es5/components/VCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;eAIe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SAAS,EAAT,kBADuB;AAEvB,IAAA,aAAa,EAAb;AAFuB;AADZ,C","sourcesContent":["import VCarousel from './VCarousel'\nimport VCarouselItem from './VCarouselItem'\n\nexport { VCarousel, VCarouselItem }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCarousel,\n    VCarouselItem,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/VCarousel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;eAIe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SAAS,EAAT,kBADuB;AAEvB,IAAA,aAAa,EAAb;AAFuB;AADZ,C","sourcesContent":["import VCarousel from './VCarousel'\nimport VCarouselItem from './VCarouselItem'\n\nexport { VCarousel, VCarouselItem }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCarousel,\n    VCarouselItem\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VCheckbox/VCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-checkbox',\n  extends: Selectable,\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  emits: ['click', 'focus', 'blur', 'update:indeterminate', 'update:modelValue', 'change'],\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['inputValue', 'model-value'],\n      ['input-value', 'model-value'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, class: parentClass, ...checkboxAttrs } = this.$attrs\n      const ariaChecked = this.inputIndeterminate ? 'mixed' : this.isActive.toString()\n      return h('div', {\n        class: 'v-input--selection-controls__input',\n      }, [\n        h(VIcon, this.setTextColor(this.validationState, {\n          dense: this.dense,\n          dark: this.dark,\n          light: this.light,\n        }), () => this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': ariaChecked,\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCheckbox.js"}
+{"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-checkbox',\n  extends: Selectable,\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate'\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff'\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn'\n    }\n  },\n\n  emits: ['click', 'focus', 'blur', 'update:indeterminate', 'update:modelValue', 'change'],\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    }\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['inputValue', 'model-value'],\n      ['input-value', 'model-value']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, class: parentClass, ...checkboxAttrs } = this.$attrs\n      const ariaChecked = this.inputIndeterminate ? 'mixed' : this.isActive.toString()\n      return h('div', {\n        class: 'v-input--selection-controls__input'\n      }, [\n        h(VIcon, this.setTextColor(this.validationState, {\n          dense: this.dense,\n          dark: this.dark,\n          light: this.light\n        }), () => this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': ariaChecked\n        }),\n        this.genRipple(this.setTextColor(this.rippleState))\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel()\n      ]\n    }\n  }\n})\n"],"sourceRoot":"","file":"VCheckbox.js"}

package/es5/components/VCheckbox/VSimpleCheckbox.js

@@ -125,7 +125,7 @@ var _default = (0, _vue.defineComponent)({
       if (this.$props.disabled) return;
       var newValue = !this.modelValue;
       var attrs = this.$attrs;
-      this.$emit("input", newValue);
+      this.$emit('input', newValue);
       this.$emit('update:modelValue', newValue);
     },
     createChildren: function createChildren() {

package/es5/components/VCheckbox/VSimpleCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/VSimpleCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["import './VSimpleCheckbox.sass'\n\nimport Ripple from '../../directives/ripple'\n\nimport { VNode, h, defineComponent, withDirectives } from 'vue'\n\nimport { VIcon } from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport { wrapInArray } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\nexport default defineComponent({\n  name: 'v-simple-checkbox',\n\n\n  props: {\n    ...Colorable.props,\n    ...Themeable.props,\n    disabled: Boolean,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    modelValue: Boolean,\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n  },\n\n  emits: ['input', 'update:modelValue'],\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    getIcon (): string {\n      const { indeterminate, modelValue, indeterminateIcon, onIcon, offIcon } = this.$props\n\n      if (indeterminate) return indeterminateIcon\n      if (modelValue) return onIcon\n      return offIcon\n    },\n\n    createIcon (): VNode {\n      const { modelValue, disabled, dark, light, color } = this.$props\n\n      return h(\n        VIcon,\n        Colorable.methods.setTextColor(modelValue && color, {\n          disabled,\n          dark,\n          light,\n        }),\n        () => this.getIcon()\n      )\n    },\n\n    createRipple (): VNode | null {\n      const { ripple, disabled, color } = this.$props\n\n      if (!ripple || disabled) return null\n\n      return withDirectives(\n        h(\n          'div',\n          Colorable.methods.setTextColor(color, {\n            class: 'v-input--selection-controls__ripple',\n          })\n        ),\n        [\n          [Ripple, { center: true }],\n        ]\n      )\n    },\n\n    handleClick (e: MouseEvent): void {\n      e.stopPropagation()\n\n      if (this.$props.disabled) return\n\n      const newValue = !this.modelValue\n      const attrs = this.$attrs\n\n\n      this.$emit(\"input\", newValue);\n      this.$emit('update:modelValue', newValue)\n    },\n\n    createChildren (): VNode[] {\n      const children = [this.createIcon()]\n\n      const ripple = this.createRipple()\n      if (ripple) {\n        children.push(ripple)\n      }\n\n      return children\n    },\n  },\n\n  render (): VNode {\n    const { disabled } = this.$props\n    const data = this.$attrs\n\n    return h(\n      'div',\n      mergeData(data, {\n        class: {\n          'v-simple-checkbox': true,\n          'v-simple-checkbox--disabled': disabled,\n        },\n        onClick: this.handleClick,\n      }),\n      [\n        h(\n          'div',\n          { class: 'v-input--selection-controls__input' },\n          this.createChildren()\n        )\n      ]\n    )\n  },\n})\n"],"sourceRoot":"","file":"VSimpleCheckbox.js"}
+{"version":3,"sources":["../../../src/components/VCheckbox/VSimpleCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["import './VSimpleCheckbox.sass'\n\nimport Ripple from '../../directives/ripple'\n\nimport { VNode, h, defineComponent, withDirectives } from 'vue'\n\nimport { VIcon } from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport { wrapInArray } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\nexport default defineComponent({\n  name: 'v-simple-checkbox',\n\n  props: {\n    ...Colorable.props,\n    ...Themeable.props,\n    disabled: Boolean,\n    ripple: {\n      type: Boolean,\n      default: true\n    },\n    modelValue: Boolean,\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate'\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn'\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff'\n    }\n  },\n\n  emits: ['input', 'update:modelValue'],\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    getIcon (): string {\n      const { indeterminate, modelValue, indeterminateIcon, onIcon, offIcon } = this.$props\n\n      if (indeterminate) return indeterminateIcon\n      if (modelValue) return onIcon\n      return offIcon\n    },\n\n    createIcon (): VNode {\n      const { modelValue, disabled, dark, light, color } = this.$props\n\n      return h(\n        VIcon,\n        Colorable.methods.setTextColor(modelValue && color, {\n          disabled,\n          dark,\n          light\n        }),\n        () => this.getIcon()\n      )\n    },\n\n    createRipple (): VNode | null {\n      const { ripple, disabled, color } = this.$props\n\n      if (!ripple || disabled) return null\n\n      return withDirectives(\n        h(\n          'div',\n          Colorable.methods.setTextColor(color, {\n            class: 'v-input--selection-controls__ripple'\n          })\n        ),\n        [\n          [Ripple, { center: true }]\n        ]\n      )\n    },\n\n    handleClick (e: MouseEvent): void {\n      e.stopPropagation()\n\n      if (this.$props.disabled) return\n\n      const newValue = !this.modelValue\n      const attrs = this.$attrs\n\n      this.$emit('input', newValue)\n      this.$emit('update:modelValue', newValue)\n    },\n\n    createChildren (): VNode[] {\n      const children = [this.createIcon()]\n\n      const ripple = this.createRipple()\n      if (ripple) {\n        children.push(ripple)\n      }\n\n      return children\n    }\n  },\n\n  render (): VNode {\n    const { disabled } = this.$props\n    const data = this.$attrs\n\n    return h(\n      'div',\n      mergeData(data, {\n        class: {\n          'v-simple-checkbox': true,\n          'v-simple-checkbox--disabled': disabled\n        },\n        onClick: this.handleClick\n      }),\n      [\n        h(\n          'div',\n          { class: 'v-input--selection-controls__input' },\n          this.createChildren()\n        )\n      ]\n    )\n  }\n})\n"],"sourceRoot":"","file":"VSimpleCheckbox.js"}

package/es5/components/VCheckbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;eAGe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SAAS,EAAT,kBADuB;AAEvB,IAAA,eAAe,EAAf;AAFuB;AADZ,C","sourcesContent":["import VCheckbox from './VCheckbox'\nimport VSimpleCheckbox from './VSimpleCheckbox'\n\nexport { VCheckbox, VSimpleCheckbox }\nexport default {\n  $_vuetify_subcomponents: {\n    VCheckbox,\n    VSimpleCheckbox,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/VCheckbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;eAGe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SAAS,EAAT,kBADuB;AAEvB,IAAA,eAAe,EAAf;AAFuB;AADZ,C","sourcesContent":["import VCheckbox from './VCheckbox'\nimport VSimpleCheckbox from './VSimpleCheckbox'\n\nexport { VCheckbox, VSimpleCheckbox }\nexport default {\n  $_vuetify_subcomponents: {\n    VCheckbox,\n    VSimpleCheckbox\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VChip/VChip.js

@@ -151,19 +151,25 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
       }
     },
     genFilter: function genFilter() {
+      var _this2 = this;
+
       var children = [];
 
       if (this.isActive) {
         children.push((0, _vue.h)(_VIcon.default, {
           class: 'v-chip__filter',
           left: true
-        }, this.filterIcon));
+        }, function () {
+          return _this2.filterIcon;
+        }));
       }
 
-      return (0, _vue.h)(_transitions.VExpandXTransition, children);
+      return (0, _vue.h)(_transitions.VExpandXTransition, {}, function () {
+        return children;
+      });
     },
     genClose: function genClose() {
-      var _this2 = this;
+      var _this3 = this;
 
       return (0, _vue.h)(_VIcon.default, {
         class: 'v-chip__close',
@@ -174,11 +180,13 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
           e.stopPropagation();
           e.preventDefault();
 
-          _this2.$emit('click:close');
+          _this3.$emit('click:close');
 
-          _this2.$emit('update:modelValue', false);
+          _this3.$emit('update:modelValue', false);
         }
-      }, this.closeIcon);
+      }, function () {
+        return _this3.closeIcon;
+      });
     },
     genContent: function genContent() {
       return (0, _vue.h)('span', {
@@ -201,7 +209,8 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
     directives.push([_vue.vShow, this.active]);
     data = this.setBackgroundColor(this.color, data);
     var color = this.textColor || this.outlined && this.color;
-    return (0, _vue.withDirectives)((0, _vue.h)((0, _helpers.getTagValue)(tag), this.setTextColor(color, data), children), directives);
+    var tagForH = typeof tag === 'string' ? (0, _helpers.getTagValue)(tag) : tag;
+    return (0, _vue.withDirectives)((0, _vue.h)(tagForH, this.setTextColor(color, data), children), directives);
   }
 });
 

package/es5/components/VChip/VChip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChip/VChip.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, vShow, withDirectives, VNode } from 'vue'\n// Styles\nimport './VChip.sass'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\nimport { getSlot, getTagValue } from '../../util/helpers'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory()\n).extend({\n  name: 'v-chip',\n\n  emits: ['update:modelValue', 'click:close', 'click', 'change'],\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n    } as any as PropValidator<string>,\n    close: Boolean,\n    onClick: Function as PropType<(e: MouseEvent) => void>,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    modelValue: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active',\n  }),\n\n  computed: {\n    $activeClass () {\n      if (this.activeClass) {\n        return this.activeClass\n      }\n      if (!this.chipGroup) return ''\n\n      return this.chipGroup.activeClass\n    },\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      if (this.chipGroup) {\n        this.toggle()\n        this.$emit('update:modelValue', this.isActive)\n      }\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          h(VIcon, {\n            class: 'v-chip__filter',\n            left: true,\n          }, this.filterIcon)\n        )\n      }\n\n      return h(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return h(VIcon, {\n        class: 'v-chip__close',\n        right: true,\n        size: 18,\n        'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        onClick: (e: Event) => {\n          e.stopPropagation()\n          e.preventDefault()\n\n          this.$emit('click:close')\n          this.$emit('update:modelValue', false)\n        },\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return h('span', {\n        class: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        getSlot(this),\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (): VNode {\n    const children = [this.genContent()]\n    let { tag, data, directives } = this.generateRouteLink()\n\n    data = {\n      ...data,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.tabindex,\n    }\n\n    directives!.push([\n      vShow,\n      this.active,\n    ])\n\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return withDirectives(\n      h(getTagValue(tag), this.setTextColor(color, data), children),\n      directives\n    )\n  },\n})\n"],"sourceRoot":"","file":"VChip.js"}
+{"version":3,"sources":["../../../src/components/VChip/VChip.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, vShow, withDirectives, VNode } from 'vue'\n// Styles\nimport './VChip.sass'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\nimport { getSlot, getTagValue } from '../../util/helpers'\n\n// Types\nimport type { PropType } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory()\n).extend({\n  name: 'v-chip',\n\n  emits: ['update:modelValue', 'click:close', 'click', 'change'],\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true\n    },\n    activeClass: {\n      type: String\n    } as any as PropType<string>,\n    close: Boolean,\n    onClick: Function as PropType<(e: MouseEvent) => void>,\n    closeIcon: {\n      type: String,\n      default: '$delete'\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close'\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete'\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span'\n    },\n    textColor: String,\n    modelValue: null as any as PropType<any>\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active'\n  }),\n\n  computed: {\n    $activeClass () {\n      if (this.activeClass) {\n        return this.activeClass\n      }\n      if (!this.chipGroup) return ''\n\n      return this.chipGroup.activeClass\n    },\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      if (this.chipGroup) {\n        this.toggle()\n        this.$emit('update:modelValue', this.isActive)\n      }\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          h(VIcon, {\n            class: 'v-chip__filter',\n            left: true\n          }, () => this.filterIcon)\n        )\n      }\n\n      return h(VExpandXTransition, {}, () => children)\n    },\n    genClose (): VNode {\n      return h(VIcon, {\n        class: 'v-chip__close',\n        right: true,\n        size: 18,\n        'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        onClick: (e: Event) => {\n          e.stopPropagation()\n          e.preventDefault()\n\n          this.$emit('click:close')\n          this.$emit('update:modelValue', false)\n        }\n      }, () => this.closeIcon)\n    },\n    genContent (): VNode {\n      return h('span', {\n        class: 'v-chip__content'\n      }, [\n        this.filter && this.genFilter(),\n        getSlot(this),\n        this.hasClose && this.genClose()\n      ])\n    }\n  },\n\n  render (): VNode {\n    const children = [this.genContent()]\n    let { tag, data, directives } = this.generateRouteLink()\n\n    data = {\n      ...data,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.tabindex\n    }\n\n    directives!.push([\n      vShow,\n      this.active\n    ])\n\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n    const tagForH = typeof tag === 'string' ? getTagValue(tag) : tag\n\n    return withDirectives(\n      h(tagForH as any, this.setTextColor(color, data), children),\n      directives\n    )\n  }\n})\n"],"sourceRoot":"","file":"VChip.js"}

package/es5/components/VChipGroup/VChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChipGroup/VChipGroup.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAGA;;AAGA;;;;;;;;;;AAEA;eACe,qBACb,2BADa,EAEb,kBAFa,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,cADC;AAGP,EAAA,OAHO,qBAGA;AACL,WAAO;AACL,MAAA,SAAS,EAAE;AADN,KAAP;AAGD,GAPM;AASP,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AADH,GATA;AAaP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,4BAAe,QAAf,CAAwB,OAAxB,CAAgC,IAAhC,CAAqC,IAArC,CADL;AAEE,wBAAgB,IAFlB;AAGE,gCAAwB,KAAK;AAH/B;AAKD;AAPO,GAbH;AAuBP,EAAA,KAAK,EAAE;AACL,IAAA,MADK,kBACG,GADH,EACM;AACT,UAAI,GAAJ,EAAS,KAAK,YAAL,GAAoB,CAApB;AAET,WAAK,SAAL,CAAe,KAAK,QAApB;AACD;AALI,GAvBA;AA+BP,EAAA,OAAO,EAAE;AACP,IAAA,OADO,qBACA;AACL,aAAO,KAAK,YAAL,CAAkB,KAAK,KAAvB,oBACF,4BAAe,OAAf,CAAuB,OAAvB,CAA+B,IAA/B,CAAoC,IAApC,CADE,EAAP;AAGD;AALM;AA/BF,CAHM,C","sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Extensions\nimport { BaseSlideGroup } from '../VSlideGroup/VSlideGroup'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  BaseSlideGroup,\n  Colorable\n).extend({\n  name: 'v-chip-group',\n\n  provide () {\n    return {\n      chipGroup: this,\n    }\n  },\n\n  props: {\n    column: Boolean,\n  },\n\n  computed: {\n    classes () {\n      return {\n        ...BaseSlideGroup.computed.classes.call(this),\n        'v-chip-group': true,\n        'v-chip-group--column': this.column,\n      }\n    },\n  },\n\n  watch: {\n    column (val) {\n      if (val) this.scrollOffset = 0\n\n      this.$nextTick(this.onResize)\n    },\n  },\n\n  methods: {\n    genData () {\n      return this.setTextColor(this.color, {\n        ...BaseSlideGroup.methods.genData.call(this),\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"VChipGroup.js"}
+{"version":3,"sources":["../../../src/components/VChipGroup/VChipGroup.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAGA;;AAGA;;;;;;;;;;AAEA;eACe,qBACb,2BADa,EAEb,kBAFa,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,cADC;AAGP,EAAA,OAHO,qBAGA;AACL,WAAO;AACL,MAAA,SAAS,EAAE;AADN,KAAP;AAGD,GAPM;AASP,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AADH,GATA;AAaP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,4BAAe,QAAf,CAAwB,OAAxB,CAAgC,IAAhC,CAAqC,IAArC,CADL;AAEE,wBAAgB,IAFlB;AAGE,gCAAwB,KAAK;AAH/B;AAKD;AAPO,GAbH;AAuBP,EAAA,KAAK,EAAE;AACL,IAAA,MADK,kBACG,GADH,EACM;AACT,UAAI,GAAJ,EAAS,KAAK,YAAL,GAAoB,CAApB;AAET,WAAK,SAAL,CAAe,KAAK,QAApB;AACD;AALI,GAvBA;AA+BP,EAAA,OAAO,EAAE;AACP,IAAA,OADO,qBACA;AACL,aAAO,KAAK,YAAL,CAAkB,KAAK,KAAvB,oBACF,4BAAe,OAAf,CAAuB,OAAvB,CAA+B,IAA/B,CAAoC,IAApC,CADE,EAAP;AAGD;AALM;AA/BF,CAHM,C","sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Extensions\nimport { BaseSlideGroup } from '../VSlideGroup/VSlideGroup'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  BaseSlideGroup,\n  Colorable\n).extend({\n  name: 'v-chip-group',\n\n  provide () {\n    return {\n      chipGroup: this\n    }\n  },\n\n  props: {\n    column: Boolean\n  },\n\n  computed: {\n    classes () {\n      return {\n        ...BaseSlideGroup.computed.classes.call(this),\n        'v-chip-group': true,\n        'v-chip-group--column': this.column\n      }\n    }\n  },\n\n  watch: {\n    column (val) {\n      if (val) this.scrollOffset = 0\n\n      this.$nextTick(this.onResize)\n    }\n  },\n\n  methods: {\n    genData () {\n      return this.setTextColor(this.color, {\n        ...BaseSlideGroup.methods.genData.call(this)\n      })\n    }\n  }\n})\n"],"sourceRoot":"","file":"VChipGroup.js"}

package/es5/components/VColorPicker/VColorPicker.js

@@ -111,6 +111,14 @@ var _default = (0, _vue.defineComponent)({
       return !(0, _util.hasAlpha)(this.modelValue);
     }
   },
+  watch: {
+    modelValue: {
+      handler: function handler(color) {
+        this.updateColor((0, _util.parseColor)(color, this.internalValue));
+      },
+      immediate: true
+    }
+  },
   created: function created() {
     var _this = this;
 
@@ -125,14 +133,6 @@ var _default = (0, _vue.defineComponent)({
       if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
     });
   },
-  watch: {
-    modelValue: {
-      handler: function handler(color) {
-        this.updateColor((0, _util.parseColor)(color, this.internalValue));
-      },
-      immediate: true
-    }
-  },
   methods: {
     updateColor: function updateColor(color) {
       this.internalValue = color;
@@ -192,12 +192,16 @@ var _default = (0, _vue.defineComponent)({
     }
   },
   render: function render() {
+    var _this3 = this;
+
     return (0, _vue.h)(_VSheet.default, {
       class: ['v-color-picker', _objectSpread(_objectSpread({
         'v-color-picker--flat': this.flat
       }, this.themeClasses), this.elevationClasses)],
       maxWidth: this.width
-    }, [!this.hideCanvas && this.genCanvas(), (!this.hideSliders || !this.hideInputs) && this.genControls(), this.showSwatches && this.genSwatches()]);
+    }, function () {
+      return [!_this3.hideCanvas && _this3.genCanvas(), (!_this3.hideSliders || !_this3.hideInputs) && _this3.genControls(), _this3.showSwatches && _this3.genSwatches()];
+    });
   }
 });
 

package/es5/components/VColorPicker/VColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VColorPicker/VColorPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\n\n// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\nimport VColorPickerPreview from './VColorPickerPreview'\nimport VColorPickerCanvas from './VColorPickerCanvas'\nimport VColorPickerEdit, { Mode, modes } from './VColorPickerEdit'\nimport VColorPickerSwatches from './VColorPickerSwatches'\n\n// Helpers\nimport { VColorPickerColor, parseColor, fromRGBA, extractColor, hasAlpha } from './util'\nimport { deepEqual } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport type { VNode, PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'v-color-picker',\n\n  mixins: [Elevatable, Themeable],\n\n  props: {\n    canvasHeight: {\n      type: [String, Number],\n      default: 150,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    flat: Boolean,\n    hideCanvas: Boolean,\n    hideSliders: Boolean,\n    hideInputs: Boolean,\n    hideModeSwitch: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    showSwatches: Boolean,\n    swatches: Array as PropType<string[][]>,\n    swatchesMaxHeight: {\n      type: [Number, String],\n      default: 150,\n    },\n    modelValue: {\n      type: [Object, String],\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n  },\n\n  emits: ['update:modelValue', 'update:color', 'update:mode'],\n\n  data () {\n    return {\n      internalValue: fromRGBA({ r: 255, g: 0, b: 0, a: 1 }),\n    }\n  },\n\n  computed: {\n    hideAlpha (): boolean {\n      if (!this.modelValue) return false\n      return !hasAlpha(this.modelValue)\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  watch: {\n    modelValue: {\n      handler (color: any) {\n        this.updateColor(parseColor(color, this.internalValue))\n      },\n      immediate: true,\n    },\n  },\n\n  methods: {\n    updateColor (color: VColorPickerColor) {\n      this.internalValue = color\n      const value = extractColor(this.internalValue, this.modelValue)\n\n      if (!deepEqual(value, this.modelValue)) {\n        this.$emit('update:modelValue', value)\n        this.$emit('update:color', this.internalValue)\n      }\n    },\n\n    genCanvas (): VNode {\n      return h(VColorPickerCanvas, {\n        color: this.internalValue,\n        disabled: this.disabled,\n        dotSize: this.dotSize,\n        width: this.width,\n        height: this.canvasHeight,\n        'onUpdate:color': this.updateColor\n      })\n    },\n\n    genControls (): VNode {\n      return h('div', {\n        class: 'v-color-picker__controls',\n      }, [\n        !this.hideSliders && this.genPreview(),\n        !this.hideInputs && this.genEdit(),\n      ])\n    },\n\n    genEdit (): VNode {\n      return h(VColorPickerEdit, {\n        color: this.internalValue,\n        disabled: this.disabled,\n        hideAlpha: this.hideAlpha,\n        hideModeSwitch: this.hideModeSwitch,\n        mode: this.mode,\n        'onUpdate:color': this.updateColor,\n        'onUpdate:mode': (v: string) => this.$emit('update:mode', v),\n      })\n    },\n\n    genPreview (): VNode {\n      return h(VColorPickerPreview, {\n        color: this.internalValue,\n        disabled: this.disabled,\n        hideAlpha: this.hideAlpha,\n        'onUpdate:color': this.updateColor,\n      })\n    },\n\n    genSwatches (): VNode {\n      return h(VColorPickerSwatches, {\n        disabled: this.disabled,\n        swatches: this.swatches,\n        color: this.internalValue,\n        maxHeight: this.swatchesMaxHeight,\n        'onUpdate:color': this.updateColor,\n      })\n    },\n  },\n\n  render (): VNode {\n    return h(VSheet, {\n      class: ['v-color-picker', {\n        'v-color-picker--flat': this.flat,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }],\n      maxWidth: this.width,\n    }, [\n      !this.hideCanvas && this.genCanvas(),\n      (!this.hideSliders || !this.hideInputs) && this.genControls(),\n      this.showSwatches && this.genSwatches(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VColorPicker.js"}
+{"version":3,"sources":["../../../src/components/VColorPicker/VColorPicker.ts"],"names":[],"mappings":";;;;;;;;;AAAA;;AAGA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;eAKe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,gBADuB;AAG7B,EAAA,MAAM,EAAE,CAAC,mBAAD,EAAa,kBAAb,CAHqB;AAK7B,EAAA,KAAK,EAAE;AACL,IAAA,YAAY,EAAE;AACZ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADM;AAEZ,MAAA,OAAO,EAAE;AAFG,KADT;AAKL,IAAA,QAAQ,EAAE,OALL;AAML,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADC;AAEP,MAAA,OAAO,EAAE;AAFF,KANJ;AAUL,IAAA,IAAI,EAAE,OAVD;AAWL,IAAA,UAAU,EAAE,OAXP;AAYL,IAAA,WAAW,EAAE,OAZR;AAaL,IAAA,UAAU,EAAE,OAbP;AAcL,IAAA,cAAc,EAAE,OAdX;AAeL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE,MAFL;AAGJ,MAAA,SAAS,EAAE,mBAAC,CAAD;AAAA,eAAe,MAAM,CAAC,IAAP,CAAY,uBAAZ,EAAmB,QAAnB,CAA4B,CAA5B,CAAf;AAAA;AAHP,KAfD;AAoBL,IAAA,YAAY,EAAE,OApBT;AAqBL,IAAA,QAAQ,EAAE,KArBL;AAsBL,IAAA,iBAAiB,EAAE;AACjB,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADW;AAEjB,MAAA,OAAO,EAAE;AAFQ,KAtBd;AA0BL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AADI,KA1BP;AA6BL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AA7BF,GALsB;AAwC7B,EAAA,KAAK,EAAE,CAAC,mBAAD,EAAsB,cAAtB,EAAsC,aAAtC,CAxCsB;AA0C7B,EAAA,IA1C6B,kBA0CzB;AACF,WAAO;AACL,MAAA,aAAa,EAAE,oBAAS;AAAE,QAAA,CAAC,EAAE,GAAL;AAAU,QAAA,CAAC,EAAE,CAAb;AAAgB,QAAA,CAAC,EAAE,CAAnB;AAAsB,QAAA,CAAC,EAAE;AAAzB,OAAT;AADV,KAAP;AAGD,GA9C4B;AAgD7B,EAAA,QAAQ,EAAE;AACR,IAAA,SADQ,uBACC;AACP,UAAI,CAAC,KAAK,UAAV,EAAsB,OAAO,KAAP;AACtB,aAAO,CAAC,oBAAS,KAAK,UAAd,CAAR;AACD;AAJO,GAhDmB;AAuD7B,EAAA,KAAK,EAAE;AACL,IAAA,UAAU,EAAE;AACV,MAAA,OADU,mBACD,KADC,EACS;AACjB,aAAK,WAAL,CAAiB,sBAAW,KAAX,EAAkB,KAAK,aAAvB,CAAjB;AACD,OAHS;AAIV,MAAA,SAAS,EAAE;AAJD;AADP,GAvDsB;AAgE7B,EAAA,OAhE6B,qBAgEtB;AAAA;;AACL,QAAM,aAAa,GAAG,CACpB,CAAC,OAAD,EAAU,YAAV,CADoB,EAEpB,CAAC,SAAD,EAAY,qBAAZ,CAFoB,CAAtB;AAKA;;AACA,IAAA,aAAa,CAAC,OAAd,CAAsB,gBAA4B;AAAA;AAAA,UAA1B,QAA0B;AAAA,UAAhB,WAAgB;;AAChD,UAAI,KAAI,CAAC,MAAL,CAAY,cAAZ,CAA2B,QAA3B,CAAJ,EAA0C,uBAAS,QAAT,EAAmB,WAAnB,EAAgC,KAAhC;AAC3C,KAFD;AAGD,GA1E4B;AA4E7B,EAAA,OAAO,EAAE;AACP,IAAA,WADO,uBACM,KADN,EAC8B;AACnC,WAAK,aAAL,GAAqB,KAArB;AACA,UAAM,KAAK,GAAG,wBAAa,KAAK,aAAlB,EAAiC,KAAK,UAAtC,CAAd;;AAEA,UAAI,CAAC,wBAAU,KAAV,EAAiB,KAAK,UAAtB,CAAL,EAAwC;AACtC,aAAK,KAAL,CAAW,mBAAX,EAAgC,KAAhC;AACA,aAAK,KAAL,CAAW,cAAX,EAA2B,KAAK,aAAhC;AACD;AACF,KATM;AAWP,IAAA,SAXO,uBAWE;AACP,aAAO,YAAE,2BAAF,EAAsB;AAC3B,QAAA,KAAK,EAAE,KAAK,aADe;AAE3B,QAAA,QAAQ,EAAE,KAAK,QAFY;AAG3B,QAAA,OAAO,EAAE,KAAK,OAHa;AAI3B,QAAA,KAAK,EAAE,KAAK,KAJe;AAK3B,QAAA,MAAM,EAAE,KAAK,YALc;AAM3B,0BAAkB,KAAK;AANI,OAAtB,CAAP;AAQD,KApBM;AAsBP,IAAA,WAtBO,yBAsBI;AACT,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE;AADO,OAAT,EAEJ,CACD,CAAC,KAAK,WAAN,IAAqB,KAAK,UAAL,EADpB,EAED,CAAC,KAAK,UAAN,IAAoB,KAAK,OAAL,EAFnB,CAFI,CAAP;AAMD,KA7BM;AA+BP,IAAA,OA/BO,qBA+BA;AAAA;;AACL,aAAO,YAAE,yBAAF,EAAoB;AACzB,QAAA,KAAK,EAAE,KAAK,aADa;AAEzB,QAAA,QAAQ,EAAE,KAAK,QAFU;AAGzB,QAAA,SAAS,EAAE,KAAK,SAHS;AAIzB,QAAA,cAAc,EAAE,KAAK,cAJI;AAKzB,QAAA,IAAI,EAAE,KAAK,IALc;AAMzB,0BAAkB,KAAK,WANE;AAOzB,yBAAiB,sBAAC,CAAD;AAAA,iBAAe,MAAI,CAAC,KAAL,CAAW,aAAX,EAA0B,CAA1B,CAAf;AAAA;AAPQ,OAApB,CAAP;AASD,KAzCM;AA2CP,IAAA,UA3CO,wBA2CG;AACR,aAAO,YAAE,4BAAF,EAAuB;AAC5B,QAAA,KAAK,EAAE,KAAK,aADgB;AAE5B,QAAA,QAAQ,EAAE,KAAK,QAFa;AAG5B,QAAA,SAAS,EAAE,KAAK,SAHY;AAI5B,0BAAkB,KAAK;AAJK,OAAvB,CAAP;AAMD,KAlDM;AAoDP,IAAA,WApDO,yBAoDI;AACT,aAAO,YAAE,6BAAF,EAAwB;AAC7B,QAAA,QAAQ,EAAE,KAAK,QADc;AAE7B,QAAA,QAAQ,EAAE,KAAK,QAFc;AAG7B,QAAA,KAAK,EAAE,KAAK,aAHiB;AAI7B,QAAA,SAAS,EAAE,KAAK,iBAJa;AAK7B,0BAAkB,KAAK;AALM,OAAxB,CAAP;AAOD;AA5DM,GA5EoB;AA2I7B,EAAA,MA3I6B,oBA2IvB;AAAA;;AACJ,WAAO,YAAE,eAAF,EAAU;AACf,MAAA,KAAK,EAAE,CAAC,gBAAD;AACL,gCAAwB,KAAK;AADxB,SAEF,KAAK,YAFH,GAGF,KAAK,gBAHH,EADQ;AAMf,MAAA,QAAQ,EAAE,KAAK;AANA,KAAV,EAOJ;AAAA,aAAM,CACP,CAAC,MAAI,CAAC,UAAN,IAAoB,MAAI,CAAC,SAAL,EADb,EAEP,CAAC,CAAC,MAAI,CAAC,WAAN,IAAqB,CAAC,MAAI,CAAC,UAA5B,KAA2C,MAAI,CAAC,WAAL,EAFpC,EAGP,MAAI,CAAC,YAAL,IAAqB,MAAI,CAAC,WAAL,EAHd,CAAN;AAAA,KAPI,CAAP;AAYD;AAxJ4B,CAAhB,C","sourcesContent":["import { h, defineComponent } from 'vue'\n\n// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\nimport VColorPickerPreview from './VColorPickerPreview'\nimport VColorPickerCanvas from './VColorPickerCanvas'\nimport VColorPickerEdit, { Mode, modes } from './VColorPickerEdit'\nimport VColorPickerSwatches from './VColorPickerSwatches'\n\n// Helpers\nimport { VColorPickerColor, parseColor, fromRGBA, extractColor, hasAlpha } from './util'\nimport { deepEqual } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport type { VNode, PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'v-color-picker',\n\n  mixins: [Elevatable, Themeable],\n\n  props: {\n    canvasHeight: {\n      type: [String, Number],\n      default: 150\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10\n    },\n    flat: Boolean,\n    hideCanvas: Boolean,\n    hideSliders: Boolean,\n    hideInputs: Boolean,\n    hideModeSwitch: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v)\n    },\n    showSwatches: Boolean,\n    swatches: Array as PropType<string[][]>,\n    swatchesMaxHeight: {\n      type: [Number, String],\n      default: 150\n    },\n    modelValue: {\n      type: [Object, String]\n    },\n    width: {\n      type: [Number, String],\n      default: 300\n    }\n  },\n\n  emits: ['update:modelValue', 'update:color', 'update:mode'],\n\n  data () {\n    return {\n      internalValue: fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\n    }\n  },\n\n  computed: {\n    hideAlpha (): boolean {\n      if (!this.modelValue) return false\n      return !hasAlpha(this.modelValue)\n    }\n  },\n\n  watch: {\n    modelValue: {\n      handler (color: any) {\n        this.updateColor(parseColor(color, this.internalValue))\n      },\n      immediate: true\n    }\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue']\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    updateColor (color: VColorPickerColor) {\n      this.internalValue = color\n      const value = extractColor(this.internalValue, this.modelValue)\n\n      if (!deepEqual(value, this.modelValue)) {\n        this.$emit('update:modelValue', value)\n        this.$emit('update:color', this.internalValue)\n      }\n    },\n\n    genCanvas (): VNode {\n      return h(VColorPickerCanvas, {\n        color: this.internalValue,\n        disabled: this.disabled,\n        dotSize: this.dotSize,\n        width: this.width,\n        height: this.canvasHeight,\n        'onUpdate:color': this.updateColor\n      })\n    },\n\n    genControls (): VNode {\n      return h('div', {\n        class: 'v-color-picker__controls'\n      }, [\n        !this.hideSliders && this.genPreview(),\n        !this.hideInputs && this.genEdit()\n      ])\n    },\n\n    genEdit (): VNode {\n      return h(VColorPickerEdit, {\n        color: this.internalValue,\n        disabled: this.disabled,\n        hideAlpha: this.hideAlpha,\n        hideModeSwitch: this.hideModeSwitch,\n        mode: this.mode,\n        'onUpdate:color': this.updateColor,\n        'onUpdate:mode': (v: string) => this.$emit('update:mode', v)\n      })\n    },\n\n    genPreview (): VNode {\n      return h(VColorPickerPreview, {\n        color: this.internalValue,\n        disabled: this.disabled,\n        hideAlpha: this.hideAlpha,\n        'onUpdate:color': this.updateColor\n      })\n    },\n\n    genSwatches (): VNode {\n      return h(VColorPickerSwatches, {\n        disabled: this.disabled,\n        swatches: this.swatches,\n        color: this.internalValue,\n        maxHeight: this.swatchesMaxHeight,\n        'onUpdate:color': this.updateColor\n      })\n    }\n  },\n\n  render (): VNode {\n    return h(VSheet, {\n      class: ['v-color-picker', {\n        'v-color-picker--flat': this.flat,\n        ...this.themeClasses,\n        ...this.elevationClasses\n      }],\n      maxWidth: this.width\n    }, () => [\n      !this.hideCanvas && this.genCanvas(),\n      (!this.hideSliders || !this.hideInputs) && this.genControls(),\n      this.showSwatches && this.genSwatches()\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VColorPicker.js"}

package/es5/components/VColorPicker/VColorPickerCanvas.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerCanvas.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\n\n// Styles\nimport './VColorPickerCanvas.sass'\n\n// Helpers\nimport { clamp, convertToUnit } from '../../util/helpers'\nimport { fromHSVA, VColorPickerColor, fromRGBA } from './util'\n\n// Types\nimport type { VNode, PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'v-color-picker-canvas',\n\n  props: {\n    color: {\n      type: Object as PropType<VColorPickerColor>,\n      default: () => fromRGBA({ r: 255, g: 0, b: 0, a: 1 }),\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: ['update:color'],\n\n  data () {\n    return {\n      boundingRect: {\n        width: 0,\n        height: 0,\n        left: 0,\n        top: 0,\n      } as ClientRect,\n    }\n  },\n\n  computed: {\n    dot () {\n      if (!this.color) return { x: 0, y: 0 }\n\n      return {\n        x: this.color.hsva.s * parseInt(String(this.width), 10),\n        y: (1 - this.color.hsva.v) * parseInt(String(this.height), 10),\n      }\n    },\n  },\n\n  watch: {\n    'color.hue' () {\n      this.updateCanvas()\n    },\n  },\n\n  mounted () {\n    this.updateCanvas()\n  },\n\n  methods: {\n    updateCanvas () {\n      if (!this.color) return\n\n      const canvas = this.$refs.canvas as HTMLCanvasElement\n      if (!canvas) return\n\n      const ctx = canvas.getContext('2d')\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(${this.color.hue}, 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    emitColor (x: number, y: number) {\n      const { left, top, width, height } = this.boundingRect\n\n      this.$emit('update:color', fromHSVA({\n        h: this.color!.hue,\n        s: clamp(x - left, 0, width) / width,\n        v: 1 - clamp(y - top, 0, height) / height,\n        a: this.color!.alpha,\n      }))\n    },\n\n    handleClick (e: MouseEvent) {\n      if (this.disabled) return\n\n      this.boundingRect = this.$el.getBoundingClientRect()\n      this.emitColor(e.clientX, e.clientY)\n    },\n\n    handleMouseMove (e: MouseEvent) {\n      if (this.disabled) return\n      this.emitColor(e.clientX, e.clientY)\n    },\n\n    handleMouseUp () {\n      window.removeEventListener('mousemove', this.handleMouseMove)\n      window.removeEventListener('mouseup', this.handleMouseUp)\n    },\n\n    handleMouseDown (e: MouseEvent) {\n      // To prevent selection while moving cursor\n      e.preventDefault()\n\n      if (this.disabled) return\n\n      this.boundingRect = this.$el.getBoundingClientRect()\n\n      window.addEventListener('mousemove', this.handleMouseMove)\n      window.addEventListener('mouseup', this.handleMouseUp)\n    },\n\n    genCanvas (): VNode {\n      return h('canvas', {\n        ref: 'canvas',\n        width: this.width,\n        height: this.height,\n      })\n    },\n\n    genDot (): VNode {\n      const radius = parseInt(String(this.dotSize), 10) / 2\n      const x = convertToUnit(this.dot.x - radius)\n      const y = convertToUnit(this.dot.y - radius)\n\n      return h('div', {\n        class: ['v-color-picker__canvas-dot', {\n          'v-color-picker__canvas-dot--disabled': this.disabled,\n        }],\n        style: {\n          width: convertToUnit(this.dotSize),\n          height: convertToUnit(this.dotSize),\n          transform: `translate(${x}, ${y})`,\n        },\n      })\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: 'v-color-picker__canvas',\n      style: {\n        width: convertToUnit(this.width),\n        height: convertToUnit(this.height),\n      },\n      onClick: this.handleClick,\n      onMousedown: this.handleMouseDown,\n    }, [\n      this.genCanvas(),\n      this.genDot(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VColorPickerCanvas.js"}
+{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerCanvas.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\n\n// Styles\nimport './VColorPickerCanvas.sass'\n\n// Helpers\nimport { clamp, convertToUnit } from '../../util/helpers'\nimport { fromHSVA, VColorPickerColor, fromRGBA } from './util'\n\n// Types\nimport type { VNode, PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'v-color-picker-canvas',\n\n  props: {\n    color: {\n      type: Object as PropType<VColorPickerColor>,\n      default: () => fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\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: ['update:color'],\n\n  data () {\n    return {\n      boundingRect: {\n        width: 0,\n        height: 0,\n        left: 0,\n        top: 0\n      } as ClientRect\n    }\n  },\n\n  computed: {\n    dot () {\n      if (!this.color) return { x: 0, y: 0 }\n\n      return {\n        x: this.color.hsva.s * parseInt(String(this.width), 10),\n        y: (1 - this.color.hsva.v) * parseInt(String(this.height), 10)\n      }\n    }\n  },\n\n  watch: {\n    'color.hue' () {\n      this.updateCanvas()\n    }\n  },\n\n  mounted () {\n    this.updateCanvas()\n  },\n\n  methods: {\n    updateCanvas () {\n      if (!this.color) return\n\n      const canvas = this.$refs.canvas as HTMLCanvasElement\n      if (!canvas) return\n\n      const ctx = canvas.getContext('2d')\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(${this.color.hue}, 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    emitColor (x: number, y: number) {\n      const { left, top, width, height } = this.boundingRect\n\n      this.$emit('update:color', fromHSVA({\n        h: this.color!.hue,\n        s: clamp(x - left, 0, width) / width,\n        v: 1 - clamp(y - top, 0, height) / height,\n        a: this.color!.alpha\n      }))\n    },\n\n    handleClick (e: MouseEvent) {\n      if (this.disabled) return\n\n      this.boundingRect = this.$el.getBoundingClientRect()\n      this.emitColor(e.clientX, e.clientY)\n    },\n\n    handleMouseMove (e: MouseEvent) {\n      if (this.disabled) return\n      this.emitColor(e.clientX, e.clientY)\n    },\n\n    handleMouseUp () {\n      window.removeEventListener('mousemove', this.handleMouseMove)\n      window.removeEventListener('mouseup', this.handleMouseUp)\n    },\n\n    handleMouseDown (e: MouseEvent) {\n      // To prevent selection while moving cursor\n      e.preventDefault()\n\n      if (this.disabled) return\n\n      this.boundingRect = this.$el.getBoundingClientRect()\n\n      window.addEventListener('mousemove', this.handleMouseMove)\n      window.addEventListener('mouseup', this.handleMouseUp)\n    },\n\n    genCanvas (): VNode {\n      return h('canvas', {\n        ref: 'canvas',\n        width: this.width,\n        height: this.height\n      })\n    },\n\n    genDot (): VNode {\n      const radius = parseInt(String(this.dotSize), 10) / 2\n      const x = convertToUnit(this.dot.x - radius)\n      const y = convertToUnit(this.dot.y - radius)\n\n      return h('div', {\n        class: ['v-color-picker__canvas-dot', {\n          'v-color-picker__canvas-dot--disabled': this.disabled\n        }],\n        style: {\n          width: convertToUnit(this.dotSize),\n          height: convertToUnit(this.dotSize),\n          transform: `translate(${x}, ${y})`\n        }\n      })\n    }\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: 'v-color-picker__canvas',\n      style: {\n        width: convertToUnit(this.width),\n        height: convertToUnit(this.height)\n      },\n      onClick: this.handleClick,\n      onMousedown: this.handleMouseDown\n    }, [\n      this.genCanvas(),\n      this.genDot()\n    ])\n  }\n})\n"],"sourceRoot":"","file":"VColorPickerCanvas.js"}

package/es5/components/VColorPicker/VColorPickerEdit.js

@@ -157,7 +157,9 @@ var _default2 = (0, _vue.defineComponent)({
         onClick: this.changeMode
       }, {
         default: function _default() {
-          return [(0, _vue.h)(_VIcon.default, {}, '$unfold')];
+          return [(0, _vue.h)(_VIcon.default, {}, function () {
+            return '$unfold';
+          })];
         }
       });
     }

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

@@ -1 +1 @@
-{"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"}
+{"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/es5/components/VColorPicker/VColorPickerPreview.js.map

@@ -1 +1 @@
-{"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"}
+{"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/es5/components/VColorPicker/VColorPickerSwatches.js

@@ -68,7 +68,9 @@ var _default2 = (0, _vue.defineComponent)({
         small: true,
         dark: (0, _colorUtils.contrastRatio)(this.color.rgba, white) > 2 && this.color.alpha > 0.5,
         light: (0, _colorUtils.contrastRatio)(this.color.rgba, black) > 2 && this.color.alpha > 0.5
-      }, '$success')]);
+      }, function () {
+        return '$success';
+      })]);
       return (0, _vue.h)('div', {
         class: 'v-color-picker__color',
         onClick: function onClick() {