maz-ui 5.0.0-beta.28 → 5.0.0-beta.29
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/assets/MazAnimatedElement.Cy2Wvbl1.css +2 -0
- package/dist/assets/MazAvatar.CYDHhfyP.css +2 -0
- package/dist/chunks/MazAnimatedElement.C5yNRQYK.js +1 -0
- package/dist/chunks/MazAvatar.BpX9nwQd.js +1 -0
- package/dist/chunks/MazContainer.DUmIYBil.js +1 -0
- package/dist/components/MazAnimatedElement.js +1 -1
- package/dist/components/MazAvatar.js +1 -1
- package/dist/components/MazAvatar.vue.d.ts +12 -4
- package/dist/components/MazContainer.js +1 -1
- package/dist/components/MazContainer.vue.d.ts +5 -0
- package/dist/components/index.js +1 -1
- package/package.json +5 -5
- package/dist/assets/MazAnimatedElement.1lYkOmS_.css +0 -2
- package/dist/assets/MazAvatar.1jpN1Ras.css +0 -2
- package/dist/chunks/MazAnimatedElement.D9XdRZWj.js +0 -1
- package/dist/chunks/MazAvatar.T4O44wFu.js +0 -1
- package/dist/chunks/MazContainer.C2Dk6Sv0.js +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.m-animated-element[data-v-984a1747]{will-change:transform, opacity, filter;transform:translateZ(0)}@keyframes slide-up-blur-984a1747{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-down-blur-984a1747{0%{opacity:0;filter:blur(10px);transform:translateY(-20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-left-blur-984a1747{0%{opacity:0;filter:blur(10px);transform:translate(20px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes slide-right-blur-984a1747{0%{opacity:0;filter:blur(10px);transform:translate(-20px)}to{opacity:1;filter:blur();transform:translate(0)}}.animate-slide-up-blur[data-v-984a1747]{animation:cubic-bezier(.16,1,.3,1) forwards slide-up-blur-984a1747}.animate-slide-down-blur[data-v-984a1747]{animation:cubic-bezier(.16,1,.3,1) forwards slide-down-blur-984a1747}.animate-slide-left-blur[data-v-984a1747]{animation:cubic-bezier(.16,1,.3,1) forwards slide-left-blur-984a1747}.animate-slide-right-blur[data-v-984a1747]{animation:cubic-bezier(.16,1,.3,1) forwards slide-right-blur-984a1747}.animate-slide-up-blur[data-v-984a1747],.animate-slide-down-blur[data-v-984a1747],.animate-slide-left-blur[data-v-984a1747],.animate-slide-right-blur[data-v-984a1747]{opacity:0}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.m-avatar__wrapper.--clickable .m-avatar__button[data-v-8a5b48e6]{transform:scale(0)}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-8a5b48e6],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-8a5b48e6]{filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-8a5b48e6],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-8a5b48e6]{opacity:1;transform:scale(1.05)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{computed,createElementBlock,defineComponent,nextTick,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderSlot}from"vue";import '../assets/MazAnimatedElement.Cy2Wvbl1.css';var MazAnimatedElement_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazAnimatedElement`,props:{direction:{default:`up`},delay:{default:0},duration:{default:2e3},once:{type:Boolean,default:!0}},setup(__props){let animatedClass=computed(()=>`animate-slide-${__props.direction}-blur`);let element=ref();let isAnimated=ref(!1);let observer=null;let animationFrameId=null;function triggerAnimation(){animationFrameId=requestAnimationFrame(()=>{element.value&&(element.value.classList.remove(`maz:invisible`),element.value.classList.add(animatedClass.value),isAnimated.value=!0)})}function resetAnimation(){element.value&&(element.value.classList.add(`maz:invisible`),element.value.classList.remove(animatedClass.value),isAnimated.value=!1)}let prefersReducedMotion=globalThis.window!==void 0&&typeof globalThis.matchMedia==`function`&&globalThis.matchMedia(`(prefers-reduced-motion: reduce)`).matches;return onMounted(()=>{if(prefersReducedMotion){element.value?.classList.remove(`maz:invisible`),isAnimated.value=!0;return}observer=new IntersectionObserver(([entry])=>{entry.isIntersecting&&!isAnimated.value?(nextTick(()=>{setTimeout(triggerAnimation,__props.delay)}),__props.once===!0&&observer?.unobserve(entry.target)):__props.once===!1&&!entry.isIntersecting&&resetAnimation()}),element.value&&observer.observe(element.value)}),onBeforeUnmount(()=>{observer?.disconnect(),animationFrameId&&cancelAnimationFrame(animationFrameId)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`element`,ref:element,class:`m-animated-element m-reset-css maz:invisible`,style:normalizeStyle({animationDuration:`${__props.duration}ms`})},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],4))}}),[[`__scopeId`,`data-v-984a1747`]]);export{MazAnimatedElement_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.Cbat3RFd.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,renderSlot,resolveDynamicComponent,toDisplayString,unref,withCtx}from"vue";import{MazPencil}from"@maz-ui/icons/lazy/MazPencil";import '../assets/MazAvatar.CYDHhfyP.css';var _hoisted_1=[`tabindex`];var _hoisted_2=[`src`,`alt`,`loading`];var _hoisted_3={class:`m-avatar__initial maz:text-[1.5em] maz:uppercase`};var _hoisted_4={key:0,class:`m-avatar__caption maz:w-full maz:truncate maz:text-center maz:font-medium maz:capitalize`};var WRAPPER_EM_SCALE=3;var MazAvatar_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazAvatar`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},src:{default:()=>void 0},caption:{default:()=>void 0},href:{default:()=>void 0},to:{default:()=>void 0},alt:{default:`avatar image`},target:{default:`_self`},size:{default:()=>void 0},bordered:{type:Boolean},clickable:{type:Boolean},square:{type:Boolean},noElevation:{type:Boolean},showCaption:{type:Boolean},imageHeightFull:{type:Boolean},hideLoader:{type:Boolean},buttonColor:{default:`info`},hideClickableIcon:{type:Boolean},letterCount:{default:2},roundedSize:{},fallbackSrc:{default:()=>void 0},loading:{default:`intersecting`},color:{default:`primary`}},emits:[`click`,`intersecting`,`loading`,`loaded`,`error`],setup(__props,{emit:__emit}){let emits=__emit;let{roundedSize}=useGlobalConfig(`MazAvatar`,{roundedSize:`md`});let MazLazyImg=defineAsyncComponent(()=>import(`../components/MazLazyImg.js`));let componentType=computed(()=>__props.to?resolveLinkComponent():__props.href?`a`:`div`);let isLink=computed(()=>!!__props.to||!!__props.href);function getInitials(name,count=__props.letterCount){let words=name.trim().split(/\s+/).filter(Boolean);return(words.length>1?words.map(word=>word[0]).join(``):words[0]??``).slice(0,count).toUpperCase()}let shouldDisplayImg=computed(()=>__props.src||!__props.src&&!__props.caption);function handleImageError(event){if(emits(`error`,event.target),__props.fallbackSrc&&event.target instanceof HTMLImageElement){let currentSrc=new URL(event.target.src);let fallbackSource=new URL(__props.fallbackSrc);if(currentSrc.href===fallbackSource.href)return;event.target.src=fallbackSource.href}}let hasInitial=computed(()=>!__props.src&&__props.caption);let ROUNDED_CLASS={none:`maz:rounded-none`,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};let SIZE_MAP={mini:`1.5rem`,xs:`2rem`,sm:`2.5rem`,md:`3rem`,lg:`3.5rem`,xl:`4rem`};let fontSize=computed(()=>{if(__props.size)return`calc(${SIZE_MAP[__props.size]??__props.size} / ${WRAPPER_EM_SCALE})`});return(_ctx,_cache)=>(openBlock(),createBlock(resolveDynamicComponent(componentType.value),{style:normalizeStyle([{fontSize:fontSize.value},__props.style]),class:normalizeClass([`m-avatar m-reset-css maz:inline-flex maz:flex-col maz:flex-center maz:gap-[0.5em] maz:align-top maz:no-underline!`,[{"--has-link":isLink.value,"maz:cursor-pointer":isLink.value},__props.class]]),href:__props.href,to:__props.to,target:isLink.value?__props.target:void 0},{default:withCtx(()=>[createElementVNode(`div`,{class:normalizeClass([`m-avatar__wrapper maz:relative maz:flex maz:size-[3em] maz:flex-none maz:justify-center maz:overflow-hidden`,[ROUNDED_CLASS[__props.square?`none`:unref(roundedSize)],`--rounded-${__props.square?`none`:unref(roundedSize)}`,{"--clickable":__props.clickable,"--has-shadow":!__props.noElevation,"--bordered":__props.bordered,"--has-initial":hasInitial.value,"maz:shadow-sm":!__props.noElevation,"maz:border maz:border-solid maz:border-divider":__props.bordered,"maz:items-center":hasInitial.value}]]),tabindex:__props.clickable?0:-1,style:normalizeStyle(hasInitial.value?{backgroundColor:`var(--maz-${__props.color})`,color:`var(--maz-${__props.color}-foreground)`}:void 0)},[shouldDisplayImg.value?(openBlock(),createElementBlock(Fragment,{key:0},[__props.loading===`intersecting`?(openBlock(),createBlock(unref(MazLazyImg),mergeProps({key:0},_ctx.$attrs,{class:`m-avatar__picture maz:w-full maz:max-w-full`,src:__props.src,alt:__props.alt,"image-height-full":``,"hide-loader":__props.hideLoader,"fallback-src":__props.fallbackSrc,onClick:_cache[0]||=$event=>__props.clickable?_ctx.$emit(`click`,$event):null,onError:_cache[1]||=$event=>_ctx.$emit(`error`,$event),onLoaded:_cache[2]||=$event=>_ctx.$emit(`loaded`,$event),onLoading:_cache[3]||=$event=>_ctx.$emit(`loading`,$event),onIntersecting:_cache[4]||=$event=>_ctx.$emit(`intersecting`,$event)}),null,16,[`src`,`alt`,`hide-loader`,`fallback-src`])):(openBlock(),createElementBlock(`img`,{key:1,class:`m-avatar__picture maz:w-full maz:max-w-full`,src:__props.src??__props.fallbackSrc,alt:__props.alt,loading:__props.loading,onError:handleImageError},null,40,_hoisted_2))],64)):createCommentVNode(``,!0),__props.caption&&!__props.src?renderSlot(_ctx.$slots,`round-text`,{key:1},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(getInitials(__props.caption)),1)],!0):createCommentVNode(``,!0),__props.clickable?(openBlock(),createElementBlock(`button`,{key:2,type:`button`,tabindex:`-1`,class:normalizeClass([`m-avatar__button maz:absolute maz:inset-0 maz:flex maz:w-full maz:cursor-pointer maz:flex-center maz:border-none maz:bg-transparent maz:opacity-0 maz:transition-all maz:duration-200`,ROUNDED_CLASS[__props.square?`none`:unref(roundedSize)]]),style:normalizeStyle({backgroundColor:__props.src?`color-mix(in srgb, var(--maz-${__props.buttonColor}) 60%, transparent)`:`var(--maz-${__props.buttonColor})`}),onClick:_cache[5]||=$event=>_ctx.$emit(`click`,$event)},[__props.hideClickableIcon?createCommentVNode(``,!0):renderSlot(_ctx.$slots,`icon`,{key:0},()=>[createVNode(unref(MazPencil),{class:`m-avatar__button__icon maz:text-white`})],!0)],6)):createCommentVNode(``,!0)],14,_hoisted_1),renderSlot(_ctx.$slots,`caption`,{},()=>[__props.showCaption&&__props.caption?(openBlock(),createElementBlock(`p`,_hoisted_4,toDisplayString(__props.caption),1)):createCommentVNode(``,!0)],!0)]),_:3},8,[`style`,`class`,`href`,`to`,`target`]))}}),[[`__scopeId`,`data-v-8a5b48e6`]]);export{MazAvatar_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as hasSlotContent}from"./hasSlotContent.rEQOMGV4.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeProps,openBlock,renderSlot,toDisplayString,unref}from"vue";var MazContainer_default=defineComponent({__name:`MazContainer`,props:{title:{default:()=>void 0},elevation:{type:Boolean},padding:{type:Boolean},bordered:{type:Boolean},roundedSize:{},transparent:{type:Boolean},overflowHidden:{type:Boolean},startIcon:{type:[String,Function,Object]},endIcon:{type:[String,Function,Object]},iconSize:{default:`md`},block:{type:Boolean,default:!1},contentClass:{}},setup(__props){let{elevation,padding,bordered,roundedSize,transparent,overflowHidden}=useGlobalConfig(`MazContainer`,{elevation:!1,padding:!0,bordered:!0,roundedSize:`md`,transparent:!1,overflowHidden:!0});let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let{iconProps:startIconProps}=useMazIconProps(()=>__props.startIcon,()=>({size:__props.iconSize}));let{iconProps:endIconProps}=useMazIconProps(()=>__props.endIcon,()=>({size:__props.iconSize}));let ROUNDED_CLASS={none:``,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-container m-reset-css maz:relative maz:inline-flex maz:flex-col`,[ROUNDED_CLASS[unref(roundedSize)],unref(roundedSize)&&`--rounded-${unref(roundedSize)}`,{"--elevation":unref(elevation),"--padding":unref(padding),"--bordered":unref(bordered),"--transparent":unref(transparent),"--overflow-hidden":unref(overflowHidden),"--block":__props.block,"maz:overflow-hidden":unref(overflowHidden),"maz:w-full":__props.block,"maz:bg-container":!unref(transparent),"maz:shadow-elevation maz:drop-shadow-md":unref(elevation),"maz:border maz:border-divider":unref(bordered)}]])},[renderSlot(_ctx.$slots,`header`,{},()=>[__props.title||unref(hasSlotContent)(_ctx.$slots.title)?(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`m-container__header maz:flex maz:w-full maz:items-center maz:justify-start maz:gap-2`,{"maz:px-4 maz:py-3":unref(padding),"maz:border-b maz:border-divider":unref(bordered)}])},[renderSlot(_ctx.$slots,`icon-start`,{},()=>[unref(startIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(startIconProps))),null,16)):createCommentVNode(``,!0)]),renderSlot(_ctx.$slots,`title`,{},()=>[createTextVNode(toDisplayString(__props.title),1)]),renderSlot(_ctx.$slots,`icon-end`,{},()=>[unref(endIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(endIconProps))),null,16)):createCommentVNode(``,!0)])],2)):createCommentVNode(``,!0)]),createElementVNode(`div`,{class:normalizeClass([`m-container__content maz:w-full`,[{"maz:px-4 maz:py-3":unref(padding)},__props.contentClass]])},[renderSlot(_ctx.$slots,`default`)],2)],2))}});export{MazContainer_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement.
|
|
1
|
+
import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement.C5yNRQYK.js";export{MazAnimatedElement_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazAvatar_default}from"../chunks/MazAvatar.
|
|
1
|
+
import{t as MazAvatar_default}from"../chunks/MazAvatar.BpX9nwQd.js";export{MazAvatar_default as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'vue';
|
|
2
|
-
import { MazColor, MazRoundedSize, MazSizeUnit } from './types';
|
|
2
|
+
import { MazColor, MazRoundedSize, MazSize, MazSizeUnit } from './types';
|
|
3
3
|
export interface MazAvatarProps {
|
|
4
4
|
/** The style of the component */
|
|
5
5
|
style?: HTMLAttributes['style'];
|
|
@@ -17,8 +17,11 @@ export interface MazAvatarProps {
|
|
|
17
17
|
alt?: string;
|
|
18
18
|
/** The target of the link */
|
|
19
19
|
target?: string;
|
|
20
|
-
/**
|
|
21
|
-
|
|
20
|
+
/**
|
|
21
|
+
* The size of the avatar - a keyword from `MazSize` or any CSS size unit
|
|
22
|
+
* @values `'mini' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'` or a CSS unit like `'2rem'`, `'48px'`
|
|
23
|
+
*/
|
|
24
|
+
size?: MazSize | MazSizeUnit;
|
|
22
25
|
/** Add a border to the avatar */
|
|
23
26
|
bordered?: boolean;
|
|
24
27
|
/** Make the avatar clickable */
|
|
@@ -40,7 +43,12 @@ export interface MazAvatarProps {
|
|
|
40
43
|
buttonColor?: MazColor;
|
|
41
44
|
/** Remove the icon on hover when component is clickable */
|
|
42
45
|
hideClickableIcon?: boolean;
|
|
43
|
-
/**
|
|
46
|
+
/**
|
|
47
|
+
* Number of letters to display in the round text initials.
|
|
48
|
+
* - For a single-word caption, the first `letterCount` characters are used (`'admin'` + `3` -> `'ADM'`).
|
|
49
|
+
* - For a multi-word caption, the first letter of the first `letterCount` words is used (`'Louis Mazel'` -> `'LM'`).
|
|
50
|
+
* @default 2
|
|
51
|
+
*/
|
|
44
52
|
letterCount?: number;
|
|
45
53
|
/**
|
|
46
54
|
* Size of the rounded
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazContainer_default}from"../chunks/MazContainer.
|
|
1
|
+
import{t as MazContainer_default}from"../chunks/MazContainer.DUmIYBil.js";export{MazContainer_default as default};
|
|
@@ -60,6 +60,11 @@ export interface MazContainerProps {
|
|
|
60
60
|
* @default false
|
|
61
61
|
*/
|
|
62
62
|
block?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Additional class to add to the content wrapper
|
|
65
|
+
* @default undefined
|
|
66
|
+
*/
|
|
67
|
+
contentClass?: string;
|
|
63
68
|
}
|
|
64
69
|
declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_19: {};
|
|
65
70
|
type __VLS_Slots = {} & {
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazPopover_default}from"../chunks/MazPopover.ClEt7yBl.js";import{t as MazWindowMockup_default}from"../chunks/MazWindowMockup.CDE8xxey.js";import{t as MazUiProvider_default}from"../chunks/MazUiProvider.YBDFRmEY.js";import{n as mazSidebarKey,t as MazSidebar_default}from"../chunks/MazSidebar.BulyDACn.js";import{t as MazTimeline_default}from"../chunks/MazTimeline.B_3DWkmn.js";import{t as MazTicker_default}from"../chunks/MazTicker.PRBHC5D4.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.-yf7kcEl.js";import{t as MazTabsContentItem_default}from"../chunks/MazTabsContentItem.CMmd6V-1.js";import{t as MazTabsContent_default}from"../chunks/MazTabsContent.CVEKkYv9.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.CCnXoaZg.js";import{t as MazTabs_default}from"../chunks/MazTabs.DUBq-QzG.js";import{t as MazIcon_default}from"../chunks/MazIcon.CblJ-8Iu.js";import{t as MazTable_default}from"../chunks/MazTable.DyMoS2Gm.js";import{t as MazTableTitle_default}from"../chunks/MazTableTitle.9l_upktE.js";import{t as MazTableRow_default}from"../chunks/MazTableRow.BXIXL0yV.js";import{t as MazTableCell_default}from"../chunks/MazTableCell.DNP_LZnR.js";import{t as MazSwitch_default}from"../chunks/MazSwitch.CuyojUBj.js";import{t as MazStepper_default}from"../chunks/MazStepper.DOvk4K1V.js";import{t as MazSpinner_default}from"../chunks/MazSpinner.BvOWQwI6.js";import{t as MazSlider_default}from"../chunks/MazSlider.Ckx-cbq4.js";import{t as MazSkeleton_default}from"../chunks/MazSkeleton.CDEdF3uV.js";import{t as MazSidebarTrigger_default}from"../chunks/MazSidebarTrigger.C_n--TNi.js";import{t as MazSidebarSeparator_default}from"../chunks/MazSidebarSeparator.xjXYCImo.js";import{t as MazSidebarMenuSub_default}from"../chunks/MazSidebarMenuSub.1Jfu6Y7b.js";import{t as MazSidebarMenuItem_default}from"../chunks/MazSidebarMenuItem.gRkTO9xQ.js";import{t as MazSidebarMenuButton_default}from"../chunks/MazSidebarMenuButton.BnKtGZiV.js";import{t as MazSidebarMenu_default}from"../chunks/MazSidebarMenu.DFRNsBdn.js";import{t as MazSidebarHeader_default}from"../chunks/MazSidebarHeader.6hDBNobn.js";import{t as MazSidebarGroup_default}from"../chunks/MazSidebarGroup.B5sFETII.js";import{t as MazSidebarFooter_default}from"../chunks/MazSidebarFooter.33E6R84z.js";import{t as MazSidebarContent_default}from"../chunks/MazSidebarContent.BdTmGLrP.js";import{t as MazInput_default}from"../chunks/MazInput.CfAgOEV4.js";import{t as MazSelect_default}from"../chunks/MazSelect.BNH6VSkd.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.0tY5nuJJ.js";import{t as MazReadingProgressBar_default}from"../chunks/MazReadingProgressBar.BH9Yu_Qj.js";import{t as MazLink_default}from"../chunks/MazLink.CemC1AR_.js";import{t as MazReadMore_default}from"../chunks/MazReadMore.CxrT7jez.js";import{t as MazRadioButtons_default}from"../chunks/MazRadioButtons.D-LDS_9l.js";import{t as MazRadio_default}from"../chunks/MazRadio._e2IxB4p.js";import{t as MazPullToRefresh_default}from"../chunks/MazPullToRefresh.B4Qk9C_7.js";import{t as MazBtn_default}from"../chunks/MazBtn.C7LV-iX2.js";import{t as MazPagination_default}from"../chunks/MazPagination.BLRDXXMX.js";import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.DQPVMzrc.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.D-KqWLC2.js";import{t as MazMarkdownEditor_default}from"../chunks/MazMarkdownEditor.D0xmUyXA.js";import{t as MazLoadingBar_default}from"../chunks/MazLoadingBar.E4257kYk.js";import{t as MazLazyImg_default}from"../chunks/MazLazyImg.B0_EecUo.js";import{t as MazInputTags_default}from"../chunks/MazInputTags.q6xAKrH_.js";import{t as MazInputPrice_default}from"../chunks/MazInputPrice.BfHnR4OF.js";import{t as MazInputPhoneNumber_default}from"../chunks/MazInputPhoneNumber.D2t1K_r7.js";import{t as MazInputNumber_default}from"../chunks/MazInputNumber.DV2AhSCG.js";import{t as MazInputCode_default}from"../chunks/MazInputCode.cxaSfwc-.js";import{t as MazGallery_default}from"../chunks/MazGallery.Dln1pMxz.js";import{t as MazFullscreenLoader_default}from"../chunks/MazFullscreenLoader.DehRHfTr.js";import{t as MazExpandAnimation_default}from"../chunks/MazExpandAnimation.D6ftohlp.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.BanbsoiJ.js";import{t as MazBackdrop_default}from"../chunks/MazBackdrop.DfqSzNiW.js";import{t as MazDrawer_default}from"../chunks/MazDrawer.4ZjwgXfV.js";import{t as MazDialog_default}from"../chunks/MazDialog.DdbzVWys.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"../chunks/MazDialogConfirm.FHmw1fnY.js";import{t as MazDatePicker_default}from"../chunks/MazDatePicker.DXQVLXHT.js";import{t as MazContainer_default}from"../chunks/MazContainer.
|
|
1
|
+
import{t as MazPopover_default}from"../chunks/MazPopover.ClEt7yBl.js";import{t as MazWindowMockup_default}from"../chunks/MazWindowMockup.CDE8xxey.js";import{t as MazUiProvider_default}from"../chunks/MazUiProvider.YBDFRmEY.js";import{n as mazSidebarKey,t as MazSidebar_default}from"../chunks/MazSidebar.BulyDACn.js";import{t as MazTimeline_default}from"../chunks/MazTimeline.B_3DWkmn.js";import{t as MazTicker_default}from"../chunks/MazTicker.PRBHC5D4.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.-yf7kcEl.js";import{t as MazTabsContentItem_default}from"../chunks/MazTabsContentItem.CMmd6V-1.js";import{t as MazTabsContent_default}from"../chunks/MazTabsContent.CVEKkYv9.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.CCnXoaZg.js";import{t as MazTabs_default}from"../chunks/MazTabs.DUBq-QzG.js";import{t as MazIcon_default}from"../chunks/MazIcon.CblJ-8Iu.js";import{t as MazTable_default}from"../chunks/MazTable.DyMoS2Gm.js";import{t as MazTableTitle_default}from"../chunks/MazTableTitle.9l_upktE.js";import{t as MazTableRow_default}from"../chunks/MazTableRow.BXIXL0yV.js";import{t as MazTableCell_default}from"../chunks/MazTableCell.DNP_LZnR.js";import{t as MazSwitch_default}from"../chunks/MazSwitch.CuyojUBj.js";import{t as MazStepper_default}from"../chunks/MazStepper.DOvk4K1V.js";import{t as MazSpinner_default}from"../chunks/MazSpinner.BvOWQwI6.js";import{t as MazSlider_default}from"../chunks/MazSlider.Ckx-cbq4.js";import{t as MazSkeleton_default}from"../chunks/MazSkeleton.CDEdF3uV.js";import{t as MazSidebarTrigger_default}from"../chunks/MazSidebarTrigger.C_n--TNi.js";import{t as MazSidebarSeparator_default}from"../chunks/MazSidebarSeparator.xjXYCImo.js";import{t as MazSidebarMenuSub_default}from"../chunks/MazSidebarMenuSub.1Jfu6Y7b.js";import{t as MazSidebarMenuItem_default}from"../chunks/MazSidebarMenuItem.gRkTO9xQ.js";import{t as MazSidebarMenuButton_default}from"../chunks/MazSidebarMenuButton.BnKtGZiV.js";import{t as MazSidebarMenu_default}from"../chunks/MazSidebarMenu.DFRNsBdn.js";import{t as MazSidebarHeader_default}from"../chunks/MazSidebarHeader.6hDBNobn.js";import{t as MazSidebarGroup_default}from"../chunks/MazSidebarGroup.B5sFETII.js";import{t as MazSidebarFooter_default}from"../chunks/MazSidebarFooter.33E6R84z.js";import{t as MazSidebarContent_default}from"../chunks/MazSidebarContent.BdTmGLrP.js";import{t as MazInput_default}from"../chunks/MazInput.CfAgOEV4.js";import{t as MazSelect_default}from"../chunks/MazSelect.BNH6VSkd.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.0tY5nuJJ.js";import{t as MazReadingProgressBar_default}from"../chunks/MazReadingProgressBar.BH9Yu_Qj.js";import{t as MazLink_default}from"../chunks/MazLink.CemC1AR_.js";import{t as MazReadMore_default}from"../chunks/MazReadMore.CxrT7jez.js";import{t as MazRadioButtons_default}from"../chunks/MazRadioButtons.D-LDS_9l.js";import{t as MazRadio_default}from"../chunks/MazRadio._e2IxB4p.js";import{t as MazPullToRefresh_default}from"../chunks/MazPullToRefresh.B4Qk9C_7.js";import{t as MazBtn_default}from"../chunks/MazBtn.C7LV-iX2.js";import{t as MazPagination_default}from"../chunks/MazPagination.BLRDXXMX.js";import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.DQPVMzrc.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.D-KqWLC2.js";import{t as MazMarkdownEditor_default}from"../chunks/MazMarkdownEditor.D0xmUyXA.js";import{t as MazLoadingBar_default}from"../chunks/MazLoadingBar.E4257kYk.js";import{t as MazLazyImg_default}from"../chunks/MazLazyImg.B0_EecUo.js";import{t as MazInputTags_default}from"../chunks/MazInputTags.q6xAKrH_.js";import{t as MazInputPrice_default}from"../chunks/MazInputPrice.BfHnR4OF.js";import{t as MazInputPhoneNumber_default}from"../chunks/MazInputPhoneNumber.D2t1K_r7.js";import{t as MazInputNumber_default}from"../chunks/MazInputNumber.DV2AhSCG.js";import{t as MazInputCode_default}from"../chunks/MazInputCode.cxaSfwc-.js";import{t as MazGallery_default}from"../chunks/MazGallery.Dln1pMxz.js";import{t as MazFullscreenLoader_default}from"../chunks/MazFullscreenLoader.DehRHfTr.js";import{t as MazExpandAnimation_default}from"../chunks/MazExpandAnimation.D6ftohlp.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.BanbsoiJ.js";import{t as MazBackdrop_default}from"../chunks/MazBackdrop.DfqSzNiW.js";import{t as MazDrawer_default}from"../chunks/MazDrawer.4ZjwgXfV.js";import{t as MazDialog_default}from"../chunks/MazDialog.DdbzVWys.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"../chunks/MazDialogConfirm.FHmw1fnY.js";import{t as MazDatePicker_default}from"../chunks/MazDatePicker.DXQVLXHT.js";import{t as MazContainer_default}from"../chunks/MazContainer.DUmIYBil.js";import{t as MazCodeHighlight_default}from"../chunks/MazCodeHighlight.DdOWcO1L.js";import{t as MazCircularProgressBar_default}from"../chunks/MazCircularProgressBar.ECvJYXG9.js";import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.-ciu7Z_G.js";import{t as MazCheckbox_default}from"../chunks/MazCheckbox.B-1h7RWD.js";import{t as MazChecklist_default}from"../chunks/MazChecklist.Cn_k6AHg.js";import{t as MazChart_default}from"../chunks/MazChart.DkIIa41T.js";import{t as MazCarousel_default}from"../chunks/MazCarousel.B63aV7pT.js";import{t as MazCard_default}from"../chunks/MazCard.D16L1S87.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.D1BeBFNK.js";import{t as MazBadge_default}from"../chunks/MazBadge.G9hi-6Ps.js";import{t as MazAvatar_default}from"../chunks/MazAvatar.BpX9nwQd.js";import{t as MazAnimatedText_default}from"../chunks/MazAnimatedText.B7cNm4ss.js";import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement.C5yNRQYK.js";import{t as MazAnimatedCounter_default}from"../chunks/MazAnimatedCounter.BejzeMiX.js";import{t as MazAlert_default}from"../chunks/MazAlert.CI0NbMYT.js";import{t as MazAccordion_default}from"../chunks/MazAccordion.CAUGG4-A.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,MazMarkdownEditor_default as MazMarkdownEditor,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};
|
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.29",
|
|
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.6",
|
|
187
187
|
"valibot": "^1.4.0",
|
|
188
188
|
"@maz-ui/cli": "5.0.0-beta.28",
|
|
189
|
-
"@maz-ui/translations": "5.0.0-beta.28",
|
|
190
|
-
"@maz-ui/themes": "5.0.0-beta.28",
|
|
191
189
|
"@maz-ui/utils": "5.0.0-beta.28",
|
|
192
|
-
"@maz-ui/icons": "5.0.0-beta.25"
|
|
190
|
+
"@maz-ui/icons": "5.0.0-beta.25",
|
|
191
|
+
"@maz-ui/translations": "5.0.0-beta.28",
|
|
192
|
+
"@maz-ui/themes": "5.0.0-beta.28"
|
|
193
193
|
},
|
|
194
194
|
"devDependencies": {
|
|
195
195
|
"@tailwindcss/cli": "^4.3.0",
|
|
@@ -209,9 +209,9 @@
|
|
|
209
209
|
"unplugin-auto-import": "^21.0.0",
|
|
210
210
|
"unplugin-vue-components": "^32.0.0",
|
|
211
211
|
"vue-router": "^5.0.7",
|
|
212
|
-
"@maz-ui/node": "5.0.0-beta.26",
|
|
213
212
|
"@maz-ui/eslint-config": "5.0.0-beta.28",
|
|
214
213
|
"@maz-ui/stylelint-config": "5.0.0-beta.28",
|
|
214
|
+
"@maz-ui/node": "5.0.0-beta.26",
|
|
215
215
|
"@maz-ui/vite-config": "0.0.0"
|
|
216
216
|
},
|
|
217
217
|
"lint-staged": {
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.m-animated-element[data-v-dc271a62]{will-change:transform, opacity, filter;transform:translateZ(0)}@keyframes slide-up-blur-dc271a62{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-down-blur-dc271a62{0%{opacity:0;filter:blur(10px);transform:translateY(-20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slide-left-blur-dc271a62{0%{opacity:0;filter:blur(10px);transform:translate(20px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes slide-right-blur-dc271a62{0%{opacity:0;filter:blur(10px);transform:translate(-20px)}to{opacity:1;filter:blur();transform:translate(0)}}.animate-slide-up-blur[data-v-dc271a62]{animation:cubic-bezier(.16,1,.3,1) forwards slide-up-blur-dc271a62}.animate-slide-down-blur[data-v-dc271a62]{animation:cubic-bezier(.16,1,.3,1) forwards slide-down-blur-dc271a62}.animate-slide-left-blur[data-v-dc271a62]{animation:cubic-bezier(.16,1,.3,1) forwards slide-left-blur-dc271a62}.animate-slide-right-blur[data-v-dc271a62]{animation:cubic-bezier(.16,1,.3,1) forwards slide-right-blur-dc271a62}.animate-slide-up-blur[data-v-dc271a62],.animate-slide-down-blur[data-v-dc271a62],.animate-slide-left-blur[data-v-dc271a62],.animate-slide-right-blur[data-v-dc271a62]{opacity:0}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.m-avatar__wrapper.--clickable .m-avatar__button[data-v-5603e9b6]{transform:scale(0)}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-5603e9b6],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-5603e9b6]{filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-5603e9b6],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-5603e9b6]{opacity:1;transform:scale(1.05)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{computed,createElementBlock,defineComponent,nextTick,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderSlot}from"vue";import '../assets/MazAnimatedElement.1lYkOmS_.css';var MazAnimatedElement_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazAnimatedElement`,props:{direction:{default:`up`},delay:{default:0},duration:{default:2e3},once:{type:Boolean,default:!0}},setup(__props){let animatedClass=computed(()=>`animate-slide-${__props.direction}-blur`);let element=ref();let isAnimated=ref(!1);let observer=null;let animationFrameId=null;function triggerAnimation(){animationFrameId=requestAnimationFrame(()=>{element.value&&(element.value.classList.remove(`maz:invisible`),element.value.classList.add(animatedClass.value),isAnimated.value=!0)})}function resetAnimation(){element.value&&(element.value.classList.add(`maz:invisible`),element.value.classList.remove(animatedClass.value),isAnimated.value=!1)}return onMounted(()=>{observer=new IntersectionObserver(([entry])=>{entry.isIntersecting&&!isAnimated.value?(nextTick(()=>{setTimeout(triggerAnimation,__props.delay)}),__props.once===!0&&observer?.unobserve(entry.target)):__props.once===!1&&!entry.isIntersecting&&resetAnimation()}),element.value&&observer.observe(element.value)}),onBeforeUnmount(()=>{observer?.disconnect(),animationFrameId&&cancelAnimationFrame(animationFrameId)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`element`,ref:element,class:`m-animated-element m-reset-css maz:invisible`,style:normalizeStyle({animationDuration:`${__props.duration}ms`})},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],4))}}),[[`__scopeId`,`data-v-dc271a62`]]);export{MazAnimatedElement_default as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.zP_plvmB.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.Cbat3RFd.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,renderSlot,resolveDynamicComponent,toDisplayString,unref,withCtx}from"vue";import{MazPencil}from"@maz-ui/icons/lazy/MazPencil";import '../assets/MazAvatar.1jpN1Ras.css';var _hoisted_1=[`tabindex`];var _hoisted_2=[`src`,`alt`,`loading`];var _hoisted_3={class:`m-avatar__initial maz:text-[1.5em] maz:capitalize`};var _hoisted_4={key:0,class:`m-avatar__caption maz:w-full maz:truncate maz:text-center maz:font-medium maz:capitalize`};var MazAvatar_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazAvatar`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},src:{default:()=>void 0},caption:{default:()=>void 0},href:{default:()=>void 0},to:{default:()=>void 0},alt:{default:`avatar image`},target:{default:`_self`},size:{default:()=>void 0},bordered:{type:Boolean},clickable:{type:Boolean},square:{type:Boolean},noElevation:{type:Boolean},showCaption:{type:Boolean},imageHeightFull:{type:Boolean},hideLoader:{type:Boolean},buttonColor:{default:`info`},hideClickableIcon:{type:Boolean},letterCount:{default:()=>void 0},roundedSize:{},fallbackSrc:{default:()=>void 0},loading:{default:`intersecting`},color:{default:`primary`}},emits:[`click`,`intersecting`,`loading`,`loaded`,`error`],setup(__props,{emit:__emit}){let emits=__emit;let{roundedSize}=useGlobalConfig(`MazAvatar`,{roundedSize:`md`});let MazLazyImg=defineAsyncComponent(()=>import(`../components/MazLazyImg.js`));let componentType=computed(()=>__props.to?resolveLinkComponent():__props.href?`a`:`div`);let isLink=computed(()=>!!__props.to||!!__props.href);function getInitials(name,lettersCount=__props.letterCount){return name.split(` `).map(word=>word[0]).join(``).slice(0,lettersCount)}let shouldDisplayImg=computed(()=>__props.src||!__props.src&&!__props.caption);function handleImageError(event){if(emits(`error`,event.target),__props.fallbackSrc&&event.target instanceof HTMLImageElement){let currentSrc=new URL(event.target.src);let fallbackSource=new URL(__props.fallbackSrc);if(currentSrc.href===fallbackSource.href)return;event.target.src=fallbackSource.href}}let hasInitial=computed(()=>!__props.src&&__props.caption);let ROUNDED_CLASS={none:`maz:rounded-none`,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};return(_ctx,_cache)=>(openBlock(),createBlock(resolveDynamicComponent(componentType.value),{style:normalizeStyle([{fontSize:__props.size},__props.style]),class:normalizeClass([`m-avatar m-reset-css maz:inline-flex maz:flex-col maz:flex-center maz:gap-[0.5em] maz:align-top maz:no-underline!`,[{"--has-link":isLink.value,"maz:cursor-pointer":isLink.value},__props.class]]),href:__props.href,to:__props.to,target:isLink.value?__props.target:void 0},{default:withCtx(()=>[createElementVNode(`div`,{class:normalizeClass([`m-avatar__wrapper maz:relative maz:flex maz:size-[3em] maz:flex-none maz:justify-center maz:overflow-hidden`,[ROUNDED_CLASS[__props.square?`none`:unref(roundedSize)],`--rounded-${__props.square?`none`:unref(roundedSize)}`,{"--clickable":__props.clickable,"--has-shadow":!__props.noElevation,"--bordered":__props.bordered,"--has-initial":hasInitial.value,"maz:shadow-sm":!__props.noElevation,"maz:border maz:border-solid maz:border-divider":__props.bordered,"maz:items-center":hasInitial.value}]]),tabindex:__props.clickable?0:-1,style:normalizeStyle(hasInitial.value?{backgroundColor:`var(--maz-${__props.color})`,color:`var(--maz-${__props.color}-foreground)`}:void 0)},[shouldDisplayImg.value?(openBlock(),createElementBlock(Fragment,{key:0},[__props.loading===`intersecting`?(openBlock(),createBlock(unref(MazLazyImg),mergeProps({key:0},_ctx.$attrs,{class:`m-avatar__picture maz:w-full maz:max-w-full`,src:__props.src,alt:__props.alt,"image-height-full":``,"hide-loader":__props.hideLoader,"fallback-src":__props.fallbackSrc,onClick:_cache[0]||=$event=>__props.clickable?_ctx.$emit(`click`,$event):null,onError:_cache[1]||=$event=>_ctx.$emit(`error`,$event),onLoaded:_cache[2]||=$event=>_ctx.$emit(`loaded`,$event),onLoading:_cache[3]||=$event=>_ctx.$emit(`loading`,$event),onIntersecting:_cache[4]||=$event=>_ctx.$emit(`intersecting`,$event)}),null,16,[`src`,`alt`,`hide-loader`,`fallback-src`])):(openBlock(),createElementBlock(`img`,{key:1,class:`m-avatar__picture maz:w-full maz:max-w-full`,src:__props.src??__props.fallbackSrc,alt:__props.alt,loading:__props.loading,onError:handleImageError},null,40,_hoisted_2))],64)):createCommentVNode(``,!0),__props.caption&&!__props.src?renderSlot(_ctx.$slots,`round-text`,{key:1},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(getInitials(__props.caption)),1)],!0):createCommentVNode(``,!0),__props.clickable?(openBlock(),createElementBlock(`button`,{key:2,type:`button`,tabindex:`-1`,class:normalizeClass([`m-avatar__button maz:absolute maz:inset-0 maz:flex maz:w-full maz:cursor-pointer maz:flex-center maz:border-none maz:bg-transparent maz:opacity-0 maz:transition-all maz:duration-200`,ROUNDED_CLASS[__props.square?`none`:unref(roundedSize)]]),style:normalizeStyle({backgroundColor:__props.src?`color-mix(in srgb, var(--maz-${__props.buttonColor}) 60%, transparent)`:`var(--maz-${__props.buttonColor})`}),onClick:_cache[5]||=$event=>_ctx.$emit(`click`,$event)},[__props.hideClickableIcon?createCommentVNode(``,!0):renderSlot(_ctx.$slots,`icon`,{key:0},()=>[createVNode(unref(MazPencil),{class:`m-avatar__button__icon maz:text-white`})],!0)],6)):createCommentVNode(``,!0)],14,_hoisted_1),renderSlot(_ctx.$slots,`caption`,{},()=>[__props.showCaption&&__props.caption?(openBlock(),createElementBlock(`p`,_hoisted_4,toDisplayString(__props.caption),1)):createCommentVNode(``,!0)],!0)]),_:3},8,[`style`,`class`,`href`,`to`,`target`]))}}),[[`__scopeId`,`data-v-5603e9b6`]]);export{MazAvatar_default as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as hasSlotContent}from"./hasSlotContent.rEQOMGV4.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{useGlobalConfig}from"../composables/useGlobalConfig.js";import{createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeProps,openBlock,renderSlot,toDisplayString,unref}from"vue";var MazContainer_default=defineComponent({__name:`MazContainer`,props:{title:{default:()=>void 0},elevation:{type:Boolean},padding:{type:Boolean},bordered:{type:Boolean},roundedSize:{},transparent:{type:Boolean},overflowHidden:{type:Boolean},startIcon:{type:[String,Function,Object]},endIcon:{type:[String,Function,Object]},iconSize:{default:`md`},block:{type:Boolean,default:!1}},setup(__props){let{elevation,padding,bordered,roundedSize,transparent,overflowHidden}=useGlobalConfig(`MazContainer`,{elevation:!1,padding:!0,bordered:!0,roundedSize:`md`,transparent:!1,overflowHidden:!0});let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let{iconProps:startIconProps}=useMazIconProps(()=>__props.startIcon,()=>({size:__props.iconSize}));let{iconProps:endIconProps}=useMazIconProps(()=>__props.endIcon,()=>({size:__props.iconSize}));let ROUNDED_CLASS={none:``,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-container m-reset-css maz:relative maz:inline-flex maz:flex-col`,[ROUNDED_CLASS[unref(roundedSize)],unref(roundedSize)&&`--rounded-${unref(roundedSize)}`,{"--elevation":unref(elevation),"--padding":unref(padding),"--bordered":unref(bordered),"--transparent":unref(transparent),"--overflow-hidden":unref(overflowHidden),"--block":__props.block,"maz:overflow-hidden":unref(overflowHidden),"maz:w-full":__props.block,"maz:bg-container":!unref(transparent),"maz:shadow-elevation maz:drop-shadow-md":unref(elevation),"maz:border maz:border-divider":unref(bordered)}]])},[renderSlot(_ctx.$slots,`header`,{},()=>[__props.title||unref(hasSlotContent)(_ctx.$slots.title)?(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`m-container__header maz:flex maz:w-full maz:items-center maz:justify-start maz:gap-2`,{"maz:px-4 maz:py-3":unref(padding),"maz:border-b maz:border-divider":unref(bordered)}])},[renderSlot(_ctx.$slots,`icon-start`,{},()=>[unref(startIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(startIconProps))),null,16)):createCommentVNode(``,!0)]),renderSlot(_ctx.$slots,`title`,{},()=>[createTextVNode(toDisplayString(__props.title),1)]),renderSlot(_ctx.$slots,`icon-end`,{},()=>[unref(endIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(endIconProps))),null,16)):createCommentVNode(``,!0)])],2)):createCommentVNode(``,!0)]),createElementVNode(`div`,{class:normalizeClass([`m-container__content maz:w-full`,{"maz:px-4 maz:py-3":unref(padding)}])},[renderSlot(_ctx.$slots,`default`)],2)],2))}});export{MazContainer_default as t};
|