@dimailn/vuetify 2.7.2-alpha3 → 2.7.2-alpha32

package/lib/components/VDatePicker/VDatePickerTitle.js

@@ -6,6 +6,7 @@ import VIcon from '../VIcon'; // Mixins
 import PickerButton from '../../mixins/picker-button'; // Utils
 
 import mixins from '../../util/mixins';
+import { breaking } from '../../util/console';
 export default mixins(PickerButton
 /* @vue/component */
 ).extend({
@@ -18,7 +19,7 @@ export default mixins(PickerButton
     disabled: Boolean,
     readonly: Boolean,
     selectingYear: Boolean,
-    value: {
+    modelValue: {
       type: String
     },
     year: {
@@ -29,6 +30,7 @@ export default mixins(PickerButton
       type: String
     }
   },
+  emits: ['update:selecting-year'],
   data: () => ({
     isReversing: false
   }),
@@ -38,8 +40,18 @@ export default mixins(PickerButton
     }
 
   },
+
+  created() {
+    const breakingProps = [['value', 'modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
   watch: {
-    value(val, prev) {
+    modelValue(val, prev) {
       this.isReversing = val < prev;
     }
 
@@ -48,7 +60,7 @@ export default mixins(PickerButton
     genYearIcon() {
       return h(VIcon, {
         dark: true
-      }, this.yearIcon);
+      }, () => this.yearIcon);
     },
 
     getYearBtn() {
@@ -58,9 +70,9 @@ export default mixins(PickerButton
     genTitleText() {
       return h(Transition, {
         name: this.computedTransition
-      }, [h('div', {
+      }, () => [h('div', {
         innerHTML: this.date || '&nbsp;',
-        key: this.value
+        key: this.modelValue
       })]);
     },
 

package/lib/components/VDatePicker/VDatePickerTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerTitle.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,EAAW,UAAX,QAA4B,KAA5B;AACA,OAAO,2DAAP,C,CAEA;;AACA,OAAO,KAAP,MAAkB,UAAlB,C,CAEA;;AACA,OAAO,YAAP,MAAyB,4BAAzB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA,eAAe,MAAM,CACnB;AACF;AAFqB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,qBADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KADD;AAKL,IAAA,QAAQ,EAAE,OALL;AAML,IAAA,QAAQ,EAAE,OANL;AAOL,IAAA,aAAa,EAAE,OAPV;AAQL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE;AADD,KARF;AAWL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KAXD;AAeL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE;AADE;AAfL,GAHA;AAuBP,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,WAAW,EAAE;AADF,GAAP,CAvBC;AA2BP,EAAA,QAAQ,EAAE;AACR,IAAA,kBAAkB,GAAA;AAChB,aAAO,KAAK,WAAL,GAAmB,2BAAnB,GAAiD,mBAAxD;AACD;;AAHO,GA3BH;AAiCP,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,CAAE,GAAF,EAAe,IAAf,EAA2B;AAC9B,WAAK,WAAL,GAAmB,GAAG,GAAG,IAAzB;AACD;;AAHI,GAjCA;AAuCP,EAAA,OAAO,EAAE;AACP,IAAA,WAAW,GAAA;AACT,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,IAAI,EAAE;AADQ,OAAR,EAEL,KAAK,QAFA,CAAR;AAGD,KALM;;AAMP,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,eAAL,CAAqB,eAArB,EAAsC,IAAtC,EAA4C,CACjD,MAAM,CAAC,KAAK,IAAN,CAD2C,EAEjD,KAAK,QAAL,GAAgB,KAAK,WAAL,EAAhB,GAAqC,IAFY,CAA5C,EAGJ,KAHI,EAGG,2BAHH,CAAP;AAID,KAXM;;AAYP,IAAA,YAAY,GAAA;AACV,aAAO,CAAC,CAAC,UAAD,EAAa;AACnB,QAAA,IAAI,EAAE,KAAK;AADQ,OAAb,EAEL,CACD,CAAC,CAAC,KAAD,EAAQ;AACP,QAAA,SAAS,EAAE,KAAK,IAAL,IAAa,QADjB;AAEP,QAAA,GAAG,EAAE,KAAK;AAFH,OAAR,CADA,CAFK,CAAR;AAQD,KArBM;;AAsBP,IAAA,YAAY,GAAA;AACV,aAAO,KAAK,eAAL,CAAqB,eAArB,EAAsC,KAAtC,EAA6C,CAAC,KAAK,YAAL,EAAD,CAA7C,EAAoE,KAApE,EAA2E,2BAA3E,CAAP;AACD;;AAxBM,GAvCF;;AAkEP,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE,CAAC,qBAAD,EAAwB;AAC7B,yCAAiC,KAAK;AADT,OAAxB;AADO,KAAR,EAIL,CACD,KAAK,UAAL,EADC,EAED,KAAK,YAAL,EAFC,CAJK,CAAR;AAQD;;AA3EM,CAHM,CAAf","sourcesContent":["import {h, Transition} from 'vue'\nimport './VDatePickerTitle.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-title',\n\n  props: {\n    date: {\n      type: String,\n      default: '',\n    },\n    disabled: Boolean,\n    readonly: Boolean,\n    selectingYear: Boolean,\n    value: {\n      type: String,\n    },\n    year: {\n      type: [Number, String],\n      default: '',\n    },\n    yearIcon: {\n      type: String,\n    },\n  },\n\n  data: () => ({\n    isReversing: false,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return this.isReversing ? 'picker-reverse-transition' : 'picker-transition'\n    },\n  },\n\n  watch: {\n    value (val: string, prev: string) {\n      this.isReversing = val < prev\n    },\n  },\n\n  methods: {\n    genYearIcon (): VNode {\n      return h(VIcon, {\n        dark: true,\n      }, this.yearIcon)\n    },\n    getYearBtn (): VNode {\n      return this.genPickerButton('selectingYear', true, [\n        String(this.year),\n        this.yearIcon ? this.genYearIcon() : null,\n      ], false, 'v-date-picker-title__year')\n    },\n    genTitleText (): VNode {\n      return h(Transition, {\n        name: this.computedTransition,\n      }, [\n        h('div', {\n          innerHTML: this.date || '&nbsp;',\n          key: this.value\n        }),\n      ])\n    },\n    genTitleDate (): VNode {\n      return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'v-date-picker-title__date')\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-date-picker-title', {\n        'v-date-picker-title--disabled': this.disabled,\n      }]\n    }, [\n      this.getYearBtn(),\n      this.genTitleDate(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerTitle.js"}
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerTitle.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, Transition } from 'vue'\nimport './VDatePickerTitle.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\n\nexport default mixins(\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-title',\n\n  props: {\n    date: {\n      type: String,\n      default: '',\n    },\n    disabled: Boolean,\n    readonly: Boolean,\n    selectingYear: Boolean,\n    modelValue: {\n      type: String,\n    },\n    year: {\n      type: [Number, String],\n      default: '',\n    },\n    yearIcon: {\n      type: String,\n    },\n  },\n\n  emits: ['update:selecting-year'],\n\n  data: () => ({\n    isReversing: false,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return this.isReversing ? 'picker-reverse-transition' : 'picker-transition'\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['value', '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 (val: string, prev: string) {\n      this.isReversing = val < prev\n    },\n  },\n\n  methods: {\n    genYearIcon (): VNode {\n      return h(VIcon, {\n        dark: true,\n      }, () => this.yearIcon)\n    },\n    getYearBtn (): VNode {\n      return this.genPickerButton('selectingYear', true, [\n        String(this.year),\n        this.yearIcon ? this.genYearIcon() : null,\n      ], false, 'v-date-picker-title__year')\n    },\n    genTitleText (): VNode {\n      return h(Transition, {\n        name: this.computedTransition,\n      }, () => [\n        h('div', {\n          innerHTML: this.date || '&nbsp;',\n          key: this.modelValue,\n        }),\n      ])\n    },\n    genTitleDate (): VNode {\n      return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'v-date-picker-title__date')\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-date-picker-title', {\n        'v-date-picker-title--disabled': this.disabled,\n      }],\n    }, [\n      this.getYearBtn(),\n      this.genTitleDate(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerTitle.js"}

package/lib/components/VDatePicker/VDatePickerYears.js

@@ -3,9 +3,11 @@ import "../../../src/components/VDatePicker/VDatePickerYears.sass"; // Mixins
 import Colorable from '../../mixins/colorable';
 import Localable from '../../mixins/localable'; // Utils
 
-import { createItemTypeNativeListeners, createNativeLocaleFormatter } from './util';
-import { mergeListeners } from '../../util/mergeData';
+import { createNativeLocaleFormatter } from './util';
 import mixins from '../../util/mixins';
+import { breaking } from '../../util/console'; // Types
+
+import { h } from 'vue';
 export default mixins(Colorable, Localable
 /* @vue/component */
 ).extend({
@@ -15,7 +17,7 @@ export default mixins(Colorable, Localable
     min: [Number, String],
     max: [Number, String],
     readonly: Boolean,
-    value: [Number, String]
+    modelValue: [Number, String]
   },
 
   data() {
@@ -36,6 +38,15 @@ export default mixins(Colorable, Localable
 
   },
 
+  created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
   mounted() {
     setTimeout(() => {
       const activeItem = this.$el.getElementsByClassName('active')[0];
@@ -55,22 +66,20 @@ export default mixins(Colorable, Localable
   methods: {
     genYearItem(year) {
       const formatted = this.formatter(`${year}`);
-      const active = parseInt(this.value, 10) === year;
+      const active = parseInt(this.modelValue, 10) === year;
       const color = active && (this.color || 'primary');
       return h('li', this.setTextColor(color, {
         key: year,
         class: {
           active
         },
-        on: mergeListeners({
-          click: () => this.$emit('input', year)
-        }, createItemTypeNativeListeners(this, ':year', year))
+        onClick: () => this.$emit('update:modelValue', year)
       }), formatted);
     },
 
     genYearItems() {
       const children = [];
-      const selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear();
+      const selectedYear = this.modelValue ? parseInt(this.modelValue, 10) : new Date().getFullYear();
       const maxYear = this.max ? parseInt(this.max, 10) : selectedYear + 100;
       const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : selectedYear - 100);
 

package/lib/components/VDatePicker/VDatePickerYears.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerYears.ts"],"names":[],"mappings":"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","sourcesContent":["import './VDatePickerYears.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\n\n// Utils\nimport {\n  createItemTypeNativeListeners,\n  createNativeLocaleFormatter,\n} from './util'\nimport { mergeListeners } from '../../util/mergeData'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport Vue, { VNode, PropType } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\ninterface options extends Vue {\n  $el: HTMLElement\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractVue<[\n    typeof Colorable,\n    typeof Localable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Localable\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-years',\n\n  props: {\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: [Number, String],\n    max: [Number, String],\n    readonly: Boolean,\n    value: [Number, String],\n  },\n\n  data () {\n    return {\n      defaultColor: 'primary',\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n    },\n  },\n\n  mounted () {\n    setTimeout(() => {\n      const activeItem = this.$el.getElementsByClassName('active')[0]\n      if (activeItem) {\n        this.$el.scrollTop = activeItem.offsetTop - this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2\n      } else if (this.min && !this.max) {\n        this.$el.scrollTop = this.$el.scrollHeight\n      } else if (!this.min && this.max) {\n        this.$el.scrollTop = 0\n      } else {\n        this.$el.scrollTop = this.$el.scrollHeight / 2 - this.$el.offsetHeight / 2\n      }\n    })\n  },\n\n  methods: {\n    genYearItem (year: number): VNode {\n      const formatted = this.formatter(`${year}`)\n      const active = parseInt(this.value, 10) === year\n      const color = active && (this.color || 'primary')\n\n      return h('li', this.setTextColor(color, {\n        key: year,\n        class: { active },\n        on: mergeListeners({\n          click: () => this.$emit('input', year),\n        }, createItemTypeNativeListeners(this, ':year', year)),\n      }), formatted)\n    },\n\n    genYearItems (): VNode[] {\n      const children = []\n      const selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear()\n      const maxYear = this.max ? parseInt(this.max, 10) : (selectedYear + 100)\n      const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : (selectedYear - 100))\n\n      for (let year = maxYear; year >= minYear; year--) {\n        children.push(this.genYearItem(year))\n      }\n\n      return children\n    },\n  },\n\n  render (): VNode {\n    return h('ul', {\n      class: 'v-date-picker-years',\n      ref: 'years',\n    }, this.genYearItems())\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerYears.js"}
+{"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerYears.ts"],"names":[],"mappings":"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","sourcesContent":["import './VDatePickerYears.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Localable from '../../mixins/localable'\n\n// Utils\nimport {\n  createNativeLocaleFormatter,\n} from './util'\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType, h } from 'vue'\nimport { DatePickerFormatter } from 'vuetify/types'\n\ninterface options {\n  $el: HTMLElement\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractVue<[\n    typeof Colorable,\n    typeof Localable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Localable\n/* @vue/component */\n).extend({\n  name: 'v-date-picker-years',\n\n  props: {\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    min: [Number, String],\n    max: [Number, String],\n    readonly: Boolean,\n    modelValue: [Number, String],\n  },\n\n  data () {\n    return {\n      defaultColor: 'primary',\n    }\n  },\n\n  computed: {\n    formatter (): DatePickerFormatter {\n      return this.format || createNativeLocaleFormatter(this.currentLocale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\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  mounted () {\n    setTimeout(() => {\n      const activeItem = this.$el.getElementsByClassName('active')[0]\n      if (activeItem) {\n        this.$el.scrollTop = activeItem.offsetTop - this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2\n      } else if (this.min && !this.max) {\n        this.$el.scrollTop = this.$el.scrollHeight\n      } else if (!this.min && this.max) {\n        this.$el.scrollTop = 0\n      } else {\n        this.$el.scrollTop = this.$el.scrollHeight / 2 - this.$el.offsetHeight / 2\n      }\n    })\n  },\n\n  methods: {\n    genYearItem (year: number): VNode {\n      const formatted = this.formatter(`${year}`)\n      const active = parseInt(this.modelValue, 10) === year\n      const color = active && (this.color || 'primary')\n\n      return h('li', this.setTextColor(color, {\n        key: year,\n        class: { active },\n        onClick: () => this.$emit('update:modelValue', year),\n      }), formatted)\n    },\n\n    genYearItems (): VNode[] {\n      const children = []\n      const selectedYear = this.modelValue ? parseInt(this.modelValue, 10) : new Date().getFullYear()\n      const maxYear = this.max ? parseInt(this.max, 10) : (selectedYear + 100)\n      const minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : (selectedYear - 100))\n\n      for (let year = maxYear; year >= minYear; year--) {\n        children.push(this.genYearItem(year))\n      }\n\n      return children\n    },\n  },\n\n  render (): VNode {\n    return h('ul', {\n      class: 'v-date-picker-years',\n      ref: 'years',\n    }, this.genYearItems())\n  },\n})\n"],"sourceRoot":"","file":"VDatePickerYears.js"}

package/lib/components/VDatePicker/mixins/date-picker-table.js

@@ -10,15 +10,13 @@ import { createItemTypeNativeListeners, sanitizeDateString } from '../util';
 import isDateAllowed from '../util/isDateAllowed';
 import { mergeListeners } from '../../../util/mergeData';
 import mixins from '../../../util/mixins';
-import { throttle } from '../../../util/helpers'; // Types
+import { throttle } from '../../../util/helpers';
+import { breaking } from '../../../util/console'; // Types
 
 import { Transition, withDirectives, h } from 'vue';
 export default mixins(Colorable, Localable, Themeable
 /* @vue/component */
 ).extend({
-  directives: {
-    Touch
-  },
   props: {
     allowedDates: Function,
     current: String,
@@ -41,7 +39,7 @@ export default mixins(Colorable, Localable, Themeable
       type: String,
       required: true
     },
-    value: [String, Array]
+    modelValue: [String, Array]
   },
   data: () => ({
     isReversing: false,
@@ -58,9 +56,24 @@ export default mixins(Colorable, Localable, Themeable
 
     displayedYear() {
       return Number(this.tableDate.split('-')[0]);
+    },
+
+    // Vue 3 compatibility: use modelValue
+    currentValue() {
+      return this.modelValue;
     }
 
   },
+
+  created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+  },
+
   watch: {
     tableDate(newVal, oldVal) {
       this.isReversing = newVal < oldVal;
@@ -93,7 +106,9 @@ export default mixins(Colorable, Localable, Themeable
       if (this.disabled) return undefined;
       return mergeListeners({
         onClick: () => {
-          if (isAllowed && !this.readonly) this.$emit('input', value);
+          if (isAllowed && !this.readonly) {
+            this.$emit('update:modelValue', value);
+          }
         }
       }, createItemTypeNativeListeners(this, `:${mouseEventType}`, value));
     },
@@ -107,9 +122,9 @@ export default mixins(Colorable, Localable, Themeable
       let isFirst = false;
       let isLast = false;
 
-      if (this.range && !!this.value && Array.isArray(this.value)) {
-        isFirst = value === this.value[0];
-        isLast = value === this.value[this.value.length - 1];
+      if (this.range && !!this.currentValue && Array.isArray(this.currentValue)) {
+        isFirst = value === this.currentValue[0];
+        isLast = value === this.currentValue[this.currentValue.length - 1];
       }
 
       return h('button', setColor(color, {
@@ -180,7 +195,7 @@ export default mixins(Colorable, Localable, Themeable
     genTable(staticClass, children, calculateTableDate) {
       const transition = h(Transition, {
         name: this.computedTransition
-      }, [h('table', {
+      }, () => [h('table', {
         key: this.tableDate
       }, children)]);
       const touchDirective = [Touch, {
@@ -206,16 +221,16 @@ export default mixins(Colorable, Localable, Themeable
     },
 
     isSelected(value) {
-      if (Array.isArray(this.value)) {
-        if (this.range && this.value.length === 2) {
-          const [from, to] = [...this.value].sort();
+      if (Array.isArray(this.currentValue)) {
+        if (this.range && this.currentValue.length === 2) {
+          const [from, to] = [...this.currentValue].sort();
           return from <= value && value <= to;
         } else {
-          return this.value.indexOf(value) !== -1;
+          return this.currentValue.indexOf(value) !== -1;
         }
       }
 
-      return value === this.value;
+      return value === this.currentValue;
     }
 
   }

package/lib/components/VDatePicker/mixins/date-picker-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VDatePicker/mixins/date-picker-table.ts"],"names":[],"mappings":"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","sourcesContent":["import '../VDatePickerTable.sass'\n\n// Directives\nimport Touch from '../../../directives/touch'\n\n// Mixins\nimport Colorable from '../../../mixins/colorable'\nimport Localable from '../../../mixins/localable'\nimport Themeable from '../../../mixins/themeable'\n\n// Utils\nimport { createItemTypeNativeListeners, sanitizeDateString } from '../util'\nimport isDateAllowed from '../util/isDateAllowed'\nimport { mergeListeners } from '../../../util/mergeData'\nimport mixins from '../../../util/mixins'\nimport { throttle } from '../../../util/helpers'\n\n// Types\nimport {\n  PropType,\n  VNodeChildren,\n  Transition,\n  withDirectives,\n  h\n} from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport {\n  DatePickerAllowedDatesFunction,\n  DatePickerEventColors,\n  DatePickerEventColorValue,\n  DatePickerEvents,\n  DatePickerFormatter,\n  TouchWrapper,\n} from 'vuetify/types'\n\ntype CalculateTableDateFunction = (v: number) => string\n\nexport default mixins(\n  Colorable,\n  Localable,\n  Themeable\n/* @vue/component */\n).extend({\n  directives: { Touch },\n\n  props: {\n    allowedDates: Function as PropType<DatePickerAllowedDatesFunction | undefined>,\n    current: String,\n    disabled: Boolean,\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    events: {\n      type: [Array, Function, Object],\n      default: () => null,\n    } as PropValidator<DatePickerEvents | null>,\n    eventColor: {\n      type: [Array, Function, Object, String],\n      default: () => 'warning',\n    } as PropValidator<DatePickerEventColors>,\n    min: String,\n    max: String,\n    range: Boolean,\n    readonly: Boolean,\n    scrollable: Boolean,\n    tableDate: {\n      type: String,\n      required: true,\n    },\n    value: [String, Array] as PropType<string | string[]>,\n  },\n\n  data: () => ({\n    isReversing: false,\n    wheelThrottle: null as any,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition'\n    },\n    displayedMonth (): number {\n      return Number(this.tableDate.split('-')[1]) - 1\n    },\n    displayedYear (): number {\n      return Number(this.tableDate.split('-')[0])\n    },\n  },\n\n  watch: {\n    tableDate (newVal: string, oldVal: string) {\n      this.isReversing = newVal < oldVal\n    },\n  },\n\n  mounted () {\n    this.wheelThrottle = throttle(this.wheel, 250)\n  },\n\n  methods: {\n    genButtonClasses (\n      isAllowed: boolean,\n      isFloating: boolean,\n      isSelected: boolean,\n      isCurrent: boolean,\n      isFirst: boolean,\n      isLast: boolean,\n    ) {\n      return {\n        'v-size--default': !isFloating,\n        'v-date-picker-table__current': isCurrent,\n        'v-btn--active': isSelected,\n        'v-btn--flat': !isAllowed || this.disabled,\n        'v-btn--text': isSelected === isCurrent,\n        'v-btn--rounded': isFloating,\n        'v-btn--disabled': !isAllowed || this.disabled,\n        'v-btn--outlined': isCurrent && !isSelected,\n        'v-date-picker--first-in-range': isFirst,\n        'v-date-picker--last-in-range': isLast,\n        ...this.themeClasses,\n      }\n    },\n    genButtonEvents (value: string, isAllowed: boolean, mouseEventType: string) {\n      if (this.disabled) return undefined\n\n      return mergeListeners({\n        onClick: () => {\n          if (isAllowed && !this.readonly) this.$emit('input', value)\n        },\n      }, createItemTypeNativeListeners(this, `:${mouseEventType}`, value))\n    },\n    genButton (value: string, isFloating: boolean, mouseEventType: string, formatter: DatePickerFormatter, isOtherMonth = false) {\n      const isAllowed = isDateAllowed(value, this.min, this.max, this.allowedDates)\n      const isSelected = this.isSelected(value) && isAllowed\n      const isCurrent = value === this.current\n      const setColor = isSelected ? this.setBackgroundColor : this.setTextColor\n      const color = (isSelected || isCurrent) && (this.color || 'accent')\n      let isFirst = false\n      let isLast = false\n      if (this.range && !!this.value && Array.isArray(this.value)) {\n        isFirst = value === this.value[0]\n        isLast = value === this.value[this.value.length - 1]\n      }\n\n      return h('button', setColor(color, {\n        class: ['v-btn', this.genButtonClasses(\n          isAllowed && !isOtherMonth,\n          isFloating,\n          isSelected,\n          isCurrent,\n          isFirst,\n          isLast,\n        )],\n        type: 'button',\n        disabled: this.disabled || !isAllowed || isOtherMonth,\n        ...this.genButtonEvents(value, isAllowed, mouseEventType),\n      }), [\n        h('div', {\n          class: 'v-btn__content',\n        }, [formatter(value)]),\n        this.genEvents(value),\n      ])\n    },\n    getEventColors (date: string) {\n      const arrayize = (v: string | string[]) => Array.isArray(v) ? v : [v]\n      let eventData: boolean | DatePickerEventColorValue\n      let eventColors: string[] = []\n\n      if (Array.isArray(this.events)) {\n        eventData = this.events.includes(date)\n      } else if (this.events instanceof Function) {\n        eventData = this.events(date) || false\n      } else if (this.events) {\n        eventData = this.events[date] || false\n      } else {\n        eventData = false\n      }\n\n      if (!eventData) {\n        return []\n      } else if (eventData !== true) {\n        eventColors = arrayize(eventData)\n      } else if (typeof this.eventColor === 'string') {\n        eventColors = [this.eventColor]\n      } else if (typeof this.eventColor === 'function') {\n        eventColors = arrayize(this.eventColor(date))\n      } else if (Array.isArray(this.eventColor)) {\n        eventColors = this.eventColor\n      } else {\n        eventColors = arrayize(this.eventColor[date])\n      }\n\n      return eventColors.filter(v => v)\n    },\n    genEvents (date: string) {\n      const eventColors = this.getEventColors(date)\n\n      return eventColors.length ? h('div', {\n        class: 'v-date-picker-table__events',\n      }, eventColors.map(color => h('div', this.setBackgroundColor(color)))) : null\n    },\n    isValidScroll (value: number, calculateTableDate: CalculateTableDateFunction) {\n      const tableDate = calculateTableDate(value)\n      // tableDate is 'YYYY-MM' for DateTable and 'YYYY' for MonthTable\n      const sanitizeType = tableDate.split('-').length === 1 ? 'year' : 'month'\n      return (value < 0 && (this.min ? tableDate >= sanitizeDateString(this.min, sanitizeType) : true)) ||\n        (value > 0 && (this.max ? tableDate <= sanitizeDateString(this.max, sanitizeType) : true))\n    },\n    wheel (e: WheelEvent, calculateTableDate: CalculateTableDateFunction) {\n      this.$emit('update:table-date', calculateTableDate(e.deltaY))\n    },\n    touch (value: number, calculateTableDate: CalculateTableDateFunction) {\n      this.$emit('update:table-date', calculateTableDate(value))\n    },\n    genTable (staticClass: string, children: VNodeChildren, calculateTableDate: CalculateTableDateFunction) {\n      const transition = h(Transition, {\n        name: this.computedTransition,\n      }, [h('table', { key: this.tableDate }, children)])\n\n      const touchDirective = [\n        Touch,\n        {\n          left: (e: TouchWrapper) => (e.offsetX < -15) &&\n            (this.isValidScroll(1, calculateTableDate) && this.touch(1, calculateTableDate)),\n          right: (e: TouchWrapper) => (e.offsetX > 15) &&\n            (this.isValidScroll(-1, calculateTableDate) && this.touch(-1, calculateTableDate)),\n        }\n      ]\n\n      return withDirectives(h('div', {\n        class: {\n          [staticClass]: true,\n          'v-date-picker-table--disabled': this.disabled,\n          ...this.themeClasses,\n        },\n        ...((!this.disabled && this.scrollable) ? {\n          onWheel: (e: WheelEvent) => {\n            e.preventDefault()\n            if (this.isValidScroll(e.deltaY, calculateTableDate)) { this.wheelThrottle(e, calculateTableDate) }\n          },\n        } : {}),\n      }, [transition]), [touchDirective])\n    },\n    isSelected (value: string): boolean {\n      if (Array.isArray(this.value)) {\n        if (this.range && this.value.length === 2) {\n          const [from, to] = [...this.value].sort()\n          return from <= value && value <= to\n        } else {\n          return this.value.indexOf(value) !== -1\n        }\n      }\n\n      return value === this.value\n    },\n  },\n})\n"],"sourceRoot":"","file":"date-picker-table.js"}
+{"version":3,"sources":["../../../../src/components/VDatePicker/mixins/date-picker-table.ts"],"names":[],"mappings":"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","sourcesContent":["import '../VDatePickerTable.sass'\n\n// Directives\nimport Touch from '../../../directives/touch'\n\n// Mixins\nimport Colorable from '../../../mixins/colorable'\nimport Localable from '../../../mixins/localable'\nimport Themeable from '../../../mixins/themeable'\n\n// Utils\nimport { createItemTypeNativeListeners, sanitizeDateString } from '../util'\nimport isDateAllowed from '../util/isDateAllowed'\nimport { mergeListeners } from '../../../util/mergeData'\nimport mixins from '../../../util/mixins'\nimport { throttle } from '../../../util/helpers'\nimport { breaking } from '../../../util/console'\n\n// Types\nimport {\n  PropType,\n  VNodeChildren,\n  Transition,\n  withDirectives,\n  h,\n} from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport {\n  DatePickerAllowedDatesFunction,\n  DatePickerEventColors,\n  DatePickerEventColorValue,\n  DatePickerEvents,\n  DatePickerFormatter,\n  TouchWrapper,\n} from 'vuetify/types'\n\ntype CalculateTableDateFunction = (v: number) => string\n\nexport default mixins(\n  Colorable,\n  Localable,\n  Themeable\n/* @vue/component */\n).extend({\n\n  props: {\n    allowedDates: Function as PropType<DatePickerAllowedDatesFunction | undefined>,\n    current: String,\n    disabled: Boolean,\n    format: Function as PropType<DatePickerFormatter | undefined>,\n    events: {\n      type: [Array, Function, Object],\n      default: () => null,\n    } as PropValidator<DatePickerEvents | null>,\n    eventColor: {\n      type: [Array, Function, Object, String],\n      default: () => 'warning',\n    } as PropValidator<DatePickerEventColors>,\n    min: String,\n    max: String,\n    range: Boolean,\n    readonly: Boolean,\n    scrollable: Boolean,\n    tableDate: {\n      type: String,\n      required: true,\n    },\n    modelValue: [String, Array] as PropType<string | string[]>,\n  },\n\n  data: () => ({\n    isReversing: false,\n    wheelThrottle: null as any,\n  }),\n\n  computed: {\n    computedTransition (): string {\n      return (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition'\n    },\n    displayedMonth (): number {\n      return Number(this.tableDate.split('-')[1]) - 1\n    },\n    displayedYear (): number {\n      return Number(this.tableDate.split('-')[0])\n    },\n    // Vue 3 compatibility: use modelValue\n    currentValue (): string | string[] | undefined {\n      return 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    tableDate (newVal: string, oldVal: string) {\n      this.isReversing = newVal < oldVal\n    },\n  },\n\n  mounted () {\n    this.wheelThrottle = throttle(this.wheel, 250)\n  },\n\n  methods: {\n    genButtonClasses (\n      isAllowed: boolean,\n      isFloating: boolean,\n      isSelected: boolean,\n      isCurrent: boolean,\n      isFirst: boolean,\n      isLast: boolean,\n    ) {\n      return {\n        'v-size--default': !isFloating,\n        'v-date-picker-table__current': isCurrent,\n        'v-btn--active': isSelected,\n        'v-btn--flat': !isAllowed || this.disabled,\n        'v-btn--text': isSelected === isCurrent,\n        'v-btn--rounded': isFloating,\n        'v-btn--disabled': !isAllowed || this.disabled,\n        'v-btn--outlined': isCurrent && !isSelected,\n        'v-date-picker--first-in-range': isFirst,\n        'v-date-picker--last-in-range': isLast,\n        ...this.themeClasses,\n      }\n    },\n    genButtonEvents (value: string, isAllowed: boolean, mouseEventType: string) {\n      if (this.disabled) return undefined\n\n      return mergeListeners({\n        onClick: () => {\n          if (isAllowed && !this.readonly) {\n            this.$emit('update:modelValue', value)\n          }\n        },\n      }, createItemTypeNativeListeners(this, `:${mouseEventType}`, value))\n    },\n    genButton (value: string, isFloating: boolean, mouseEventType: string, formatter: DatePickerFormatter, isOtherMonth = false) {\n      const isAllowed = isDateAllowed(value, this.min, this.max, this.allowedDates)\n      const isSelected = this.isSelected(value) && isAllowed\n      const isCurrent = value === this.current\n      const setColor = isSelected ? this.setBackgroundColor : this.setTextColor\n      const color = (isSelected || isCurrent) && (this.color || 'accent')\n      let isFirst = false\n      let isLast = false\n      if (this.range && !!this.currentValue && Array.isArray(this.currentValue)) {\n        isFirst = value === this.currentValue[0]\n        isLast = value === this.currentValue[this.currentValue.length - 1]\n      }\n\n      return h('button', setColor(color, {\n        class: ['v-btn', this.genButtonClasses(\n          isAllowed && !isOtherMonth,\n          isFloating,\n          isSelected,\n          isCurrent,\n          isFirst,\n          isLast,\n        )],\n        type: 'button',\n        disabled: this.disabled || !isAllowed || isOtherMonth,\n        ...this.genButtonEvents(value, isAllowed, mouseEventType),\n      }), [\n        h('div', {\n          class: 'v-btn__content',\n        }, [formatter(value)]),\n        this.genEvents(value),\n      ])\n    },\n    getEventColors (date: string) {\n      const arrayize = (v: string | string[]) => Array.isArray(v) ? v : [v]\n      let eventData: boolean | DatePickerEventColorValue\n      let eventColors: string[] = []\n\n      if (Array.isArray(this.events)) {\n        eventData = this.events.includes(date)\n      } else if (this.events instanceof Function) {\n        eventData = this.events(date) || false\n      } else if (this.events) {\n        eventData = this.events[date] || false\n      } else {\n        eventData = false\n      }\n\n      if (!eventData) {\n        return []\n      } else if (eventData !== true) {\n        eventColors = arrayize(eventData)\n      } else if (typeof this.eventColor === 'string') {\n        eventColors = [this.eventColor]\n      } else if (typeof this.eventColor === 'function') {\n        eventColors = arrayize(this.eventColor(date))\n      } else if (Array.isArray(this.eventColor)) {\n        eventColors = this.eventColor\n      } else {\n        eventColors = arrayize(this.eventColor[date])\n      }\n\n      return eventColors.filter(v => v)\n    },\n    genEvents (date: string) {\n      const eventColors = this.getEventColors(date)\n\n      return eventColors.length ? h('div', {\n        class: 'v-date-picker-table__events',\n      }, eventColors.map(color => h('div', this.setBackgroundColor(color)))) : null\n    },\n    isValidScroll (value: number, calculateTableDate: CalculateTableDateFunction) {\n      const tableDate = calculateTableDate(value)\n      // tableDate is 'YYYY-MM' for DateTable and 'YYYY' for MonthTable\n      const sanitizeType = tableDate.split('-').length === 1 ? 'year' : 'month'\n      return (value < 0 && (this.min ? tableDate >= sanitizeDateString(this.min, sanitizeType) : true)) ||\n        (value > 0 && (this.max ? tableDate <= sanitizeDateString(this.max, sanitizeType) : true))\n    },\n    wheel (e: WheelEvent, calculateTableDate: CalculateTableDateFunction) {\n      this.$emit('update:table-date', calculateTableDate(e.deltaY))\n    },\n    touch (value: number, calculateTableDate: CalculateTableDateFunction) {\n      this.$emit('update:table-date', calculateTableDate(value))\n    },\n    genTable (staticClass: string, children: VNodeChildren, calculateTableDate: CalculateTableDateFunction) {\n      const transition = h(Transition, {\n        name: this.computedTransition,\n      }, () => [h('table', { key: this.tableDate }, children)])\n\n      const touchDirective = [\n        Touch,\n        {\n          left: (e: TouchWrapper) => (e.offsetX < -15) &&\n            (this.isValidScroll(1, calculateTableDate) && this.touch(1, calculateTableDate)),\n          right: (e: TouchWrapper) => (e.offsetX > 15) &&\n            (this.isValidScroll(-1, calculateTableDate) && this.touch(-1, calculateTableDate)),\n        },\n      ]\n\n      return withDirectives(h('div', {\n        class: {\n          [staticClass]: true,\n          'v-date-picker-table--disabled': this.disabled,\n          ...this.themeClasses,\n        },\n        ...((!this.disabled && this.scrollable) ? {\n          onWheel: (e: WheelEvent) => {\n            e.preventDefault()\n            if (this.isValidScroll(e.deltaY, calculateTableDate)) { this.wheelThrottle(e, calculateTableDate) }\n          },\n        } : {}),\n      }, [transition]), [touchDirective])\n    },\n    isSelected (value: string): boolean {\n      if (Array.isArray(this.currentValue)) {\n        if (this.range && this.currentValue.length === 2) {\n          const [from, to] = [...this.currentValue].sort()\n          return from <= value && value <= to\n        } else {\n          return this.currentValue.indexOf(value) !== -1\n        }\n      }\n\n      return value === this.currentValue\n    },\n  },\n})\n"],"sourceRoot":"","file":"date-picker-table.js"}

package/lib/components/VDatePicker/util/createNativeLocaleFormatter.js

@@ -5,6 +5,10 @@ function createNativeLocaleFormatter(locale, options, substrOptions = {
   length: 0
 }) {
   const makeIsoString = dateString => {
+    if (!dateString || dateString === 'undefined' || dateString === 'null') {
+      return '1970-01-01'; // fallback date
+    }
+
     const [year, month, date] = dateString.trim().split(' ')[0].split('-');
     return [pad(year, 4), pad(month || 1), pad(date || 1)].join('-');
   };

package/lib/components/VDatePicker/util/createNativeLocaleFormatter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/VDatePicker/util/createNativeLocaleFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,OAAhB;;AAmBA,SAAS,2BAAT,CACE,MADF,EAEE,OAFF,EAGE,aAAA,GAA+B;AAAE,EAAA,KAAK,EAAE,CAAT;AAAY,EAAA,MAAM,EAAE;AAApB,CAHjC,EAGwD;AAEtD,QAAM,aAAa,GAAI,UAAD,IAAuB;AAC3C,UAAM,CAAC,IAAD,EAAO,KAAP,EAAc,IAAd,IAAsB,UAAU,CAAC,IAAX,GAAkB,KAAlB,CAAwB,GAAxB,EAA6B,CAA7B,EAAgC,KAAhC,CAAsC,GAAtC,CAA5B;AACA,WAAO,CAAC,GAAG,CAAC,IAAD,EAAO,CAAP,CAAJ,EAAe,GAAG,CAAC,KAAK,IAAI,CAAV,CAAlB,EAAgC,GAAG,CAAC,IAAI,IAAI,CAAT,CAAnC,EAAgD,IAAhD,CAAqD,GAArD,CAAP;AACD,GAHD;;AAKA,MAAI;AACF,UAAM,aAAa,GAAG,IAAI,IAAI,CAAC,cAAT,CAAwB,MAAM,IAAI,SAAlC,EAA6C,OAA7C,CAAtB;AACA,WAAQ,UAAD,IAAwB,aAAa,CAAC,MAAd,CAAqB,IAAI,IAAJ,CAAS,GAAG,aAAa,CAAC,UAAD,CAAY,iBAArC,CAArB,CAA/B;AACD,GAHD,CAGE,OAAO,CAAP,EAAU;AACV,WAAQ,aAAa,CAAC,KAAd,IAAuB,aAAa,CAAC,MAAtC,GACF,UAAD,IAAwB,aAAa,CAAC,UAAD,CAAb,CAA0B,MAA1B,CAAiC,aAAa,CAAC,KAAd,IAAuB,CAAxD,EAA2D,aAAa,CAAC,MAAzE,CADrB,GAEH,SAFJ;AAGD;AACF;;AAED,eAAe,2BAAf","sourcesContent":["import pad from './pad'\nimport { DatePickerFormatter } from 'vuetify/types'\n\ninterface SubstrOptions {\n  start?: number\n  length: number\n}\n\nfunction createNativeLocaleFormatter (\n  local: string | undefined,\n  options: Intl.DateTimeFormatOptions\n): DatePickerFormatter | undefined\n\nfunction createNativeLocaleFormatter (\n  local: string | undefined,\n  options: Intl.DateTimeFormatOptions,\n  substrOptions: SubstrOptions\n): DatePickerFormatter\n\nfunction createNativeLocaleFormatter (\n  locale: string | undefined,\n  options: Intl.DateTimeFormatOptions,\n  substrOptions: SubstrOptions = { start: 0, length: 0 }\n): DatePickerFormatter | undefined {\n  const makeIsoString = (dateString: string) => {\n    const [year, month, date] = dateString.trim().split(' ')[0].split('-')\n    return [pad(year, 4), pad(month || 1), pad(date || 1)].join('-')\n  }\n\n  try {\n    const intlFormatter = new Intl.DateTimeFormat(locale || undefined, options)\n    return (dateString: string) => intlFormatter.format(new Date(`${makeIsoString(dateString)}T00:00:00+00:00`))\n  } catch (e) {\n    return (substrOptions.start || substrOptions.length)\n      ? (dateString: string) => makeIsoString(dateString).substr(substrOptions.start || 0, substrOptions.length)\n      : undefined\n  }\n}\n\nexport default createNativeLocaleFormatter\n"],"sourceRoot":"","file":"createNativeLocaleFormatter.js"}
+{"version":3,"sources":["../../../../src/components/VDatePicker/util/createNativeLocaleFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,GAAP,MAAgB,OAAhB;;AAmBA,SAAS,2BAAT,CACE,MADF,EAEE,OAFF,EAGE,aAAA,GAA+B;AAAE,EAAA,KAAK,EAAE,CAAT;AAAY,EAAA,MAAM,EAAE;AAApB,CAHjC,EAGwD;AAEtD,QAAM,aAAa,GAAI,UAAD,IAAuB;AAC3C,QAAI,CAAC,UAAD,IAAe,UAAU,KAAK,WAA9B,IAA6C,UAAU,KAAK,MAAhE,EAAwE;AACtE,aAAO,YAAP,CADsE,CAClD;AACrB;;AACD,UAAM,CAAC,IAAD,EAAO,KAAP,EAAc,IAAd,IAAsB,UAAU,CAAC,IAAX,GAAkB,KAAlB,CAAwB,GAAxB,EAA6B,CAA7B,EAAgC,KAAhC,CAAsC,GAAtC,CAA5B;AACA,WAAO,CAAC,GAAG,CAAC,IAAD,EAAO,CAAP,CAAJ,EAAe,GAAG,CAAC,KAAK,IAAI,CAAV,CAAlB,EAAgC,GAAG,CAAC,IAAI,IAAI,CAAT,CAAnC,EAAgD,IAAhD,CAAqD,GAArD,CAAP;AACD,GAND;;AAQA,MAAI;AACF,UAAM,aAAa,GAAG,IAAI,IAAI,CAAC,cAAT,CAAwB,MAAM,IAAI,SAAlC,EAA6C,OAA7C,CAAtB;AACA,WAAQ,UAAD,IAAwB,aAAa,CAAC,MAAd,CAAqB,IAAI,IAAJ,CAAS,GAAG,aAAa,CAAC,UAAD,CAAY,iBAArC,CAArB,CAA/B;AACD,GAHD,CAGE,OAAO,CAAP,EAAU;AACV,WAAQ,aAAa,CAAC,KAAd,IAAuB,aAAa,CAAC,MAAtC,GACF,UAAD,IAAwB,aAAa,CAAC,UAAD,CAAb,CAA0B,MAA1B,CAAiC,aAAa,CAAC,KAAd,IAAuB,CAAxD,EAA2D,aAAa,CAAC,MAAzE,CADrB,GAEH,SAFJ;AAGD;AACF;;AAED,eAAe,2BAAf","sourcesContent":["import pad from './pad'\nimport { DatePickerFormatter } from 'vuetify/types'\n\ninterface SubstrOptions {\n  start?: number\n  length: number\n}\n\nfunction createNativeLocaleFormatter (\n  local: string | undefined,\n  options: Intl.DateTimeFormatOptions\n): DatePickerFormatter | undefined\n\nfunction createNativeLocaleFormatter (\n  local: string | undefined,\n  options: Intl.DateTimeFormatOptions,\n  substrOptions: SubstrOptions\n): DatePickerFormatter\n\nfunction createNativeLocaleFormatter (\n  locale: string | undefined,\n  options: Intl.DateTimeFormatOptions,\n  substrOptions: SubstrOptions = { start: 0, length: 0 }\n): DatePickerFormatter | undefined {\n  const makeIsoString = (dateString: string) => {\n    if (!dateString || dateString === 'undefined' || dateString === 'null') {\n      return '1970-01-01' // fallback date\n    }\n    const [year, month, date] = dateString.trim().split(' ')[0].split('-')\n    return [pad(year, 4), pad(month || 1), pad(date || 1)].join('-')\n  }\n\n  try {\n    const intlFormatter = new Intl.DateTimeFormat(locale || undefined, options)\n    return (dateString: string) => intlFormatter.format(new Date(`${makeIsoString(dateString)}T00:00:00+00:00`))\n  } catch (e) {\n    return (substrOptions.start || substrOptions.length)\n      ? (dateString: string) => makeIsoString(dateString).substr(substrOptions.start || 0, substrOptions.length)\n      : undefined\n  }\n}\n\nexport default createNativeLocaleFormatter\n"],"sourceRoot":"","file":"createNativeLocaleFormatter.js"}

package/lib/components/VDialog/VDialog.js

@@ -14,7 +14,7 @@ import Stackable from '../../mixins/stackable'; // Directives
 import ClickOutside from '../../directives/click-outside'; // Helpers
 
 import mixins from '../../util/mixins';
-import { removed } from '../../util/console';
+import { removed, breaking } from '../../util/console';
 import { convertToUnit, keyCodes } from '../../util/helpers';
 const baseMixins = mixins(Dependent, Detachable, Overlayable, Returnable, Stackable, Activatable);
 /* @vue/component */
@@ -44,6 +44,7 @@ export default baseMixins.extend({
     },
     width: [String, Number]
   },
+  emits: ['click:outside', 'keydown', 'update:return-value', 'update:modelValue'],
 
   data() {
     return {
@@ -108,7 +109,14 @@ export default baseMixins.extend({
   },
 
   created() {
+    const breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
     /* istanbul ignore next */
+
+    breakingProps.forEach(([original, replacement]) => {
+      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
+    });
+    /* istanbul ignore next */
+
     if (this.$attrs.hasOwnProperty('full-width')) {
       removed('full-width', this);
     }
@@ -121,7 +129,7 @@ export default baseMixins.extend({
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (typeof window !== 'undefined') this.unbind();
   },
 
@@ -227,7 +235,7 @@ export default baseMixins.extend({
         root: true,
         light: this.light,
         dark: this.dark
-      }, [h('div', {
+      }, () => [h('div', {
         class: this.contentClasses,
         role: 'dialog',
         'aria-modal': this.hideOverlay ? undefined : 'true',
@@ -247,7 +255,7 @@ export default baseMixins.extend({
         name: this.transition,
         origin: this.origin,
         appear: true
-      }, [content]);
+      }, () => [content]);
     },
 
     genInnerContent() {

package/lib/components/VDialog/VDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VDialog/VDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import {Transition, h, vShow, withDirectives} from 'vue'\n// Styles\nimport './VDialog.sass'\n\n// Components\nimport { VThemeProvider } from '../VThemeProvider'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Overlayable from '../../mixins/overlayable'\nimport Returnable from '../../mixins/returnable'\nimport Stackable from '../../mixins/stackable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Helpers\nimport mixins from '../../util/mixins'\nimport { removed } from '../../util/console'\nimport {\n  convertToUnit,\n  keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeData } from 'vue'\n\nconst baseMixins = mixins(\n  Dependent,\n  Detachable,\n  Overlayable,\n  Returnable,\n  Stackable,\n  Activatable,\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-dialog',\n\n  props: {\n    dark: Boolean,\n    disabled: Boolean,\n    fullscreen: Boolean,\n    light: Boolean,\n    maxWidth: [String, Number],\n    noClickAnimation: Boolean,\n    origin: {\n      type: String,\n      default: 'center center',\n    },\n    persistent: Boolean,\n    retainFocus: {\n      type: Boolean,\n      default: true,\n    },\n    scrollable: Boolean,\n    transition: {\n      type: [String, Boolean],\n      default: 'dialog-transition',\n    },\n    width: [String, Number],\n  },\n\n  data () {\n    return {\n      activatedBy: null as EventTarget | null,\n      animate: false,\n      animateTimeout: -1,\n      stackMinZIndex: 200,\n      previousActiveElement: null as HTMLElement | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        [(`v-dialog ${this.contentClass}`).trim()]: true,\n        'v-dialog--active': this.isActive,\n        'v-dialog--persistent': this.persistent,\n        'v-dialog--fullscreen': this.fullscreen,\n        'v-dialog--scrollable': this.scrollable,\n        'v-dialog--animated': this.animate,\n      }\n    },\n    contentClasses (): object {\n      return {\n        'v-dialog__content': true,\n        'v-dialog__content--active': this.isActive,\n      }\n    },\n    hasActivator (): boolean {\n      return Boolean(\n        !!this.$slots.activator ||\n        !!this.$slots.activator\n      )\n    },\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.show()\n        this.hideScroll()\n      } else {\n        this.removeOverlay()\n        this.unbind()\n        this.previousActiveElement?.focus()\n      }\n    },\n    fullscreen (val) {\n      if (!this.isActive) return\n\n      if (val) {\n        this.hideScroll()\n        this.removeOverlay(false)\n      } else {\n        this.showScroll()\n        this.genOverlay()\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('full-width')) {\n      removed('full-width', this)\n    }\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.isBooted = this.isActive\n      this.isActive && this.show()\n    })\n  },\n\n  beforeDestroy () {\n    if (typeof window !== 'undefined') this.unbind()\n  },\n\n  methods: {\n    animateClick () {\n      this.animate = false\n      // Needed for when clicking very fast\n      // outside of the dialog\n      this.$nextTick(() => {\n        this.animate = true\n        window.clearTimeout(this.animateTimeout)\n        this.animateTimeout = window.setTimeout(() => (this.animate = false), 150)\n      })\n    },\n    closeConditional (e: Event) {\n      const target = e.target as HTMLElement\n      // Ignore the click if the dialog is closed or destroyed,\n      // if it was on an element inside the content,\n      // if it was dragged onto the overlay (#6969),\n      // or if this isn't the topmost dialog (#9907)\n      return !(\n        this._isDestroyed ||\n        !this.isActive ||\n        this.$refs.content.contains(target) ||\n        (this.overlay && target && !this.overlay.$el.contains(target))\n      ) && this.activeZIndex >= this.getMaxZIndex()\n    },\n    hideScroll () {\n      if (this.fullscreen) {\n        document.documentElement.classList.add('overflow-y-hidden')\n      } else {\n        Overlayable.methods.hideScroll.call(this)\n      }\n    },\n    show () {\n      !this.fullscreen && !this.hideOverlay && this.genOverlay()\n      // Double nextTick to wait for lazy content to be generated\n      this.$nextTick(() => {\n        this.$nextTick(() => {\n          if (!this.$refs.dialog?.contains(document.activeElement)) {\n            this.previousActiveElement = document.activeElement as HTMLElement\n            this.$refs.dialog?.focus()\n          }\n          this.bind()\n        })\n      })\n    },\n    bind () {\n      window.addEventListener('focusin', this.onFocusin)\n    },\n    unbind () {\n      window.removeEventListener('focusin', this.onFocusin)\n    },\n    onClickOutside (e: Event) {\n      this.$emit('click:outside', e)\n\n      if (this.persistent) {\n        this.noClickAnimation || this.animateClick()\n      } else {\n        this.isActive = false\n      }\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.esc && !this.getOpenDependents().length) {\n        if (!this.persistent) {\n          this.isActive = false\n          const activator = this.getActivator()\n          this.$nextTick(() => activator && (activator as HTMLElement).focus())\n        } else if (!this.noClickAnimation) {\n          this.animateClick()\n        }\n      }\n      this.$emit('keydown', e)\n    },\n    // On focus change, wrap focus to stay inside the dialog\n    // https://github.com/vuetifyjs/vuetify/issues/6892\n    onFocusin (e: Event) {\n      if (!e || !this.retainFocus) return\n\n      const target = e.target as HTMLElement\n\n      if (\n        !!target &&\n        this.$refs.dialog &&\n        // It isn't the document or the dialog body\n        ![document, this.$refs.dialog].includes(target) &&\n        // It isn't inside the dialog body\n        !this.$refs.dialog.contains(target) &&\n        // We're the topmost dialog\n        this.activeZIndex >= this.getMaxZIndex() &&\n        // It isn't inside a dependent element (like a menu)\n        !this.getOpenDependentElements().some(el => el.contains(target))\n        // So we must have focused something outside the dialog and its children\n      ) {\n        // Find and focus the first available element inside the dialog\n        const focusable = this.$refs.dialog.querySelectorAll('button, [href], input:not([type=\"hidden\"]), select, textarea, [tabindex]:not([tabindex=\"-1\"])')\n        const el = [...focusable].find(el => !el.hasAttribute('disabled') && !el.matches('[tabindex=\"-1\"]')) as HTMLElement | undefined\n        el && el.focus()\n      }\n    },\n    genContent () {\n      return this.showLazyContent(() => [\n        h(VThemeProvider, {\n          root: true,\n          light: this.light,\n          dark: this.dark\n        }, [\n          h('div', {\n            class: this.contentClasses,\n            role: 'dialog',\n            'aria-modal': this.hideOverlay ? undefined : 'true',\n            ...this.getScopeIdAttrs(),\n            onKeydown: this.onKeydown,\n            style: { zIndex: this.activeZIndex },\n            ref: 'content',\n          }, [this.genTransition()]),\n        ]),\n      ])\n    },\n    genTransition () {\n      const content = this.genInnerContent()\n\n      if (!this.transition) return content\n\n      return h(Transition, {\n        name: this.transition,\n        origin: this.origin,\n        appear: true\n      }, [content])\n    },\n    genInnerContent () {\n      const directives = [\n        [\n          ClickOutside,\n          {\n            handler: this.onClickOutside,\n            closeConditional: this.closeConditional,\n            include: this.getOpenDependentElements,\n          }\n        ],\n        [\n          vShow,\n          this.isActive\n        ]\n      ]\n      const data: VNodeData = {\n        class: this.classes,\n        tabindex: this.isActive ? 0 : undefined,\n        ref: 'dialog',\n        style: {\n          transformOrigin: this.origin,\n        },\n      }\n\n      if (!this.fullscreen) {\n        data.style = {\n          ...data.style as object,\n          maxWidth: convertToUnit(this.maxWidth),\n          width: convertToUnit(this.width),\n        }\n      }\n\n      return withDirectives(\n        h('div', data, this.getContentSlot()),\n        directives\n      )\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-dialog__container', {\n        'v-dialog__container--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }]\n    }, [\n      this.genActivator(),\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VDialog.js"}
+{"version":3,"sources":["../../../src/components/VDialog/VDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { Transition, h, vShow, withDirectives } from 'vue'\n// Styles\nimport './VDialog.sass'\n\n// Components\nimport { VThemeProvider } from '../VThemeProvider'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Overlayable from '../../mixins/overlayable'\nimport Returnable from '../../mixins/returnable'\nimport Stackable from '../../mixins/stackable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Helpers\nimport mixins from '../../util/mixins'\nimport { removed, breaking } from '../../util/console'\nimport {\n  convertToUnit,\n  keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeData } from 'vue'\n\nconst baseMixins = mixins(\n  Dependent,\n  Detachable,\n  Overlayable,\n  Returnable,\n  Stackable,\n  Activatable,\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-dialog',\n\n  props: {\n    dark: Boolean,\n    disabled: Boolean,\n    fullscreen: Boolean,\n    light: Boolean,\n    maxWidth: [String, Number],\n    noClickAnimation: Boolean,\n    origin: {\n      type: String,\n      default: 'center center',\n    },\n    persistent: Boolean,\n    retainFocus: {\n      type: Boolean,\n      default: true,\n    },\n    scrollable: Boolean,\n    transition: {\n      type: [String, Boolean],\n      default: 'dialog-transition',\n    },\n    width: [String, Number],\n  },\n\n  emits: ['click:outside', 'keydown', 'update:return-value', 'update:modelValue'],\n\n  data () {\n    return {\n      activatedBy: null as EventTarget | null,\n      animate: false,\n      animateTimeout: -1,\n      stackMinZIndex: 200,\n      previousActiveElement: null as HTMLElement | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        [(`v-dialog ${this.contentClass}`).trim()]: true,\n        'v-dialog--active': this.isActive,\n        'v-dialog--persistent': this.persistent,\n        'v-dialog--fullscreen': this.fullscreen,\n        'v-dialog--scrollable': this.scrollable,\n        'v-dialog--animated': this.animate,\n      }\n    },\n    contentClasses (): object {\n      return {\n        'v-dialog__content': true,\n        'v-dialog__content--active': this.isActive,\n      }\n    },\n    hasActivator (): boolean {\n      return Boolean(\n        !!this.$slots.activator ||\n        !!this.$slots.activator\n      )\n    },\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.show()\n        this.hideScroll()\n      } else {\n        this.removeOverlay()\n        this.unbind()\n        this.previousActiveElement?.focus()\n      }\n    },\n    fullscreen (val) {\n      if (!this.isActive) return\n\n      if (val) {\n        this.hideScroll()\n        this.removeOverlay(false)\n      } else {\n        this.showScroll()\n        this.genOverlay()\n      }\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    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('full-width')) {\n      removed('full-width', this)\n    }\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.isBooted = this.isActive\n      this.isActive && this.show()\n    })\n  },\n\n  beforeUnmount () {\n    if (typeof window !== 'undefined') this.unbind()\n  },\n\n  methods: {\n    animateClick () {\n      this.animate = false\n      // Needed for when clicking very fast\n      // outside of the dialog\n      this.$nextTick(() => {\n        this.animate = true\n        window.clearTimeout(this.animateTimeout)\n        this.animateTimeout = window.setTimeout(() => (this.animate = false), 150)\n      })\n    },\n    closeConditional (e: Event) {\n      const target = e.target as HTMLElement\n      // Ignore the click if the dialog is closed or destroyed,\n      // if it was on an element inside the content,\n      // if it was dragged onto the overlay (#6969),\n      // or if this isn't the topmost dialog (#9907)\n      return !(\n        this._isDestroyed ||\n        !this.isActive ||\n        this.$refs.content.contains(target) ||\n        (this.overlay && target && !this.overlay.$el.contains(target))\n      ) && this.activeZIndex >= this.getMaxZIndex()\n    },\n    hideScroll () {\n      if (this.fullscreen) {\n        document.documentElement.classList.add('overflow-y-hidden')\n      } else {\n        Overlayable.methods.hideScroll.call(this)\n      }\n    },\n    show () {\n      !this.fullscreen && !this.hideOverlay && this.genOverlay()\n      // Double nextTick to wait for lazy content to be generated\n      this.$nextTick(() => {\n        this.$nextTick(() => {\n          if (!this.$refs.dialog?.contains(document.activeElement)) {\n            this.previousActiveElement = document.activeElement as HTMLElement\n            this.$refs.dialog?.focus()\n          }\n          this.bind()\n        })\n      })\n    },\n    bind () {\n      window.addEventListener('focusin', this.onFocusin)\n    },\n    unbind () {\n      window.removeEventListener('focusin', this.onFocusin)\n    },\n    onClickOutside (e: Event) {\n      this.$emit('click:outside', e)\n\n      if (this.persistent) {\n        this.noClickAnimation || this.animateClick()\n      } else {\n        this.isActive = false\n      }\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.esc && !this.getOpenDependents().length) {\n        if (!this.persistent) {\n          this.isActive = false\n          const activator = this.getActivator()\n          this.$nextTick(() => activator && (activator as HTMLElement).focus())\n        } else if (!this.noClickAnimation) {\n          this.animateClick()\n        }\n      }\n      this.$emit('keydown', e)\n    },\n    // On focus change, wrap focus to stay inside the dialog\n    // https://github.com/vuetifyjs/vuetify/issues/6892\n    onFocusin (e: Event) {\n      if (!e || !this.retainFocus) return\n\n      const target = e.target as HTMLElement\n\n      if (\n        !!target &&\n        this.$refs.dialog &&\n        // It isn't the document or the dialog body\n        ![document, this.$refs.dialog].includes(target) &&\n        // It isn't inside the dialog body\n        !this.$refs.dialog.contains(target) &&\n        // We're the topmost dialog\n        this.activeZIndex >= this.getMaxZIndex() &&\n        // It isn't inside a dependent element (like a menu)\n        !this.getOpenDependentElements().some(el => el.contains(target))\n        // So we must have focused something outside the dialog and its children\n      ) {\n        // Find and focus the first available element inside the dialog\n        const focusable = this.$refs.dialog.querySelectorAll('button, [href], input:not([type=\"hidden\"]), select, textarea, [tabindex]:not([tabindex=\"-1\"])')\n        const el = [...focusable].find(el => !el.hasAttribute('disabled') && !el.matches('[tabindex=\"-1\"]')) as HTMLElement | undefined\n        el && el.focus()\n      }\n    },\n    genContent () {\n      return this.showLazyContent(() => [\n        h(VThemeProvider, {\n          root: true,\n          light: this.light,\n          dark: this.dark,\n        }, () => [\n          h('div', {\n            class: this.contentClasses,\n            role: 'dialog',\n            'aria-modal': this.hideOverlay ? undefined : 'true',\n            ...this.getScopeIdAttrs(),\n            onKeydown: this.onKeydown,\n            style: { zIndex: this.activeZIndex },\n            ref: 'content',\n          }, [this.genTransition()]),\n        ]),\n      ])\n    },\n    genTransition () {\n      const content = this.genInnerContent()\n\n      if (!this.transition) return content\n\n      return h(Transition, {\n        name: this.transition,\n        origin: this.origin,\n        appear: true,\n      }, () => [content])\n    },\n    genInnerContent () {\n      const directives = [\n        [\n          ClickOutside,\n          {\n            handler: this.onClickOutside,\n            closeConditional: this.closeConditional,\n            include: this.getOpenDependentElements,\n          },\n        ],\n        [\n          vShow,\n          this.isActive,\n        ],\n      ]\n      const data: VNodeData = {\n        class: this.classes,\n        tabindex: this.isActive ? 0 : undefined,\n        ref: 'dialog',\n        style: {\n          transformOrigin: this.origin,\n        },\n      }\n\n      if (!this.fullscreen) {\n        data.style = {\n          ...data.style as object,\n          maxWidth: convertToUnit(this.maxWidth),\n          width: convertToUnit(this.width),\n        }\n      }\n\n      return withDirectives(\n        h('div', data, this.getContentSlot()),\n        directives\n      )\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-dialog__container', {\n        'v-dialog__container--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }],\n    }, [\n      this.genActivator(),\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VDialog.js"}

package/lib/components/VExpansionPanel/VExpansionPanel.js

@@ -9,6 +9,7 @@ export default mixins(GroupableFactory('expansionPanels', 'v-expansion-panel', '
 /* @vue/component */
 ).extend({
   name: 'v-expansion-panel',
+  emits: ['click', 'change'],
   props: {
     disabled: Boolean,
     readonly: Boolean

package/lib/components/VExpansionPanel/VExpansionPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VExpansionPanel/VExpansionPanel.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CAMA;;AACA,SAAS,OAAO,IAAI,gBAApB,QAA4C,wBAA5C;AACA,SAAS,OAAO,IAAI,kBAApB,QAA8C,0BAA9C,C,CAEA;;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAQA,eAAe,MAAM,CACnB,gBAAgB,CAA6C,iBAA7C,EAAgE,mBAAhE,EAAqF,oBAArF,CADG,EAEnB,kBAAkB,CAAC,gBAAD,EAAmB,IAAnB;AAClB;AAHmB,CAAN,CAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,mBADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,QAAQ,EAAE;AAFL,GAHA;;AAQP,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,OAAO,EAAE,IADJ;AAEL,MAAA,MAAM,EAAE,IAFH;AAGL,MAAA,YAAY,EAAE;AAHT,KAAP;AAKD,GAdM;;AAgBP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,qCAA6B,KAAK,QAD7B;AAEL,0CAAkC,KAAK,YAFlC;AAGL,uCAA+B,KAAK,UAH/B;AAIL,WAAG,KAAK;AAJH,OAAP;AAMD,KARO;;AASR,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,eAAL,CAAqB,QAArB,IAAiC,KAAK,QAA7C;AACD,KAXO;;AAYR,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,eAAL,CAAqB,QAArB,IAAiC,KAAK,QAA7C;AACD;;AAdO,GAhBH;AAiCP,EAAA,OAAO,EAAE;AACP,IAAA,eAAe,CAAE,EAAF,EAAoC;AACjD,WAAK,OAAL,GAAe,EAAf;AACD,KAHM;;AAIP,IAAA,iBAAiB,GAAA;AACf,WAAK,OAAL,GAAe,IAAf;AACD,KANM;;AAOP,IAAA,cAAc,CAAE,EAAF,EAAmC;AAC/C,WAAK,MAAL,GAAc,EAAd;AACA,MAAA,EAAE,CAAC,GAAH,CAAO,OAAP,EAAgB,KAAK,OAArB;AACD,KAVM;;AAWP,IAAA,gBAAgB,GAAA;AACd,WAAK,MAAL,GAAc,IAAd;AACD,KAbM;;AAcP,IAAA,OAAO,CAAE,CAAF,EAAe;AACpB,UAAI,CAAC,CAAC,MAAN,EAAc,KAAK,MAAL,CAAa,GAAb,CAAiB,IAAjB;AAEd,WAAK,KAAL,CAAW,OAAX,EAAoB,CAApB;AAEA,WAAK,UAAL,IAAmB,KAAK,UAAxB,IAAsC,KAAK,MAAL,EAAtC;AACD,KApBM;;AAqBP,IAAA,MAAM,GAAA;AACJ,WAAK,SAAL,CAAe,MAAK;AAClB,aAAK,KAAL,CAAW,QAAX;AACA,aAAK,WAAL,CAAiB,QAAjB;AACD,OAHD;AAID;;AA1BM,GAjCF;;AA8DP,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE,CAAC,mBAAD,EAAsB,KAAK,OAA3B,CADO;AAEd,uBAAiB,MAAM,CAAC,KAAK,QAAN;AAFT,KAAR,EAGL,OAAO,CAAC,IAAD,CAHF,CAAR;AAID;;AAnEM,CAJM,CAAf","sourcesContent":["import {h} from 'vue'\n// Components\nimport VExpansionPanels from './VExpansionPanels'\nimport VExpansionPanelHeader from './VExpansionPanelHeader'\nimport VExpansionPanelContent from './VExpansionPanelContent'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\ntype VExpansionPanelHeaderInstance = InstanceType<typeof VExpansionPanelHeader>\ntype VExpansionPanelContentInstance = InstanceType<typeof VExpansionPanelContent>\n\nexport default mixins(\n  GroupableFactory<'expansionPanels', typeof VExpansionPanels>('expansionPanels', 'v-expansion-panel', 'v-expansion-panels'),\n  RegistrableProvide('expansionPanel', true)\n  /* @vue/component */\n).extend({\n  name: 'v-expansion-panel',\n\n  props: {\n    disabled: Boolean,\n    readonly: Boolean,\n  },\n\n  data () {\n    return {\n      content: null as VExpansionPanelContentInstance | null,\n      header: null as VExpansionPanelHeaderInstance | null,\n      nextIsActive: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-expansion-panel--active': this.isActive,\n        'v-expansion-panel--next-active': this.nextIsActive,\n        'v-expansion-panel--disabled': this.isDisabled,\n        ...this.groupClasses,\n      }\n    },\n    isDisabled (): boolean {\n      return this.expansionPanels.disabled || this.disabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanels.readonly || this.readonly\n    },\n  },\n\n  methods: {\n    registerContent (vm: VExpansionPanelContentInstance) {\n      this.content = vm\n    },\n    unregisterContent () {\n      this.content = null\n    },\n    registerHeader (vm: VExpansionPanelHeaderInstance) {\n      this.header = vm\n      vm.$on('click', this.onClick)\n    },\n    unregisterHeader () {\n      this.header = null\n    },\n    onClick (e: MouseEvent) {\n      if (e.detail) this.header!.$el.blur()\n\n      this.$emit('click', e)\n\n      this.isReadonly || this.isDisabled || this.toggle()\n    },\n    toggle () {\n      this.$nextTick(() => {\n        this.$emit('change')\n        this.$emitLegacy('change')\n      })\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-expansion-panel', this.classes],\n      'aria-expanded': String(this.isActive),\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VExpansionPanel.js"}
+{"version":3,"sources":["../../../src/components/VExpansionPanel/VExpansionPanel.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CAMA;;AACA,SAAS,OAAO,IAAI,gBAApB,QAA4C,wBAA5C;AACA,SAAS,OAAO,IAAI,kBAApB,QAA8C,0BAA9C,C,CAEA;;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAQA,eAAe,MAAM,CACnB,gBAAgB,CAA6C,iBAA7C,EAAgE,mBAAhE,EAAqF,oBAArF,CADG,EAEnB,kBAAkB,CAAC,gBAAD,EAAmB,IAAnB;AAClB;AAHmB,CAAN,CAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,mBADC;AAGP,EAAA,KAAK,EAAE,CACL,OADK,EAEL,QAFK,CAHA;AAQP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,QAAQ,EAAE;AAFL,GARA;;AAaP,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,OAAO,EAAE,IADJ;AAEL,MAAA,MAAM,EAAE,IAFH;AAGL,MAAA,YAAY,EAAE;AAHT,KAAP;AAKD,GAnBM;;AAqBP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,qCAA6B,KAAK,QAD7B;AAEL,0CAAkC,KAAK,YAFlC;AAGL,uCAA+B,KAAK,UAH/B;AAIL,WAAG,KAAK;AAJH,OAAP;AAMD,KARO;;AASR,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,eAAL,CAAqB,QAArB,IAAiC,KAAK,QAA7C;AACD,KAXO;;AAYR,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,eAAL,CAAqB,QAArB,IAAiC,KAAK,QAA7C;AACD;;AAdO,GArBH;AAsCP,EAAA,OAAO,EAAE;AACP,IAAA,eAAe,CAAE,EAAF,EAAoC;AACjD,WAAK,OAAL,GAAe,EAAf;AACD,KAHM;;AAIP,IAAA,iBAAiB,GAAA;AACf,WAAK,OAAL,GAAe,IAAf;AACD,KANM;;AAOP,IAAA,cAAc,CAAE,EAAF,EAAmC;AAC/C,WAAK,MAAL,GAAc,EAAd;AACA,MAAA,EAAE,CAAC,GAAH,CAAO,OAAP,EAAgB,KAAK,OAArB;AACD,KAVM;;AAWP,IAAA,gBAAgB,GAAA;AACd,WAAK,MAAL,GAAc,IAAd;AACD,KAbM;;AAcP,IAAA,OAAO,CAAE,CAAF,EAAe;AACpB,UAAI,CAAC,CAAC,MAAN,EAAc,KAAK,MAAL,CAAa,GAAb,CAAiB,IAAjB;AAEd,WAAK,KAAL,CAAW,OAAX,EAAoB,CAApB;AAEA,WAAK,UAAL,IAAmB,KAAK,UAAxB,IAAsC,KAAK,MAAL,EAAtC;AACD,KApBM;;AAqBP,IAAA,MAAM,GAAA;AACJ,WAAK,SAAL,CAAe,MAAK;AAClB,aAAK,KAAL,CAAW,QAAX;AACA,aAAK,WAAL,CAAiB,QAAjB;AACD,OAHD;AAID;;AA1BM,GAtCF;;AAmEP,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE,CAAC,mBAAD,EAAsB,KAAK,OAA3B,CADO;AAEd,uBAAiB,MAAM,CAAC,KAAK,QAAN;AAFT,KAAR,EAGL,OAAO,CAAC,IAAD,CAHF,CAAR;AAID;;AAxEM,CAJM,CAAf","sourcesContent":["import {h} from 'vue'\n// Components\nimport VExpansionPanels from './VExpansionPanels'\nimport VExpansionPanelHeader from './VExpansionPanelHeader'\nimport VExpansionPanelContent from './VExpansionPanelContent'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\ntype VExpansionPanelHeaderInstance = InstanceType<typeof VExpansionPanelHeader>\ntype VExpansionPanelContentInstance = InstanceType<typeof VExpansionPanelContent>\n\nexport default mixins(\n  GroupableFactory<'expansionPanels', typeof VExpansionPanels>('expansionPanels', 'v-expansion-panel', 'v-expansion-panels'),\n  RegistrableProvide('expansionPanel', true)\n  /* @vue/component */\n).extend({\n  name: 'v-expansion-panel',\n\n  emits: [\n    'click',\n    'change',\n  ],\n\n  props: {\n    disabled: Boolean,\n    readonly: Boolean,\n  },\n\n  data () {\n    return {\n      content: null as VExpansionPanelContentInstance | null,\n      header: null as VExpansionPanelHeaderInstance | null,\n      nextIsActive: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-expansion-panel--active': this.isActive,\n        'v-expansion-panel--next-active': this.nextIsActive,\n        'v-expansion-panel--disabled': this.isDisabled,\n        ...this.groupClasses,\n      }\n    },\n    isDisabled (): boolean {\n      return this.expansionPanels.disabled || this.disabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanels.readonly || this.readonly\n    },\n  },\n\n  methods: {\n    registerContent (vm: VExpansionPanelContentInstance) {\n      this.content = vm\n    },\n    unregisterContent () {\n      this.content = null\n    },\n    registerHeader (vm: VExpansionPanelHeaderInstance) {\n      this.header = vm\n      vm.$on('click', this.onClick)\n    },\n    unregisterHeader () {\n      this.header = null\n    },\n    onClick (e: MouseEvent) {\n      if (e.detail) this.header!.$el.blur()\n\n      this.$emit('click', e)\n\n      this.isReadonly || this.isDisabled || this.toggle()\n    },\n    toggle () {\n      this.$nextTick(() => {\n        this.$emit('change')\n        this.$emitLegacy('change')\n      })\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-expansion-panel', this.classes],\n      'aria-expanded': String(this.isActive),\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"VExpansionPanel.js"}

package/lib/components/VExpansionPanel/VExpansionPanelContent.js

@@ -37,12 +37,12 @@ export default baseMixins.extend({
     this.expansionPanel.registerContent(this);
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.expansionPanel.unregisterContent();
   },
 
   render() {
-    return h(VExpandTransition, this.showLazyContent(() => [withDirectives(h('div', this.setBackgroundColor(this.color, {
+    return h(VExpandTransition, {}, () => this.showLazyContent(() => [withDirectives(h('div', this.setBackgroundColor(this.color, {
       class: 'v-expansion-panel-content'
     }), [h('div', {
       class: 'v-expansion-panel-content__wrap'

package/lib/components/VExpansionPanel/VExpansionPanelContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VExpansionPanel/VExpansionPanelContent.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,EAAW,KAAX,EAAkB,cAAlB,QAAuC,KAAvC;AAGA,SAAS,iBAAT,QAAkC,gBAAlC,C,CAEA;;AACA,OAAO,QAAP,MAAqB,uBAArB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,SAAS,MAAM,IAAI,iBAAnB,QAA4C,0BAA5C,C,CAEA;;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,MAAP,MAAmC,mBAAnC;AAKA,MAAM,UAAU,GAAG,MAAM,CACvB,QADuB,EAEvB,SAFuB,EAGvB,iBAAiB,CAAwC,gBAAxC,EAA0D,2BAA1D,EAAuF,mBAAvF,CAHM,CAAzB;AAUA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,2BADyB;AAG/B,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE;AADC,GAAP,CAHyB;AAO/B,EAAA,QAAQ,EAAE;AACR,IAAA,cAAc,GAAA;AACZ,aAAO,KAAK,cAAL,CAAoB,QAA3B;AACD;;AAHO,GAPqB;AAa/B,EAAA,KAAK,EAAE;AACL,IAAA,cAAc,EAAE;AACd,MAAA,SAAS,EAAE,IADG;;AAEd,MAAA,OAAO,CAAE,GAAF,EAAO,MAAP,EAAa;AAClB,YAAI,GAAJ,EAAS,KAAK,QAAL,GAAgB,IAAhB;AAET,YAAI,MAAM,IAAI,IAAd,EAAoB,KAAK,QAAL,GAAgB,GAAhB,CAApB,KACK,KAAK,SAAL,CAAe,MAAM,KAAK,QAAL,GAAgB,GAArC;AACN;;AAPa;AADX,GAbwB;;AAyB/B,EAAA,OAAO,GAAA;AACL,SAAK,cAAL,CAAoB,eAApB,CAAoC,IAApC;AACD,GA3B8B;;AA6B/B,EAAA,aAAa,GAAA;AACX,SAAK,cAAL,CAAoB,iBAApB;AACD,GA/B8B;;AAiC/B,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,iBAAD,EAAoB,KAAK,eAAL,CAAqB,MAAM,CACrD,cAAc,CAAC,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAC1D,MAAA,KAAK,EAAE;AADmD,KAApC,CAAR,EAEZ,CACF,CAAC,CAAC,KAAD,EAAQ;AAAE,MAAA,KAAK,EAAE;AAAT,KAAR,EAAsD,OAAO,CAAC,IAAD,EAAO,SAAP,EAAkB;AAAE,MAAA,IAAI,EAAE,KAAK;AAAb,KAAlB,CAA7D,CADC,CAFY,CAAF,EAIV,CACF,CACE,KADF,EAEE,KAAK,QAFP,CADE,CAJU,CADuC,CAA3B,CAApB,CAAR;AAYD;;AA9C8B,CAAlB,CAAf","sourcesContent":["import {h, vShow, withDirectives} from 'vue'\n// Components\nimport VExpansionPanel from './VExpansionPanel'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport Vue, { VNode, VueConstructor } from 'vue'\n\nconst baseMixins = mixins(\n  Bootable,\n  Colorable,\n  RegistrableInject<'expansionPanel', VueConstructor<Vue>>('expansionPanel', 'v-expansion-panel-content', 'v-expansion-panel')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  expansionPanel: InstanceType<typeof VExpansionPanel>\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-expansion-panel-content',\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  computed: {\n    parentIsActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n  },\n\n  watch: {\n    parentIsActive: {\n      immediate: true,\n      handler (val, oldVal) {\n        if (val) this.isBooted = true\n\n        if (oldVal == null) this.isActive = val\n        else this.$nextTick(() => this.isActive = val)\n      },\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerContent(this)\n  },\n\n  beforeDestroy () {\n    this.expansionPanel.unregisterContent()\n  },\n\n  render (): VNode {\n    return h(VExpandTransition, this.showLazyContent(() => [\n      withDirectives(h('div', this.setBackgroundColor(this.color, {\n        class: 'v-expansion-panel-content'\n      }), [\n        h('div', { class: 'v-expansion-panel-content__wrap' }, getSlot(this, 'default', { open: this.isActive })),\n      ]), [\n        [\n          vShow,\n          this.isActive\n        ]\n      ]),\n    ]))\n  },\n})\n"],"sourceRoot":"","file":"VExpansionPanelContent.js"}
+{"version":3,"sources":["../../../src/components/VExpansionPanel/VExpansionPanelContent.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,EAAW,KAAX,EAAkB,cAAlB,QAAuC,KAAvC;AAGA,SAAS,iBAAT,QAAkC,gBAAlC,C,CAEA;;AACA,OAAO,QAAP,MAAqB,uBAArB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,SAAS,MAAM,IAAI,iBAAnB,QAA4C,0BAA5C,C,CAEA;;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,MAAP,MAAmC,mBAAnC;AAKA,MAAM,UAAU,GAAG,MAAM,CACvB,QADuB,EAEvB,SAFuB,EAGvB,iBAAiB,CAAwC,gBAAxC,EAA0D,2BAA1D,EAAuF,mBAAvF,CAHM,CAAzB;AAUA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,2BADyB;AAG/B,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE;AADC,GAAP,CAHyB;AAO/B,EAAA,QAAQ,EAAE;AACR,IAAA,cAAc,GAAA;AACZ,aAAO,KAAK,cAAL,CAAoB,QAA3B;AACD;;AAHO,GAPqB;AAa/B,EAAA,KAAK,EAAE;AACL,IAAA,cAAc,EAAE;AACd,MAAA,SAAS,EAAE,IADG;;AAEd,MAAA,OAAO,CAAE,GAAF,EAAO,MAAP,EAAa;AAClB,YAAI,GAAJ,EAAS,KAAK,QAAL,GAAgB,IAAhB;AAET,YAAI,MAAM,IAAI,IAAd,EAAoB,KAAK,QAAL,GAAgB,GAAhB,CAApB,KACK,KAAK,SAAL,CAAe,MAAM,KAAK,QAAL,GAAgB,GAArC;AACN;;AAPa;AADX,GAbwB;;AAyB/B,EAAA,OAAO,GAAA;AACL,SAAK,cAAL,CAAoB,eAApB,CAAoC,IAApC;AACD,GA3B8B;;AA6B/B,EAAA,aAAa,GAAA;AACX,SAAK,cAAL,CAAoB,iBAApB;AACD,GA/B8B;;AAiC/B,EAAA,MAAM,GAAA;AACJ,WAAO,CAAC,CAAC,iBAAD,EAAoB,EAApB,EAAwB,MAAM,KAAK,eAAL,CAAqB,MAAM,CAC/D,cAAc,CAAC,CAAC,CAAC,KAAD,EAAQ,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAC1D,MAAA,KAAK,EAAE;AADmD,KAApC,CAAR,EAEZ,CACF,CAAC,CAAC,KAAD,EAAQ;AAAE,MAAA,KAAK,EAAE;AAAT,KAAR,EAAsD,OAAO,CAAC,IAAD,EAAO,SAAP,EAAkB;AAAE,MAAA,IAAI,EAAE,KAAK;AAAb,KAAlB,CAA7D,CADC,CAFY,CAAF,EAIV,CACF,CACE,KADF,EAEE,KAAK,QAFP,CADE,CAJU,CADiD,CAA3B,CAA9B,CAAR;AAYD;;AA9C8B,CAAlB,CAAf","sourcesContent":["import {h, vShow, withDirectives} from 'vue'\n// Components\nimport VExpansionPanel from './VExpansionPanel'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport Vue, { VNode, VueConstructor } from 'vue'\n\nconst baseMixins = mixins(\n  Bootable,\n  Colorable,\n  RegistrableInject<'expansionPanel', VueConstructor<Vue>>('expansionPanel', 'v-expansion-panel-content', 'v-expansion-panel')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  expansionPanel: InstanceType<typeof VExpansionPanel>\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-expansion-panel-content',\n\n  data: () => ({\n    isActive: false,\n  }),\n\n  computed: {\n    parentIsActive (): boolean {\n      return this.expansionPanel.isActive\n    },\n  },\n\n  watch: {\n    parentIsActive: {\n      immediate: true,\n      handler (val, oldVal) {\n        if (val) this.isBooted = true\n\n        if (oldVal == null) this.isActive = val\n        else this.$nextTick(() => this.isActive = val)\n      },\n    },\n  },\n\n  created () {\n    this.expansionPanel.registerContent(this)\n  },\n\n  beforeUnmount () {\n    this.expansionPanel.unregisterContent()\n  },\n\n  render (): VNode {\n    return h(VExpandTransition, {}, () => this.showLazyContent(() => [\n      withDirectives(h('div', this.setBackgroundColor(this.color, {\n        class: 'v-expansion-panel-content'\n      }), [\n        h('div', { class: 'v-expansion-panel-content__wrap' }, getSlot(this, 'default', { open: this.isActive })),\n      ]), [\n        [\n          vShow,\n          this.isActive\n        ]\n      ]),\n    ]))\n  },\n})\n"],"sourceRoot":"","file":"VExpansionPanelContent.js"}