{"version":3,"file":"DrawerTransition-CTuNxqiU.js","sources":["../../../app/javascript/components/transitions/DrawerTransition.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"`drawer-${position}`\"\n    v-bind=\"$attrs\">\n    <slot></slot>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: \"DrawerTransition\",\n  props: {\n    position: {\n      type: String,\n      default: \"right\"\n    }\n  }\n};\n</script>\n\n<style>\n.drawer-left-leave-active,\n.drawer-left-enter-active,\n.drawer-right-leave-active,\n.drawer-right-enter-active,\n.drawer-bottom-leave-active,\n.drawer-bottom-enter-active {\n  transition: transform 0.3s ease-in-out;\n}\n\n.drawer-left-enter-from,\n.drawer-left-leave-to {\n  transform: translate(-100%, 0);\n}\n\n.drawer-right-enter-from,\n.drawer-right-leave-to {\n  transform: translate(100%, 0);\n}\n\n.drawer-bottom-enter-from,\n.drawer-bottom-leave-to {\n  transform: translate(0, 100%);\n}\n</style>\n"],"names":["_sfc_main","_openBlock","_createBlock","_Transition","_mergeProps","$props","_ctx","_withCtx","_renderSlot"],"mappings":"sGASA,MAAKA,EAAU,CACb,KAAM,mBACN,MAAO,CACL,SAAU,CACR,KAAM,OACN,QAAS,OACX,CACF,CACF,0BAhBE,OAAAC,EAAA,EAAAC,EAIaC,EAJbC,EAIa,CAHV,eAAgBC,EAAQ,QAAA,IACjBC,EAAM,MAAA,EAAA,CAHlB,QAAAC,EAII,IAAa,CAAbC,EAAaF,EAAA,OAAA,SAAA,IAJjB,EAAA"}