@dimailn/vuetify 2.7.2-alpha18 → 2.7.2-alpha19

package/lib/components/transitions/expand-transition.js

@@ -13,6 +13,7 @@ export default function (expandedParentClass = '', x = false) {
     },
 
     onEnter(el) {
+      if (el.style.display === 'none') return;
       const initialStyle = el._initialStyle;
       el.style.setProperty('transition', 'none', 'important'); // Hide overflow to account for collapsed margins in the calculated height
 

package/lib/components/transitions/expand-transition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/transitions/expand-transition.ts"],"names":[],"mappings":"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","sourcesContent":["import { upperFirst } from '../../util/helpers'\n\ninterface HTMLExpandElement extends HTMLElement {\n  _parent?: (Node & ParentNode & HTMLElement) | null\n  _initialStyle?: {\n    transition: string\n    overflow: string\n    height?: string | null\n    width?: string | null\n  }\n}\n\nexport default function (expandedParentClass = '', x = false) {\n  const sizeProperty = x ? 'width' : 'height' as 'width' | 'height'\n  const offsetProperty = `offset${upperFirst(sizeProperty)}` as 'offsetHeight' | 'offsetWidth'\n\n  return {\n    onBeforeEnter (el: HTMLExpandElement) {\n      el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null\n      el._initialStyle = {\n        transition: el.style.transition,\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n    },\n\n    onEnter (el: HTMLExpandElement) {\n      const initialStyle = el._initialStyle!\n\n      el.style.setProperty('transition', 'none', 'important')\n      // Hide overflow to account for collapsed margins in the calculated height\n      el.style.overflow = 'hidden'\n      const offset = `${el[offsetProperty]}px`\n\n      el.style[sizeProperty] = '0'\n\n      void el.offsetHeight // force reflow\n\n      el.style.transition = initialStyle.transition\n\n      if (expandedParentClass && el._parent) {\n        el._parent.classList.add(expandedParentClass)\n      }\n\n      requestAnimationFrame(() => {\n        el.style[sizeProperty] = offset\n      })\n    },\n\n    onAfterEnter: resetStyles,\n    onEnterCancelled: resetStyles,\n\n    onLeave (el: HTMLExpandElement) {\n      el._initialStyle = {\n        transition: '',\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n\n      el.style.overflow = 'hidden'\n      el.style[sizeProperty] = `${el[offsetProperty]}px`\n      void el.offsetHeight // force reflow\n\n      requestAnimationFrame(() => (el.style[sizeProperty] = '0'))\n    },\n\n    onAfterLeave: afterLeave,\n    onLeaveCancelled: afterLeave,\n  }\n\n  function afterLeave (el: HTMLExpandElement) {\n    if (expandedParentClass && el._parent) {\n      el._parent.classList.remove(expandedParentClass)\n    }\n    resetStyles(el)\n  }\n\n  function resetStyles (el: HTMLExpandElement) {\n    const size = el._initialStyle![sizeProperty]\n    el.style.overflow = el._initialStyle!.overflow\n    if (size != null) el.style[sizeProperty] = size\n    delete el._initialStyle\n  }\n}\n"],"sourceRoot":"","file":"expand-transition.js"}
+{"version":3,"sources":["../../../src/components/transitions/expand-transition.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,QAA2B,oBAA3B;AAYA,eAAc,UAAW,mBAAmB,GAAG,EAAjC,EAAqC,CAAC,GAAG,KAAzC,EAA8C;AAC1D,QAAM,YAAY,GAAG,CAAC,GAAG,OAAH,GAAa,QAAnC;AACA,QAAM,cAAc,GAAG,SAAS,UAAU,CAAC,YAAD,CAAc,EAAxD;AAEA,SAAO;AACL,IAAA,aAAa,CAAE,EAAF,EAAuB;AAClC,MAAA,EAAE,CAAC,OAAH,GAAa,EAAE,CAAC,UAAhB;AACA,MAAA,EAAE,CAAC,aAAH,GAAmB;AACjB,QAAA,UAAU,EAAE,EAAE,CAAC,KAAH,CAAS,UADJ;AAEjB,QAAA,QAAQ,EAAE,EAAE,CAAC,KAAH,CAAS,QAFF;AAGjB,SAAC,YAAD,GAAgB,EAAE,CAAC,KAAH,CAAS,YAAT;AAHC,OAAnB;AAKD,KARI;;AAUL,IAAA,OAAO,CAAE,EAAF,EAAuB;AAC5B,UAAG,EAAE,CAAC,KAAH,CAAS,OAAT,KAAqB,MAAxB,EAAgC;AAEhC,YAAM,YAAY,GAAG,EAAE,CAAC,aAAxB;AAEA,MAAA,EAAE,CAAC,KAAH,CAAS,WAAT,CAAqB,YAArB,EAAmC,MAAnC,EAA2C,WAA3C,EAL4B,CAM5B;;AACA,MAAA,EAAE,CAAC,KAAH,CAAS,QAAT,GAAoB,QAApB;AACA,YAAM,MAAM,GAAG,GAAG,EAAE,CAAC,cAAD,CAAgB,IAApC;AAEA,MAAA,EAAE,CAAC,KAAH,CAAS,YAAT,IAAyB,GAAzB;AAEA,WAAK,EAAE,CAAC,YAAR,CAZ4B,CAYP;;AAErB,MAAA,EAAE,CAAC,KAAH,CAAS,UAAT,GAAsB,YAAY,CAAC,UAAnC;;AAEA,UAAI,mBAAmB,IAAI,EAAE,CAAC,OAA9B,EAAuC;AACrC,QAAA,EAAE,CAAC,OAAH,CAAW,SAAX,CAAqB,GAArB,CAAyB,mBAAzB;AACD;;AAED,MAAA,qBAAqB,CAAC,MAAK;AACzB,QAAA,EAAE,CAAC,KAAH,CAAS,YAAT,IAAyB,MAAzB;AACD,OAFoB,CAArB;AAGD,KAjCI;;AAmCL,IAAA,YAAY,EAAE,WAnCT;AAoCL,IAAA,gBAAgB,EAAE,WApCb;;AAsCL,IAAA,OAAO,CAAE,EAAF,EAAuB;AAC5B,MAAA,EAAE,CAAC,aAAH,GAAmB;AACjB,QAAA,UAAU,EAAE,EADK;AAEjB,QAAA,QAAQ,EAAE,EAAE,CAAC,KAAH,CAAS,QAFF;AAGjB,SAAC,YAAD,GAAgB,EAAE,CAAC,KAAH,CAAS,YAAT;AAHC,OAAnB;AAMA,MAAA,EAAE,CAAC,KAAH,CAAS,QAAT,GAAoB,QAApB;AACA,MAAA,EAAE,CAAC,KAAH,CAAS,YAAT,IAAyB,GAAG,EAAE,CAAC,cAAD,CAAgB,IAA9C;AACA,WAAK,EAAE,CAAC,YAAR,CAT4B,CASP;;AAErB,MAAA,qBAAqB,CAAC,MAAO,EAAE,CAAC,KAAH,CAAS,YAAT,IAAyB,GAAjC,CAArB;AACD,KAlDI;;AAoDL,IAAA,YAAY,EAAE,UApDT;AAqDL,IAAA,gBAAgB,EAAE;AArDb,GAAP;;AAwDA,WAAS,UAAT,CAAqB,EAArB,EAA0C;AACxC,QAAI,mBAAmB,IAAI,EAAE,CAAC,OAA9B,EAAuC;AACrC,MAAA,EAAE,CAAC,OAAH,CAAW,SAAX,CAAqB,MAArB,CAA4B,mBAA5B;AACD;;AACD,IAAA,WAAW,CAAC,EAAD,CAAX;AACD;;AAED,WAAS,WAAT,CAAsB,EAAtB,EAA2C;AACzC,UAAM,IAAI,GAAG,EAAE,CAAC,aAAH,CAAkB,YAAlB,CAAb;AACA,IAAA,EAAE,CAAC,KAAH,CAAS,QAAT,GAAoB,EAAE,CAAC,aAAH,CAAkB,QAAtC;AACA,QAAI,IAAI,IAAI,IAAZ,EAAkB,EAAE,CAAC,KAAH,CAAS,YAAT,IAAyB,IAAzB;AAClB,WAAO,EAAE,CAAC,aAAV;AACD;AACF","sourcesContent":["import { upperFirst } from '../../util/helpers'\n\ninterface HTMLExpandElement extends HTMLElement {\n  _parent?: (Node & ParentNode & HTMLElement) | null\n  _initialStyle?: {\n    transition: string\n    overflow: string\n    height?: string | null\n    width?: string | null\n  }\n}\n\nexport default function (expandedParentClass = '', x = false) {\n  const sizeProperty = x ? 'width' : 'height' as 'width' | 'height'\n  const offsetProperty = `offset${upperFirst(sizeProperty)}` as 'offsetHeight' | 'offsetWidth'\n\n  return {\n    onBeforeEnter (el: HTMLExpandElement) {\n      el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null\n      el._initialStyle = {\n        transition: el.style.transition,\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n    },\n\n    onEnter (el: HTMLExpandElement) {\n      if(el.style.display === 'none') return\n\n      const initialStyle = el._initialStyle!\n\n      el.style.setProperty('transition', 'none', 'important')\n      // Hide overflow to account for collapsed margins in the calculated height\n      el.style.overflow = 'hidden'\n      const offset = `${el[offsetProperty]}px`\n\n      el.style[sizeProperty] = '0'\n\n      void el.offsetHeight // force reflow\n\n      el.style.transition = initialStyle.transition\n\n      if (expandedParentClass && el._parent) {\n        el._parent.classList.add(expandedParentClass)\n      }\n\n      requestAnimationFrame(() => {\n        el.style[sizeProperty] = offset\n      })\n    },\n\n    onAfterEnter: resetStyles,\n    onEnterCancelled: resetStyles,\n\n    onLeave (el: HTMLExpandElement) {\n      el._initialStyle = {\n        transition: '',\n        overflow: el.style.overflow,\n        [sizeProperty]: el.style[sizeProperty],\n      }\n\n      el.style.overflow = 'hidden'\n      el.style[sizeProperty] = `${el[offsetProperty]}px`\n      void el.offsetHeight // force reflow\n\n      requestAnimationFrame(() => (el.style[sizeProperty] = '0'))\n    },\n\n    onAfterLeave: afterLeave,\n    onLeaveCancelled: afterLeave,\n  }\n\n  function afterLeave (el: HTMLExpandElement) {\n    if (expandedParentClass && el._parent) {\n      el._parent.classList.remove(expandedParentClass)\n    }\n    resetStyles(el)\n  }\n\n  function resetStyles (el: HTMLExpandElement) {\n    const size = el._initialStyle![sizeProperty]\n    el.style.overflow = el._initialStyle!.overflow\n    if (size != null) el.style[sizeProperty] = size\n    delete el._initialStyle\n  }\n}\n"],"sourceRoot":"","file":"expand-transition.js"}

package/lib/mixins/applicationable/index.js

@@ -22,7 +22,7 @@ export default function applicationable(value, events = []) {
       },
 
       applicationProperty(newVal, oldVal) {
-        this.$vuetify.application.unregister(this._uid, oldVal);
+        this.$vuetify.application.unregister(this.$.uid, oldVal);
       }
 
     },
@@ -54,12 +54,12 @@ export default function applicationable(value, events = []) {
     methods: {
       callUpdate() {
         if (!this.app) return;
-        this.$vuetify.application.register(this._uid, this.applicationProperty, this.updateApplication());
+        this.$vuetify.application.register(this.$.uid, this.applicationProperty, this.updateApplication());
       },
 
       removeApplication(force = false) {
         if (!force && !this.app) return;
-        this.$vuetify.application.unregister(this._uid, this.applicationProperty);
+        this.$vuetify.application.unregister(this.$.uid, this.applicationProperty);
       },
 
       updateApplication: () => 0

package/lib/mixins/applicationable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/mixins/applicationable/index.ts"],"names":[],"mappings":"AAAA,SAAS,OAAO,IAAI,mBAApB,QAA+C,iBAA/C,C,CAGA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,eAAc,SAAU,eAAV,CAA2B,KAA3B,EAA8C,MAAA,GAAmB,EAAjE,EAAmE;AAC/E;AACA,SAAO,MAAM,CAAC,mBAAmB,CAAC,CAAC,UAAD,EAAa,OAAb,CAAD,CAApB,CAAN,CAAmD,MAAnD,CAA0D;AAC/D,IAAA,IAAI,EAAE,iBADyD;AAG/D,IAAA,KAAK,EAAE;AACL,MAAA,GAAG,EAAE;AADA,KAHwD;AAO/D,IAAA,QAAQ,EAAE;AACR,MAAA,mBAAmB,GAAA;AACjB,eAAO,KAAP;AACD;;AAHO,KAPqD;AAa/D,IAAA,KAAK,EAAE;AACL;AACA;AACA,MAAA,GAAG,CAAE,CAAF,EAAc,IAAd,EAA2B;AAC5B,QAAA,IAAI,GACA,KAAK,iBAAL,CAAuB,IAAvB,CADA,GAEA,KAAK,UAAL,EAFJ;AAGD,OAPI;;AAQL,MAAA,mBAAmB,CAAE,MAAF,EAAU,MAAV,EAAgB;AACjC,aAAK,QAAL,CAAc,WAAd,CAA0B,UAA1B,CAAqC,KAAK,IAA1C,EAAgD,MAAhD;AACD;;AAVI,KAbwD;;AA0B/D,IAAA,SAAS,GAAA;AACP,WAAK,UAAL;AACD,KA5B8D;;AA8B/D,IAAA,OAAO,GAAA;AACL,WAAK,IAAI,CAAC,GAAG,CAAR,EAAW,MAAM,GAAG,MAAM,CAAC,MAAhC,EAAwC,CAAC,GAAG,MAA5C,EAAoD,CAAC,EAArD,EAAyD;AACvD,aAAK,MAAL,CAAY,MAAM,CAAC,CAAD,CAAlB,EAAuB,KAAK,UAA5B;AACD;;AACD,WAAK,UAAL;AACD,KAnC8D;;AAqC/D,IAAA,OAAO,GAAA;AACL,WAAK,UAAL;AACD,KAvC8D;;AAyC/D,IAAA,WAAW,GAAA;AACT,WAAK,iBAAL;AACD,KA3C8D;;AA6C/D,IAAA,SAAS,GAAA;AACP,WAAK,iBAAL;AACD,KA/C8D;;AAiD/D,IAAA,OAAO,EAAE;AACP,MAAA,UAAU,GAAA;AACR,YAAI,CAAC,KAAK,GAAV,EAAe;AAEf,aAAK,QAAL,CAAc,WAAd,CAA0B,QAA1B,CACE,KAAK,IADP,EAEE,KAAK,mBAFP,EAGE,KAAK,iBAAL,EAHF;AAKD,OATM;;AAUP,MAAA,iBAAiB,CAAE,KAAK,GAAG,KAAV,EAAe;AAC9B,YAAI,CAAC,KAAD,IAAU,CAAC,KAAK,GAApB,EAAyB;AAEzB,aAAK,QAAL,CAAc,WAAd,CAA0B,UAA1B,CACE,KAAK,IADP,EAEE,KAAK,mBAFP;AAID,OAjBM;;AAkBP,MAAA,iBAAiB,EAAE,MAAM;AAlBlB;AAjDsD,GAA1D,CAAP;AAsED","sourcesContent":["import { factory as PositionableFactory } from '../positionable'\nimport { TargetProp } from 'vuetify/types/services/application'\n\n// Util\nimport mixins from '../../util/mixins'\n\nexport default function applicationable (value: TargetProp, events: string[] = []) {\n  /* @vue/component */\n  return mixins(PositionableFactory(['absolute', 'fixed'])).extend({\n    name: 'applicationable',\n\n    props: {\n      app: Boolean,\n    },\n\n    computed: {\n      applicationProperty (): TargetProp {\n        return value\n      },\n    },\n\n    watch: {\n      // If previous value was app\n      // reset the provided prop\n      app (x: boolean, prev: boolean) {\n        prev\n          ? this.removeApplication(true)\n          : this.callUpdate()\n      },\n      applicationProperty (newVal, oldVal) {\n        this.$vuetify.application.unregister(this._uid, oldVal)\n      },\n    },\n\n    activated () {\n      this.callUpdate()\n    },\n\n    created () {\n      for (let i = 0, length = events.length; i < length; i++) {\n        this.$watch(events[i], this.callUpdate)\n      }\n      this.callUpdate()\n    },\n\n    mounted () {\n      this.callUpdate()\n    },\n\n    deactivated () {\n      this.removeApplication()\n    },\n\n    unmounted () {\n      this.removeApplication()\n    },\n\n    methods: {\n      callUpdate () {\n        if (!this.app) return\n\n        this.$vuetify.application.register(\n          this._uid,\n          this.applicationProperty,\n          this.updateApplication()\n        )\n      },\n      removeApplication (force = false) {\n        if (!force && !this.app) return\n\n        this.$vuetify.application.unregister(\n          this._uid,\n          this.applicationProperty\n        )\n      },\n      updateApplication: () => 0,\n    },\n  })\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/mixins/applicationable/index.ts"],"names":[],"mappings":"AAAA,SAAS,OAAO,IAAI,mBAApB,QAA+C,iBAA/C,C,CAGA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,eAAc,SAAU,eAAV,CAA2B,KAA3B,EAA8C,MAAA,GAAmB,EAAjE,EAAmE;AAC/E;AACA,SAAO,MAAM,CAAC,mBAAmB,CAAC,CAAC,UAAD,EAAa,OAAb,CAAD,CAApB,CAAN,CAAmD,MAAnD,CAA0D;AAC/D,IAAA,IAAI,EAAE,iBADyD;AAG/D,IAAA,KAAK,EAAE;AACL,MAAA,GAAG,EAAE;AADA,KAHwD;AAO/D,IAAA,QAAQ,EAAE;AACR,MAAA,mBAAmB,GAAA;AACjB,eAAO,KAAP;AACD;;AAHO,KAPqD;AAa/D,IAAA,KAAK,EAAE;AACL;AACA;AACA,MAAA,GAAG,CAAE,CAAF,EAAc,IAAd,EAA2B;AAC5B,QAAA,IAAI,GACA,KAAK,iBAAL,CAAuB,IAAvB,CADA,GAEA,KAAK,UAAL,EAFJ;AAGD,OAPI;;AAQL,MAAA,mBAAmB,CAAE,MAAF,EAAU,MAAV,EAAgB;AACjC,aAAK,QAAL,CAAc,WAAd,CAA0B,UAA1B,CAAqC,KAAK,CAAL,CAAO,GAA5C,EAAiD,MAAjD;AACD;;AAVI,KAbwD;;AA0B/D,IAAA,SAAS,GAAA;AACP,WAAK,UAAL;AACD,KA5B8D;;AA8B/D,IAAA,OAAO,GAAA;AACL,WAAK,IAAI,CAAC,GAAG,CAAR,EAAW,MAAM,GAAG,MAAM,CAAC,MAAhC,EAAwC,CAAC,GAAG,MAA5C,EAAoD,CAAC,EAArD,EAAyD;AACvD,aAAK,MAAL,CAAY,MAAM,CAAC,CAAD,CAAlB,EAAuB,KAAK,UAA5B;AACD;;AACD,WAAK,UAAL;AACD,KAnC8D;;AAqC/D,IAAA,OAAO,GAAA;AACL,WAAK,UAAL;AACD,KAvC8D;;AAyC/D,IAAA,WAAW,GAAA;AACT,WAAK,iBAAL;AACD,KA3C8D;;AA6C/D,IAAA,SAAS,GAAA;AACP,WAAK,iBAAL;AACD,KA/C8D;;AAiD/D,IAAA,OAAO,EAAE;AACP,MAAA,UAAU,GAAA;AACR,YAAI,CAAC,KAAK,GAAV,EAAe;AAEf,aAAK,QAAL,CAAc,WAAd,CAA0B,QAA1B,CACE,KAAK,CAAL,CAAO,GADT,EAEE,KAAK,mBAFP,EAGE,KAAK,iBAAL,EAHF;AAKD,OATM;;AAUP,MAAA,iBAAiB,CAAE,KAAK,GAAG,KAAV,EAAe;AAC9B,YAAI,CAAC,KAAD,IAAU,CAAC,KAAK,GAApB,EAAyB;AAEzB,aAAK,QAAL,CAAc,WAAd,CAA0B,UAA1B,CACE,KAAK,CAAL,CAAO,GADT,EAEE,KAAK,mBAFP;AAID,OAjBM;;AAkBP,MAAA,iBAAiB,EAAE,MAAM;AAlBlB;AAjDsD,GAA1D,CAAP;AAsED","sourcesContent":["import { factory as PositionableFactory } from '../positionable'\nimport { TargetProp } from 'vuetify/types/services/application'\n\n// Util\nimport mixins from '../../util/mixins'\n\nexport default function applicationable (value: TargetProp, events: string[] = []) {\n  /* @vue/component */\n  return mixins(PositionableFactory(['absolute', 'fixed'])).extend({\n    name: 'applicationable',\n\n    props: {\n      app: Boolean,\n    },\n\n    computed: {\n      applicationProperty (): TargetProp {\n        return value\n      },\n    },\n\n    watch: {\n      // If previous value was app\n      // reset the provided prop\n      app (x: boolean, prev: boolean) {\n        prev\n          ? this.removeApplication(true)\n          : this.callUpdate()\n      },\n      applicationProperty (newVal, oldVal) {\n        this.$vuetify.application.unregister(this.$.uid, oldVal)\n      },\n    },\n\n    activated () {\n      this.callUpdate()\n    },\n\n    created () {\n      for (let i = 0, length = events.length; i < length; i++) {\n        this.$watch(events[i], this.callUpdate)\n      }\n      this.callUpdate()\n    },\n\n    mounted () {\n      this.callUpdate()\n    },\n\n    deactivated () {\n      this.removeApplication()\n    },\n\n    unmounted () {\n      this.removeApplication()\n    },\n\n    methods: {\n      callUpdate () {\n        if (!this.app) return\n\n        this.$vuetify.application.register(\n          this.$.uid,\n          this.applicationProperty,\n          this.updateApplication()\n        )\n      },\n      removeApplication (force = false) {\n        if (!force && !this.app) return\n\n        this.$vuetify.application.unregister(\n          this.$.uid,\n          this.applicationProperty\n        )\n      },\n      updateApplication: () => 0,\n    },\n  })\n}\n"],"sourceRoot":"","file":"index.js"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dimailn/vuetify",
   "description": "Vue Material Component Framework",
-  "version": "2.7.2-alpha18",
+  "version": "2.7.2-alpha19",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"

package/src/components/VForm/VForm.ts

@@ -62,12 +62,12 @@ export default mixins(
     watchInput (input: any): Watchers {
       const watcher = (input: any): (() => void) => {
         return input.$watch('hasError', (val: boolean) => {
-          this.errorBag[input._uid] = val
+          this.errorBag[input.$.uid] = val
         }, { immediate: true })
       }
 
       const watchers: Watchers = {
-        _uid: input._uid,
+        _uid: input.$.uid,
         valid: () => {},
         shouldValidate: () => {},
       }
@@ -78,7 +78,7 @@ export default mixins(
           if (!val) return
 
           // Only watch if we're not already doing it
-          if (this.errorBag.hasOwnProperty(input._uid)) return
+          if (this.errorBag.hasOwnProperty(input.$.uid)) return
 
           watchers.valid = watcher(input)
         })
@@ -115,19 +115,19 @@ export default mixins(
       this.watchers.push(this.watchInput(input))
     },
     unregister (input: VInputInstance) {
-      const found = this.inputs.find(i => i._uid === input._uid)
+      const found = this.inputs.find(i => i.$.uid === input.$.uid)
 
       if (!found) return
 
-      const unwatch = this.watchers.find(i => i._uid === found._uid)
+      const unwatch = this.watchers.find(i => i.$.uid === found.$.uid)
       if (unwatch) {
         unwatch.valid()
         unwatch.shouldValidate()
       }
 
-      this.watchers = this.watchers.filter(i => i._uid !== found._uid)
-      this.inputs = this.inputs.filter(i => i._uid !== found._uid)
-      delete this.errorBag[found._uid]
+      this.watchers = this.watchers.filter(i => i.$.uid !== found.$.uid)
+      this.inputs = this.inputs.filter(i => i.$.uid !== found.$.uid)
+      delete this.errorBag[found.$.uid]
     },
   },
 

package/src/components/VList/VList.ts

@@ -75,7 +75,7 @@ export default defineComponent({
       this.groups.push(content)
     },
     unregister (content: VListGroupInstance) {
-      const index = this.groups.findIndex(g => g._uid === content._uid)
+      const index = this.groups.findIndex(g => g.$.uid === content.$.uid)
 
       if (index > -1) this.groups.splice(index, 1)
     },

package/src/components/VList/VListGroup.ts

@@ -1,4 +1,4 @@
-import {h, withDirectives} from 'vue'
+import {h, withDirectives, vShow} from 'vue'
 // Styles
 import './VListGroup.sass'
 
@@ -91,7 +91,7 @@ export default baseMixins.extend({
     isActive (val: boolean) {
       /* istanbul ignore else */
       if (!this.subGroup && val) {
-        this.list && this.list.listClick(this._uid)
+        this.list && this.list.listClick(this.$.uid)
       }
     },
     $route: 'onRouteChange',
@@ -102,7 +102,7 @@ export default baseMixins.extend({
 
     if (this.group &&
       this.$route &&
-      this.value == null
+      this.modelValue == null
     ) {
       this.isActive = this.matchRoute(this.$route.path)
     }
@@ -157,14 +157,15 @@ export default baseMixins.extend({
       ])
     },
     genItems (): VNode[] {
+      const directives = [[
+        vShow,
+        this.isActive
+      ]]
+
       return this.showLazyContent(() => [
-        h('div', {
+        withDirectives(h('div', {
           class: 'v-list-group__items',
-          directives: [{
-            name: 'show',
-            value: this.isActive,
-          }],
-        }, getSlot(this)),
+        }, getSlot(this)), directives)
       ])
     },
     genPrependIcon (): VNode | null {
@@ -189,13 +190,13 @@ export default baseMixins.extend({
 
       /* istanbul ignore else */
       if (isActive && this.isActive !== isActive) {
-        this.list && this.list.listClick(this._uid)
+        this.list && this.list.listClick(this.$.uid)
       }
 
       this.isActive = isActive
     },
     toggle (uid: number) {
-      const isActive = this._uid === uid
+      const isActive = this.$.uid === uid
 
       if (isActive) this.isBooted = true
       this.$nextTick(() => (this.isActive = isActive))
@@ -207,8 +208,7 @@ export default baseMixins.extend({
 
   render (): VNode {
     return h('div', this.setTextColor(this.isActive && this.color, {
-      class: 'v-list-group',
-      class: this.classes,
+      class: ['v-list-group', this.classes]
     }), [
       this.genHeader(),
       h(VExpandTransition, this.genItems()),

package/src/components/VRangeSlider/VRangeSlider.ts

@@ -100,7 +100,7 @@ export default defineComponent({
         input.data = input.data || {}
         input.data.attrs = input.data.attrs || {}
         input.data.attrs.value = this.internalValue[i]
-        input.data.attrs.id = `input-${i ? 'max' : 'min'}-${this._uid}`
+        input.data.attrs.id = `input-${i ? 'max' : 'min'}-${this.$.uid}`
 
         return input
       })

package/src/components/VSelect/VSelectList.ts

@@ -147,7 +147,7 @@ export default mixins(Colorable, Themeable).extend({
         // Default behavior in list does not
         // contain aria-selected by default
         'aria-selected': String(value),
-        id: `list-item-${this._uid}-${index}`,
+        id: `list-item-${this.$.uid}-${index}`,
         role: 'option',
         onMousedown: (e: Event) => {
           // Prevent onBlur from being called

package/src/components/VSparkline/VSparkline.ts

@@ -284,7 +284,7 @@ export default mixins<options &
       return h('defs', [
         h('linearGradient', {
           attrs: {
-            id: this._uid,
+            id: this.$.uid,
             gradientUnits: 'userSpaceOnUse',
             x1: gradientDirection === 'left' ? '100%' : '0',
             y1: gradientDirection === 'top' ? '100%' : '0',
@@ -310,8 +310,8 @@ export default mixins<options &
       return h('path', {
         attrs: {
           d: genPath(points, this._radius, this.fill, this.parsedHeight),
-          fill: this.fill ? `url(#${this._uid})` : 'none',
-          stroke: this.fill ? 'none' : `url(#${this._uid})`,
+          fill: this.fill ? `url(#${this.$.uid})` : 'none',
+          stroke: this.fill ? 'none' : `url(#${this.$.uid})`,
         },
         ref: 'path',
       })
@@ -347,12 +347,12 @@ export default mixins<options &
         },
       }, [
         this.genGradient(),
-        this.genClipPath(bars, offsetX, this._lineWidth, 'sparkline-bar-' + this._uid),
+        this.genClipPath(bars, offsetX, this._lineWidth, 'sparkline-bar-' + this.$.uid),
         this.hasLabels ? this.genLabels(offsetX) : undefined as never,
         h('g', {
           attrs: {
-            'clip-path': `url(#sparkline-bar-${this._uid}-clip)`,
-            fill: `url(#${this._uid})`,
+            'clip-path': `url(#sparkline-bar-${this.$.uid}-clip)`,
+            fill: `url(#${this.$.uid})`,
           },
         }, [
           h('rect', {

package/src/components/transitions/expand-transition.ts

@@ -25,6 +25,8 @@ export default function (expandedParentClass = '', x = false) {
     },
 
     onEnter (el: HTMLExpandElement) {
+      if(el.style.display === 'none') return
+
       const initialStyle = el._initialStyle!
 
       el.style.setProperty('transition', 'none', 'important')

package/src/mixins/applicationable/index.ts

@@ -28,7 +28,7 @@ export default function applicationable (value: TargetProp, events: string[] = [
           : this.callUpdate()
       },
       applicationProperty (newVal, oldVal) {
-        this.$vuetify.application.unregister(this._uid, oldVal)
+        this.$vuetify.application.unregister(this.$.uid, oldVal)
       },
     },
 
@@ -60,7 +60,7 @@ export default function applicationable (value: TargetProp, events: string[] = [
         if (!this.app) return
 
         this.$vuetify.application.register(
-          this._uid,
+          this.$.uid,
           this.applicationProperty,
           this.updateApplication()
         )
@@ -69,7 +69,7 @@ export default function applicationable (value: TargetProp, events: string[] = [
         if (!force && !this.app) return
 
         this.$vuetify.application.unregister(
-          this._uid,
+          this.$.uid,
           this.applicationProperty
         )
       },