maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
1 lines • 2.73 kB
JavaScript
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBackdrop_default}from"./MazBackdrop.Cv-HcKMs.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,openBlock,renderSlot,toDisplayString,unref,useSlots,withCtx}from"vue";import{MazXMark}from"@maz-ui/icons/static/MazXMark";import '../assets/MazDrawer.DqFQWaPi.css';var _hoisted_1={class:`m-drawer-header__title`};var _hoisted_2={key:0,class:`m-drawer-header__close`};var _hoisted_3={class:`m-drawer-body`};var MazDrawer_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazDrawer`,props:{title:{default:void 0},variant:{default:`right`},size:{default:`30rem`},backdropClass:{default:void 0},hideCloseButton:{type:Boolean}},emits:[`before-close`,`open`,`close`,`update:model-value`],setup(__props){let props=__props;let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let justify=computed(()=>props.variant===`left`?`start`:props.variant===`right`?`end`:`none`);let align=computed(()=>props.variant===`top`?`start`:props.variant===`bottom`?`end`:`none`);let slots=useSlots();let hasTitle=computed(()=>!!(props.title||slots.title));return(_ctx,_cache)=>(openBlock(),createBlock(MazBackdrop_default,{"backdrop-class":[`m-drawer`,__props.backdropClass],justify:justify.value,align:align.value,variant:`drawer`,"transition-name":`drawer-anim-${__props.variant}`,onClose:_cache[0]||=$event=>_ctx.$emit(`close`),onOpen:_cache[1]||=$event=>_ctx.$emit(`open`),onBeforeClose:_cache[2]||=$event=>_ctx.$emit(`before-close`),"onUpdate:modelValue":_cache[3]||=$event=>_ctx.$emit(`update:model-value`,$event)},{default:withCtx(({close})=>[createElementVNode(`div`,{class:normalizeClass([`m-drawer-content-wrap`,[`--${__props.variant}`]]),style:normalizeStyle({"--maz-drawer-size":__props.size})},[createElementVNode(`header`,{class:normalizeClass([`m-drawer-header`,[hasTitle.value?`--justify-between`:`--justify-end`]])},[createElementVNode(`h4`,_hoisted_1,[renderSlot(_ctx.$slots,`title`,{close},()=>[createTextVNode(toDisplayString(__props.title),1)],!0)]),__props.hideCloseButton?createCommentVNode(``,!0):(openBlock(),createElementBlock(`div`,_hoisted_2,[createVNode(unref(MazBtn),{size:`sm`,color:`transparent`,onClick:close},{default:withCtx(()=>[createVNode(unref(MazXMark),{class:`icon maz-text-lg`})]),_:1},8,[`onClick`])]))],2),createElementVNode(`div`,_hoisted_3,[renderSlot(_ctx.$slots,`default`,{close},void 0,!0)])],6)]),_:3},8,[`backdrop-class`,`justify`,`align`,`transition-name`]))}}),[[`__scopeId`,`data-v-7fe4cde1`]]);export{MazDrawer_default as t};