maz-ui 5.0.0-beta.37 → 5.0.0-beta.39

package/dist/components/MazDatePicker/MazPickerTime.js

@@ -1 +1 @@
-import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"../../chunks/MazBtn.C7LV-iX2.js";import{_ as scrollToTarget,n as findNearestNumberInList}from"../../chunks/utils.CjLBQJki.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,defineComponent,nextTick,normalizeClass,normalizeStyle,onMounted,openBlock,ref,renderList,toDisplayString,watch,withCtx,withModifiers}from"vue";import dayjs from"dayjs/esm";import '../../assets/MazPickerTime.DjVO29NI.css';var _hoisted_1={class:`m-date-picker-time__column__items maz:flex maz:flex-col`};var MazPickerTime_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerTime`,props:{modelValue:{type:[String,Object],default:void 0},formatterOptions:{type:Object,required:!0},color:{type:String,required:!0},hasDate:{type:Boolean,required:!0},minuteInterval:{type:Number,required:!0},disabledHours:{type:Array,default:void 0},format:{type:String,required:!0},isHour12:{type:Boolean,required:!0},minDate:{type:String,default:void 0},maxDate:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDate=computed({get:()=>props.modelValue,set:value=>{emits(`update:model-value`,value)}});let hours=computed(()=>Array.from({length:props.isHour12?12:24},(_v,i)=>i).map(hour=>{let hourBase=hour+ +!!props.isHour12;let hour12or24=getHour12or24(hourBase);let hourValue=dayjs(currentDate.value).set(`hour`,hour12or24);let isDisabled=isDisableHour(hour12or24)||(props.minDate&&currentDate.value?dayjs(props.minDate).isAfter(hourValue,`hour`):!1)||(props.maxDate&&currentDate.value?dayjs(props.maxDate).isBefore(hourValue,`hour`):!1);return{label:`${hourBase<10?`0`:``}${hourBase}`,value:dayjs(currentDate.value).set(`hour`,hour12or24),isDisabled}}));let minutes=computed(()=>{let length=Math.floor(60/props.minuteInterval)-0;return Array.from({length},(_v,i)=>i*props.minuteInterval).map(minute=>{let minuteValue=dayjs(currentDate.value).set(`minute`,minute);let isDisabled=(props.minDate&&currentDate.value?dayjs(props.minDate).isAfter(minuteValue,`minute`):!1)||(props.maxDate&&currentDate.value?dayjs(props.maxDate).isBefore(minuteValue,`minute`):!1);return{label:`${minute<10?`0`:``}${minute}`,value:minuteValue,isDisabled}})});let currentHour=computed(()=>typeof currentDate.value==`string`?findNearestHour(dayjs(currentDate.value).get(`hour`)):void 0);let currentMinute=computed(()=>typeof currentDate.value==`string`?findNearestNumberInList(minutes.value.map(({value})=>value.get(`minute`)),dayjs(currentDate.value).get(`minute`)):void 0);let currentAmpm=computed(()=>typeof currentHour.value==`number`?currentHour.value>=12?`pm`:`am`:void 0);let ampm=computed(()=>props.isHour12?[{label:`AM`,value:`am`},{label:`PM`,value:`pm`}]:[]);let columns=computed(()=>{let columns=[{identifier:`hour`,values:hours.value},{identifier:`minute`,values:minutes.value}];return props.isHour12&&columns.push({identifier:`ampm`,values:ampm.value}),columns});function findNearestHour(hour){if(!props.disabledHours)return hour;let nearHour=findNearestNumberInList(Array.from({length:24},(_v,i)=>i).filter(hour=>!props.disabledHours?.includes(hour)||!0),hour);return nearHour!==hour&&selectTime(`hour`,dayjs(currentDate.value).set(`hour`,nearHour)),nearHour}let MazDatePickerTime=ref();let spacerHeight=ref();function getHour12or24(hourValue){if(props.isHour12){let newValue=currentAmpm.value===`pm`?hourValue+12:hourValue;return newValue===12?0:newValue===24?12:newValue}else return hourValue}function setSpacerHeight(){if(!MazDatePickerTime.value)return;let itemHeight=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column .m-btn`)?.offsetHeight;spacerHeight.value=MazDatePickerTime.value.offsetHeight/2-itemHeight/2}onMounted(()=>{setSpacerHeight(),scrollColumns(!1)}),watch(()=>props.modelValue,async(value,oldValue)=>{value!==oldValue&&(await nextTick(),scrollColumns(!0))},{immediate:!0});function scrollColumns(hasSmoothEffect){scrollColumn(`hour`,hasSmoothEffect),scrollColumn(`minute`,hasSmoothEffect),props.isHour12&&scrollColumn(`ampm`,hasSmoothEffect)}function isDisableHour(value){return(props.disabledHours&&props.disabledHours.includes(value))??!1}function isSelected(identifier,value){return value===`am`||value===`pm`?currentAmpm.value===value:identifier===`hour`?currentHour.value===value.get(identifier):identifier===`minute`?currentMinute.value===value.get(identifier):!1}async function scrollColumn(identifier,hasSmoothEffect=!0){if(!MazDatePickerTime.value)return;let column=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier}`);let selectedButton=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier} .--is-selected`);spacerHeight.value&&column&&selectedButton&&MazDatePickerTime.value&&(await nextTick(),scrollToTarget(column,selectedButton,spacerHeight.value,hasSmoothEffect))}async function selectTime(identifier,value){let newDate=dayjs(currentDate.value);if(identifier===`hour`&&typeof value==`object`&&(currentDate.value=newDate.set(`hour`,value.get(`hour`)).format()),identifier===`minute`&&typeof value==`object`&&(currentDate.value=newDate.set(`minute`,value.get(`minute`)).format()),identifier===`ampm`&&(currentAmpm.value!==value||!currentHour.value)&&(value===`am`&&(currentDate.value=newDate.set(`hour`,newDate.get(`hour`)).subtract(12,`hour`).format()),value===`pm`)){let baseHour=newDate.get(`hour`);let newHour=baseHour+12>12&&baseHour+12<24?baseHour+12:baseHour===0?12:baseHour;currentDate.value=newDate.set(`hour`,newHour).format()}await nextTick(),scrollColumn(identifier)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`MazDatePickerTime`,ref:MazDatePickerTime,class:normalizeClass([`m-date-picker-time maz:relative maz:flex`,{"--has-date maz:border-s maz:border-divider":__props.hasDate}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(columns.value,({values,identifier},i)=>(openBlock(),createElementBlock(`div`,{key:i,class:normalizeClass([`m-date-picker-time__column maz:flex maz:flex-col maz:overflow-y-auto maz:px-1`,[`m-date-picker-time__column__${identifier}`]])},[createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer maz:w-full maz:flex-none`},null,4),createElementVNode(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(values,({value,label,isDisabled},unitIndex)=>(openBlock(),createBlock(MazBtn_default,{key:unitIndex,size:`xs`,color:isSelected(identifier,value)?__props.color:`transparent`,class:normalizeClass({"--is-selected":isSelected(identifier,value)}),disabled:isDisabled||__props.disabled,type:`button`,onClick:withModifiers($event=>selectTime(identifier,value),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(label),1)]),_:2},1032,[`color`,`class`,`disabled`,`onClick`]))),128))]),createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer maz:w-full maz:flex-none`},null,4)],2))),128))],2))}}),[[`__scopeId`,`data-v-56641988`]]);export{MazPickerTime_default as default};
+import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.zP_plvmB.js";import{t as MazBtn_default}from"../../chunks/MazBtn.BDvqcYIY.js";import{_ as scrollToTarget,n as findNearestNumberInList}from"../../chunks/utils.CjLBQJki.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,defineComponent,nextTick,normalizeClass,normalizeStyle,onMounted,openBlock,ref,renderList,toDisplayString,watch,withCtx,withModifiers}from"vue";import dayjs from"dayjs/esm";import '../../assets/MazPickerTime.DjVO29NI.css';var _hoisted_1={class:`m-date-picker-time__column__items maz:flex maz:flex-col`};var MazPickerTime_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerTime`,props:{modelValue:{type:[String,Object],default:void 0},formatterOptions:{type:Object,required:!0},color:{type:String,required:!0},hasDate:{type:Boolean,required:!0},minuteInterval:{type:Number,required:!0},disabledHours:{type:Array,default:void 0},format:{type:String,required:!0},isHour12:{type:Boolean,required:!0},minDate:{type:String,default:void 0},maxDate:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDate=computed({get:()=>props.modelValue,set:value=>{emits(`update:model-value`,value)}});let hours=computed(()=>Array.from({length:props.isHour12?12:24},(_v,i)=>i).map(hour=>{let hourBase=hour+ +!!props.isHour12;let hour12or24=getHour12or24(hourBase);let hourValue=dayjs(currentDate.value).set(`hour`,hour12or24);let isDisabled=isDisableHour(hour12or24)||(props.minDate&&currentDate.value?dayjs(props.minDate).isAfter(hourValue,`hour`):!1)||(props.maxDate&&currentDate.value?dayjs(props.maxDate).isBefore(hourValue,`hour`):!1);return{label:`${hourBase<10?`0`:``}${hourBase}`,value:dayjs(currentDate.value).set(`hour`,hour12or24),isDisabled}}));let minutes=computed(()=>{let length=Math.floor(60/props.minuteInterval)-0;return Array.from({length},(_v,i)=>i*props.minuteInterval).map(minute=>{let minuteValue=dayjs(currentDate.value).set(`minute`,minute);let isDisabled=(props.minDate&&currentDate.value?dayjs(props.minDate).isAfter(minuteValue,`minute`):!1)||(props.maxDate&&currentDate.value?dayjs(props.maxDate).isBefore(minuteValue,`minute`):!1);return{label:`${minute<10?`0`:``}${minute}`,value:minuteValue,isDisabled}})});let currentHour=computed(()=>typeof currentDate.value==`string`?findNearestHour(dayjs(currentDate.value).get(`hour`)):void 0);let currentMinute=computed(()=>typeof currentDate.value==`string`?findNearestNumberInList(minutes.value.map(({value})=>value.get(`minute`)),dayjs(currentDate.value).get(`minute`)):void 0);let currentAmpm=computed(()=>typeof currentHour.value==`number`?currentHour.value>=12?`pm`:`am`:void 0);let ampm=computed(()=>props.isHour12?[{label:`AM`,value:`am`},{label:`PM`,value:`pm`}]:[]);let columns=computed(()=>{let columns=[{identifier:`hour`,values:hours.value},{identifier:`minute`,values:minutes.value}];return props.isHour12&&columns.push({identifier:`ampm`,values:ampm.value}),columns});function findNearestHour(hour){if(!props.disabledHours)return hour;let nearHour=findNearestNumberInList(Array.from({length:24},(_v,i)=>i).filter(hour=>!props.disabledHours?.includes(hour)||!0),hour);return nearHour!==hour&&selectTime(`hour`,dayjs(currentDate.value).set(`hour`,nearHour)),nearHour}let MazDatePickerTime=ref();let spacerHeight=ref();function getHour12or24(hourValue){if(props.isHour12){let newValue=currentAmpm.value===`pm`?hourValue+12:hourValue;return newValue===12?0:newValue===24?12:newValue}else return hourValue}function setSpacerHeight(){if(!MazDatePickerTime.value)return;let itemHeight=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column .m-btn`)?.offsetHeight;spacerHeight.value=MazDatePickerTime.value.offsetHeight/2-itemHeight/2}onMounted(()=>{setSpacerHeight(),scrollColumns(!1)}),watch(()=>props.modelValue,async(value,oldValue)=>{value!==oldValue&&(await nextTick(),scrollColumns(!0))},{immediate:!0});function scrollColumns(hasSmoothEffect){scrollColumn(`hour`,hasSmoothEffect),scrollColumn(`minute`,hasSmoothEffect),props.isHour12&&scrollColumn(`ampm`,hasSmoothEffect)}function isDisableHour(value){return(props.disabledHours&&props.disabledHours.includes(value))??!1}function isSelected(identifier,value){return value===`am`||value===`pm`?currentAmpm.value===value:identifier===`hour`?currentHour.value===value.get(identifier):identifier===`minute`?currentMinute.value===value.get(identifier):!1}async function scrollColumn(identifier,hasSmoothEffect=!0){if(!MazDatePickerTime.value)return;let column=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier}`);let selectedButton=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier} .--is-selected`);spacerHeight.value&&column&&selectedButton&&MazDatePickerTime.value&&(await nextTick(),scrollToTarget(column,selectedButton,spacerHeight.value,hasSmoothEffect))}async function selectTime(identifier,value){let newDate=dayjs(currentDate.value);if(identifier===`hour`&&typeof value==`object`&&(currentDate.value=newDate.set(`hour`,value.get(`hour`)).format()),identifier===`minute`&&typeof value==`object`&&(currentDate.value=newDate.set(`minute`,value.get(`minute`)).format()),identifier===`ampm`&&(currentAmpm.value!==value||!currentHour.value)&&(value===`am`&&(currentDate.value=newDate.set(`hour`,newDate.get(`hour`)).subtract(12,`hour`).format()),value===`pm`)){let baseHour=newDate.get(`hour`);let newHour=baseHour+12>12&&baseHour+12<24?baseHour+12:baseHour===0?12:baseHour;currentDate.value=newDate.set(`hour`,newHour).format()}await nextTick(),scrollColumn(identifier)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`MazDatePickerTime`,ref:MazDatePickerTime,class:normalizeClass([`m-date-picker-time maz:relative maz:flex`,{"--has-date maz:border-s maz:border-divider":__props.hasDate}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(columns.value,({values,identifier},i)=>(openBlock(),createElementBlock(`div`,{key:i,class:normalizeClass([`m-date-picker-time__column maz:flex maz:flex-col maz:overflow-y-auto maz:px-1`,[`m-date-picker-time__column__${identifier}`]])},[createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer maz:w-full maz:flex-none`},null,4),createElementVNode(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(values,({value,label,isDisabled},unitIndex)=>(openBlock(),createBlock(MazBtn_default,{key:unitIndex,size:`xs`,color:isSelected(identifier,value)?__props.color:`transparent`,class:normalizeClass({"--is-selected":isSelected(identifier,value)}),disabled:isDisabled||__props.disabled,type:`button`,onClick:withModifiers($event=>selectTime(identifier,value),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(label),1)]),_:2},1032,[`color`,`class`,`disabled`,`onClick`]))),128))]),createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer maz:w-full maz:flex-none`},null,4)],2))),128))],2))}}),[[`__scopeId`,`data-v-56641988`]]);export{MazPickerTime_default as default};

package/dist/components/MazDatePicker/MazPickerYearSwitcher.js

@@ -1 +1 @@
-import{t as MazBtn_default}from"../../chunks/MazBtn.C7LV-iX2.js";import{t as MazIcon_default}from"../../chunks/MazIcon.CblJ-8Iu.js";import{f as isSameDate}from"../../chunks/utils.CjLBQJki.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazChevronLeft}from"@maz-ui/icons/raw/MazChevronLeft";import{MazXMark}from"@maz-ui/icons/raw/MazXMark";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs/esm";var _hoisted_1={class:`maz-picker-year-switcher maz:absolute maz:inset-0 maz:z-1 maz:flex maz:flex-col maz:bg-container`};var _hoisted_2={class:`maz-picker-year-switcher__header maz:flex maz:justify-between maz:space-x-2 maz:border-b maz:border-divider maz:p-2`};var _hoisted_3={class:`maz:flex maz:space-x-2`};var _hoisted_4={class:`maz-picker-year-switcher__main maz:grid maz:flex-1 maz:grid-cols-3 maz:flex-center maz:gap-2 maz:overflow-y-auto maz:p-2`};var MazPickerYearSwitcher_default=defineComponent({__name:`MazPickerYearSwitcher`,props:{color:{type:String,required:!0},locale:{type:String,required:!0},calendarDate:{type:String,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDateTmp=ref(props.calendarDate);let years=computed(()=>Array.from({length:15},(_v,i)=>i-7).map(yearNumber=>{let currentYear=dayjs(currentDateTmp.value).get(`year`);let dateYear=dayjs(currentDateTmp.value).set(`year`,currentYear+yearNumber);return{label:formatDate(dateYear.format(),props.locale,{year:`numeric`})??dateYear.format(),date:dateYear}}));function selectYear(date){emits(`update:calendar-date`,dayjs(date).format()),emits(`close`)}function previousYears(){currentDateTmp.value=dayjs(currentDateTmp.value).subtract(7,`year`).format()}function nextYears(){currentDateTmp.value=dayjs(currentDateTmp.value).add(7,`year`).format()}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createElementVNode(`div`,_hoisted_3,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(previousYears,[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:text-lg`},null,8,[`icon`])]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(nextYears,[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:rotate-180 maz:text-lg`},null,8,[`icon`])]),_:1})]),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazXMark),class:`maz:text-lg`},null,8,[`icon`])]),_:1})]),createElementVNode(`div`,_hoisted_4,[(openBlock(!0),createElementBlock(Fragment,null,renderList(years.value,year=>(openBlock(),createBlock(MazBtn_default,{key:year.label,size:`sm`,type:`button`,class:normalizeClass({"--is-selected":unref(isSameDate)(year.date,__props.calendarDate,`year`)}),color:unref(isSameDate)(year.date,__props.calendarDate,`year`)?__props.color:`transparent`,onClick:withModifiers($event=>selectYear(year.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(year.label),1)]),_:2},1032,[`class`,`color`,`onClick`]))),128))])]))}});export{MazPickerYearSwitcher_default as default};
+import{t as MazBtn_default}from"../../chunks/MazBtn.BDvqcYIY.js";import{t as MazIcon_default}from"../../chunks/MazIcon.CblJ-8Iu.js";import{f as isSameDate}from"../../chunks/utils.CjLBQJki.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazChevronLeft}from"@maz-ui/icons/raw/MazChevronLeft";import{MazXMark}from"@maz-ui/icons/raw/MazXMark";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs/esm";var _hoisted_1={class:`maz-picker-year-switcher maz:absolute maz:inset-0 maz:z-1 maz:flex maz:flex-col maz:bg-container`};var _hoisted_2={class:`maz-picker-year-switcher__header maz:flex maz:justify-between maz:space-x-2 maz:border-b maz:border-divider maz:p-2`};var _hoisted_3={class:`maz:flex maz:space-x-2`};var _hoisted_4={class:`maz-picker-year-switcher__main maz:grid maz:flex-1 maz:grid-cols-3 maz:flex-center maz:gap-2 maz:overflow-y-auto maz:p-2`};var MazPickerYearSwitcher_default=defineComponent({__name:`MazPickerYearSwitcher`,props:{color:{type:String,required:!0},locale:{type:String,required:!0},calendarDate:{type:String,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDateTmp=ref(props.calendarDate);let years=computed(()=>Array.from({length:15},(_v,i)=>i-7).map(yearNumber=>{let currentYear=dayjs(currentDateTmp.value).get(`year`);let dateYear=dayjs(currentDateTmp.value).set(`year`,currentYear+yearNumber);return{label:formatDate(dateYear.format(),props.locale,{year:`numeric`})??dateYear.format(),date:dateYear}}));function selectYear(date){emits(`update:calendar-date`,dayjs(date).format()),emits(`close`)}function previousYears(){currentDateTmp.value=dayjs(currentDateTmp.value).subtract(7,`year`).format()}function nextYears(){currentDateTmp.value=dayjs(currentDateTmp.value).add(7,`year`).format()}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createElementVNode(`div`,_hoisted_3,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(previousYears,[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:text-lg`},null,8,[`icon`])]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(nextYears,[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:rotate-180 maz:text-lg`},null,8,[`icon`])]),_:1})]),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazXMark),class:`maz:text-lg`},null,8,[`icon`])]),_:1})]),createElementVNode(`div`,_hoisted_4,[(openBlock(!0),createElementBlock(Fragment,null,renderList(years.value,year=>(openBlock(),createBlock(MazBtn_default,{key:year.label,size:`sm`,type:`button`,class:normalizeClass({"--is-selected":unref(isSameDate)(year.date,__props.calendarDate,`year`)}),color:unref(isSameDate)(year.date,__props.calendarDate,`year`)?__props.color:`transparent`,onClick:withModifiers($event=>selectYear(year.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(year.label),1)]),_:2},1032,[`class`,`color`,`onClick`]))),128))])]))}});export{MazPickerYearSwitcher_default as default};

package/dist/components/MazDropzone.js

@@ -1 +1 @@
-import{t as MazDropzone_default}from"../chunks/MazDropzone.Cz5cSHN8.js";export{MazDropzone_default as default};
+import{t as MazDropzone_default}from"../chunks/MazDropzone.BntPhoYq.js";export{MazDropzone_default as default};

package/dist/components/MazInputTags.js

@@ -1 +1 @@
-import{t as MazInputTags_default}from"../chunks/MazInputTags.CgEsmbnw.js";export{MazInputTags_default as default};
+import{t as MazInputTags_default}from"../chunks/MazInputTags.7WzwopR1.js";export{MazInputTags_default as default};

package/dist/components/MazMarkdownEditor.js

@@ -1 +1 @@
-import{t as MazMarkdownEditor_default}from"../chunks/MazMarkdownEditor.zmln9XoX.js";export{MazMarkdownEditor_default as default};
+import{t as MazMarkdownEditor_default}from"../chunks/MazMarkdownEditor.BZQItWt2.js";export{MazMarkdownEditor_default as default};

package/dist/components/MazPagination.js

@@ -1 +1 @@
-import{t as MazPagination_default}from"../chunks/MazPagination.C9dBe4AB.js";export{MazPagination_default as default};
+import{t as MazPagination_default}from"../chunks/MazPagination.BuFeBpT5.js";export{MazPagination_default as default};

package/dist/components/MazTabsBar.js

@@ -1 +1 @@
-import{t as MazTabsBar_default}from"../chunks/MazTabsBar.6uYFYXhR.js";export{MazTabsBar_default as default};
+import{t as MazTabsBar_default}from"../chunks/MazTabsBar.Fscr154L.js";export{MazTabsBar_default as default};

package/dist/components/MazTabsBar.vue.d.ts

@@ -155,6 +155,7 @@ declare const __VLS_export: <Item extends MazTabsBarItem>(__VLS_props: NonNullab
                     textColor?: (MazColor | "muted") | undefined;
                     startIcon?: import('../composables').MazIconLike;
                     endIcon?: import('../composables').MazIconLike;
+                    overflowHidden?: boolean | undefined;
                 };
             };
             active: boolean;

package/dist/components/MazTextarea.js

@@ -1 +1 @@
-import{t as MazTextarea_default}from"../chunks/MazTextarea.-yf7kcEl.js";export{MazTextarea_default as default};
+import{t as MazTextarea_default}from"../chunks/MazTextarea.Dhi0bCLK.js";export{MazTextarea_default as default};

package/dist/components/MazTextarea.vue.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'vue';
-import { MazColor, MazRoundedSize } from './types';
+import { MazColor, MazRoundedSize, MazSize } from './types';
 export interface MazTextareaProps<T extends string | undefined | null> {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
@@ -37,6 +37,14 @@ export interface MazTextareaProps<T extends string | undefined | null> {
      * @default 'md'
      */
     roundedSize?: MazRoundedSize;
+    /**
+     * Controls the padding (height) and text size of the textarea, mirroring MazInput sizes.
+     * Combined with `minRows`, e.g. `size="md" :min-rows="1"` matches a regular input height.
+     * @values mini, xs, sm, md, lg, xl
+     * @type {MazSize}
+     * @default 'md'
+     */
+    size?: MazSize;
     /**
      * If the textarea has a padding
      * @default true
@@ -57,6 +65,12 @@ export interface MazTextareaProps<T extends string | undefined | null> {
      * @default true
      */
     autogrow?: boolean;
+    /**
+     * Minimum number of rows displayed by the textarea (initial/minimum height).
+     * With autogrow enabled, the textarea still grows beyond this with its content.
+     * @default 3
+     */
+    minRows?: number;
     /**
      * The alignment of the append slot
      * @values `'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'`

package/dist/components/index.js

@@ -1 +1 @@
-import{t as MazPopover_default}from"../chunks/MazPopover.pWRD93tY.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.CWg_HTit.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 MazBtn_default}from"../chunks/MazBtn.C7LV-iX2.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.6uYFYXhR.js";import{t as MazTabs_default}from"../chunks/MazTabs.KH7bWhto.js";import{t as MazIcon_default}from"../chunks/MazIcon.CblJ-8Iu.js";import{t as MazTable_default}from"../chunks/MazTable.BHEu61tz.js";import{t as MazTableTitle_default}from"../chunks/MazTableTitle.CFUi0aKO.js";import{t as MazTableRow_default}from"../chunks/MazTableRow.BAFX8aWT.js";import{t as MazTableCell_default}from"../chunks/MazTableCell.hZBsPYvA.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.DINm2uP8.js";import{t as MazSidebarMenuSub_default}from"../chunks/MazSidebarMenuSub.1Lt1YwRi.js";import{t as MazSidebarMenuItem_default}from"../chunks/MazSidebarMenuItem.B7oeLi8j.js";import{t as MazSidebarMenuButton_default}from"../chunks/MazSidebarMenuButton.BNHhUUiY.js";import{t as MazSidebarMenu_default}from"../chunks/MazSidebarMenu.BOHdlxZM.js";import{t as MazSidebarHeader_default}from"../chunks/MazSidebarHeader.D4tN79kH.js";import{t as MazSidebarGroup_default}from"../chunks/MazSidebarGroup.BBOqFj0b.js";import{t as MazSidebarFooter_default}from"../chunks/MazSidebarFooter.CK8nUWF-.js";import{t as MazSidebarContent_default}from"../chunks/MazSidebarContent.EwcLb3rl.js";import{t as MazInput_default}from"../chunks/MazInput.CfAgOEV4.js";import{t as MazSelect_default}from"../chunks/MazSelect.BQlQNcxq.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.DsxjU_D1.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.Btn20Ko-.js";import{t as MazPagination_default}from"../chunks/MazPagination.C9dBe4AB.js";import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.DQPVMzrc.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.TQ8Ob7Xl.js";import{t as MazMarkdownEditor_default}from"../chunks/MazMarkdownEditor.zmln9XoX.js";import{t as MazLoadingBar_default}from"../chunks/MazLoadingBar.E4257kYk.js";import{t as MazLazyImg_default}from"../chunks/MazLazyImg.DN5hea6A.js";import{t as MazInputTags_default}from"../chunks/MazInputTags.CgEsmbnw.js";import{t as MazInputPrice_default}from"../chunks/MazInputPrice.BfHnR4OF.js";import{t as MazInputPhoneNumber_default}from"../chunks/MazInputPhoneNumber.CbCSOLh-.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.Cz5cSHN8.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.DLJcSJOM.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.DxGlpBqG.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.BMiGc4uw.js";import{t as MazBadge_default}from"../chunks/MazBadge.G9hi-6Ps.js";import{t as MazAvatar_default}from"../chunks/MazAvatar.Dec3roPS.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};
+import{t as MazPopover_default}from"../chunks/MazPopover.pWRD93tY.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.CWg_HTit.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.Dhi0bCLK.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 MazBtn_default}from"../chunks/MazBtn.BDvqcYIY.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.Fscr154L.js";import{t as MazTabs_default}from"../chunks/MazTabs.KH7bWhto.js";import{t as MazIcon_default}from"../chunks/MazIcon.CblJ-8Iu.js";import{t as MazTable_default}from"../chunks/MazTable.BHEu61tz.js";import{t as MazTableTitle_default}from"../chunks/MazTableTitle.CFUi0aKO.js";import{t as MazTableRow_default}from"../chunks/MazTableRow.BAFX8aWT.js";import{t as MazTableCell_default}from"../chunks/MazTableCell.hZBsPYvA.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.DINm2uP8.js";import{t as MazSidebarMenuSub_default}from"../chunks/MazSidebarMenuSub.1Lt1YwRi.js";import{t as MazSidebarMenuItem_default}from"../chunks/MazSidebarMenuItem.B7oeLi8j.js";import{t as MazSidebarMenuButton_default}from"../chunks/MazSidebarMenuButton.BNHhUUiY.js";import{t as MazSidebarMenu_default}from"../chunks/MazSidebarMenu.BOHdlxZM.js";import{t as MazSidebarHeader_default}from"../chunks/MazSidebarHeader.D4tN79kH.js";import{t as MazSidebarGroup_default}from"../chunks/MazSidebarGroup.BBOqFj0b.js";import{t as MazSidebarFooter_default}from"../chunks/MazSidebarFooter.CK8nUWF-.js";import{t as MazSidebarContent_default}from"../chunks/MazSidebarContent.EwcLb3rl.js";import{t as MazInput_default}from"../chunks/MazInput.CfAgOEV4.js";import{t as MazSelect_default}from"../chunks/MazSelect.BQlQNcxq.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.DsxjU_D1.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.Btn20Ko-.js";import{t as MazPagination_default}from"../chunks/MazPagination.BuFeBpT5.js";import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.DQPVMzrc.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.TQ8Ob7Xl.js";import{t as MazMarkdownEditor_default}from"../chunks/MazMarkdownEditor.BZQItWt2.js";import{t as MazLoadingBar_default}from"../chunks/MazLoadingBar.E4257kYk.js";import{t as MazLazyImg_default}from"../chunks/MazLazyImg.DN5hea6A.js";import{t as MazInputTags_default}from"../chunks/MazInputTags.7WzwopR1.js";import{t as MazInputPrice_default}from"../chunks/MazInputPrice.BfHnR4OF.js";import{t as MazInputPhoneNumber_default}from"../chunks/MazInputPhoneNumber.CbCSOLh-.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.BntPhoYq.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.DLJcSJOM.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.DxGlpBqG.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.wl2tGAdr.js";import{t as MazBadge_default}from"../chunks/MazBadge.G9hi-6Ps.js";import{t as MazAvatar_default}from"../chunks/MazAvatar.Dec3roPS.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/dist/composables/index.d.ts

@@ -2,6 +2,7 @@ export * from './useAos';
 export * from './useBreakpoints';
 export * from './useDialog';
 export * from './useDisplayNames';
+export * from './useDrag';
 export * from './useDropzone';
 export * from './useFormField';
 export * from './useFormValidator';

package/dist/composables/index.js

@@ -1 +1 @@
-import{useInstanceUniqId}from"./useInstanceUniqId.js";import{useMountComponent}from"./useMountComponent.js";import{useInjectStrict}from"./useInjectStrict.js";import{useAos}from"./useAos.js";import{useWindowSize}from"./useWindowSize.js";import{useBreakpoints}from"./useBreakpoints.js";import{useDialog}from"./useDialog.js";import{useDisplayNames}from"./useDisplayNames.js";import{useDropzone}from"./useDropzone.js";import{useFreezeValue}from"./useFreezeValue.js";import{useFormField}from"./useFormField.js";import{useFormValidator}from"./useFormValidator.js";import{useIdleTimeout}from"./useIdleTimeout.js";import{useMazIconProps}from"./useMazIconProps.js";import{useMutationObserver}from"./useMutationObserver.js";import{useReadingTime}from"./useReadingTime.js";import{useSidebar}from"./useSidebar.js";import{useStringMatching}from"./useStringMatching.js";import{useSwipe}from"./useSwipe.js";import{useTimer}from"./useTimer.js";import{useToast}from"./useToast.js";import{useUserVisibility}from"./useUserVisibility.js";import{useWait}from"./useWait.js";export{useAos,useBreakpoints,useDialog,useDisplayNames,useDropzone,useFormField,useFormValidator,useFreezeValue,useIdleTimeout,useInjectStrict,useInstanceUniqId,useMazIconProps,useMountComponent,useMutationObserver,useReadingTime,useSidebar,useStringMatching,useSwipe,useTimer,useToast,useUserVisibility,useWait,useWindowSize};
+import{useInstanceUniqId}from"./useInstanceUniqId.js";import{useMountComponent}from"./useMountComponent.js";import{useInjectStrict}from"./useInjectStrict.js";import{useAos}from"./useAos.js";import{useWindowSize}from"./useWindowSize.js";import{useBreakpoints}from"./useBreakpoints.js";import{useDialog}from"./useDialog.js";import{useDisplayNames}from"./useDisplayNames.js";import{useDrag}from"./useDrag.js";import{useDropzone}from"./useDropzone.js";import{useFreezeValue}from"./useFreezeValue.js";import{useFormField}from"./useFormField.js";import{useFormValidator}from"./useFormValidator.js";import{useIdleTimeout}from"./useIdleTimeout.js";import{useMazIconProps}from"./useMazIconProps.js";import{useMutationObserver}from"./useMutationObserver.js";import{useReadingTime}from"./useReadingTime.js";import{useSidebar}from"./useSidebar.js";import{useStringMatching}from"./useStringMatching.js";import{useSwipe}from"./useSwipe.js";import{useTimer}from"./useTimer.js";import{useToast}from"./useToast.js";import{useUserVisibility}from"./useUserVisibility.js";import{useWait}from"./useWait.js";export{useAos,useBreakpoints,useDialog,useDisplayNames,useDrag,useDropzone,useFormField,useFormValidator,useFreezeValue,useIdleTimeout,useInjectStrict,useInstanceUniqId,useMazIconProps,useMountComponent,useMutationObserver,useReadingTime,useSidebar,useStringMatching,useSwipe,useTimer,useToast,useUserVisibility,useWait,useWindowSize};

package/dist/composables/useDrag.d.ts

@@ -0,0 +1,107 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+/** Axis the drag is tracked on. */
+export type DragAxis = 'x' | 'y' | 'both';
+/** Dominant direction of an ongoing drag. */
+export type DragDirection = 'up' | 'down' | 'left' | 'right';
+/** Pointer types that can initiate a drag. */
+export type DragPointerType = 'mouse' | 'touch' | 'pen';
+/** Snapshot of the gesture passed to every callback. */
+export interface DragState {
+    /** Pointer offset from the drag start on the X axis, in pixels (`0` when `axis` is `'y'`). */
+    offsetX: number;
+    /** Pointer offset from the drag start on the Y axis, in pixels (`0` when `axis` is `'x'`). */
+    offsetY: number;
+    /** Absolute distance dragged from the start, in pixels. */
+    distance: number;
+    /** Dominant direction of the drag (`undefined` until the pointer moves). */
+    direction: DragDirection | undefined;
+    /** Pointer position (`clientX`) when the drag started. */
+    startX: number;
+    /** Pointer position (`clientY`) when the drag started. */
+    startY: number;
+    /** Current pointer position (`clientX`). */
+    x: number;
+    /** Current pointer position (`clientY`). */
+    y: number;
+    /** The underlying pointer event. */
+    event: PointerEvent;
+}
+export interface UseDragOptions {
+    /**
+     * Restrict the tracking to a single axis. Off-axis movement is ignored.
+     * @default 'both'
+     */
+    axis?: DragAxis;
+    /**
+     * Minimum distance (px) the pointer must travel before the drag becomes active.
+     * @default 0
+     */
+    threshold?: number;
+    /**
+     * Pointer types allowed to initiate the drag.
+     * @default ['mouse', 'touch', 'pen']
+     */
+    pointerTypes?: DragPointerType[];
+    /**
+     * Reactively disable the gesture.
+     * @default false
+     */
+    disabled?: MaybeRefOrGetter<boolean>;
+    /**
+     * Call `event.preventDefault()` on each pointer move while dragging.
+     * @default false
+     */
+    preventDefault?: boolean;
+    /**
+     * Call `event.stopPropagation()` on the pointer events.
+     * @default false
+     */
+    stopPropagation?: boolean;
+    /**
+     * Attach the listeners as soon as the target is available. When `false`, call `start()` manually.
+     * @default true
+     */
+    immediate?: boolean;
+    /** Called once when the drag becomes active (threshold reached). */
+    onStart?: (state: DragState) => void;
+    /** Called on every pointer move while dragging. */
+    onMove?: (state: DragState) => void;
+    /** Called when the drag ends (pointer up or cancel). */
+    onEnd?: (state: DragState) => void;
+}
+export type UseDragTarget = MaybeRefOrGetter<HTMLElement | string | null | undefined>;
+export interface UseDragReturn {
+    /** Whether a drag is currently active (threshold reached). */
+    isDragging: Readonly<Ref<boolean>>;
+    /** Reactive pointer offset from the drag start on the X axis. */
+    offsetX: Readonly<Ref<number>>;
+    /** Reactive pointer offset from the drag start on the Y axis. */
+    offsetY: Readonly<Ref<number>>;
+    /** Reactive absolute distance dragged from the start. */
+    distance: Readonly<Ref<number>>;
+    /** Reactive dominant direction of the drag. */
+    direction: Readonly<Ref<DragDirection | undefined>>;
+    /** Manually attach the listeners. */
+    start: () => void;
+    /** Manually detach the listeners (also cancels an ongoing drag). */
+    stop: () => void;
+}
+/**
+ * Track a pointer drag gesture (touch, mouse and pen) on an element.
+ *
+ * Follows the pointer in real time and exposes the live offset, distance and
+ * direction, plus `onStart` / `onMove` / `onEnd` callbacks. Useful to build
+ * drag-to-dismiss sheets, sliders, sortable handles, swipeable cards, etc.
+ *
+ * @example
+ * ```ts
+ * const handle = ref<HTMLElement>()
+ * const { offsetY, isDragging } = useDrag(handle, {
+ *   axis: 'y',
+ *   onEnd: ({ offsetY }) => {
+ *     if (offsetY > 120) close()
+ *   },
+ * })
+ * ```
+ */
+export declare function useDrag(target: UseDragTarget, options?: UseDragOptions): UseDragReturn;

package/dist/composables/useDrag.js

@@ -0,0 +1 @@
+import{onMounted,onScopeDispose,readonly,ref,toValue,watch}from"vue";import{isClient}from"@maz-ui/utils/helpers/isClient";function resolveElement(target){if(target){if(typeof target==`string`){if(!isClient())return;let found=document.querySelector(target);return found instanceof HTMLElement?found:void 0}return target}}function useDrag(target,options={}){let{axis=`both`,threshold=0,pointerTypes,disabled,preventDefault=!1,stopPropagation=!1,immediate=!0,onStart,onMove,onEnd}=options;let isDragging=ref(!1);let offsetX=ref(0);let offsetY=ref(0);let distance=ref(0);let direction=ref();let active=!1;let pointerId;let startX=0;let startY=0;let dragDocument;let attachedTo;function isDisabled(){return toValue(disabled)===!0}function isPointerAllowed(event){let type=event.pointerType;return!pointerTypes||!type||pointerTypes.includes(type)}function buildState(event){return{offsetX:offsetX.value,offsetY:offsetY.value,distance:distance.value,direction:direction.value,startX,startY,x:event.clientX,y:event.clientY,event}}function reset(){isDragging.value=!1,offsetX.value=0,offsetY.value=0,distance.value=0,direction.value=void 0,pointerId=void 0}function onPointerdown(event){isDisabled()||pointerId!==void 0||!isPointerAllowed(event)||(pointerId=event.pointerId,startX=event.clientX,startY=event.clientY,isDragging.value=!1,dragDocument=event.target?.ownerDocument??attachedTo?.ownerDocument,stopPropagation&&event.stopPropagation(),addMoveListeners())}function onPointermove(event){if(pointerId!==void 0&&event.pointerId!==pointerId)return;let dx=axis===`y`?0:event.clientX-startX;let dy=axis===`x`?0:event.clientY-startY;if(offsetX.value=dx,offsetY.value=dy,distance.value=Math.hypot(dx,dy),direction.value=Math.abs(dx)>Math.abs(dy)?dx>0?`right`:`left`:dy===0?direction.value:dy>0?`down`:`up`,!isDragging.value){if(distance.value<threshold)return;isDragging.value=!0,onStart?.(buildState(event))}preventDefault&&event.cancelable&&event.preventDefault(),stopPropagation&&event.stopPropagation(),onMove?.(buildState(event))}function onPointerup(event){if(pointerId!==void 0&&event.pointerId!==pointerId)return;removeMoveListeners();let wasDragging=isDragging.value;let state=buildState(event);reset(),wasDragging&&onEnd?.(state)}function addMoveListeners(){dragDocument&&(dragDocument.addEventListener(`pointermove`,onPointermove,{passive:!preventDefault}),dragDocument.addEventListener(`pointerup`,onPointerup,{passive:!0}),dragDocument.addEventListener(`pointercancel`,onPointerup,{passive:!0}))}function removeMoveListeners(){dragDocument&&=(dragDocument.removeEventListener(`pointermove`,onPointermove),dragDocument.removeEventListener(`pointerup`,onPointerup),dragDocument.removeEventListener(`pointercancel`,onPointerup),void 0)}function attach(){let el=resolveElement(toValue(target));!el||attachedTo===el||(detach(),el.addEventListener(`pointerdown`,onPointerdown),attachedTo=el)}function detach(){attachedTo?.removeEventListener(`pointerdown`,onPointerdown),attachedTo=void 0,removeMoveListeners(),reset()}function start(){active=!0,attach()}function stop(){active=!1,detach()}return watch(()=>resolveElement(toValue(target)),()=>{active?attach():detach()},{flush:`post`}),onMounted(()=>{immediate&&start()}),onScopeDispose(stop),{isDragging:readonly(isDragging),offsetX:readonly(offsetX),offsetY:readonly(offsetY),distance:readonly(distance),direction:readonly(direction),start,stop}}export{useDrag};