vue-cesium/es/composables/private/use-transition.mjs.map

Vue 3.x components for CesiumJS.

{"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":";;;AAEO,MAAM,kBAAqB,GAAA;AAAA,EAChC,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EAEA,kBAAoB,EAAA;AAAA,IAClB,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,GAAA;AAAA,GACX;AACF,EAAA;AAEA,sBAAA,CAAyB,OAAO,OAAS,EAAA;AACvC,EAAM,MAAA,eAAA,GAAkB,GAAI,CAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAEzC,EAAA,KAAA,CAAM,SAAS,CAAO,GAAA,KAAA;AACpB,IAAA,QAAA,CAAS,MAAM;AACb,MAAA,eAAA,CAAgB,KAAQ,GAAA,GAAA,CAAA;AAAA,KACzB,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AAGD,EAAO,OAAA;AAAA,IACL,UAAA,EAAY,QAAS,CAAA,MAAM,iBAAqB,IAAA,eAAA,CAAgB,UAAU,IAAO,GAAA,KAAA,CAAM,cAAiB,GAAA,KAAA,CAAM,cAAe,CAAA,CAAA;AAAA,IAE7H,iBAAiB,QAAS,CAAA,MAAM,CAA6B,0BAAA,EAAA,KAAA,CAAM,kBAAkB,CAAI,EAAA,CAAA,CAAA;AAAA,GAC3F,CAAA;AACF;;;;"}