maz-ui 5.0.0-beta.16 → 5.0.0-beta.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/MazSidebar.DtJV3Qus.js +1 -0
- package/dist/chunks/{MazSidebarContent.BZVM4VNY.js → MazSidebarContent.DXrKEUe2.js} +1 -1
- package/dist/chunks/{MazSidebarFooter.BL407Mvp.js → MazSidebarFooter.6zWxAfIW.js} +1 -1
- package/dist/chunks/{MazSidebarGroup.BpiVn9Vd.js → MazSidebarGroup.CE6R9SPE.js} +1 -1
- package/dist/chunks/{MazSidebarHeader.B4Ch3rwu.js → MazSidebarHeader.D3wbhaMr.js} +1 -1
- package/dist/chunks/{MazSidebarMenu.tp8CfHKN.js → MazSidebarMenu.BVJTEclJ.js} +1 -1
- package/dist/chunks/{MazSidebarMenuButton.C-EfzLMp.js → MazSidebarMenuButton.C3FO7ruZ.js} +1 -1
- package/dist/chunks/{MazSidebarMenuItem.CnMLpzLD.js → MazSidebarMenuItem.DGa-3pkn.js} +1 -1
- package/dist/chunks/{MazSidebarMenuSub.CHsNVcLs.js → MazSidebarMenuSub.O1gmR7hF.js} +1 -1
- package/dist/chunks/{MazSidebarSeparator.R4wRJ-vp.js → MazSidebarSeparator.DSzlCQPt.js} +1 -1
- package/dist/components/MazSidebar.js +1 -1
- package/dist/components/MazSidebarContent.js +1 -1
- package/dist/components/MazSidebarFooter.js +1 -1
- package/dist/components/MazSidebarGroup.js +1 -1
- package/dist/components/MazSidebarHeader.js +1 -1
- package/dist/components/MazSidebarMenu.js +1 -1
- package/dist/components/MazSidebarMenuButton.js +1 -1
- package/dist/components/MazSidebarMenuItem.js +1 -1
- package/dist/components/MazSidebarMenuSub.js +1 -1
- package/dist/components/MazSidebarSeparator.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/composables/useSidebar.js +1 -1
- package/dist/resolvers/MazModulesResolver.js +1 -1
- package/package.json +5 -5
- package/dist/chunks/MazSidebar.CmwklP1Q.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{computed,createBlock,createElementBlock,createElementVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,onMounted,openBlock,provide,ref,renderSlot,unref,useSSRContext,watch,withCtx}from"vue";import{isServer}from"@maz-ui/utils/helpers/isServer";import{getCookie,setCookie}from"@maz-ui/utils/helpers/cookie";var _hoisted_1=[`id`];var _hoisted_2=[`id`];var mazSidebarKey=Symbol(`MazSidebar`);var MazSidebar_default=defineComponent({__name:`MazSidebar`,props:{id:{},open:{type:Boolean,default:!0},side:{default:`start`},collapsible:{default:`offcanvas`},mode:{default:`push`},width:{default:`16rem`},iconWidth:{default:`3rem`},tooltipMode:{default:`closed`},persist:{type:Boolean,default:!0},persistKey:{default:`maz-sidebar-open`}},emits:[`update:open`],setup(__props,{expose:__expose,emit:__emit}){let emit=__emit;let MazBackdrop=defineAsyncComponent(()=>import(`../components/MazBackdrop.js`));function readPersistedOpen(){if(!__props.persist)return null;let cookieHeader;if(isServer())try{let ctx=useSSRContext();cookieHeader=ctx?.event?.node?.req?.headers?.cookie??ctx?.event?.headers?.get?.(`cookie`)??ctx?.req?.headers?.cookie??void 0}catch{}let raw=getCookie(__props.persistKey,cookieHeader);return raw===null?null:raw===`true`}let persistedInitial=readPersistedOpen();let internalOpen=ref(persistedInitial??__props.open);watch(()=>__props.open,v=>{internalOpen.value=v});let state=computed(()=>internalOpen.value?`expanded`:`collapsed`);function toggle(){setOpen(!internalOpen.value)}function setOpen(value){internalOpen.value=value,emit(`update:open`,value)}onMounted(()=>{persistedInitial!==null&&persistedInitial!==__props.open&&emit(`update:open`,persistedInitial)}),watch(internalOpen,value=>{__props.persist&&setCookie(__props.persistKey,String(value))});let uniqueId=useInstanceUniqId({componentName:`MazSidebar`,providedId:__props.id});provide(mazSidebarKey,{id:uniqueId,open:internalOpen,state,side:computed(()=>__props.side),collapsible:computed(()=>__props.collapsible),mode:computed(()=>__props.mode),tooltipMode:computed(()=>__props.tooltipMode),toggle,setOpen});let sidebarStyle=computed(()=>({"--maz-sidebar-width":__props.width,"--maz-sidebar-icon-width":__props.iconWidth}));let isOffcanvasCollapsed=computed(()=>__props.collapsible===`offcanvas`&&state.value===`collapsed`);let isIconCollapsed=computed(()=>__props.collapsible===`icon`&&state.value===`collapsed`);let pushWidthClass=computed(()=>__props.collapsible===`none`?`maz:w-(--maz-sidebar-width)`:isOffcanvasCollapsed.value?`maz:w-0`:isIconCollapsed.value?`maz:w-(--maz-sidebar-icon-width)`:`maz:w-(--maz-sidebar-width)`);let borderClass=computed(()=>__props.side===`start`?`maz:border-e maz:border-divider`:`maz:border-s maz:border-divider`);return __expose({toggle,setOpen}),(_ctx,_cache)=>__props.mode===`push`?(openBlock(),createElementBlock(`aside`,{key:0,id:unref(uniqueId),class:normalizeClass([`m-sidebar --push m-reset-css motion-reduce:maz:transition-none maz:relative maz:flex maz:h-full maz:shrink-0 maz:flex-col maz:overflow-hidden maz:bg-container maz:transition-[width,border-width] maz:duration-250 maz:ease-in-out`,[`--side-${__props.side}`,`--${state.value}`,`--collapsible-${__props.collapsible}`,pushWidthClass.value,!isOffcanvasCollapsed.value&&borderClass.value]]),style:normalizeStyle(sidebarStyle.value),"aria-label":`Sidebar`},[renderSlot(_ctx.$slots,`default`)],14,_hoisted_1)):(openBlock(),createBlock(unref(MazBackdrop),{key:1,"model-value":internalOpen.value,variant:`drawer`,justify:__props.side===`start`?`start`:`end`,"transition-name":`drawer-anim-${__props.side}`,"onUpdate:modelValue":setOpen},{default:withCtx(()=>[createElementVNode(`aside`,{id:unref(uniqueId),class:normalizeClass([`m-sidebar --overlay --expanded m-reset-css maz:pointer-events-auto maz:flex maz:min-h-screen maz:w-(--maz-sidebar-width) maz:flex-col maz:overflow-y-auto maz:bg-container`,[`--side-${__props.side}`,borderClass.value]]),style:normalizeStyle(sidebarStyle.value),"aria-label":`Sidebar`},[renderSlot(_ctx.$slots,`default`)],14,_hoisted_2)]),_:3},8,[`model-value`,`justify`,`transition-name`]))}});export{mazSidebarKey as n,MazSidebar_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.DtJV3Qus.js";import{createElementBlock,defineComponent,openBlock,renderSlot}from"vue";var _hoisted_1={class:`m-sidebar-content m-reset-css maz:flex-1 maz:overflow-x-hidden maz:overflow-y-auto maz:p-1`};var MazSidebarContent_default=defineComponent({__name:`MazSidebarContent`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarContent) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarContent_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.DtJV3Qus.js";import{createElementBlock,defineComponent,openBlock,renderSlot}from"vue";var _hoisted_1={class:`m-sidebar-footer m-reset-css maz:shrink-0 maz:border-t maz:border-divider`};var MazSidebarFooter_default=defineComponent({__name:`MazSidebarFooter`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarFooter) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`footer`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarFooter_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.DtJV3Qus.js";import{createCommentVNode,createElementBlock,defineComponent,normalizeClass,openBlock,renderSlot,toDisplayString,unref}from"vue";var _hoisted_1={class:`m-sidebar-group m-reset-css maz:flex maz:flex-col maz:gap-1 maz:py-2`};var MazSidebarGroup_default=defineComponent({__name:`MazSidebarGroup`,props:{label:{}},setup(__props){let sidebar=useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarGroup) Must be used inside MazSidebar`);return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[__props.label?(openBlock(),createElementBlock(`p`,{key:0,class:normalizeClass([`m-sidebar-group__label maz:px-3 maz:py-1 maz:text-xs maz:font-semibold maz:tracking-wider maz:text-muted maz:uppercase`,{"maz:sr-only":unref(sidebar).collapsible.value===`icon`&&unref(sidebar).state.value===`collapsed`}])},toDisplayString(__props.label),3)):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarGroup_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.DtJV3Qus.js";import{createElementBlock,defineComponent,openBlock,renderSlot}from"vue";var _hoisted_1={class:`m-sidebar-header m-reset-css maz:shrink-0 maz:border-b maz:border-divider`};var MazSidebarHeader_default=defineComponent({__name:`MazSidebarHeader`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarHeader) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`header`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarHeader_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.DtJV3Qus.js";import{createElementBlock,defineComponent,openBlock,renderSlot}from"vue";var _hoisted_1={class:`m-sidebar-menu m-reset-css maz:m-0 maz:flex maz:list-none maz:flex-col maz:gap-1 maz:p-0`,role:`menu`};var MazSidebarMenu_default=defineComponent({__name:`MazSidebarMenu`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarMenu) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`ul`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarMenu_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as hasSlotContent}from"./hasSlotContent.BLn0kQC7.js";import{vTooltip as directive}from"../directives/vTooltip.js";import{useInjectStrict}from"../composables/useInjectStrict.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{n as mazSidebarKey}from"./MazSidebar.
|
|
1
|
+
import{t as hasSlotContent}from"./hasSlotContent.BLn0kQC7.js";import{vTooltip as directive}from"../directives/vTooltip.js";import{useInjectStrict}from"../composables/useInjectStrict.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{n as mazSidebarKey}from"./MazSidebar.DtJV3Qus.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.yH64gJv0.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,getCurrentInstance,guardReactiveProps,mergeProps,normalizeClass,normalizeProps,openBlock,renderSlot,resolveDynamicComponent,toDisplayString,unref,withCtx,withDirectives}from"vue";var _hoisted_1={key:0,class:`m-sidebar-menu-btn__icon maz:flex maz:shrink-0 maz:flex-center`};var _hoisted_2=[`aria-hidden`];var _hoisted_3={key:1,class:`m-sidebar-menu-btn__badge maz:ml-auto maz:shrink-0`};var MazSidebarMenuButton_default=defineComponent({__name:`MazSidebarMenuButton`,props:{to:{},href:{},icon:{type:[String,Function,Object]},label:{},badge:{},tooltip:{},tooltipMode:{},active:{type:Boolean},disabled:{type:Boolean},size:{default:`md`}},emits:[`click`],setup(__props){let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazBadge=defineAsyncComponent(()=>import(`../components/MazBadge.js`));let sidebar=useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarMenuButton) Must be used inside MazSidebar`);let isIconCollapsed=computed(()=>sidebar.collapsible.value===`icon`&&sidebar.state.value===`collapsed`);let tag=computed(()=>__props.to?resolveLinkComponent():__props.href?`a`:`button`);let linkProps=computed(()=>__props.to?{to:__props.to}:__props.href?{href:__props.href}:{type:`button`});let{iconProps}=useMazIconProps(()=>__props.icon,()=>({size:`sm`}));let badgeText=computed(()=>{let b=__props.badge;if(b!=null)return typeof b==`string`||typeof b==`number`?b:b.text});let badgeBindings=computed(()=>{let b=__props.badge;if(b==null||typeof b==`string`||typeof b==`number`)return{size:`sm`,roundedSize:`full`};let{text:_text,...rest}=b;return{size:`sm`,roundedSize:`full`,...rest}});let effectiveTooltipMode=computed(()=>__props.tooltipMode??sidebar.tooltipMode.value);let tooltipVisible=computed(()=>effectiveTooltipMode.value===`always`||sidebar.state.value===`collapsed`);let tooltipBinding=computed(()=>__props.tooltip?{text:__props.tooltip,position:sidebar.side.value===`start`?`right`:`left`,trigger:tooltipVisible.value?`hover`:`manual`}:!1);let SIZE_CLASS={sm:`maz:text-sm maz:py-1.5`,md:`maz:text-base maz:py-2`,lg:`maz:text-lg maz:py-2.5`};let routerActiveClass=computed(()=>getCurrentInstance()?.appContext.config.globalProperties.$router&&__props.to?`router-link-active`:``);let isActive=computed(()=>__props.active===!0);return(_ctx,_cache)=>withDirectives((openBlock(),createBlock(resolveDynamicComponent(tag.value),mergeProps({class:[`m-sidebar-menu-btn m-reset-css focus-visible:maz:outline-2 focus-visible:maz:outline-offset-2 focus-visible:maz:outline-primary motion-reduce:maz:transition-none maz:relative maz:flex maz:w-full maz:items-center maz:gap-2 maz:rounded-md maz:px-[min(calc((var(--maz-sidebar-icon-width,3rem)-1.25rem)/2),calc((100%-1.25rem)/2))] maz:no-underline maz:transition-colors maz:duration-150 maz:ease-in-out maz:disabled:cursor-not-allowed maz:disabled:opacity-50`,[SIZE_CLASS[__props.size],isActive.value?`maz:cursor-auto maz:bg-primary/10 maz:font-semibold maz:text-primary`:`maz:cursor-pointer maz:bg-transparent maz:font-medium maz:text-foreground maz:hover:not-disabled:bg-surface-600 maz:dark:not-disabled:hover:bg-surface-400`,routerActiveClass.value,{"--active":isActive.value,"--disabled":__props.disabled,"--icon-collapsed":isIconCollapsed.value}]],"aria-label":__props.label,"aria-current":isActive.value?`page`:void 0,"aria-disabled":__props.disabled||void 0,disabled:tag.value===`button`&&__props.disabled?!0:void 0},linkProps.value,{onClick:_cache[0]||=$event=>!__props.disabled&&_ctx.$emit(`click`,$event)}),{default:withCtx(()=>[unref(iconProps)||unref(hasSlotContent)(_ctx.$slots.icon)?(openBlock(),createElementBlock(`span`,_hoisted_1,[renderSlot(_ctx.$slots,`icon`,{},()=>[unref(iconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(iconProps))),null,16)):createCommentVNode(``,!0)])])):createCommentVNode(``,!0),createElementVNode(`span`,{class:normalizeClass([`m-sidebar-menu-btn__label motion-reduce:maz:transition-none maz:flex-1 maz:truncate maz:text-start maz:transition-opacity maz:duration-150`,isIconCollapsed.value?`maz:opacity-0`:`maz:opacity-100`]),"aria-hidden":isIconCollapsed.value||void 0},[renderSlot(_ctx.$slots,`default`,{},()=>[createTextVNode(toDisplayString(__props.label),1)])],10,_hoisted_2),!isIconCollapsed.value&&badgeText.value!==void 0?(openBlock(),createElementBlock(`span`,_hoisted_3,[createVNode(unref(MazBadge),normalizeProps(guardReactiveProps(badgeBindings.value)),{default:withCtx(()=>[createTextVNode(toDisplayString(badgeText.value),1)]),_:1},16)])):createCommentVNode(``,!0)]),_:3},16,[`class`,`aria-label`,`aria-current`,`aria-disabled`,`disabled`])),[[unref(directive),tooltipBinding.value]])}});export{MazSidebarMenuButton_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.DtJV3Qus.js";import{createElementBlock,defineComponent,openBlock,renderSlot}from"vue";var _hoisted_1={class:`m-sidebar-menu-item m-reset-css maz:m-0 maz:list-none maz:p-0`,role:`none`};var MazSidebarMenuItem_default=defineComponent({__name:`MazSidebarMenuItem`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarMenuItem) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`li`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarMenuItem_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{n as mazSidebarKey}from"./MazSidebar.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{n as mazSidebarKey}from"./MazSidebar.DtJV3Qus.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeProps,openBlock,ref,renderSlot,toDisplayString,unref,useId,withCtx}from"vue";import{MazChevronDown}from"@maz-ui/icons/lazy/MazChevronDown";var _hoisted_1={class:`m-sidebar-menu-sub m-reset-css`};var _hoisted_2=[`aria-expanded`,`aria-label`];var _hoisted_3={class:`m-sidebar-menu-sub__icon maz:flex maz:shrink-0 maz:flex-center`};var _hoisted_4=[`aria-hidden`];var MazSidebarMenuSub_default=defineComponent({__name:`MazSidebarMenuSub`,props:{label:{},icon:{type:[String,Function,Object]},defaultOpen:{type:Boolean,default:!1}},setup(__props){let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazExpandAnimation=defineAsyncComponent(()=>import(`../components/MazExpandAnimation.js`));let sidebar=useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarMenuSub) Must be used inside MazSidebar`);let isIconCollapsed=computed(()=>sidebar.collapsible.value===`icon`&&sidebar.state.value===`collapsed`);let isOpen=ref(__props.defaultOpen);let subMenuId=`maz-sidebar-sub-${useId()}`;let{iconProps}=useMazIconProps(()=>__props.icon,()=>({size:`sm`}));function toggle(){isOpen.value=!isOpen.value}function onKeyDown(event){event.key===`ArrowRight`?isOpen.value=!0:event.key===`ArrowLeft`&&(isOpen.value=!1)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`button`,{type:`button`,class:`m-sidebar-menu-sub__trigger focus-visible:maz:outline-2 focus-visible:maz:outline-offset-2 focus-visible:maz:outline-primary motion-reduce:maz:transition-none maz:relative maz:flex maz:w-full maz:cursor-pointer maz:items-center maz:gap-2 maz:rounded-md maz:bg-transparent maz:px-[min(calc((var(--maz-sidebar-icon-width,3rem)-1.25rem)/2),calc((100%-1.25rem)/2))] maz:py-2 maz:font-medium maz:text-foreground maz:transition-colors maz:duration-150 maz:ease-in-out maz:hover:bg-surface-600 maz:dark:hover:bg-surface-800/20`,"aria-expanded":isOpen.value,"aria-controls":subMenuId,"aria-label":__props.label,onClick:toggle,onKeydown:onKeyDown},[createElementVNode(`span`,_hoisted_3,[renderSlot(_ctx.$slots,`icon`,{},()=>[unref(iconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(iconProps))),null,16)):createCommentVNode(``,!0)])]),createElementVNode(`span`,{class:normalizeClass([`m-sidebar-menu-sub__label motion-reduce:maz:transition-none maz:flex-1 maz:truncate maz:text-start maz:transition-opacity maz:duration-150`,isIconCollapsed.value?`maz:opacity-0`:`maz:opacity-100`]),"aria-hidden":isIconCollapsed.value||void 0},[renderSlot(_ctx.$slots,`label`,{},()=>[createTextVNode(toDisplayString(__props.label),1)])],10,_hoisted_4),isIconCollapsed.value?createCommentVNode(``,!0):(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-sidebar-menu-sub__chevron motion-reduce:maz:transition-none maz:shrink-0 maz:transition-transform maz:duration-200`,{"maz:rotate-180":isOpen.value}]),"aria-hidden":`true`},[renderSlot(_ctx.$slots,`chevron`,{},()=>[createVNode(unref(MazChevronDown))])],2))],40,_hoisted_2),createVNode(unref(MazExpandAnimation),{"model-value":isOpen.value&&!isIconCollapsed.value,duration:`200ms`},{default:withCtx(()=>[createElementVNode(`ul`,{id:subMenuId,class:`m-sidebar-menu-sub__list maz:m-0 maz:flex maz:list-none maz:flex-col maz:gap-1 maz:p-0 maz:ps-3`,role:`menu`},[renderSlot(_ctx.$slots,`default`)])]),_:3},8,[`model-value`])]))}});export{MazSidebarMenuSub_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.DtJV3Qus.js";import{createElementBlock,defineComponent,openBlock}from"vue";var _hoisted_1={class:`m-sidebar-separator m-reset-css maz:my-2 maz:border-0 maz:border-t maz:border-divider`};var MazSidebarSeparator_default=defineComponent({__name:`MazSidebarSeparator`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarSeparator) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`hr`,_hoisted_1))}});export{MazSidebarSeparator_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as mazSidebarKey,t as MazSidebar_default}from"../chunks/MazSidebar.
|
|
1
|
+
import{n as mazSidebarKey,t as MazSidebar_default}from"../chunks/MazSidebar.DtJV3Qus.js";export{MazSidebar_default as default,mazSidebarKey};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazSidebarContent_default}from"../chunks/MazSidebarContent.
|
|
1
|
+
import{t as MazSidebarContent_default}from"../chunks/MazSidebarContent.DXrKEUe2.js";export{MazSidebarContent_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazSidebarFooter_default}from"../chunks/MazSidebarFooter.
|
|
1
|
+
import{t as MazSidebarFooter_default}from"../chunks/MazSidebarFooter.6zWxAfIW.js";export{MazSidebarFooter_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazSidebarGroup_default}from"../chunks/MazSidebarGroup.
|
|
1
|
+
import{t as MazSidebarGroup_default}from"../chunks/MazSidebarGroup.CE6R9SPE.js";export{MazSidebarGroup_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazSidebarHeader_default}from"../chunks/MazSidebarHeader.
|
|
1
|
+
import{t as MazSidebarHeader_default}from"../chunks/MazSidebarHeader.D3wbhaMr.js";export{MazSidebarHeader_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazSidebarMenu_default}from"../chunks/MazSidebarMenu.
|
|
1
|
+
import{t as MazSidebarMenu_default}from"../chunks/MazSidebarMenu.BVJTEclJ.js";export{MazSidebarMenu_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazSidebarMenuButton_default}from"../chunks/MazSidebarMenuButton.
|
|
1
|
+
import{t as MazSidebarMenuButton_default}from"../chunks/MazSidebarMenuButton.C3FO7ruZ.js";export{MazSidebarMenuButton_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazSidebarMenuItem_default}from"../chunks/MazSidebarMenuItem.
|
|
1
|
+
import{t as MazSidebarMenuItem_default}from"../chunks/MazSidebarMenuItem.DGa-3pkn.js";export{MazSidebarMenuItem_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazSidebarMenuSub_default}from"../chunks/MazSidebarMenuSub.
|
|
1
|
+
import{t as MazSidebarMenuSub_default}from"../chunks/MazSidebarMenuSub.O1gmR7hF.js";export{MazSidebarMenuSub_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazSidebarSeparator_default}from"../chunks/MazSidebarSeparator.
|
|
1
|
+
import{t as MazSidebarSeparator_default}from"../chunks/MazSidebarSeparator.DSzlCQPt.js";export{MazSidebarSeparator_default as default};
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazPopover_default}from"../chunks/MazPopover.BZG8J4IR.js";import{t as MazWindowMockup_default}from"../chunks/MazWindowMockup.BPtZQS_5.js";import{t as MazUiProvider_default}from"../chunks/MazUiProvider.DlRehEZH.js";import{n as mazSidebarKey,t as MazSidebar_default}from"../chunks/MazSidebar.
|
|
1
|
+
import{t as MazPopover_default}from"../chunks/MazPopover.BZG8J4IR.js";import{t as MazWindowMockup_default}from"../chunks/MazWindowMockup.BPtZQS_5.js";import{t as MazUiProvider_default}from"../chunks/MazUiProvider.DlRehEZH.js";import{n as mazSidebarKey,t as MazSidebar_default}from"../chunks/MazSidebar.DtJV3Qus.js";import{t as MazTimeline_default}from"../chunks/MazTimeline.CwgMKnxB.js";import{t as MazTicker_default}from"../chunks/MazTicker.IC-g93GQ.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.VagTSXAo.js";import{t as MazTabsContentItem_default}from"../chunks/MazTabsContentItem.FeabvNjK.js";import{t as MazTabsContent_default}from"../chunks/MazTabsContent.3n3JMUhb.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.BtzkarA9.js";import{t as MazTabs_default}from"../chunks/MazTabs.BKiO8ea3.js";import{t as MazIcon_default}from"../chunks/MazIcon.BKcg5YfP.js";import{t as MazTable_default}from"../chunks/MazTable.DLv0EPdq.js";import{t as MazTableTitle_default}from"../chunks/MazTableTitle.CanAyB3B.js";import{t as MazTableRow_default}from"../chunks/MazTableRow.DdgQXUjE.js";import{t as MazTableCell_default}from"../chunks/MazTableCell.8KquT_rl.js";import{t as MazSwitch_default}from"../chunks/MazSwitch.CehyUAVa.js";import{t as MazStepper_default}from"../chunks/MazStepper.CVSQcw6J.js";import{t as MazSpinner_default}from"../chunks/MazSpinner.DSO951_i.js";import{t as MazSlider_default}from"../chunks/MazSlider.DzOgeA_f.js";import{t as MazSkeleton_default}from"../chunks/MazSkeleton.Dx2Wx-KY.js";import{t as MazSidebarTrigger_default}from"../chunks/MazSidebarTrigger.BAIhFZ_Y.js";import{t as MazSidebarSeparator_default}from"../chunks/MazSidebarSeparator.DSzlCQPt.js";import{t as MazSidebarMenuSub_default}from"../chunks/MazSidebarMenuSub.O1gmR7hF.js";import{t as MazSidebarMenuItem_default}from"../chunks/MazSidebarMenuItem.DGa-3pkn.js";import{t as MazSidebarMenuButton_default}from"../chunks/MazSidebarMenuButton.C3FO7ruZ.js";import{t as MazSidebarMenu_default}from"../chunks/MazSidebarMenu.BVJTEclJ.js";import{t as MazSidebarHeader_default}from"../chunks/MazSidebarHeader.D3wbhaMr.js";import{t as MazSidebarGroup_default}from"../chunks/MazSidebarGroup.CE6R9SPE.js";import{t as MazSidebarFooter_default}from"../chunks/MazSidebarFooter.6zWxAfIW.js";import{t as MazSidebarContent_default}from"../chunks/MazSidebarContent.DXrKEUe2.js";import{t as MazInput_default}from"../chunks/MazInput.CDKs42ml.js";import{t as MazSelect_default}from"../chunks/MazSelect.DDUMyiCj.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.DonkdtGq.js";import{t as MazReadingProgressBar_default}from"../chunks/MazReadingProgressBar.B4O-DlKc.js";import{t as MazLink_default}from"../chunks/MazLink.DNRMFwxx.js";import{t as MazReadMore_default}from"../chunks/MazReadMore.Gi36G0ie.js";import{t as MazRadioButtons_default}from"../chunks/MazRadioButtons.CujnlCek.js";import{t as MazRadio_default}from"../chunks/MazRadio.BxPh6uNY.js";import{t as MazPullToRefresh_default}from"../chunks/MazPullToRefresh.Cv9fdXAR.js";import{t as MazBtn_default}from"../chunks/MazBtn.BbzUbXCS.js";import{t as MazPagination_default}from"../chunks/MazPagination.qBHT1H5C.js";import{t as MazLoadingBar_default}from"../chunks/MazLoadingBar.8VIbG1FC.js";import{t as MazLazyImg_default}from"../chunks/MazLazyImg.C-rXKwgk.js";import{t as MazInputTags_default}from"../chunks/MazInputTags.Bd4P9p7N.js";import{t as MazInputPrice_default}from"../chunks/MazInputPrice.aR_f6LuH.js";import{t as MazInputPhoneNumber_default}from"../chunks/MazInputPhoneNumber.DMD2XErn.js";import{t as MazInputNumber_default}from"../chunks/MazInputNumber._F7CRgHE.js";import{t as MazInputCode_default}from"../chunks/MazInputCode.Clw49atB.js";import{t as MazGallery_default}from"../chunks/MazGallery.CxTVI2eq.js";import{t as MazFullscreenLoader_default}from"../chunks/MazFullscreenLoader.DdJwziyG.js";import{t as MazExpandAnimation_default}from"../chunks/MazExpandAnimation.2yfCUs-B.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.pYZqQMx-.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.Bks10tZ-.js";import{t as MazBackdrop_default}from"../chunks/MazBackdrop.Dr4Jzi7i.js";import{t as MazDrawer_default}from"../chunks/MazDrawer.wiCtW3te.js";import{t as MazDialog_default}from"../chunks/MazDialog.DPDetEnB.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"../chunks/MazDialogConfirm.CMjHcqtL.js";import{t as MazDatePicker_default}from"../chunks/MazDatePicker.BQv_VjLC.js";import{t as MazContainer_default}from"../chunks/MazContainer.Cxym3mwp.js";import{t as MazCodeHighlight_default}from"../chunks/MazCodeHighlight.SRyNl3m0.js";import{t as MazCircularProgressBar_default}from"../chunks/MazCircularProgressBar.CPVPaqix.js";import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.Cp-9GWEo.js";import{t as MazCheckbox_default}from"../chunks/MazCheckbox.CxZ9h3wO.js";import{t as MazChecklist_default}from"../chunks/MazChecklist.BnfCIFqV.js";import{t as MazChart_default}from"../chunks/MazChart.rgunYvSL.js";import{t as MazCarousel_default}from"../chunks/MazCarousel.zQtP-Ko6.js";import{t as MazCard_default}from"../chunks/MazCard.QIBcwdOh.js";import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.Bzp5sJdI.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.rynuS491.js";import{t as MazBadge_default}from"../chunks/MazBadge.sGi-WO8_.js";import{t as MazAvatar_default}from"../chunks/MazAvatar.DBPOlZ55.js";import{t as MazAnimatedText_default}from"../chunks/MazAnimatedText.iQfrDH56.js";import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement.BhKCkwho.js";import{t as MazAnimatedCounter_default}from"../chunks/MazAnimatedCounter.Rk-yM4N2.js";import{t as MazAlert_default}from"../chunks/MazAlert.B64HfK6T.js";import{t as MazAccordion_default}from"../chunks/MazAccordion.C1kFmgOd.js";export{MazAccordion_default as MazAccordion,MazAlert_default as MazAlert,MazAnimatedCounter_default as MazAnimatedCounter,MazAnimatedElement_default as MazAnimatedElement,MazAnimatedText_default as MazAnimatedText,MazAvatar_default as MazAvatar,MazBackdrop_default as MazBackdrop,MazBadge_default as MazBadge,MazBottomSheet_default as MazBottomSheet,MazBtn_default as MazBtn,MazBtnGroup_default as MazBtnGroup,MazCard_default as MazCard,MazCardSpotlight_default as MazCardSpotlight,MazCarousel_default as MazCarousel,MazChart_default as MazChart,MazCheckbox_default as MazCheckbox,MazChecklist_default as MazChecklist,MazCircularProgressBar_default as MazCircularProgressBar,MazCodeHighlight_default as MazCodeHighlight,MazContainer_default as MazContainer,MazDatePicker_default as MazDatePicker,MazDialog_default as MazDialog,MazDialogConfirm_default as MazDialogConfirm,MazDrawer_default as MazDrawer,MazDropdown_default as MazDropdown,MazDropzone_default as MazDropzone,MazExpandAnimation_default as MazExpandAnimation,MazFullscreenLoader_default as MazFullscreenLoader,MazGallery_default as MazGallery,MazIcon_default as MazIcon,MazInput_default as MazInput,MazInputCode_default as MazInputCode,MazInputNumber_default as MazInputNumber,MazInputPhoneNumber_default as MazInputPhoneNumber,MazInputPrice_default as MazInputPrice,MazInputTags_default as MazInputTags,MazLazyImg_default as MazLazyImg,MazLink_default as MazLink,MazLoadingBar_default as MazLoadingBar,MazPagination_default as MazPagination,MazPopover_default as MazPopover,MazPullToRefresh_default as MazPullToRefresh,MazRadio_default as MazRadio,MazRadioButtons_default as MazRadioButtons,MazReadMore_default as MazReadMore,MazReadingProgressBar_default as MazReadingProgressBar,MazSelect_default as MazSelect,MazSelectCountry_default as MazSelectCountry,MazSidebar_default as MazSidebar,MazSidebarContent_default as MazSidebarContent,MazSidebarFooter_default as MazSidebarFooter,MazSidebarGroup_default as MazSidebarGroup,MazSidebarHeader_default as MazSidebarHeader,MazSidebarMenu_default as MazSidebarMenu,MazSidebarMenuButton_default as MazSidebarMenuButton,MazSidebarMenuItem_default as MazSidebarMenuItem,MazSidebarMenuSub_default as MazSidebarMenuSub,MazSidebarSeparator_default as MazSidebarSeparator,MazSidebarTrigger_default as MazSidebarTrigger,MazSkeleton_default as MazSkeleton,MazSlider_default as MazSlider,MazSpinner_default as MazSpinner,MazStepper_default as MazStepper,MazSwitch_default as MazSwitch,MazTable_default as MazTable,MazTableCell_default as MazTableCell,MazTableRow_default as MazTableRow,MazTableTitle_default as MazTableTitle,MazTabs_default as MazTabs,MazTabsBar_default as MazTabsBar,MazTabsContent_default as MazTabsContent,MazTabsContentItem_default as MazTabsContentItem,MazTextarea_default as MazTextarea,MazTicker_default as MazTicker,MazTimeline_default as MazTimeline,MazUiProvider_default as MazUiProvider,MazWindowMockup_default as MazWindowMockup,mazSidebarKey,useMazDialogConfirm};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInjectStrict}from"./useInjectStrict.js";import{n as mazSidebarKey}from"../chunks/MazSidebar.
|
|
1
|
+
import{useInjectStrict}from"./useInjectStrict.js";import{n as mazSidebarKey}from"../chunks/MazSidebar.DtJV3Qus.js";function useSidebar(){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](useSidebar) No MazSidebar parent found. useSidebar must be used inside a MazSidebar component.`)}export{useSidebar};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{capitalize}from"@maz-ui/utils/helpers/capitalize";var composablesMap={useInjectStrict:!0,useAos:!0,useBreakpoints:!0,useFormField:!0,useFormValidator:!0,useIdleTimeout:!0,useInstanceUniqId:!0,useReadingTime:!0,useStringMatching:!0,useSwipe:!0,useTimer:!0,useToast:!0,useUserVisibility:!0,useWait:!0,useWindowSize:!0,useDisplayNames:!0,useFreezeValue:!0,useDialog:!0,useMountComponent:!0,useDropzone:!0,useMutationObserver:!0,useMazIconProps:!0,useSidebar:!0};var modulesMap={capitalize:!0,getErrorMessage:!0,checkAvailability:!0,countryCodeToUnicodeFlag:!0,formatCurrency:!0,formatDate:!0,debounce:!0,isClient:!0,isServer:!0,normalizeString:!0,formatNumber:!0,sleep:!0,throttle:!0,truthyFilter:!0,IdleTimeout:!0,throttleId:!0,pascalCase:!0,camelCase:!0,isStandaloneMode:!0,debounceId:!0,getCountryFlagUrl:!0,isEqual:!0,debounceCallback:!0,ScriptLoader:!0,Swipe:!0,UserVisibility:!0,TextareaAutogrow:!0,kebabCase:!0,snakeCase:!0,upperFirst:!0,formatJson:!0};var useRegex=/^use/;function MazModulesResolver(options){return name=>{let{prefix=``}=options||{};if(modulesMap[name]===!0)return{from:`@maz-ui/utils`,name,as:`${prefix.toLowerCase()}${capitalize(name)}`};if(composablesMap[name]===!0)return{from:`maz-ui/composables`,name,as:`use${capitalize(prefix)}${name.replace(useRegex,``)}`}}}export{MazModulesResolver};
|
|
1
|
+
import{capitalize}from"@maz-ui/utils/helpers/capitalize";var composablesMap={useInjectStrict:!0,useAos:!0,useBreakpoints:!0,useFormField:!0,useFormValidator:!0,useIdleTimeout:!0,useInstanceUniqId:!0,useReadingTime:!0,useStringMatching:!0,useSwipe:!0,useTimer:!0,useToast:!0,useUserVisibility:!0,useWait:!0,useWindowSize:!0,useDisplayNames:!0,useFreezeValue:!0,useDialog:!0,useMountComponent:!0,useDropzone:!0,useMutationObserver:!0,useMazIconProps:!0,useSidebar:!0};var modulesMap={capitalize:!0,getErrorMessage:!0,checkAvailability:!0,getCookie:!0,setCookie:!0,deleteCookie:!0,countryCodeToUnicodeFlag:!0,formatCurrency:!0,formatDate:!0,debounce:!0,isClient:!0,isServer:!0,normalizeString:!0,formatNumber:!0,sleep:!0,throttle:!0,truthyFilter:!0,IdleTimeout:!0,throttleId:!0,pascalCase:!0,camelCase:!0,isStandaloneMode:!0,debounceId:!0,getCountryFlagUrl:!0,isEqual:!0,debounceCallback:!0,ScriptLoader:!0,Swipe:!0,UserVisibility:!0,TextareaAutogrow:!0,kebabCase:!0,snakeCase:!0,upperFirst:!0,formatJson:!0};var useRegex=/^use/;function MazModulesResolver(options){return name=>{let{prefix=``}=options||{};if(modulesMap[name]===!0)return{from:`@maz-ui/utils`,name,as:`${prefix.toLowerCase()}${capitalize(name)}`};if(composablesMap[name]===!0)return{from:`maz-ui/composables`,name,as:`use${capitalize(prefix)}${name.replace(useRegex,``)}`}}}export{MazModulesResolver};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "maz-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "5.0.0-beta.
|
|
4
|
+
"version": "5.0.0-beta.17",
|
|
5
5
|
"description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -186,10 +186,10 @@
|
|
|
186
186
|
"libphonenumber-js": "^1.13.0",
|
|
187
187
|
"valibot": "^1.4.0",
|
|
188
188
|
"@maz-ui/cli": "5.0.0-beta.11",
|
|
189
|
+
"@maz-ui/translations": "5.0.0-beta.17",
|
|
189
190
|
"@maz-ui/icons": "5.0.0-beta.11",
|
|
190
|
-
"@maz-ui/themes": "5.0.0-beta.
|
|
191
|
-
"@maz-ui/utils": "5.0.0-beta.
|
|
192
|
-
"@maz-ui/translations": "5.0.0-beta.11"
|
|
191
|
+
"@maz-ui/themes": "5.0.0-beta.17",
|
|
192
|
+
"@maz-ui/utils": "5.0.0-beta.17"
|
|
193
193
|
},
|
|
194
194
|
"devDependencies": {
|
|
195
195
|
"@tailwindcss/cli": "^4.3.0",
|
|
@@ -207,8 +207,8 @@
|
|
|
207
207
|
"unplugin-auto-import": "^21.0.0",
|
|
208
208
|
"unplugin-vue-components": "^32.0.0",
|
|
209
209
|
"vue-router": "^5.0.6",
|
|
210
|
-
"@maz-ui/eslint-config": "5.0.0-beta.11",
|
|
211
210
|
"@maz-ui/node": "5.0.0-beta.11",
|
|
211
|
+
"@maz-ui/eslint-config": "5.0.0-beta.11",
|
|
212
212
|
"@maz-ui/stylelint-config": "5.0.0-beta.11"
|
|
213
213
|
},
|
|
214
214
|
"lint-staged": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{computed,createBlock,createElementBlock,createElementVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,onMounted,openBlock,provide,ref,renderSlot,unref,useSSRContext,watch,withCtx}from"vue";import{isServer}from"@maz-ui/utils/helpers/isServer";import{getCookie,setCookie}from"@maz-ui/themes/utils/cookie-storage";var _hoisted_1=[`id`];var _hoisted_2=[`id`];var mazSidebarKey=Symbol(`MazSidebar`);var MazSidebar_default=defineComponent({__name:`MazSidebar`,props:{id:{},open:{type:Boolean,default:!0},side:{default:`start`},collapsible:{default:`offcanvas`},mode:{default:`push`},width:{default:`16rem`},iconWidth:{default:`3rem`},tooltipMode:{default:`closed`},persist:{type:Boolean,default:!0},persistKey:{default:`maz-sidebar-open`}},emits:[`update:open`],setup(__props,{expose:__expose,emit:__emit}){let emit=__emit;let MazBackdrop=defineAsyncComponent(()=>import(`../components/MazBackdrop.js`));function readPersistedOpen(){if(!__props.persist)return null;let cookieHeader;if(isServer())try{let ctx=useSSRContext();cookieHeader=ctx?.event?.node?.req?.headers?.cookie??ctx?.event?.headers?.get?.(`cookie`)??ctx?.req?.headers?.cookie??void 0}catch{}let raw=getCookie(__props.persistKey,cookieHeader);return raw===null?null:raw===`true`}let persistedInitial=readPersistedOpen();let internalOpen=ref(persistedInitial??__props.open);watch(()=>__props.open,v=>{internalOpen.value=v});let state=computed(()=>internalOpen.value?`expanded`:`collapsed`);function toggle(){setOpen(!internalOpen.value)}function setOpen(value){internalOpen.value=value,emit(`update:open`,value)}onMounted(()=>{persistedInitial!==null&&persistedInitial!==__props.open&&emit(`update:open`,persistedInitial)}),watch(internalOpen,value=>{__props.persist&&setCookie(__props.persistKey,String(value))});let uniqueId=useInstanceUniqId({componentName:`MazSidebar`,providedId:__props.id});provide(mazSidebarKey,{id:uniqueId,open:internalOpen,state,side:computed(()=>__props.side),collapsible:computed(()=>__props.collapsible),mode:computed(()=>__props.mode),tooltipMode:computed(()=>__props.tooltipMode),toggle,setOpen});let sidebarStyle=computed(()=>({"--maz-sidebar-width":__props.width,"--maz-sidebar-icon-width":__props.iconWidth}));let isOffcanvasCollapsed=computed(()=>__props.collapsible===`offcanvas`&&state.value===`collapsed`);let isIconCollapsed=computed(()=>__props.collapsible===`icon`&&state.value===`collapsed`);let pushWidthClass=computed(()=>__props.collapsible===`none`?`maz:w-(--maz-sidebar-width)`:isOffcanvasCollapsed.value?`maz:w-0`:isIconCollapsed.value?`maz:w-(--maz-sidebar-icon-width)`:`maz:w-(--maz-sidebar-width)`);let borderClass=computed(()=>__props.side===`start`?`maz:border-e maz:border-divider`:`maz:border-s maz:border-divider`);return __expose({toggle,setOpen}),(_ctx,_cache)=>__props.mode===`push`?(openBlock(),createElementBlock(`aside`,{key:0,id:unref(uniqueId),class:normalizeClass([`m-sidebar --push m-reset-css motion-reduce:maz:transition-none maz:relative maz:flex maz:h-full maz:shrink-0 maz:flex-col maz:overflow-hidden maz:bg-container maz:transition-[width,border-width] maz:duration-250 maz:ease-in-out`,[`--side-${__props.side}`,`--${state.value}`,`--collapsible-${__props.collapsible}`,pushWidthClass.value,!isOffcanvasCollapsed.value&&borderClass.value]]),style:normalizeStyle(sidebarStyle.value),"aria-label":`Sidebar`},[renderSlot(_ctx.$slots,`default`)],14,_hoisted_1)):(openBlock(),createBlock(unref(MazBackdrop),{key:1,"model-value":internalOpen.value,variant:`drawer`,justify:__props.side===`start`?`start`:`end`,"transition-name":`drawer-anim-${__props.side}`,"onUpdate:modelValue":setOpen},{default:withCtx(()=>[createElementVNode(`aside`,{id:unref(uniqueId),class:normalizeClass([`m-sidebar --overlay --expanded m-reset-css maz:pointer-events-auto maz:flex maz:min-h-screen maz:w-(--maz-sidebar-width) maz:flex-col maz:overflow-y-auto maz:bg-container`,[`--side-${__props.side}`,borderClass.value]]),style:normalizeStyle(sidebarStyle.value),"aria-label":`Sidebar`},[renderSlot(_ctx.$slots,`default`)],14,_hoisted_2)]),_:3},8,[`model-value`,`justify`,`transition-name`]))}});export{mazSidebarKey as n,MazSidebar_default as t};
|