{"version":3,"file":"use-transition.mjs","sources":["../../../../../packages/composables/private/use-transition.ts"],"sourcesContent":["import { ref, computed, watch, nextTick } from 'vue'\n\nexport const useTransitionProps = {\n  transitionShow: {\n    type: String,\n    default: 'fade'\n  },\n\n  transitionHide: {\n    type: String,\n    default: 'fade'\n  },\n\n  transitionDuration: {\n    type: [String, Number],\n    default: 300\n  }\n}\n\nexport default function (props, showing) {\n  const transitionState = ref(showing.value)\n\n  watch(showing, val => {\n    nextTick(() => {\n      transitionState.value = val\n    })\n  })\n\n  // return transition\n  return {\n    transition: computed(() => 'vc-transition--' + (transitionState.value === true ? props.transitionHide : props.transitionShow)),\n\n    transitionStyle: computed(() => `--vc-transition-duration: ${props.transitionDuration}ms`)\n  }\n}\n"],"names":[],"mappings":";;AACY,MAAC,kBAAkB,GAAG;AAClC,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE;AACa,sBAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;AACxC,EAAE,MAAM,eAAe,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAC7C,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,KAAK;AAC1B,IAAI,QAAQ,CAAC,MAAM;AACnB,MAAM,eAAe,CAAC,KAAK,GAAG,GAAG,CAAC;AAClC,KAAK,CAAC,CAAC;AACP,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,IAAI,eAAe,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAClI,IAAI,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,0BAA0B,EAAE,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAC9F,GAAG,CAAC;AACJ;;;;"}