maz-ui 5.0.0-beta.2 → 5.0.0-beta.21

package/dist/chunks/MazTable.BkQ9GTeo.js

@@ -1 +0,0 @@
-import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as hasSlotContent}from"./hasSlotContent.akaXJLAp.js";import{t as MazIcon_default}from"./MazIcon.kRDEA5UE.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,onBeforeMount,openBlock,provide,ref,renderList,renderSlot,toDisplayString,toRefs,unref,useCssVars,useSlots,watch,withCtx}from"vue";import{MazArrowUp}from"@maz-ui/icons/lazy/MazArrowUp";import{MazChevronDoubleLeft}from"@maz-ui/icons/lazy/MazChevronDoubleLeft";import{MazChevronLeft}from"@maz-ui/icons/lazy/MazChevronLeft";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import '../assets/MazTable.Bc31cJ5h.css';var _hoisted_1={key:0,class:`m-table-header maz:flex maz:max-w-full maz:flex-col maz:items-start maz:justify-between maz:gap-2 maz:bg-container maz:py-2 maz:mob-l:flex-row maz:mob-l:items-center`};var _hoisted_2={key:0,class:`m-table-spacer`};var _hoisted_3={class:`m-table-header-title maz:font-semibold`};var _hoisted_4={key:1,class:`m-table-header-search maz:flex maz:items-center maz:gap-2`};var _hoisted_5={key:0};var _hoisted_6={key:1};var _hoisted_7={key:0,class:`m-table-sort-icon-wrapper`};var _hoisted_8={class:`maz:text-center maz:text-muted`};var _hoisted_9={key:1,class:`m-table-footer maz:flex maz:max-w-full maz:justify-end maz:gap-2 maz:bg-container maz:py-2`};var _hoisted_10={key:0,class:`m-table-footer-pagination maz:flex maz:items-center maz:gap-4`};var _hoisted_11={class:`m-table-footer-pagination-items-per-page maz:flex maz:items-center maz:gap-1`};var _hoisted_12={class:`maz:hidden maz:text-sm maz:tab-s:block`};var _hoisted_13={key:0,class:`maz:text-sm maz:whitespace-nowrap`};var _hoisted_14={class:`m-table-footer-pagination-buttons maz:flex maz:items-center maz:gap-1`};var mazTableKey=Symbol(`maz-table`);var MazTable_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTable`,props:{tableClass:{type:[Boolean,null,String,Object,Array]},tableStyle:{type:[Boolean,null,String,Object,Array]},modelValue:{},size:{default:`md`},inputSize:{},title:{},headers:{},sortable:{type:Boolean},headersAlign:{default:`left`},rows:{},hoverable:{type:Boolean},search:{type:Boolean},hideSearchInRow:{type:Boolean},hideSearchBy:{type:Boolean},searchQuery:{},backgroundOdd:{type:Boolean},backgroundEven:{type:Boolean},elevation:{type:Boolean},divider:{type:Boolean,default:!1},caption:{},captionSide:{default:`bottom`},pagination:{type:Boolean},page:{default:1},pageSize:{default:20},totalPages:{},paginateRows:{type:Boolean,default:!0},totalItems:{},loading:{type:Boolean},selectable:{type:Boolean},selectedKey:{},tableLayout:{},color:{default:`primary`},translations:{},roundedSize:{default:`md`},scrollable:{type:Boolean,default:!1}},emits:[`update:model-value`,`update:search-query`,`update:page`,`update:page-size`],setup(__props,{emit:__emit}){useCssVars(_ctx=>({v7cb8be80:_ctx.tableLayout,v0448b645:_ctx.captionSide}));let props=__props;let emits=__emit;let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let MazCheckbox=defineAsyncComponent(()=>import(`../components/MazCheckbox.js`));let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let MazLoadingBar=defineAsyncComponent(()=>import(`../components/MazLoadingBar.js`));let MazSelect=defineAsyncComponent(()=>import(`../components/MazSelect.js`));let MazTableCell=defineAsyncComponent(()=>import(`../components/MazTableCell.js`));let MazTableRowComponent=defineAsyncComponent(()=>import(`../components/MazTableRow.js`));let MazTableTitle=defineAsyncComponent(()=>import(`../components/MazTableTitle.js`));let{t}=useTranslations();let messages=computed(()=>({noResults:props.translations?.noResults??t(`table.noResults`),actionColumnTitle:props.translations?.actionColumnTitle??t(`table.actionColumnTitle`),searchByInput:{all:props.translations?.searchByInput?.all??t(`table.searchByInput.all`),placeholder:props.translations?.searchByInput?.placeholder??t(`table.searchByInput.placeholder`)},searchInput:{placeholder:props.translations?.searchInput?.placeholder??t(`table.searchInput.placeholder`)},pagination:{all:props.translations?.pagination?.all??t(`table.pagination.all`),rowsPerPage:props.translations?.pagination?.rowsPerPage??t(`table.pagination.rowsPerPage`),of:props.translations?.pagination?.of??t(`table.pagination.of`)}}));let hasDivider=computed(()=>props.divider&&!props.backgroundEven&&!props.backgroundOdd);let{size,hoverable,backgroundEven,backgroundOdd}=toRefs(props);provide(mazTableKey,{size,hoverable,backgroundEven,backgroundOdd});let rowsNormalized=ref(getNormalizedRows());let isSelectable=computed(()=>props.selectable||!!props.selectedKey);let currentPage=ref(props.page);watch(()=>props.page,value=>{currentPage.value=value});let currentPageModel=computed({get:()=>currentPage.value,set:value=>{currentPage.value=value,emits(`update:page`,value)}});let pageSizeOptions=computed(()=>[{label:messages.value.pagination.all,value:1/0},{label:5,value:5},{label:10,value:10},{label:20,value:20},{label:50,value:50},{label:100,value:100},{label:200,value:200}]);let pageSizeModelInternal=ref(props.pageSize);watch(()=>props.pageSize,value=>{pageSizeModelInternal.value=value});let pageSizeModel=computed({get:()=>pageSizeModelInternal.value,set:value=>{pageSizeModelInternal.value=value,emits(`update:page-size`,value)}});let totalPagesInternal=computed(()=>props.totalPages?props.totalPages:pageSizeModel.value===1/0||!totalItemsInternal.value?1:Math.ceil(totalItemsInternal.value/pageSizeModel.value));let totalItemsInternal=computed(()=>props.totalItems??props.rows?.length);let rowsOfPage=computed(()=>{if(!props.pagination||!props.paginateRows||pageSizeModel.value===1/0)return rowsNormalized.value;let start=(currentPage.value-1)*pageSizeModel.value;let end=start+pageSizeModel.value;return rowsNormalized.value.slice(start,end)});let rowsFromTo=computed(()=>({from:(currentPage.value-1)*pageSizeModel.value+1,to:Math.min(currentPage.value*pageSizeModel.value,totalItemsInternal.value??0)}));function firstPage(){currentPageModel.value=1}function lastPage(){currentPageModel.value=totalPagesInternal.value}function previousPage(){currentPageModel.value--}function nextPage(){currentPageModel.value++}watch(()=>[props.rows,props.modelValue],()=>{rowsNormalized.value=getNormalizedRows()});let sortedColumnIndex=ref();let sortType=ref();let headersNormalized=computed(()=>getNormalizedHeaders(props.headers));let searchByKey=ref();let searchByOptions=computed(()=>{let headerOptions=headersNormalized.value.map(({label,key})=>({label,value:key}));return[{label:messages.value.searchByInput.all,value:null},...headerOptions]});let searchQueryModelInternal=ref(props.searchQuery);watch(()=>props.searchQuery,value=>{searchQueryModelInternal.value=value});let searchQueryModel=computed({get:()=>searchQueryModelInternal.value,set:value=>{searchQueryModelInternal.value=value,emits(`update:search-query`,value)}});function getSortedRows(rows){return rows.toSorted((a,b)=>{if(sortedColumnIndex.value===void 0||sortType.value===void 0)return 0;let aValue=a[headersNormalized.value[sortedColumnIndex.value].key];let bValue=b[headersNormalized.value[sortedColumnIndex.value].key];return typeof aValue==`string`&&typeof bValue==`string`?sortType.value===`ASC`?aValue.localeCompare(bValue):bValue.localeCompare(aValue):sortType.value===`ASC`?aValue-bValue:bValue-aValue})}function getFilteredRows(rows){if(props.hideSearchInRow||typeof searchQueryModel.value!=`string`)return rowsOfPage.value;let query=searchQueryModel.value.toLowerCase();return[...rows].filter(row=>searchByKey.value?String(row[searchByKey.value]).toLowerCase().includes(query):Object.values(row).some(value=>typeof value==`string`||typeof value==`number`||typeof value==`boolean`?String(value).toLowerCase().includes(query):!1))}let rowsFiltered=computed(()=>getSortedRows(getFilteredRows(rowsOfPage.value)));let slots=useSlots();let hasHeader=computed(()=>props.search||!!props.title||!!slots.title);let hasFooter=computed(()=>props.pagination);function getNormalizedHeaders(headers){return headers?.map(header=>typeof header==`string`?{label:header,align:props.headersAlign}:{align:props.headersAlign,thHeaders:header.headers,...header})??[]}function getNormalizedRows(){return props.rows?.map(row=>({selected:props.modelValue?.includes(props.selectedKey?row[props.selectedKey]:row),...row}))??[]}function sortColumn(columnIndex){columnIndex===sortedColumnIndex.value?sortType.value=sortType.value===void 0?`DESC`:sortType.value===`DESC`?`ASC`:void 0:sortType.value=`DESC`,sortedColumnIndex.value=sortType.value===void 0?void 0:columnIndex}let allSelected=computed({get:()=>rowsFiltered.value.every(row=>row.selected)??!1,set:selectAll});function selectAll(value){for(let row of rowsFiltered.value)row.selected=value;emitValues()}function selectRow(value,index){rowsFiltered.value[index].selected=value,emitValues()}function emitValues(selectedRows){selectedRows??=getSelectedRows(),emits(`update:model-value`,selectedRows?.length?selectedRows:void 0)}function getSelectedRows(){return rowsNormalized.value.filter(row=>row.selected).map(row=>props.selectedKey?row[props.selectedKey]:row)}return onBeforeMount(()=>{let selectedRows=getSelectedRows();selectedRows?.length&&emitValues(selectedRows)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-table m-reset-css maz:relative maz:max-w-full`,{"--has-header":hasHeader.value}])},[hasHeader.value?(openBlock(),createElementBlock(`div`,_hoisted_1,[__props.title||unref(hasSlotContent)(unref(slots).title)?(openBlock(),createElementBlock(`div`,_hoisted_2,[renderSlot(_ctx.$slots,`title`,{},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(__props.title),1)],!0)])):createCommentVNode(``,!0),__props.search?(openBlock(),createElementBlock(`div`,_hoisted_4,[__props.hideSearchBy?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazSelect),{key:0,modelValue:searchByKey.value,"onUpdate:modelValue":_cache[0]||=$event=>searchByKey.value=$event,"rounded-size":__props.roundedSize,color:__props.color,style:{maxWidth:`12rem`},placeholder:messages.value.searchByInput.placeholder,size:__props.inputSize??unref(size),options:searchByOptions.value},null,8,[`modelValue`,`rounded-size`,`color`,`placeholder`,`size`,`options`])),createVNode(unref(MazInput),{modelValue:searchQueryModel.value,"onUpdate:modelValue":_cache[1]||=$event=>searchQueryModel.value=$event,size:__props.inputSize??unref(size),"rounded-size":__props.roundedSize,color:__props.color,debounce:300,placeholder:messages.value.searchInput.placeholder,"start-icon":unref(MazMagnifyingGlass)},null,8,[`modelValue`,`size`,`rounded-size`,`color`,`placeholder`,`start-icon`])])):createCommentVNode(``,!0)])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`m-table-wrapper maz:overflow-hidden maz:border maz:border-solid maz:border-divider`,[`--rounded-${__props.roundedSize}`,{"--scrollable maz:overflow-auto":__props.scrollable}]])},[createElementVNode(`table`,{class:normalizeClass([[{"--elevation":__props.elevation,"--has-layout":__props.tableLayout},__props.tableClass],`maz:table maz:w-full maz:border-collapse maz:bg-container`]),style:normalizeStyle(__props.tableStyle)},[__props.caption||unref(hasSlotContent)(unref(slots).caption)?(openBlock(),createElementBlock(`caption`,_hoisted_5,[renderSlot(_ctx.$slots,`caption`,{},()=>[createTextVNode(toDisplayString(__props.caption),1)],!0)])):createCommentVNode(``,!0),headersNormalized.value?(openBlock(),createElementBlock(`thead`,_hoisted_6,[renderSlot(_ctx.$slots,`thead`,{},()=>[createVNode(unref(MazTableRowComponent),{"is-head":``},{default:withCtx(()=>[isSelectable.value?(openBlock(),createBlock(unref(MazTableTitle),{key:0,align:`left`,class:normalizeClass([`--${unref(size)}`,`m-table-select-column`])},{default:withCtx(()=>[createVNode(unref(MazCheckbox),{modelValue:allSelected.value,"onUpdate:modelValue":_cache[2]||=$event=>allSelected.value=$event,size:`sm`},null,8,[`modelValue`])]),_:1},8,[`class`])):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(headersNormalized.value,(header,columnIndex)=>(openBlock(),createBlock(unref(MazTableTitle),{key:columnIndex,scope:header.scope,align:header.align,rowspan:header.rowspan,colspan:header.colspan,headers:header.thHeaders,style:normalizeStyle({width:header.width,textAlign:header.align}),class:normalizeClass([`maz:group`,[{"--hidden":header.hidden,"--sortable":header.sortable??__props.sortable},header.classes,`--${unref(size)}`]]),onClick:$event=>(header.sortable??__props.sortable)&&sortColumn(columnIndex)},{default:withCtx(()=>[createElementVNode(`span`,{class:normalizeClass({"maz:sr-only":header.srOnly})},[renderSlot(_ctx.$slots,`header`,{header,label:header.label},()=>[renderSlot(_ctx.$slots,`header-label-${header.key}`,{header,label:header.label},()=>[createTextVNode(toDisplayString(header.label),1)],!0),header.sortable??__props.sortable?(openBlock(),createElementBlock(`div`,_hoisted_7,[createVNode(unref(MazArrowUp),{class:normalizeClass([`m-table-sort-icon maz:hidden maz:group-hover:block`,{"--sorted":columnIndex===sortedColumnIndex.value,"--up":sortType.value===`DESC`,"--down":sortType.value===`ASC`}])},null,8,[`class`])])):createCommentVNode(``,!0)],!0)],2)]),_:2},1032,[`scope`,`align`,`rowspan`,`colspan`,`headers`,`style`,`class`,`onClick`]))),128)),unref(hasSlotContent)(unref(slots).actions)?(openBlock(),createBlock(unref(MazTableTitle),{key:1,align:`left`,class:normalizeClass(`--${unref(size)}`)},{default:withCtx(()=>[renderSlot(_ctx.$slots,`actions-header`,{},()=>[createTextVNode(toDisplayString(messages.value.actionColumnTitle),1)],!0)]),_:3},8,[`class`])):createCommentVNode(``,!0)]),_:3})],!0)])):createCommentVNode(``,!0),__props.loading?(openBlock(),createBlock(unref(MazLoadingBar),{key:2,color:__props.color,class:`maz:absolute!`},null,8,[`color`])):createCommentVNode(``,!0),createElementVNode(`tbody`,{class:normalizeClass({"--divider":hasDivider.value})},[renderSlot(_ctx.$slots,`default`,{},()=>[rowsFiltered.value.length>0?(openBlock(!0),createElementBlock(Fragment,{key:0},renderList(rowsFiltered.value,(row,rowIndex)=>(openBlock(),createBlock(unref(MazTableRowComponent),{key:rowIndex,class:normalizeClass(row.classes),onClick:$event=>row.action&&row.action(row)},{default:withCtx(()=>[isSelectable.value?(openBlock(),createBlock(unref(MazTableCell),{key:0,class:`m-table-select-column`},{default:withCtx(()=>[renderSlot(_ctx.$slots,`select`,{row,selected:row.selected},()=>[createVNode(unref(MazCheckbox),{size:`sm`,"model-value":row.selected,"onUpdate:modelValue":$event=>selectRow($event,rowIndex)},null,8,[`model-value`,`onUpdate:modelValue`])],!0)]),_:2},1024)):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(headersNormalized.value,({key,align,classes},dataIndex)=>(openBlock(),createBlock(unref(MazTableCell),{key:dataIndex,align,class:normalizeClass(classes)},{default:withCtx(()=>[key?renderSlot(_ctx.$slots,`cell`,{key:0,row,value:row[key]},()=>[renderSlot(_ctx.$slots,`cell-${key}`,{row,value:row[key]},()=>[createTextVNode(toDisplayString(row[key]),1)],!0)],!0):createCommentVNode(``,!0)]),_:2},1032,[`align`,`class`]))),128)),unref(hasSlotContent)(unref(slots).actions)?(openBlock(),createBlock(unref(MazTableCell),{key:1},{default:withCtx(()=>[renderSlot(_ctx.$slots,`actions`,{row},void 0,!0)]),_:2},1024)):createCommentVNode(``,!0)]),_:2},1032,[`class`,`onClick`]))),128)):(openBlock(),createBlock(unref(MazTableRowComponent),{key:1},{default:withCtx(()=>[createVNode(unref(MazTableCell),{colspan:headersNormalized.value.length+ +!!isSelectable.value+ +!!unref(hasSlotContent)(unref(slots).actions)},{default:withCtx(()=>[renderSlot(_ctx.$slots,`no-results`,{},()=>[createElementVNode(`p`,_hoisted_8,[renderSlot(_ctx.$slots,`no-results-text`,{},()=>[createTextVNode(toDisplayString(messages.value.noResults),1)],!0)])],!0)]),_:3},8,[`colspan`])]),_:3}))],!0)],2)],6)],2),hasFooter.value?(openBlock(),createElementBlock(`div`,_hoisted_9,[__props.pagination?(openBlock(),createElementBlock(`div`,_hoisted_10,[createElementVNode(`div`,_hoisted_11,[createElementVNode(`span`,_hoisted_12,toDisplayString(messages.value.pagination.rowsPerPage),1),createVNode(unref(MazSelect),{modelValue:pageSizeModel.value,"onUpdate:modelValue":_cache[3]||=$event=>pageSizeModel.value=$event,options:pageSizeOptions.value,"rounded-size":__props.roundedSize,size:__props.inputSize??unref(size),color:__props.color,"list-position":`top`,style:{maxWidth:`6rem`}},null,8,[`modelValue`,`options`,`rounded-size`,`size`,`color`])]),totalPagesInternal.value?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(rowsFromTo.value.from)+` - `+toDisplayString(rowsFromTo.value.to)+` `+toDisplayString(messages.value.pagination.of)+` `+toDisplayString(totalItemsInternal.value),1)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_14,[createVNode(unref(MazBtn),{disabled:currentPageModel.value===1,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":__props.roundedSize,onClick:firstPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft),class:`maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===1,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":__props.roundedSize,onClick:previousPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===totalPagesInternal.value,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":__props.roundedSize,onClick:nextPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:rotate-180 maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===totalPagesInternal.value,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":__props.roundedSize,onClick:lastPage},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft),class:`maz:rotate-180 maz:text-base`},null,8,[`icon`])]),_:1},8,[`disabled`,`size`,`rounded-size`])])])):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],2))}}),[[`__scopeId`,`data-v-cb0e0d93`]]);export{mazTableKey as n,MazTable_default as t};

package/dist/chunks/MazTabsBar.DZ-6qL0A.js

@@ -1 +0,0 @@
-import{useInjectStrict}from"../composables/useInjectStrict.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,onMounted,openBlock,ref,renderList,renderSlot,toDisplayString,unref,watch,withCtx}from"vue";import{sleep}from"@maz-ui/utils/helpers/sleep";var _hoisted_1=[`disabled`,`onClick`];var MazTabsBar_default=defineComponent({__name:`MazTabsBar`,props:{items:{},persistent:{type:Boolean,default:!1},queryParam:{default:`tab`},block:{type:Boolean,default:!1},elevation:{type:Boolean,default:!1},autoScroll:{type:Boolean,default:!0},bordered:{type:Boolean,default:!0}},setup(__props){let MazBadge=defineAsyncComponent(()=>import(`../components/MazBadge.js`));let{currentTab,updateCurrentTab}=useInjectStrict(`maz-tabs`);function selectTab(tabIndex){updateCurrentTab(tabIndex+1),__props.persistent&&addOrUpdateQueryParamTab(tabIndex+1)}let tabsBarRef=ref();let itemRefs=ref([]);function isActiveTab(index){return currentTab.value===index+1}function addElementToItemRefs({mazBtn,index}){itemRefs.value[index]=mazBtn&&`$el`in mazBtn?mazBtn.$el:mazBtn}let normalizedItems=computed(()=>__props.items.map(item=>({label:typeof item==`string`?item:item.label,disabled:typeof item==`string`?!1:item.disabled??!1,badge:typeof item==`string`?void 0:item.badge})));let tabsIndicatorState=ref();let tabsBarHasScrollAnimation=ref(!1);async function setIndicatorAndScroll(){if(!__props.autoScroll)return;await sleep(150);let tabsBar=tabsBarRef.value;let activeTab=itemRefs.value[currentTab.value-1];if(!tabsBar||!activeTab)return;if(activeTab.offsetLeft-50<tabsBar.scrollLeft||activeTab.offsetLeft+activeTab.offsetWidth>tabsBar.scrollLeft+tabsBar.clientWidth){let tabBarPaddingLeft=globalThis.getComputedStyle(tabsBar,`padding-left`).paddingLeft;let tabsBarPaddingOffset=Number(tabBarPaddingLeft.slice(0,-2));tabsBar.scrollTo({left:activeTab.offsetLeft-tabsBarPaddingOffset-50,behavior:tabsBarHasScrollAnimation.value?`smooth`:`instant`})}if(typeof currentTab.value!=`number`)return;let indicatorWidth=activeTab?.offsetWidth??0;let indicatorHeight=activeTab?.offsetHeight??0;tabsIndicatorState.value={transform:`translateX(${activeTab?.offsetLeft??0}px)`,width:`${indicatorWidth}px`,height:`${indicatorHeight}px`},tabsBarHasScrollAnimation.value=!0}function getTabStyle(index,disabled){return disabled?{}:currentTab.value===index+1?`color: var(--maz-foreground)`:`color: var(--maz-muted)`}onBeforeMount(()=>{(currentTab.value<1||currentTab.value>normalizedItems.value.length)&&console.error(`[maz-ui](MazTabsBar) The model-value should be between 1 and ${normalizedItems.value.length}`)}),onMounted(()=>{(__props.persistent||currentTab.value)&&setIndicatorAndScroll()}),watch(()=>[currentTab.value,normalizedItems.value],()=>{setIndicatorAndScroll()});function getQueryParamTab(){let urlActuelle=new URL(globalThis.location.href);return Number(urlActuelle.searchParams.get(__props.queryParam))}function addOrUpdateQueryParamTab(tab){let urlActuelle=new URL(globalThis.location.href);urlActuelle.searchParams.set(__props.queryParam,String(tab)),globalThis.history.replaceState({},document.title,urlActuelle.toString())}return onMounted(()=>{__props.persistent&&updateCurrentTab(getQueryParamTab()||currentTab.value||1)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`tabsBarRef`,ref:tabsBarRef,class:normalizeClass([`m-tabs-bar m-reset-css maz:relative maz:inline-flex maz:max-w-full maz:gap-1 maz:overflow-x-auto maz:rounded-md maz:bg-container maz:p-2 maz:align-top`,{"--block":__props.block,"--elevation":__props.elevation,"--bordered":__props.bordered,"maz:w-full":__props.block,"maz:shadow-elevation maz:drop-shadow-md maz:dark:shadow-none":__props.elevation,"maz:border maz:border-divider":__props.bordered}])},[createElementVNode(`div`,{class:normalizeClass([`m-tabs-bar__indicator maz:absolute maz:left-0 maz:rounded-md maz:bg-surface-600 maz:text-center maz:dark:bg-surface-400`,{"maz:transition-all maz:duration-300 maz:ease-in-out":tabsBarHasScrollAnimation.value}]),style:normalizeStyle([tabsIndicatorState.value])},null,6),(openBlock(!0),createElementBlock(Fragment,null,renderList(normalizedItems.value,(item,index)=>(openBlock(),createElementBlock(`button`,{key:index,ref_for:!0,ref:mazBtn=>addElementToItemRefs({mazBtn,index}),class:normalizeClass([[{"--active":isActiveTab(index),"--disabled":item.disabled},item.disabled?`maz:disabled-cursor maz:bg-surface-300 maz:text-gray-400 maz:dark:text-gray-500`:`maz:cursor-pointer maz:hover:text-foreground!`],`m-tabs-bar__item maz:relative maz:flex maz:flex-none maz:items-center maz:gap-2 maz:rounded-md maz:bg-transparent maz:px-3 maz:py-2 maz:text-center maz:font-medium maz:no-underline maz:transition maz:duration-200 maz:ease-in-out`]),disabled:item.disabled,style:normalizeStyle(getTabStyle(index,item.disabled)),onClick:$event=>item.disabled?void 0:selectTab(index)},[renderSlot(_ctx.$slots,`item`,{item,active:isActiveTab(index),index},()=>[createTextVNode(toDisplayString(item.label)+` `,1),item.badge?(openBlock(),createBlock(unref(MazBadge),mergeProps({key:0,ref_for:!0},item.badge,{size:item.badge.size??`xs`,class:`m-tabs-bar__item__badge`}),{default:withCtx(()=>[renderSlot(_ctx.$slots,`badge-content`,{content:item.badge.content},()=>[createTextVNode(toDisplayString(item.badge.content),1)])]),_:2},1040,[`size`])):createCommentVNode(``,!0)])],14,_hoisted_1))),128))],2))}});export{MazTabsBar_default as t};

package/dist/chunks/MazTextarea.DcONQnwU.js

@@ -1 +0,0 @@
-import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as onAutofillSync}from"./autofillSync.ClCtzXjh.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderSlot,toDisplayString,toHandlers,unref,useSlots,vModelText,withDirectives}from"vue";import '../assets/MazTextarea.95tGQ52x.css';var _hoisted_1=[`for`];var _hoisted_2=[`for`];var _hoisted_3=[`for`];var _hoisted_4={key:1};var _hoisted_5={key:2};var _hoisted_6=[`id`,`placeholder`,`name`,`disabled`,`readonly`,`required`];var _hoisted_7={key:1,class:`m-textarea__append maz:inline-flex`};var MazTextarea_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazTextarea`,props:{style:{type:[Boolean,null,String,Object,Array],default:void 0},class:{type:[Boolean,null,String,Object,Array],default:void 0},modelValue:{default:void 0},id:{default:void 0},name:{default:`MazTextarea`},label:{default:void 0},placeholder:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{default:void 0},color:{default:`primary`},roundedSize:{default:`md`},padding:{type:Boolean,default:!0},transparent:{type:Boolean,default:!1},border:{type:Boolean,default:!0},autogrow:{type:Boolean,default:!0},appendJustify:{default:`end`},topLabel:{default:void 0}},emits:[`update:model-value`,`input`,`focus`,`blur`,`change`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let instanceId=useInstanceUniqId({componentName:`MazTextarea`,providedId:props.id});let textarea=ref();let inputValue=computed({get:()=>props.modelValue,set:value=>{emits(`update:model-value`,value),emits(`input`,value)}});function focus(event){emits(`focus`,event)}function blur(event){emits(`blur`,event)}function change(event){emits(`change`,event)}let slots=useSlots();let hasLabelOrHint=computed(()=>props.label||props.hint||!!slots.label);let hasAppend=computed(()=>!!slots.append);let borderStyle=computed(()=>props.error?`maz:border-destructive`:props.success?`maz:border-success`:props.warning?`maz:border-warning`:`--default-border maz:border-divider maz:dark:border-divider-400`);let autofillCleanup;onMounted(()=>{textarea.value&&(autofillCleanup=onAutofillSync(textarea.value,value=>{value!==props.modelValue&&emits(`update:model-value`,value)}))}),onBeforeUnmount(()=>{autofillCleanup?.()});let ROUNDED_CLASS={none:``,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};let stateLabelColor=computed(()=>[{"maz:text-destructive-600":props.error,"maz:text-success-600":props.success,"maz:text-warning-600":props.warning}]);return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-textarea-wrapper m-reset-css maz:flex maz:flex-col maz:gap-2`,props.class]),style:normalizeStyle(__props.style)},[__props.topLabel?(openBlock(),createElementBlock(`label`,{key:0,for:unref(instanceId),class:normalizeClass([`m-textarea__top-label`,stateLabelColor.value])},toDisplayString(__props.topLabel),11,_hoisted_1)):createCommentVNode(``,!0),createElementVNode(`label`,{class:normalizeClass([`m-textarea maz:relative maz:flex maz:min-h-25 maz:flex-col maz:align-top maz:text-foreground`,[{"--is-disabled":__props.disabled,"--has-label":hasLabelOrHint.value,"--background-transparent":__props.transparent,"--has-placeholder":!!__props.placeholder,"--autogrow":__props.autogrow,"maz:px-4 maz:py-3":__props.padding,"maz:border maz:border-solid":__props.border&&!__props.disabled,"maz:bg-input":!__props.transparent&&!__props.disabled,"maz:disabled-cursor maz:border-divider maz:bg-surface-600 maz:text-muted maz:dark:border-divider-400 maz:dark:bg-surface-400":__props.disabled},borderStyle.value,ROUNDED_CLASS[__props.roundedSize],`--${__props.color}`]]),for:unref(instanceId),style:normalizeStyle([`--append-justify: ${__props.appendJustify}`])},[hasLabelOrHint.value?(openBlock(),createElementBlock(`label`,{key:0,for:unref(instanceId),class:normalizeClass([`m-textarea__label`,[...stateLabelColor.value,{"--has-state":__props.error||__props.warning||__props.success}]])},[__props.hint?(openBlock(),createElementBlock(`span`,_hoisted_4,toDisplayString(__props.hint),1)):renderSlot(_ctx.$slots,`label`,{key:0},()=>[createTextVNode(toDisplayString(__props.label),1)],!0),__props.required?(openBlock(),createElementBlock(`sup`,_hoisted_5,`*`)):createCommentVNode(``,!0)],10,_hoisted_3)):createCommentVNode(``,!0),withDirectives(createElementVNode(`textarea`,mergeProps({id:unref(instanceId),ref_key:`textarea`,ref:textarea},_ctx.$attrs,{"onUpdate:modelValue":_cache[0]||=$event=>inputValue.value=$event,placeholder:__props.placeholder||` `,name:__props.name,disabled:__props.disabled,readonly:__props.readonly,required:__props.required,class:{"--has-append":hasAppend.value}},toHandlers({blur,focus,change},!0)),null,16,_hoisted_6),[[vModelText,inputValue.value]]),hasAppend.value?(openBlock(),createElementBlock(`div`,_hoisted_7,[renderSlot(_ctx.$slots,`append`,{},void 0,!0)])):createCommentVNode(``,!0)],14,_hoisted_2)],6))}}),[[`__scopeId`,`data-v-7089766e`]]);export{MazTextarea_default as t};

package/dist/chunks/MazTimeline.BVQpGUcl.js

@@ -1 +0,0 @@
-import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderList,renderSlot,toDisplayString,toHandlers,unref,useId,useSlots,watch}from"vue";import '../assets/MazTimeline.BGQ6pbLr.css';var _hoisted_1=[`aria-label`];var _hoisted_2=[`role`,`aria-label`,`aria-current`,`aria-disabled`,`tabindex`];var _hoisted_3={key:0,class:`m-timeline-check-icon`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`3`,"stroke-linecap":`round`,"stroke-linejoin":`round`};var _hoisted_4={key:2,class:`m-timeline-step-number`};var _hoisted_5={key:0,class:`m-timeline-content`};var MazTimeline_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTimeline`,props:{modelValue:{default:()=>void 0},steps:{},direction:{default:`auto`},breakpoint:{default:`768px`},color:{default:`primary`},size:{default:`md`},showStepNumbers:{type:Boolean,default:!0},autoValidateSteps:{type:Boolean,default:!0},clickable:{type:Boolean,default:!1},animated:{type:Boolean,default:!0},roundedSize:{default:`md`}},emits:[`update:modelValue`,`click-step`],setup(__props,{emit:__emit}){let emit=__emit;let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let slots=useSlots();let instanceId=useId();let isVertical=ref(!1);let mediaQuery;function cleanupMediaQuery(){mediaQuery&&=(mediaQuery.removeEventListener(`change`,onMediaChange),void 0)}function setupMediaQuery(){cleanupMediaQuery(),__props.direction===`auto`?(mediaQuery=globalThis.matchMedia(`(min-width: ${__props.breakpoint})`),mediaQuery.addEventListener(`change`,onMediaChange),isVertical.value=!mediaQuery.matches):isVertical.value=__props.direction===`vertical`}function onMediaChange(event){isVertical.value=!event.matches}onMounted(()=>{setupMediaQuery()}),onBeforeUnmount(()=>{cleanupMediaQuery()}),watch(()=>[__props.direction,__props.breakpoint],()=>setupMediaQuery());function getStepState(step,index){return step.state?step.state:__props.modelValue===void 0?`pending`:index<__props.modelValue?`completed`:index===__props.modelValue?`active`:`pending`}function isStepActive(step,index){return getStepState(step,index)===`active`}function isStepCompleted(step,index){return getStepState(step,index)===`completed`}function isConnectorCompleted(index){return isStepCompleted(__props.steps[index],index)}function isConnectorActive(index){return isStepActive(__props.steps[index],index)}let colorStyles=computed(()=>({"--m-timeline-color":`var(--maz-${__props.color}-700)`,"--m-timeline-color-dark":`var(--maz-${__props.color}-400)`,"--m-timeline-bg":`var(--maz-${__props.color})`,"--m-timeline-fg":`var(--maz-${__props.color}-foreground)`}));let stateColorMap={completed:`success`,active:``,error:`destructive`,warning:`warning`,pending:``};function getStateStyle(state){let mappedColor=stateColorMap[state];if(!(!mappedColor||state===`active`))return{"--m-timeline-state-color":`var(--maz-${mappedColor}-700)`,"--m-timeline-state-color-dark":`var(--maz-${mappedColor}-400)`,"--m-timeline-state-bg":`var(--maz-${mappedColor})`,"--m-timeline-state-fg":`var(--maz-${mappedColor}-foreground)`}}function getStepAriaLabel(step,index){let state=getStepState(step,index);let title=step.title?`, ${step.title}`:``;return`Step ${index+1}${title}: ${state}`}function getStepRole(step){return __props.clickable&&!step.disabled?`button`:void 0}function getStepTabindex(step){return __props.clickable&&!step.disabled?0:void 0}function onStepClick(step,index){!__props.clickable||step.disabled||(emit(`update:modelValue`,index),emit(`click-step`,{step,index}))}function onStepKeydown(event,step,index){if(!__props.clickable||step.disabled)return;if(event.key===`Enter`||event.key===` `){event.preventDefault(),onStepClick(step,index);return}let isHorizontal=!isVertical.value;let nextKey=isHorizontal?`ArrowRight`:`ArrowDown`;let prevKey=isHorizontal?`ArrowLeft`:`ArrowUp`;let targetIndex;event.key===nextKey?targetIndex=findNextEnabledStep(index,1):event.key===prevKey&&(targetIndex=findNextEnabledStep(index,-1)),targetIndex!==void 0&&(event.preventDefault(),(event.currentTarget.closest(`.m-timeline`)?.querySelectorAll(`.m-timeline-step`))?.[targetIndex]?.focus())}function findNextEnabledStep(fromIndex,direction){let index=fromIndex+direction;for(;index>=0&&index<__props.steps.length;){if(!__props.steps[index].disabled)return index;index+=direction}}let hasCheckIcon=computed(()=>__props.autoValidateSteps);let ROUNDED_CLASS={none:`maz:rounded-none`,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,"2xl":`maz:rounded-2xl`,"3xl":`maz:rounded-3xl`,full:`maz:rounded-full`};let TITLE_SIZE_CLASS={mini:`maz:text-[0.625rem]`,xs:`maz:text-xs`,sm:`maz:text-xs`,md:`maz:text-sm`,lg:`maz:text-base`,xl:`maz:text-lg`};let SUBTITLE_SIZE_CLASS={mini:`maz:text-[0.5rem]`,xs:`maz:text-[0.625rem]`,sm:`maz:text-[0.65rem]`,md:`maz:text-xs`,lg:`maz:text-sm`,xl:`maz:text-base`};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-timeline m-reset-css maz:flex maz:items-stretch`,[`--${__props.size}`,`--rounded-${__props.roundedSize}`,isVertical.value?`--vertical maz:flex-col`:`--horizontal maz:flex-row maz:items-start`,{"--clickable":__props.clickable,"--animated":__props.animated}]]),role:`list`,"aria-label":_ctx.$attrs[`aria-label`]??`Timeline`,style:normalizeStyle(colorStyles.value)},[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.steps,(step,index)=>(openBlock(),createElementBlock(`div`,{key:`${unref(instanceId)}-step-${index}`,class:normalizeClass([`m-timeline-item`,{"--last":index===__props.steps.length-1}])},[createElementVNode(`div`,mergeProps({class:[`m-timeline-step`,[`--${getStepState(step,index)}`,{"--disabled":step.disabled}]],role:getStepRole(step)??`listitem`,"aria-label":getStepAriaLabel(step,index),"aria-current":isStepActive(step,index)?`step`:void 0,"aria-disabled":step.disabled||void 0,tabindex:getStepTabindex(step),style:getStateStyle(getStepState(step,index))},toHandlers(__props.clickable?{click:()=>onStepClick(step,index),keydown:e=>onStepKeydown(e,step,index)}:{},!0)),[createElementVNode(`div`,{class:normalizeClass([`m-timeline-indicator maz:flex maz:shrink-0 maz:flex-center`,ROUNDED_CLASS[__props.roundedSize]]),"aria-hidden":`true`},[renderSlot(_ctx.$slots,`indicator`,{step,index,state:getStepState(step,index),isActive:isStepActive(step,index),isCompleted:isStepCompleted(step,index)},()=>[hasCheckIcon.value&&isStepCompleted(step,index)?(openBlock(),createElementBlock(`svg`,_hoisted_3,[..._cache[0]||=[createElementVNode(`polyline`,{points:`20 6 9 17 4 12`},null,-1)]])):step.icon?(openBlock(),createElementBlock(Fragment,{key:1},[typeof step.icon==`string`?(openBlock(),createBlock(unref(MazIcon),{key:0,name:step.icon,class:`m-timeline-step-icon`},null,8,[`name`])):(openBlock(),createBlock(unref(MazIcon),{key:1,icon:step.icon,class:`m-timeline-step-icon`},null,8,[`icon`]))],64)):__props.showStepNumbers?(openBlock(),createElementBlock(`span`,_hoisted_4,toDisplayString(index+1),1)):createCommentVNode(``,!0)],!0)],2),step.title||step.subtitle||unref(slots).title||unref(slots).subtitle||unref(slots).content?(openBlock(),createElementBlock(`div`,_hoisted_5,[renderSlot(_ctx.$slots,`content`,{step,index,state:getStepState(step,index),isActive:isStepActive(step,index),isCompleted:isStepCompleted(step,index)},()=>[step.title||unref(slots).title?(openBlock(),createElementBlock(`p`,{key:0,class:normalizeClass([`m-timeline-title maz:font-display`,TITLE_SIZE_CLASS[__props.size]])},[renderSlot(_ctx.$slots,`title`,{step,index,state:getStepState(step,index)},()=>[createTextVNode(toDisplayString(step.title),1)],!0)],2)):createCommentVNode(``,!0),step.subtitle||unref(slots).subtitle?(openBlock(),createElementBlock(`p`,{key:1,class:normalizeClass([`m-timeline-subtitle`,SUBTITLE_SIZE_CLASS[__props.size]])},[renderSlot(_ctx.$slots,`subtitle`,{step,index,state:getStepState(step,index)},()=>[createTextVNode(toDisplayString(step.subtitle),1)],!0)],2)):createCommentVNode(``,!0)],!0)])):createCommentVNode(``,!0)],16,_hoisted_2),index<__props.steps.length-1?(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`m-timeline-connector`,{"--completed":isConnectorCompleted(index),"--active":isConnectorActive(index)}]),"aria-hidden":`true`},[renderSlot(_ctx.$slots,`connector`,{index,isCompleted:isConnectorCompleted(index),isActive:isConnectorActive(index)},()=>[_cache[1]||=createElementVNode(`div`,{class:`m-timeline-connector-track`},[createElementVNode(`div`,{class:`m-timeline-connector-fill`})],-1)],!0)],2)):createCommentVNode(``,!0)],2))),128))],14,_hoisted_1))}}),[[`__scopeId`,`data-v-3303e187`]]);export{MazTimeline_default as t};

package/dist/chunks/autofillSync.ClCtzXjh.js

@@ -1,8 +0,0 @@
-var ANIMATION_NAME=`maz-autofill-start`;var STYLE_ELEMENT_ID=`maz-autofill-sync`;function ensureStylesInjected(){if(typeof document>`u`||document.getElementById(STYLE_ELEMENT_ID))return;let style=document.createElement(`style`);style.id=STYLE_ELEMENT_ID,style.textContent=`
-@keyframes ${ANIMATION_NAME} { from {} to {} }
-[data-maz-autofill-sync]:-webkit-autofill,
-[data-maz-autofill-sync]:autofill {
-  animation-name: ${ANIMATION_NAME};
-  animation-duration: 1ms;
-}
-`,document.head.appendChild(style)}function onAutofillSync(field,onSync){ensureStylesInjected(),field.setAttribute(`data-maz-autofill-sync`,``);function handleAnimationStart(event){event.animationName===ANIMATION_NAME&&onSync(event.target.value)}return field.addEventListener(`animationstart`,handleAnimationStart),()=>{field.removeEventListener(`animationstart`,handleAnimationStart),field.removeAttribute(`data-maz-autofill-sync`)}}export{onAutofillSync as t};

package/dist/chunks/dialog.qgEhJrxa.js

@@ -1 +0,0 @@
-import{useMountComponent}from"../composables/useMountComponent.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"./MazDialogConfirm.DY48xj6x.js";var DEFAULT_OPTIONS={identifier:`main-dialog`};var DialogHandler=class{activeDialogs=new Map;constructor(app,globalOptions=DEFAULT_OPTIONS){this.app=app,this.globalOptions=globalOptions}open(options){let props={...DEFAULT_OPTIONS,...this.globalOptions,...options};let{removeDialogFromState}=useMazDialogConfirm();let existing=this.activeDialogs.get(props.identifier);existing&&(existing.cleanupTimer&&clearTimeout(existing.cleanupTimer),removeDialogFromState(props.identifier),existing.destroy(),this.activeDialogs.delete(props.identifier));let{destroy,vNode}=useMountComponent(MazDialogConfirm_default,{props,app:this.app});let entry={destroy};this.activeDialogs.set(props.identifier,entry);let{showDialogAndWaitChoice}=useMazDialogConfirm();let scheduleDestroy=()=>{entry.cleanupTimer=setTimeout(()=>{this.activeDialogs.get(props.identifier)===entry&&(destroy(),this.activeDialogs.delete(props.identifier))},700)};return(async()=>{try{let response=await showDialogAndWaitChoice(props.identifier);props.onAccept&&props.onAccept(response)}catch(error){props.onReject&&props.onReject(error)}finally{scheduleDestroy()}})(),{destroy:()=>{entry.cleanupTimer&&clearTimeout(entry.cleanupTimer),destroy(),this.activeDialogs.get(props.identifier)===entry&&this.activeDialogs.delete(props.identifier)},close:()=>{vNode.component?.exposed?.isActive?.value&&(vNode.component?.exposed?.close(),props.onClose?.(),scheduleDestroy())}}}};var DialogPlugin={install(app,options){let dialogHandler=new DialogHandler(app,options);app.provide(`mazDialog`,dialogHandler),app.config.globalProperties.$mazDialog={open:dialogHandler.open.bind(dialogHandler),globalOptions:dialogHandler.globalOptions}}};export{DialogHandler as n,DialogPlugin as t};

package/dist/chunks/useMazInputPhoneNumber.CpBb0rFP.js

@@ -1 +0,0 @@
-import{ref}from"vue";import{AsYouType,getCountries,getCountryCallingCode,getExampleNumber,isSupportedCountry,parsePhoneNumberFromString}from"libphonenumber-js";import{fetchLocaleIp}from"@maz-ui/utils/helpers/fetchLocaleIp";var examples=ref();function isCountryAvailable(locale){try{return isSupportedCountry(locale)||(console.error(`[maz-ui](MazInputPhoneNumber) The code country "${locale}" is not available`),!1)}catch(error){return console.error(`[maz-ui](MazInputPhoneNumber) ${error}`),!1}}function getPhoneNumberResults({phoneNumber,countryCode,checkCountryCode=!1}){try{if(!phoneNumber)return{isValid:!1,countryCode};let parsedNumber=parsePhoneNumberFromString(phoneNumber,countryCode??void 0);return{isValid:(parsedNumber?.isValid()??!1)&&!!(!(countryCode&&checkCountryCode)||parsedNumber?.country&&countryCode===parsedNumber.country),countryCode,parsedCountryCode:parsedNumber?.country,isPossible:parsedNumber?.isPossible(),countryCallingCode:parsedNumber?.countryCallingCode,nationalNumber:parsedNumber?.nationalNumber,type:parsedNumber?.getType(),formatInternational:parsedNumber?.formatInternational(),formatNational:parsedNumber?.formatNational(),uri:parsedNumber?.getURI(),e164:parsedNumber?.format(`E.164`),rfc3966:parsedNumber?.format(`RFC3966`),possibleCountries:parsedNumber?.getPossibleCountries(),phoneNumber}}catch(error){throw Error(`[MazInputPhoneNumber](getResultsFromPhoneNumber) ${error}`,{cause:error})}}async function getPhoneNumberExamplesFile(){let{default:data}=await import(`libphonenumber-js/examples.mobile.json`);return data}function getPhoneNumberExample(countryCode){try{return examples.value&&countryCode?getExampleNumber(countryCode,examples.value)?.formatNational():void 0}catch(error){console.error(`[maz-ui](MazInputPhoneNumber) ${error}`)}}function getAsYouTypeFormat(countryCode,phoneNumber){try{return!phoneNumber||!countryCode||typeof countryCode!=`string`||countryCode.length!==2?phoneNumber:new AsYouType(countryCode).input(phoneNumber)}catch(error){return console.error(`[MazInputPhoneNumber](getAsYouTypeFormat) Error with countryCode: "${countryCode}", phoneNumber: "${phoneNumber}"`,error),phoneNumber}}function isSameCountryCallingCode(countryCode,countryCode2){return getCountryCallingCode(countryCode)===getCountryCallingCode(countryCode2)}async function loadExamples(){try{if(examples.value)return;examples.value=await getPhoneNumberExamplesFile()}catch(error){console.error(`[maz-ui](MazInputPhoneNumber) while loading phone number examples file`,error)}}function useLibphonenumber(){return{examples,getAsYouTypeFormat,getPhoneNumberResults,getPhoneNumberExamplesFile,getPhoneNumberExample,isSameCountryCallingCode,isCountryAvailable,getCountries,getCountryCallingCode,loadExamples}}function getBrowserLocale(){if(globalThis.window===void 0)return;let browserLocale=globalThis.navigator.language;if(!browserLocale)return;let parts=browserLocale.split(`-`);let locale=parts.length>1?parts[1].slice(0,2).toUpperCase():parts[0].slice(0,2).toUpperCase();return locale===`EN`&&(locale=`US`),locale===`JA`&&(locale=`JP`),{locale,browserLocale}}var displayNamesInstance;var displayNamesLocale;function getCountryName(locale,code,customCountriesNameListByIsoCode){return customCountriesNameListByIsoCode?.[code]?customCountriesNameListByIsoCode[code]:((displayNamesLocale!==locale||!displayNamesInstance)&&(displayNamesLocale=locale,displayNamesInstance=new Intl.DisplayNames([locale],{type:`region`})),displayNamesInstance.of(code))}function getCountryList(locale,customCountriesNameListByIsoCode){let countriesList=[];let isoList=getCountries();locale=locale??getBrowserLocale()?.browserLocale??`en-US`;for(let code of isoList){let name=getCountryName(locale,code,customCountriesNameListByIsoCode);if(name)try{let dialCode=getCountryCallingCode(code);countriesList.push({code,dialCode,name})}catch(error){console.error(`[MazInputPhoneNumber](getCountryCallingCode) ${error}`)}}return countriesList}async function fetchCountryCode(){try{let countryCode=await fetchLocaleIp();return countryCode?{data:countryCode,error:void 0}:{data:void 0,error:Error(`[MazInputPhoneNumber](fetchCountryCode) No country code found`)}}catch(error){return{data:void 0,error:Error(`[MazInputPhoneNumber](fetchCountryCode) ${error}`)}}}var isLetterOrNumberRegex=/[^\d ()+-]/g;function sanitizePhoneNumber(input){return input?input.replaceAll(isLetterOrNumberRegex,``).trim():``}function useMazInputPhoneNumber(){return{fetchCountryCode,getBrowserLocale,getCountryList,sanitizePhoneNumber}}export{useLibphonenumber as n,useMazInputPhoneNumber as t};

package/dist/chunks/utils.BIXHUFDs.js

@@ -1 +0,0 @@
-import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import{capitalize}from"@maz-ui/utils/helpers/capitalize";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf;var __hasOwnProp=Object.prototype.hasOwnProperty;var __commonJSMin=(cb,mod)=>()=>(mod||(cb((mod={exports:{}}).exports,mod),cb=null),mod.exports);var __copyProps=(to,from,except,desc)=>{if(from&&typeof from==`object`||typeof from==`function`)for(var keys=__getOwnPropNames(from),i=0,n=keys.length,key;i<n;i++)key=keys[i],!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:(k=>from[k]).bind(null,key),enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod==null?{}:__create(__getProtoOf(mod)),__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,`default`,{value:mod,enumerable:!0}):target,mod));var import_weekday=__toESM(__commonJSMin(((exports,module)=>{(function(e,t){typeof exports==`object`&&module!==void 0?module.exports=t():typeof define==`function`&&define.amd?define(t):(e=typeof globalThis<`u`?globalThis:e||self).dayjs_plugin_weekday=t()})(exports,(function(){return function(e,t){t.prototype.weekday=function(e){var t=this.$locale().weekStart||0,i=this.$W,n=(i<t?i+7:i)-t;return this.$utils().u(e)?n:this.subtract(n,`day`).add(e,`day`)}}}))}))(),1);dayjs.extend(import_weekday.default);function getFormattedDate({value,locale,options}){let formattedDate=value?formatDate(value,locale,options):void 0;return formattedDate?capitalize(formattedDate):void 0}function getRangeFormattedDate({value,locale,options}){let startValue=getFormattedDate({value:value.start,locale,options});let endValue=getFormattedDate({value:value.end,locale,options});return startValue||endValue?`${startValue||`...`} - ${endValue||`...`}`:void 0}function getFirstDayOfMonth(value){return dayjs(value).startOf(`month`).day()}function getDaysOfWeek(locale,firstDayOfWeek){let currentDate=dayjs().locale(locale);let days=[];for(let i=0;i<7;i++){let dayName=formatDate(currentDate.day(i+firstDayOfWeek).toDate(),locale,{weekday:`short`});dayName&&days.push(dayName)}return days}function getDaysInMonth(date){return dayjs(date).daysInMonth()}function isSameDate(date,date2,unit){return dayjs(date).isSame(date2,unit)}function isSameDay(date,dayNumber){return dayjs(date).day()===dayNumber}function getISODate(value,format=`YYYY-MM-DD`){if(value)return dayjs(value).format(format)}function getRangeISODate(value,format=`YYYY-MM-DD`){if(value)return{start:getISODate(value.start,format),end:getISODate(value.end,format)}}function checkValueWithMinMaxDates({value,minDate,maxDate,format,minMaxAuto}){return minMaxAuto?minDate&&dayjs(value).isBefore(minDate)?{newValue:minDate,newCurrentDate:dayjs(minDate,format).format()}:maxDate&&dayjs(value).isAfter(maxDate)?{newValue:maxDate,newCurrentDate:dayjs(maxDate,format).format()}:{newValue:void 0,newCurrentDate:void 0}:{newValue:value,newCurrentDate:value}}function isValueDisabledWeekly({value,disabledWeekly}){return disabledWeekly.some(dayNumber=>isSameDay(value,dayNumber))}function isValueDisabledDate({value,disabledDates}){return disabledDates.some(disabledDate=>dayjs(value).isSame(dayjs(disabledDate),`date`))}function scrollToTarget(scrollContainer,target,offset=0,hasSmoothEffect=!0){scrollContainer.scrollTo({top:target.offsetTop-offset,behavior:hasSmoothEffect?`smooth`:`auto`})}function findNearestNumberInList(list,number){return list.reduce((prev,curr)=>Math.abs(curr-number)<Math.abs(prev-number)?curr:prev)}function isRangeValue(value){return!!value&&typeof value==`object`}function isValidDate(value){return!!value&&(typeof value==`string`||typeof value==`number`||value instanceof Date)&&dayjs(value).isValid()}function getDefaultsShortcuts(t){return[{label:t.lastSevenDays,identifier:`last7Days`,value:{start:dayjs().subtract(6,`day`).format(`YYYY-MM-DD`),end:dayjs().format(`YYYY-MM-DD`)}},{label:t.lastThirtyDays,identifier:`last30Days`,value:{start:dayjs().subtract(29,`day`).format(`YYYY-MM-DD`),end:dayjs().format(`YYYY-MM-DD`)}},{label:t.thisWeek,identifier:`thisWeek`,value:{start:dayjs().startOf(`week`).format(`YYYY-MM-DD`),end:dayjs().endOf(`week`).format(`YYYY-MM-DD`)}},{label:t.lastWeek,identifier:`lastWeek`,value:{start:dayjs().subtract(1,`week`).startOf(`week`).format(`YYYY-MM-DD`),end:dayjs().subtract(1,`week`).endOf(`week`).format(`YYYY-MM-DD`)}},{label:t.thisMonth,identifier:`thisMonth`,value:{start:dayjs().set(`date`,1).format(`YYYY-MM-DD`),end:dayjs().set(`date`,dayjs().daysInMonth()).format(`YYYY-MM-DD`)}},{label:t.thisYear,identifier:`thisYear`,value:{start:dayjs().startOf(`year`).format(`YYYY-MM-DD`),end:dayjs().endOf(`year`).format(`YYYY-MM-DD`)}},{label:t.lastYear,identifier:`lastYear`,value:{start:dayjs().subtract(1,`year`).startOf(`year`).format(`YYYY-MM-DD`),end:dayjs().subtract(1,`year`).endOf(`year`).format(`YYYY-MM-DD`)}}]}export{scrollToTarget as _,getDefaultsShortcuts as a,getISODate as c,isRangeValue as d,isSameDate as f,isValueDisabledWeekly as g,isValueDisabledDate as h,getDaysOfWeek as i,getRangeFormattedDate as l,isValidDate as m,findNearestNumberInList as n,getFirstDayOfMonth as o,isSameDay as p,getDaysInMonth as r,getFormattedDate as s,checkValueWithMinMaxDates as t,getRangeISODate as u,__commonJSMin as v,__toESM as y};

package/dist/chunks/vFullscreenImg.1ZDySW82.js

@@ -1 +0,0 @@
-import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazIcon_default}from"./MazIcon.kRDEA5UE.js";import{t as MazSpinner_default}from"./MazSpinner.VlFx29X6.js";import{useMountComponent}from"../composables/useMountComponent.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineComponent,normalizeClass,onBeforeUnmount,onMounted,openBlock,reactive,ref,unref,vShow,watch,withDirectives,withKeys,withModifiers}from"vue";import{MazChevronLeft}from"@maz-ui/icons/lazy/MazChevronLeft";import{MazXMark}from"@maz-ui/icons/lazy/MazXMark";import{checkAvailability}from"@maz-ui/utils/helpers/checkAvailability";import '../assets/vFullscreenImg.CjFY-ZFg.css';var _hoisted_1=[`onKeypress`];var _hoisted_2={class:`m-fullscreen-img-scroller maz:flex maz:h-screen maz:w-screen maz:flex-center maz:overflow-auto`};var _hoisted_3=[`src`,`alt`];var MazFullscreenImg_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazFullscreenImg`,props:{src:{},clickedElementBounds:{default:void 0},offset:{default:void 0},animation:{default:()=>({duration:300,easing:`ease-in-out`})},openInstanceClass:{default:`m-fullscreen-img-instance`},clickedElement:{},destroy:{type:Function,default:void 0},alt:{default:void 0},zoom:{type:Boolean,default:!0}},emits:[`close`,`previous`,`next`,`before-close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let imageLoaded=ref(!1);let showLoader=ref(!1);let loadedOnce=ref(!1);let hasMultipleInstances=ref(!1);let isZoomed=ref(!1);let animationState=reactive({running:!1,ended:!1});let currentClickedElement=ref(props.clickedElement);let currentClickedElementBounds=computed(()=>props.clickedElement.getBoundingClientRect());let isLandscapeImage=ref();let currentSrc=ref(props.src);let currentAlt=ref(props.alt);let FullscreenImgElement=ref();let ImgElement=ref();let hideImage=ref(!0);let imageZoomClasses=computed(()=>({"--is-zoomed":isZoomed.value,"--invisible":hideImage.value,"--absolute":!isZoomed.value}));function onImageLoaded(){ImgElement.value&&(isLandscapeImage.value=ImgElement.value?.naturalWidth>ImgElement.value?.naturalHeight),imageLoaded.value=!0,showLoader.value=!1,loadedOnce.value=!0}watch(loadedOnce,value=>{value&&openFullscreen()},{immediate:!0});function close(){emits(`before-close`),closeFullscreen()}function keydownLister(e){e.key===`Escape`&&(e.preventDefault(),close()),(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&(e.preventDefault(),nextPreviousImage(e.key===`ArrowRight`?`next`:`previous`))}function addClassToDocument(){document.documentElement.classList.add(`--m-fullscreen-open`)}function removeClassFromDocument(){document.documentElement.classList.remove(`--m-fullscreen-open`)}function getAllInstances(){return[...document.querySelectorAll(`.m-fullscreen-img-instance`)]}function getNewInstanceIndex(allInstances,newInstanceIndex){return newInstanceIndex<0?allInstances.length-1:newInstanceIndex>=allInstances.length?0:newInstanceIndex}function useNextInstance(currentInstance,nextInstance){currentInstance.classList.remove(props.openInstanceClass),nextInstance.classList.add(props.openInstanceClass);let src=nextInstance.getAttribute(`data-src`);currentAlt.value=nextInstance.getAttribute(`data-alt`),currentSrc.value=src??currentSrc.value}function nextPreviousImage(which){hideImage.value=!0;let currentInstance=document.querySelector(`.m-fullscreen-img-instance.${props.openInstanceClass}`);if(currentInstance){let allInstances=getAllInstances();let currentInstanceIndex=allInstances.indexOf(currentInstance);let nextInstance=allInstances[getNewInstanceIndex(allInstances,which===`next`?currentInstanceIndex+1:currentInstanceIndex-1)];currentClickedElement.value=nextInstance,nextInstance&&useNextInstance(currentInstance,nextInstance),emits(which),imageLoaded.value=!1,showLoader.value=!0,checkAvailability(()=>imageLoaded.value===!0,()=>{hideImage.value=!1,isZoomed.value?setZoomStyles():setEndAnimationStyles()},{expectedValue:!0,interval:100,maxAttempts:50})}}function setZoomStyles(){let imgElement=ImgElement.value;if(!imgElement){console.error(`[maz-ui](vFullscreenImg) ImgElement is not defined`);return}imgElement.style.removeProperty(`max-width`),imgElement.style.removeProperty(`max-height`),imgElement?.style.removeProperty(`top`),imgElement?.style.removeProperty(`left`),isLandscapeImage.value?(imgElement.style.height=`100vh`,imgElement.style.removeProperty(`width`)):(imgElement.style.width=`100vw`,imgElement.style.removeProperty(`height`))}function toggleZoom(){isZoomed.value?(isZoomed.value=!isZoomed.value,setEndAnimationStyles()):(isZoomed.value=!isZoomed.value,setZoomStyles())}function runAnimation(frames){animationState.running=!0,hideImage.value=!1;let animation=ImgElement.value?.animate(frames,{duration:props.animation.duration,easing:props.animation.easing});if(!animation){console.error(`[maz-ui](vFullscreenImg) animation is not defined`),animationState.running=!1,animationState.ended=!0;return}return animation}function getPositionsOfClikedElement(offset=props.offset??0){let width=currentClickedElement.value.clientWidth||1;let height=currentClickedElement.value.clientHeight||1;let windowWidth=window.innerWidth;let windowHeight=window.innerHeight;let scale=Math.min((windowWidth-2*offset)/width,(windowHeight-2*offset)/height);return{centerX:(windowWidth-width*scale)/2,centerY:(windowHeight-height*scale)/2,width,height,scale}}function getAnimationFrames({trigger}){let{width,height,scale,centerX,centerY}=getPositionsOfClikedElement();let{top,left,width:clickedElementWidth,height:clickedElementHeight}=currentClickedElementBounds.value;let frames=[{top:`${top}px`,left:`${left}px`,width:`${clickedElementWidth}px`,height:`${clickedElementHeight}px`,opacity:0},{top:`${centerY}px`,left:`${centerX}px`,width:`${width*scale}px`,height:`${height*scale}px`,opacity:1}];return{frames:trigger===`open`?frames:frames.reverse()}}function setEndAnimationStyles(){let{height,width,scale}=getPositionsOfClikedElement();let finalStyles=isLandscapeImage.value?{width:`${width*scale}px`,maxHeight:`${height*scale}px`}:{height:`${height*scale}px`,maxWidth:`${width*scale}px`};if(!ImgElement.value){console.error(`[maz-ui](vFullscreenImg) ImgElement is not defined`);return}isLandscapeImage.value?(ImgElement.value.style.removeProperty(`height`),ImgElement.value.style.removeProperty(`maxHeight`)):(ImgElement.value.style.removeProperty(`width`),ImgElement.value.style.removeProperty(`maxWidth`)),Object.assign(ImgElement.value.style,finalStyles)}function openFullscreen(){let{frames}=getAnimationFrames({trigger:`open`});let openAnimation=runAnimation(frames);if(!openAnimation){console.error(`[maz-ui](vFullscreenImg) open animation is not defined`),setEndAnimationStyles();return}openAnimation.onfinish=()=>{setEndAnimationStyles(),animationState.running=!1,animationState.ended=!0}}function closeFullscreen(){let{frames}=getAnimationFrames({trigger:`close`});let closeAnimation=runAnimation(frames);function onFinish(){emits(`close`),FullscreenImgElement.value?.remove(),props.destroy?.(),animationState.running=!1,animationState.ended=!0}if(!closeAnimation){console.error(`[maz-ui](vFullscreenImg) close animation is not defined`),onFinish();return}closeAnimation.onfinish=onFinish}function onResizeWindow(){isZoomed.value||setEndAnimationStyles()}return onMounted(()=>{showLoader.value=!0,document.addEventListener(`keydown`,keydownLister),window.addEventListener(`resize`,onResizeWindow),addClassToDocument(),hasMultipleInstances.value=getAllInstances().length>1}),onBeforeUnmount(()=>{document.removeEventListener(`keydown`,keydownLister),window.removeEventListener(`resize`,onResizeWindow),removeClassFromDocument()}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`FullscreenImgElement`,ref:FullscreenImgElement,role:`button`,class:`m-fullscreen-img m-reset-css maz:fixed maz:inset-0 maz:z-default-backdrop maz:h-screen maz:w-screen maz:items-center maz:bg-overlay/5 maz:outline-hidden maz:backdrop-blur-sm`,tabindex:`0`,onClick:withModifiers(close,[`stop`]),onKeypress:withKeys(withModifiers(close,[`prevent`]),[`esc`])},[loadedOnce.value&&hasMultipleInstances.value?(openBlock(),createElementBlock(`button`,{key:0,type:`button`,class:`m-fullscreen-btn --next maz:absolute maz:inset-e-0 maz:top-1/2 maz:z-15 maz:flex maz:h-screen maz:w-[7%] maz:min-w-[5em] maz:-translate-y-1/2 maz:transform maz:cursor-pointer maz:items-center maz:justify-end maz:bg-transparent maz:p-4 maz:transition-colors maz:duration-200`,onClick:_cache[0]||=withModifiers($event=>nextPreviousImage(`next`),[`stop`])},[createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:rotate-180`},null,8,[`icon`])])):createCommentVNode(``,!0),loadedOnce.value&&hasMultipleInstances.value?(openBlock(),createElementBlock(`button`,{key:1,type:`button`,class:`m-fullscreen-btn --previous maz:absolute maz:top-1/2 maz:left-0 maz:z-15 maz:flex maz:h-screen maz:w-[7%] maz:min-w-[5em] maz:-translate-y-1/2 maz:transform maz:cursor-pointer maz:items-center maz:justify-start maz:bg-transparent maz:p-4 maz:transition-colors maz:duration-200`,onClick:_cache[1]||=withModifiers($event=>nextPreviousImage(`previous`),[`stop`])},[createVNode(MazIcon_default,{icon:unref(MazChevronLeft)},null,8,[`icon`])])):createCommentVNode(``,!0),createElementVNode(`button`,{type:`button`,class:`m-fullscreen-btn --close maz:absolute maz:inset-e-0 maz:top-0 maz:z-15 maz:flex maz:h-20 maz:w-[7%] maz:min-w-[5em] maz:cursor-pointer maz:items-start maz:justify-end maz:bg-transparent maz:p-4 maz:transition-colors maz:duration-200`,onClick:close},[createVNode(MazIcon_default,{icon:unref(MazXMark)},null,8,[`icon`])]),createElementVNode(`div`,_hoisted_2,[createElementVNode(`img`,{ref_key:`ImgElement`,ref:ImgElement,src:currentSrc.value,alt:currentAlt.value??void 0,tabindex:`0`,class:normalizeClass([imageZoomClasses.value]),onLoad:onImageLoaded,onClick:_cache[2]||=withModifiers($event=>__props.zoom&&toggleZoom(),[`stop`])},null,42,_hoisted_3),withDirectives(createVNode(MazSpinner_default,{class:`m-fullscreen-img-loader maz:absolute maz:z-15 maz:text-2xl`},null,512),[[vShow,showLoader.value]])])],40,_hoisted_1))}}),[[`__scopeId`,`data-v-0f9a871b`]]);var STATE_OPEN_CLASS=`m-fullscreen-is-open`;var FullscreenImgHandler=class{options=void 0;defaultOptions={scaleOnHover:!1,blurOnHover:!1,disabled:!1,zoom:!0,offset:80,animation:{duration:300,easing:`ease-in-out`}};mouseEnterListener=void 0;mouseLeaveListener=void 0;renderPreviewListener=void 0;buildOptions(el,binding){let options=typeof binding.value==`object`?binding.value:{src:binding.value,alt:void 0};let src=options?.src??this.getImgSrc(el);let alt=options?.alt??this.getImgAlt(el);return{...this.defaultOptions,...options,src,alt}}get allInstances(){return[...document.querySelectorAll(`.m-fullscreen-img-instance`)]}getImgSrc(el){let imgSrc=this.options?.src||el.getAttribute(`src`)||el.getAttribute(`data-src`);if(!imgSrc)throw Error('[maz-ui](fullscreen-img) src of image must be provided by `v-fullscreen=""`, `v-fullscreen="{ src: "" }"`, `src=""` or `data-src=""` atributes');return imgSrc}getImgAlt(el){return this.options?.alt||el.getAttribute(`alt`)||el.getAttribute(`data-alt`)}create(el,binding){if(this.options=this.buildOptions(el,binding),this.options.disabled)return;el.style.cursor=`move`,(this.options.scaleOnHover||this.options.blurOnHover)&&(el.style.transition=`all 200ms ease-in-out`),el.classList.add(`m-fullscreen-img-instance`),el.setAttribute(`data-src`,this.getImgSrc(el));let alt=this.getImgAlt(el);alt&&el.setAttribute(`data-alt`,alt),this.mouseEnterListener=()=>this.mouseEnter(el),this.mouseLeaveListener=()=>this.mouseLeave(el),this.renderPreviewListener=()=>this.renderPreview(el),el.addEventListener(`mouseenter`,this.mouseEnterListener),el.addEventListener(`mouseleave`,this.mouseLeaveListener),el.addEventListener(`click`,this.renderPreviewListener)}update(el,binding){this.options=this.buildOptions(el,binding)}remove(el){this.mouseEnterListener&&el.removeEventListener(`mouseenter`,this.mouseEnterListener),this.mouseLeaveListener&&el.removeEventListener(`mouseleave`,this.mouseLeaveListener),this.renderPreviewListener&&el.removeEventListener(`click`,this.renderPreviewListener),el.classList.remove(`m-fullscreen-img-instance`),el.style.cursor=``}renderPreview(el){return el.classList.add(STATE_OPEN_CLASS),useMountComponent(MazFullscreenImg_default,{props:{...this.options,src:this.options?.src||this.getImgSrc(el),alt:this.options?.alt||this.getImgAlt(el),openInstanceClass:STATE_OPEN_CLASS,clickedElement:el,clickedElementBounds:el.getBoundingClientRect()},element:document.body})}mouseLeave(el){this.options?.scaleOnHover&&(el.style.transform=``),this.options?.blurOnHover&&(el.style.filter=``),el.style.zIndex=``}mouseEnter(el){el.style.zIndex=`1`,this.options?.scaleOnHover&&(el.style.transform=`scale(1.04)`),this.options?.blurOnHover&&(el.style.filter=`blur(3px)`)}};var instance;var directive={mounted(el,binding){return instance=new FullscreenImgHandler,instance.create(el,binding)},updated(el,binding){return instance.update(el,binding)},unmounted(el){return instance.remove(el)}};var plugin={install(app){app.directive(`fullscreen-img`,directive)}};export{directive as n,plugin as t};

package/dist/chunks/vZoomImg.BIBTtMAC.js

@@ -1,124 +0,0 @@
-var style=`
-.maz-zoom-img {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: 1rem;
-  z-index: 1050;
-  background-color: hsla(238, 15%, 40%, 0.7);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-
-.maz-zoom-img,
-.maz-zoom-img * {
-  box-sizing: border-box;
-}
-
-.maz-zoom-img .maz-zoom-img__wrapper {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-width: 0;
-  min-height: 0;
-  max-width: 100%;
-  max-height: 100%;
-  transition: all 300ms ease-in-out;
-  opacity: 0;
-  transform: scale(0.5);
-}
-
-.maz-zoom-img.maz-animate .maz-zoom-img__wrapper {
-  opacity: 1;
-  transform: scale(1);
-}
-
-.maz-zoom-img.maz-animate .maz-zoom-img__loader {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: hsla(238, 15%, 40%, 0.7);
-  border-radius: 1rem;
-  z-index: 2;
-  min-width: 60px;
-  min-height: 60px;
-}
-.maz-zoom-img.maz-animate .maz-zoom-img__loader[hidden] {
-  display: none;
-}
-
-@-webkit-keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-.maz-zoom-img.maz-animate .maz-zoom-img__loader__svg {
-  animation: spin .6s linear infinite;
-}
-
-.maz-zoom-img img {
-  max-width: 100%;
-  max-height: 100%;
-  min-width: 0;
-  border-radius: 1rem;
-}
-
-.maz-zoom-img .maz-zoom-btn {
-  margin: 0 auto;
-  border: none;
-  background-color: hsla(0, 0%, 7%, 0.5);
-  box-shadow: 0 0 0.5rem 0 hsla(0, 0%, 0%, 0.2);
-  height: 2.2rem;
-  min-height: 2.2rem;
-  width: 2.2rem;
-  min-width: 2.2rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 2.2rem;
-  cursor: pointer;
-  flex: 0 0 auto;
-  outline: none;
-}
-
-.maz-zoom-img .maz-zoom-btn svg {
-  fill: white;
-}
-
-.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--close {
-  position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
-  z-index: 1;
-}
-
-.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--previous {
-  position: absolute;
-  left: 0.5rem;
-  z-index: 1;
-}
-
-.maz-zoom-img .maz-zoom-btn.maz-zoom-btn--next {
-  position: absolute;
-  right: 0.5rem;
-  z-index: 1;
-}
-
-.maz-zoom-img .maz-zoom-btn:hover {
-  background-color: hsl(0, 0%, 0%);
-}`;var svgs={close:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>`,next:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>`,previous:`<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>`,spinner:`<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"></path></svg>`};var StateClass=function(StateClass){return StateClass.OPEN=`maz-is-open`,StateClass}(StateClass||{});var ZoomImgHandler=class{options;loader;wrapper;img;keydownHandler;onImgLoadedCallback;buttonsAdded;defaultOptions={scale:!0,blur:!0,disabled:!1};mouseEnterListener=void 0;mouseLeaveListener=void 0;renderPreviewListener=void 0;constructor(binding){if(!binding.value)throw Error('[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`');if(typeof binding.value==`object`&&!binding.value.src)throw Error(`[maz-ui](zoom-img) src of image must be provided`);this.buttonsAdded=!1,this.options=this.buildOptions(binding),this.keydownHandler=this.keydownLister.bind(this),this.loader=this.getLoader(),this.wrapper=document.createElement(`div`),this.wrapper.classList.add(`maz-zoom-img__wrapper`),this.wrapper.prepend(this.loader),this.img=document.createElement(`img`),this.onImgLoadedCallback=this.onImgLoaded.bind(this),this.imgEventHandler(!0)}buildOptions(binding){return{...this.defaultOptions,...typeof binding.value==`object`?binding.value:{src:binding.value}}}get allInstances(){return[...document.querySelectorAll(`.maz-zoom-img-instance`)]}create(el){this.options.disabled||(el.style.cursor=`pointer`,setTimeout(()=>el.classList.add(`maz-zoom-img-instance`)),el.setAttribute(`data-zoom-src`,this.options.src),this.options.alt&&el.setAttribute(`data-zoom-alt`,this.options.alt),el.style.transition=`all 300ms ease-in-out`,this.mouseEnterListener=()=>this.mouseEnter(el),this.mouseLeaveListener=()=>this.mouseLeave(el),this.renderPreviewListener=()=>this.renderPreview(el,this.options),el.addEventListener(`mouseenter`,this.mouseEnterListener),el.addEventListener(`mouseleave`,this.mouseLeaveListener),el.addEventListener(`click`,this.renderPreviewListener))}update(binding){this.options=this.buildOptions(binding)}remove(el){this.imgEventHandler(!1),this.mouseEnterListener&&el.removeEventListener(`mouseenter`,this.mouseEnterListener),this.mouseLeaveListener&&el.removeEventListener(`mouseleave`,this.mouseLeaveListener),this.renderPreviewListener&&el.removeEventListener(`click`,this.renderPreviewListener),this.mouseEnterListener=void 0,this.mouseLeaveListener=void 0,this.renderPreviewListener=void 0,el.classList.remove(`maz-zoom-img-instance`),el.removeAttribute(`data-zoom-src`),el.removeAttribute(`data-zoom-alt`),el.style.cursor=``}renderPreview(el,options){el.classList.add(StateClass.OPEN),this.addStyle(style);let container=document.createElement(`div`);container.classList.add(`maz-zoom-img`),container.setAttribute(`id`,`MazImgPreviewFullsize`),container.addEventListener(`click`,e=>{container.isEqualNode(e.target)&&this.closePreview()}),typeof options==`object`&&(this.img.setAttribute(`src`,options.src),options.alt&&this.img.setAttribute(`alt`,options.alt),this.img.id=`MazImgElement`),this.wrapper.append(this.img),container.append(this.wrapper),document.body.append(container),this.keyboardEventHandler(!0),setTimeout(()=>{container&&container.classList.add(`maz-animate`)},100)}onImgLoaded(){this.wrapper.style.width=`${this.img.width}px`,this.wrapper.style.minWidth=`200px`,this.loader.hidden=!0;let closeButton=this.getButton();let buttons=[];let hasMultipleInstance=this.allInstances.length>1;if(!this.buttonsAdded){if(this.buttonsAdded=!0,hasMultipleInstance){let previousButton=this.getButton(`previous`);let nextButton=this.getButton(`next`);buttons.push(previousButton,nextButton)}this.wrapper.append(closeButton),hasMultipleInstance&&(this.wrapper.prepend(buttons[0]),this.wrapper.append(buttons[1]))}}getLoader(){let loader=document.createElement(`div`);return loader.classList.add(`maz-zoom-img__loader`),loader.innerHTML=svgs.spinner,loader}mouseLeave(el){this.options.scale&&(el.style.transform=``),this.options.blur&&(el.style.filter=``),el.style.zIndex=``}mouseEnter(el){el.style.zIndex=`1`,this.options.scale&&(el.style.transform=`scale(1.1)`),this.options.blur&&(el.style.filter=`blur(2px)`)}keydownLister(e){e.preventDefault(),(e.key===`Escape`||e.key===` `)&&this.closePreview(),(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&this.nextPreviousImage(e.key===`ArrowRight`)}getButton(iconName=`close`){let button=document.createElement(`button`);button.innerHTML=svgs[iconName];let getAction=()=>iconName===`close`?this.closePreview():this.allInstances?this.nextPreviousImage(iconName===`next`):null;return button.addEventListener(`click`,()=>{getAction()}),button.classList.add(`maz-zoom-btn`),button.classList.add(`maz-zoom-btn--${iconName}`),button}closePreview(){let container=document.querySelector(`#MazImgPreviewFullsize`);let style=document.querySelector(`#MazPreviewStyle`);let instance=document.querySelector(`.maz-zoom-img-instance.maz-is-open`);instance&&instance.classList.remove(StateClass.OPEN),container&&container.classList.remove(`maz-animate`),this.keyboardEventHandler(!1),setTimeout(()=>{container&&container.remove(),style&&style.remove()},300)}getNewInstanceIndex(newInstanceIndex){let nextIndex=newInstanceIndex;return nextIndex<0?nextIndex=this.allInstances.length-1:nextIndex>=this.allInstances.length&&(nextIndex=0),nextIndex}nextPreviousImage(isNext){let selectNextInstance=isNext;let currentInstance=document.querySelector(`.maz-zoom-img-instance.maz-is-open`);if(currentInstance){let currentInstanceIndex=this.allInstances.indexOf(currentInstance);let newInstanceIndex=selectNextInstance?currentInstanceIndex+1:currentInstanceIndex-1;let nextInstance=this.allInstances[this.getNewInstanceIndex(newInstanceIndex)];nextInstance&&this.useNextInstance(currentInstance,nextInstance)}}useNextInstance(currentInstance,nextInstance){currentInstance.classList.remove(StateClass.OPEN),nextInstance.classList.add(StateClass.OPEN);let src=nextInstance.getAttribute(`data-zoom-src`);let alt=nextInstance.getAttribute(`data-zoom-alt`);this.wrapper.style.width=``,this.loader.hidden=!1,src&&this.img.setAttribute(`src`,src),alt&&this.img.setAttribute(`alt`,alt)}addStyle(styleString){let style=document.createElement(`style`);style.id=`MazPreviewStyle`,style.textContent=styleString,document.head.append(style)}keyboardEventHandler(add){if(add)return document.addEventListener(`keydown`,this.keydownHandler);document.removeEventListener(`keydown`,this.keydownHandler)}imgEventHandler(add){if(add)return this.img.addEventListener(`load`,this.onImgLoadedCallback);this.img.removeEventListener(`load`,this.onImgLoadedCallback)}};var instance;var vZoomImg={created(el,binding){instance=new ZoomImgHandler(binding),instance.create(el)},updated(_el,binding){instance.update(binding)},unmounted(el){instance.remove(el)}};var plugin={install(app){app.directive(`zoom-img`,vZoomImg)}};export{vZoomImg as n,plugin as t};