@dimailn/vuetify 2.7.2-alpha6 → 2.7.2-alpha60

package/lib/components/VWindow/VWindow.js

@@ -1,7 +1,6 @@
-import { h, withDirectives } from 'vue'; // Styles
+import { h, withDirectives, defineComponent } from 'vue'; // Styles
 
-import "../../../src/components/VWindow/VWindow.sass";
-import { defineComponent } from 'vue'; // Directives
+import "../../../src/components/VWindow/VWindow.sass"; // Directives
 
 import Touch from '../../directives/touch'; // Components
 
@@ -14,9 +13,6 @@ import { getSlot } from '../../util/helpers';
 export default defineComponent({
   name: 'v-window',
   extends: BaseItemGroup,
-  directives: {
-    Touch
-  },
 
   provide() {
     return {
@@ -155,9 +151,13 @@ export default defineComponent({
       })) !== null && _c !== void 0 ? _c : [h(VBtn, {
         icon: true,
         ...attrs
-      }, [h(VIcon, {
-        large: true
-      }, icon)])];
+      }, {
+        default: () => [h(VIcon, {
+          large: true
+        }, {
+          default: () => icon
+        })]
+      })];
       return h('div', {
         class: `v-window__${direction}`
       }, children);

package/lib/components/VWindow/VWindow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VWindow/VWindow.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, withDirectives} from 'vue'\n// Styles\nimport './VWindow.sass'\n\n// Types\nimport { VNode, VNodeDirective } from 'vue/types/vnode'\nimport { PropType, defineComponent } from 'vue'\nimport { TouchHandlers } from 'vuetify/types'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'\nimport { getSlot } from '../../util/helpers'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-window',\n  extends: BaseItemGroup,\n\n  directives: { Touch },\n\n  provide (): object {\n    return {\n      windowGroup: this,\n    }\n  },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-window-item--active',\n    },\n    continuous: Boolean,\n    mandatory: {\n      type: Boolean,\n      default: true,\n    },\n    nextIcon: {\n      type: [Boolean, String],\n      default: '$next',\n    },\n    prevIcon: {\n      type: [Boolean, String],\n      default: '$prev',\n    },\n    reverse: Boolean,\n    showArrows: Boolean,\n    showArrowsOnHover: Boolean,\n    touch: Object as PropType<TouchHandlers>,\n    touchless: Boolean,\n    modelValue: {\n      required: false,\n    },\n    vertical: Boolean,\n  },\n\n  data () {\n    return {\n      changedByDelimiters: false,\n      internalHeight: undefined as undefined | string, // This can be fixed by child class.\n      transitionHeight: undefined as undefined | string, // Intermediate height during transition.\n      transitionCount: 0, // Number of windows in transition state.\n      isBooted: false,\n      isReverse: false,\n    }\n  },\n\n  computed: {\n    isActive (): boolean {\n      return this.transitionCount > 0\n    },\n    classes (): object {\n      return {\n        ...BaseItemGroup.computed.classes.call(this),\n        'v-window--show-arrows-on-hover': this.showArrowsOnHover,\n      }\n    },\n    computedTransition (): string {\n      if (!this.isBooted) return ''\n\n      const axis = this.vertical ? 'y' : 'x'\n      const reverse = this.internalReverse ? !this.isReverse : this.isReverse\n      const direction = reverse ? '-reverse' : ''\n\n      return `v-window-${axis}${direction}-transition`\n    },\n    hasActiveItems (): boolean {\n      return Boolean(\n        this.items.find(item => !item.disabled)\n      )\n    },\n    hasNext (): boolean {\n      return this.continuous || this.internalIndex < this.items.length - 1\n    },\n    hasPrev (): boolean {\n      return this.continuous || this.internalIndex > 0\n    },\n    internalIndex (): number {\n      return this.items.findIndex((item, i) => {\n        return this.internalValue === this.getValue(item, i)\n      })\n    },\n    internalReverse (): boolean {\n      return this.$vuetify.rtl ? !this.reverse : this.reverse\n    },\n  },\n\n  watch: {\n    internalIndex (val, oldVal) {\n      this.isReverse = this.updateReverse(val, oldVal)\n    },\n  },\n\n  mounted () {\n    window.requestAnimationFrame(() => (this.isBooted = true))\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return getSlot(this)\n    },\n    genContainer (): VNode {\n      const children = [this.genDefaultSlot()]\n\n      if (this.showArrows) {\n        children.push(this.genControlIcons())\n      }\n\n      return h('div', {\n        class: ['v-window__container', {\n          'v-window__container--is-active': this.isActive,\n        }],\n        style: {\n          height: this.internalHeight || this.transitionHeight,\n        },\n      }, children)\n    },\n    genIcon (\n      direction: 'prev' | 'next',\n      icon: string,\n      click: () => void\n    ) {\n\n      const attrs = {\n        'aria-label': this.$vuetify.lang.t(`$vuetify.carousel.${direction}`),\n        onClick: (e: Event) => {\n          e.stopPropagation()\n          this.changedByDelimiters = true\n          click()\n        }\n      }\n      const children = this.$slots[direction]?.({\n        attrs,\n      }) ?? [h(VBtn, {\n        icon: true,\n        ...attrs,\n      }, [\n        h(VIcon, {\n          large: true,\n        }, icon),\n      ])]\n\n      return h('div', {\n        class: `v-window__${direction}`,\n      }, children)\n    },\n    genControlIcons () {\n      const icons = []\n\n      const prevIcon = this.$vuetify.rtl\n        ? this.nextIcon\n        : this.prevIcon\n\n      /* istanbul ignore else */\n      if (\n        this.hasPrev &&\n        prevIcon &&\n        typeof prevIcon === 'string'\n      ) {\n        const icon = this.genIcon('prev', prevIcon, this.prev)\n        icon && icons.push(icon)\n      }\n\n      const nextIcon = this.$vuetify.rtl\n        ? this.prevIcon\n        : this.nextIcon\n\n      /* istanbul ignore else */\n      if (\n        this.hasNext &&\n        nextIcon &&\n        typeof nextIcon === 'string'\n      ) {\n        const icon = this.genIcon('next', nextIcon, this.next)\n        icon && icons.push(icon)\n      }\n\n      return icons\n    },\n    getNextIndex (index: number): number {\n      const nextIndex = (index + 1) % this.items.length\n      const item = this.items[nextIndex]\n\n      if (item.disabled) return this.getNextIndex(nextIndex)\n\n      return nextIndex\n    },\n    getPrevIndex (index: number): number {\n      const prevIndex = (index + this.items.length - 1) % this.items.length\n      const item = this.items[prevIndex]\n\n      if (item.disabled) return this.getPrevIndex(prevIndex)\n\n      return prevIndex\n    },\n    next () {\n      /* istanbul ignore if */\n      if (!this.hasActiveItems || !this.hasNext) return\n\n      const nextIndex = this.getNextIndex(this.internalIndex)\n      const item = this.items[nextIndex]\n\n      this.internalValue = this.getValue(item, nextIndex)\n    },\n    prev () {\n      /* istanbul ignore if */\n      if (!this.hasActiveItems || !this.hasPrev) return\n\n      const lastIndex = this.getPrevIndex(this.internalIndex)\n      const item = this.items[lastIndex]\n\n      this.internalValue = this.getValue(item, lastIndex)\n    },\n    updateReverse (val: number, oldVal: number) {\n      const itemsLength = this.items.length\n      const lastIndex = itemsLength - 1\n\n      if (itemsLength <= 2) return val < oldVal\n\n      if (val === lastIndex && oldVal === 0) {\n        return true\n      } else if (val === 0 && oldVal === lastIndex) {\n        return false\n      } else {\n        return val < oldVal\n      }\n    },\n  },\n\n  render (): VNode {\n    const directives = []\n\n    const data = {\n      class: ['v-window', this.classes]\n    }\n\n    if (!this.touchless) {\n      const value = this.touch || {\n        left: () => {\n          this.$vuetify.rtl ? this.prev() : this.next()\n        },\n        right: () => {\n          this.$vuetify.rtl ? this.next() : this.prev()\n        },\n        end: (e: TouchEvent) => {\n          e.stopPropagation()\n        },\n        start: (e: TouchEvent) => {\n          e.stopPropagation()\n        },\n      }\n\n      directives.push([\n        Touch,\n        value\n      ])\n    }\n\n    return withDirectives(h('div', data, [this.genContainer()]), directives)\n  },\n})\n"],"sourceRoot":"","file":"VWindow.js"}
+{"version":3,"sources":["../../../src/components/VWindow/VWindow.ts"],"names":[],"mappings":"AAAA,SAAS,CAAT,EAAY,cAAZ,EAAsC,eAAtC,QAA6D,KAA7D,C,CACA;;AACA,OAAO,8CAAP,C,CAMA;;AACA,OAAO,KAAP,MAAkB,wBAAlB,C,CAEA;;AACA,OAAO,IAAP,MAAiB,SAAjB;AACA,OAAO,KAAP,MAAkB,UAAlB;AACA,SAAS,aAAT,QAA8B,0BAA9B;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,UADuB;AAE7B,EAAA,OAAO,EAAE,aAFoB;;AAI7B,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,WAAW,EAAE;AADR,KAAP;AAGD,GAR4B;;AAU7B,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE,MADK;AAEX,MAAA,OAAO,EAAE;AAFE,KADR;AAKL,IAAA,UAAU,EAAE,OALP;AAML,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,OADG;AAET,MAAA,OAAO,EAAE;AAFA,KANN;AAUL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADE;AAER,MAAA,OAAO,EAAE;AAFD,KAVL;AAcL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADE;AAER,MAAA,OAAO,EAAE;AAFD,KAdL;AAkBL,IAAA,OAAO,EAAE,OAlBJ;AAmBL,IAAA,UAAU,EAAE,OAnBP;AAoBL,IAAA,iBAAiB,EAAE,OApBd;AAqBL,IAAA,KAAK,EAAE,MArBF;AAsBL,IAAA,SAAS,EAAE,OAtBN;AAuBL,IAAA,UAAU,EAAE;AACV,MAAA,QAAQ,EAAE;AADA,KAvBP;AA0BL,IAAA,QAAQ,EAAE;AA1BL,GAVsB;;AAuC7B,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,mBAAmB,EAAE,KADhB;AAEL,MAAA,cAAc,EAAE,SAFX;AAGL,MAAA,gBAAgB,EAAE,SAHb;AAIL,MAAA,eAAe,EAAE,CAJZ;AAKL,MAAA,QAAQ,EAAE,KALL;AAML,MAAA,SAAS,EAAE;AANN,KAAP;AAQD,GAhD4B;;AAkD7B,EAAA,QAAQ,EAAE;AACR,IAAA,QAAQ,GAAA;AACN,aAAO,KAAK,eAAL,GAAuB,CAA9B;AACD,KAHO;;AAIR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,aAAa,CAAC,QAAd,CAAuB,OAAvB,CAA+B,IAA/B,CAAoC,IAApC,CADE;AAEL,0CAAkC,KAAK;AAFlC,OAAP;AAID,KATO;;AAUR,IAAA,kBAAkB,GAAA;AAChB,UAAI,CAAC,KAAK,QAAV,EAAoB,OAAO,EAAP;AAEpB,YAAM,IAAI,GAAG,KAAK,QAAL,GAAgB,GAAhB,GAAsB,GAAnC;AACA,YAAM,OAAO,GAAG,KAAK,eAAL,GAAuB,CAAC,KAAK,SAA7B,GAAyC,KAAK,SAA9D;AACA,YAAM,SAAS,GAAG,OAAO,GAAG,UAAH,GAAgB,EAAzC;AAEA,aAAO,YAAY,IAAI,GAAG,SAAS,aAAnC;AACD,KAlBO;;AAmBR,IAAA,cAAc,GAAA;AACZ,aAAO,OAAO,CACZ,KAAK,KAAL,CAAW,IAAX,CAAgB,IAAI,IAAI,CAAC,IAAI,CAAC,QAA9B,CADY,CAAd;AAGD,KAvBO;;AAwBR,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,UAAL,IAAmB,KAAK,aAAL,GAAqB,KAAK,KAAL,CAAW,MAAX,GAAoB,CAAnE;AACD,KA1BO;;AA2BR,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,UAAL,IAAmB,KAAK,aAAL,GAAqB,CAA/C;AACD,KA7BO;;AA8BR,IAAA,aAAa,GAAA;AACX,aAAO,KAAK,KAAL,CAAW,SAAX,CAAqB,CAAC,IAAD,EAAO,CAAP,KAAY;AACtC,eAAO,KAAK,aAAL,KAAuB,KAAK,QAAL,CAAc,IAAd,EAAoB,CAApB,CAA9B;AACD,OAFM,CAAP;AAGD,KAlCO;;AAmCR,IAAA,eAAe,GAAA;AACb,aAAO,KAAK,QAAL,CAAc,GAAd,GAAoB,CAAC,KAAK,OAA1B,GAAoC,KAAK,OAAhD;AACD;;AArCO,GAlDmB;AA0F7B,EAAA,KAAK,EAAE;AACL,IAAA,aAAa,CAAE,GAAF,EAAO,MAAP,EAAa;AACxB,WAAK,SAAL,GAAiB,KAAK,aAAL,CAAmB,GAAnB,EAAwB,MAAxB,CAAjB;AACD;;AAHI,GA1FsB;;AAgG7B,EAAA,OAAO,GAAA;AACL,IAAA,MAAM,CAAC,qBAAP,CAA6B,MAAO,KAAK,QAAL,GAAgB,IAApD;AACD,GAlG4B;;AAoG7B,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,aAAO,OAAO,CAAC,IAAD,CAAd;AACD,KAHM;;AAIP,IAAA,YAAY,GAAA;AACV,YAAM,QAAQ,GAAG,CAAC,KAAK,cAAL,EAAD,CAAjB;;AAEA,UAAI,KAAK,UAAT,EAAqB;AACnB,QAAA,QAAQ,CAAC,IAAT,CAAc,KAAK,eAAL,EAAd;AACD;;AAED,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,CAAC,qBAAD,EAAwB;AAC7B,4CAAkC,KAAK;AADV,SAAxB,CADO;AAId,QAAA,KAAK,EAAE;AACL,UAAA,MAAM,EAAE,KAAK,cAAL,IAAuB,KAAK;AAD/B;AAJO,OAAR,EAOL,QAPK,CAAR;AAQD,KAnBM;;AAoBP,IAAA,OAAO,CACL,SADK,EAEL,IAFK,EAGL,KAHK,EAGY;;;AAEjB,YAAM,KAAK,GAAG;AACZ,sBAAc,KAAK,QAAL,CAAc,IAAd,CAAmB,CAAnB,CAAqB,qBAAqB,SAAS,EAAnD,CADF;AAEZ,QAAA,OAAO,EAAG,CAAD,IAAa;AACpB,UAAA,CAAC,CAAC,eAAF;AACA,eAAK,mBAAL,GAA2B,IAA3B;AACA,UAAA,KAAK;AACN;AANW,OAAd;AAQA,YAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,EAAY,SAAZ,CAAA,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG;AACxC,QAAA;AADwC,OAAH,CAAtB,MAEf,IAFe,IAEf,EAAA,KAAA,KAAA,CAFe,GAEf,EAFe,GAEX,CAAC,CAAC,CAAC,IAAD,EAAO;AACb,QAAA,IAAI,EAAE,IADO;AAEb,WAAG;AAFU,OAAP,EAGL;AACD,QAAA,OAAO,EAAE,MAAM,CACb,CAAC,CAAC,KAAD,EAAQ;AACP,UAAA,KAAK,EAAE;AADA,SAAR,EAEE;AACD,UAAA,OAAO,EAAE,MAAM;AADd,SAFF,CADY;AADd,OAHK,CAAF,CAFN;AAeA,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,aAAa,SAAS;AADf,OAAR,EAEL,QAFK,CAAR;AAGD,KAnDM;;AAoDP,IAAA,eAAe,GAAA;AACb,YAAM,KAAK,GAAG,EAAd;AAEA,YAAM,QAAQ,GAAG,KAAK,QAAL,CAAc,GAAd,GACb,KAAK,QADQ,GAEb,KAAK,QAFT;AAIA;;AACA,UACE,KAAK,OAAL,IACA,QADA,IAEA,OAAO,QAAP,KAAoB,QAHtB,EAIE;AACA,cAAM,IAAI,GAAG,KAAK,OAAL,CAAa,MAAb,EAAqB,QAArB,EAA+B,KAAK,IAApC,CAAb;AACA,QAAA,IAAI,IAAI,KAAK,CAAC,IAAN,CAAW,IAAX,CAAR;AACD;;AAED,YAAM,QAAQ,GAAG,KAAK,QAAL,CAAc,GAAd,GACb,KAAK,QADQ,GAEb,KAAK,QAFT;AAIA;;AACA,UACE,KAAK,OAAL,IACA,QADA,IAEA,OAAO,QAAP,KAAoB,QAHtB,EAIE;AACA,cAAM,IAAI,GAAG,KAAK,OAAL,CAAa,MAAb,EAAqB,QAArB,EAA+B,KAAK,IAApC,CAAb;AACA,QAAA,IAAI,IAAI,KAAK,CAAC,IAAN,CAAW,IAAX,CAAR;AACD;;AAED,aAAO,KAAP;AACD,KApFM;;AAqFP,IAAA,YAAY,CAAE,KAAF,EAAe;AACzB,YAAM,SAAS,GAAG,CAAC,KAAK,GAAG,CAAT,IAAc,KAAK,KAAL,CAAW,MAA3C;AACA,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,SAAX,CAAb;AAEA,UAAI,IAAI,CAAC,QAAT,EAAmB,OAAO,KAAK,YAAL,CAAkB,SAAlB,CAAP;AAEnB,aAAO,SAAP;AACD,KA5FM;;AA6FP,IAAA,YAAY,CAAE,KAAF,EAAe;AACzB,YAAM,SAAS,GAAG,CAAC,KAAK,GAAG,KAAK,KAAL,CAAW,MAAnB,GAA4B,CAA7B,IAAkC,KAAK,KAAL,CAAW,MAA/D;AACA,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,SAAX,CAAb;AAEA,UAAI,IAAI,CAAC,QAAT,EAAmB,OAAO,KAAK,YAAL,CAAkB,SAAlB,CAAP;AAEnB,aAAO,SAAP;AACD,KApGM;;AAqGP,IAAA,IAAI,GAAA;AACF;AACA,UAAI,CAAC,KAAK,cAAN,IAAwB,CAAC,KAAK,OAAlC,EAA2C;AAE3C,YAAM,SAAS,GAAG,KAAK,YAAL,CAAkB,KAAK,aAAvB,CAAlB;AACA,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,SAAX,CAAb;AAEA,WAAK,aAAL,GAAqB,KAAK,QAAL,CAAc,IAAd,EAAoB,SAApB,CAArB;AACD,KA7GM;;AA8GP,IAAA,IAAI,GAAA;AACF;AACA,UAAI,CAAC,KAAK,cAAN,IAAwB,CAAC,KAAK,OAAlC,EAA2C;AAE3C,YAAM,SAAS,GAAG,KAAK,YAAL,CAAkB,KAAK,aAAvB,CAAlB;AACA,YAAM,IAAI,GAAG,KAAK,KAAL,CAAW,SAAX,CAAb;AAEA,WAAK,aAAL,GAAqB,KAAK,QAAL,CAAc,IAAd,EAAoB,SAApB,CAArB;AACD,KAtHM;;AAuHP,IAAA,aAAa,CAAE,GAAF,EAAe,MAAf,EAA6B;AACxC,YAAM,WAAW,GAAG,KAAK,KAAL,CAAW,MAA/B;AACA,YAAM,SAAS,GAAG,WAAW,GAAG,CAAhC;AAEA,UAAI,WAAW,IAAI,CAAnB,EAAsB,OAAO,GAAG,GAAG,MAAb;;AAEtB,UAAI,GAAG,KAAK,SAAR,IAAqB,MAAM,KAAK,CAApC,EAAuC;AACrC,eAAO,IAAP;AACD,OAFD,MAEO,IAAI,GAAG,KAAK,CAAR,IAAa,MAAM,KAAK,SAA5B,EAAuC;AAC5C,eAAO,KAAP;AACD,OAFM,MAEA;AACL,eAAO,GAAG,GAAG,MAAb;AACD;AACF;;AApIM,GApGoB;;AA2O7B,EAAA,MAAM,GAAA;AACJ,UAAM,UAAU,GAAG,EAAnB;AAEA,UAAM,IAAI,GAAG;AACX,MAAA,KAAK,EAAE,CAAC,UAAD,EAAa,KAAK,OAAlB;AADI,KAAb;;AAIA,QAAI,CAAC,KAAK,SAAV,EAAqB;AACnB,YAAM,KAAK,GAAG,KAAK,KAAL,IAAc;AAC1B,QAAA,IAAI,EAAE,MAAK;AACT,eAAK,QAAL,CAAc,GAAd,GAAoB,KAAK,IAAL,EAApB,GAAkC,KAAK,IAAL,EAAlC;AACD,SAHyB;AAI1B,QAAA,KAAK,EAAE,MAAK;AACV,eAAK,QAAL,CAAc,GAAd,GAAoB,KAAK,IAAL,EAApB,GAAkC,KAAK,IAAL,EAAlC;AACD,SANyB;AAO1B,QAAA,GAAG,EAAG,CAAD,IAAkB;AACrB,UAAA,CAAC,CAAC,eAAF;AACD,SATyB;AAU1B,QAAA,KAAK,EAAG,CAAD,IAAkB;AACvB,UAAA,CAAC,CAAC,eAAF;AACD;AAZyB,OAA5B;AAeA,MAAA,UAAU,CAAC,IAAX,CAAgB,CACd,KADc,EAEd,KAFc,CAAhB;AAID;;AAED,WAAO,cAAc,CAAC,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,CAAC,KAAK,YAAL,EAAD,CAAd,CAAF,EAAwC,UAAxC,CAArB;AACD;;AAzQ4B,CAAD,CAA9B","sourcesContent":["import { h, withDirectives, PropType, defineComponent } from 'vue'\n// Styles\nimport './VWindow.sass'\n\n// Types\nimport type { VNode, VNodeDirective } from '../../types/vue-internal'\nimport { TouchHandlers } from 'vuetify/types'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'\nimport { getSlot } from '../../util/helpers'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-window',\n  extends: BaseItemGroup,\n\n  provide (): object {\n    return {\n      windowGroup: this\n    }\n  },\n\n  props: {\n    activeClass: {\n      type: String,\n      default: 'v-window-item--active'\n    },\n    continuous: Boolean,\n    mandatory: {\n      type: Boolean,\n      default: true\n    },\n    nextIcon: {\n      type: [Boolean, String],\n      default: '$next'\n    },\n    prevIcon: {\n      type: [Boolean, String],\n      default: '$prev'\n    },\n    reverse: Boolean,\n    showArrows: Boolean,\n    showArrowsOnHover: Boolean,\n    touch: Object as PropType<TouchHandlers>,\n    touchless: Boolean,\n    modelValue: {\n      required: false\n    },\n    vertical: Boolean\n  },\n\n  data () {\n    return {\n      changedByDelimiters: false,\n      internalHeight: undefined as undefined | string, // This can be fixed by child class.\n      transitionHeight: undefined as undefined | string, // Intermediate height during transition.\n      transitionCount: 0, // Number of windows in transition state.\n      isBooted: false,\n      isReverse: false\n    }\n  },\n\n  computed: {\n    isActive (): boolean {\n      return this.transitionCount > 0\n    },\n    classes (): object {\n      return {\n        ...BaseItemGroup.computed.classes.call(this),\n        'v-window--show-arrows-on-hover': this.showArrowsOnHover\n      }\n    },\n    computedTransition (): string {\n      if (!this.isBooted) return ''\n\n      const axis = this.vertical ? 'y' : 'x'\n      const reverse = this.internalReverse ? !this.isReverse : this.isReverse\n      const direction = reverse ? '-reverse' : ''\n\n      return `v-window-${axis}${direction}-transition`\n    },\n    hasActiveItems (): boolean {\n      return Boolean(\n        this.items.find(item => !item.disabled)\n      )\n    },\n    hasNext (): boolean {\n      return this.continuous || this.internalIndex < this.items.length - 1\n    },\n    hasPrev (): boolean {\n      return this.continuous || this.internalIndex > 0\n    },\n    internalIndex (): number {\n      return this.items.findIndex((item, i) => {\n        return this.internalValue === this.getValue(item, i)\n      })\n    },\n    internalReverse (): boolean {\n      return this.$vuetify.rtl ? !this.reverse : this.reverse\n    }\n  },\n\n  watch: {\n    internalIndex (val, oldVal) {\n      this.isReverse = this.updateReverse(val, oldVal)\n    }\n  },\n\n  mounted () {\n    window.requestAnimationFrame(() => (this.isBooted = true))\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return getSlot(this)\n    },\n    genContainer (): VNode {\n      const children = [this.genDefaultSlot()]\n\n      if (this.showArrows) {\n        children.push(this.genControlIcons())\n      }\n\n      return h('div', {\n        class: ['v-window__container', {\n          'v-window__container--is-active': this.isActive\n        }],\n        style: {\n          height: this.internalHeight || this.transitionHeight\n        }\n      }, children)\n    },\n    genIcon (\n      direction: 'prev' | 'next',\n      icon: string,\n      click: () => void\n    ) {\n      const attrs = {\n        'aria-label': this.$vuetify.lang.t(`$vuetify.carousel.${direction}`),\n        onClick: (e: Event) => {\n          e.stopPropagation()\n          this.changedByDelimiters = true\n          click()\n        }\n      }\n      const children = this.$slots[direction]?.({\n        attrs\n      }) ?? [h(VBtn, {\n        icon: true,\n        ...attrs\n      }, {\n        default: () => [\n          h(VIcon, {\n            large: true\n          }, {\n            default: () => icon\n          })\n        ]\n      })]\n\n      return h('div', {\n        class: `v-window__${direction}`\n      }, children)\n    },\n    genControlIcons () {\n      const icons = []\n\n      const prevIcon = this.$vuetify.rtl\n        ? this.nextIcon\n        : this.prevIcon\n\n      /* istanbul ignore else */\n      if (\n        this.hasPrev &&\n        prevIcon &&\n        typeof prevIcon === 'string'\n      ) {\n        const icon = this.genIcon('prev', prevIcon, this.prev)\n        icon && icons.push(icon)\n      }\n\n      const nextIcon = this.$vuetify.rtl\n        ? this.prevIcon\n        : this.nextIcon\n\n      /* istanbul ignore else */\n      if (\n        this.hasNext &&\n        nextIcon &&\n        typeof nextIcon === 'string'\n      ) {\n        const icon = this.genIcon('next', nextIcon, this.next)\n        icon && icons.push(icon)\n      }\n\n      return icons\n    },\n    getNextIndex (index: number): number {\n      const nextIndex = (index + 1) % this.items.length\n      const item = this.items[nextIndex]\n\n      if (item.disabled) return this.getNextIndex(nextIndex)\n\n      return nextIndex\n    },\n    getPrevIndex (index: number): number {\n      const prevIndex = (index + this.items.length - 1) % this.items.length\n      const item = this.items[prevIndex]\n\n      if (item.disabled) return this.getPrevIndex(prevIndex)\n\n      return prevIndex\n    },\n    next () {\n      /* istanbul ignore if */\n      if (!this.hasActiveItems || !this.hasNext) return\n\n      const nextIndex = this.getNextIndex(this.internalIndex)\n      const item = this.items[nextIndex]\n\n      this.internalValue = this.getValue(item, nextIndex)\n    },\n    prev () {\n      /* istanbul ignore if */\n      if (!this.hasActiveItems || !this.hasPrev) return\n\n      const lastIndex = this.getPrevIndex(this.internalIndex)\n      const item = this.items[lastIndex]\n\n      this.internalValue = this.getValue(item, lastIndex)\n    },\n    updateReverse (val: number, oldVal: number) {\n      const itemsLength = this.items.length\n      const lastIndex = itemsLength - 1\n\n      if (itemsLength <= 2) return val < oldVal\n\n      if (val === lastIndex && oldVal === 0) {\n        return true\n      } else if (val === 0 && oldVal === lastIndex) {\n        return false\n      } else {\n        return val < oldVal\n      }\n    }\n  },\n\n  render (): VNode {\n    const directives = []\n\n    const data = {\n      class: ['v-window', this.classes]\n    }\n\n    if (!this.touchless) {\n      const value = this.touch || {\n        left: () => {\n          this.$vuetify.rtl ? this.prev() : this.next()\n        },\n        right: () => {\n          this.$vuetify.rtl ? this.next() : this.prev()\n        },\n        end: (e: TouchEvent) => {\n          e.stopPropagation()\n        },\n        start: (e: TouchEvent) => {\n          e.stopPropagation()\n        }\n      }\n\n      directives.push([\n        Touch,\n        value\n      ])\n    }\n\n    return withDirectives(h('div', data, [this.genContainer()]), directives)\n  }\n})\n"],"sourceRoot":"","file":"VWindow.js"}

package/lib/components/VWindow/VWindowItem.js

@@ -1,9 +1,7 @@
 import { h, vShow, withDirectives } from 'vue'; // Mixins
 
 import Bootable from '../../mixins/bootable';
-import { factory as GroupableFactory } from '../../mixins/groupable'; // Directives
-
-import Touch from '../../directives/touch'; // Utilities
+import { factory as GroupableFactory } from '../../mixins/groupable'; // Utilities
 
 import { convertToUnit, getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins'; // Types
@@ -12,9 +10,7 @@ import { Transition } from 'vue';
 const baseMixins = mixins(Bootable, GroupableFactory('windowGroup', 'v-window-item', 'v-window'));
 export default baseMixins.extend({
   name: 'v-window-item',
-  directives: {
-    Touch
-  },
+  emits: ['change'],
   props: {
     disabled: Boolean,
     reverseTransition: {
@@ -131,7 +127,9 @@ export default baseMixins.extend({
       onLeaveCancelled: this.onTransitionCancelled,
       // Enter handler for height transition.
       onEnter: this.onEnter
-    }, this.showLazyContent(() => [this.genWindowItem()]));
+    }, {
+      default: () => this.showLazyContent(() => [this.genWindowItem()])
+    });
   }
 
 });

package/lib/components/VWindow/VWindowItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VWindow/VWindowItem.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, vShow, withDirectives} from 'vue'\n// Components\nimport VWindow from './VWindow'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport { VNode, Transition } from 'vue'\n\nconst baseMixins = mixins(\n  Bootable,\n  GroupableFactory('windowGroup', 'v-window-item', 'v-window')\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n  $el: HTMLElement\n  windowGroup: InstanceType<typeof VWindow>\n}\n\nexport default baseMixins.extend({\n  name: 'v-window-item',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    disabled: Boolean,\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    value: {\n      required: false,\n    },\n  },\n\n  data () {\n    return {\n      isActive: false,\n      inTransition: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return this.groupClasses\n    },\n    computedTransition (): string | boolean {\n      if (!this.windowGroup.internalReverse) {\n        return typeof this.transition !== 'undefined'\n          ? this.transition || ''\n          : this.windowGroup.computedTransition\n      }\n\n      return typeof this.reverseTransition !== 'undefined'\n        ? this.reverseTransition || ''\n        : this.windowGroup.computedTransition\n    },\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return getSlot(this)\n    },\n    genWindowItem () {\n      return withDirectives(h('div', {\n        class: ['v-window-item', this.classes],\n        ...this.$listeners,\n      }, this.genDefaultSlot()), [\n        [\n          vShow,\n          this.isActive\n        ]\n      ])\n    },\n    onAfterTransition () {\n      if (!this.inTransition) {\n        return\n      }\n\n      // Finalize transition state.\n      this.inTransition = false\n      if (this.windowGroup.transitionCount > 0) {\n        this.windowGroup.transitionCount--\n\n        // Remove container height if we are out of transition.\n        if (this.windowGroup.transitionCount === 0) {\n          this.windowGroup.transitionHeight = undefined\n        }\n      }\n    },\n    onBeforeTransition () {\n      if (this.inTransition) {\n        return\n      }\n\n      // Initialize transition state here.\n      this.inTransition = true\n      if (this.windowGroup.transitionCount === 0) {\n        // Set initial height for height transition.\n        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight)\n      }\n      this.windowGroup.transitionCount++\n    },\n    onTransitionCancelled () {\n      this.onAfterTransition() // This should have the same path as normal transition end.\n    },\n    onEnter (el: HTMLElement) {\n      if (!this.inTransition) {\n        return\n      }\n\n      this.$nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!this.computedTransition || !this.inTransition) {\n          return\n        }\n\n        // Set transition target height.\n        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight)\n      })\n    },\n  },\n\n  render (): VNode {\n    return h(Transition, {\n      name: this.computedTransition,\n      // Handlers for enter windows.\n      onBeforeEnter: this.onBeforeTransition,\n      onAfterEnter: this.onAfterTransition,\n      onEnterCancelled: this.onTransitionCancelled,\n\n      // Handlers for leave windows.\n      onBeforeLeave: this.onBeforeTransition,\n      onAfterLeave: this.onAfterTransition,\n      onLeaveCancelled: this.onTransitionCancelled,\n\n      // Enter handler for height transition.\n      onEnter: this.onEnter,\n    }, this.showLazyContent(() => [this.genWindowItem()]))\n  },\n})\n"],"sourceRoot":"","file":"VWindowItem.js"}
+{"version":3,"sources":["../../../src/components/VWindow/VWindowItem.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, vShow, withDirectives } from 'vue'\n// Components\nimport VWindow from './VWindow'\n\n// Mixins\nimport Bootable from '../../mixins/bootable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins, { ExtractVue } from '../../util/mixins'\n\n// Types\nimport { VNode, Transition } from 'vue'\n\nconst baseMixins = mixins(\n  Bootable,\n  GroupableFactory('windowGroup', 'v-window-item', 'v-window')\n)\n\ntype options = ExtractVue<typeof baseMixins> & {\n  $el: HTMLElement\n  windowGroup: InstanceType<typeof VWindow>\n}\n\nexport default baseMixins.extend({\n  name: 'v-window-item',\n\n  emits: ['change'],\n\n  props: {\n    disabled: Boolean,\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    value: {\n      required: false\n    }\n  },\n\n  data () {\n    return {\n      isActive: false,\n      inTransition: false\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return this.groupClasses\n    },\n    computedTransition (): string | boolean {\n      if (!this.windowGroup.internalReverse) {\n        return typeof this.transition !== 'undefined'\n          ? this.transition || ''\n          : this.windowGroup.computedTransition\n      }\n\n      return typeof this.reverseTransition !== 'undefined'\n        ? this.reverseTransition || ''\n        : this.windowGroup.computedTransition\n    }\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return getSlot(this)\n    },\n    genWindowItem () {\n      return withDirectives(h('div', {\n        class: ['v-window-item', this.classes],\n        ...this.$listeners\n      }, this.genDefaultSlot()), [\n        [\n          vShow,\n          this.isActive\n        ]\n      ])\n    },\n    onAfterTransition () {\n      if (!this.inTransition) {\n        return\n      }\n\n      // Finalize transition state.\n      this.inTransition = false\n      if (this.windowGroup.transitionCount > 0) {\n        this.windowGroup.transitionCount--\n\n        // Remove container height if we are out of transition.\n        if (this.windowGroup.transitionCount === 0) {\n          this.windowGroup.transitionHeight = undefined\n        }\n      }\n    },\n    onBeforeTransition () {\n      if (this.inTransition) {\n        return\n      }\n\n      // Initialize transition state here.\n      this.inTransition = true\n      if (this.windowGroup.transitionCount === 0) {\n        // Set initial height for height transition.\n        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight)\n      }\n      this.windowGroup.transitionCount++\n    },\n    onTransitionCancelled () {\n      this.onAfterTransition() // This should have the same path as normal transition end.\n    },\n    onEnter (el: HTMLElement) {\n      if (!this.inTransition) {\n        return\n      }\n\n      this.$nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!this.computedTransition || !this.inTransition) {\n          return\n        }\n\n        // Set transition target height.\n        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight)\n      })\n    }\n  },\n\n  render (): VNode {\n    return h(Transition, {\n      name: this.computedTransition,\n      // Handlers for enter windows.\n      onBeforeEnter: this.onBeforeTransition,\n      onAfterEnter: this.onAfterTransition,\n      onEnterCancelled: this.onTransitionCancelled,\n\n      // Handlers for leave windows.\n      onBeforeLeave: this.onBeforeTransition,\n      onAfterLeave: this.onAfterTransition,\n      onLeaveCancelled: this.onTransitionCancelled,\n\n      // Enter handler for height transition.\n      onEnter: this.onEnter\n    }, {\n      default: () => this.showLazyContent(() => [this.genWindowItem()])\n    })\n  }\n})\n"],"sourceRoot":"","file":"VWindowItem.js"}

package/lib/components/VWindow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VWindow/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AACA,OAAO,WAAP,MAAwB,eAAxB;AAEA,SAAS,OAAT,EAAkB,WAAlB;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,OADuB;AAEvB,IAAA;AAFuB;AADZ,CAAf","sourcesContent":["import VWindow from './VWindow'\nimport VWindowItem from './VWindowItem'\n\nexport { VWindow, VWindowItem }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VWindow,\n    VWindowItem,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/VWindow/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AACA,OAAO,WAAP,MAAwB,eAAxB;AAEA,SAAS,OAAT,EAAkB,WAAlB;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,OADuB;AAEvB,IAAA;AAFuB;AADZ,CAAf","sourcesContent":["import VWindow from './VWindow'\nimport VWindowItem from './VWindowItem'\n\nexport { VWindow, VWindowItem }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VWindow,\n    VWindowItem\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/transitions/createTransition.js

@@ -1,6 +1,5 @@
-import { Transition, TransitionGroup } from 'vue';
+import { Transition, TransitionGroup, h } from 'vue';
 import mergeData from '../../util/mergeData';
-import { h } from 'vue';
 
 function mergeTransitions(dest = [], ...transitions) {
   /* eslint-disable-next-line no-array-constructor */
@@ -91,7 +90,11 @@ export function createSimpleTransition(name, origin = 'top center 0', mode) {
         });
       }
 
-      return h(tag, mergeData(this.$attrs, data), this.$slots.default());
+      return h(tag, mergeData(this.$attrs, data), () => {
+        var _a, _b, _c;
+
+        return (_c = (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : [];
+      });
     }
 
   };
@@ -111,7 +114,7 @@ export function createJavascriptTransition(name, functions, mode = 'in-out') {
       return h(Transition, mergeData(this.$attrs, {
         name,
         ...functions
-      }), this.$slots.default());
+      }), () => this.$slots.default());
     }
 
   };

package/lib/components/transitions/createTransition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/transitions/createTransition.ts"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponentOptions, VNode, VNodeData, Transition, TransitionGroup } from 'vue'\nimport mergeData from '../../util/mergeData'\nimport {h} from 'vue'\n\nfunction mergeTransitions (\n  dest: Function | Function[] = [],\n  ...transitions: (Function | Function[])[]\n) {\n  /* eslint-disable-next-line no-array-constructor */\n  return Array<Function>().concat(dest, ...transitions)\n}\n\nexport function createSimpleTransition (\n  name: string,\n  origin = 'top center 0',\n  mode?: string\n): FunctionalComponentOptions {\n  return {\n    name,\n\n    functional: true,\n\n    props: {\n      group: {\n        type: Boolean,\n        default: false,\n      },\n      hideOnLeave: {\n        type: Boolean,\n        default: false,\n      },\n      leaveAbsolute: {\n        type: Boolean,\n        default: false,\n      },\n      mode: {\n        type: String,\n        default: mode,\n      },\n      origin: {\n        type: String,\n        default: origin,\n      },\n    },\n\n    render (): VNode {\n      const tag = this.$props.group ? TransitionGroup : Transition\n\n      const data: VNodeData = {\n        name,\n        mode: this.$props.mode,\n        onBeforeEnter: (el: HTMLElement) => {\n          el.style.transformOrigin = this.$props.origin\n          el.style.webkitTransformOrigin = this.$props.origin\n        }\n      }\n\n      if (this.$props.leaveAbsolute) {\n        data.onLeave = mergeTransitions(data.onLeave, (el: HTMLElement) => {\n          const { offsetTop, offsetLeft, offsetWidth, offsetHeight } = el\n          el._transitionInitialStyles = {\n            position: el.style.position,\n            top: el.style.top,\n            left: el.style.left,\n            width: el.style.width,\n            height: el.style.height,\n          }\n          el.style.position = 'absolute'\n          el.style.top = offsetTop + 'px'\n          el.style.left = offsetLeft + 'px'\n          el.style.width = offsetWidth + 'px'\n          el.style.height = offsetHeight + 'px'\n        })\n        data.onAfterLeave = mergeTransitions(data.onAfterLeave, (el?: HTMLElement) => {\n          if (el && el._transitionInitialStyles) {\n            const { position, top, left, width, height } = el._transitionInitialStyles\n            delete el._transitionInitialStyles\n            el.style.position = position || ''\n            el.style.top = top || ''\n            el.style.left = left || ''\n            el.style.width = width || ''\n            el.style.height = height || ''\n          }\n        })\n      }\n      if (this.$props.hideOnLeave) {\n        data.onLeave = mergeTransitions(data.onLeave, (el: HTMLElement) => {\n          el.style.setProperty('display', 'none', 'important')\n        })\n      }\n      return h(tag, mergeData(this.$attrs, data), this.$slots.default())\n    },\n  }\n}\n\nexport function createJavascriptTransition (\n  name: string,\n  functions: Record<string, any>,\n  mode = 'in-out'\n): FunctionalComponentOptions {\n  return {\n    name,\n\n    functional: true,\n\n    props: {\n      mode: {\n        type: String,\n        default: mode,\n      },\n    },\n\n    render (): VNode {\n      return h(\n        Transition,\n        mergeData(this.$attrs, {\n          name,\n          ...functions,\n        }),\n        this.$slots.default()\n      )\n    },\n  }\n}\n"],"sourceRoot":"","file":"createTransition.js"}
+{"version":3,"sources":["../../../src/components/transitions/createTransition.ts"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionalComponentOptions, VNode, VNodeData } from '../../types/vue-internal'\nimport { Transition, TransitionGroup, h } from 'vue'\nimport mergeData from '../../util/mergeData'\n\nfunction mergeTransitions (\n  dest: Function | Function[] = [],\n  ...transitions: (Function | Function[])[]\n) {\n  /* eslint-disable-next-line no-array-constructor */\n  return Array<Function>().concat(dest, ...transitions)\n}\n\nexport function createSimpleTransition (\n  name: string,\n  origin = 'top center 0',\n  mode?: string\n): FunctionalComponentOptions {\n  return {\n    name,\n\n    functional: true,\n\n    props: {\n      group: {\n        type: Boolean,\n        default: false\n      },\n      hideOnLeave: {\n        type: Boolean,\n        default: false\n      },\n      leaveAbsolute: {\n        type: Boolean,\n        default: false\n      },\n      mode: {\n        type: String,\n        default: mode\n      },\n      origin: {\n        type: String,\n        default: origin\n      }\n    },\n\n    render (): VNode {\n      const tag = this.$props.group ? TransitionGroup : Transition\n\n      const data: VNodeData = {\n        name,\n        mode: this.$props.mode,\n        onBeforeEnter: (el: HTMLElement) => {\n          el.style.transformOrigin = this.$props.origin\n          el.style.webkitTransformOrigin = this.$props.origin\n        }\n      }\n\n      if (this.$props.leaveAbsolute) {\n        data.onLeave = mergeTransitions(data.onLeave, (el: HTMLElement) => {\n          const { offsetTop, offsetLeft, offsetWidth, offsetHeight } = el\n          el._transitionInitialStyles = {\n            position: el.style.position,\n            top: el.style.top,\n            left: el.style.left,\n            width: el.style.width,\n            height: el.style.height\n          }\n          el.style.position = 'absolute'\n          el.style.top = offsetTop + 'px'\n          el.style.left = offsetLeft + 'px'\n          el.style.width = offsetWidth + 'px'\n          el.style.height = offsetHeight + 'px'\n        })\n        data.onAfterLeave = mergeTransitions(data.onAfterLeave, (el?: HTMLElement) => {\n          if (el && el._transitionInitialStyles) {\n            const { position, top, left, width, height } = el._transitionInitialStyles\n            delete el._transitionInitialStyles\n            el.style.position = position || ''\n            el.style.top = top || ''\n            el.style.left = left || ''\n            el.style.width = width || ''\n            el.style.height = height || ''\n          }\n        })\n      }\n      if (this.$props.hideOnLeave) {\n        data.onLeave = mergeTransitions(data.onLeave, (el: HTMLElement) => {\n          el.style.setProperty('display', 'none', 'important')\n        })\n      }\n      return h(tag as any, mergeData(this.$attrs, data) as any, () => this.$slots.default?.() ?? [])\n    }\n  }\n}\n\nexport function createJavascriptTransition (\n  name: string,\n  functions: Record<string, any>,\n  mode = 'in-out'\n): FunctionalComponentOptions {\n  return {\n    name,\n\n    functional: true,\n\n    props: {\n      mode: {\n        type: String,\n        default: mode\n      }\n    },\n\n    render (): VNode {\n      return h(\n        Transition,\n        mergeData(this.$attrs, {\n          name,\n          ...functions\n        }),\n        () => this.$slots.default()\n      )\n    }\n  }\n}\n"],"sourceRoot":"","file":"createTransition.js"}

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":"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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      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/components/transitions/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/transitions/index.ts"],"names":[],"mappings":"AAAA,SACE,sBADF,EAEE,0BAFF,QAGO,oBAHP;AAKA,OAAO,yBAAP,MAAsC,qBAAtC,C,CAEA;;AACA,OAAO,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,qBAAD,CAAlD;AACP,OAAO,MAAM,0BAA0B,GAAG,sBAAsB,CAAC,6BAAD,CAAzD;AACP,OAAO,MAAM,cAAc,GAAG,sBAAsB,CAAC,gBAAD,CAA7C;AACP,OAAO,MAAM,qBAAqB,GAAG,sBAAsB,CAAC,wBAAD,CAApD;AACP,OAAO,MAAM,eAAe,GAAG,sBAAsB,CAAC,iBAAD,CAA9C;AACP,OAAO,MAAM,cAAc,GAAG,sBAAsB,CAAC,gBAAD,EAAmB,eAAnB,EAAoC,QAApC,CAA7C,C,CAEP;;AACA,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,mBAAD,CAAhD;AACP,OAAO,MAAM,uBAAuB,GAAG,sBAAsB,CAAC,0BAAD,CAAtD;AACP,OAAO,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,uBAAD,CAAnD;AACP,OAAO,MAAM,eAAe,GAAG,sBAAsB,CAAC,iBAAD,CAA9C;AACP,OAAO,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,kBAAD,CAA/C;AACP,OAAO,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,qBAAD,CAAjD;AACP,OAAO,MAAM,yBAAyB,GAAG,sBAAsB,CAAC,6BAAD,CAAxD;AACP,OAAO,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,qBAAD,CAAjD;AACP,OAAO,MAAM,yBAAyB,GAAG,sBAAsB,CAAC,6BAAD,CAAxD;AACP,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,oBAAD,CAAhD;AACP,OAAO,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,4BAAD,CAAvD;AACP,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,oBAAD,CAAhD;AACP,OAAO,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,4BAAD,CAAvD,C,CAEP;;AACA,OAAO,MAAM,iBAAiB,GAAG,0BAA0B,CAAC,mBAAD,EAAsB,yBAAyB,EAA/C,CAApD;AACP,OAAO,MAAM,kBAAkB,GAAG,0BAA0B,CAAC,qBAAD,EAAwB,yBAAyB,CAAC,EAAD,EAAK,IAAL,CAAjD,CAArD;AAEP,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,mBADuB;AAEvB,IAAA,0BAFuB;AAGvB,IAAA,iBAHuB;AAIvB,IAAA,uBAJuB;AAKvB,IAAA,oBALuB;AAMvB,IAAA,cANuB;AAOvB,IAAA,eAPuB;AAQvB,IAAA,eARuB;AASvB,IAAA,gBATuB;AAUvB,IAAA,kBAVuB;AAWvB,IAAA,yBAXuB;AAYvB,IAAA,kBAZuB;AAavB,IAAA,yBAbuB;AAcvB,IAAA,iBAduB;AAevB,IAAA,wBAfuB;AAgBvB,IAAA,iBAhBuB;AAiBvB,IAAA,wBAjBuB;AAkBvB,IAAA,qBAlBuB;AAmBvB,IAAA,cAnBuB;AAoBvB,IAAA,iBApBuB;AAqBvB,IAAA;AArBuB;AADZ,CAAf","sourcesContent":["import {\n  createSimpleTransition,\n  createJavascriptTransition,\n} from './createTransition'\n\nimport ExpandTransitionGenerator from './expand-transition'\n\n// Component specific transitions\nexport const VCarouselTransition = createSimpleTransition('carousel-transition')\nexport const VCarouselReverseTransition = createSimpleTransition('carousel-reverse-transition')\nexport const VTabTransition = createSimpleTransition('tab-transition')\nexport const VTabReverseTransition = createSimpleTransition('tab-reverse-transition')\nexport const VMenuTransition = createSimpleTransition('menu-transition')\nexport const VFabTransition = createSimpleTransition('fab-transition', 'center center', 'out-in')\n\n// Generic transitions\nexport const VDialogTransition = createSimpleTransition('dialog-transition')\nexport const VDialogBottomTransition = createSimpleTransition('dialog-bottom-transition')\nexport const VDialogTopTransition = createSimpleTransition('dialog-top-transition')\nexport const VFadeTransition = createSimpleTransition('fade-transition')\nexport const VScaleTransition = createSimpleTransition('scale-transition')\nexport const VScrollXTransition = createSimpleTransition('scroll-x-transition')\nexport const VScrollXReverseTransition = createSimpleTransition('scroll-x-reverse-transition')\nexport const VScrollYTransition = createSimpleTransition('scroll-y-transition')\nexport const VScrollYReverseTransition = createSimpleTransition('scroll-y-reverse-transition')\nexport const VSlideXTransition = createSimpleTransition('slide-x-transition')\nexport const VSlideXReverseTransition = createSimpleTransition('slide-x-reverse-transition')\nexport const VSlideYTransition = createSimpleTransition('slide-y-transition')\nexport const VSlideYReverseTransition = createSimpleTransition('slide-y-reverse-transition')\n\n// Javascript transitions\nexport const VExpandTransition = createJavascriptTransition('expand-transition', ExpandTransitionGenerator())\nexport const VExpandXTransition = createJavascriptTransition('expand-x-transition', ExpandTransitionGenerator('', true))\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCarouselTransition,\n    VCarouselReverseTransition,\n    VDialogTransition,\n    VDialogBottomTransition,\n    VDialogTopTransition,\n    VFabTransition,\n    VFadeTransition,\n    VMenuTransition,\n    VScaleTransition,\n    VScrollXTransition,\n    VScrollXReverseTransition,\n    VScrollYTransition,\n    VScrollYReverseTransition,\n    VSlideXTransition,\n    VSlideXReverseTransition,\n    VSlideYTransition,\n    VSlideYReverseTransition,\n    VTabReverseTransition,\n    VTabTransition,\n    VExpandTransition,\n    VExpandXTransition,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/transitions/index.ts"],"names":[],"mappings":"AAAA,SACE,sBADF,EAEE,0BAFF,QAGO,oBAHP;AAKA,OAAO,yBAAP,MAAsC,qBAAtC,C,CAEA;;AACA,OAAO,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,qBAAD,CAAlD;AACP,OAAO,MAAM,0BAA0B,GAAG,sBAAsB,CAAC,6BAAD,CAAzD;AACP,OAAO,MAAM,cAAc,GAAG,sBAAsB,CAAC,gBAAD,CAA7C;AACP,OAAO,MAAM,qBAAqB,GAAG,sBAAsB,CAAC,wBAAD,CAApD;AACP,OAAO,MAAM,eAAe,GAAG,sBAAsB,CAAC,iBAAD,CAA9C;AACP,OAAO,MAAM,cAAc,GAAG,sBAAsB,CAAC,gBAAD,EAAmB,eAAnB,EAAoC,QAApC,CAA7C,C,CAEP;;AACA,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,mBAAD,CAAhD;AACP,OAAO,MAAM,uBAAuB,GAAG,sBAAsB,CAAC,0BAAD,CAAtD;AACP,OAAO,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,uBAAD,CAAnD;AACP,OAAO,MAAM,eAAe,GAAG,sBAAsB,CAAC,iBAAD,CAA9C;AACP,OAAO,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,kBAAD,CAA/C;AACP,OAAO,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,qBAAD,CAAjD;AACP,OAAO,MAAM,yBAAyB,GAAG,sBAAsB,CAAC,6BAAD,CAAxD;AACP,OAAO,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,qBAAD,CAAjD;AACP,OAAO,MAAM,yBAAyB,GAAG,sBAAsB,CAAC,6BAAD,CAAxD;AACP,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,oBAAD,CAAhD;AACP,OAAO,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,4BAAD,CAAvD;AACP,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,oBAAD,CAAhD;AACP,OAAO,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,4BAAD,CAAvD,C,CAEP;;AACA,OAAO,MAAM,iBAAiB,GAAG,0BAA0B,CAAC,mBAAD,EAAsB,yBAAyB,EAA/C,CAApD;AACP,OAAO,MAAM,kBAAkB,GAAG,0BAA0B,CAAC,qBAAD,EAAwB,yBAAyB,CAAC,EAAD,EAAK,IAAL,CAAjD,CAArD;AAEP,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,mBADuB;AAEvB,IAAA,0BAFuB;AAGvB,IAAA,iBAHuB;AAIvB,IAAA,uBAJuB;AAKvB,IAAA,oBALuB;AAMvB,IAAA,cANuB;AAOvB,IAAA,eAPuB;AAQvB,IAAA,eARuB;AASvB,IAAA,gBATuB;AAUvB,IAAA,kBAVuB;AAWvB,IAAA,yBAXuB;AAYvB,IAAA,kBAZuB;AAavB,IAAA,yBAbuB;AAcvB,IAAA,iBAduB;AAevB,IAAA,wBAfuB;AAgBvB,IAAA,iBAhBuB;AAiBvB,IAAA,wBAjBuB;AAkBvB,IAAA,qBAlBuB;AAmBvB,IAAA,cAnBuB;AAoBvB,IAAA,iBApBuB;AAqBvB,IAAA;AArBuB;AADZ,CAAf","sourcesContent":["import {\n  createSimpleTransition,\n  createJavascriptTransition\n} from './createTransition'\n\nimport ExpandTransitionGenerator from './expand-transition'\n\n// Component specific transitions\nexport const VCarouselTransition = createSimpleTransition('carousel-transition')\nexport const VCarouselReverseTransition = createSimpleTransition('carousel-reverse-transition')\nexport const VTabTransition = createSimpleTransition('tab-transition')\nexport const VTabReverseTransition = createSimpleTransition('tab-reverse-transition')\nexport const VMenuTransition = createSimpleTransition('menu-transition')\nexport const VFabTransition = createSimpleTransition('fab-transition', 'center center', 'out-in')\n\n// Generic transitions\nexport const VDialogTransition = createSimpleTransition('dialog-transition')\nexport const VDialogBottomTransition = createSimpleTransition('dialog-bottom-transition')\nexport const VDialogTopTransition = createSimpleTransition('dialog-top-transition')\nexport const VFadeTransition = createSimpleTransition('fade-transition')\nexport const VScaleTransition = createSimpleTransition('scale-transition')\nexport const VScrollXTransition = createSimpleTransition('scroll-x-transition')\nexport const VScrollXReverseTransition = createSimpleTransition('scroll-x-reverse-transition')\nexport const VScrollYTransition = createSimpleTransition('scroll-y-transition')\nexport const VScrollYReverseTransition = createSimpleTransition('scroll-y-reverse-transition')\nexport const VSlideXTransition = createSimpleTransition('slide-x-transition')\nexport const VSlideXReverseTransition = createSimpleTransition('slide-x-reverse-transition')\nexport const VSlideYTransition = createSimpleTransition('slide-y-transition')\nexport const VSlideYReverseTransition = createSimpleTransition('slide-y-reverse-transition')\n\n// Javascript transitions\nexport const VExpandTransition = createJavascriptTransition('expand-transition', ExpandTransitionGenerator())\nexport const VExpandXTransition = createJavascriptTransition('expand-x-transition', ExpandTransitionGenerator('', true))\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCarouselTransition,\n    VCarouselReverseTransition,\n    VDialogTransition,\n    VDialogBottomTransition,\n    VDialogTopTransition,\n    VFabTransition,\n    VFadeTransition,\n    VMenuTransition,\n    VScaleTransition,\n    VScrollXTransition,\n    VScrollXReverseTransition,\n    VScrollYTransition,\n    VScrollYReverseTransition,\n    VSlideXTransition,\n    VSlideXReverseTransition,\n    VSlideYTransition,\n    VSlideYReverseTransition,\n    VTabReverseTransition,\n    VTabTransition,\n    VExpandTransition,\n    VExpandXTransition\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/directives/click-outside/index.js

@@ -1,4 +1,5 @@
 import { attachedRoot } from '../../util/dom';
+const clickOutsideState = new WeakMap();
 
 function defaultConditional() {
   return true;
@@ -36,7 +37,9 @@ function checkIsActive(e, binding) {
 
 function directive(e, el, binding) {
   const handler = typeof binding.value === 'function' ? binding.value : binding.value.handler;
-  el._clickOutside.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {
+  const state = clickOutsideState.get(el);
+  if (!state) return;
+  state.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {
     checkIsActive(e, binding) && handler && handler(e);
   }, 0);
 }
@@ -60,40 +63,35 @@ export const ClickOutside = {
     const onClick = e => directive(e, el, binding);
 
     const onMousedown = e => {
-      el._clickOutside.lastMousedownWasOutside = checkEvent(e, el, binding);
+      const state = clickOutsideState.get(el);
+      if (!state) return;
+      state.lastMousedownWasOutside = checkEvent(e, el, binding);
     };
 
+    clickOutsideState.set(el, {
+      onClick,
+      onMousedown,
+      lastMousedownWasOutside: true
+    });
     handleShadow(el, app => {
       app.addEventListener('click', onClick, true);
       app.addEventListener('mousedown', onMousedown, true);
     });
-
-    if (!el._clickOutside) {
-      el._clickOutside = {
-        lastMousedownWasOutside: true
-      };
-    }
-
-    el._clickOutside[vnode.ctx.uid] = {
-      onClick,
-      onMousedown
-    };
   },
 
   unmounted(el, binding, vnode) {
-    if (!el._clickOutside) return;
+    const state = clickOutsideState.get(el);
+    if (!state) return;
     handleShadow(el, app => {
-      var _a;
-
-      if (!app || !((_a = el._clickOutside) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
+      if (!app) return;
       const {
         onClick,
         onMousedown
-      } = el._clickOutside[vnode.ctx.uid];
+      } = state;
       app.removeEventListener('click', onClick, true);
       app.removeEventListener('mousedown', onMousedown, true);
     });
-    delete el._clickOutside[vnode.ctx.uid];
+    clickOutsideState.delete(el);
   }
 
 };

package/lib/directives/click-outside/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/click-outside/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attachedRoot } from '../../util/dom'\nimport { VNodeDirective } from 'vue/types/vnode'\nimport { VNode } from 'vue'\n\ninterface ClickOutsideBindingArgs {\n  handler: (e: Event) => void\n  closeConditional?: (e: Event) => boolean\n  include?: () => HTMLElement[]\n}\n\ninterface ClickOutsideDirective extends VNodeDirective {\n  value?: ((e: Event) => void) | ClickOutsideBindingArgs\n}\n\nfunction defaultConditional () {\n  return true\n}\n\nfunction checkEvent (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective): boolean {\n  // The include element callbacks below can be expensive\n  // so we should avoid calling them when we're not active.\n  // Explicitly check for false to allow fallback compatibility\n  // with non-toggleable components\n  if (!e || checkIsActive(e, binding) === false) return false\n\n  // If we're clicking inside the shadowroot, then the app root doesn't get the same\n  // level of introspection as to _what_ we're clicking. We want to check to see if\n  // our target is the shadowroot parent container, and if it is, ignore.\n  const root = attachedRoot(el)\n  if (\n    typeof ShadowRoot !== 'undefined' &&\n    root instanceof ShadowRoot &&\n    root.host === e.target\n  ) return false\n\n  // Check if additional elements were passed to be included in check\n  // (click must be outside all included elements, if any)\n  const elements = ((typeof binding.value === 'object' && binding.value.include) || (() => []))()\n  // Add the root element for the component this directive was defined on\n  elements.push(el)\n\n  // Check if it's a click outside our elements, and then if our callback returns true.\n  // Non-toggleable components should take action in their callback and return falsy.\n  // Toggleable can return true if it wants to deactivate.\n  // Note that, because we're in the capture phase, this callback will occur before\n  // the bubbling click event on any outside elements.\n  return !elements.some(el => el.contains(e.target as Node))\n}\n\nfunction checkIsActive (e: PointerEvent, binding: ClickOutsideDirective): boolean | void {\n  const isActive = (typeof binding.value === 'object' && binding.value.closeConditional) || defaultConditional\n\n  return isActive(e)\n}\n\nfunction directive (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective) {\n  const handler = typeof binding.value === 'function' ? binding.value : binding.value!.handler\n\n  el._clickOutside!.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {\n    checkIsActive(e, binding) && handler && handler(e)\n  }, 0)\n}\n\nfunction handleShadow (el: HTMLElement, callback: Function): void {\n  const root = attachedRoot(el)\n\n  callback(document)\n\n  if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) {\n    callback(root)\n  }\n}\n\nexport const ClickOutside = {\n  // [data-app] may not be found\n  // if using bind, inserted makes\n  // sure that the root element is\n  // available, iOS does not support\n  // clicks on body\n  mounted (el: HTMLElement, binding: ClickOutsideDirective, vnode: VNode) {\n    const onClick = (e: Event) => directive(e as PointerEvent, el, binding)\n    const onMousedown = (e: Event) => {\n      el._clickOutside!.lastMousedownWasOutside = checkEvent(e as PointerEvent, el, binding)\n    }\n\n    handleShadow(el, (app: HTMLElement) => {\n      app.addEventListener('click', onClick, true)\n      app.addEventListener('mousedown', onMousedown, true)\n    })\n\n    if (!el._clickOutside) {\n      el._clickOutside = {\n        lastMousedownWasOutside: true,\n      }\n    }\n\n    el._clickOutside[vnode.ctx.uid] = {\n      onClick,\n      onMousedown,\n    }\n  },\n\n  unmounted (el: HTMLElement, binding: ClickOutsideDirective, vnode: VNode) {\n    if (!el._clickOutside) return\n\n    handleShadow(el, (app: HTMLElement) => {\n      if (!app || !el._clickOutside?.[vnode.ctx.uid]) return\n\n      const { onClick, onMousedown } = el._clickOutside[vnode.ctx.uid]!\n\n      app.removeEventListener('click', onClick, true)\n      app.removeEventListener('mousedown', onMousedown, true)\n    })\n\n    delete el._clickOutside[vnode.ctx.uid]\n  },\n}\n\nexport default ClickOutside\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/click-outside/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attachedRoot } from '../../util/dom'\nimport type { VNodeDirective } from '../../types/vue-internal'\nimport { VNode } from 'vue'\n\ninterface ClickOutsideBindingArgs {\n  handler: (e: Event) => void\n  closeConditional?: (e: Event) => boolean\n  include?: () => HTMLElement[]\n}\n\ntype ClickOutsideDirective = VNodeDirective & {\n  value?: ((e: Event) => void) | ClickOutsideBindingArgs\n}\n\ninterface ClickOutsideState {\n  onClick: (e: Event) => void\n  onMousedown: (e: Event) => void\n  lastMousedownWasOutside: boolean\n}\n\nconst clickOutsideState = new WeakMap<HTMLElement, ClickOutsideState>()\n\nfunction defaultConditional () {\n  return true\n}\n\nfunction checkEvent (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective): boolean {\n  // The include element callbacks below can be expensive\n  // so we should avoid calling them when we're not active.\n  // Explicitly check for false to allow fallback compatibility\n  // with non-toggleable components\n  if (!e || checkIsActive(e, binding) === false) return false\n\n  // If we're clicking inside the shadowroot, then the app root doesn't get the same\n  // level of introspection as to _what_ we're clicking. We want to check to see if\n  // our target is the shadowroot parent container, and if it is, ignore.\n  const root = attachedRoot(el)\n  if (\n    typeof ShadowRoot !== 'undefined' &&\n    root instanceof ShadowRoot &&\n    root.host === e.target\n  ) return false\n\n  // Check if additional elements were passed to be included in check\n  // (click must be outside all included elements, if any)\n  const elements = ((typeof binding.value === 'object' && binding.value.include) || (() => []))()\n  // Add the root element for the component this directive was defined on\n  elements.push(el)\n\n  // Check if it's a click outside our elements, and then if our callback returns true.\n  // Non-toggleable components should take action in their callback and return falsy.\n  // Toggleable can return true if it wants to deactivate.\n  // Note that, because we're in the capture phase, this callback will occur before\n  // the bubbling click event on any outside elements.\n  return !elements.some(el => el.contains(e.target as Node))\n}\n\nfunction checkIsActive (e: PointerEvent, binding: ClickOutsideDirective): boolean | void {\n  const isActive = (typeof binding.value === 'object' && binding.value.closeConditional) || defaultConditional\n\n  return isActive(e)\n}\n\nfunction directive (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective) {\n  const handler = typeof binding.value === 'function' ? binding.value : binding.value!.handler\n  const state = clickOutsideState.get(el)\n  if (!state) return\n\n  state.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {\n    checkIsActive(e, binding) && handler && handler(e)\n  }, 0)\n}\n\nfunction handleShadow (el: HTMLElement, callback: Function): void {\n  const root = attachedRoot(el)\n\n  callback(document)\n\n  if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) {\n    callback(root)\n  }\n}\n\nexport const ClickOutside = {\n  // [data-app] may not be found\n  // if using bind, inserted makes\n  // sure that the root element is\n  // available, iOS does not support\n  // clicks on body\n  mounted (el: HTMLElement, binding: ClickOutsideDirective, vnode: VNode) {\n    const onClick = (e: Event) => directive(e as PointerEvent, el, binding)\n    const onMousedown = (e: Event) => {\n      const state = clickOutsideState.get(el)\n      if (!state) return\n      state.lastMousedownWasOutside = checkEvent(e as PointerEvent, el, binding)\n    }\n\n    clickOutsideState.set(el, {\n      onClick,\n      onMousedown,\n      lastMousedownWasOutside: true\n    })\n\n    handleShadow(el, (app: HTMLElement) => {\n      app.addEventListener('click', onClick, true)\n      app.addEventListener('mousedown', onMousedown, true)\n    })\n  },\n\n  unmounted (el: HTMLElement, binding: ClickOutsideDirective, vnode: VNode) {\n    const state = clickOutsideState.get(el)\n    if (!state) return\n\n    handleShadow(el, (app: HTMLElement) => {\n      if (!app) return\n\n      const { onClick, onMousedown } = state\n      app.removeEventListener('click', onClick, true)\n      app.removeEventListener('mousedown', onMousedown, true)\n    })\n\n    clickOutsideState.delete(el)\n  }\n}\n\nexport default ClickOutside\n"],"sourceRoot":"","file":"index.js"}

package/lib/directives/color/index.js

@@ -33,7 +33,10 @@ function setGradientColor(el, gradient, currentTheme) {
 }
 
 function updateColor(el, binding, node) {
-  const currentTheme = node.context.$vuetify.theme.currentTheme;
+  var _a, _b, _c, _d, _e, _f, _g;
+
+  const vuetify = ((_a = binding.instance) === null || _a === void 0 ? void 0 : _a.$vuetify) || ((_d = (_c = (_b = node.appContext) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.globalProperties) === null || _d === void 0 ? void 0 : _d.$vuetify) || ((_f = (_e = node.appContext) === null || _e === void 0 ? void 0 : _e.provides) === null || _f === void 0 ? void 0 : _f.$vuetify);
+  const currentTheme = (_g = vuetify === null || vuetify === void 0 ? void 0 : vuetify.theme) === null || _g === void 0 ? void 0 : _g.currentTheme;
 
   if (binding.arg === undefined) {
     setBackgroundColor(el, binding.value, currentTheme);
@@ -52,8 +55,8 @@ function update(el, binding, node) {
 }
 
 export const Color = {
-  bind: updateColor,
-  update
+  mounted: updateColor,
+  updated: update
 };
 export default Color;
 //# sourceMappingURL=index.js.map

package/lib/directives/color/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/color/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Utilities\nimport {\n  classToHex,\n  isCssColor,\n  parseGradient,\n} from '../../util/colorUtils'\nimport colors from '../../util/colors'\n\n// Types\nimport { VuetifyThemeVariant } from 'types/services/theme'\nimport { VNode, VNodeDirective } from 'vue'\n\ninterface BorderModifiers {\n  top?: Boolean\n  right?: Boolean\n  bottom?: Boolean\n  left?: Boolean\n}\n\nfunction setTextColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<VuetifyThemeVariant>,\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  el.style.color = cssColor\n  el.style.caretColor = cssColor\n}\n\nfunction setBackgroundColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<VuetifyThemeVariant>,\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  el.style.backgroundColor = cssColor\n  el.style.borderColor = cssColor\n}\n\nfunction setBorderColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<VuetifyThemeVariant>,\n  modifiers?: BorderModifiers,\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  if (!modifiers || !Object.keys(modifiers).length) {\n    el.style.borderColor = cssColor\n    return\n  }\n\n  if (modifiers.top) el.style.borderTopColor = cssColor\n  if (modifiers.right) el.style.borderRightColor = cssColor\n  if (modifiers.bottom) el.style.borderBottomColor = cssColor\n  if (modifiers.left) el.style.borderLeftColor = cssColor\n}\n\nfunction setGradientColor (\n  el: HTMLElement,\n  gradient: string,\n  currentTheme: Partial<VuetifyThemeVariant>,\n) {\n  el.style.backgroundImage = `linear-gradient(${\n    parseGradient(gradient, colors, currentTheme)\n  })`\n}\n\nfunction updateColor (\n  el: HTMLElement,\n  binding: VNodeDirective,\n  node: VNode\n) {\n  const currentTheme = node.context!.$vuetify.theme.currentTheme\n\n  if (binding.arg === undefined) {\n    setBackgroundColor(el, binding.value, currentTheme)\n  } else if (binding.arg === 'text') {\n    setTextColor(el, binding.value, currentTheme)\n  } else if (binding.arg === 'border') {\n    setBorderColor(el, binding.value, currentTheme, binding.modifiers)\n  } else if (binding.arg === 'gradient') {\n    setGradientColor(el, binding.value, currentTheme)\n  }\n}\n\nfunction update (\n  el: HTMLElement,\n  binding: VNodeDirective,\n  node: VNode\n) {\n  if (binding.value === binding.oldValue) return\n\n  updateColor(el, binding, node)\n}\n\nexport const Color = {\n  bind: updateColor,\n  update,\n}\n\nexport default Color\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/color/index.ts"],"names":[],"mappings":"AAAA;AACA,SACE,UADF,EAEE,UAFF,EAGE,aAHF,QAIO,uBAJP;AAKA,OAAO,MAAP,MAAmB,mBAAnB;;AAcA,SAAS,YAAT,CACE,EADF,EAEE,KAFF,EAGE,YAHF,EAG4C;AAE1C,QAAM,QAAQ,GAAG,CAAC,UAAU,CAAC,KAAD,CAAX,GAAqB,UAAU,CAAC,KAAD,EAAQ,MAAR,EAAgB,YAAhB,CAA/B,GAA+D,KAAhF;AAEA,EAAA,EAAE,CAAC,KAAH,CAAS,KAAT,GAAiB,QAAjB;AACA,EAAA,EAAE,CAAC,KAAH,CAAS,UAAT,GAAsB,QAAtB;AACD;;AAED,SAAS,kBAAT,CACE,EADF,EAEE,KAFF,EAGE,YAHF,EAG4C;AAE1C,QAAM,QAAQ,GAAG,CAAC,UAAU,CAAC,KAAD,CAAX,GAAqB,UAAU,CAAC,KAAD,EAAQ,MAAR,EAAgB,YAAhB,CAA/B,GAA+D,KAAhF;AAEA,EAAA,EAAE,CAAC,KAAH,CAAS,eAAT,GAA2B,QAA3B;AACA,EAAA,EAAE,CAAC,KAAH,CAAS,WAAT,GAAuB,QAAvB;AACD;;AAED,SAAS,cAAT,CACE,EADF,EAEE,KAFF,EAGE,YAHF,EAIE,SAJF,EAI6B;AAE3B,QAAM,QAAQ,GAAG,CAAC,UAAU,CAAC,KAAD,CAAX,GAAqB,UAAU,CAAC,KAAD,EAAQ,MAAR,EAAgB,YAAhB,CAA/B,GAA+D,KAAhF;;AAEA,MAAI,CAAC,SAAD,IAAc,CAAC,MAAM,CAAC,IAAP,CAAY,SAAZ,EAAuB,MAA1C,EAAkD;AAChD,IAAA,EAAE,CAAC,KAAH,CAAS,WAAT,GAAuB,QAAvB;AACA;AACD;;AAED,MAAI,SAAS,CAAC,GAAd,EAAmB,EAAE,CAAC,KAAH,CAAS,cAAT,GAA0B,QAA1B;AACnB,MAAI,SAAS,CAAC,KAAd,EAAqB,EAAE,CAAC,KAAH,CAAS,gBAAT,GAA4B,QAA5B;AACrB,MAAI,SAAS,CAAC,MAAd,EAAsB,EAAE,CAAC,KAAH,CAAS,iBAAT,GAA6B,QAA7B;AACtB,MAAI,SAAS,CAAC,IAAd,EAAoB,EAAE,CAAC,KAAH,CAAS,eAAT,GAA2B,QAA3B;AACrB;;AAED,SAAS,gBAAT,CACE,EADF,EAEE,QAFF,EAGE,YAHF,EAG4C;AAE1C,EAAA,EAAE,CAAC,KAAH,CAAS,eAAT,GAA2B,mBACzB,aAAa,CAAC,QAAD,EAAW,MAAX,EAAmB,YAAnB,CACf,GAFA;AAGD;;AAED,SAAS,WAAT,CACE,EADF,EAEE,OAFF,EAGE,IAHF,EAGa;;;AAEX,QAAM,OAAO,GAAG,CAAA,CAAA,EAAA,GAAC,OAAe,CAAC,QAAjB,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAE,QAA3B,MACA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAL,MAAe,IAAf,IAAe,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAe,EAAA,CAAE,MAAjB,MAAuB,IAAvB,IAAuB,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuB,EAAA,CAAE,gBAAzB,MAAyC,IAAzC,IAAyC,EAAA,KAAA,KAAA,CAAzC,GAAyC,KAAA,CAAzC,GAAyC,EAAA,CAAE,QAD3C,MAEA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAL,MAAe,IAAf,IAAe,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAe,EAAA,CAAE,QAAjB,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAE,QAF3B,CAAhB;AAIA,QAAM,YAAY,GAAG,CAAA,EAAA,GAAA,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,KAAT,MAAc,IAAd,IAAc,EAAA,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAc,EAAA,CAAE,YAArC;;AAEA,MAAI,OAAO,CAAC,GAAR,KAAgB,SAApB,EAA+B;AAC7B,IAAA,kBAAkB,CAAC,EAAD,EAAK,OAAO,CAAC,KAAb,EAAoB,YAApB,CAAlB;AACD,GAFD,MAEO,IAAI,OAAO,CAAC,GAAR,KAAgB,MAApB,EAA4B;AACjC,IAAA,YAAY,CAAC,EAAD,EAAK,OAAO,CAAC,KAAb,EAAoB,YAApB,CAAZ;AACD,GAFM,MAEA,IAAI,OAAO,CAAC,GAAR,KAAgB,QAApB,EAA8B;AACnC,IAAA,cAAc,CAAC,EAAD,EAAK,OAAO,CAAC,KAAb,EAAoB,YAApB,EAAkC,OAAO,CAAC,SAA1C,CAAd;AACD,GAFM,MAEA,IAAI,OAAO,CAAC,GAAR,KAAgB,UAApB,EAAgC;AACrC,IAAA,gBAAgB,CAAC,EAAD,EAAK,OAAO,CAAC,KAAb,EAAoB,YAApB,CAAhB;AACD;AACF;;AAED,SAAS,MAAT,CACE,EADF,EAEE,OAFF,EAGE,IAHF,EAGa;AAEX,MAAI,OAAO,CAAC,KAAR,KAAkB,OAAO,CAAC,QAA9B,EAAwC;AAExC,EAAA,WAAW,CAAC,EAAD,EAAK,OAAL,EAAc,IAAd,CAAX;AACD;;AAED,OAAO,MAAM,KAAK,GAAG;AACnB,EAAA,OAAO,EAAE,WADU;AAEnB,EAAA,OAAO,EAAE;AAFU,CAAd;AAKP,eAAe,KAAf","sourcesContent":["// Utilities\nimport {\n  classToHex,\n  isCssColor,\n  parseGradient\n} from '../../util/colorUtils'\nimport colors from '../../util/colors'\n\n// Types\nimport { VuetifyThemeVariant } from 'types/services/theme'\nimport type { VNode } from 'vue'\nimport type { VNodeDirective } from '../../types/vue-internal'\n\ninterface BorderModifiers {\n  top?: Boolean\n  right?: Boolean\n  bottom?: Boolean\n  left?: Boolean\n}\n\nfunction setTextColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<VuetifyThemeVariant>\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  el.style.color = cssColor\n  el.style.caretColor = cssColor\n}\n\nfunction setBackgroundColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<VuetifyThemeVariant>\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  el.style.backgroundColor = cssColor\n  el.style.borderColor = cssColor\n}\n\nfunction setBorderColor (\n  el: HTMLElement,\n  color: string,\n  currentTheme: Partial<VuetifyThemeVariant>,\n  modifiers?: BorderModifiers\n) {\n  const cssColor = !isCssColor(color) ? classToHex(color, colors, currentTheme) : color\n\n  if (!modifiers || !Object.keys(modifiers).length) {\n    el.style.borderColor = cssColor\n    return\n  }\n\n  if (modifiers.top) el.style.borderTopColor = cssColor\n  if (modifiers.right) el.style.borderRightColor = cssColor\n  if (modifiers.bottom) el.style.borderBottomColor = cssColor\n  if (modifiers.left) el.style.borderLeftColor = cssColor\n}\n\nfunction setGradientColor (\n  el: HTMLElement,\n  gradient: string,\n  currentTheme: Partial<VuetifyThemeVariant>\n) {\n  el.style.backgroundImage = `linear-gradient(${\n    parseGradient(gradient, colors, currentTheme)\n  })`\n}\n\nfunction updateColor (\n  el: HTMLElement,\n  binding: VNodeDirective,\n  node: VNode\n) {\n  const vuetify = (binding as any).instance?.$vuetify ||\n                  node.appContext?.config?.globalProperties?.$vuetify ||\n                  node.appContext?.provides?.$vuetify\n\n  const currentTheme = vuetify?.theme?.currentTheme\n\n  if (binding.arg === undefined) {\n    setBackgroundColor(el, binding.value, currentTheme)\n  } else if (binding.arg === 'text') {\n    setTextColor(el, binding.value, currentTheme)\n  } else if (binding.arg === 'border') {\n    setBorderColor(el, binding.value, currentTheme, binding.modifiers)\n  } else if (binding.arg === 'gradient') {\n    setGradientColor(el, binding.value, currentTheme)\n  }\n}\n\nfunction update (\n  el: HTMLElement,\n  binding: VNodeDirective,\n  node: VNode\n) {\n  if (binding.value === binding.oldValue) return\n\n  updateColor(el, binding, node)\n}\n\nexport const Color = {\n  mounted: updateColor,\n  updated: update\n}\n\nexport default Color\n"],"sourceRoot":"","file":"index.js"}

package/lib/directives/intersect/index.js

@@ -1,50 +1,59 @@
-function inserted(el, binding, vnode) {
-  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) return;
+const intersectState = new WeakMap();
+
+function mounted(el, binding, vnode) {
+  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) {
+    return;
+  }
+
   const modifiers = binding.modifiers || {};
   const value = binding.value;
   const {
     handler,
     options
-  } = typeof value === 'object' ? value : {
+  } = typeof value === 'object' && value !== null && 'handler' in value ? value : {
     handler: value,
     options: {}
   };
+  if (!handler) return;
   const observer = new IntersectionObserver((entries = [], observer) => {
-    var _a;
-
-    const _observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid];
-
-    if (!_observe) return; // Just in case, should never fire
+    const state = intersectState.get(el);
+    if (!state) return; // Just in case, should never fire
 
     const isIntersecting = entries.some(entry => entry.isIntersecting); // If is not quiet or has already been
     // initted, invoke the user callback
 
-    if (handler && (!modifiers.quiet || _observe.init) && (!modifiers.once || isIntersecting || _observe.init)) {
+    if (handler && typeof handler === 'function' && (!modifiers.quiet || state.init) && (!modifiers.once || isIntersecting || state.init)) {
       handler(entries, observer, isIntersecting);
     }
 
-    if (isIntersecting && modifiers.once) unbind(el, binding, vnode);else _observe.init = true;
+    if (isIntersecting && modifiers.once) unmounted(el, binding, vnode);else state.init = true;
   }, options);
-  el._observe = Object(el._observe);
-  el._observe[vnode.ctx.uid] = {
+  intersectState.set(el, {
     init: false,
     observer
-  };
+  });
   observer.observe(el);
 }
 
-function unbind(el, binding, vnode) {
-  var _a;
+function updated(el, binding, vnode) {
+  // Если значение изменилось, пересоздаем observer
+  if (binding.value !== binding.oldValue) {
+    unmounted(el, binding, vnode);
+    mounted(el, binding, vnode);
+  }
+}
 
-  const observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid];
-  if (!observe) return;
-  observe.observer.unobserve(el);
-  delete el._observe[vnode.ctx.uid];
+function unmounted(el, binding, vnode) {
+  const state = intersectState.get(el);
+  if (!state) return;
+  state.observer.unobserve(el);
+  intersectState.delete(el);
 }
 
 export const Intersect = {
-  mounted: inserted,
-  unmounted: unbind
+  mounted,
+  updated,
+  unmounted
 };
 export default Intersect;
 //# sourceMappingURL=index.js.map

package/lib/directives/intersect/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/intersect/index.ts"],"names":[],"mappings":"AAiBA,SAAS,QAAT,CAAmB,EAAnB,EAAoC,OAApC,EAAoE,KAApE,EAAgF;AAC9E,MAAI,OAAO,MAAP,KAAkB,WAAlB,IAAiC,EAAE,0BAA0B,MAA5B,CAArC,EAA0E;AAE1E,QAAM,SAAS,GAAG,OAAO,CAAC,SAAR,IAAqB,EAAvC;AACA,QAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,QAAM;AAAE,IAAA,OAAF;AAAW,IAAA;AAAX,MAAuB,OAAO,KAAP,KAAiB,QAAjB,GACzB,KADyB,GAEzB;AAAE,IAAA,OAAO,EAAE,KAAX;AAAkB,IAAA,OAAO,EAAE;AAA3B,GAFJ;AAGA,QAAM,QAAQ,GAAG,IAAI,oBAAJ,CAAyB,CACxC,OAAA,GAAuC,EADC,EAExC,QAFwC,KAGtC;;;AACF,UAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,EAAE,CAAC,QAAH,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAW,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAA5B;;AACA,QAAI,CAAC,QAAL,EAAe,OAFb,CAEoB;;AAEtB,UAAM,cAAc,GAAG,OAAO,CAAC,IAAR,CAAa,KAAK,IAAI,KAAK,CAAC,cAA5B,CAAvB,CAJE,CAMF;AACA;;AACA,QACE,OAAO,KACL,CAAC,SAAS,CAAC,KAAX,IACA,QAAQ,CAAC,IAFJ,CAAP,KAIE,CAAC,SAAS,CAAC,IAAX,IACA,cADA,IAEA,QAAQ,CAAC,IANX,CADF,EASE;AACA,MAAA,OAAO,CAAC,OAAD,EAAU,QAAV,EAAoB,cAApB,CAAP;AACD;;AAED,QAAI,cAAc,IAAI,SAAS,CAAC,IAAhC,EAAsC,MAAM,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAN,CAAtC,KACK,QAAQ,CAAC,IAAT,GAAgB,IAAhB;AACN,GA1BgB,EA0Bd,OA1Bc,CAAjB;AA4BA,EAAA,EAAE,CAAC,QAAH,GAAc,MAAM,CAAC,EAAE,CAAC,QAAJ,CAApB;AACA,EAAA,EAAE,CAAC,QAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,IAA+B;AAAE,IAAA,IAAI,EAAE,KAAR;AAAe,IAAA;AAAf,GAA/B;AAEA,EAAA,QAAQ,CAAC,OAAT,CAAiB,EAAjB;AACD;;AAED,SAAS,MAAT,CAAiB,EAAjB,EAAkC,OAAlC,EAAkE,KAAlE,EAA8E;;;AAC5E,QAAM,OAAO,GAAG,CAAA,EAAA,GAAA,EAAE,CAAC,QAAH,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAW,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAA3B;AACA,MAAI,CAAC,OAAL,EAAc;AAEd,EAAA,OAAO,CAAC,QAAR,CAAiB,SAAjB,CAA2B,EAA3B;AACA,SAAO,EAAE,CAAC,QAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAAP;AACD;;AAED,OAAO,MAAM,SAAS,GAAG;AACvB,EAAA,OAAO,EAAE,QADc;AAEvB,EAAA,SAAS,EAAE;AAFY,CAAlB;AAKP,eAAe,SAAf","sourcesContent":["import { VNodeDirective } from 'vue/types/vnode'\nimport { VNode } from 'vue'\n\ntype ObserveHandler = (\n  entries: IntersectionObserverEntry[],\n  observer: IntersectionObserver,\n  isIntersecting: boolean,\n) => void\n\ninterface ObserveVNodeDirective extends Omit<VNodeDirective, 'modifiers'> {\n  value?: ObserveHandler | { handler: ObserveHandler, options?: IntersectionObserverInit }\n  modifiers?: {\n    once?: boolean\n    quiet?: boolean\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: ObserveVNodeDirective, vnode: VNode) {\n  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) return\n\n  const modifiers = binding.modifiers || {}\n  const value = binding.value\n  const { handler, options } = typeof value === 'object'\n    ? value\n    : { handler: value, options: {} }\n  const observer = new IntersectionObserver((\n    entries: IntersectionObserverEntry[] = [],\n    observer: IntersectionObserver\n  ) => {\n    const _observe = el._observe?.[vnode.ctx!.uid]\n    if (!_observe) return // Just in case, should never fire\n\n    const isIntersecting = entries.some(entry => entry.isIntersecting)\n\n    // If is not quiet or has already been\n    // initted, invoke the user callback\n    if (\n      handler && (\n        !modifiers.quiet ||\n        _observe.init\n      ) && (\n        !modifiers.once ||\n        isIntersecting ||\n        _observe.init\n      )\n    ) {\n      handler(entries, observer, isIntersecting)\n    }\n\n    if (isIntersecting && modifiers.once) unbind(el, binding, vnode)\n    else _observe.init = true\n  }, options)\n\n  el._observe = Object(el._observe)\n  el._observe![vnode.ctx!.uid] = { init: false, observer }\n\n  observer.observe(el)\n}\n\nfunction unbind (el: HTMLElement, binding: ObserveVNodeDirective, vnode: VNode) {\n  const observe = el._observe?.[vnode.ctx!.uid]\n  if (!observe) return\n\n  observe.observer.unobserve(el)\n  delete el._observe![vnode.ctx!.uid]\n}\n\nexport const Intersect = {\n  mounted: inserted,\n  unmounted: unbind,\n}\n\nexport default Intersect\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/intersect/index.ts"],"names":[],"mappings":"AAwBA,MAAM,cAAc,GAAG,IAAI,OAAJ,EAAvB;;AAEA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAI,OAAO,MAAP,KAAkB,WAAlB,IAAiC,EAAE,0BAA0B,MAA5B,CAArC,EAA0E;AAAE;AAAQ;;AAEpF,QAAM,SAAS,GAAG,OAAO,CAAC,SAAR,IAAqB,EAAvC;AACA,QAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,QAAM;AAAE,IAAA,OAAF;AAAW,IAAA;AAAX,MACJ,OAAO,KAAP,KAAiB,QAAjB,IAA6B,KAAK,KAAK,IAAvC,IAA+C,aAAa,KAA5D,GACI,KADJ,GAEI;AAAE,IAAA,OAAO,EAAE,KAAX;AAAkB,IAAA,OAAO,EAAE;AAA3B,GAHN;AAKA,MAAI,CAAC,OAAL,EAAc;AAEd,QAAM,QAAQ,GAAG,IAAI,oBAAJ,CACf,CACE,OAAA,GAAuC,EADzC,EAEE,QAFF,KAGI;AACF,UAAM,KAAK,GAAG,cAAc,CAAC,GAAf,CAAmB,EAAnB,CAAd;AACA,QAAI,CAAC,KAAL,EAAY,OAFV,CAEiB;;AAEnB,UAAM,cAAc,GAAG,OAAO,CAAC,IAAR,CAAa,KAAK,IAAI,KAAK,CAAC,cAA5B,CAAvB,CAJE,CAMF;AACA;;AACA,QACE,OAAO,IACP,OAAO,OAAP,KAAmB,UADnB,KAEC,CAAC,SAAS,CAAC,KAAX,IAAoB,KAAK,CAAC,IAF3B,MAGC,CAAC,SAAS,CAAC,IAAX,IAAmB,cAAnB,IAAqC,KAAK,CAAC,IAH5C,CADF,EAKE;AACA,MAAA,OAAO,CAAC,OAAD,EAAU,QAAV,EAAoB,cAApB,CAAP;AACD;;AAED,QAAI,cAAc,IAAI,SAAS,CAAC,IAAhC,EAAsC,SAAS,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAT,CAAtC,KACK,KAAK,CAAC,IAAN,GAAa,IAAb;AACN,GAvBc,EAwBf,OAxBe,CAAjB;AA2BA,EAAA,cAAc,CAAC,GAAf,CAAmB,EAAnB,EAAuB;AAAE,IAAA,IAAI,EAAE,KAAR;AAAe,IAAA;AAAf,GAAvB;AAEA,EAAA,QAAQ,CAAC,OAAT,CAAiB,EAAjB;AACD;;AAED,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ;AACA,MAAI,OAAO,CAAC,KAAR,KAAkB,OAAO,CAAC,QAA9B,EAAwC;AACtC,IAAA,SAAS,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAT;AACA,IAAA,OAAO,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAP;AACD;AACF;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,QAAM,KAAK,GAAG,cAAc,CAAC,GAAf,CAAmB,EAAnB,CAAd;AACA,MAAI,CAAC,KAAL,EAAY;AAEZ,EAAA,KAAK,CAAC,QAAN,CAAe,SAAf,CAAyB,EAAzB;AACA,EAAA,cAAc,CAAC,MAAf,CAAsB,EAAtB;AACD;;AAED,OAAO,MAAM,SAAS,GAIlB;AACF,EAAA,OADE;AAEF,EAAA,OAFE;AAGF,EAAA;AAHE,CAJG;AAUP,eAAe,SAAf","sourcesContent":["import { DirectiveBinding, ObjectDirective, VNode } from 'vue'\n\ntype ObserveHandler = (\n  entries: IntersectionObserverEntry[],\n  observer: IntersectionObserver,\n  isIntersecting: boolean\n) => void;\n\ninterface ObserveDirectiveBinding\n  extends Omit<DirectiveBinding, 'modifiers' | 'value'> {\n  value?:\n    | ObserveHandler\n    | { handler: ObserveHandler, options?: IntersectionObserverInit }\n  modifiers?: {\n    once?: boolean\n    quiet?: boolean\n  }\n}\n\ninterface IntersectState {\n  init: boolean\n  observer: IntersectionObserver\n}\n\nconst intersectState = new WeakMap<HTMLElement, IntersectState>()\n\nfunction mounted (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) { return }\n\n  const modifiers = binding.modifiers || {}\n  const value = binding.value\n  const { handler, options } =\n    typeof value === 'object' && value !== null && 'handler' in value\n      ? value\n      : { handler: value, options: {} }\n\n  if (!handler) return\n\n  const observer = new IntersectionObserver(\n    (\n      entries: IntersectionObserverEntry[] = [],\n      observer: IntersectionObserver\n    ) => {\n      const state = intersectState.get(el)\n      if (!state) return // Just in case, should never fire\n\n      const isIntersecting = entries.some(entry => entry.isIntersecting)\n\n      // If is not quiet or has already been\n      // initted, invoke the user callback\n      if (\n        handler &&\n        typeof handler === 'function' &&\n        (!modifiers.quiet || state.init) &&\n        (!modifiers.once || isIntersecting || state.init)\n      ) {\n        handler(entries, observer, isIntersecting)\n      }\n\n      if (isIntersecting && modifiers.once) unmounted(el, binding, vnode)\n      else state.init = true\n    },\n    options\n  )\n\n  intersectState.set(el, { init: false, observer })\n\n  observer.observe(el)\n}\n\nfunction updated (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  // Если значение изменилось, пересоздаем observer\n  if (binding.value !== binding.oldValue) {\n    unmounted(el, binding, vnode)\n    mounted(el, binding, vnode)\n  }\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  const state = intersectState.get(el)\n  if (!state) return\n\n  state.observer.unobserve(el)\n  intersectState.delete(el)\n}\n\nexport const Intersect: ObjectDirective<\n  HTMLElement,\n  | ObserveHandler\n  | { handler: ObserveHandler, options?: IntersectionObserverInit }\n> = {\n  mounted,\n  updated,\n  unmounted\n}\n\nexport default Intersect\n"],"sourceRoot":"","file":"index.js"}