maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
1 lines • 1.75 kB
JavaScript
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"./MazBtn.DJj8H23m.js";import{t as MazBackdrop_default}from"./MazBackdrop.Cv-HcKMs.js";import{createBlock,createCommentVNode,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,renderSlot,unref,withCtx}from"vue";import{MazXMark}from"@maz-ui/icons/static/MazXMark";import '../assets/MazBottomSheet.BL-rpYBb.css';var MazBottomSheet_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazBottomSheet`,props:{modelValue:{type:Boolean},hideCloseButton:{type:Boolean,default:!1},padding:{type:Boolean,default:!0}},emits:[`update:model-value`,`open`,`close`],setup(__props,{emit:__emit}){let emits=__emit;return(_ctx,_cache)=>(openBlock(),createBlock(MazBackdrop_default,{"model-value":__props.modelValue,"transition-name":`bottom-sheet-anim`,"backdrop-class":`--bottom-sheet`,"content-padding":!1,align:`end`,justify:`none`,variant:`bottom-sheet`,onClose:_cache[0]||=$event=>_ctx.$emit(`close`,$event),onOpen:_cache[1]||=$event=>_ctx.$emit(`open`,$event),"onUpdate:modelValue":_cache[2]||=$event=>emits(`update:model-value`,$event)},{default:withCtx(({close})=>[createElementVNode(`div`,{class:normalizeClass([`m-bottom-sheet__container`,{"--padding":__props.padding}])},[renderSlot(_ctx.$slots,`default`,{close},void 0,!0),__props.hideCloseButton?createCommentVNode(``,!0):(openBlock(),createBlock(MazBtn_default,{key:0,size:`sm`,class:`m-bottom-sheet__close`,color:`transparent`,onClick:close},{default:withCtx(()=>[createVNode(unref(MazXMark),{class:`maz-text-lg`})]),_:1},8,[`onClick`]))],2)]),_:3},8,[`model-value`]))}}),[[`__scopeId`,`data-v-f5c86046`]]);export{MazBottomSheet_default as t};