vuetify 3.0.0-beta.9 → 3.0.1

package/lib/components/VWindow/VWindow.mjs

@@ -1,20 +1,16 @@
 import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Styles
-import "./VWindow.css"; // Components
+import "./VWindow.css";
 
+// Components
 import { VBtn } from "../VBtn/index.mjs"; // Directives
-
 import { Touch } from "../../directives/touch/index.mjs"; // Composables
-
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useGroup } from "../../composables/group.mjs";
-import { useLocale } from "../../composables/locale.mjs";
-import { useRtl } from "../../composables/rtl.mjs"; // Utilities
-
+import { useLocale, useRtl } from "../../composables/locale.mjs"; // Utilities
 import { computed, provide, ref, watch } from 'vue';
 import { genericComponent, useRender } from "../../util/index.mjs"; // Types
-
 export const VWindowSymbol = Symbol.for('vuetify:v-window');
 export const VWindowGroupSymbol = Symbol.for('vuetify:v-window-group');
 export const VWindow = genericComponent()({
@@ -61,7 +57,6 @@ export const VWindow = genericComponent()({
   emits: {
     'update:modelValue': v => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -93,7 +88,6 @@ export const VWindow = genericComponent()({
     watch(activeIndex, (newVal, oldVal) => {
       const itemsLength = group.items.value.length;
       const lastIndex = itemsLength - 1;
-
       if (itemsLength <= 2) {
         isReversed.value = newVal < oldVal;
       } else if (newVal === lastIndex && oldVal === 0) {
@@ -113,15 +107,12 @@ export const VWindow = genericComponent()({
     });
     const canMoveBack = computed(() => props.continuous || activeIndex.value !== 0);
     const canMoveForward = computed(() => props.continuous || activeIndex.value !== group.items.value.length - 1);
-
     function prev() {
       canMoveBack.value && group.prev();
     }
-
     function next() {
       canMoveForward.value && group.next();
     }
-
     const arrows = computed(() => {
       const arrows = [];
       const prevProps = {
@@ -153,26 +144,20 @@ export const VWindow = genericComponent()({
         right: () => {
           isRtlReverse.value ? next() : prev();
         },
-        end: _ref2 => {
+        start: _ref2 => {
           let {
             originalEvent
           } = _ref2;
           originalEvent.stopPropagation();
-        },
-        start: _ref3 => {
-          let {
-            originalEvent
-          } = _ref3;
-          originalEvent.stopPropagation();
         }
       };
-      return { ...options,
+      return {
+        ...options,
         ...(props.touch === true ? {} : props.touch)
       };
     });
     useRender(() => {
       var _slots$default, _slots$additional;
-
       return _withDirectives(_createVNode(props.tag, {
         "ref": rootRef,
         "class": ['v-window', {
@@ -197,6 +182,5 @@ export const VWindow = genericComponent()({
       group
     };
   }
-
 });
 //# sourceMappingURL=VWindow.mjs.map

package/lib/components/VWindow/VWindow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VWindow.mjs","names":["VBtn","Touch","makeTagProps","makeThemeProps","provideTheme","useGroup","useLocale","useRtl","computed","provide","ref","watch","genericComponent","useRender","VWindowSymbol","Symbol","for","VWindowGroupSymbol","VWindow","name","directives","props","continuous","Boolean","nextIcon","type","String","Function","Object","default","prevIcon","reverse","showArrows","validator","v","touch","undefined","direction","modelValue","disabled","selectedClass","mandatory","emits","setup","slots","themeClasses","isRtl","t","group","rootRef","isRtlReverse","value","isReversed","transition","axis","transitionCount","transitionHeight","activeIndex","items","findIndex","item","selected","includes","id","newVal","oldVal","itemsLength","length","lastIndex","canMoveBack","canMoveForward","prev","next","arrows","prevProps","icon","class","onClick","ariaLabel","push","nextProps","touchOptions","options","left","right","end","originalEvent","stopPropagation","start","height","additional"],"sources":["../../../src/components/VWindow/VWindow.tsx"],"sourcesContent":["// Styles\nimport './VWindow.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Directives\nimport { Touch } from '@/directives/touch'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useGroup } from '@/composables/group'\nimport { useLocale } from '@/composables/locale'\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { computed, provide, ref, watch } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, InjectionKey, PropType, Ref } from 'vue'\nimport type { GroupItemProvide, GroupProvide } from '@/composables/group'\nimport type { IconValue } from '@/composables/icons'\nimport type { MakeSlots } from '@/util'\nimport type { TouchHandlers } from '@/directives/touch'\n\ntype WindowProvide = {\n  transition: ComputedRef<undefined | string>\n  transitionCount: Ref<number>\n  transitionHeight: Ref<undefined | string>\n  isReversed: Ref<boolean>\n  rootRef: Ref<HTMLElement | undefined>\n}\n\ntype ControlProps = {\n  icon: IconValue\n  class: string\n  onClick: () => void\n  ariaLabel: string\n}\n\nexport const VWindowSymbol: InjectionKey<WindowProvide> = Symbol.for('vuetify:v-window')\nexport const VWindowGroupSymbol: InjectionKey<GroupItemProvide> = Symbol.for('vuetify:v-window-group')\n\nexport const VWindow = genericComponent<new () => {\n  $slots: MakeSlots<{\n    default: [{ group: GroupProvide }]\n    additional: [{ group: GroupProvide }]\n    prev: [{ props: ControlProps }]\n    next: [{ props: ControlProps }]\n  }>\n}>()({\n  name: 'VWindow',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    continuous: Boolean,\n    nextIcon: {\n      type: [Boolean, String, Function, Object] as PropType<IconValue>,\n      default: '$next',\n    },\n    prevIcon: {\n      type: [Boolean, String, Function, Object] as PropType<IconValue>,\n      default: '$prev',\n    },\n    reverse: Boolean,\n    showArrows: {\n      type: [Boolean, String],\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover',\n    },\n    touch: {\n      type: [Object, Boolean] as PropType<boolean | TouchHandlers>,\n      default: undefined,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n    },\n\n    modelValue: null,\n    disabled: Boolean,\n    selectedClass: {\n      type: String,\n      default: 'v-window-item--active',\n    },\n    // TODO: mandatory should probably not be exposed but do this for now\n    mandatory: {\n      default: 'force' as const,\n    },\n\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (v: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isRtl } = useRtl()\n    const { t } = useLocale()\n\n    const group = useGroup(props, VWindowGroupSymbol)\n\n    const rootRef = ref()\n    const isRtlReverse = computed(() => isRtl.value ? !props.reverse : props.reverse)\n    const isReversed = ref(false)\n    const transition = computed(() => {\n      const axis = props.direction === 'vertical' ? 'y' : 'x'\n      const reverse = isRtlReverse.value ? !isReversed.value : isReversed.value\n      const direction = reverse ? '-reverse' : ''\n\n      return `v-window-${axis}${direction}-transition`\n    })\n    const transitionCount = ref(0)\n    const transitionHeight = ref<undefined | string>(undefined)\n\n    const activeIndex = computed(() => {\n      return group.items.value.findIndex(item => group.selected.value.includes(item.id))\n    })\n\n    watch(activeIndex, (newVal, oldVal) => {\n      const itemsLength = group.items.value.length\n      const lastIndex = itemsLength - 1\n\n      if (itemsLength <= 2) {\n        isReversed.value = newVal < oldVal\n      } else if (newVal === lastIndex && oldVal === 0) {\n        isReversed.value = true\n      } else if (newVal === 0 && oldVal === lastIndex) {\n        isReversed.value = false\n      } else {\n        isReversed.value = newVal < oldVal\n      }\n    })\n\n    provide(VWindowSymbol, {\n      transition,\n      isReversed,\n      transitionCount,\n      transitionHeight,\n      rootRef,\n    })\n\n    const canMoveBack = computed(() => props.continuous || activeIndex.value !== 0)\n    const canMoveForward = computed(() => props.continuous || activeIndex.value !== group.items.value.length - 1)\n\n    function prev () {\n      canMoveBack.value && group.prev()\n    }\n\n    function next () {\n      canMoveForward.value && group.next()\n    }\n\n    const arrows = computed(() => {\n      const arrows = []\n\n      const prevProps = {\n        icon: isRtl.value ? props.nextIcon : props.prevIcon,\n        class: `v-window__${isRtlReverse.value ? 'right' : 'left'}`,\n        onClick: group.prev,\n        ariaLabel: t('$vuetify.carousel.prev'),\n      }\n\n      arrows.push(canMoveBack.value\n        ? slots.prev\n          ? slots.prev({ props: prevProps })\n          : <VBtn { ...prevProps } />\n        : <div />\n      )\n\n      const nextProps = {\n        icon: isRtl.value ? props.prevIcon : props.nextIcon,\n        class: `v-window__${isRtlReverse.value ? 'left' : 'right'}`,\n        onClick: group.next,\n        ariaLabel: t('$vuetify.carousel.next'),\n      }\n\n      arrows.push(canMoveForward.value\n        ? slots.next\n          ? slots.next({ props: nextProps })\n          : <VBtn { ...nextProps } />\n        : <div />\n      )\n\n      return arrows\n    })\n\n    const touchOptions = computed(() => {\n      if (props.touch === false) return props.touch\n\n      const options: TouchHandlers = {\n        left: () => {\n          isRtlReverse.value ? prev() : next()\n        },\n        right: () => {\n          isRtlReverse.value ? next() : prev()\n        },\n        end: ({ originalEvent }) => {\n          originalEvent.stopPropagation()\n        },\n        start: ({ originalEvent }) => {\n          originalEvent.stopPropagation()\n        },\n      }\n\n      return {\n        ...options,\n        ...(props.touch === true ? {} : props.touch),\n      }\n    })\n\n    useRender(() => (\n      <props.tag\n        ref={ rootRef }\n        class={[\n          'v-window',\n          {\n            'v-window--show-arrows-on-hover': props.showArrows === 'hover',\n          },\n          themeClasses.value,\n        ]}\n        v-touch={ touchOptions.value }\n      >\n        <div\n          class=\"v-window__container\"\n          style={{\n            height: transitionHeight.value,\n          }}\n        >\n          { slots.default?.({ group }) }\n\n          { props.showArrows !== false && (\n            <div class=\"v-window__controls\">\n              { arrows.value }\n            </div>\n          )}\n        </div>\n\n        { slots.additional?.({ group }) }\n      </props.tag>\n    ))\n\n    return {\n      group,\n    }\n  },\n})\n\nexport type VWindow = InstanceType<typeof VWindow>\n"],"mappings":"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"}
+{"version":3,"file":"VWindow.mjs","names":["VBtn","Touch","makeTagProps","makeThemeProps","provideTheme","useGroup","useLocale","useRtl","computed","provide","ref","watch","genericComponent","useRender","VWindowSymbol","Symbol","for","VWindowGroupSymbol","VWindow","name","directives","props","continuous","Boolean","nextIcon","type","String","Function","Object","default","prevIcon","reverse","showArrows","validator","v","touch","undefined","direction","modelValue","disabled","selectedClass","mandatory","emits","setup","slots","themeClasses","isRtl","t","group","rootRef","isRtlReverse","value","isReversed","transition","axis","transitionCount","transitionHeight","activeIndex","items","findIndex","item","selected","includes","id","newVal","oldVal","itemsLength","length","lastIndex","canMoveBack","canMoveForward","prev","next","arrows","prevProps","icon","class","onClick","ariaLabel","push","nextProps","touchOptions","options","left","right","start","originalEvent","stopPropagation","height","additional"],"sources":["../../../src/components/VWindow/VWindow.tsx"],"sourcesContent":["// Styles\nimport './VWindow.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Directives\nimport { Touch } from '@/directives/touch'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useGroup } from '@/composables/group'\nimport { useLocale, useRtl } from '@/composables/locale'\n\n// Utilities\nimport { computed, provide, ref, watch } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, InjectionKey, PropType, Ref } from 'vue'\nimport type { GroupItemProvide, GroupProvide } from '@/composables/group'\nimport type { IconValue } from '@/composables/icons'\nimport type { SlotsToProps } from '@/util'\nimport type { TouchHandlers } from '@/directives/touch'\n\ntype WindowProvide = {\n  transition: ComputedRef<undefined | string>\n  transitionCount: Ref<number>\n  transitionHeight: Ref<undefined | string>\n  isReversed: Ref<boolean>\n  rootRef: Ref<HTMLElement | undefined>\n}\n\ntype ControlProps = {\n  icon: IconValue\n  class: string\n  onClick: () => void\n  ariaLabel: string\n}\n\nexport const VWindowSymbol: InjectionKey<WindowProvide> = Symbol.for('vuetify:v-window')\nexport const VWindowGroupSymbol: InjectionKey<GroupItemProvide> = Symbol.for('vuetify:v-window-group')\n\nexport const VWindow = genericComponent<new () => {\n  $props: SlotsToProps<{\n    default: [{ group: GroupProvide }]\n    additional: [{ group: GroupProvide }]\n    prev: [{ props: ControlProps }]\n    next: [{ props: ControlProps }]\n  }>\n}>()({\n  name: 'VWindow',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    continuous: Boolean,\n    nextIcon: {\n      type: [Boolean, String, Function, Object] as PropType<IconValue>,\n      default: '$next',\n    },\n    prevIcon: {\n      type: [Boolean, String, Function, Object] as PropType<IconValue>,\n      default: '$prev',\n    },\n    reverse: Boolean,\n    showArrows: {\n      type: [Boolean, String],\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover',\n    },\n    touch: {\n      type: [Object, Boolean] as PropType<boolean | TouchHandlers>,\n      default: undefined,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n    },\n\n    modelValue: null,\n    disabled: Boolean,\n    selectedClass: {\n      type: String,\n      default: 'v-window-item--active',\n    },\n    // TODO: mandatory should probably not be exposed but do this for now\n    mandatory: {\n      default: 'force' as const,\n    },\n\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (v: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isRtl } = useRtl()\n    const { t } = useLocale()\n\n    const group = useGroup(props, VWindowGroupSymbol)\n\n    const rootRef = ref()\n    const isRtlReverse = computed(() => isRtl.value ? !props.reverse : props.reverse)\n    const isReversed = ref(false)\n    const transition = computed(() => {\n      const axis = props.direction === 'vertical' ? 'y' : 'x'\n      const reverse = isRtlReverse.value ? !isReversed.value : isReversed.value\n      const direction = reverse ? '-reverse' : ''\n\n      return `v-window-${axis}${direction}-transition`\n    })\n    const transitionCount = ref(0)\n    const transitionHeight = ref<undefined | string>(undefined)\n\n    const activeIndex = computed(() => {\n      return group.items.value.findIndex(item => group.selected.value.includes(item.id))\n    })\n\n    watch(activeIndex, (newVal, oldVal) => {\n      const itemsLength = group.items.value.length\n      const lastIndex = itemsLength - 1\n\n      if (itemsLength <= 2) {\n        isReversed.value = newVal < oldVal\n      } else if (newVal === lastIndex && oldVal === 0) {\n        isReversed.value = true\n      } else if (newVal === 0 && oldVal === lastIndex) {\n        isReversed.value = false\n      } else {\n        isReversed.value = newVal < oldVal\n      }\n    })\n\n    provide(VWindowSymbol, {\n      transition,\n      isReversed,\n      transitionCount,\n      transitionHeight,\n      rootRef,\n    })\n\n    const canMoveBack = computed(() => props.continuous || activeIndex.value !== 0)\n    const canMoveForward = computed(() => props.continuous || activeIndex.value !== group.items.value.length - 1)\n\n    function prev () {\n      canMoveBack.value && group.prev()\n    }\n\n    function next () {\n      canMoveForward.value && group.next()\n    }\n\n    const arrows = computed(() => {\n      const arrows = []\n\n      const prevProps = {\n        icon: isRtl.value ? props.nextIcon : props.prevIcon,\n        class: `v-window__${isRtlReverse.value ? 'right' : 'left'}`,\n        onClick: group.prev,\n        ariaLabel: t('$vuetify.carousel.prev'),\n      }\n\n      arrows.push(canMoveBack.value\n        ? slots.prev\n          ? slots.prev({ props: prevProps })\n          : <VBtn { ...prevProps } />\n        : <div />\n      )\n\n      const nextProps = {\n        icon: isRtl.value ? props.prevIcon : props.nextIcon,\n        class: `v-window__${isRtlReverse.value ? 'left' : 'right'}`,\n        onClick: group.next,\n        ariaLabel: t('$vuetify.carousel.next'),\n      }\n\n      arrows.push(canMoveForward.value\n        ? slots.next\n          ? slots.next({ props: nextProps })\n          : <VBtn { ...nextProps } />\n        : <div />\n      )\n\n      return arrows\n    })\n\n    const touchOptions = computed(() => {\n      if (props.touch === false) return props.touch\n\n      const options: TouchHandlers = {\n        left: () => {\n          isRtlReverse.value ? prev() : next()\n        },\n        right: () => {\n          isRtlReverse.value ? next() : prev()\n        },\n        start: ({ originalEvent }) => {\n          originalEvent.stopPropagation()\n        },\n      }\n\n      return {\n        ...options,\n        ...(props.touch === true ? {} : props.touch),\n      }\n    })\n\n    useRender(() => (\n      <props.tag\n        ref={ rootRef }\n        class={[\n          'v-window',\n          {\n            'v-window--show-arrows-on-hover': props.showArrows === 'hover',\n          },\n          themeClasses.value,\n        ]}\n        v-touch={ touchOptions.value }\n      >\n        <div\n          class=\"v-window__container\"\n          style={{\n            height: transitionHeight.value,\n          }}\n        >\n          { slots.default?.({ group }) }\n\n          { props.showArrows !== false && (\n            <div class=\"v-window__controls\">\n              { arrows.value }\n            </div>\n          )}\n        </div>\n\n        { slots.additional?.({ group }) }\n      </props.tag>\n    ))\n\n    return {\n      group,\n    }\n  },\n})\n\nexport type VWindow = InstanceType<typeof VWindow>\n"],"mappings":"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"}

package/lib/components/VWindow/VWindowItem.mjs

@@ -1,12 +1,10 @@
 import { withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
 // Directives
 import Touch from "../../directives/touch/index.mjs"; // Composables
-
 import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
 import { makeLazyProps, useLazy } from "../../composables/lazy.mjs";
 import { MaybeTransition } from "../../composables/transition.mjs";
 import { useSsrBoot } from "../../composables/ssrBoot.mjs"; // Utilities
-
 import { computed, inject, nextTick, ref } from 'vue';
 import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
 import { VWindowGroupSymbol, VWindowSymbol } from "./VWindow.mjs";
@@ -30,7 +28,6 @@ export const VWindowItem = defineComponent({
   emits: {
     'group:selected': val => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -43,42 +40,36 @@ export const VWindowItem = defineComponent({
     if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow');
     const isTransitioning = ref(false);
     const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false);
-
     function onAfterTransition() {
       if (!isTransitioning.value || !window) {
         return;
-      } // Finalize transition state.
-
+      }
 
+      // Finalize transition state.
       isTransitioning.value = false;
-
       if (window.transitionCount.value > 0) {
-        window.transitionCount.value -= 1; // Remove container height if we are out of transition.
+        window.transitionCount.value -= 1;
 
+        // Remove container height if we are out of transition.
         if (window.transitionCount.value === 0) {
           window.transitionHeight.value = undefined;
         }
       }
     }
-
     function onBeforeTransition() {
       if (isTransitioning.value || !window) {
         return;
-      } // Initialize transition state here.
-
+      }
 
+      // Initialize transition state here.
       isTransitioning.value = true;
-
       if (window.transitionCount.value === 0) {
         var _window$rootRef$value;
-
         // Set initial height for height transition.
         window.transitionHeight.value = convertToUnit((_window$rootRef$value = window.rootRef.value) == null ? void 0 : _window$rootRef$value.clientHeight);
       }
-
       window.transitionCount.value += 1;
     }
-
     function onTransitionCancelled() {
       onAfterTransition(); // This should have the same path as normal transition end.
     }
@@ -87,18 +78,16 @@ export const VWindowItem = defineComponent({
       if (!isTransitioning.value) {
         return;
       }
-
       nextTick(() => {
         // Do not set height if no transition or cancelled.
         if (!hasTransition.value || !isTransitioning.value || !window) {
           return;
-        } // Set transition target height.
-
+        }
 
+        // Set transition target height.
         window.transitionHeight.value = convertToUnit(el.clientHeight);
       });
     }
-
     const transition = computed(() => {
       const name = window.isReversed.value ? props.reverseTransition : props.transition;
       return !hasTransition.value ? false : {
@@ -117,7 +106,6 @@ export const VWindowItem = defineComponent({
     } = useLazy(props, groupItem.isSelected);
     useRender(() => {
       var _slots$default;
-
       return _createVNode(MaybeTransition, {
         "transition": isBooted.value && transition.value
       }, {
@@ -128,6 +116,5 @@ export const VWindowItem = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VWindowItem.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VWindowItem.mjs","names":["Touch","makeGroupItemProps","useGroupItem","makeLazyProps","useLazy","MaybeTransition","useSsrBoot","computed","inject","nextTick","ref","convertToUnit","defineComponent","useRender","VWindowGroupSymbol","VWindowSymbol","VWindowItem","name","directives","props","reverseTransition","type","Boolean","String","default","undefined","transition","emits","val","setup","slots","window","groupItem","isBooted","Error","isTransitioning","hasTransition","isReversed","value","onAfterTransition","transitionCount","transitionHeight","onBeforeTransition","rootRef","clientHeight","onTransitionCancelled","onEnterTransition","el","onBeforeEnter","onAfterEnter","onEnterCancelled","onBeforeLeave","onAfterLeave","onLeaveCancelled","onEnter","hasContent","isSelected","selectedClass"],"sources":["../../../src/components/VWindow/VWindowItem.tsx"],"sourcesContent":["// Directives\nimport Touch from '@/directives/touch'\n\n// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { MaybeTransition } from '@/composables/transition'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, inject, nextTick, ref } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { VWindowGroupSymbol, VWindowSymbol } from './VWindow'\n\nexport const VWindowItem = defineComponent({\n  name: 'VWindowItem',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n\n    ...makeGroupItemProps(),\n    ...makeLazyProps(),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const window = inject(VWindowSymbol)\n    const groupItem = useGroupItem(props, VWindowGroupSymbol)\n    const { isBooted } = useSsrBoot()\n\n    if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow')\n\n    const isTransitioning = ref(false)\n    const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false)\n\n    function onAfterTransition () {\n      if (!isTransitioning.value || !window) {\n        return\n      }\n\n      // Finalize transition state.\n      isTransitioning.value = false\n      if (window.transitionCount.value > 0) {\n        window.transitionCount.value -= 1\n\n        // Remove container height if we are out of transition.\n        if (window.transitionCount.value === 0) {\n          window.transitionHeight.value = undefined\n        }\n      }\n    }\n\n    function onBeforeTransition () {\n      if (isTransitioning.value || !window) {\n        return\n      }\n\n      // Initialize transition state here.\n      isTransitioning.value = true\n\n      if (window.transitionCount.value === 0) {\n        // Set initial height for height transition.\n        window.transitionHeight.value = convertToUnit(window.rootRef.value?.clientHeight)\n      }\n\n      window.transitionCount.value += 1\n    }\n\n    function onTransitionCancelled () {\n      onAfterTransition() // This should have the same path as normal transition end.\n    }\n\n    function onEnterTransition (el: Element) {\n      if (!isTransitioning.value) {\n        return\n      }\n\n      nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!hasTransition.value || !isTransitioning.value || !window) {\n          return\n        }\n\n        // Set transition target height.\n        window.transitionHeight.value = convertToUnit(el.clientHeight)\n      })\n    }\n\n    const transition = computed(() => {\n      const name = window.isReversed.value\n        ? props.reverseTransition\n        : props.transition\n\n      return !hasTransition.value ? false : {\n        name: typeof name !== 'string' ? window.transition.value : name,\n        onBeforeEnter: onBeforeTransition,\n        onAfterEnter: onAfterTransition,\n        onEnterCancelled: onTransitionCancelled,\n        onBeforeLeave: onBeforeTransition,\n        onAfterLeave: onAfterTransition,\n        onLeaveCancelled: onTransitionCancelled,\n        onEnter: onEnterTransition,\n      }\n    })\n\n    const { hasContent } = useLazy(props, groupItem.isSelected)\n\n    useRender(() => (\n      <MaybeTransition transition={ isBooted.value && transition.value } >\n        <div\n          class={[\n            'v-window-item',\n            groupItem.selectedClass.value,\n          ]}\n          v-show={ groupItem.isSelected.value }\n        >\n          { hasContent.value && slots.default?.() }\n        </div>\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VWindowItem = InstanceType<typeof VWindowItem>\n"],"mappings":"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"}
+{"version":3,"file":"VWindowItem.mjs","names":["Touch","makeGroupItemProps","useGroupItem","makeLazyProps","useLazy","MaybeTransition","useSsrBoot","computed","inject","nextTick","ref","convertToUnit","defineComponent","useRender","VWindowGroupSymbol","VWindowSymbol","VWindowItem","name","directives","props","reverseTransition","type","Boolean","String","default","undefined","transition","emits","val","setup","slots","window","groupItem","isBooted","Error","isTransitioning","hasTransition","isReversed","value","onAfterTransition","transitionCount","transitionHeight","onBeforeTransition","rootRef","clientHeight","onTransitionCancelled","onEnterTransition","el","onBeforeEnter","onAfterEnter","onEnterCancelled","onBeforeLeave","onAfterLeave","onLeaveCancelled","onEnter","hasContent","isSelected","selectedClass"],"sources":["../../../src/components/VWindow/VWindowItem.tsx"],"sourcesContent":["// Directives\nimport Touch from '@/directives/touch'\n\n// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { MaybeTransition } from '@/composables/transition'\nimport { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, inject, nextTick, ref } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { VWindowGroupSymbol, VWindowSymbol } from './VWindow'\n\nexport const VWindowItem = defineComponent({\n  name: 'VWindowItem',\n\n  directives: {\n    Touch,\n  },\n\n  props: {\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined,\n    },\n\n    ...makeGroupItemProps(),\n    ...makeLazyProps(),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const window = inject(VWindowSymbol)\n    const groupItem = useGroupItem(props, VWindowGroupSymbol)\n    const { isBooted } = useSsrBoot()\n\n    if (!window || !groupItem) throw new Error('[Vuetify] VWindowItem must be used inside VWindow')\n\n    const isTransitioning = ref(false)\n    const hasTransition = computed(() => window.isReversed.value ? props.reverseTransition !== false : props.transition !== false)\n\n    function onAfterTransition () {\n      if (!isTransitioning.value || !window) {\n        return\n      }\n\n      // Finalize transition state.\n      isTransitioning.value = false\n      if (window.transitionCount.value > 0) {\n        window.transitionCount.value -= 1\n\n        // Remove container height if we are out of transition.\n        if (window.transitionCount.value === 0) {\n          window.transitionHeight.value = undefined\n        }\n      }\n    }\n\n    function onBeforeTransition () {\n      if (isTransitioning.value || !window) {\n        return\n      }\n\n      // Initialize transition state here.\n      isTransitioning.value = true\n\n      if (window.transitionCount.value === 0) {\n        // Set initial height for height transition.\n        window.transitionHeight.value = convertToUnit(window.rootRef.value?.clientHeight)\n      }\n\n      window.transitionCount.value += 1\n    }\n\n    function onTransitionCancelled () {\n      onAfterTransition() // This should have the same path as normal transition end.\n    }\n\n    function onEnterTransition (el: Element) {\n      if (!isTransitioning.value) {\n        return\n      }\n\n      nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!hasTransition.value || !isTransitioning.value || !window) {\n          return\n        }\n\n        // Set transition target height.\n        window.transitionHeight.value = convertToUnit(el.clientHeight)\n      })\n    }\n\n    const transition = computed(() => {\n      const name = window.isReversed.value\n        ? props.reverseTransition\n        : props.transition\n\n      return !hasTransition.value ? false : {\n        name: typeof name !== 'string' ? window.transition.value : name,\n        onBeforeEnter: onBeforeTransition,\n        onAfterEnter: onAfterTransition,\n        onEnterCancelled: onTransitionCancelled,\n        onBeforeLeave: onBeforeTransition,\n        onAfterLeave: onAfterTransition,\n        onLeaveCancelled: onTransitionCancelled,\n        onEnter: onEnterTransition,\n      }\n    })\n\n    const { hasContent } = useLazy(props, groupItem.isSelected)\n\n    useRender(() => (\n      <MaybeTransition transition={ isBooted.value && transition.value } >\n        <div\n          class={[\n            'v-window-item',\n            groupItem.selectedClass.value,\n          ]}\n          v-show={ groupItem.isSelected.value }\n        >\n          { hasContent.value && slots.default?.() }\n        </div>\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VWindowItem = InstanceType<typeof VWindowItem>\n"],"mappings":"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"}