maz-ui 4.7.8 → 4.7.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{MazCardSpotlight.BO_zxErd.css → MazCardSpotlight.BRAV3zmA.css} +1 -1
- package/dist/assets/{MazDropzone.tcZte4Ze.css → MazDropzone.DRD0eN8E.css} +1 -1
- package/dist/assets/MazSelect.ChUdkWMI.css +1 -0
- package/dist/chunks/{MazAccordion.3EsdOUk0.js → MazAccordion.mCiUv32a.js} +1 -1
- package/dist/chunks/MazCardSpotlight.DHVKl7pc.js +1 -0
- package/dist/chunks/{MazChecklist.BT68Y_sW.js → MazChecklist.BaTDIjTl.js} +1 -1
- package/dist/chunks/{MazDropzone.Dnq-HMPn.js → MazDropzone.CjhXLgw8.js} +1 -1
- package/dist/chunks/{MazSelect.sI5rYTPu.js → MazSelect.0sfOMZdb.js} +1 -1
- package/dist/chunks/{MazSelectCountry.aR7L2S5t.js → MazSelectCountry.BxLzzpXU.js} +1 -1
- package/dist/components/MazAccordion.js +1 -1
- package/dist/components/MazCardSpotlight.js +1 -1
- package/dist/components/MazChecklist.js +1 -1
- package/dist/components/MazDropzone.js +1 -1
- package/dist/components/MazDropzone.vue.d.ts +1 -1
- package/dist/components/MazSelect.js +1 -1
- package/dist/components/MazSelectCountry.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/plugins/maz-ui.js +1 -1
- package/package.json +4 -4
- package/dist/assets/MazSelect.B3S4EI1C.css +0 -1
- package/dist/chunks/MazCardSpotlight.SpZF61hl.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-card-spotlight[data-v-
|
|
1
|
+
.m-card-spotlight[data-v-62fed5f8]{border-radius:var(--maz-radius);padding:max(var(--maz-border-width), 1px);contain:layout style paint;display:inline-flex;position:relative;overflow:hidden}.m-card-spotlight .inner[data-v-62fed5f8]{border-radius:calc(var(--maz-radius) - max(var(--maz-border-width), 1px));width:100%;height:auto;position:relative;overflow:hidden}.m-card-spotlight .inner[data-v-62fed5f8]:before{content:"";z-index:1;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1));width:100%;height:100%;opacity:var(--inner-opacity);position:absolute;top:0;left:0}.m-card-spotlight .content[data-v-62fed5f8]{z-index:2;width:100%;height:100%;position:relative}.m-card-spotlight .blob[data-v-62fed5f8]{z-index:0;--maz-tw-blur:blur(40px);filter:var(--maz-tw-blur) var(--maz-tw-brightness) var(--maz-tw-contrast) var(--maz-tw-grayscale) var(--maz-tw-hue-rotate) var(--maz-tw-invert) var(--maz-tw-saturate) var(--maz-tw-sepia) var(--maz-tw-drop-shadow);will-change:transform;border-radius:9999px;width:208px;height:208px;transition:opacity .15s ease-out;position:absolute;top:0;left:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-dropzone[data-v-
|
|
1
|
+
.m-dropzone[data-v-7a36205a]{cursor:pointer;border-radius:var(--maz-radius);border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-style:dashed;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1));flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-dropzone[data-v-7a36205a]:hover{background-color:hsl(var(--maz-background-600) / .5)}.m-dropzone[data-v-7a36205a]:hover:is([class~=dark] *){background-color:hsl(var(--maz-background-400) / .5)}.m-dropzone--disabled[data-v-7a36205a]{cursor:not-allowed;opacity:.5}.m-dropzone--is-over-drop-zone[data-v-7a36205a]{background-color:hsl(var(--maz-primary-400) / .2)}.m-dropzone--is-over-drop-zone[data-v-7a36205a]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-drop-zone[data-v-7a36205a]:hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-drop-zone[data-v-7a36205a]{border-color:var(--active-color)}.m-dropzone--is-over-drop-zone .maz-dropzone__upload-icon[data-v-7a36205a]{color:var(--active-color)}.m-dropzone--is-over-error[data-v-7a36205a]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50) / var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-error[data-v-7a36205a]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50) / var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-error .maz-dropzone__upload-icon[data-v-7a36205a]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive) / var(--maz-tw-text-opacity,1))}.m-dropzone__divider[data-v-7a36205a]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.m-dropzone__content[data-v-7a36205a]{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.m-dropzone__files-container[data-v-7a36205a]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}.m-dropzone__file-item[data-v-7a36205a]{cursor:auto;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1));flex-direction:column;align-items:center;width:10rem;height:10rem;display:flex;position:relative;overflow:hidden}.m-dropzone__file-item[data-v-7a36205a]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-dropzone__file-item[data-v-7a36205a]{transition:all .3s ease-in-out}.m-dropzone__thumbnail[data-v-7a36205a]{position:absolute;inset:0}.m-dropzone__overlay[data-v-7a36205a]{border-radius:var(--maz-radius);background-color:hsl(var(--maz-background) / .4);--maz-tw-backdrop-blur:blur(.125rem);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur) var(--maz-tw-backdrop-brightness) var(--maz-tw-backdrop-contrast) var(--maz-tw-backdrop-grayscale) var(--maz-tw-backdrop-hue-rotate) var(--maz-tw-backdrop-invert) var(--maz-tw-backdrop-opacity) var(--maz-tw-backdrop-saturate) var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur) var(--maz-tw-backdrop-brightness) var(--maz-tw-backdrop-contrast) var(--maz-tw-backdrop-grayscale) var(--maz-tw-backdrop-hue-rotate) var(--maz-tw-backdrop-invert) var(--maz-tw-backdrop-opacity) var(--maz-tw-backdrop-saturate) var(--maz-tw-backdrop-sepia);position:absolute;inset:0}.m-dropzone__icon-container[data-v-7a36205a]{z-index:2;flex:1;justify-content:center;align-items:center;padding:.5rem;display:flex}.m-dropzone__spinner[data-v-7a36205a]{font-size:1.125rem;line-height:1.75rem}.m-dropzone__success-icon[data-v-7a36205a]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success) / var(--maz-tw-text-opacity,1));font-size:2.25rem;line-height:2.5rem}.m-dropzone__error-icon[data-v-7a36205a]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive) / var(--maz-tw-text-opacity,1));font-size:2.25rem;line-height:2.5rem}.m-dropzone__file-icon-wrapper[data-v-7a36205a]{border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1));padding:.25rem}.m-dropzone__description[data-v-7a36205a]{z-index:2;text-overflow:ellipsis;white-space:nowrap;flex-direction:column;gap:.25rem;width:100%;padding:.5rem;display:flex;overflow:hidden}.m-dropzone__file-info[data-v-7a36205a]{text-align:center;flex-direction:column;gap:.125rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex}.m-dropzone__file-name[data-v-7a36205a],.m-dropzone__file-size[data-v-7a36205a]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-dropzone__upload-icon[data-v-7a36205a]{font-size:1.875rem;line-height:2.25rem}.m-dropzone__upload-text[data-v-7a36205a]{text-align:center}.m-dropzone__info-text[data-v-7a36205a]{text-align:center;--maz-tw-text-opacity:1;max-width:100%;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1));flex-direction:column;margin-top:1rem;font-size:.875rem;line-height:1.25rem;display:flex}.m-dropzone__file-input[data-v-7a36205a]{display:none}.m-dropzone .icon-scale-enter-active[data-v-7a36205a],.m-dropzone .icon-scale-leave-active[data-v-7a36205a]{transition:transform .3s ease-in-out}.m-dropzone .icon-scale-enter-from[data-v-7a36205a]{opacity:0;position:absolute;transform:scale(0)}.m-dropzone .icon-scale-leave-to[data-v-7a36205a]{display:none}.m-dropzone .file-scale-enter-active[data-v-7a36205a],.m-dropzone .file-scale-leave-active[data-v-7a36205a]{transition:all .3s ease-in-out}.m-dropzone .file-scale-enter-from[data-v-7a36205a]{opacity:0;transform:scale(.3)}.m-dropzone .file-scale-leave-to[data-v-7a36205a]{opacity:0;transform:translateY(-100%)}.m-dropzone .file-scale-move[data-v-7a36205a]{transition:transform .3s ease-in-out}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-select[data-v-6d9584ff]{vertical-align:top;display:inline-flex;position:relative}.m-select.--disabled .m-select-input[data-v-6d9584ff]{cursor:not-allowed}.m-select-input[data-v-6d9584ff]{cursor:pointer;width:100%;height:100%}.m-select-input__toggle-button[data-v-6d9584ff]{background-color:#0000;justify-content:center;align-items:center;height:100%;padding-inline-start:0;display:flex}.m-select-input[data-v-6d9584ff] input{caret-color:#0000}.m-select.--mini[data-v-6d9584ff],.m-select.--xs[data-v-6d9584ff]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-6d9584ff]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-6d9584ff]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-6d9584ff]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-6d9584ff]{font-size:1.25rem;line-height:1.75rem}.m-select[data-v-6d9584ff]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-chevron[data-v-6d9584ff]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1));font-size:1.2em;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-6d9584ff]{transform:rotate(180deg)}.m-select button.maz-custom[data-v-6d9584ff]{cursor:pointer;appearance:none;border-style:none}.m-select button.maz-custom[data-v-6d9584ff]:disabled{cursor:not-allowed}.m-select-list[data-v-6d9584ff]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1));--maz-tw-shadow-color:hsl(var(--maz-shadow) / 1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur) var(--maz-tw-brightness) var(--maz-tw-contrast) var(--maz-tw-grayscale) var(--maz-tw-hue-rotate) var(--maz-tw-invert) var(--maz-tw-saturate) var(--maz-tw-sepia) var(--maz-tw-drop-shadow);flex-direction:column;gap:.25rem;display:flex;overflow:hidden}.m-select-list-optgroup[data-v-6d9584ff]{text-align:start;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1));flex:none;padding:.125rem;font-size:.875em}.m-select-list.--mini[data-v-6d9584ff],.m-select-list.--xs[data-v-6d9584ff]{font-size:.75rem;line-height:1rem}.m-select-list.--sm[data-v-6d9584ff]{font-size:.875rem;line-height:1.25rem}.m-select-list.--md[data-v-6d9584ff]{font-size:1rem;line-height:1.5rem}.m-select-list.--lg[data-v-6d9584ff]{font-size:1.125rem;line-height:1.75rem}.m-select-list.--xl[data-v-6d9584ff]{font-size:1.25rem;line-height:1.75rem}.m-select-list[data-v-6d9584ff]{min-width:3.5rem}.m-select-list__search-wrapper[data-v-6d9584ff]{padding-top:.5rem;padding-left:.5rem;padding-right:.5rem}.m-select-list__scroll-wrapper[data-v-6d9584ff]{flex-direction:column;flex:1;gap:.25rem;padding:.5rem;display:flex;overflow:auto}.m-select-list__scroll-wrapper[data-v-6d9584ff]::-webkit-scrollbar{width:.1875rem}.m-select-list__scroll-wrapper[data-v-6d9584ff]::-webkit-scrollbar-track{background:0 0}.m-select-list__scroll-wrapper[data-v-6d9584ff]::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-6d9584ff]:is([class~=dark] *)::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-6d9584ff]::-webkit-scrollbar-thumb{border-radius:1000px}.m-select-list__scroll-wrapper[data-v-6d9584ff]{scrollbar-width:thin;scrollbar-color:hsl(var(--maz-background-600)) transparent}.m-select-list__no-results[data-v-6d9584ff]{justify-content:center;align-items:center;padding:1rem;display:flex}.m-select-list-item[data-v-6d9584ff]{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-radius);border-width:var(--maz-border-width);text-align:start;outline-offset:2px;background-color:#0000;border-style:solid;border-color:#0000;outline:2px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-select-list-item[data-v-6d9584ff]:focus-within,.m-select-list-item[data-v-6d9584ff]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1))}.m-select-list-item[data-v-6d9584ff]:focus-within:is([class~=dark] *),.m-select-list-item[data-v-6d9584ff]:hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-select-list-item span[data-v-6d9584ff]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-select-list-item.--is-none-value[data-v-6d9584ff]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-select-list-item.--is-selected[data-v-6d9584ff]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select-list-item.--is-selected[data-v-6d9584ff]:focus{outline-color:var(--selected-text-color);outline-width:var(--maz-border-width)}.m-select-list-item.--is-selected.--transparent[data-v-6d9584ff]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazExpandAnimation_default}from"./MazExpandAnimation.CMMwtuQA.js";import{t as MazCardSpotlight_default}from"./MazCardSpotlight.
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazExpandAnimation_default}from"./MazExpandAnimation.CMMwtuQA.js";import{t as MazCardSpotlight_default}from"./MazCardSpotlight.DHVKl7pc.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,renderSlot,unref,useSlots,withCtx}from"vue";import{MazPlus}from"@maz-ui/icons/static/MazPlus";import '../assets/MazAccordion.DiiFPlOg.css';var _hoisted_1={class:`m-accordion m-reset-css`,role:`presentation`};var _hoisted_2=[`id`,`aria-controls`,`aria-expanded`,`onClick`];var MazAccordion_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazAccordion`,props:{id:{default:()=>void 0},modelValue:{default:0},contentClass:{type:[Boolean,null,String,Object,Array],default:()=>void 0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let instanceId=useInstanceUniqId({componentName:`MazAccordion`,providedId:__props.id});let slots=useSlots();let stepCount=computed(()=>Object.keys(slots).filter(slot=>slot.startsWith(`title-`)).length);let localModelValue=ref(__props.modelValue);let currentStep=computed({get:()=>__props.modelValue||localModelValue.value,set:value=>{localModelValue.value=value,emits(`update:model-value`,value)}});function isStepOpen(index){return currentStep.value===index}function selectStep(index){currentStep.value===index?(localModelValue.value=0,emits(`update:model-value`,0)):(localModelValue.value=index,emits(`update:model-value`,index))}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(stepCount.value,step=>(openBlock(),createBlock(MazCardSpotlight_default,{key:step,class:`m-accordion__spotlight`,padding:!1},{default:withCtx(()=>[createElementVNode(`button`,{id:`step-${step}-${unref(instanceId)}`,class:`m-accordion__header`,"aria-controls":`step-${step}-${unref(instanceId)}`,"aria-expanded":isStepOpen(step),onClick:$event=>selectStep(step)},[renderSlot(_ctx.$slots,`title-${step}`,{isOpen:isStepOpen(step)},void 0,!0),createVNode(unref(MazPlus),{class:normalizeClass([`header-icon`,{"--rotate":isStepOpen(step)}])},null,8,[`class`])],8,_hoisted_2),createVNode(MazExpandAnimation_default,{"animation-duration":`300ms`,"model-value":isStepOpen(step),"aria-labelledby":`step-${step}-${unref(instanceId)}`},{default:withCtx(()=>[createElementVNode(`div`,{class:normalizeClass([`m-accordion__content`,__props.contentClass])},[renderSlot(_ctx.$slots,`content`,{isOpen:isStepOpen(step)},void 0,!0),renderSlot(_ctx.$slots,`content-${step}`,{isOpen:isStepOpen(step)},void 0,!0)],2)]),_:2},1032,[`model-value`,`aria-labelledby`])]),_:2},1024))),128))]))}}),[[`__scopeId`,`data-v-437af55b`]]);export{MazAccordion_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createElementBlock,createElementVNode,defineComponent,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderSlot,vShow,withDirectives}from"vue";import{isServer}from"@maz-ui/utils/helpers/isServer";import '../assets/MazCardSpotlight.BRAV3zmA.css';var _hoisted_1={class:`inner`};var MazCardSpotlight_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazCardSpotlight`,props:{color:{default:`primary`},elevation:{type:Boolean,default:!1},padding:{type:Boolean,default:!0},contentClass:{type:[Boolean,null,String,Object,Array],default:()=>void 0},contentStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},innerOpacity:{default:.95}},setup(__props){let containerElement=ref();let blobElement=ref();let blobVisible=ref(!1);let rafId=null;let isIntersecting=!1;let cachedRect=null;let alphaColor=computed(()=>`hsl(var(--maz-${__props.color}) / 60%)`);let alphaColor20=computed(()=>`hsl(var(--maz-${__props.color}) / 20%)`);function updateCachedRect(){containerElement.value&&(cachedRect=containerElement.value.getBoundingClientRect())}function updateBlobPosition(x,y){if(!blobElement.value||!cachedRect)return;let translateX=x-cachedRect.left-208/2;let translateY=y-cachedRect.top-208/2;blobElement.value.style.transform=`translate(${translateX}px, ${translateY}px)`}function handleMouseMove(event){!isIntersecting||rafId!==null||(blobVisible.value=!0,rafId=requestAnimationFrame(()=>{updateBlobPosition(event.clientX,event.clientY),rafId=null}))}function stopBlobAnimation(){blobVisible.value=!1,rafId!==null&&(cancelAnimationFrame(rafId),rafId=null)}return onMounted(()=>{if(isServer()||!containerElement.value)return;updateCachedRect();let observer=new IntersectionObserver(entries=>{isIntersecting=entries[0].isIntersecting,isIntersecting||stopBlobAnimation()},{threshold:0});observer.observe(containerElement.value);let handleScrollResize=()=>{updateCachedRect()};globalThis.addEventListener(`mousemove`,handleMouseMove,{passive:!0}),globalThis.addEventListener(`scroll`,handleScrollResize,{passive:!0}),globalThis.addEventListener(`resize`,handleScrollResize,{passive:!0}),onBeforeUnmount(()=>{rafId!==null&&cancelAnimationFrame(rafId),observer.disconnect(),globalThis.removeEventListener(`mousemove`,handleMouseMove),globalThis.removeEventListener(`scroll`,handleScrollResize),globalThis.removeEventListener(`resize`,handleScrollResize)})}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`containerElement`,ref:containerElement,class:normalizeClass([`m-card-spotlight m-reset-css`,{"maz-shadow-elevation maz-drop-shadow-md":__props.elevation}]),style:normalizeStyle({backgroundColor:alphaColor20.value,"--inner-opacity":__props.innerOpacity})},[createElementVNode(`div`,_hoisted_1,[createElementVNode(`div`,{class:normalizeClass([`content`,[{"maz-p-4":__props.padding},__props.contentClass]]),style:normalizeStyle(__props.contentStyle)},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],6)]),withDirectives(createElementVNode(`div`,{ref_key:`blobElement`,ref:blobElement,class:`blob`,style:normalizeStyle({backgroundColor:alphaColor.value})},null,4),[[vShow,blobVisible.value]])],6))}}),[[`__scopeId`,`data-v-62fed5f8`]]);export{MazCardSpotlight_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useStringMatching}from"../composables/useStringMatching.js";import{t as MazCardSpotlight_default}from"./MazCardSpotlight.
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useStringMatching}from"../composables/useStringMatching.js";import{t as MazCardSpotlight_default}from"./MazCardSpotlight.DHVKl7pc.js";import{t as MazCheckbox_default}from"./MazCheckbox.BY7myUIA.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,openBlock,ref,renderList,renderSlot,toDisplayString,unref,watch,withCtx}from"vue";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazNoSymbol}from"@maz-ui/icons/lazy/MazNoSymbol";import{normalizeString}from"@maz-ui/utils/helpers/normalizeString";import '../assets/MazChecklist.BFSEaK_L.css';var _hoisted_1={class:`m-checklist m-reset-css`};var _hoisted_2=[`for`];var _hoisted_3={key:0,class:`title`};var _hoisted_4={key:0,class:`no-results`};var _hoisted_5={class:`no-results-content`};var _hoisted_6={class:`no-results-text`};var _hoisted_7=[`for`];var _hoisted_8={class:`item-label`};var MazChecklist_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazChecklist`,props:{modelValue:{},query:{},items:{},title:{},elevation:{type:Boolean,default:!1},search:{type:[Boolean,Object]},searchOptions:{},searchFunction:{type:Function},color:{default:`primary`},translations:{}},emits:[`update:query`,`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let id=useInstanceUniqId({componentName:`MazChecklist`});let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let internalQuery=ref(__props.query);watch(()=>__props.query,value=>{internalQuery.value=value});let{t}=useTranslations();let messages=computed(()=>({noResultsFound:__props.translations?.noResultsFound??t(`checklist.noResultsFound`),searchInput:{placeholder:__props.translations?.searchInput?.placeholder??t(`checklist.searchInput.placeholder`)}}));let filteredItems=computed(()=>{if(!internalQuery.value||!__props.search)return __props.items;let normalizedQuery=normalizeString(internalQuery.value,__props.searchOptions);return __props.searchFunction?__props.searchFunction(normalizedQuery,__props.items??[]):getFilteredOptionWithQuery(normalizedQuery)});function searchInValue(value,query){return query&&value&&normalizeString(value).includes(normalizeString(query))}function getFilteredOptionWithQuery(query){return __props.items?.filter(({label,value})=>{let threshold=__props.searchOptions?.threshold;let normalizedQuery=normalizeString(query,__props.searchOptions);let searchLabel=normalizeString(label,__props.searchOptions);let searchValue=normalizeString(value,__props.searchOptions);return searchInValue(searchLabel,normalizedQuery)||searchInValue(searchValue,normalizedQuery)||typeof searchLabel==`string`&&useStringMatching(searchLabel,normalizedQuery,threshold).isMatching.value||typeof searchValue==`string`&&useStringMatching(searchValue,normalizedQuery,threshold).isMatching.value})}function updateQuery(value){internalQuery.value=value,emits(`update:query`,value)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`label`,{for:__props.search?`${unref(id)}-query`:void 0,class:`search-label`},[_ctx.$slots.title||__props.title?(openBlock(),createElementBlock(`span`,_hoisted_3,[renderSlot(_ctx.$slots,`title`,{},()=>[createTextVNode(toDisplayString(__props.title),1)],!0)])):createCommentVNode(``,!0),__props.search?(openBlock(),createBlock(unref(MazInput),mergeProps({key:1,id:`${unref(id)}-query`,"model-value":internalQuery.value},typeof __props.search==`object`?__props.search:{},{color:typeof __props.search==`object`&&__props.search.color?__props.search.color:__props.color,"left-icon":typeof __props.search==`object`?__props.search.leftIcon??unref(MazMagnifyingGlass):void 0,debounce:typeof __props.search==`object`?__props.search.debounce??300:void 0,name:typeof __props.search==`object`?__props.search.name??`search`:void 0,placeholder:typeof __props.search==`object`&&__props.search.placeholder?__props.search.placeholder:messages.value.searchInput.placeholder,"onUpdate:modelValue":_cache[0]||=event=>updateQuery(event)}),null,16,[`id`,`model-value`,`color`,`left-icon`,`debounce`,`name`,`placeholder`])):createCommentVNode(``,!0)],8,_hoisted_2),createVNode(MazCardSpotlight_default,{color:__props.color,elevation:__props.elevation,padding:!1,"content-class":`card-content`},{default:withCtx(()=>[filteredItems.value?.length===0?(openBlock(),createElementBlock(`div`,_hoisted_4,[renderSlot(_ctx.$slots,`no-results`,{},()=>[createElementVNode(`div`,_hoisted_5,[createVNode(unref(MazNoSymbol),{class:`no-results-icon`}),createElementVNode(`span`,_hoisted_6,[renderSlot(_ctx.$slots,`no-results-text`,{},()=>[createTextVNode(toDisplayString(messages.value.noResultsFound),1)],!0)])])],!0)])):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(filteredItems.value,item=>(openBlock(),createElementBlock(`label`,{key:item.value,for:`${unref(id)}-checklist-item-${item.value}`,class:`m-checklist-item m-reset-css`},[createVNode(MazCheckbox_default,{id:`${unref(id)}-checklist-item-${item.value}`,"model-value":__props.modelValue,value:item.value,color:__props.color,"onUpdate:modelValue":_cache[1]||=event=>emits(`update:model-value`,event)},null,8,[`id`,`model-value`,`value`,`color`]),renderSlot(_ctx.$slots,`item`,{selectedValues:__props.modelValue,item},()=>[createElementVNode(`span`,_hoisted_8,toDisplayString(item.label),1)],!0)],8,_hoisted_7))),128))]),_:3},8,[`color`,`elevation`])]))}}),[[`__scopeId`,`data-v-a3099090`]]);export{MazChecklist_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useDropzone}from"../composables/useDropzone.js";import{t as MazLink_default}from"./MazLink.BsjurisK.js";import{t as MazBtn_default}from"./MazBtn.Cc9C1v2l.js";import{t as MazIcon_default}from"./MazIcon.ZWAk25ZX.js";import{Fragment,Transition,TransitionGroup,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,withCtx,withModifiers}from"vue";import{sleep}from"@maz-ui/utils/helpers/sleep";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazCheckCircle}from"@maz-ui/icons/lazy/MazCheckCircle";import{MazTrash}from"@maz-ui/icons/lazy/MazTrash";import{MazArchiveBox}from"@maz-ui/icons/lazy/MazArchiveBox";import{MazArrowUpOnSquare}from"@maz-ui/icons/lazy/MazArrowUpOnSquare";import{MazCodeBracket}from"@maz-ui/icons/lazy/MazCodeBracket";import{MazCog}from"@maz-ui/icons/lazy/MazCog";import{MazCommandLine}from"@maz-ui/icons/lazy/MazCommandLine";import{MazDocumentIcon}from"@maz-ui/icons/lazy/MazDocumentIcon";import{MazDocumentText}from"@maz-ui/icons/lazy/MazDocumentText";import{MazFilm}from"@maz-ui/icons/lazy/MazFilm";import{MazLogoAndroid}from"@maz-ui/icons/lazy/MazLogoAndroid";import{MazLogoApple}from"@maz-ui/icons/lazy/MazLogoApple";import{MazLogoCsv}from"@maz-ui/icons/lazy/MazLogoCsv";import{MazLogoHtml}from"@maz-ui/icons/lazy/MazLogoHtml";import{MazLogoJs}from"@maz-ui/icons/lazy/MazLogoJs";import{MazLogoJson}from"@maz-ui/icons/lazy/MazLogoJson";import{MazLogoMarkdown}from"@maz-ui/icons/lazy/MazLogoMarkdown";import{MazLogoProperties}from"@maz-ui/icons/lazy/MazLogoProperties";import{MazLogoReact}from"@maz-ui/icons/lazy/MazLogoReact";import{MazLogoTxt}from"@maz-ui/icons/lazy/MazLogoTxt";import{MazLogoTypescript}from"@maz-ui/icons/lazy/MazLogoTypescript";import{MazLogoVue}from"@maz-ui/icons/lazy/MazLogoVue";import{MazLogoXliff}from"@maz-ui/icons/lazy/MazLogoXliff";import{MazLogoXls}from"@maz-ui/icons/lazy/MazLogoXls";import{MazLogoXml}from"@maz-ui/icons/lazy/MazLogoXml";import{MazPaintBrush}from"@maz-ui/icons/lazy/MazPaintBrush";import{MazPencilSquare}from"@maz-ui/icons/lazy/MazPencilSquare";import{MazPhoto}from"@maz-ui/icons/lazy/MazPhoto";import{MazPresentationChartBar}from"@maz-ui/icons/lazy/MazPresentationChartBar";import{MazSpeakerWave}from"@maz-ui/icons/lazy/MazSpeakerWave";import{MazXCircle}from"@maz-ui/icons/lazy/MazXCircle";import '../assets/MazDropzone.tcZte4Ze.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-dropzone__icon-container`};var _hoisted_3={key:3,class:`m-dropzone__file-icon-wrapper`};var _hoisted_4={class:`m-dropzone__description`};var _hoisted_5={class:`m-dropzone__file-info`};var _hoisted_6={class:`m-dropzone__file-name`};var _hoisted_7={class:`m-dropzone__file-size`};var _hoisted_8={class:`m-dropzone__content`};var _hoisted_9={class:`m-dropzone__upload-text`};var _hoisted_10={key:0,class:`m-dropzone__info-text`};var _hoisted_11={key:0};var _hoisted_12={key:1};var _hoisted_13={key:2};var _hoisted_14=[`id`,`multiple`,`accept`,`disabled`];var MazDropzone_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazDropzone`,props:mergeModels({id:{},multiple:{type:Boolean,default:!1},dataTypes:{},preventDefaultForUnhandled:{type:Boolean,default:!0},maxFileSize:{},maxFiles:{},disabled:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},minFileSize:{},allowDuplicates:{type:Boolean,default:!1},translations:{},color:{default:`primary`},removeFileBtnProps:{default:()=>({})},spinnerProps:{default:()=>({})},autoUpload:{type:[String,Boolean],default:!1},url:{},requestOptions:{},transformBody:{type:Function},maxConcurrentUploads:{default:5}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:mergeModels([`drop`,`enter`,`leave`,`over`,`add`,`remove`,`error`,`upload-error`,`upload-error-multiple`,`upload-success`,`upload-success-multiple`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let filesData=useModel(__props,`modelValue`);onBeforeMount(async()=>{filesData.value.length&&(filesData.value=await Promise.all(filesData.value.map(fileData=>getFileData(fileData.file))))});let dropZoneRef=ref();let isUploading=ref(!1);let hasMultiple=computed(()=>__props.multiple||(__props.maxFiles?__props.maxFiles>1:!1)||__props.autoUpload===`multiple`);let instanceId=useInstanceUniqId({componentName:`MazDropzone`,providedId:__props.id});function uploadFile(formData){if(!__props.url)throw emits(`error`,{files:null,event:null,code:`NO_URL`}),Error(`NO_URL`);try{let body=__props.transformBody?.(formData)??formData;return fetch(__props.url,{method:`POST`,body,...__props.requestOptions})}catch{emits(`error`,{files:null,event:null,code:`FILE_UPLOAD_ERROR`})}}function getFormData(file){let formData=new FormData;return formData.append(`file`,file),formData}function getFormDataMultiple(){let formData=new FormData;return filesData.value.forEach(fileData=>formData.append(`files`,fileData.file)),formData}async function uploadFilesMultiple(){if(!filesData.value.length){emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`});return}try{isUploading.value=!0,filesData.value=filesData.value.map(f=>({...f,uploading:!0,success:!1,error:!1}));let response=await uploadFile(getFormDataMultiple());filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!0,error:!1})),emits(`upload-success-multiple`,{files:filesData.value.map(f=>f.file),response})}catch(error){filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!1,error:!0})),emits(`upload-error-multiple`,{files:filesData.value.map(f=>f.file),code:`FILE_UPLOAD_ERROR_MULTIPLE`,error})}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function uploadFiles(){if(!filesData.value.length)throw emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`}),Error(`NO_FILES_TO_UPLOAD`);try{isUploading.value=!0;let queue=[...filesData.value];let activeUploads=[];async function uploadFileData(fileData){let formData=getFormData(fileData.file);try{fileData.error=!1,fileData.uploading=!0;let response=await uploadFile(formData);emits(`upload-success`,{file:fileData.file,response}),fileData.success=!0}catch(error){fileData.error=!0,emits(`upload-error`,{file:fileData.file,code:`FILE_UPLOAD_ERROR`,error})}finally{fileData.uploading=!1}}async function processQueue(){for(;queue.length>0;){let fileData=queue.shift();fileData&&await uploadFileData(fileData)}}for(let i=0;i<Math.min(__props.maxConcurrentUploads,filesData.value.length);i++)activeUploads.push(processQueue());await Promise.allSettled(activeUploads)}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function getFileData(file){let fileData={file,name:file.name,size:file.size,type:file.type,lastModified:file.lastModified,sizeInMb:(file.size/1024/1024).toFixed(2),lastModifiedDate:new Date(file.lastModified),url:URL.createObjectURL(file),thumbnail:void 0,uploading:!1,success:!1,error:!1};return file.type.startsWith(`image/`)&&await new Promise(resolve=>{let reader=new FileReader;reader.onload=event=>{fileData.thumbnail=event.target?.result||void 0,resolve(null)},reader.readAsDataURL(file)}),__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`}),__props.minFileSize&&file.size<__props.minFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`}),fileData}async function handleFiles(files){if(__props.disabled||!files)return null;for await(let file of files){if(!isFileTypeAllowed(file)){emits(`error`,{files:[file],event:null,code:`FILE_TYPE_NOT_ALLOWED`});continue}if(!hasMultiple.value&&filesData.value.length>=1){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFiles&&filesData.value.length>=__props.maxFiles){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`});continue}if(__props.minFileSize&&file.size<__props.minFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`});continue}if(!__props.allowDuplicates&&filesData.value.some(f=>f.name===file.name&&f.size===file.size&&f.type===file.type)){emits(`error`,{files:[file],event:null,code:`FILE_DUPLICATED`});continue}let fileData=await getFileData(file);filesData.value=[...filesData.value,fileData],emits(`add`,fileData.file)}return __props.autoUpload===`single`?uploadFiles():__props.autoUpload===`multiple`&&uploadFilesMultiple(),filesData.value}async function onDrop(files,event){await handleFiles(files),emits(`drop`,{files,event})}function onError(files,event){emits(`error`,{files,event,code:`FILE_TYPE_NOT_ALLOWED`})}function onEnter(files,event){emits(`enter`,{files,event})}function onLeave(files,event){emits(`leave`,{files,event})}function onOver(files,event){emits(`over`,{files,event})}let{isOverDropZone,isOverError}=useDropzone(dropZoneRef,{dataTypes:__props.dataTypes,onDrop,preventDefaultForUnhandled:__props.preventDefaultForUnhandled,multiple:hasMultiple.value,onError,onEnter,onLeave,onOver});let fileInput=ref();function handleFileUpload(event){let input=event.target;let files=input?.files;files&&handleFiles(files),setTimeout(()=>{input.value=``},3e3)}let extensionIconMap=(()=>{let map=new Map;let groups=[[MazLogoJs,[`js`,`mjs`,`cjs`]],[MazLogoTypescript,[`ts`,`tsx`,`mts`,`cts`]],[MazLogoVue,[`vue`]],[MazLogoReact,[`jsx`]],[MazLogoJson,[`json`,`jsonc`,`json5`]],[MazLogoXml,[`xml`]],[MazLogoHtml,[`html`,`htm`]],[MazLogoMarkdown,[`md`,`markdown`,`mdx`]],[MazLogoProperties,[`properties`]],[MazLogoTxt,[`txt`]],[MazLogoCsv,[`csv`]],[MazLogoXls,[`xls`,`xlsx`]],[MazLogoXliff,[`xliff`,`xlf`]],[MazLogoApple,[`strings`,`stringsdict`,`xcstrings`]],[MazLogoAndroid,[`apk`]],[MazPhoto,[`jpeg`,`jpg`,`png`,`tiff`,`bmp`,`webp`,`svg`,`ico`,`gif`,`heic`,`heif`,`avif`]],[MazFilm,[`mp4`,`webm`,`avi`,`mov`,`mkv`,`flv`,`wmv`,`m4v`,`mpeg`,`mpg`,`3gp`,`ogv`]],[MazSpeakerWave,[`mp3`,`wav`,`m4a`,`aac`,`flac`,`ogg`,`oga`,`opus`,`wma`,`alac`,`aiff`]],[MazArchiveBox,[`zip`,`rar`,`tar`,`gz`,`7z`,`bz2`,`xz`]],[MazCommandLine,[`exe`,`dll`,`so`,`dylib`,`dmg`,`deb`,`rpm`,`app`,`bat`,`cmd`]],[MazCodeBracket,`css.scss.sass.less.py.java.cpp.c.h.hpp.go.rs.rust.php.rb.swift.kt.kotlin.sql.sh.bash.zsh.yaml.yml.toml.ini`.split(`.`)],[MazCog,[`conf`,`config`,`env`,`cfg`]],[MazPresentationChartBar,[`ppt`,`pptx`,`key`,`odp`]],[MazDocumentText,[`rtf`,`odt`]],[MazPencilSquare,[`ttf`,`otf`,`woff`,`woff2`,`eot`]],[MazPaintBrush,[`ai`,`psd`,`sketch`,`fig`,`xd`,`eps`]],[MazDocumentIcon,[`pdf`,`doc`,`docx`,`tsv`,`document`]]];for(let[icon,extensions]of groups)for(let ext of extensions)map.set(ext,icon);return map})();function getIconComponent(fileData){let type=fileData.file.type.split(`/`)?.[1]?.split(`+`)?.[0]?.toLowerCase();let extension=fileData.file.name.split(`.`).pop()?.toLowerCase();return extensionIconMap.get(type)||extension&&extensionIconMap.get(extension)||extensionIconMap.get(`document`)}function handleFileInputClick(){fileInput.value&&fileInput.value.click()}function handleFileRemove(fileData){fileData.url&&URL.revokeObjectURL(fileData.url),filesData.value=filesData.value.filter(f=>f.file!==fileData.file),emits(`remove`,fileData.file)}let selectAreaCanBeDisplayed=ref(!0);let dataTypesString=computed(()=>__props.dataTypes?.map(formatReadable).join(`, `));let allFileIsAccepted=computed(()=>__props.dataTypes?.length===1&&__props.dataTypes[0]===`*/*`);let{t}=useTranslations();let messages=computed(()=>{let customTranslations=__props.translations||{};return{dragAndDrop:customTranslations.dragAndDrop??t(`dropzone.dragAndDrop`),fileMaxCount:__props.maxFiles?customTranslations.fileMaxCount??t(`dropzone.fileMaxCount`,{count:__props.maxFiles}):void 0,fileMaxSize:__props.maxFileSize?customTranslations.fileMaxSize??t(`dropzone.fileMaxSize`,{size:__props.maxFileSize}):void 0,fileTypes:dataTypesString.value?customTranslations.fileTypes??t(`dropzone.fileTypes`,{types:dataTypesString.value}):void 0,selectFile:customTranslations.selectFile??t(`dropzone.selectFile`),divider:customTranslations.divider??t(`dropzone.divider`)}});function formatReadable(fmt){if(fmt.startsWith(`.`))return fmt;if(fmt.includes(`/`)){let[type,subtype]=fmt.split(`/`);if(subtype===`*`){let customTypes=__props.translations?.types||{};switch(type){case`image`:return customTypes.image??t(`dropzone.types.image`);case`video`:return customTypes.video??t(`dropzone.types.video`);case`audio`:return customTypes.audio??t(`dropzone.types.audio`);case`text`:return customTypes.text??t(`dropzone.types.text`);default:return fmt}}return subtype}return fmt}function reset(){filesData.value.forEach(fileData=>{fileData.url&&URL.revokeObjectURL(fileData.url)}),filesData.value=[]}function addFile(file){handleFiles([file])}function removeFile(file){filesData.value=filesData.value.filter(f=>f.file!==file)}function isFileTypeAllowed(file){return!__props.dataTypes||__props.dataTypes.includes(`*/*`)?!0:__props.dataTypes.some(type=>type.startsWith(`.`)?file.name.toLowerCase().endsWith(type.toLowerCase()):type.endsWith(`/*`)?file.type.startsWith(type.slice(0,-1)):file.type===type)}return __expose({uploadFiles,uploadFilesMultiple,getFormData,getFormDataMultiple,reset,isUploading,addFile,removeFile}),(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{ref_key:`dropZoneRef`,ref:dropZoneRef,role:`button`,tabindex:`0`,for:`input-file-uploader-${unref(instanceId)}`,class:normalizeClass([`m-dropzone m-reset-css`,{"m-dropzone--disabled":__props.disabled,"m-dropzone--is-over-drop-zone":unref(isOverDropZone)&&!unref(isOverError),"m-dropzone--is-over-error":unref(isOverError)}]),style:normalizeStyle({"--active-color":`hsl(var(--maz-${__props.color}))`})},[renderSlot(_ctx.$slots,`files-area`,{filesData:filesData.value},()=>[createVNode(TransitionGroup,{name:`file-scale`,tag:`div`,class:`m-dropzone__files-container`,onBeforeEnter:_cache[1]||=$event=>selectAreaCanBeDisplayed.value=!1,onAfterLeave:_cache[2]||=$event=>selectAreaCanBeDisplayed.value=filesData.value.length===0},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(filesData.value,file=>(openBlock(),createElementBlock(`div`,{key:`${file.name}-${file.size}-${file}`,class:`m-dropzone__file-item group`,onClick:_cache[0]||=withModifiers(()=>{},[`prevent`])},[renderSlot(_ctx.$slots,`file-item`,{file},()=>[file.thumbnail&&__props.preview?(openBlock(),createElementBlock(Fragment,{key:0},[createElementVNode(`div`,{style:normalizeStyle({backgroundImage:`url(${file.thumbnail})`,backgroundSize:`cover`,backgroundPosition:`center`}),class:`m-dropzone__thumbnail`},null,4),_cache[4]||=createElementVNode(`div`,{class:`m-dropzone__overlay`},null,-1)],64)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[createVNode(Transition,{name:`icon-scale`},{default:withCtx(()=>[file.uploading?(openBlock(),createBlock(unref(MazSpinner),mergeProps({key:0,color:__props.color,class:`m-dropzone__spinner`},{ref_for:!0},__props.spinnerProps),null,16,[`color`])):file.success?(openBlock(),createBlock(unref(MazCheckCircle),{key:1,class:`m-dropzone__success-icon`})):file.error?(openBlock(),createBlock(unref(MazXCircle),{key:2,class:`m-dropzone__error-icon`})):(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazIcon_default,{icon:getIconComponent(file),size:`lg`,class:`m-dropzone__file-icon`},null,8,[`icon`])]))]),_:2},1024)]),createElementVNode(`div`,_hoisted_4,[createElementVNode(`div`,_hoisted_5,[createElementVNode(`span`,_hoisted_6,toDisplayString(file.name),1),createElementVNode(`span`,_hoisted_7,toDisplayString(file.sizeInMb)+` MB`,1)]),!file.uploading&&!file.success?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,size:`xs`,icon:unref(MazTrash),disabled:__props.disabled,color:`destructive`,pastel:``},{ref_for:!0},__props.removeFileBtnProps,{onClick:withModifiers($event=>handleFileRemove(file),[`prevent`])}),null,16,[`icon`,`disabled`,`onClick`])):createCommentVNode(``,!0)])],!0)]))),128))]),_:3})],!0),filesData.value.length===0&&selectAreaCanBeDisplayed.value?renderSlot(_ctx.$slots,`no-files-area`,{key:0,selectFile:handleFileInputClick},()=>[createElementVNode(`div`,_hoisted_8,[renderSlot(_ctx.$slots,`upload-icon`,{},()=>[createVNode(unref(MazArrowUpOnSquare),{class:`m-dropzone__upload-icon`})],!0),createElementVNode(`span`,_hoisted_9,[createTextVNode(toDisplayString(messages.value.dragAndDrop)+` `+toDisplayString(messages.value.divider)+` `,1),createVNode(MazLink_default,{color:`inherit`,underline:``,onClick:_cache[3]||=withModifiers($event=>!__props.disabled&&handleFileInputClick(),[`prevent`])},{default:withCtx(()=>[createTextVNode(toDisplayString(messages.value.selectFile),1)]),_:1})])]),!allFileIsAccepted.value&&(messages.value.fileMaxCount||messages.value.fileMaxSize||messages.value.fileTypes)?(openBlock(),createElementBlock(`p`,_hoisted_10,[messages.value.fileMaxCount?(openBlock(),createElementBlock(`span`,_hoisted_11,toDisplayString(messages.value.fileMaxCount),1)):createCommentVNode(``,!0),messages.value.fileMaxSize?(openBlock(),createElementBlock(`span`,_hoisted_12,toDisplayString(messages.value.fileMaxSize),1)):createCommentVNode(``,!0),messages.value.fileTypes?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(messages.value.fileTypes),1)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],!0):createCommentVNode(``,!0),createElementVNode(`input`,{id:`input-file-uploader-${unref(instanceId)}`,ref_key:`fileInput`,ref:fileInput,multiple:hasMultiple.value,type:`file`,accept:__props.dataTypes?.join(`,`),tabindex:`-1`,disabled:__props.disabled,class:`m-dropzone__file-input`,onChange:handleFileUpload},null,40,_hoisted_14)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-b5da9926`]]);export{MazDropzone_default as t};
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useDropzone}from"../composables/useDropzone.js";import{t as MazLink_default}from"./MazLink.BsjurisK.js";import{t as MazBtn_default}from"./MazBtn.Cc9C1v2l.js";import{t as MazIcon_default}from"./MazIcon.ZWAk25ZX.js";import{Fragment,Transition,TransitionGroup,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,withCtx,withModifiers}from"vue";import{sleep}from"@maz-ui/utils/helpers/sleep";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazCheckCircle}from"@maz-ui/icons/lazy/MazCheckCircle";import{MazTrash}from"@maz-ui/icons/lazy/MazTrash";import{MazArchiveBox}from"@maz-ui/icons/lazy/MazArchiveBox";import{MazArrowUpOnSquare}from"@maz-ui/icons/lazy/MazArrowUpOnSquare";import{MazCodeBracket}from"@maz-ui/icons/lazy/MazCodeBracket";import{MazCog}from"@maz-ui/icons/lazy/MazCog";import{MazCommandLine}from"@maz-ui/icons/lazy/MazCommandLine";import{MazDocumentIcon}from"@maz-ui/icons/lazy/MazDocumentIcon";import{MazDocumentText}from"@maz-ui/icons/lazy/MazDocumentText";import{MazFilm}from"@maz-ui/icons/lazy/MazFilm";import{MazLogoAndroid}from"@maz-ui/icons/lazy/MazLogoAndroid";import{MazLogoApple}from"@maz-ui/icons/lazy/MazLogoApple";import{MazLogoCsv}from"@maz-ui/icons/lazy/MazLogoCsv";import{MazLogoHtml}from"@maz-ui/icons/lazy/MazLogoHtml";import{MazLogoJs}from"@maz-ui/icons/lazy/MazLogoJs";import{MazLogoJson}from"@maz-ui/icons/lazy/MazLogoJson";import{MazLogoMarkdown}from"@maz-ui/icons/lazy/MazLogoMarkdown";import{MazLogoProperties}from"@maz-ui/icons/lazy/MazLogoProperties";import{MazLogoReact}from"@maz-ui/icons/lazy/MazLogoReact";import{MazLogoTxt}from"@maz-ui/icons/lazy/MazLogoTxt";import{MazLogoTypescript}from"@maz-ui/icons/lazy/MazLogoTypescript";import{MazLogoVue}from"@maz-ui/icons/lazy/MazLogoVue";import{MazLogoXliff}from"@maz-ui/icons/lazy/MazLogoXliff";import{MazLogoXls}from"@maz-ui/icons/lazy/MazLogoXls";import{MazLogoXml}from"@maz-ui/icons/lazy/MazLogoXml";import{MazPaintBrush}from"@maz-ui/icons/lazy/MazPaintBrush";import{MazPencilSquare}from"@maz-ui/icons/lazy/MazPencilSquare";import{MazPhoto}from"@maz-ui/icons/lazy/MazPhoto";import{MazPresentationChartBar}from"@maz-ui/icons/lazy/MazPresentationChartBar";import{MazSpeakerWave}from"@maz-ui/icons/lazy/MazSpeakerWave";import{MazXCircle}from"@maz-ui/icons/lazy/MazXCircle";import '../assets/MazDropzone.DRD0eN8E.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-dropzone__icon-container`};var _hoisted_3={key:3,class:`m-dropzone__file-icon-wrapper`};var _hoisted_4={class:`m-dropzone__description`};var _hoisted_5={class:`m-dropzone__file-info`};var _hoisted_6={class:`m-dropzone__file-name`};var _hoisted_7={class:`m-dropzone__file-size`};var _hoisted_8={class:`m-dropzone__content`};var _hoisted_9={class:`m-dropzone__upload-text`};var _hoisted_10={key:0,class:`m-dropzone__info-text`};var _hoisted_11={key:0};var _hoisted_12={key:1};var _hoisted_13={key:2};var _hoisted_14=[`id`,`multiple`,`accept`,`disabled`];var MazDropzone_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazDropzone`,props:mergeModels({id:{},multiple:{type:Boolean,default:!1},dataTypes:{},preventDefaultForUnhandled:{type:Boolean,default:!0},maxFileSize:{},maxFiles:{},disabled:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},minFileSize:{},allowDuplicates:{type:Boolean,default:!1},translations:{},color:{default:`primary`},removeFileBtnProps:{default:()=>({})},spinnerProps:{default:()=>({})},autoUpload:{type:[String,Boolean],default:!1},url:{},requestOptions:{},transformBody:{type:Function},maxConcurrentUploads:{default:5}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:mergeModels([`drop`,`enter`,`leave`,`over`,`add`,`remove`,`error`,`upload-error`,`upload-error-multiple`,`upload-success`,`upload-success-multiple`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let filesData=useModel(__props,`modelValue`);onBeforeMount(async()=>{filesData.value.length&&(filesData.value=await Promise.all(filesData.value.map(fileData=>getFileData(fileData.file))))});let dropZoneRef=ref();let isUploading=ref(!1);let hasMultiple=computed(()=>__props.multiple||(__props.maxFiles?__props.maxFiles>1:!1)||__props.autoUpload===`multiple`);let instanceId=useInstanceUniqId({componentName:`MazDropzone`,providedId:__props.id});function uploadFile(formData){if(!__props.url)throw emits(`error`,{files:null,event:null,code:`NO_URL`}),Error(`NO_URL`);try{let body=__props.transformBody?.(formData)??formData;return fetch(__props.url,{method:`POST`,body,...__props.requestOptions})}catch{emits(`error`,{files:null,event:null,code:`FILE_UPLOAD_ERROR`})}}function getFormData(file){let formData=new FormData;return formData.append(`file`,file),formData}function getFormDataMultiple(){let formData=new FormData;return filesData.value.forEach(fileData=>formData.append(`files`,fileData.file)),formData}async function uploadFilesMultiple(){if(!filesData.value.length){emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`});return}try{isUploading.value=!0,filesData.value=filesData.value.map(f=>({...f,uploading:!0,success:!1,error:!1}));let response=await uploadFile(getFormDataMultiple());filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!0,error:!1})),emits(`upload-success-multiple`,{files:filesData.value.map(f=>f.file),response})}catch(error){filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!1,error:!0})),emits(`upload-error-multiple`,{files:filesData.value.map(f=>f.file),code:`FILE_UPLOAD_ERROR_MULTIPLE`,error})}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function uploadFiles(){if(!filesData.value.length)throw emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`}),Error(`NO_FILES_TO_UPLOAD`);try{isUploading.value=!0;let queue=[...filesData.value];let activeUploads=[];async function uploadFileData(fileData){let formData=getFormData(fileData.file);try{fileData.error=!1,fileData.uploading=!0;let response=await uploadFile(formData);emits(`upload-success`,{file:fileData.file,response}),fileData.success=!0}catch(error){fileData.error=!0,emits(`upload-error`,{file:fileData.file,code:`FILE_UPLOAD_ERROR`,error})}finally{fileData.uploading=!1}}async function processQueue(){for(;queue.length>0;){let fileData=queue.shift();fileData&&await uploadFileData(fileData)}}for(let i=0;i<Math.min(__props.maxConcurrentUploads,filesData.value.length);i++)activeUploads.push(processQueue());await Promise.allSettled(activeUploads)}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function getFileData(file){let fileData={file,name:file.name,size:file.size,type:file.type,lastModified:file.lastModified,sizeInMb:(file.size/1024/1024).toFixed(2),lastModifiedDate:new Date(file.lastModified),url:URL.createObjectURL(file),thumbnail:void 0,uploading:!1,success:!1,error:!1};return file.type.startsWith(`image/`)&&await new Promise(resolve=>{let reader=new FileReader;reader.onload=event=>{fileData.thumbnail=event.target?.result||void 0,resolve(null)},reader.readAsDataURL(file)}),__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`}),__props.minFileSize&&file.size<__props.minFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`}),fileData}async function handleFiles(files){if(__props.disabled||!files)return null;for await(let file of files){if(!isFileTypeAllowed(file)){emits(`error`,{files:[file],event:null,code:`FILE_TYPE_NOT_ALLOWED`});continue}if(!hasMultiple.value&&filesData.value.length>=1){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFiles&&filesData.value.length>=__props.maxFiles){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`});continue}if(__props.minFileSize&&file.size<__props.minFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`});continue}if(!__props.allowDuplicates&&filesData.value.some(f=>f.name===file.name&&f.size===file.size&&f.type===file.type)){emits(`error`,{files:[file],event:null,code:`FILE_DUPLICATED`});continue}let fileData=await getFileData(file);filesData.value=[...filesData.value,fileData],emits(`add`,fileData.file)}return __props.autoUpload===`single`?uploadFiles():__props.autoUpload===`multiple`&&uploadFilesMultiple(),filesData.value}async function onDrop(files,event){await handleFiles(files),emits(`drop`,{files,event})}function onError(files,event){emits(`error`,{files,event,code:`FILE_TYPE_NOT_ALLOWED`})}function onEnter(files,event){emits(`enter`,{files,event})}function onLeave(files,event){emits(`leave`,{files,event})}function onOver(files,event){emits(`over`,{files,event})}let{isOverDropZone,isOverError}=useDropzone(dropZoneRef,{dataTypes:__props.dataTypes,onDrop,preventDefaultForUnhandled:__props.preventDefaultForUnhandled,multiple:hasMultiple.value,onError,onEnter,onLeave,onOver});let fileInput=ref();function handleFileUpload(event){let input=event.target;let files=input?.files;files&&handleFiles(files),setTimeout(()=>{input.value=``},3e3)}let extensionIconMap=(()=>{let map=new Map;let groups=[[MazLogoJs,[`js`,`mjs`,`cjs`]],[MazLogoTypescript,[`ts`,`tsx`,`mts`,`cts`]],[MazLogoVue,[`vue`]],[MazLogoReact,[`jsx`]],[MazLogoJson,[`json`,`jsonc`,`json5`]],[MazLogoXml,[`xml`]],[MazLogoHtml,[`html`,`htm`]],[MazLogoMarkdown,[`md`,`markdown`,`mdx`]],[MazLogoProperties,[`properties`]],[MazLogoTxt,[`txt`]],[MazLogoCsv,[`csv`]],[MazLogoXls,[`xls`,`xlsx`]],[MazLogoXliff,[`xliff`,`xlf`]],[MazLogoApple,[`strings`,`stringsdict`,`xcstrings`]],[MazLogoAndroid,[`apk`]],[MazPhoto,[`jpeg`,`jpg`,`png`,`tiff`,`bmp`,`webp`,`svg`,`ico`,`gif`,`heic`,`heif`,`avif`]],[MazFilm,[`mp4`,`webm`,`avi`,`mov`,`mkv`,`flv`,`wmv`,`m4v`,`mpeg`,`mpg`,`3gp`,`ogv`]],[MazSpeakerWave,[`mp3`,`wav`,`m4a`,`aac`,`flac`,`ogg`,`oga`,`opus`,`wma`,`alac`,`aiff`]],[MazArchiveBox,[`zip`,`rar`,`tar`,`gz`,`7z`,`bz2`,`xz`]],[MazCommandLine,[`exe`,`dll`,`so`,`dylib`,`dmg`,`deb`,`rpm`,`app`,`bat`,`cmd`]],[MazCodeBracket,`css.scss.sass.less.py.java.cpp.c.h.hpp.go.rs.rust.php.rb.swift.kt.kotlin.sql.sh.bash.zsh.yaml.yml.toml.ini`.split(`.`)],[MazCog,[`conf`,`config`,`env`,`cfg`]],[MazPresentationChartBar,[`ppt`,`pptx`,`key`,`odp`]],[MazDocumentText,[`rtf`,`odt`]],[MazPencilSquare,[`ttf`,`otf`,`woff`,`woff2`,`eot`]],[MazPaintBrush,[`ai`,`psd`,`sketch`,`fig`,`xd`,`eps`]],[MazDocumentIcon,[`pdf`,`doc`,`docx`,`tsv`,`document`]]];for(let[icon,extensions]of groups)for(let ext of extensions)map.set(ext,icon);return map})();function getIconComponent(fileData){let type=fileData.file.type.split(`/`)?.[1]?.split(`+`)?.[0]?.toLowerCase();let extension=fileData.file.name.split(`.`).pop()?.toLowerCase();return extensionIconMap.get(type)||extension&&extensionIconMap.get(extension)||extensionIconMap.get(`document`)}function handleFileInputClick(){fileInput.value&&fileInput.value.click()}function handleFileRemove(fileData){fileData.url&&URL.revokeObjectURL(fileData.url),filesData.value=filesData.value.filter(f=>f.file!==fileData.file),emits(`remove`,fileData.file)}let selectAreaCanBeDisplayed=ref(!0);let dataTypesString=computed(()=>__props.dataTypes?.map(formatReadable).join(`, `));let allFileIsAccepted=computed(()=>__props.dataTypes?.length===1&&__props.dataTypes[0]===`*/*`);let{t}=useTranslations();let messages=computed(()=>{let customTranslations=__props.translations||{};return{dragAndDrop:customTranslations.dragAndDrop??t(`dropzone.dragAndDrop`),fileMaxCount:__props.maxFiles?customTranslations.fileMaxCount??t(`dropzone.fileMaxCount`,{count:__props.maxFiles}):void 0,fileMaxSize:__props.maxFileSize?customTranslations.fileMaxSize??t(`dropzone.fileMaxSize`,{size:__props.maxFileSize}):void 0,fileTypes:dataTypesString.value?customTranslations.fileTypes??t(`dropzone.fileTypes`,{types:dataTypesString.value}):void 0,selectFile:customTranslations.selectFile??t(`dropzone.selectFile`),divider:customTranslations.divider??t(`dropzone.divider`)}});function formatReadable(fmt){if(fmt.startsWith(`.`))return fmt;if(fmt.includes(`/`)){let[type,subtype]=fmt.split(`/`);if(subtype===`*`){let customTypes=__props.translations?.types||{};switch(type){case`image`:return customTypes.image??t(`dropzone.types.image`);case`video`:return customTypes.video??t(`dropzone.types.video`);case`audio`:return customTypes.audio??t(`dropzone.types.audio`);case`text`:return customTypes.text??t(`dropzone.types.text`);default:return fmt}}return subtype}return fmt}function reset(){filesData.value.forEach(fileData=>{fileData.url&&URL.revokeObjectURL(fileData.url)}),filesData.value=[]}function addFile(file){handleFiles([file])}function removeFile(file){filesData.value=filesData.value.filter(f=>f.file!==file)}function isFileTypeAllowed(file){return!__props.dataTypes||__props.dataTypes.includes(`*/*`)?!0:__props.dataTypes.some(type=>type.startsWith(`.`)?file.name.toLowerCase().endsWith(type.toLowerCase()):type.endsWith(`/*`)?file.type.startsWith(type.slice(0,-1)):file.type===type)}return __expose({uploadFiles,uploadFilesMultiple,getFormData,getFormDataMultiple,reset,isUploading,addFile,removeFile}),(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{ref_key:`dropZoneRef`,ref:dropZoneRef,role:`button`,tabindex:`0`,for:`input-file-uploader-${unref(instanceId)}`,class:normalizeClass([`m-dropzone m-reset-css`,{"m-dropzone--disabled":__props.disabled,"m-dropzone--is-over-drop-zone":unref(isOverDropZone)&&!unref(isOverError),"m-dropzone--is-over-error":unref(isOverError)}]),style:normalizeStyle({"--active-color":`hsl(var(--maz-${__props.color}))`})},[renderSlot(_ctx.$slots,`files-area`,{filesData:filesData.value},()=>[createVNode(TransitionGroup,{name:`file-scale`,tag:`div`,class:`m-dropzone__files-container`,onBeforeEnter:_cache[1]||=$event=>selectAreaCanBeDisplayed.value=!1,onAfterLeave:_cache[2]||=$event=>selectAreaCanBeDisplayed.value=filesData.value.length===0},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(filesData.value,file=>(openBlock(),createElementBlock(`div`,{key:`${file.name}-${file.size}-${file}`,class:`m-dropzone__file-item group`,onClick:_cache[0]||=withModifiers(()=>{},[`prevent`])},[renderSlot(_ctx.$slots,`file-item`,{file},()=>[file.thumbnail&&__props.preview?(openBlock(),createElementBlock(Fragment,{key:0},[createElementVNode(`div`,{style:normalizeStyle({backgroundImage:`url(${file.thumbnail})`,backgroundSize:`cover`,backgroundPosition:`center`}),class:`m-dropzone__thumbnail`},null,4),_cache[4]||=createElementVNode(`div`,{class:`m-dropzone__overlay`},null,-1)],64)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[createVNode(Transition,{name:`icon-scale`},{default:withCtx(()=>[file.uploading?(openBlock(),createBlock(unref(MazSpinner),mergeProps({key:0,color:__props.color,class:`m-dropzone__spinner`},{ref_for:!0},__props.spinnerProps),null,16,[`color`])):file.success?(openBlock(),createBlock(unref(MazCheckCircle),{key:1,class:`m-dropzone__success-icon`})):file.error?(openBlock(),createBlock(unref(MazXCircle),{key:2,class:`m-dropzone__error-icon`})):(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazIcon_default,{icon:getIconComponent(file),size:`lg`,class:`m-dropzone__file-icon`},null,8,[`icon`])]))]),_:2},1024)]),createElementVNode(`div`,_hoisted_4,[createElementVNode(`div`,_hoisted_5,[createElementVNode(`span`,_hoisted_6,toDisplayString(file.name),1),createElementVNode(`span`,_hoisted_7,toDisplayString(file.sizeInMb)+` MB`,1)]),!file.uploading&&!file.success?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,size:`xs`,icon:unref(MazTrash),disabled:__props.disabled,color:`destructive`,pastel:``},{ref_for:!0},__props.removeFileBtnProps,{onClick:withModifiers($event=>handleFileRemove(file),[`prevent`])}),null,16,[`icon`,`disabled`,`onClick`])):createCommentVNode(``,!0)])],!0)]))),128))]),_:3})],!0),filesData.value.length===0&&selectAreaCanBeDisplayed.value?renderSlot(_ctx.$slots,`no-files-area`,{key:0,selectFile:handleFileInputClick},()=>[createElementVNode(`div`,_hoisted_8,[renderSlot(_ctx.$slots,`upload-icon`,{},()=>[createVNode(unref(MazArrowUpOnSquare),{class:`m-dropzone__upload-icon`})],!0),createElementVNode(`span`,_hoisted_9,[createTextVNode(toDisplayString(messages.value.dragAndDrop)+` `+toDisplayString(messages.value.divider)+` `,1),createVNode(MazLink_default,{color:`inherit`,underline:``,onClick:_cache[3]||=withModifiers($event=>!__props.disabled&&handleFileInputClick(),[`prevent`])},{default:withCtx(()=>[createTextVNode(toDisplayString(messages.value.selectFile),1)]),_:1})])]),!allFileIsAccepted.value&&(messages.value.fileMaxCount||messages.value.fileMaxSize||messages.value.fileTypes)?(openBlock(),createElementBlock(`p`,_hoisted_10,[messages.value.fileMaxCount?(openBlock(),createElementBlock(`span`,_hoisted_11,toDisplayString(messages.value.fileMaxCount),1)):createCommentVNode(``,!0),messages.value.fileMaxSize?(openBlock(),createElementBlock(`span`,_hoisted_12,toDisplayString(messages.value.fileMaxSize),1)):createCommentVNode(``,!0),messages.value.fileTypes?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(messages.value.fileTypes),1)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],!0):createCommentVNode(``,!0),createElementVNode(`input`,{id:`input-file-uploader-${unref(instanceId)}`,ref_key:`fileInput`,ref:fileInput,multiple:hasMultiple.value,type:`file`,accept:__props.dataTypes?.join(`,`),tabindex:`-1`,disabled:__props.disabled,class:`m-dropzone__file-input`,onChange:handleFileUpload},null,40,_hoisted_14)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-7a36205a`]]);export{MazDropzone_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useStringMatching}from"../composables/useStringMatching.js";import{t as MazInput_default}from"./MazInput.BlvZ4aiU.js";import{t as MazPopover_default}from"./MazPopover.Co8BEopX.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createSlots,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,nextTick,normalizeClass,normalizeStyle,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,useTemplateRef,watch,withCtx,withModifiers}from"vue";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazNoSymbol}from"@maz-ui/icons/lazy/MazNoSymbol";import{MazChevronDown}from"@maz-ui/icons/static/MazChevronDown";import{debounceCallback}from"@maz-ui/utils/helpers/debounceCallback";import{isClient}from"@maz-ui/utils/helpers/isClient";import{normalizeString}from"@maz-ui/utils/helpers/normalizeString";import '../assets/MazSelect.B3S4EI1C.css';var _hoisted_1=[`disabled`,`aria-label`];var _hoisted_2=[`id`];var _hoisted_3={key:0,class:`m-select-list__search-wrapper`};var _hoisted_4={class:`m-select-list__no-results`};var _hoisted_5={key:2,ref:`optionListWrapper`,class:`m-select-list__scroll-wrapper`,tabindex:`-1`};var _hoisted_6={class:`m-select-list-optgroup`};var _hoisted_7=[`tabindex`,`onClick`];var MazSelect_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazSelect`,props:mergeModels({style:{type:[Boolean,null,String,Object,Array],default:()=>void 0},class:{type:[Boolean,null,String,Object,Array],default:()=>void 0},id:{default:()=>void 0},label:{},placeholder:{},modelValue:{default:()=>void 0},options:{},optionValueKey:{default:`value`},optionLabelKey:{default:`label`},optionInputValueKey:{default:`label`},listPosition:{default:`auto`},preferPosition:{default:`bottom-start`},fallbackPosition:{default:`top-start`},itemHeight:{default:()=>void 0},maxListHeight:{default:240},maxListWidth:{default:()=>void 0},minListHeight:{default:()=>void 0},minListWidth:{default:()=>void 0},size:{default:`md`},color:{default:`primary`},search:{type:Boolean},searchFunction:{type:Function},searchThreshold:{default:.75},multiple:{type:Boolean,default:!1},required:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},autocomplete:{default:`off`},translations:{},formatInputValue:{type:Function},transition:{default:`scale-fade`}},{open:{default:!1},openModifiers:{}}),emits:mergeModels([`close`,`open`,`blur`,`focus`,`change`,`input`,`update:model-value`,`selected-option`],[`update:open`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazCheckbox=defineAsyncComponent(()=>import(`../components/MazCheckbox.js`));let popoverComponent=useTemplateRef(`popover`);let inputRef=useTemplateRef(`input`);let searchInputRef=useTemplateRef(`searchInput`);let optionListElement=useTemplateRef(`optionListRef`);let optionListWrapperRef=useTemplateRef(`optionListWrapper`);let selectedTextColor=computed(()=>`hsl(var(--maz-${__props.color}))`);let selectedBgColor=computed(()=>`hsl(var(--maz-${__props.color}-500) / 0.1)`);let{t}=useTranslations();let messages=computed(()=>({searchPlaceholder:__props.translations?.searchPlaceholder||t(`select.searchPlaceholder`)}));let isOpen=useModel(__props,`open`);let instanceId=useInstanceUniqId({componentName:`MazSelect`,providedId:__props.id});function getOptionPayload(option){return{[__props.optionValueKey]:option,[__props.optionLabelKey]:option,[__props.optionInputValueKey]:option}}function getNormalizedOptionPayload(option){return{...option,[__props.optionValueKey]:option[__props.optionValueKey],[__props.optionLabelKey]:option[__props.optionLabelKey],[__props.optionInputValueKey]:option[__props.optionInputValueKey]}}function getNormalizedOptions(options){let normalizedOptions=[];if(!options?.length)return[];for(let option of options)typeof option==`string`||typeof option==`number`||typeof option==`boolean`?normalizedOptions.push(getOptionPayload(option)):typeof option==`object`&&`options`in option&&Array.isArray(option.options)?normalizedOptions.push({label:option.label,isOptGroup:!0},...option.options.map(opt=>typeof opt==`string`||typeof opt==`number`||typeof opt==`boolean`?getOptionPayload(opt):getNormalizedOptionPayload(opt))):normalizedOptions.push(getNormalizedOptionPayload(option));return normalizedOptions}let optionsNormalized=computed(()=>getNormalizedOptions(__props.options??[]));function isOptionInSelection(option){return isNullOrUndefined(option[__props.optionValueKey])?!1:__props.multiple?Array.isArray(__props.modelValue)&&__props.modelValue.includes(option[__props.optionValueKey]):__props.modelValue===option[__props.optionValueKey]}let selectedOptions=computed(()=>optionsNormalized.value?.filter(isOptionInSelection)??[]);function isNullOrUndefined(value){return value==null}function isSelectedOption(option){return(selectedOptions.value?.some(selectedOption=>selectedOption[__props.optionValueKey]===option[__props.optionValueKey])??!1)&&!isNullOrUndefined(option[__props.optionValueKey])}let inputValue=computed(()=>{if(__props.multiple&&__props.modelValue&&Array.isArray(__props.modelValue)){let values=__props.modelValue.map(value=>optionsNormalized.value?.find(option=>option[__props.optionValueKey]===value)?.[__props.optionInputValueKey]);return __props.formatInputValue?__props.formatInputValue(values):values.join(`, `)}let selectedOption=optionsNormalized.value?.find(option=>option[__props.optionValueKey]===__props.modelValue);let value=isNullOrUndefined(__props.modelValue)?void 0:selectedOption?.[__props.optionInputValueKey];return __props.formatInputValue?__props.formatInputValue(value):value});let searchQuery=ref();let query=ref(``);function searchInValue(value,query){return query&&value&&normalizeString(value).includes(normalizeString(query))}function getFilteredOptionWithQuery(query){return query?optionsNormalized.value?.filter(option=>{let searchValue=option[__props.optionLabelKey];let searchValue3=option[__props.optionValueKey];let searchValue2=option[__props.optionInputValueKey];let threshold=__props.searchThreshold;return searchInValue(searchValue,query)||searchInValue(searchValue2,query)||searchInValue(searchValue3,query)||typeof searchValue==`string`&&useStringMatching(searchValue,query,threshold).isMatching.value||typeof searchValue2==`string`&&useStringMatching(searchValue2,query,threshold).isMatching.value||typeof searchValue3==`string`&&useStringMatching(searchValue3,query,threshold).isMatching.value}):optionsNormalized.value}let optionList=computed(()=>__props.searchFunction&&__props.search&&searchQuery.value?getNormalizedOptions(__props.searchFunction(searchQuery.value,__props.options??[])??[]):getFilteredOptionWithQuery(searchQuery.value));async function onOpenList(){let selectedIndex=optionList.value?.findIndex(option=>isSelectedOption(option));await scrollToOptionIndex(selectedIndex),emits(`open`)}function focusMainInput(){inputRef.value?.$el?.querySelector(`input`)?.focus()}function emitInputMainInput(){inputRef.value?.$el?.querySelector(`input`)?.dispatchEvent(new Event(`input`))}function focusSearchInputAndSetQuery(q){searchQuery.value=q,searchInputRef.value?.$el?.querySelector(`input`)?.focus()}function searchOptionWithQuery(keyPressed){keyPressed===`Backspace`&&query.value&&query.value.length>0?query.value=query.value.slice(0,-1):query.value+=keyPressed;let filteredOptions=getFilteredOptionWithQuery(query.value);if(!filteredOptions?.length)return;let optionIndex=optionList.value?.findIndex(option=>option[__props.optionValueKey]===filteredOptions[0][__props.optionValueKey]);typeof optionIndex!=`number`||optionIndex===-1||(scrollToOptionIndex(optionIndex),debounceCallback(()=>{query.value=``},1e3))}let isLetterOrNumberRegex=/^([\dA-Za-z\u0400-\u04FF])$/;function mainInputKeyboardHandler(event){if(event.ctrlKey||event.metaKey||event.altKey)return;let keyPressed=event.key;(keyPressed===`ArrowDown`||keyPressed===`ArrowUp`||isLetterOrNumberRegex.test(keyPressed))&&!isOpen.value&&(event.preventDefault(),popoverComponent.value?.open()),isLetterOrNumberRegex.test(keyPressed)&&__props.search&&(event.preventDefault(),event.stopPropagation(),focusSearchInputAndSetQuery(keyPressed))}async function scrollToOptionIndex(index){if(await nextTick(),typeof index!=`number`||index<0)return;let item=optionListElement.value?.querySelector(`.m-select-list-item:nth-child(${index+1})`);if(item&&optionListWrapperRef.value){let wrapperRect=optionListWrapperRef.value.getBoundingClientRect();let itemRect=item.getBoundingClientRect();let scrollTop=item.offsetTop-wrapperRect.height/2-itemRect.height;optionListWrapperRef.value.scrollTo?.({top:scrollTop,behavior:`auto`}),setTimeout(()=>{item.focus({preventScroll:!0})},100)}}function updateValue(inputOption,mustCloseList=!0){mustCloseList&&!__props.multiple&&nextTick(()=>{popoverComponent.value?.close()}),searchQuery.value=``;let isAlreadySelected=selectedOptions.value?.some(option=>option[__props.optionValueKey]===inputOption[__props.optionValueKey]);let newValue=selectedOptions.value;isAlreadySelected&&__props.multiple?newValue=newValue?.filter(option=>option[__props.optionValueKey]!==inputOption[__props.optionValueKey]):__props.multiple?newValue.push(inputOption):newValue=[inputOption];let selectedValues=newValue.map(option=>option[__props.optionValueKey]);emits(`update:model-value`,__props.multiple?selectedValues:selectedValues[0]),emits(`selected-option`,inputOption),emitInputMainInput(),focusMainInput()}function keydownHandler(event){let keyPressed=event.key;if(keyPressed===`ArrowDown`||keyPressed===`ArrowUp`){event.preventDefault();let itemLength=optionList.value?.length;if(!itemLength)return;let currentElement=document.activeElement;let itemsElements=document.querySelectorAll(`#${instanceId.value}-option-list .m-select-list-item`);let currentIndex=[...itemsElements].indexOf(currentElement);if(currentIndex===-1){itemsElements[0]?.focus({preventScroll:!0});return}itemsElements[keyPressed===`ArrowDown`?(currentIndex+1)%itemLength:(currentIndex-1+itemLength)%itemLength]?.focus()}else !__props.search&&isLetterOrNumberRegex.test(keyPressed)&&searchOptionWithQuery(keyPressed)}function updateListPosition(){nextTick(()=>{popoverComponent.value?.updatePosition()})}return watch(isOpen,value=>{isClient()&&(value?document.addEventListener(`keydown`,keydownHandler):document.removeEventListener(`keydown`,keydownHandler))},{immediate:!0}),__expose({open:()=>{popoverComponent.value?.open()},close:()=>{popoverComponent.value?.close()}}),(_ctx,_cache)=>(openBlock(),createBlock(MazPopover_default,{id:`${unref(instanceId)}-popover`,ref:`popover`,modelValue:isOpen.value,"onUpdate:modelValue":_cache[5]||=$event=>isOpen.value=$event,class:normalizeClass([`m-select m-reset-css`,[{"--is-open":isOpen.value,"--disabled":__props.disabled},__props.class,`--${__props.size}`]]),style:normalizeStyle(__props.style),trigger:`click`,block:__props.block,transition:__props.transition,offset:0,position:__props.listPosition,disabled:__props.disabled,"prefer-position":__props.preferPosition,"fallback-position":__props.fallbackPosition,"position-reference":`#${unref(instanceId)}-popover .m-input-wrapper`,onClose:_cache[6]||=$event=>emits(`close`),onOpen:onOpenList},{trigger:withCtx(({close,open:openPicker,toggle:togglePopover})=>[createVNode(MazInput_default,mergeProps({id:unref(instanceId),ref:`input`,class:`m-select-input`},_ctx.$attrs,{required:__props.required,"border-active":isOpen.value,color:__props.color,"model-value":inputValue.value,size:__props.size,block:__props.block,placeholder:__props.placeholder,label:__props.label,autocomplete:__props.autocomplete,disabled:__props.disabled,readonly:``,onChange:_cache[0]||=$event=>emits(`change`,$event),onInput:_cache[1]||=$event=>emits(`input`,$event),onFocus:_cache[2]||=$event=>emits(`focus`,$event),onBlur:_cache[3]||=$event=>emits(`blur`,$event),onKeydown:mainInputKeyboardHandler}),createSlots({"right-icon":withCtx(()=>[renderSlot(_ctx.$slots,`right-icon`,{isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},()=>[createElementVNode(`button`,{tabindex:`-1`,disabled:__props.disabled,type:`button`,class:`m-select-input__toggle-button maz-custom`,"aria-label":`${isOpen.value?`collapse`:`expand`} list of options`},[createVNode(unref(MazChevronDown),{class:`m-select-chevron`})],8,_hoisted_1)],!0)]),_:2},[_ctx.$slots[`left-icon`]?{name:`left-icon`,fn:withCtx(()=>[renderSlot(_ctx.$slots,`left-icon`,{isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},void 0,!0)]),key:`0`}:void 0]),1040,[`id`,`required`,`border-active`,`color`,`model-value`,`size`,`block`,`placeholder`,`label`,`autocomplete`,`disabled`])]),default:withCtx(({close,open:openPicker,toggle:togglePopover})=>[createElementVNode(`div`,{id:`${unref(instanceId)}-option-list`,ref:`optionListRef`,class:normalizeClass([`m-select-list`,`--${__props.size}`]),style:normalizeStyle([{maxHeight:`${__props.maxListHeight}px`,maxWidth:`${__props.maxListWidth}px`,minHeight:`${__props.minListHeight}px`,minWidth:`${__props.minListWidth}px`,"--selected-bg-color":selectedBgColor.value,"--selected-text-color":selectedTextColor.value}])},[__props.search?(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazInput_default,{ref:`searchInput`,modelValue:searchQuery.value,"onUpdate:modelValue":[_cache[4]||=$event=>searchQuery.value=$event,updateListPosition],size:`sm`,disabled:__props.disabled,color:__props.color,placeholder:messages.value.searchPlaceholder,name:`search`,inputmode:`search`,autocomplete:`off`,block:``,class:`m-select-list__search-input maz-flex-none`,"left-icon":unref(MazMagnifyingGlass)},null,8,[`modelValue`,`disabled`,`color`,`placeholder`,`left-icon`])])):createCommentVNode(``,!0),!optionList.value||optionList.value.length<=0?renderSlot(_ctx.$slots,`no-results`,{key:1},()=>[createElementVNode(`span`,_hoisted_4,[createVNode(unref(MazNoSymbol),{class:`maz-size-6 maz-text-foreground`})])],!0):(openBlock(),createElementBlock(`div`,_hoisted_5,[(openBlock(!0),createElementBlock(Fragment,null,renderList(optionList.value,(option,i)=>(openBlock(),createElementBlock(Fragment,{key:i},[option.label&&option.isOptGroup?renderSlot(_ctx.$slots,`optgroup`,{key:0,label:option.label},()=>[createElementVNode(`span`,_hoisted_6,toDisplayString(option.label),1)],!0):(openBlock(),createElementBlock(`button`,{key:1,type:`button`,tabindex:__props.multiple?-1:0,class:normalizeClass([`m-select-list-item maz-custom maz-flex-none`,[{"--is-selected":isSelectedOption(option),"--is-none-value":isNullOrUndefined(option[__props.optionValueKey])}]]),style:normalizeStyle(__props.itemHeight?{height:`${__props.itemHeight}px`}:void 0),onClick:withModifiers($event=>updateValue(option,!0),[`prevent`,`stop`])},[__props.multiple?(openBlock(),createBlock(unref(MazCheckbox),{key:0,"model-value":isSelectedOption(option),size:`sm`,color:__props.color},null,8,[`model-value`,`color`])):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`,{option,isSelected:isSelectedOption(option),isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},()=>[createElementVNode(`span`,null,toDisplayString(option[__props.optionLabelKey]),1)],!0)],14,_hoisted_7))],64))),128))],512))],14,_hoisted_2)]),_:3},8,[`id`,`modelValue`,`class`,`style`,`block`,`transition`,`position`,`disabled`,`prefer-position`,`fallback-position`,`position-reference`]))}}),[[`__scopeId`,`data-v-c7d94758`]]);export{MazSelect_default as t};
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useStringMatching}from"../composables/useStringMatching.js";import{t as MazInput_default}from"./MazInput.BlvZ4aiU.js";import{t as MazPopover_default}from"./MazPopover.Co8BEopX.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createSlots,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,nextTick,normalizeClass,normalizeStyle,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,useTemplateRef,watch,withCtx,withModifiers}from"vue";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazNoSymbol}from"@maz-ui/icons/lazy/MazNoSymbol";import{MazChevronDown}from"@maz-ui/icons/static/MazChevronDown";import{debounceCallback}from"@maz-ui/utils/helpers/debounceCallback";import{isClient}from"@maz-ui/utils/helpers/isClient";import{normalizeString}from"@maz-ui/utils/helpers/normalizeString";import '../assets/MazSelect.ChUdkWMI.css';var _hoisted_1=[`disabled`,`aria-label`];var _hoisted_2=[`id`];var _hoisted_3={key:0,class:`m-select-list__search-wrapper`};var _hoisted_4={class:`m-select-list__no-results`};var _hoisted_5={key:2,ref:`optionListWrapper`,class:`m-select-list__scroll-wrapper`,tabindex:`-1`};var _hoisted_6={class:`m-select-list-optgroup`};var _hoisted_7=[`tabindex`,`onClick`];var MazSelect_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazSelect`,props:mergeModels({style:{type:[Boolean,null,String,Object,Array],default:()=>void 0},class:{type:[Boolean,null,String,Object,Array],default:()=>void 0},id:{default:()=>void 0},label:{},placeholder:{},modelValue:{default:()=>void 0},options:{},optionValueKey:{default:`value`},optionLabelKey:{default:`label`},optionInputValueKey:{default:`label`},listPosition:{default:`auto`},preferPosition:{default:`bottom-start`},fallbackPosition:{default:`top-start`},itemHeight:{default:()=>void 0},maxListHeight:{default:240},maxListWidth:{default:()=>void 0},minListHeight:{default:()=>void 0},minListWidth:{default:()=>void 0},size:{default:`md`},color:{default:`primary`},search:{type:Boolean},searchFunction:{type:Function},searchThreshold:{default:.75},multiple:{type:Boolean,default:!1},required:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},autocomplete:{default:`off`},translations:{},formatInputValue:{type:Function},transition:{default:`scale-fade`}},{open:{default:!1},openModifiers:{}}),emits:mergeModels([`close`,`open`,`blur`,`focus`,`change`,`input`,`update:model-value`,`selected-option`],[`update:open`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazCheckbox=defineAsyncComponent(()=>import(`../components/MazCheckbox.js`));let popoverComponent=useTemplateRef(`popover`);let inputRef=useTemplateRef(`input`);let searchInputRef=useTemplateRef(`searchInput`);let optionListElement=useTemplateRef(`optionListRef`);let optionListWrapperRef=useTemplateRef(`optionListWrapper`);let selectedTextColor=computed(()=>`hsl(var(--maz-${__props.color}))`);let selectedBgColor=computed(()=>`hsl(var(--maz-${__props.color}-500) / 0.1)`);let{t}=useTranslations();let messages=computed(()=>({searchPlaceholder:__props.translations?.searchPlaceholder||t(`select.searchPlaceholder`)}));let isOpen=useModel(__props,`open`);let instanceId=useInstanceUniqId({componentName:`MazSelect`,providedId:__props.id});function getOptionPayload(option){return{[__props.optionValueKey]:option,[__props.optionLabelKey]:option,[__props.optionInputValueKey]:option}}function getNormalizedOptionPayload(option){return{...option,[__props.optionValueKey]:option[__props.optionValueKey],[__props.optionLabelKey]:option[__props.optionLabelKey],[__props.optionInputValueKey]:option[__props.optionInputValueKey]}}function getNormalizedOptions(options){let normalizedOptions=[];if(!options?.length)return[];for(let option of options)typeof option==`string`||typeof option==`number`||typeof option==`boolean`?normalizedOptions.push(getOptionPayload(option)):typeof option==`object`&&`options`in option&&Array.isArray(option.options)?normalizedOptions.push({label:option.label,isOptGroup:!0},...option.options.map(opt=>typeof opt==`string`||typeof opt==`number`||typeof opt==`boolean`?getOptionPayload(opt):getNormalizedOptionPayload(opt))):normalizedOptions.push(getNormalizedOptionPayload(option));return normalizedOptions}let optionsNormalized=computed(()=>getNormalizedOptions(__props.options??[]));function isOptionInSelection(option){return isNullOrUndefined(option[__props.optionValueKey])?!1:__props.multiple?Array.isArray(__props.modelValue)&&__props.modelValue.includes(option[__props.optionValueKey]):__props.modelValue===option[__props.optionValueKey]}let selectedOptions=computed(()=>optionsNormalized.value?.filter(isOptionInSelection)??[]);function isNullOrUndefined(value){return value==null}function isSelectedOption(option){return(selectedOptions.value?.some(selectedOption=>selectedOption[__props.optionValueKey]===option[__props.optionValueKey])??!1)&&!isNullOrUndefined(option[__props.optionValueKey])}let inputValue=computed(()=>{if(__props.multiple&&__props.modelValue&&Array.isArray(__props.modelValue)){let values=__props.modelValue.map(value=>optionsNormalized.value?.find(option=>option[__props.optionValueKey]===value)?.[__props.optionInputValueKey]);return __props.formatInputValue?__props.formatInputValue(values):values.join(`, `)}let selectedOption=optionsNormalized.value?.find(option=>option[__props.optionValueKey]===__props.modelValue);let value=isNullOrUndefined(__props.modelValue)?void 0:selectedOption?.[__props.optionInputValueKey];return __props.formatInputValue?__props.formatInputValue(value):value});let searchQuery=ref();let query=ref(``);function searchInValue(value,query){return query&&value&&normalizeString(value).includes(normalizeString(query))}function getFilteredOptionWithQuery(query){return query?optionsNormalized.value?.filter(option=>{let searchValue=option[__props.optionLabelKey];let searchValue3=option[__props.optionValueKey];let searchValue2=option[__props.optionInputValueKey];let threshold=__props.searchThreshold;return searchInValue(searchValue,query)||searchInValue(searchValue2,query)||searchInValue(searchValue3,query)||typeof searchValue==`string`&&useStringMatching(searchValue,query,threshold).isMatching.value||typeof searchValue2==`string`&&useStringMatching(searchValue2,query,threshold).isMatching.value||typeof searchValue3==`string`&&useStringMatching(searchValue3,query,threshold).isMatching.value}):optionsNormalized.value}let optionList=computed(()=>__props.searchFunction&&__props.search&&searchQuery.value?getNormalizedOptions(__props.searchFunction(searchQuery.value,__props.options??[])??[]):getFilteredOptionWithQuery(searchQuery.value));async function onOpenList(){let selectedIndex=optionList.value?.findIndex(option=>isSelectedOption(option));await scrollToOptionIndex(selectedIndex),emits(`open`)}function focusMainInput(){inputRef.value?.$el?.querySelector(`input`)?.focus()}function emitInputMainInput(){inputRef.value?.$el?.querySelector(`input`)?.dispatchEvent(new Event(`input`))}function focusSearchInputAndSetQuery(q){searchQuery.value=q,searchInputRef.value?.$el?.querySelector(`input`)?.focus()}function searchOptionWithQuery(keyPressed){keyPressed===`Backspace`&&query.value&&query.value.length>0?query.value=query.value.slice(0,-1):query.value+=keyPressed;let filteredOptions=getFilteredOptionWithQuery(query.value);if(!filteredOptions?.length)return;let optionIndex=optionList.value?.findIndex(option=>option[__props.optionValueKey]===filteredOptions[0][__props.optionValueKey]);typeof optionIndex!=`number`||optionIndex===-1||(scrollToOptionIndex(optionIndex),debounceCallback(()=>{query.value=``},1e3))}let isLetterOrNumberRegex=/^([\dA-Za-z\u0400-\u04FF])$/;function mainInputKeyboardHandler(event){if(event.ctrlKey||event.metaKey||event.altKey)return;let keyPressed=event.key;(keyPressed===`ArrowDown`||keyPressed===`ArrowUp`||isLetterOrNumberRegex.test(keyPressed))&&!isOpen.value&&(event.preventDefault(),popoverComponent.value?.open()),isLetterOrNumberRegex.test(keyPressed)&&__props.search&&(event.preventDefault(),event.stopPropagation(),focusSearchInputAndSetQuery(keyPressed))}async function scrollToOptionIndex(index){if(await nextTick(),typeof index!=`number`||index<0)return;let item=optionListElement.value?.querySelector(`.m-select-list-item:nth-child(${index+1})`);if(item&&optionListWrapperRef.value){let wrapperRect=optionListWrapperRef.value.getBoundingClientRect();let itemRect=item.getBoundingClientRect();let scrollTop=item.offsetTop-wrapperRect.height/2-itemRect.height;optionListWrapperRef.value.scrollTo?.({top:scrollTop,behavior:`auto`}),setTimeout(()=>{item.focus({preventScroll:!0})},100)}}function updateValue(inputOption,mustCloseList=!0){mustCloseList&&!__props.multiple&&nextTick(()=>{popoverComponent.value?.close()}),searchQuery.value=``;let isAlreadySelected=selectedOptions.value?.some(option=>option[__props.optionValueKey]===inputOption[__props.optionValueKey]);let newValue=selectedOptions.value;isAlreadySelected&&__props.multiple?newValue=newValue?.filter(option=>option[__props.optionValueKey]!==inputOption[__props.optionValueKey]):__props.multiple?newValue.push(inputOption):newValue=[inputOption];let selectedValues=newValue.map(option=>option[__props.optionValueKey]);emits(`update:model-value`,__props.multiple?selectedValues:selectedValues[0]),emits(`selected-option`,inputOption),emitInputMainInput(),focusMainInput()}function keydownHandler(event){let keyPressed=event.key;if(keyPressed===`ArrowDown`||keyPressed===`ArrowUp`){event.preventDefault();let itemLength=optionList.value?.length;if(!itemLength)return;let currentElement=document.activeElement;let itemsElements=document.querySelectorAll(`#${instanceId.value}-option-list .m-select-list-item`);let currentIndex=[...itemsElements].indexOf(currentElement);if(currentIndex===-1){itemsElements[0]?.focus({preventScroll:!0});return}itemsElements[keyPressed===`ArrowDown`?(currentIndex+1)%itemLength:(currentIndex-1+itemLength)%itemLength]?.focus()}else !__props.search&&isLetterOrNumberRegex.test(keyPressed)&&searchOptionWithQuery(keyPressed)}function updateListPosition(){nextTick(()=>{popoverComponent.value?.updatePosition()})}return watch(isOpen,value=>{isClient()&&(value?document.addEventListener(`keydown`,keydownHandler):document.removeEventListener(`keydown`,keydownHandler))},{immediate:!0}),__expose({open:()=>{popoverComponent.value?.open()},close:()=>{popoverComponent.value?.close()}}),(_ctx,_cache)=>(openBlock(),createBlock(MazPopover_default,{id:`${unref(instanceId)}-popover`,ref:`popover`,modelValue:isOpen.value,"onUpdate:modelValue":_cache[5]||=$event=>isOpen.value=$event,class:normalizeClass([`m-select m-reset-css`,[{"--is-open":isOpen.value,"--disabled":__props.disabled},__props.class,`--${__props.size}`]]),style:normalizeStyle(__props.style),trigger:`click`,block:__props.block,transition:__props.transition,offset:0,position:__props.listPosition,disabled:__props.disabled,"prefer-position":__props.preferPosition,"fallback-position":__props.fallbackPosition,"position-reference":`#${unref(instanceId)}-popover .m-input-wrapper`,onClose:_cache[6]||=$event=>emits(`close`),onOpen:onOpenList},{trigger:withCtx(({close,open:openPicker,toggle:togglePopover})=>[createVNode(MazInput_default,mergeProps({id:unref(instanceId),ref:`input`,class:`m-select-input`},_ctx.$attrs,{required:__props.required,"border-active":isOpen.value,color:__props.color,"model-value":inputValue.value,size:__props.size,block:__props.block,placeholder:__props.placeholder,label:__props.label,autocomplete:__props.autocomplete,disabled:__props.disabled,readonly:``,onChange:_cache[0]||=$event=>emits(`change`,$event),onInput:_cache[1]||=$event=>emits(`input`,$event),onFocus:_cache[2]||=$event=>emits(`focus`,$event),onBlur:_cache[3]||=$event=>emits(`blur`,$event),onKeydown:mainInputKeyboardHandler}),createSlots({"right-icon":withCtx(()=>[renderSlot(_ctx.$slots,`right-icon`,{isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},()=>[createElementVNode(`button`,{tabindex:`-1`,disabled:__props.disabled,type:`button`,class:`m-select-input__toggle-button maz-custom`,"aria-label":`${isOpen.value?`collapse`:`expand`} list of options`},[createVNode(unref(MazChevronDown),{class:`m-select-chevron`})],8,_hoisted_1)],!0)]),_:2},[_ctx.$slots[`left-icon`]?{name:`left-icon`,fn:withCtx(()=>[renderSlot(_ctx.$slots,`left-icon`,{isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},void 0,!0)]),key:`0`}:void 0]),1040,[`id`,`required`,`border-active`,`color`,`model-value`,`size`,`block`,`placeholder`,`label`,`autocomplete`,`disabled`])]),default:withCtx(({close,open:openPicker,toggle:togglePopover})=>[createElementVNode(`div`,{id:`${unref(instanceId)}-option-list`,ref:`optionListRef`,class:normalizeClass([`m-select-list`,`--${__props.size}`]),style:normalizeStyle([{maxHeight:`${__props.maxListHeight}px`,maxWidth:`${__props.maxListWidth}px`,minHeight:`${__props.minListHeight}px`,minWidth:`${__props.minListWidth}px`,"--selected-bg-color":selectedBgColor.value,"--selected-text-color":selectedTextColor.value}])},[__props.search?(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazInput_default,{ref:`searchInput`,modelValue:searchQuery.value,"onUpdate:modelValue":[_cache[4]||=$event=>searchQuery.value=$event,updateListPosition],size:`sm`,disabled:__props.disabled,color:__props.color,placeholder:messages.value.searchPlaceholder,name:`search`,inputmode:`search`,autocomplete:`off`,block:``,class:`m-select-list__search-input maz-flex-none`,"left-icon":unref(MazMagnifyingGlass)},null,8,[`modelValue`,`disabled`,`color`,`placeholder`,`left-icon`])])):createCommentVNode(``,!0),!optionList.value||optionList.value.length<=0?renderSlot(_ctx.$slots,`no-results`,{key:1},()=>[createElementVNode(`span`,_hoisted_4,[createVNode(unref(MazNoSymbol),{class:`maz-size-6 maz-text-foreground`})])],!0):(openBlock(),createElementBlock(`div`,_hoisted_5,[(openBlock(!0),createElementBlock(Fragment,null,renderList(optionList.value,(option,i)=>(openBlock(),createElementBlock(Fragment,{key:i},[option.label&&option.isOptGroup?renderSlot(_ctx.$slots,`optgroup`,{key:0,label:option.label},()=>[createElementVNode(`span`,_hoisted_6,toDisplayString(option.label),1)],!0):(openBlock(),createElementBlock(`button`,{key:1,type:`button`,tabindex:__props.multiple?-1:0,class:normalizeClass([`m-select-list-item maz-custom maz-flex-none`,[{"--is-selected":isSelectedOption(option),"--is-none-value":isNullOrUndefined(option[__props.optionValueKey])}]]),style:normalizeStyle(__props.itemHeight?{height:`${__props.itemHeight}px`}:void 0),onClick:withModifiers($event=>updateValue(option,!0),[`prevent`,`stop`])},[__props.multiple?(openBlock(),createBlock(unref(MazCheckbox),{key:0,"model-value":isSelectedOption(option),size:`sm`,color:__props.color},null,8,[`model-value`,`color`])):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`,{option,isSelected:isSelectedOption(option),isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},()=>[createElementVNode(`span`,null,toDisplayString(option[__props.optionLabelKey]),1)],!0)],14,_hoisted_7))],64))),128))],512))],14,_hoisted_2)]),_:3},8,[`id`,`modelValue`,`class`,`style`,`block`,`transition`,`position`,`disabled`,`prefer-position`,`fallback-position`,`position-reference`]))}}),[[`__scopeId`,`data-v-6d9584ff`]]);export{MazSelect_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useDisplayNames}from"../composables/useDisplayNames.js";import{t as MazSelect_default}from"./MazSelect.
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useDisplayNames}from"../composables/useDisplayNames.js";import{t as MazSelect_default}from"./MazSelect.0sfOMZdb.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,renderSlot,toDisplayString,unref,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{getBrowserLocale}from"@maz-ui/utils/helpers/getBrowserLocale";import{getCountryFlagUrl}from"@maz-ui/utils/helpers/getCountryFlagUrl";import '../assets/MazSelectCountry.kRB-iu5_.css';var _hoisted_1={key:0,class:`m-select-country__select__item__flag-container`};var _hoisted_2={key:1,class:`m-select-country__select__item__list-flag`};var _hoisted_3={class:`maz-text-muted`};var MazSelectCountry_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazSelectCountry`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},id:{},color:{default:`primary`},size:{default:`md`},preferredCodes:{},ignoredCodes:{},onlyCodes:{},listPosition:{},hideFlags:{type:Boolean},search:{type:Boolean,default:!0},showCodeInList:{type:Boolean,default:!1},locale:{},success:{type:Boolean},error:{type:Boolean},warning:{type:Boolean},displayCode:{type:Boolean},searchThreshold:{},translations:{},hint:{},options:{},displayNamesOptions:{default:()=>({type:`region`,languageDisplay:`standard`,fallback:`code`,style:`long`})},codesType:{},open:{type:Boolean},label:{},placeholder:{},modelValue:{},optionValueKey:{default:`code`},optionLabelKey:{default:`name`},optionInputValueKey:{default:`name`},preferPosition:{},fallbackPosition:{},itemHeight:{},maxListHeight:{},maxListWidth:{default:250},minListHeight:{},minListWidth:{default:200},searchFunction:{type:Function},required:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},autocomplete:{},formatInputValue:{type:Function},transition:{}},emits:[`update:model-value`],setup(__props){let instanceId=useInstanceUniqId({componentName:`MazSelectCountry`,providedId:__props.id});let{t,locale:mazLocale}=useTranslations();let locale=computed(()=>__props.locale??mazLocale.value??getBrowserLocale());let MazLazyImg=defineAsyncComponent(()=>import(`../components/MazLazyImg.js`));let{getAllDisplayNames}=useDisplayNames(locale);let displayNames=getAllDisplayNames({type:()=>__props.displayNamesOptions.type,languageDisplay:()=>__props.displayNamesOptions.languageDisplay,fallback:()=>__props.displayNamesOptions.fallback,style:()=>__props.displayNamesOptions.style,onlyCodes:()=>__props.onlyCodes,excludedCodes:()=>__props.ignoredCodes,preferredCodes:()=>__props.preferredCodes,codesType:computed(()=>__props.codesType?__props.codesType:__props.displayNamesOptions.type===`region`?`country`:`iso`)});let countriesOptions=computed(()=>__props.options?__props.options:displayNames?.value??[]);let messages=computed(()=>({searchPlaceholder:__props.translations?.searchPlaceholder??t(`selectCountry.searchPlaceholder`)}));function getFlagUrl(code,size=`h20`){return getCountryFlagUrl(code.slice(0,2),size)||getCountryFlagUrl(code.slice(3,5),size)||getCountryFlagUrl(code,size)}let flagUrl=computed(()=>{if(__props.modelValue)return getFlagUrl(__props.modelValue)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-select-country m-reset-css`,[__props.class,{"--no-flags":__props.hideFlags}]]),style:normalizeStyle(__props.style)},[createVNode(MazSelect_default,mergeProps({id:unref(instanceId),"model-value":__props.modelValue},_ctx.$attrs,{class:`m-select-country__select`,"option-value-key":__props.optionValueKey,"option-label-key":__props.optionLabelKey,"option-input-value-key":__props.displayCode?`code`:__props.optionInputValueKey,"max-list-width":__props.maxListWidth,"min-list-width":__props.minListWidth,disabled:__props.disabled,color:__props.color,placeholder:__props.placeholder,label:__props.label,size:__props.size,multiple:!1,"list-position":__props.listPosition,error:__props.error,warning:__props.warning,success:__props.success,search:__props.search,block:__props.block,autocomplete:__props.autocomplete,"item-height":__props.itemHeight,"max-list-height":__props.maxListHeight,"min-list-height":__props.minListHeight,required:__props.required,"search-function":__props.searchFunction,"format-input-value":__props.formatInputValue,translations:messages.value,"search-threshold":__props.searchThreshold,options:countriesOptions.value,hint:__props.hint,open:__props.open,"onUpdate:modelValue":_cache[0]||=$event=>_ctx.$emit(`update:model-value`,$event)}),{"left-icon":withCtx(()=>[renderSlot(_ctx.$slots,`selector-flag`,{countryCode:__props.modelValue},()=>[flagUrl.value&&!__props.hideFlags?(openBlock(),createBlock(unref(MazLazyImg),{key:0,src:flagUrl.value,alt:__props.modelValue,width:`20`,height:`20`,class:`maz-size-5 maz-rounded`,"img-class":`maz-size-5 maz-rounded`},null,8,[`src`,`alt`])):createCommentVNode(``,!0)],!0)]),"no-results":withCtx(()=>[renderSlot(_ctx.$slots,`no-results`,{},void 0,!0)]),default:withCtx(({option,isSelected})=>[createElementVNode(`div`,{class:normalizeClass([`m-select-country__select__item`,{"m-select-country__select__item--selected":isSelected}])},[!__props.hideFlags&&typeof option.code==`string`?(openBlock(),createElementBlock(`span`,_hoisted_1,[renderSlot(_ctx.$slots,`country-list-flag`,{option,isSelected},()=>[option.code&&getFlagUrl(option.code)?(openBlock(),createBlock(unref(MazLazyImg),{key:0,src:getFlagUrl(option.code),alt:`${option.name} flag`,width:`20`,height:`20`,class:`maz-size-5 maz-rounded`,"img-class":`maz-rounded maz-h-5 maz-w-5`},null,8,[`src`,`alt`])):(openBlock(),createElementBlock(`span`,_hoisted_2,toDisplayString(option.code),1))],!0)])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`maz-flex maz-flex-1 maz-gap-2 maz-truncate`,{"maz-font-semibold":isSelected}])},[__props.showCodeInList?renderSlot(_ctx.$slots,`country-list-code`,{key:0,option,isSelected},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(option.code),1)],!0):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`country-list-name`,{option,isSelected},()=>[createElementVNode(`span`,null,toDisplayString(option.name),1)],!0)],2)],2)]),_:3},16,`id.model-value.option-value-key.option-label-key.option-input-value-key.max-list-width.min-list-width.disabled.color.placeholder.label.size.list-position.error.warning.success.search.block.autocomplete.item-height.max-list-height.min-list-height.required.search-function.format-input-value.translations.search-threshold.options.hint.open`.split(`.`))],6))}}),[[`__scopeId`,`data-v-49632158`]]);export{MazSelectCountry_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../chunks/MazExpandAnimation.CMMwtuQA.js";import"../chunks/MazCardSpotlight.
|
|
1
|
+
import"../chunks/MazExpandAnimation.CMMwtuQA.js";import"../chunks/MazCardSpotlight.DHVKl7pc.js";import{t as MazAccordion_default}from"../chunks/MazAccordion.mCiUv32a.js";export{MazAccordion_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.
|
|
1
|
+
import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.DHVKl7pc.js";export{MazCardSpotlight_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../chunks/MazCardSpotlight.
|
|
1
|
+
import"../chunks/MazCardSpotlight.DHVKl7pc.js";import"../chunks/MazCheckbox.BY7myUIA.js";import{t as MazChecklist_default}from"../chunks/MazChecklist.BaTDIjTl.js";export{MazChecklist_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../chunks/MazLink.BsjurisK.js";import"../chunks/MazBtn.Cc9C1v2l.js";import"../chunks/MazIcon.ZWAk25ZX.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.
|
|
1
|
+
import"../chunks/MazLink.BsjurisK.js";import"../chunks/MazBtn.Cc9C1v2l.js";import"../chunks/MazIcon.ZWAk25ZX.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.CjhXLgw8.js";export{MazDropzone_default as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MazUiTranslationsNestedSchema } from '@maz-ui/translations';
|
|
2
|
-
import { DeepPartial } from '@maz-ui/utils';
|
|
2
|
+
import { DeepPartial } from '@maz-ui/utils/ts-helpers/DeepPartial';
|
|
3
3
|
import { MazBtnProps } from './MazBtn.vue';
|
|
4
4
|
import { MazSpinnerProps } from './MazSpinner.vue';
|
|
5
5
|
import { MazColor } from './types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../chunks/MazInput.BlvZ4aiU.js";import"../chunks/MazPopover.Co8BEopX.js";import{t as MazSelect_default}from"../chunks/MazSelect.
|
|
1
|
+
import"../chunks/MazInput.BlvZ4aiU.js";import"../chunks/MazPopover.Co8BEopX.js";import{t as MazSelect_default}from"../chunks/MazSelect.0sfOMZdb.js";export{MazSelect_default as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../chunks/MazInput.BlvZ4aiU.js";import"../chunks/MazPopover.Co8BEopX.js";import"../chunks/MazSelect.
|
|
1
|
+
import"../chunks/MazInput.BlvZ4aiU.js";import"../chunks/MazPopover.Co8BEopX.js";import"../chunks/MazSelect.0sfOMZdb.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.BxLzzpXU.js";export{MazSelectCountry_default as default};
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazUiProvider_default}from"../chunks/MazUiProvider.BgN8V0lD.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.B5xc-Nt-.js";import{t as MazTabsContentItem_default}from"../chunks/MazTabsContentItem.mJEAS5R8.js";import{t as MazTabsContent_default}from"../chunks/MazTabsContent.C9omK25X.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.D2JVKMS7.js";import{t as MazTabs_default}from"../chunks/MazTabs.-0-YP3QQ.js";import{t as MazTable_default}from"../chunks/MazTable.NHFcmFxn.js";import{t as MazTableTitle_default}from"../chunks/MazTableTitle.CwvNYUCY.js";import{t as MazTableRow_default}from"../chunks/MazTableRow.CiNfddO6.js";import{t as MazTableCell_default}from"../chunks/MazTableCell.5QbIplIh.js";import{t as MazSwitch_default}from"../chunks/MazSwitch.Dvmj-rTW.js";import{t as MazStepper_default}from"../chunks/MazStepper.D32yakNR.js";import{t as MazSpinner_default}from"../chunks/MazSpinner.D3NN2pow.js";import{t as MazSlider_default}from"../chunks/MazSlider.BS5QHWK6.js";import{t as MazSkeleton_default}from"../chunks/MazSkeleton.BewTYJC2.js";import{t as MazInput_default}from"../chunks/MazInput.BlvZ4aiU.js";import{t as MazPopover_default}from"../chunks/MazPopover.Co8BEopX.js";import{t as MazSelect_default}from"../chunks/MazSelect.
|
|
1
|
+
import{t as MazUiProvider_default}from"../chunks/MazUiProvider.BgN8V0lD.js";import{t as MazTextarea_default}from"../chunks/MazTextarea.B5xc-Nt-.js";import{t as MazTabsContentItem_default}from"../chunks/MazTabsContentItem.mJEAS5R8.js";import{t as MazTabsContent_default}from"../chunks/MazTabsContent.C9omK25X.js";import{t as MazTabsBar_default}from"../chunks/MazTabsBar.D2JVKMS7.js";import{t as MazTabs_default}from"../chunks/MazTabs.-0-YP3QQ.js";import{t as MazTable_default}from"../chunks/MazTable.NHFcmFxn.js";import{t as MazTableTitle_default}from"../chunks/MazTableTitle.CwvNYUCY.js";import{t as MazTableRow_default}from"../chunks/MazTableRow.CiNfddO6.js";import{t as MazTableCell_default}from"../chunks/MazTableCell.5QbIplIh.js";import{t as MazSwitch_default}from"../chunks/MazSwitch.Dvmj-rTW.js";import{t as MazStepper_default}from"../chunks/MazStepper.D32yakNR.js";import{t as MazSpinner_default}from"../chunks/MazSpinner.D3NN2pow.js";import{t as MazSlider_default}from"../chunks/MazSlider.BS5QHWK6.js";import{t as MazSkeleton_default}from"../chunks/MazSkeleton.BewTYJC2.js";import{t as MazInput_default}from"../chunks/MazInput.BlvZ4aiU.js";import{t as MazPopover_default}from"../chunks/MazPopover.Co8BEopX.js";import{t as MazSelect_default}from"../chunks/MazSelect.0sfOMZdb.js";import{t as MazSelectCountry_default}from"../chunks/MazSelectCountry.BxLzzpXU.js";import{t as MazReadingProgressBar_default}from"../chunks/MazReadingProgressBar.828Y0mxA.js";import{t as MazLink_default}from"../chunks/MazLink.BsjurisK.js";import{t as MazReadMore_default}from"../chunks/MazReadMore.DGhAapjE.js";import{t as MazRadioButtons_default}from"../chunks/MazRadioButtons.feOo8xvv.js";import{t as MazRadio_default}from"../chunks/MazRadio.75ipjTw2.js";import{t as MazPullToRefresh_default}from"../chunks/MazPullToRefresh.DMtb6Oa3.js";import{t as MazBtn_default}from"../chunks/MazBtn.Cc9C1v2l.js";import{t as MazPagination_default}from"../chunks/MazPagination.YkbtNSlz.js";import{t as MazLoadingBar_default}from"../chunks/MazLoadingBar.C86AX2Tk.js";import{t as MazLazyImg_default}from"../chunks/MazLazyImg.-EMwandx.js";import{t as MazInputTags_default}from"../chunks/MazInputTags.B_s-NU_a.js";import{t as MazInputPrice_default}from"../chunks/MazInputPrice.B7-Yqxc3.js";import{t as MazInputPhoneNumber_default}from"../chunks/MazInputPhoneNumber.CLivThtK.js";import{t as MazInputNumber_default}from"../chunks/MazInputNumber.BMhBDScY.js";import{t as MazInputCode_default}from"../chunks/MazInputCode.DKnl3i-X.js";import{t as MazIcon_default}from"../chunks/MazIcon.ZWAk25ZX.js";import"../chunks/vFullscreenImg.xzHmlZpV.js";import{t as MazGallery_default}from"../chunks/MazGallery.8Q8YcKlI.js";import{t as MazFullscreenLoader_default}from"../chunks/MazFullscreenLoader.BIVRcZJ8.js";import{t as MazExpandAnimation_default}from"../chunks/MazExpandAnimation.CMMwtuQA.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.CjhXLgw8.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.B-LRzouG.js";import{t as MazBackdrop_default}from"../chunks/MazBackdrop.CgjnE9up.js";import{t as MazDrawer_default}from"../chunks/MazDrawer.C2-iPeIq.js";import{t as MazDialog_default}from"../chunks/MazDialog.ebPvRGc_.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"../chunks/MazDialogConfirm.DMu0btsN.js";import{t as MazDatePicker_default}from"../chunks/MazDatePicker.BzwCqOIk.js";import"../chunks/MazPickerContainer.BZ74M74V.js";import{t as MazContainer_default}from"../chunks/MazContainer.zXcfMOs-.js";import{t as MazCircularProgressBar_default}from"../chunks/MazCircularProgressBar.rATx_hD9.js";import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.DHVKl7pc.js";import{t as MazCheckbox_default}from"../chunks/MazCheckbox.BY7myUIA.js";import{t as MazChecklist_default}from"../chunks/MazChecklist.BaTDIjTl.js";import{t as MazChart_default}from"../chunks/MazChart.CDZ2PBTC.js";import{t as MazCarousel_default}from"../chunks/MazCarousel.OEdQTm3H.js";import{t as MazCard_default}from"../chunks/MazCard.DJPT3P2P.js";import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.3B1XcqWM.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.BP6imeoW.js";import{t as MazBadge_default}from"../chunks/MazBadge.BBZJgHXm.js";import{t as MazAvatar_default}from"../chunks/MazAvatar.Cp1uXsKn.js";import{t as MazAnimatedText_default}from"../chunks/MazAnimatedText.BSZ8FNf-.js";import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement._8NY8WgC.js";import{t as MazAnimatedCounter_default}from"../chunks/MazAnimatedCounter.GLLYbZAz.js";import{t as MazAlert_default}from"../chunks/MazAlert.DL8uAFMy.js";import{t as MazAccordion_default}from"../chunks/MazAccordion.mCiUv32a.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,MazContainer_default as MazContainer,MazDatePicker_default as MazDatePicker,MazDialog_default as MazDialog,MazDialogConfirm_default as MazDialogConfirm,MazDrawer_default as MazDrawer,MazDropdown_default as MazDropdown,MazDropzone_default as MazDropzone,MazExpandAnimation_default as MazExpandAnimation,MazFullscreenLoader_default as MazFullscreenLoader,MazGallery_default as MazGallery,MazIcon_default as MazIcon,MazInput_default as MazInput,MazInputCode_default as MazInputCode,MazInputNumber_default as MazInputNumber,MazInputPhoneNumber_default as MazInputPhoneNumber,MazInputPrice_default as MazInputPrice,MazInputTags_default as MazInputTags,MazLazyImg_default as MazLazyImg,MazLink_default as MazLink,MazLoadingBar_default as MazLoadingBar,MazPagination_default as MazPagination,MazPopover_default as MazPopover,MazPullToRefresh_default as MazPullToRefresh,MazRadio_default as MazRadio,MazRadioButtons_default as MazRadioButtons,MazReadMore_default as MazReadMore,MazReadingProgressBar_default as MazReadingProgressBar,MazSelect_default as MazSelect,MazSelectCountry_default as MazSelectCountry,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,MazUiProvider_default as MazUiProvider,useMazDialogConfirm};
|
package/dist/plugins/maz-ui.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{MazUiTheme}from"@maz-ui/themes/plugin";import{MazUiTranslations}from"@maz-ui/translations";var MazUi={install(app,options){let{theme,translations}=options;app.use(MazUiTheme,theme),app.use(MazUiTranslations,translations)}};export{MazUi};
|
|
1
|
+
import{MazUiTheme}from"@maz-ui/themes/plugin";import{MazUiTranslations}from"@maz-ui/translations/plugin";var MazUi={install(app,options){let{theme,translations}=options;app.use(MazUiTheme,theme),app.use(MazUiTranslations,translations)}};export{MazUi};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "maz-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.7.
|
|
4
|
+
"version": "4.7.9",
|
|
5
5
|
"description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -161,10 +161,10 @@
|
|
|
161
161
|
"valibot": "^1.2.0",
|
|
162
162
|
"vue-chartjs": "^5.3.3",
|
|
163
163
|
"@maz-ui/cli": "4.7.3",
|
|
164
|
-
"@maz-ui/
|
|
165
|
-
"@maz-ui/
|
|
164
|
+
"@maz-ui/icons": "4.7.6",
|
|
165
|
+
"@maz-ui/themes": "4.7.9",
|
|
166
166
|
"@maz-ui/translations": "4.7.6",
|
|
167
|
-
"@maz-ui/
|
|
167
|
+
"@maz-ui/utils": "4.7.6"
|
|
168
168
|
},
|
|
169
169
|
"devDependencies": {
|
|
170
170
|
"@vitejs/plugin-vue": "^6.0.5",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.m-select[data-v-c7d94758]{vertical-align:top;display:inline-flex;position:relative}.m-select.--disabled .m-select-input[data-v-c7d94758]{cursor:not-allowed}.m-select-input[data-v-c7d94758]{cursor:pointer;width:100%;height:100%}.m-select-input__toggle-button[data-v-c7d94758]{background-color:#0000;justify-content:center;align-items:center;height:100%;padding-inline-start:0;display:flex}.m-select-input[data-v-c7d94758] input{caret-color:#0000}.m-select.--mini[data-v-c7d94758],.m-select.--xs[data-v-c7d94758]{font-size:.75rem;line-height:1rem}.m-select.--sm[data-v-c7d94758]{font-size:.875rem;line-height:1.25rem}.m-select.--md[data-v-c7d94758]{font-size:1rem;line-height:1.5rem}.m-select.--lg[data-v-c7d94758]{font-size:1.125rem;line-height:1.75rem}.m-select.--xl[data-v-c7d94758]{font-size:1.25rem;line-height:1.75rem}.m-select[data-v-c7d94758]:not(.--disabled) .m-input-input{cursor:pointer}.m-select-chevron[data-v-c7d94758]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1));font-size:1.2em;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.m-select.--is-open .m-select-chevron[data-v-c7d94758]{transform:rotate(180deg)}.m-select button.maz-custom[data-v-c7d94758]{cursor:pointer;appearance:none;border-style:none}.m-select button.maz-custom[data-v-c7d94758]:disabled{cursor:not-allowed}.m-select-list[data-v-c7d94758]{z-index:1050;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1));--maz-tw-shadow-color:hsl(var(--maz-shadow) / 1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur) var(--maz-tw-brightness) var(--maz-tw-contrast) var(--maz-tw-grayscale) var(--maz-tw-hue-rotate) var(--maz-tw-invert) var(--maz-tw-saturate) var(--maz-tw-sepia) var(--maz-tw-drop-shadow);flex-direction:column;gap:.25rem;display:flex;overflow:hidden}.m-select-list-optgroup[data-v-c7d94758]{text-align:start;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1));flex:none;padding:.125rem;font-size:.875em}.m-select-list.--mini[data-v-c7d94758],.m-select-list.--xs[data-v-c7d94758]{font-size:.75rem;line-height:1rem}.m-select-list.--sm[data-v-c7d94758]{font-size:.875rem;line-height:1.25rem}.m-select-list.--md[data-v-c7d94758]{font-size:1rem;line-height:1.5rem}.m-select-list.--lg[data-v-c7d94758]{font-size:1.125rem;line-height:1.75rem}.m-select-list.--xl[data-v-c7d94758]{font-size:1.25rem;line-height:1.75rem}.m-select-list[data-v-c7d94758]{min-width:3.5rem}.m-select-list__search-wrapper[data-v-c7d94758]{padding-top:.5rem;padding-left:.5rem;padding-right:.5rem}.m-select-list__scroll-wrapper[data-v-c7d94758]{flex-direction:column;flex:1;gap:.25rem;padding:.5rem;display:flex;overflow:auto}.m-select-list__scroll-wrapper[data-v-c7d94758]::-webkit-scrollbar{width:.1875rem}.m-select-list__scroll-wrapper[data-v-c7d94758]::-webkit-scrollbar-track{background:0 0}.m-select-list__scroll-wrapper[data-v-c7d94758]::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-c7d94758]:is([class~=dark] *)::-webkit-scrollbar-thumb{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-select-list__scroll-wrapper[data-v-c7d94758]::-webkit-scrollbar-thumb{border-radius:1000px}.m-select-list__scroll-wrapper[data-v-c7d94758]{scrollbar-width:thin;scrollbar-color:hsl(var(--maz-background-600)) transparent}.m-select-list__no-results[data-v-c7d94758]{justify-content:center;align-items:center;padding:1rem;display:flex}.m-select-list-item[data-v-c7d94758]{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--maz-radius);border-width:var(--maz-border-width);text-align:start;outline-offset:2px;background-color:#0000;border-style:solid;border-color:#0000;outline:2px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-select-list-item[data-v-c7d94758]:focus-within,.m-select-list-item[data-v-c7d94758]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1))}.m-select-list-item[data-v-c7d94758]:focus-within:is([class~=dark] *),.m-select-list-item[data-v-c7d94758]:hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-select-list-item span[data-v-c7d94758]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-select-list-item.--is-none-value[data-v-c7d94758]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-select-list-item.--is-selected[data-v-c7d94758]{color:var(--selected-text-color);background-color:var(--selected-bg-color)}.m-select-list-item.--is-selected[data-v-c7d94758]:focus{outline-color:var(--selected-text-color);outline-width:var(--maz-border-width)}.m-select-list-item.--is-selected.--transparent[data-v-c7d94758]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1))}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createElementBlock,createElementVNode,defineComponent,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderSlot,vShow,withDirectives}from"vue";import{isServer}from"@maz-ui/utils";import '../assets/MazCardSpotlight.BO_zxErd.css';var _hoisted_1={class:`inner`};var MazCardSpotlight_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazCardSpotlight`,props:{color:{default:`primary`},elevation:{type:Boolean,default:!1},padding:{type:Boolean,default:!0},contentClass:{type:[Boolean,null,String,Object,Array],default:()=>void 0},contentStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},innerOpacity:{default:.95}},setup(__props){let containerElement=ref();let blobElement=ref();let blobVisible=ref(!1);let rafId=null;let isIntersecting=!1;let cachedRect=null;let alphaColor=computed(()=>`hsl(var(--maz-${__props.color}) / 60%)`);let alphaColor20=computed(()=>`hsl(var(--maz-${__props.color}) / 20%)`);function updateCachedRect(){containerElement.value&&(cachedRect=containerElement.value.getBoundingClientRect())}function updateBlobPosition(x,y){if(!blobElement.value||!cachedRect)return;let translateX=x-cachedRect.left-208/2;let translateY=y-cachedRect.top-208/2;blobElement.value.style.transform=`translate(${translateX}px, ${translateY}px)`}function handleMouseMove(event){!isIntersecting||rafId!==null||(blobVisible.value=!0,rafId=requestAnimationFrame(()=>{updateBlobPosition(event.clientX,event.clientY),rafId=null}))}function stopBlobAnimation(){blobVisible.value=!1,rafId!==null&&(cancelAnimationFrame(rafId),rafId=null)}return onMounted(()=>{if(isServer()||!containerElement.value)return;updateCachedRect();let observer=new IntersectionObserver(entries=>{isIntersecting=entries[0].isIntersecting,isIntersecting||stopBlobAnimation()},{threshold:0});observer.observe(containerElement.value);let handleScrollResize=()=>{updateCachedRect()};globalThis.addEventListener(`mousemove`,handleMouseMove,{passive:!0}),globalThis.addEventListener(`scroll`,handleScrollResize,{passive:!0}),globalThis.addEventListener(`resize`,handleScrollResize,{passive:!0}),onBeforeUnmount(()=>{rafId!==null&&cancelAnimationFrame(rafId),observer.disconnect(),globalThis.removeEventListener(`mousemove`,handleMouseMove),globalThis.removeEventListener(`scroll`,handleScrollResize),globalThis.removeEventListener(`resize`,handleScrollResize)})}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`containerElement`,ref:containerElement,class:normalizeClass([`m-card-spotlight m-reset-css`,{"maz-shadow-elevation maz-drop-shadow-md":__props.elevation}]),style:normalizeStyle({backgroundColor:alphaColor20.value,"--inner-opacity":__props.innerOpacity})},[createElementVNode(`div`,_hoisted_1,[createElementVNode(`div`,{class:normalizeClass([`content`,[{"maz-p-4":__props.padding},__props.contentClass]]),style:normalizeStyle(__props.contentStyle)},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],6)]),withDirectives(createElementVNode(`div`,{ref_key:`blobElement`,ref:blobElement,class:`blob`,style:normalizeStyle({backgroundColor:alphaColor.value})},null,4),[[vShow,blobVisible.value]])],6))}}),[[`__scopeId`,`data-v-cdc7c952`]]);export{MazCardSpotlight_default as t};
|