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

Vue Material Component Framework

{"version":3,"file":"VWindowItem.mjs","names":["Touch","makeGroupItemProps","useGroupItem","makeLazyProps","useLazy","MaybeTransition","useSsrBoot","computed","inject","nextTick","ref","convertToUnit","genericComponent","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, genericComponent, useRender } from '@/util'\n\n// Types\nimport { VWindowGroupSymbol, VWindowSymbol } from './VWindow'\n\nexport const VWindowItem = genericComponent()({\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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"}