maz-ui 4.7.5 → 4.7.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/MazAccordion.CKnz73h4.js +1 -0
- package/dist/chunks/MazAlert.B8hE7wet.js +1 -0
- package/dist/chunks/MazAnimatedCounter.GLLYbZAz.js +1 -0
- package/dist/chunks/MazAnimatedElement._8NY8WgC.js +1 -0
- package/dist/chunks/MazAnimatedText.BSZ8FNf-.js +1 -0
- package/dist/chunks/MazAvatar.vO5VNPi8.js +1 -0
- package/dist/chunks/MazBackdrop.Cjbwi8-V.js +1 -0
- package/dist/chunks/MazBadge.BBZJgHXm.js +1 -0
- package/dist/chunks/MazBottomSheet.WgZ6qobx.js +1 -0
- package/dist/chunks/MazBtn.Cc9C1v2l.js +1 -0
- package/dist/chunks/MazBtnGroup.3B1XcqWM.js +1 -0
- package/dist/chunks/MazCard.YYC0LaHY.js +1 -0
- package/dist/chunks/MazCardSpotlight.SpZF61hl.js +1 -0
- package/dist/chunks/MazCarousel.1NT4jcvR.js +1 -0
- package/dist/chunks/MazChart.CDZ2PBTC.js +1 -0
- package/dist/chunks/MazCheckbox.DurIbKdf.js +1 -0
- package/dist/chunks/MazChecklist.D9ezwGpQ.js +1 -0
- package/dist/chunks/MazCircularProgressBar.rATx_hD9.js +1 -0
- package/dist/chunks/MazContainer.zXcfMOs-.js +1 -0
- package/dist/chunks/MazDatePicker.KUP34cbV.js +1 -0
- package/dist/chunks/MazDialog.CtKF3Xzo.js +1 -0
- package/dist/chunks/MazDialogConfirm.CAAHeBPE.js +1 -0
- package/dist/chunks/MazDrawer.Dc_RGG8a.js +1 -0
- package/dist/chunks/MazDropdown.2DUcivzO.js +1 -0
- package/dist/chunks/MazDropzone.CiWiPcFM.js +1 -0
- package/dist/chunks/MazExpandAnimation.CMMwtuQA.js +1 -0
- package/dist/chunks/MazFullscreenLoader.BIVRcZJ8.js +1 -0
- package/dist/chunks/MazGallery.CEmGy0K9.js +1 -0
- package/dist/chunks/MazIcon.ZWAk25ZX.js +1 -0
- package/dist/chunks/MazInput.DJjWLaKg.js +1 -0
- package/dist/chunks/MazInputCode.DKnl3i-X.js +1 -0
- package/dist/chunks/MazInputNumber.B42Mn-9h.js +1 -0
- package/dist/chunks/MazInputPhoneNumber.CLivThtK.js +1 -0
- package/dist/chunks/MazInputPrice.BeL-M944.js +1 -0
- package/dist/chunks/MazInputTags.CIVT9F6Q.js +1 -0
- package/dist/chunks/MazLazyImg.-EMwandx.js +1 -0
- package/dist/chunks/MazLink.BOpxMATj.js +1 -0
- package/dist/chunks/MazLoadingBar.C86AX2Tk.js +1 -0
- package/dist/chunks/MazPagination.CNNKXBsg.js +1 -0
- package/dist/chunks/MazPickerCalendarDays.CSZZbk5Z.js +1 -0
- package/dist/chunks/MazPickerCalendarGrid.DrUHBH6-.js +1 -0
- package/dist/chunks/MazPickerContainer.BZ74M74V.js +1 -0
- package/dist/chunks/MazPopover.Co8BEopX.js +1 -0
- package/dist/chunks/MazPullToRefresh.DMtb6Oa3.js +1 -0
- package/dist/chunks/MazRadio.75ipjTw2.js +1 -0
- package/dist/chunks/MazRadioButtons.DenHCgB3.js +1 -0
- package/dist/chunks/MazReadMore.CDXacQIw.js +1 -0
- package/dist/chunks/MazReadingProgressBar.828Y0mxA.js +1 -0
- package/dist/chunks/MazSelect.yYFAbBb5.js +1 -0
- package/dist/chunks/MazSelectCountry.DvVgk2es.js +1 -0
- package/dist/chunks/MazSkeleton.BewTYJC2.js +1 -0
- package/dist/chunks/MazSlider.BS5QHWK6.js +1 -0
- package/dist/chunks/MazSpinner.D3NN2pow.js +1 -0
- package/dist/chunks/MazStepper.DTu8HG9T.js +1 -0
- package/dist/chunks/MazSwitch.Dvmj-rTW.js +1 -0
- package/dist/chunks/MazTable.DnOehvN6.js +1 -0
- package/dist/chunks/MazTableCell.xbm2NGWL.js +1 -0
- package/dist/chunks/MazTableRow.B5dJiXk1.js +1 -0
- package/dist/chunks/MazTableTitle.DNA_1mCy.js +1 -0
- package/dist/chunks/MazTabs.-0-YP3QQ.js +1 -0
- package/dist/chunks/MazTabsBar.D2JVKMS7.js +1 -0
- package/dist/chunks/MazTabsContent.C9omK25X.js +1 -0
- package/dist/chunks/MazTabsContentItem.mJEAS5R8.js +1 -0
- package/dist/chunks/MazTextarea.BliEP5G5.js +1 -0
- package/dist/chunks/MazUiProvider.BgN8V0lD.js +1 -0
- package/dist/chunks/_plugin-vue_export-helper.ChmETRGw.js +1 -0
- package/dist/chunks/dialog.DexeIC3K.js +1 -0
- package/dist/chunks/dom-events.BPrKJiCz.js +1 -0
- package/dist/chunks/resolveLinkComponent.DAc3sqGH.js +1 -0
- package/dist/chunks/toast.UQ8RRuT9.js +1 -0
- package/dist/chunks/types.DDbvTVqf.js +1 -0
- package/dist/chunks/useMazInputPhoneNumber.B_qQ0ldP.js +1 -0
- package/dist/chunks/utils.B8bfGQxN.js +1 -0
- package/dist/chunks/vFullscreenImg.CZeRh3mw.js +1 -0
- package/dist/chunks/vLazyImg.CXmd3Lp0.js +1 -0
- package/dist/chunks/vZoomImg.CaAHb98S.js +124 -0
- package/dist/components/MazAccordion.js +1 -86
- package/dist/components/MazAlert.js +1 -85
- package/dist/components/MazAnimatedCounter.js +1 -73
- package/dist/components/MazAnimatedElement.js +1 -44
- package/dist/components/MazAnimatedText.js +1 -103
- package/dist/components/MazAvatar.js +1 -125
- package/dist/components/MazBackdrop.js +1 -163
- package/dist/components/MazBadge.js +1 -29
- package/dist/components/MazBottomSheet.js +1 -55
- package/dist/components/MazBtn.js +1 -109
- package/dist/components/MazBtnGroup.js +1 -44
- package/dist/components/MazCard.js +1 -184
- package/dist/components/MazCardSpotlight.js +1 -81
- package/dist/components/MazCarousel.js +1 -104
- package/dist/components/MazChart.js +1 -4
- package/dist/components/MazCheckbox.js +1 -128
- package/dist/components/MazChecklist.js +1 -133
- package/dist/components/MazCircularProgressBar.js +1 -131
- package/dist/components/MazContainer.js +1 -71
- package/dist/components/MazDatePicker/MazPickerCalendar.js +1 -113
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarDays.js +1 -19
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.js +1 -181
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.js +1 -75
- package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.js +1 -90
- package/dist/components/MazDatePicker/MazPickerContainer.js +1 -116
- package/dist/components/MazDatePicker/MazPickerHeader.js +1 -126
- package/dist/components/MazDatePicker/MazPickerMonthSwitcher.js +1 -82
- package/dist/components/MazDatePicker/MazPickerShortcuts.js +1 -55
- package/dist/components/MazDatePicker/MazPickerTime.js +1 -178
- package/dist/components/MazDatePicker/MazPickerYearSwitcher.js +1 -95
- package/dist/components/MazDatePicker.js +1 -466
- package/dist/components/MazDatePicker.vue.d.ts +2 -6
- package/dist/components/MazDialog.js +1 -115
- package/dist/components/MazDialog.vue.d.ts +2 -6
- package/dist/components/MazDialogConfirm.js +1 -6
- package/dist/components/MazDialogConfirm.vue.d.ts +2 -6
- package/dist/components/MazDrawer.js +1 -70
- package/dist/components/MazDropdown.js +1 -277
- package/dist/components/MazDropdown.vue.d.ts +2 -6
- package/dist/components/MazDropzone.js +1 -533
- package/dist/components/MazExpandAnimation.js +1 -46
- package/dist/components/MazFullscreenLoader.js +1 -38
- package/dist/components/MazGallery.js +1 -105
- package/dist/components/MazIcon.js +1 -114
- package/dist/components/MazInput.js +1 -256
- package/dist/components/MazInputCode.js +1 -152
- package/dist/components/MazInputNumber.js +1 -152
- package/dist/components/MazInputPhoneNumber/PhoneInput.js +1 -114
- package/dist/components/MazInputPhoneNumber.js +1 -253
- package/dist/components/MazInputPrice.js +1 -4
- package/dist/components/MazInputTags.js +1 -145
- package/dist/components/MazLazyImg.js +1 -62
- package/dist/components/MazLink.js +1 -80
- package/dist/components/MazLoadingBar.js +1 -24
- package/dist/components/MazPagination.js +1 -184
- package/dist/components/MazPopover.js +1 -326
- package/dist/components/MazPullToRefresh.js +1 -145
- package/dist/components/MazRadio.js +1 -103
- package/dist/components/MazRadioButtons.js +1 -135
- package/dist/components/MazReadMore.js +1 -110
- package/dist/components/MazReadingProgressBar.js +1 -68
- package/dist/components/MazSelect.js +1 -413
- package/dist/components/MazSelectCountry.js +1 -192
- package/dist/components/MazSkeleton.js +1 -50
- package/dist/components/MazSlider.js +1 -205
- package/dist/components/MazSpinner.js +1 -27
- package/dist/components/MazStepper.js +1 -170
- package/dist/components/MazSwitch.js +1 -4
- package/dist/components/MazTable.js +1 -8
- package/dist/components/MazTableCell.js +1 -18
- package/dist/components/MazTableRow.js +1 -26
- package/dist/components/MazTableTitle.js +1 -18
- package/dist/components/MazTabs.js +1 -4
- package/dist/components/MazTabsBar.js +1 -138
- package/dist/components/MazTabsContent.js +1 -4
- package/dist/components/MazTabsContentItem.js +1 -37
- package/dist/components/MazTextarea.js +1 -147
- package/dist/components/MazUiProvider.js +1 -4
- package/dist/components/index.js +1 -127
- package/dist/composables/index.js +1 -44
- package/dist/composables/useAos.js +1 -7
- package/dist/composables/useBreakpoints.js +1 -34
- package/dist/composables/useDialog.js +1 -7
- package/dist/composables/useDisplayNames.js +1 -111
- package/dist/composables/useDropzone.js +1 -66
- package/dist/composables/useFormField.js +1 -101
- package/dist/composables/useFormValidator.js +1 -163
- package/dist/composables/useFreezeValue.js +1 -8
- package/dist/composables/useIdleTimeout.js +1 -10
- package/dist/composables/useInjectStrict.js +1 -10
- package/dist/composables/useInstanceUniqId.js +1 -12
- package/dist/composables/useMountComponent.js +1 -16
- package/dist/composables/useMutationObserver.js +1 -37
- package/dist/composables/useReadingTime.js +1 -33
- package/dist/composables/useStringMatching.js +1 -42
- package/dist/composables/useSwipe.js +1 -26
- package/dist/composables/useTimer.js +1 -36
- package/dist/composables/useToast.js +1 -14
- package/dist/composables/useUserVisibility.js +1 -10
- package/dist/composables/useWait.js +1 -7
- package/dist/composables/useWindowSize.js +1 -21
- package/dist/directives/index.js +1 -19
- package/dist/directives/vClickOutside.js +1 -104
- package/dist/directives/vFullscreenImg.js +1 -10
- package/dist/directives/vLazyImg.js +1 -23
- package/dist/directives/vTooltip.js +1 -161
- package/dist/directives/vZoomImg.js +1 -286
- package/dist/index.js +1 -1
- package/dist/plugins/aos.js +1 -89
- package/dist/plugins/dialog.js +1 -61
- package/dist/plugins/index.js +1 -17
- package/dist/plugins/maz-ui.js +1 -11
- package/dist/plugins/toast.js +1 -261
- package/dist/plugins/wait.js +1 -43
- package/dist/resolvers/MazComponentsResolver.js +1 -18
- package/dist/resolvers/MazDirectivesResolver.js +1 -14
- package/dist/resolvers/MazModulesResolver.js +1 -76
- package/dist/resolvers/index.js +1 -8
- package/dist/tailwindcss/index.js +1 -20
- package/dist/tailwindcss/tailwind.config.js +1 -35
- package/dist/tailwindcss/utils/colors.js +1 -25
- package/dist/tailwindcss/variables/breakpoints.js +1 -29
- package/dist/tailwindcss/variables/colors.js +1 -33
- package/dist/tailwindcss/variables/design-tokens.js +1 -42
- package/dist/tailwindcss/variables/utilities.js +1 -20
- package/dist/tailwindcss/variables/z-indexes.js +1 -17
- package/package.json +12 -13
- package/dist/chunks/MazChart.vue_vue_type_script_setup_true_lang.DpG9UYdm.js +0 -50
- package/dist/chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BB2rYkwY.js +0 -215
- package/dist/chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.DcNkyw1C.js +0 -77
- package/dist/chunks/MazSwitch.vue_vue_type_style_index_0_lang.lYfYsI0R.js +0 -84
- package/dist/chunks/MazTable.vue_vue_type_script_setup_true_lang.ycpSYFvJ.js +0 -517
- package/dist/chunks/MazTabs.vue_vue_type_script_setup_true_lang.CiIFxs7J.js +0 -28
- package/dist/chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.MO7zA8LZ.js +0 -26
- package/dist/chunks/MazUiProvider.vue_vue_type_script_setup_true_lang.DtnM1DOn.js +0 -34
- package/dist/chunks/_plugin-vue_export-helper.B--vMWp3.js +0 -9
- package/dist/chunks/dom-events.DTx6Kblx.js +0 -368
- package/dist/chunks/fullscreen-img.directive.BJieSSIt.js +0 -321
- package/dist/chunks/lazy-img.directive.GRfYbidn.js +0 -174
- package/dist/chunks/resolveLinkComponent.CKR2McYy.js +0 -8
- package/dist/chunks/types.D0Bp_UhS.js +0 -6
- package/dist/chunks/useMazInputPhoneNumber.Os-2y9bz.js +0 -157
- package/dist/chunks/utils.D89Q5cCP.js +0 -207
- /package/dist/assets/{fullscreen-img.DFp1SMPU.css → vFullscreenImg.DFp1SMPU.css} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as isRangeValue,f as isSameDate,m as isValidDate,o as getFirstDayOfMonth,p as isSameDay,r as getDaysInMonth}from"./utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"./MazBtn.Cc9C1v2l.js";import{Fragment,TransitionGroup,computed,createBlock,createElementBlock,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,useCssVars,watch,withCtx}from"vue";import{debounce}from"@maz-ui/utils/helpers/debounce";import dayjs from"dayjs";import '../assets/MazPickerCalendarGrid.Ba1xBVlX.css';var DaySelect=function(DaySelect){return DaySelect[DaySelect.UNSELECTED=0]=`UNSELECTED`,DaySelect[DaySelect.SELECTED=1]=`SELECTED`,DaySelect[DaySelect.BETWEEN=2]=`BETWEEN`,DaySelect[DaySelect.BETWEEN_HOVERRED=3]=`BETWEEN_HOVERRED`,DaySelect}(DaySelect||{});var MazPickerCalendarGrid_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerCalendarGrid`,props:{modelValue:{type:[String,Object],default:void 0},calendarDate:{type:String,required:!0},hasTime:{type:Boolean,required:!0},locale:{type:String,required:!0},firstDayOfWeek:{type:Number,required:!0},color:{type:String,required:!0},minDate:{type:String,default:void 0},inline:{type:Boolean,required:!0},maxDate:{type:String,default:void 0},disabledWeekly:{type:Array,required:!0},disabledDates:{type:Array,required:!0},hoverredDay:{type:Object,default:void 0},disabled:{type:Boolean,required:!0},range:{type:Boolean,required:!0}},emits:[`update:model-value`,`update:hoverred-day`],setup(__props,{emit:__emit}){useCssVars(_ctx=>({v56c06bd6:hoverColor.value,v50f9c030:hoverTextColor.value}));let props=__props;let emits=__emit;let MazDatePickerGrid=ref();let transitionName=ref(`maz-slidenext`);let calendarDateArray=computed(()=>[props.calendarDate]);let hoverColor=computed(()=>`hsl(var(--maz-${props.color}) / 20%)`);let hoverTextColor=computed(()=>`hsl(var(--maz-${props.color}-foreground))`);let modelValue=computed({get:()=>props.modelValue,set:value=>emits(`update:model-value`,value)});let monthDays=computed(()=>Array.from({length:getDaysInMonth(props.calendarDate)},(_v,i)=>i+1).map(day=>({label:day,date:dayjs(props.calendarDate).set(`date`,day)})));let emptyDaysCount=computed(()=>(getFirstDayOfMonth(props.calendarDate)-props.firstDayOfWeek+7)%7);function setHoverredDay(day){let value=props.modelValue;!value||!isRangeValue(value)||(value.start&&!value.end&&day&&day.isAfter(value.start)?emits(`update:hoverred-day`,day):emits(`update:hoverred-day`))}function isBetweenHoverred(day){let value=props.modelValue;if(!(!value||!isRangeValue(value)||!value.start||!props.hoverredDay))return dayjs(day).isBetween(value.start,props.hoverredDay,`date`,`()`)?DaySelect.BETWEEN_HOVERRED:void 0}function isLastDayHoverred(day){if(props.hoverredDay)return dayjs(day).isSame(props.hoverredDay)}function isFirstDay(day){return props.modelValue&&props.modelValue&&typeof props.modelValue==`object`&&props.modelValue?.start?isSameDate(day,props.modelValue.start,`date`):!1}function isLastDay(day){return props.modelValue&&props.modelValue&&typeof props.modelValue==`object`&&props.modelValue?.end?isSameDate(day,props.modelValue.end,`date`):!1}function getDayButtonColor(date){let value=props.modelValue;if(typeof value==`object`){let isStartDate=value.start?isSameDate(date,value.start,`date`):!1;let isEndDate=value.end?isSameDate(date,value.end,`date`):!1;let isBetweenDates=checkIsBetween(date);return isStartDate||isEndDate||isBetweenDates?props.color:`transparent`}else return checkIsSameDate(date)?props.color:`transparent`}function isSelectedOrBetween(day){if(props.modelValue&&typeof props.modelValue==`object`){if(props.modelValue.start&&isSameDate(day,props.modelValue.start,`date`))return DaySelect.SELECTED;if(props.modelValue.end){if(isSameDate(day,props.modelValue.end,`date`))return DaySelect.SELECTED;if(checkIsBetween(day))return DaySelect.BETWEEN}}else if(checkIsSameDate(day))return DaySelect.SELECTED;return DaySelect.UNSELECTED}function selectDay(value){props.range&&setHoverredDay();let valueFormatted=value.format();if(typeof modelValue.value==`object`){let values=modelValue.value;values.start&&values.end&&(values={start:void 0,end:void 0});let isBeforeStartDate=dayjs(valueFormatted).isBefore(values.start,`date`);modelValue.value=!values.start||isBeforeStartDate?{start:valueFormatted,end:void 0}:{start:values.start,end:valueFormatted}}else modelValue.value=valueFormatted}function checkIsSameDate(day){let value=props.modelValue;return!value||!isValidDate(value)?!1:isSameDate(day,value,`date`)}function checkIsBetween(day){let value=props.modelValue;return!isRangeValue(value)||!value.start||!value.end?!1:dayjs(day).isBetween(value.start,value.end,`date`,`()`)}function isSmallerMinDate(day){return props.minDate?dayjs(day).isBefore(props.minDate,`date`):!1}function isDisabledWeekly(day){return props.disabledWeekly?.length?props.disabledWeekly.some(disabledDay=>isSameDay(day,disabledDay)):!1}function isDisabledDate(day){return props.disabledDates?.length?props.disabledDates.some(disabledDay=>isSameDate(day,disabledDay,`date`)):!1}function isBiggerMaxDate(day){return props.maxDate?dayjs(day).isAfter(props.maxDate,`date`):!1}let removeContainerHeight=debounce(()=>{MazDatePickerGrid.value&&(MazDatePickerGrid.value.style.minHeight=``)},400);function setContainerHeight(){MazDatePickerGrid.value&&(MazDatePickerGrid.value.style.minHeight=`${MazDatePickerGrid.value?.clientHeight||176}px`,removeContainerHeight())}return watch(()=>props.calendarDate,(calendarDate,oldCalendarValue)=>{transitionName.value=dayjs(calendarDate).isAfter(oldCalendarValue,`date`)?`maz-slidenext`:`maz-slideprev`,setContainerHeight()}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`MazDatePickerGrid`,ref:MazDatePickerGrid,class:`maz-picker-calendar-grid`},[createVNode(TransitionGroup,{name:transitionName.value},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList([calendarDateArray.value],(dateArray,dateIndex)=>(openBlock(),createElementBlock(`div`,{key:`${dateArray[dateIndex]}`,class:normalizeClass([`maz-picker-calendar-grid__container`,{"--is-range":__props.range}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(emptyDaysCount.value,first=>(openBlock(),createElementBlock(`div`,{key:first}))),128)),(openBlock(!0),createElementBlock(Fragment,null,renderList(monthDays.value,({label,date},i)=>(openBlock(),createBlock(MazBtn_default,{key:i,size:`mini`,color:getDayButtonColor(date),type:`button`,block:__props.inline,disabled:__props.disabled||isSmallerMinDate(date)||isBiggerMaxDate(date)||isDisabledWeekly(date)||isDisabledDate(date),class:normalizeClass({"--is-first":isFirstDay(date)&&isSelectedOrBetween(date)===DaySelect.SELECTED,"--is-last":isLastDay(date)&&isSelectedOrBetween(date)===DaySelect.SELECTED,"--is-last-hoverred":isLastDayHoverred(date),"--is-selected":isSelectedOrBetween(date)===DaySelect.SELECTED,"--is-between":isSelectedOrBetween(date)===DaySelect.BETWEEN,"--is-between-hoverred":__props.range?isBetweenHoverred(date)===DaySelect.BETWEEN_HOVERRED:void 0}),onClick:$event=>selectDay(date),onMouseover:$event=>__props.range?setHoverredDay(date):void 0,onMouseleave:_cache[0]||=$event=>__props.range?setHoverredDay():void 0,onFocus:$event=>__props.range?setHoverredDay(date):void 0,onBlur:_cache[1]||=$event=>__props.range?setHoverredDay():void 0},{default:withCtx(()=>[createElementVNode(`span`,null,toDisplayString(label),1)]),_:2},1032,[`color`,`block`,`disabled`,`class`,`onClick`,`onMouseover`,`onFocus`]))),128))],2))),128))]),_:1},8,[`name`])],512))}}),[[`__scopeId`,`data-v-f69e1470`]]);export{MazPickerCalendarGrid_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,defineAsyncComponent,defineComponent,normalizeClass,openBlock,ref,unref}from"vue";import dayjs from"dayjs";import '../assets/MazPickerContainer.CqMyVj6l.css';var _hoisted_1={class:`m-date-picker-container__wrapper`};var MazPickerContainer_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerContainer`,props:{modelValue:{},calendarDate:{},color:{},locale:{},hideHeader:{type:Boolean},firstDayOfWeek:{},double:{type:Boolean},hasDate:{type:Boolean},minDate:{},maxDate:{},inline:{type:Boolean},shortcuts:{type:[Array,Boolean]},shortcut:{},hasTime:{type:Boolean},format:{},isHour12:{type:Boolean},formatterOptions:{},minuteInterval:{},disabled:{type:Boolean},disabledWeekly:{},disabledHours:{},disabledDates:{},range:{type:Boolean}},emits:[`update:model-value`,`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let emits=__emit;let MazPickerCalendar=defineAsyncComponent(()=>import(`../components/MazDatePicker/MazPickerCalendar.js`));let MazPickerHeader=defineAsyncComponent(()=>import(`../components/MazDatePicker/MazPickerHeader.js`));let MazPickerTime=defineAsyncComponent(()=>import(`../components/MazDatePicker/MazPickerTime.js`));let lastTimeValue=ref(typeof __props.modelValue==`string`&&__props.hasTime?dayjs(__props.modelValue).format(`HH:mm`):`00:00`);function saveLastTimeValue(value){lastTimeValue.value=dayjs(value).format(`HH:mm`),emits(`update:model-value`,value)}function emitDateValue(value){__props.hasTime?emits(`update:model-value`,dayjs(`${dayjs(value).format(`YYYY-MM-DD`)} ${lastTimeValue.value||`00:00`}`).format(__props.format)):emits(`update:model-value`,value)}let currentDate=computed({get:()=>__props.modelValue,set:value=>emits(`update:model-value`,value)});let currentCalendarDate=computed({get:()=>__props.calendarDate,set:calendarDate=>emits(`update:calendar-date`,calendarDate)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-date-picker-container`,{"--has-double":__props.double,"--is-inline":__props.inline,"--has-date":__props.hasDate}])},[__props.hideHeader?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazPickerHeader),{key:0,color:__props.color,"has-time":__props.hasTime,"model-value":__props.modelValue,locale:__props.locale,"has-date":__props.hasDate,"formatter-options":__props.formatterOptions,double:__props.double,"hide-shortcuts":!__props.shortcuts,class:`m-date-picker-container__header`},null,8,[`color`,`has-time`,`model-value`,`locale`,`has-date`,`formatter-options`,`double`,`hide-shortcuts`])),createElementVNode(`div`,_hoisted_1,[__props.hasDate?(openBlock(),createBlock(unref(MazPickerCalendar),{key:0,"calendar-date":currentCalendarDate.value,"onUpdate:calendarDate":_cache[0]||=$event=>currentCalendarDate.value=$event,"model-value":currentDate.value,color:__props.color,locale:__props.locale,"has-time":__props.hasTime,double:__props.double,"min-date":__props.minDate,"max-date":__props.maxDate,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,disabled:__props.disabled,"disabled-weekly":__props.disabledWeekly,"disabled-dates":__props.disabledDates,shortcuts:__props.shortcuts,shortcut:__props.shortcut,range:__props.range,class:`m-date-picker-container__calendar`,"onUpdate:modelValue":emitDateValue},null,8,[`calendar-date`,`model-value`,`color`,`locale`,`has-time`,`double`,`min-date`,`max-date`,`inline`,`first-day-of-week`,`disabled`,`disabled-weekly`,`disabled-dates`,`shortcuts`,`shortcut`,`range`])):createCommentVNode(``,!0),__props.hasTime?(openBlock(),createBlock(unref(MazPickerTime),{key:1,"model-value":currentDate.value,color:__props.color,locale:__props.locale,"min-date":__props.minDate,"max-date":__props.maxDate,"has-date":__props.hasDate,format:__props.format,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"minute-interval":__props.minuteInterval,"formatter-options":__props.formatterOptions,"is-hour12":__props.isHour12,class:`m-date-picker-container__time`,"onUpdate:modelValue":saveLastTimeValue},null,8,[`model-value`,`color`,`locale`,`min-date`,`max-date`,`has-date`,`format`,`disabled`,`disabled-hours`,`minute-interval`,`formatter-options`,`is-hour12`])):createCommentVNode(``,!0)])],2))}}),[[`__scopeId`,`data-v-aad199c3`]]);export{MazPickerContainer_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{vClickOutside as directive}from"../directives/vClickOutside.js";import{t as getColor}from"./types.DDbvTVqf.js";import{Fragment,Teleport,Transition,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineComponent,mergeModels,mergeProps,nextTick,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,onUnmounted,openBlock,renderSlot,unref,useAttrs,useModel,useTemplateRef,watch,withCtx,withDirectives}from"vue";import{isClient}from"@maz-ui/utils/helpers/isClient";import{autoPlacement,autoUpdate,flip,hide,offset,shift,useFloating}from"@floating-ui/vue";import '../assets/MazPopover.-QaA_4Xd.css';var _hoisted_1=[`id`,`aria-expanded`,`aria-haspopup`,`aria-describedby`,`aria-labelledby`,`aria-controls`];var _hoisted_2=[`id`,`role`,`aria-label`,`aria-labelledby`,`aria-describedby`,`aria-modal`,`tabindex`,`aria-live`];var MazPopover_default=_plugin_vue_export_helper_default(defineComponent({name:`MazPopover`,inheritAttrs:!1,__name:`MazPopover`,props:mergeModels({modelValue:{type:Boolean},position:{default:`auto`},preferPosition:{},fallbackPosition:{},trigger:{default:`click`},role:{default:`dialog`},ariaLabel:{},announceChanges:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},offset:{default:8},delay:{default:0},hoverDelay:{default:150},transition:{default:`scale-pop`},teleportTo:{default:`body`},overlayClass:{type:[Boolean,null,String,Object,Array]},panelClass:{type:[Boolean,null,String,Object,Array]},panelStyle:{type:[Boolean,null,String,Object,Array]},closeOnClickOutside:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},persistent:{type:Boolean,default:!1},id:{},ariaLabelledby:{},ariaDescribedby:{},color:{default:`background`},trapFocus:{type:Boolean,default:!0},keepOpenOnHover:{type:Boolean,default:!1},block:{type:Boolean,default:!1},positionReference:{}},{modelValue:{default:!1},modelModifiers:{}}),emits:mergeModels([`update:model-value`,`open`,`close`,`after-close-animation`,`toggle`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let triggerId=useInstanceUniqId({componentName:`MazPopover`,providedId:__props.id});let attrs=useAttrs();let triggerRef=useTemplateRef(`trigger`);let panelRef=useTemplateRef(`panel`);let middleware=computed(()=>{let middleware=[offset(__props.offset),hide(),shift({padding:5})];return middleware.push(__props.position===`auto`&&!__props.preferPosition&&!__props.fallbackPosition?autoPlacement({allowedPlacements:[`top`,`bottom`,`left`,`right`]}):flip({fallbackPlacements:__props.fallbackPosition?[__props.fallbackPosition]:void 0})),middleware});let floatingPosition=computed(()=>__props.position===`auto`?__props.preferPosition:__props.position);let transitionName=computed(()=>[`scale-pop`,`scale-fade`].includes(__props.transition)?`maz-${__props.transition}`:__props.transition);let positionRef=computed(()=>__props.positionReference?typeof __props.positionReference==`string`?triggerRef.value?.querySelector(__props.positionReference)||(isClient()?document.querySelector(__props.positionReference):null):__props.positionReference:triggerRef.value);let{floatingStyles,placement,update,middlewareData}=useFloating(computed(()=>positionRef.value||triggerRef.value),panelRef,{placement:floatingPosition,middleware,transform:!1,whileElementsMounted:autoUpdate});let computedPosition=computed(()=>placement.value??floatingPosition.value);let isOpen=useModel(__props,`modelValue`);let openTimeout=null;let closeTimeout=null;let initialFocusElement=null;let ignoreNextClickOutside=!1;let panelId=computed(()=>`${triggerId.value}-panel`);let rootStyles=computed(()=>attrs.style);let panelStyles=computed(()=>({...floatingStyles.value,pointerEvents:isOpen.value?`auto`:`none`}));let isTouchDevice=computed(()=>isClient()?`ontouchstart`in globalThis||navigator.maxTouchPoints>0:!1);let effectiveTrigger=computed(()=>__props.trigger===`adaptive`?isTouchDevice.value?`click`:`hover`:__props.trigger);let triggerEvents=computed(()=>{if(__props.disabled||effectiveTrigger.value===`manual`)return{};let events={};return effectiveTrigger.value===`hover`&&(events.onMouseenter=()=>{clearCloseTimeout(),open()},events.onMouseleave=close),effectiveTrigger.value===`click`&&(events.onClick=toggle),events});let panelEvents=computed(()=>effectiveTrigger.value===`hover`?{onMouseenter:()=>{__props.keepOpenOnHover&&clearCloseTimeout()},onMouseleave:()=>{__props.keepOpenOnHover&&close()}}:{});let panelClasses=computed(()=>[__props.overlayClass,__props.panelClass,`--position-${computedPosition.value}`,`--${getColor(__props.color)}`]);function cleanup(){clearOpenTimeout(),clearCloseTimeout(),isClient()&&document.removeEventListener(`keydown`,onKeydown)}function open(){__props.disabled||(clearCloseTimeout(),effectiveTrigger.value===`click`&&(ignoreNextClickOutside=!0),__props.delay>0?openTimeout=setTimeout(()=>{setOpen(!0)},__props.delay):setOpen(!0))}function close(){clearOpenTimeout(),__props.delay>0&&effectiveTrigger.value===`hover`?closeTimeout=setTimeout(()=>{setOpen(!1)},__props.delay):effectiveTrigger.value===`hover`&&__props.keepOpenOnHover?closeTimeout=setTimeout(()=>{setOpen(!1)},__props.hoverDelay):setOpen(!1)}function toggle(){isOpen.value?close():open()}function setOpen(value){isOpen.value=value,ignoreNextClickOutside=!1,value?(emits(`open`),emits(`toggle`,value),nextTick(()=>{update(),setupFocusTrap()})):(emits(`toggle`,value),emits(`close`),__props.trapFocus&&restoreFocus())}function clearOpenTimeout(){openTimeout&&=(clearTimeout(openTimeout),null)}function clearCloseTimeout(){closeTimeout&&=(clearTimeout(closeTimeout),null)}function getTransformOrigin(position){switch(position){case`top`:return`center bottom`;case`top-start`:return`left bottom`;case`top-end`:return`right bottom`;case`bottom`:return`center top`;case`bottom-start`:return`left top`;case`bottom-end`:return`right top`;case`left`:return`right center`;case`left-start`:return`right top`;case`left-end`:return`right bottom`;case`right`:return`left center`;case`right-start`:return`left top`;case`right-end`:return`left bottom`;default:return`center`}}function setupFocusTrap(){__props.role===`tooltip`||effectiveTrigger.value===`hover`||!__props.trapFocus||!isClient()||(initialFocusElement=document.activeElement,nextTick(()=>{let focusableElements=panelRef.value?.querySelectorAll(`a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])`);focusableElements&&focusableElements.length>0?focusableElements[0].focus({preventScroll:!0}):panelRef.value?.focus({preventScroll:!0})}))}function restoreFocus(){__props.role===`tooltip`||effectiveTrigger.value===`hover`||!__props.trapFocus||!isClient()||nextTick(()=>{initialFocusElement?.focus({preventScroll:!0})})}function onKeydown(event){isOpen.value&&(event.key===`Escape`&&__props.closeOnEscape&&!__props.persistent&&(event.preventDefault(),close()),event.key===`Tab`&&__props.trapFocus&&handleTrapFocus(event))}function handleTrapFocus(event){if(!panelRef.value||!isClient())return;let focusableElements=panelRef.value.querySelectorAll(`a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])`);if(focusableElements.length===0)return;let firstElement=focusableElements[0];let lastElement=focusableElements[focusableElements.length-1];event.shiftKey?document.activeElement===firstElement&&(event.preventDefault(),lastElement.focus()):document.activeElement===lastElement&&(event.preventDefault(),firstElement.focus())}function onClickOutside(event){if(effectiveTrigger.value!==`manual`){if(ignoreNextClickOutside){ignoreNextClickOutside=!1;return}if(__props.closeOnClickOutside&&!__props.persistent){if(triggerRef.value&&triggerRef.value.contains(event.target))return;close()}}}return watch(isOpen,(value,oldValue)=>{!isClient()||value===oldValue||(value?open():oldValue&&!value&&close())},{immediate:!0}),watch(()=>__props.position,()=>{isOpen.value&&nextTick(()=>update())}),onMounted(()=>{document.addEventListener(`keydown`,onKeydown)}),onBeforeUnmount(cleanup),onUnmounted(cleanup),__expose({open,close,toggle,isOpen,updatePosition:update,panelRef}),(_ctx,_cache)=>(openBlock(),createElementBlock(Fragment,null,[_ctx.$slots.trigger?(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`m-popover m-reset-css`,[unref(attrs).class,{"--open":isOpen.value,"--disabled":__props.disabled,"--block":__props.block}]]),style:normalizeStyle(rootStyles.value)},[createElementVNode(`div`,mergeProps({id:unref(triggerId),ref:`trigger`,role:`button`,class:`m-popover-trigger`,"aria-expanded":__props.role===`dialog`||__props.role===`menu`?isOpen.value:void 0,"aria-haspopup":__props.role===`dialog`?`dialog`:void 0,"aria-describedby":__props.role===`tooltip`&&isOpen.value?panelId.value:__props.ariaDescribedby,"aria-labelledby":__props.ariaLabelledby,"aria-controls":panelId.value},triggerEvents.value),[renderSlot(_ctx.$slots,`trigger`,{open,close,toggle,isOpen:isOpen.value,trigger:effectiveTrigger.value},void 0,!0)],16,_hoisted_1)],6)):createCommentVNode(``,!0),(openBlock(),createBlock(Teleport,{to:__props.teleportTo},[createVNode(Transition,{name:transitionName.value,appear:``,onAfterLeave:_cache[0]||=$event=>emits(`after-close-animation`)},{default:withCtx(()=>[isOpen.value?withDirectives((openBlock(),createElementBlock(`div`,mergeProps({key:0,id:panelId.value,ref:`panel`,role:__props.role,"aria-label":__props.ariaLabel,"aria-labelledby":__props.role===`dialog`?__props.ariaLabelledby||unref(triggerId):void 0,"aria-describedby":__props.role===`dialog`?__props.ariaDescribedby:void 0,"aria-modal":__props.role===`dialog`?`true`:void 0,tabindex:__props.role===`dialog`?`-1`:void 0,class:[`m-popover-panel`,panelClasses.value],"aria-live":__props.announceChanges?`polite`:void 0,style:[__props.panelStyle,panelStyles.value,{transformOrigin:getTransformOrigin(computedPosition.value),visibility:unref(middlewareData).hide?.referenceHidden?`hidden`:`visible`}]},panelEvents.value),[renderSlot(_ctx.$slots,`default`,{open,close,toggle,isOpen:isOpen.value},void 0,!0)],16,_hoisted_2)),[[unref(directive),onClickOutside]]):createCommentVNode(``,!0)]),_:3},8,[`name`])],8,[`to`]))],64))}}),[[`__scopeId`,`data-v-08b18b31`]]);export{MazPopover_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,onUnmounted,openBlock,ref,renderSlot,unref,watch}from"vue";import{isClient}from"@maz-ui/utils/helpers/isClient";import{isStandaloneMode}from"@maz-ui/utils/helpers/isStandaloneMode";import '../assets/MazPullToRefresh.CqLZBqlg.css';var _hoisted_1={key:0,class:`header-text`};var _hoisted_2={key:1,class:`header-text`};var _hoisted_3={key:2,class:`header-text`};var _hoisted_4={class:`maz-flex maz-flex-col maz-flex-center`};var MazPullToRefresh_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPullToRefresh`,props:{distance:{default:100},offset:{default:0},onClick:{type:Function,default:void 0},containerSelector:{default:void 0},headerClass:{default:void 0},spinnerColor:{default:`contrast`},disabled:{type:Boolean,default:!1},standaloneMode:{type:Boolean,default:!1}},emits:[`loaded`,`start`,`error`,`finish`,`response`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let isDisabled=computed(()=>props.disabled||props.onClick===void 0||props.standaloneMode&&isClient()&&!isStandaloneMode());let margin=ref({top:0,bottom:0});let pull=ref({from:-1,to:-1,distance:0,available:!1,state:`end`});let internalLoading=ref(!1);let container=computed(()=>{if(typeof document>`u`||isDisabled.value)return;let element=props.containerSelector?document.querySelector(props.containerSelector):document.body;if(!element)throw Error(`MazPullToRefresh - container not found`);return element});let pullHeight=computed(()=>pull.value.state!==`move`&&pull.value.state!==`end`||isDisabled.value?0:pull.value.distance>props.distance?props.distance:pull.value.distance);function updateView(container){let{top,height}=container.getBoundingClientRect();margin.value={top,bottom:window.innerHeight-(height+top+props.offset)}}function setLoading(type){internalLoading.value=type}function handleTouchStart(event){if(internalLoading.value||margin.value.top<0&&margin.value.bottom<0||isDisabled.value)return;let item=event.touches.item(0);item&&(pull.value.state=`start`,pull.value.from=item.pageY)}function handleTouchMove(event){if(internalLoading.value||pull.value.from<0||window.scrollY>0||isDisabled.value)return;let item=event.touches.item(0);if(!item)return;pull.value.to=item.pageY;let distance=pull.value.to-pull.value.from;pull.value.distance=distance>0?distance:0,pull.value.available=pull.value.distance>=props.distance,pull.value.state=`move`}function handleTouchEnd(){internalLoading.value||isDisabled.value||(pullHeight.value===props.distance&&pull.value.state===`move`&&window.scrollY<=0?runAction():resetPull())}function resetPull(){pull.value={from:-1,to:-1,distance:0,available:!1,state:`end`}}async function runAction(){try{setLoading(!0),emits(`start`);let response=await props.onClick?.();emits(`loaded`),emits(`response`,response)}catch(error){throw emits(`error`,error),error}finally{resetPull(),setLoading(!1),emits(`finish`)}}watch(()=>isDisabled.value,disabled=>{disabled===!0?removeEvents():initComponentAndEvents()},{immediate:!0});function initComponentAndEvents(){!container.value||isDisabled.value||document===void 0||(container.value.addEventListener(`touchstart`,handleTouchStart),container.value.addEventListener(`touchmove`,handleTouchMove),container.value.addEventListener(`touchend`,handleTouchEnd),updateView(container.value))}function removeEvents(){!container.value||document===void 0||(container.value.removeEventListener(`touchstart`,handleTouchStart),container.value.removeEventListener(`touchmove`,handleTouchMove),container.value.removeEventListener(`touchend`,handleTouchEnd))}return onUnmounted(()=>{removeEvents()}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-pull-to-refresh m-reset-css`,{"--available":pull.value.available||pullHeight.value>10}])},[isDisabled.value?createCommentVNode(``,!0):(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`loading-header`,__props.headerClass]),style:normalizeStyle({height:`${pullHeight.value}px`})},[pull.value.available?pull.value.available&&!internalLoading.value?(openBlock(),createElementBlock(`div`,_hoisted_2,[renderSlot(_ctx.$slots,`pull-ready`,{},()=>[_cache[1]||=createElementVNode(`span`,null,` Release to refresh `,-1)],!0)])):createCommentVNode(``,!0):(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`pull-before`,{},()=>[_cache[0]||=createElementVNode(`span`,null,`Pull to refresh`,-1)],!0)])),internalLoading.value?(openBlock(),createElementBlock(`div`,_hoisted_3,[renderSlot(_ctx.$slots,`pull-loading`,{},()=>[createElementVNode(`div`,_hoisted_4,[createVNode(unref(MazSpinner),{color:__props.spinnerColor,size:`2.5em`},null,8,[`color`])])],!0)])):createCommentVNode(``,!0)],6)),renderSlot(_ctx.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-d798244e`]]);export{MazPullToRefresh_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderSlot,toDisplayString,unref}from"vue";import '../assets/MazRadio.BwJxf7ZC.css';var _hoisted_1=[`for`,`aria-checked`];var _hoisted_2=[`id`,`value`,`disabled`,`name`,`checked`];var _hoisted_3={class:`m-radio__text`};var MazRadio_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazRadio`,props:{style:{type:[Boolean,null,String,Object,Array],default:void 0},class:{type:[Boolean,null,String,Object,Array],default:void 0},id:{default:void 0},modelValue:{default:void 0},value:{},name:{},label:{default:void 0},color:{default:`primary`},size:{default:`md`},disabled:{type:Boolean,default:!1},error:{type:Boolean},success:{type:Boolean},warning:{type:Boolean},hint:{}},emits:[`update:model-value`,`change`,`blur`,`focus`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let instanceId=useInstanceUniqId({componentName:`MazRadio`,providedId:props.id});let inputRef=ref();let isFocused=ref(!1);let isSelected=computed(()=>props.modelValue===props.value);let radioSize=computed(()=>{switch(props.size){case`xl`:return`2.25rem`;case`lg`:return`2rem`;case`sm`:return`1.425rem`;case`xs`:return`1.325rem`;case`mini`:return`1.2rem`;default:return`1.625rem`}});let radioSelectedColor=computed(()=>`hsl(var(--maz-${props.color}))`);let radioBoxShadow=computed(()=>props.error&&!isFocused.value?`hsl(var(--maz-destructive))`:props.warning&&!isFocused.value?`hsl(var(--maz-warning))`:props.success&&!isFocused.value?`hsl(var(--maz-success))`:[`transparent`,`contrast`].includes(props.color)?`hsl(var(--maz-muted))`:`hsl(var(--maz-${props.color}) / 60%)`);function keyboardHandler(event){[`Space`].includes(event.code)&&(event.preventDefault(),emitValue())}function emitValue(){emits(`update:model-value`,props.value),emits(`change`,props.value)}function onBlur(event){isFocused.value=!1,inputRef.value?.dispatchEvent(new Event(`blur`)),emits(`blur`,event)}function onFocus(event){isFocused.value=!0,inputRef.value?.dispatchEvent(new Event(`focus`)),emits(`focus`,event)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{for:unref(instanceId),class:normalizeClass([`m-radio m-reset-css`,[{"--selected":isSelected.value,"--error":__props.error,"--warning":__props.warning,"--success":__props.success},props.class]]),tabindex:`0`,role:`radio`,style:normalizeStyle([__props.style,{"--radio-size":radioSize.value,"--radio-selected-color":radioSelectedColor.value,"--radio-box-shadow":radioBoxShadow.value}]),"aria-checked":isSelected.value,onBlur,onFocus,onKeydown:keyboardHandler},[createElementVNode(`input`,mergeProps({id:unref(instanceId),ref_key:`inputRef`,ref:inputRef,value:__props.value},_ctx.$attrs,{tabindex:`-1`,disabled:__props.disabled,name:__props.name,type:`radio`,checked:isSelected.value,onChange:_cache[0]||=$event=>emitValue()}),null,16,_hoisted_2),_cache[1]||=createElementVNode(`span`,null,[createElementVNode(`span`,{class:`round`})],-1),createElementVNode(`div`,_hoisted_3,[renderSlot(_ctx.$slots,`default`,{isSelected:isSelected.value,value:__props.value},()=>[createTextVNode(toDisplayString(__props.label),1)],!0),__props.hint?(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-radio__hint`,{"--error":__props.error,"--success":__props.success,"--warning":__props.warning}])},toDisplayString(__props.hint),3)):createCommentVNode(``,!0)])],46,_hoisted_1))}}),[[`__scopeId`,`data-v-e9c69959`]]);export{MazRadio_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as getColor}from"./types.DDbvTVqf.js";import{Fragment,Transition,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,normalizeStyle,openBlock,ref,renderList,renderSlot,toDisplayString,unref,vShow,withCtx,withDirectives}from"vue";import{MazCheck}from"@maz-ui/icons/lazy";import '../assets/MazRadioButtons.mfiNprpx.css';var _hoisted_1={class:`m-radio-buttons m-reset-css`};var _hoisted_2=[`for`,`aria-checked`,`onKeydown`,`onBlur`,`onFocus`];var _hoisted_3=[`id`,`name`,`value`,`onChange`];var _hoisted_4={key:0,class:`m-radio-buttons__items__checkbox`};var MazRadioButtons_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazRadioButtons`,props:{modelValue:{default:void 0},options:{},name:{default:`MazButtonsRadio`},color:{default:`primary`},elevation:{type:Boolean,default:!1},orientation:{default:`row`},wrap:{type:Boolean,default:!0},equalSize:{type:Boolean,default:!1},selector:{type:Boolean,default:!1},block:{type:Boolean,default:!1},error:{type:Boolean},success:{type:Boolean},warning:{type:Boolean},hint:{},size:{default:`md`}},emits:[`update:model-value`,`change`,`blur`,`focus`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;function selectOption(option){emits(`update:model-value`,option.value),emits(`change`,option.value)}function isSelected(value){return props.modelValue===value}function keyboardHandler(event,option){[`Space`].includes(event.code)&&(event.preventDefault(),selectOption(option))}function getOptionId(option,i){return`option-${i}-${option.value.toString()}-${props.name}`}let inputRef=ref();function onBlur(index,event){inputRef.value?.[index]?.dispatchEvent(new Event(`blur`)),emits(`blur`,event)}function onFocus(index,event){inputRef.value?.[index]?.dispatchEvent(new Event(`focus`)),emits(`focus`,event)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,{class:normalizeClass([`m-radio-buttons__wrapper`,[`--${__props.orientation}`,{"--wrap":__props.wrap,"--block":__props.block}]])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.options,(option,i)=>(openBlock(),createElementBlock(`label`,{key:getOptionId(option,i),for:getOptionId(option,i),class:normalizeClass([`m-radio-buttons__items maz-group`,[`--size-${__props.size}`,{"--is-selected":isSelected(option.value),"--elevation":__props.elevation,"--equal-size":__props.equalSize},option.classes]]),tabindex:`0`,style:normalizeStyle([isSelected(option.value)?{color:`hsl(var(--maz-${unref(getColor)(__props.color)}-foreground))`,backgroundColor:`hsl(var(--maz-${unref(getColor)(__props.color)}))`,borderColor:`hsl(var(--maz-${unref(getColor)(__props.color)}))`}:{},option.style]),role:`radio`,"aria-checked":isSelected(option.value),onKeydown:$event=>keyboardHandler($event,option),onBlur:$event=>onBlur(i,$event),onFocus:$event=>onFocus(i,$event)},[createElementVNode(`input`,{id:getOptionId(option,i),ref_for:!0,ref_key:`inputRef`,ref:inputRef,type:`radio`,tabindex:`-1`,name:__props.name,value:option.value,class:`maz-hidden`,onChange:$event=>selectOption(option)},null,40,_hoisted_3),__props.selector?(openBlock(),createElementBlock(`div`,_hoisted_4,[createElementVNode(`span`,{class:normalizeClass({"--is-selected":isSelected(option.value)}),style:normalizeStyle([isSelected(option.value)?{backgroundColor:`hsl(var(--maz-${unref(getColor)(props.color)}-600))`,color:`hsl(var(--maz-${unref(getColor)(props.color)}-foreground))`}:{}])},[createVNode(Transition,{name:`maz-radio-buttons-scale`},{default:withCtx(()=>[withDirectives(createVNode(unref(MazCheck),{class:`maz-size-full`},null,512),[[vShow,isSelected(option.value)]])]),_:2},1024)],6)])):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`,{option,selected:isSelected(option.value)},()=>[createTextVNode(toDisplayString(option.label),1)],!0)],46,_hoisted_2))),128))],2),__props.hint?(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-radio-buttons__hint`,{"--error":__props.error,"--success":__props.success,"--warning":__props.warning}])},toDisplayString(__props.hint),3)):createCommentVNode(``,!0)]))}}),[[`__scopeId`,`data-v-5627d70c`]]);export{MazRadioButtons_default as t};
|
|
@@ -0,0 +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 MazLink_default}from"./MazLink.BOpxMATj.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineComponent,nextTick,normalizeClass,normalizeStyle,onMounted,openBlock,ref,renderSlot,toDisplayString,unref,useSlots,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import '../assets/MazReadMore.BnowLxq5.css';var _hoisted_1=[`id`];var _hoisted_2=[`id`,`aria-label`,`aria-expanded`];var MazReadMore_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazReadMore`,props:{text:{},maxLines:{default:()=>void 0},maxChars:{default:()=>void 0},color:{default:`primary`},collapseText:{},expandText:{},id:{},ariaLabel:{}},setup(__props){let{t}=useTranslations();let maxLinesValue=computed(()=>__props.maxChars?void 0:__props.maxLines||4);let instanceId=useInstanceUniqId({componentName:`MazReadMore`,providedId:__props.id});let contentId=computed(()=>`${instanceId.value}-content`);let buttonId=computed(()=>`${instanceId.value}-button`);let collapseTextValue=computed(()=>__props.collapseText||t(`readMore.collapse`));let expandTextValue=computed(()=>__props.expandText||t(`readMore.expand`));let ariaLabelValue=computed(()=>__props.ariaLabel||t(`readMore.ariaLabel`));let slots=useSlots();let contentRef=ref();let hiddenSlotRef=ref();let isExpanded=ref(!1);let slotTextContent=ref(``);let hasSlot=computed(()=>!!slots.default);let shouldShowButton=ref(!1);let truncateStyle=computed(()=>isExpanded.value?{}:maxLinesValue.value?{display:`-webkit-box`,"-webkit-line-clamp":maxLinesValue.value.toString(),"-webkit-box-orient":`vertical`,overflow:`hidden`}:{});let displayedText=computed(()=>{if(!__props.maxChars||isExpanded.value)return __props.text;let content=hasSlot.value?slotTextContent.value:__props.text;return content&&content.length>__props.maxChars?`${content.slice(0,__props.maxChars)}...`:content});let showTruncatedText=computed(()=>__props.maxChars&&hasSlot.value&&!isExpanded.value&&slotTextContent.value.length>__props.maxChars);function toggleExpanded(){isExpanded.value=!isExpanded.value}function checkIfTruncated(){if(__props.maxChars&&hiddenSlotRef.value){slotTextContent.value=hiddenSlotRef.value.textContent||``,shouldShowButton.value=slotTextContent.value.length>__props.maxChars;return}if(!contentRef.value)return;let element=contentRef.value;if(maxLinesValue.value){let maxHeight=Number.parseFloat(getComputedStyle(element).lineHeight)*maxLinesValue.value;shouldShowButton.value=element.scrollHeight>maxHeight;return}__props.maxChars&&(shouldShowButton.value=(__props.text||``).length>__props.maxChars)}return onMounted(()=>{nextTick(()=>{checkIfTruncated()})}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{id:unref(instanceId),class:`m-read-more m-reset-css`},[hasSlot.value&&__props.maxChars?(openBlock(),createElementBlock(`div`,{key:0,ref_key:`hiddenSlotRef`,ref:hiddenSlotRef,class:`m-read-more__hidden`,"aria-hidden":`true`},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],512)):createCommentVNode(``,!0),createElementVNode(`div`,{id:contentId.value,ref_key:`contentRef`,ref:contentRef,class:normalizeClass([`m-read-more__content`,{"m-read-more__content--truncated":!isExpanded.value}]),style:normalizeStyle(truncateStyle.value),role:`region`,"aria-label":ariaLabelValue.value,"aria-expanded":shouldShowButton.value?isExpanded.value:void 0},[showTruncatedText.value?(openBlock(),createElementBlock(Fragment,{key:0},[createTextVNode(toDisplayString(displayedText.value),1)],64)):hasSlot.value?renderSlot(_ctx.$slots,`default`,{key:1},void 0,!0):(openBlock(),createElementBlock(Fragment,{key:2},[createTextVNode(toDisplayString(displayedText.value),1)],64))],14,_hoisted_2),shouldShowButton.value?(openBlock(),createBlock(MazLink_default,{key:1,id:buttonId.value,size:`sm`,class:`mt-2`,color:__props.color,underline:``,role:`button`,"aria-expanded":isExpanded.value,"aria-controls":contentId.value,onClick:toggleExpanded},{default:withCtx(()=>[createTextVNode(toDisplayString(isExpanded.value?collapseTextValue.value:expandTextValue.value),1)]),_:1},8,[`id`,`color`,`aria-expanded`,`aria-controls`])):createCommentVNode(``,!0)],8,_hoisted_1))}}),[[`__scopeId`,`data-v-1670b582`]]);export{MazReadMore_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{Teleport,computed,createBlock,createElementVNode,defineComponent,mergeProps,nextTick,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,watch}from"vue";import{throttle}from"@maz-ui/utils/helpers/throttle";import '../assets/MazReadingProgressBar.B7q0nd5D.css';var MazReadingProgressBar_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazReadingProgressBar`,props:{height:{default:`4px`},color:{default:`primary`},teleportSelector:{default:`body`},contentSelector:{default:`body`},offset:{default:0},barClass:{type:[Boolean,null,String,Object,Array],default:void 0},distance:{default:void 0}},emits:[`begin`,`complete`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let barColor=computed(()=>`hsl(var(--maz-${props.color}))`);let progressBarWidth=ref();let elementHeight=ref(0);watch(()=>props.distance,value=>{value&&(elementHeight.value=value)},{immediate:!0});let handleScroll=throttle(()=>{let scrollPosition=window.scrollY;scrollPosition>=0&&scrollPosition<=elementHeight.value?progressBarWidth.value=`${scrollPosition/elementHeight.value*100}%`:scrollPosition<=0?(progressBarWidth.value=`0%`,emits(`begin`)):scrollPosition>elementHeight.value?(progressBarWidth.value=`100%`,emits(`complete`)):progressBarWidth.value=`0%`},15);async function setupScroll(){if(elementHeight.value===0){let element=document.querySelector(props.contentSelector);if(!element){console.error(`HTML Element with selector "${props.contentSelector}" not found.`);return}await nextTick(),elementHeight.value=element.offsetHeight+element.offsetTop+props.offset-window.innerHeight}window.addEventListener(`scroll`,handleScroll,{passive:!0})}return onMounted(()=>{setupScroll()}),onBeforeUnmount(()=>{window.removeEventListener(`scroll`,handleScroll)}),(_ctx,_cache)=>(openBlock(),createBlock(Teleport,{to:__props.teleportSelector},[createElementVNode(`div`,mergeProps({class:`m-reading-progress-bar m-reset-css`},_ctx.$attrs),[createElementVNode(`div`,{class:normalizeClass(__props.barClass),style:normalizeStyle({width:progressBarWidth.value??`0px`,height:__props.height,backgroundColor:barColor.value})},null,6)],16)],8,[`to`]))}}),[[`__scopeId`,`data-v-896ee160`]]);export{MazReadingProgressBar_default as t};
|
|
@@ -0,0 +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.DJjWLaKg.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,MazNoSymbol}from"@maz-ui/icons/lazy";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazChevronDown as MazChevronDown$1}from"@maz-ui/icons/static";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.B7S5Yf0F.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$1),{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-badad462`]]);export{MazSelect_default as t};
|
|
@@ -0,0 +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.yYFAbBb5.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};
|
|
@@ -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,openBlock,toDisplayString}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import '../assets/MazSkeleton.D20FGW_l.css';var _hoisted_1=[`aria-label`];var _hoisted_2={class:`maz-sr-only`};var MazSkeleton_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazSkeleton`,props:{shape:{default:`rectangle`},size:{default:`1rem`},width:{},height:{},animated:{type:Boolean,default:!0},roundedSize:{default:`md`},ariaLabel:{},loadingText:{}},setup(__props){let{t}=useTranslations();let ariaLabelValue=computed(()=>__props.ariaLabel||t(`skeleton.ariaLabel`));let loadingTextValue=computed(()=>__props.loadingText||t(`skeleton.loadingText`));let customStyles=computed(()=>{let styles={};if(__props.shape)switch(__props.shape){case`circle`:case`square`:styles.width=__props.size??__props.width,styles.height=__props.size??__props.height;break;case`rectangle`:styles.height=__props.height??__props.size,styles.width=__props.width??`100%`;break}return styles});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-skeleton m-reset-css`,[__props.shape&&`m-skeleton--${__props.shape}`,`m-skeleton--rounded-${__props.roundedSize}`,{"m-skeleton--animated":__props.animated}]]),style:normalizeStyle(customStyles.value),"aria-label":ariaLabelValue.value,role:`status`,"aria-live":`polite`},[createElementVNode(`span`,_hoisted_2,toDisplayString(loadingTextValue.value),1)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-7e7826a1`]]);export{MazSkeleton_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{Fragment,computed,createElementBlock,createElementVNode,defineComponent,nextTick,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderList,toDisplayString,watch}from"vue";import{debounce}from"@maz-ui/utils/helpers/debounce";import '../assets/MazSlider.DpWhzEK8.css';function getOffset(elem){let doc=document.documentElement;let body=document.body;let rect=elem.getBoundingClientRect();return{y:rect.top+(window.pageYOffset||doc.scrollTop)-(doc.clientTop||body.clientTop||0),x:rect.left+(window.pageXOffset||doc.scrollLeft)-(doc.clientLeft||body.clientLeft||0)}}function getPos(e,elem,isReverse=!1){let event=`targetTouches`in e?e.targetTouches[0]:e;let offset=getOffset(elem);let posObj={x:event.pageX-offset.x,y:event.pageY-offset.y};return{x:isReverse?elem.offsetWidth-posObj.x:posObj.x,y:isReverse?elem.offsetHeight-posObj.y:posObj.y}}function isBetween(value,prev,next,direction){return direction===`minus`?prev?value>=prev:!0:next?value<=next:!0}function getOpacityCoeff(index,middle,length){let currentIndex=index+1;let deviation=middle<currentIndex?currentIndex-middle:middle-currentIndex;return 100/length*deviation/100}var _hoisted_1=[`aria-valuenow`,`aria-valuemin`,`aria-valuemax`];var _hoisted_2=[`data-label`,`onMousedownPassive`,`onTouchstartPassive`,`onFocusPassive`,`onBlurPassive`,`onTouchendPassive`,`onKeydownPassive`];var MazSlider_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazSlider`,props:{modelValue:{},labels:{},min:{default:0},max:{default:100},step:{default:1},size:{},divider:{type:Boolean,default:!0},log:{type:Boolean,default:!1},color:{default:`primary`},cursorAnim:{type:Boolean,default:!0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let MazSlider=ref();let activeCursor=ref();let buttonPositions=ref();let tmpValues=ref();let buttonStyles=ref([]);let dividers=ref([]);let computedValue=computed(()=>typeof __props.modelValue==`number`?[__props.modelValue]:__props.modelValue?__props.modelValue:[0]);let minLog=computed(()=>Math.log(__props.min||1));let maxLog=computed(()=>Math.log(__props.max));let scale=computed(()=>(maxLog.value-minLog.value)/(__props.max-__props.min));let range=computed(()=>__props.max-__props.min);let wrapperStyle=computed(()=>({paddingTop:__props.labels?`2.5em`:`1em`}));let hasMultipleValues=computed(()=>Array.isArray(__props.modelValue));watch(()=>__props.modelValue,()=>tmpValues.value=computedValue.value,{immediate:!0}),watch(()=>[computedValue.value,__props.min,__props.max,__props.log].join(`,`),()=>buildComponent(!0));let resizeListenerFunction=debounce(()=>buildComponent(),300);onMounted(()=>{buildComponent(!0),window.addEventListener(`resize`,resizeListenerFunction)}),onBeforeUnmount(()=>{window.removeEventListener(`resize`,resizeListenerFunction)});async function buildComponent(emitValue){emitValue===!0&&checkValues(),await calcPos(),await nextTick();for(let[index]of computedValue.value.entries())setBtnDividers(index)}function roundToStep(value){return Math.round((value-__props.min)/__props.step)*__props.step+__props.min}function cursorKeyDown(event,i){event.key===`ArrowLeft`?tmpValues.value&&isBetween(tmpValues.value[i]-__props.step,tmpValues.value[i-1],tmpValues.value[i+1],`minus`)&&(tmpValues.value[i]=Math.max(__props.min,tmpValues.value[i]-__props.step),emitValue(tmpValues.value)):event.key===`ArrowRight`&&tmpValues.value&&isBetween(tmpValues.value[i]+__props.step,tmpValues.value[i-1],tmpValues.value[i+1],`plus`)&&(tmpValues.value[i]=Math.min(__props.max,tmpValues.value[i]+__props.step),emitValue(tmpValues.value))}function blurCursor(i){activeCursor.value=void 0,setBtnStyle(i)}function checkValues(){let valuesChecked=computedValue.value.map(v=>roundToStep(v<__props.min?__props.min:v>__props.max?__props.max:v));emitValue(valuesChecked),tmpValues.value=valuesChecked}function emitValue(values){emits(`update:model-value`,hasMultipleValues.value?[...values]:values[0])}function getLabel(i){return __props.labels?__props.labels[i]:void 0}function setBtnDividers(i){setBtnStyle(i),__props.divider&&setDividers()}async function setBtnStyle(i){await nextTick();let currentCursor=document.querySelectorAll(`.m-slider .m-slider__btn`);if(currentCursor){let width=currentCursor[i]?.clientWidth+16;let btnStyle={left:typeof buttonPositions.value?.[i]==`number`?`${buttonPositions.value[i]-width/2||1}px`:``};buttonStyles.value[i]=btnStyle}}function setDividers(){if(buttonPositions.value){let base=[...buttonPositions.value];base.push(0);let baseLength=base.length;let middle=Math.round(baseLength/2);dividers.value=base.map((pos,i)=>({left:i===0?0:`${base[i-1]}px`,right:i+1===baseLength?0:`calc( 100% - ${pos}px )`,backgroundColor:middle===i+1?void 0:i<middle?`rgba(255, 255, 255, ${getOpacityCoeff(i,middle,baseLength)})`:`rgba(0, 0, 0, ${getOpacityCoeff(i,middle,baseLength)})`}))}}async function calcPos(){await nextTick();let barWidth=MazSlider.value?.clientWidth;typeof barWidth==`number`?buttonPositions.value=tmpValues.value?.map(v=>__props.log?barWidth/__props.max*(__props.min+(Math.log(v)-minLog.value)/scale.value):barWidth/range.value*(v-__props.min)):console.warn(`[maz-ui][MazSlider] ref component not found`)}async function getCursorsValues(){await nextTick();let barWidth=MazSlider.value?.clientWidth;if(typeof barWidth==`number`)return __props.log?buttonPositions.value?.map(pos=>{let position=pos/(barWidth/__props.max);let value=Math.exp((position-__props.min)*scale.value+minLog.value);return roundToStep(Math.round(value))}):buttonPositions.value?.map(pos=>roundToStep(Math.round(pos/(barWidth/range.value))+__props.min));console.warn(`[maz-ui][MazSlider] ref component not found`)}function handleMousedown(_event,i){activeCursor.value===void 0&&(activeCursor.value=i,setBtnDividers(i))}async function handleMouseup(){if(activeCursor.value===void 0)return;let values=await getCursorsValues();values&&emitValue(values),activeCursor.value=void 0}async function handleMousemove(event){if(await nextTick(),activeCursor.value===void 0)return;let barWidth=MazSlider.value?.clientWidth;if(buttonPositions.value){let prevValue=buttonPositions.value[activeCursor.value-1]||0;let nextValue=buttonPositions.value[activeCursor.value+1]||barWidth;if(!MazSlider.value)return console.error(`[maz-ui](MazSlider/handleMousemove) MazSlider not available`);buttonPositions.value[activeCursor.value]=(()=>{let movement=getPos(event,MazSlider.value).x;return movement<prevValue?prevValue:nextValue&&movement>nextValue?nextValue:movement})(),tmpValues.value=await getCursorsValues(),setBtnDividers(activeCursor.value)}}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{style:normalizeStyle([wrapperStyle.value,{fontSize:__props.size}]),class:normalizeClass([`m-slider m-reset-css`,[`m-slider--${__props.color}`]]),role:`button`,tabindex:`-1`,onMousemovePassive:handleMousemove,onMouseupPassive:handleMouseup,onMouseleavePassive:handleMouseup,onTouchmovePassive:handleMousemove},[createElementVNode(`div`,{ref_key:`MazSlider`,ref:MazSlider,class:`m-slider__bar`,role:`slider`,"aria-valuenow":__props.modelValue?.toString(),"aria-valuemin":__props.min,"aria-valuemax":__props.max},[(openBlock(!0),createElementBlock(Fragment,null,renderList(dividers.value,(div,i)=>(openBlock(),createElementBlock(`div`,{key:`divider-${i}`,style:normalizeStyle([div]),class:`m-slider__divider`},null,4))),128)),(openBlock(!0),createElementBlock(Fragment,null,renderList(computedValue.value,(_btn,i)=>(openBlock(),createElementBlock(`button`,{key:`cursor-${i}`,type:`button`,"data-label":getLabel(i),class:normalizeClass([`m-slider__btn`,{"active-cursor":i===activeCursor.value&&__props.cursorAnim}]),style:normalizeStyle([buttonStyles.value[i]]),onMousedownPassive:$event=>handleMousedown($event,i),onTouchstartPassive:$event=>handleMousedown($event,i),onFocusPassive:$event=>handleMousedown($event,i),onBlurPassive:$event=>blurCursor(i),onTouchendPassive:$event=>blurCursor(i),onKeydownPassive:$event=>cursorKeyDown($event,i)},[createElementVNode(`span`,null,toDisplayString(tmpValues.value?.[i]),1)],46,_hoisted_2))),128))],8,_hoisted_1)],38))}}),[[`__scopeId`,`data-v-f0d4efc2`]]);export{MazSlider_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{createElementBlock,createElementVNode,defineComponent,normalizeClass,openBlock}from"vue";import '../assets/MazSpinner.CD-aBOsm.css';var _hoisted_1=[`width`,`height`];var MazSpinner_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazSpinner`,props:{size:{default:`2em`},color:{default:`theme`}},setup(__props){return(_ctx,_cache)=>(openBlock(),createElementBlock(`svg`,{width:__props.size,height:__props.size,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,x:`0px`,y:`0px`,viewBox:`0 0 50 50`,"xml:space":`preserve`,class:normalizeClass([`m-spinner m-reset-css`,`m-spinner--${__props.color}`])},[..._cache[0]||=[createElementVNode(`path`,{d:`M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z`},null,-1)]],10,_hoisted_1))}}),[[`__scopeId`,`data-v-d6d01f3d`]]);export{MazSpinner_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,openBlock,ref,renderList,renderSlot,resolveDynamicComponent,toDisplayString,unref,useSlots,withCtx}from"vue";import{MazCheckCircle,MazExclamationCircle,MazExclamationTriangle}from"@maz-ui/icons/lazy";import '../assets/MazStepper.D40wFoXK.css';var _hoisted_1=[`id`,`disabled`,`onClick`];var _hoisted_2={class:`m-stepper__header__wrapper`};var _hoisted_3={class:`m-stepper__header__point__wrapper`};var _hoisted_4={class:`m-stepper__count --primary`};var _hoisted_5={class:`m-stepper__count__circle`};var _hoisted_6={class:`m-stepper__header__content`};var _hoisted_7={class:`m-stepper__title`};var _hoisted_8=[`innerHTML`];var _hoisted_9={key:0,class:`m-stepper__subtitle`};var _hoisted_10=[`innerHTML`];var _hoisted_11={key:0,class:`m-stepper__right`};var _hoisted_12=[`innerHTML`];var _hoisted_13={class:`m-stepper__content__wrapper`};var _hoisted_14=[`innerHTML`];var MazStepper_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazStepper`,props:{modelValue:{},steps:{},color:{default:`primary`},disabledNextSteps:{type:Boolean},disabledPreviousSteps:{type:Boolean},autoValidateSteps:{type:Boolean},allStepsOpened:{type:Boolean},allStepsValidated:{type:Boolean},canCloseSteps:{type:Boolean}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazExpandAnimation=defineAsyncComponent(()=>import(`../components/MazExpandAnimation.js`));let roundStepBgColor=computed(()=>`hsl(var(--maz-${__props.color}))`);let roundStepTextColor=computed(()=>`hsl(var(--maz-${__props.color}-foreground))`);let slots=useSlots();let stepCount=computed(()=>Object.keys(slots).filter(slot=>slot.startsWith(`content-`)).length||__props.steps?.filter(step=>step.content).length||0);let localModelValue=ref(1);let currentStep=computed({get:()=>__props.modelValue??localModelValue.value,set:value=>{localModelValue.value=value,emits(`update:model-value`,value)}});function getStepStateData(step){return isStepSuccess(step)?{icon:MazCheckCircle,class:`--success`}:isStepWarning(step)?{icon:MazExclamationTriangle,class:`--warning`}:isStepError(step)?{icon:MazExclamationCircle,class:`--error`}:{class:`--normal`}}function getStepIcon(step){return __props.steps?.[step-1]?.icon}function getPropertyInStep(property,step){return __props.steps?.[step-1]?.[property]}function selectStep(step){currentStep.value===step&&__props.canCloseSteps?currentStep.value=0:step<1?currentStep.value=1:step>stepCount.value?currentStep.value=stepCount.value:currentStep.value=step}function hasDataForStep(property,step){let data=property===`titleInfo`?`title-info`:property;let hasSlot=Object.keys(slots).filter(slot=>slot.startsWith(`${data}-`)).includes(`${data}-${step}`);let hasData=!!__props.steps?.[step-1]?.[property];return hasSlot||hasData}function isStepSuccess(step){let isValidated=__props.steps?.[step-1]?.success;let hasErrorOrWarningState=isStepError(step)||isStepWarning(step);return isValidated??(__props.autoValidateSteps&&step<currentStep.value&&!hasErrorOrWarningState||__props.allStepsValidated)}function isStepDisabled(step){return __props.steps?.[step-1]?.disabled??(currentStep.value===step&&!__props.canCloseSteps||__props.disabledNextSteps&&step>currentStep.value||__props.disabledPreviousSteps&&step<currentStep.value||__props.allStepsOpened)}function isStepError(step){return __props.steps?.[step-1]?.error}function isStepWarning(step){return __props.steps?.[step-1]?.warning}function isLastStep(step){return step===stepCount.value}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:`m-stepper m-reset-css`,style:normalizeStyle([{"--round-step-bg-color":roundStepBgColor.value,"--round-step-text-color":roundStepTextColor.value}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(stepCount.value,step=>(openBlock(),createElementBlock(Fragment,{key:step},[hasDataForStep(`title`,step)?(openBlock(),createElementBlock(`button`,{key:0,id:`header-step-${step}`,type:`button`,disabled:isStepDisabled(step),class:normalizeClass([`m-stepper__header`,[{"--is-current-step":step===currentStep.value||__props.allStepsOpened,"--disabled":step!==currentStep.value&&!__props.allStepsOpened&&isStepDisabled(step)},`${getStepStateData(step).class}`]]),onClick:$event=>selectStep(step)},[createElementVNode(`div`,_hoisted_2,[createElementVNode(`div`,_hoisted_3,[renderSlot(_ctx.$slots,`point`,{step},()=>[createElementVNode(`span`,_hoisted_4,[createElementVNode(`div`,_hoisted_5,[getStepStateData(step).icon?(openBlock(),createBlock(resolveDynamicComponent(getStepStateData(step).icon),{key:0,class:`icon maz-text-xl`})):createCommentVNode(``,!0)]),renderSlot(_ctx.$slots,`icon-${step}`,{},()=>[getStepIcon(step)?(openBlock(),createElementBlock(Fragment,{key:0},[typeof getStepIcon(step)==`string`?(openBlock(),createBlock(unref(MazIcon),{key:0,name:getStepIcon(step)},null,8,[`name`])):getStepIcon(step)?(openBlock(),createBlock(resolveDynamicComponent(getStepIcon(step)),{key:1})):createCommentVNode(``,!0)],64)):(openBlock(),createElementBlock(Fragment,{key:1},[createTextVNode(toDisplayString(step),1)],64))],!0)])],!0)]),createElementVNode(`div`,_hoisted_6,[createElementVNode(`span`,_hoisted_7,[renderSlot(_ctx.$slots,`title-${step}`,{},()=>[getPropertyInStep(`title`,step)?(openBlock(),createElementBlock(`span`,{key:0,innerHTML:getPropertyInStep(`title`,step)},null,8,_hoisted_8)):createCommentVNode(``,!0)],!0)]),hasDataForStep(`subtitle`,step)?(openBlock(),createElementBlock(`span`,_hoisted_9,[renderSlot(_ctx.$slots,`subtitle-${step}`,{},()=>[getPropertyInStep(`subtitle`,step)?(openBlock(),createElementBlock(`span`,{key:0,innerHTML:getPropertyInStep(`subtitle`,step)},null,8,_hoisted_10)):createCommentVNode(``,!0)],!0)])):createCommentVNode(``,!0)])]),hasDataForStep(`titleInfo`,step)?(openBlock(),createElementBlock(`span`,_hoisted_11,[renderSlot(_ctx.$slots,`title-info-${step}`,{},()=>[getPropertyInStep(`titleInfo`,step)?(openBlock(),createElementBlock(`span`,{key:0,innerHTML:getPropertyInStep(`titleInfo`,step)},null,8,_hoisted_12)):createCommentVNode(``,!0)],!0)])):createCommentVNode(``,!0)],10,_hoisted_1)):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`m-stepper__content`,{"--no-border":isLastStep(step)}])},[createVNode(unref(MazExpandAnimation),{"model-value":__props.allStepsOpened||currentStep.value===step,"aria-labelledby":`header-step-${step}`},{default:withCtx(()=>[createElementVNode(`div`,_hoisted_13,[renderSlot(_ctx.$slots,`content-${step}`,{validated:isStepSuccess(step),error:isStepError(step),warning:isStepWarning(step),nextStep:()=>selectStep(step+1),previousStep:()=>selectStep(step-1)},()=>[getPropertyInStep(`content`,step)?(openBlock(),createElementBlock(`span`,{key:0,innerHTML:getPropertyInStep(`content`,step)},null,8,_hoisted_14)):createCommentVNode(``,!0)],!0)])]),_:2},1032,[`model-value`,`aria-labelledby`])],2)],64))),128))],4))}}),[[`__scopeId`,`data-v-1f5f1962`]]);export{MazStepper_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderSlot,toDisplayString,unref}from"vue";import '../assets/MazSwitch.BsABVQx2.css';var _hoisted_1=[`for`,`aria-checked`];var _hoisted_2=[`id`,`name`,`checked`,`aria-label`,`disabled`];var _hoisted_3={key:0,class:`m-switch__text`};var MazSwitch_default=defineComponent({inheritAttrs:!1,__name:`MazSwitch`,props:{style:{type:[Boolean,null,String,Object,Array],default:void 0},class:{type:[Boolean,null,String,Object,Array],default:void 0},modelValue:{type:Boolean,default:!1},id:{default:void 0},disabled:{type:Boolean,default:!1},name:{default:void 0},label:{},color:{default:`primary`},error:{type:Boolean},success:{type:Boolean},warning:{type:Boolean},hint:{}},emits:[`update:model-value`,`change`,`blur`,`focus`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let instanceId=useInstanceUniqId({componentName:`MazSwitch`,providedId:props.id});let bgColorClassVar=computed(()=>`hsl(var(--maz-${props.color}))`);function emit(){emits(`update:model-value`,!props.modelValue),emits(`change`,!props.modelValue)}let inputRef=ref();function keyboardHandler(event){[`Space`].includes(event.code)&&(event.preventDefault(),emit())}function onBlur(event){inputRef.value?.dispatchEvent(new Event(`blur`)),emits(`blur`,event)}function onFocus(event){inputRef.value?.dispatchEvent(new Event(`focus`)),emits(`focus`,event)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{for:unref(instanceId),class:normalizeClass([`m-switch m-reset-css`,[{"--is-disabled":__props.disabled},props.class]]),role:`switch`,style:normalizeStyle([__props.style,{"--switch-color":bgColorClassVar.value}]),"aria-checked":__props.modelValue,tabindex:`0`,onBlur,onFocus,onKeydown:keyboardHandler},[createElementVNode(`input`,mergeProps({id:unref(instanceId)},_ctx.$attrs,{ref_key:`inputRef`,ref:inputRef,type:`checkbox`,name:__props.name,tabindex:`-1`,checked:__props.modelValue,"aria-label":__props.label,disabled:__props.disabled,class:`m-switch__input`,onChange:emit}),null,16,_hoisted_2),_cache[0]||=createElementVNode(`span`,{class:`m-switch__toggle`},null,-1),_ctx.$slots.default||__props.label||__props.hint?(openBlock(),createElementBlock(`span`,_hoisted_3,[renderSlot(_ctx.$slots,`default`,{value:__props.modelValue},()=>[createTextVNode(toDisplayString(__props.label),1)]),__props.hint?(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-switch__hint`,{"--error":__props.error,"--success":__props.success,"--warning":__props.warning}])},toDisplayString(__props.hint),3)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],46,_hoisted_1))}});export{MazSwitch_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,onBeforeMount,openBlock,provide,ref,renderList,renderSlot,toDisplayString,toRefs,unref,useCssVars,useSlots,watch,withCtx}from"vue";import{MazArrowUp,MazChevronDoubleLeft,MazChevronLeft,MazMagnifyingGlass}from"@maz-ui/icons/lazy";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import '../assets/MazTable.Dip-n-1s.css';var _hoisted_1={key:0,class:`m-table-header`};var _hoisted_2={key:0,class:`m-table-spacer`};var _hoisted_3={class:`m-table-header-title`};var _hoisted_4={key:1,class:`m-table-header-search`};var _hoisted_5={key:0};var _hoisted_6={key:1};var _hoisted_7={key:0,class:`m-table-sort-icon-wrapper`};var _hoisted_8={class:`maz-text-center maz-text-muted`};var _hoisted_9={key:1,class:`m-table-footer`};var _hoisted_10={key:0,class:`m-table-footer-pagination`};var _hoisted_11={class:`m-table-footer-pagination-items-per-page`};var _hoisted_12={class:`maz-hidden maz-text-sm tab-s:maz-block`};var _hoisted_13={key:0,class:`maz-whitespace-nowrap maz-text-sm`};var _hoisted_14={class:`m-table-footer-pagination-buttons`};var mazTableKey=Symbol(`maz-table`);var MazTable_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTable`,props:{tableClass:{type:[Boolean,null,String,Object,Array]},tableStyle:{type:[Boolean,null,String,Object,Array]},modelValue:{},size:{default:`md`},inputSize:{},title:{},headers:{},sortable:{type:Boolean},headersAlign:{default:`left`},rows:{},hoverable:{type:Boolean},search:{type:Boolean},hideSearchInRow:{type:Boolean},hideSearchBy:{type:Boolean},searchQuery:{},backgroundOdd:{type:Boolean},backgroundEven:{type:Boolean},elevation:{type:Boolean},divider:{type:Boolean,default:!1},caption:{},captionSide:{default:`bottom`},pagination:{type:Boolean},page:{default:1},pageSize:{default:20},totalPages:{},paginateRows:{type:Boolean,default:!0},totalItems:{},loading:{type:Boolean},selectable:{type:Boolean},selectedKey:{},tableLayout:{},color:{default:`primary`},translations:{},roundedSize:{default:`lg`},scrollable:{type:Boolean,default:!1}},emits:[`update:model-value`,`update:search-query`,`update:page`,`update:page-size`],setup(__props,{emit:__emit}){useCssVars(_ctx=>({v19f2cb1e:_ctx.tableLayout,v7a969236:_ctx.captionSide}));let props=__props;let emits=__emit;let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let MazCheckbox=defineAsyncComponent(()=>import(`../components/MazCheckbox.js`));let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let MazLoadingBar=defineAsyncComponent(()=>import(`../components/MazLoadingBar.js`));let MazSelect=defineAsyncComponent(()=>import(`../components/MazSelect.js`));let MazTableCell=defineAsyncComponent(()=>import(`../components/MazTableCell.js`));let MazTableRowComponent=defineAsyncComponent(()=>import(`../components/MazTableRow.js`));let MazTableTitle=defineAsyncComponent(()=>import(`../components/MazTableTitle.js`));let{t}=useTranslations();let messages=computed(()=>({noResults:props.translations?.noResults??t(`table.noResults`),actionColumnTitle:props.translations?.actionColumnTitle??t(`table.actionColumnTitle`),searchByInput:{all:props.translations?.searchByInput?.all??t(`table.searchByInput.all`),placeholder:props.translations?.searchByInput?.placeholder??t(`table.searchByInput.placeholder`)},searchInput:{placeholder:props.translations?.searchInput?.placeholder??t(`table.searchInput.placeholder`)},pagination:{all:props.translations?.pagination?.all??t(`table.pagination.all`),rowsPerPage:props.translations?.pagination?.rowsPerPage??t(`table.pagination.rowsPerPage`),of:props.translations?.pagination?.of??t(`table.pagination.of`)}}));let hasDivider=computed(()=>props.divider&&!props.backgroundEven&&!props.backgroundOdd);let{size,hoverable,backgroundEven,backgroundOdd}=toRefs(props);provide(mazTableKey,{size,hoverable,backgroundEven,backgroundOdd});let rowsNormalized=ref(getNormalizedRows());let isSelectable=computed(()=>props.selectable||!!props.selectedKey);let currentPage=ref(props.page);watch(()=>props.page,value=>{currentPage.value=value});let currentPageModel=computed({get:()=>currentPage.value,set:value=>{currentPage.value=value,emits(`update:page`,value)}});let pageSizeOptions=computed(()=>[{label:messages.value.pagination.all,value:1/0},{label:5,value:5},{label:10,value:10},{label:20,value:20},{label:50,value:50},{label:100,value:100},{label:200,value:200}]);let pageSizeModelInternal=ref(props.pageSize);watch(()=>props.pageSize,value=>{pageSizeModelInternal.value=value});let pageSizeModel=computed({get:()=>pageSizeModelInternal.value,set:value=>{pageSizeModelInternal.value=value,emits(`update:page-size`,value)}});let totalPagesInternal=computed(()=>props.totalPages?props.totalPages:pageSizeModel.value===1/0||!totalItemsInternal.value?1:Math.ceil(totalItemsInternal.value/pageSizeModel.value));let totalItemsInternal=computed(()=>props.totalItems??props.rows?.length);let rowsOfPage=computed(()=>{if(!props.pagination||!props.paginateRows||pageSizeModel.value===1/0)return rowsNormalized.value;let start=(currentPage.value-1)*pageSizeModel.value;let end=start+pageSizeModel.value;return rowsNormalized.value.slice(start,end)});let rowsFromTo=computed(()=>({from:(currentPage.value-1)*pageSizeModel.value+1,to:Math.min(currentPage.value*pageSizeModel.value,totalItemsInternal.value??0)}));function firstPage(){currentPageModel.value=1}function lastPage(){currentPageModel.value=totalPagesInternal.value}function previousPage(){currentPageModel.value--}function nextPage(){currentPageModel.value++}watch(()=>[props.rows,props.modelValue],()=>{rowsNormalized.value=getNormalizedRows()});let sortedColumnIndex=ref();let sortType=ref();let headersNormalized=computed(()=>getNormalizedHeaders(props.headers));let searchByKey=ref();let searchByOptions=computed(()=>{let headerOptions=headersNormalized.value.map(({label,key})=>({label,value:key}));return[{label:messages.value.searchByInput.all,value:null},...headerOptions]});let searchQueryModelInternal=ref(props.searchQuery);watch(()=>props.searchQuery,value=>{searchQueryModelInternal.value=value});let searchQueryModel=computed({get:()=>searchQueryModelInternal.value,set:value=>{searchQueryModelInternal.value=value,emits(`update:search-query`,value)}});function getSortedRows(rows){return rows.toSorted((a,b)=>{if(sortedColumnIndex.value===void 0||sortType.value===void 0)return 0;let aValue=a[headersNormalized.value[sortedColumnIndex.value].key];let bValue=b[headersNormalized.value[sortedColumnIndex.value].key];return typeof aValue==`string`&&typeof bValue==`string`?sortType.value===`ASC`?aValue.localeCompare(bValue):bValue.localeCompare(aValue):sortType.value===`ASC`?aValue-bValue:bValue-aValue})}function getFilteredRows(rows){if(props.hideSearchInRow||typeof searchQueryModel.value!=`string`)return rowsOfPage.value;let query=searchQueryModel.value.toLowerCase();return[...rows].filter(row=>searchByKey.value?String(row[searchByKey.value]).toLowerCase().includes(query):Object.values(row).some(value=>typeof value==`string`||typeof value==`number`||typeof value==`boolean`?String(value).toLowerCase().includes(query):!1))}let rowsFiltered=computed(()=>getSortedRows(getFilteredRows(rowsOfPage.value)));let slots=useSlots();let hasHeader=computed(()=>props.search||!!props.title||!!slots.title);let hasFooter=computed(()=>props.pagination);function getNormalizedHeaders(headers){return headers?.map(header=>typeof header==`string`?{label:header,align:props.headersAlign}:{align:props.headersAlign,thHeaders:header.headers,...header})??[]}function getNormalizedRows(){return props.rows?.map(row=>({selected:props.modelValue?.includes(props.selectedKey?row[props.selectedKey]:row),...row}))??[]}function sortColumn(columnIndex){columnIndex===sortedColumnIndex.value?sortType.value=sortType.value===void 0?`DESC`:sortType.value===`DESC`?`ASC`:void 0:sortType.value=`DESC`,sortedColumnIndex.value=sortType.value===void 0?void 0:columnIndex}let allSelected=computed({get:()=>rowsFiltered.value.every(row=>row.selected)??!1,set:selectAll});function selectAll(value){for(let row of rowsFiltered.value)row.selected=value;emitValues()}function selectRow(value,index){rowsFiltered.value[index].selected=value,emitValues()}function emitValues(selectedRows){selectedRows??=getSelectedRows(),emits(`update:model-value`,selectedRows?.length?selectedRows:void 0)}function getSelectedRows(){return rowsNormalized.value.filter(row=>row.selected).map(row=>props.selectedKey?row[props.selectedKey]:row)}return onBeforeMount(()=>{let selectedRows=getSelectedRows();selectedRows?.length&&emitValues(selectedRows)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-table m-reset-css`,{"--has-header":hasHeader.value}])},[hasHeader.value?(openBlock(),createElementBlock(`div`,_hoisted_1,[__props.title||_ctx.$slots.title?(openBlock(),createElementBlock(`div`,_hoisted_2,[renderSlot(_ctx.$slots,`title`,{},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(__props.title),1)],!0)])):createCommentVNode(``,!0),__props.search?(openBlock(),createElementBlock(`div`,_hoisted_4,[__props.hideSearchBy?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazSelect),{key:0,modelValue:searchByKey.value,"onUpdate:modelValue":_cache[0]||=$event=>searchByKey.value=$event,"rounded-size":__props.roundedSize,color:__props.color,style:{width:`8rem`},placeholder:messages.value.searchByInput.placeholder,size:__props.inputSize??unref(size),options:searchByOptions.value},null,8,[`modelValue`,`rounded-size`,`color`,`placeholder`,`size`,`options`])),createVNode(unref(MazInput),{modelValue:searchQueryModel.value,"onUpdate:modelValue":_cache[1]||=$event=>searchQueryModel.value=$event,size:__props.inputSize??unref(size),"rounded-size":__props.roundedSize,color:__props.color,debounce:300,placeholder:messages.value.searchInput.placeholder,"left-icon":unref(MazMagnifyingGlass)},null,8,[`modelValue`,`size`,`rounded-size`,`color`,`placeholder`,`left-icon`])])):createCommentVNode(``,!0)])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`m-table-wrapper`,[`--rounded-${__props.roundedSize}`,{"--scrollable":__props.scrollable}]])},[createElementVNode(`table`,{class:normalizeClass([{"--elevation":__props.elevation,"--has-layout":__props.tableLayout},__props.tableClass]),style:normalizeStyle(__props.tableStyle)},[__props.caption||_ctx.$slots.caption?(openBlock(),createElementBlock(`caption`,_hoisted_5,[renderSlot(_ctx.$slots,`caption`,{},()=>[createTextVNode(toDisplayString(__props.caption),1)],!0)])):createCommentVNode(``,!0),headersNormalized.value?(openBlock(),createElementBlock(`thead`,_hoisted_6,[renderSlot(_ctx.$slots,`thead`,{},()=>[createVNode(unref(MazTableRowComponent),{"is-head":``},{default:withCtx(()=>[isSelectable.value?(openBlock(),createBlock(unref(MazTableTitle),{key:0,align:`left`,class:normalizeClass([`--${unref(size)}`,`m-table-select-column`])},{default:withCtx(()=>[createVNode(unref(MazCheckbox),{modelValue:allSelected.value,"onUpdate:modelValue":_cache[2]||=$event=>allSelected.value=$event,size:`sm`},null,8,[`modelValue`])]),_:1},8,[`class`])):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(headersNormalized.value,(header,columnIndex)=>(openBlock(),createBlock(unref(MazTableTitle),{key:columnIndex,scope:header.scope,align:header.align,rowspan:header.rowspan,colspan:header.colspan,headers:header.thHeaders,style:normalizeStyle({width:header.width,textAlign:header.align}),class:normalizeClass([`maz-group`,[{"--hidden":header.hidden,"--sortable":header.sortable??__props.sortable},header.classes,`--${unref(size)}`]]),onClick:$event=>(header.sortable??__props.sortable)&&sortColumn(columnIndex)},{default:withCtx(()=>[createElementVNode(`span`,{class:normalizeClass({"maz-sr-only":header.srOnly})},[renderSlot(_ctx.$slots,`header`,{header,label:header.label},()=>[renderSlot(_ctx.$slots,`header-label-${header.key}`,{header,label:header.label},()=>[createTextVNode(toDisplayString(header.label),1)],!0),header.sortable??__props.sortable?(openBlock(),createElementBlock(`div`,_hoisted_7,[createVNode(unref(MazArrowUp),{class:normalizeClass([`m-table-sort-icon maz-hidden group-hover:maz-block`,{"--sorted":columnIndex===sortedColumnIndex.value,"--up":sortType.value===`DESC`,"--down":sortType.value===`ASC`}])},null,8,[`class`])])):createCommentVNode(``,!0)],!0)],2)]),_:2},1032,[`scope`,`align`,`rowspan`,`colspan`,`headers`,`style`,`class`,`onClick`]))),128)),_ctx.$slots.actions?(openBlock(),createBlock(unref(MazTableTitle),{key:1,align:`left`,class:normalizeClass(`--${unref(size)}`)},{default:withCtx(()=>[renderSlot(_ctx.$slots,`actions-header`,{},()=>[createTextVNode(toDisplayString(messages.value.actionColumnTitle),1)],!0)]),_:3},8,[`class`])):createCommentVNode(``,!0)]),_:3})],!0)])):createCommentVNode(``,!0),__props.loading?(openBlock(),createBlock(unref(MazLoadingBar),{key:2,color:__props.color,class:`!maz-absolute`},null,8,[`color`])):createCommentVNode(``,!0),createElementVNode(`tbody`,{class:normalizeClass({"--divider":hasDivider.value})},[renderSlot(_ctx.$slots,`default`,{},()=>[rowsFiltered.value.length>0?(openBlock(!0),createElementBlock(Fragment,{key:0},renderList(rowsFiltered.value,(row,rowIndex)=>(openBlock(),createBlock(unref(MazTableRowComponent),{key:rowIndex,class:normalizeClass(row.classes),onClick:$event=>row.action&&row.action(row)},{default:withCtx(()=>[isSelectable.value?(openBlock(),createBlock(unref(MazTableCell),{key:0,class:`m-table-select-column`},{default:withCtx(()=>[renderSlot(_ctx.$slots,`select`,{row,selected:row.selected},()=>[createVNode(unref(MazCheckbox),{size:`sm`,"model-value":row.selected,"onUpdate:modelValue":$event=>selectRow($event,rowIndex)},null,8,[`model-value`,`onUpdate:modelValue`])],!0)]),_:2},1024)):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(headersNormalized.value,({key,align,classes},dataIndex)=>(openBlock(),createBlock(unref(MazTableCell),{key:dataIndex,align,class:normalizeClass(classes)},{default:withCtx(()=>[key?renderSlot(_ctx.$slots,`cell`,{key:0,row,value:row[key]},()=>[renderSlot(_ctx.$slots,`cell-${key}`,{row,value:row[key]},()=>[createTextVNode(toDisplayString(row[key]),1)],!0)],!0):createCommentVNode(``,!0)]),_:2},1032,[`align`,`class`]))),128)),_ctx.$slots.actions?(openBlock(),createBlock(unref(MazTableCell),{key:1},{default:withCtx(()=>[renderSlot(_ctx.$slots,`actions`,{row},void 0,!0)]),_:2},1024)):createCommentVNode(``,!0)]),_:2},1032,[`class`,`onClick`]))),128)):(openBlock(),createBlock(unref(MazTableRowComponent),{key:1},{default:withCtx(()=>[createVNode(unref(MazTableCell),{colspan:headersNormalized.value.length+(isSelectable.value?1:0)+(_ctx.$slots.actions?1:0)},{default:withCtx(()=>[renderSlot(_ctx.$slots,`no-results`,{},()=>[createElementVNode(`p`,_hoisted_8,[renderSlot(_ctx.$slots,`no-results-text`,{},()=>[createTextVNode(toDisplayString(messages.value.noResults),1)],!0)])],!0)]),_:3},8,[`colspan`])]),_:3}))],!0)],2)],6)],2),hasFooter.value?(openBlock(),createElementBlock(`div`,_hoisted_9,[_cache[4]||=createElementVNode(`div`,{class:`m-table-spacer`},null,-1),__props.pagination?(openBlock(),createElementBlock(`div`,_hoisted_10,[createElementVNode(`div`,_hoisted_11,[createElementVNode(`span`,_hoisted_12,toDisplayString(messages.value.pagination.rowsPerPage),1),createVNode(unref(MazSelect),{modelValue:pageSizeModel.value,"onUpdate:modelValue":_cache[3]||=$event=>pageSizeModel.value=$event,options:pageSizeOptions.value,"rounded-size":__props.roundedSize,size:__props.inputSize??unref(size),color:__props.color,"list-position":`top`,style:{width:`5rem`}},null,8,[`modelValue`,`options`,`rounded-size`,`size`,`color`])]),totalPagesInternal.value?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(rowsFromTo.value.from)+` - `+toDisplayString(rowsFromTo.value.to)+` `+toDisplayString(messages.value.pagination.of)+` `+toDisplayString(totalItemsInternal.value),1)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_14,[createVNode(unref(MazBtn),{disabled:currentPageModel.value===1,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":__props.roundedSize,onClick:firstPage},{default:withCtx(()=>[createVNode(unref(MazChevronDoubleLeft),{class:`maz-text-base`})]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===1,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":__props.roundedSize,onClick:previousPage},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-text-base`})]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===totalPagesInternal.value,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":__props.roundedSize,onClick:nextPage},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-rotate-180 maz-text-base`})]),_:1},8,[`disabled`,`size`,`rounded-size`]),createVNode(unref(MazBtn),{disabled:currentPageModel.value===totalPagesInternal.value,size:__props.inputSize??unref(size),color:`transparent`,"rounded-size":__props.roundedSize,onClick:lastPage},{default:withCtx(()=>[createVNode(unref(MazChevronDoubleLeft),{class:`maz-rotate-180 maz-text-base`})]),_:1},8,[`disabled`,`size`,`rounded-size`])])])):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],2))}}),[[`__scopeId`,`data-v-06d3d24b`]]);export{mazTableKey as n,MazTable_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazTableKey}from"./MazTable.DnOehvN6.js";import{createElementBlock,defineComponent,normalizeClass,openBlock,renderSlot,unref}from"vue";import '../assets/MazTableCell.B5eudh73.css';var MazTableCell_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTableCell`,setup(__props){let{size}=useInjectStrict(mazTableKey);return(_ctx,_cache)=>(openBlock(),createElementBlock(`td`,{class:normalizeClass([`m-table-cell m-reset-css`,[`--${unref(size)}`]])},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-83698c73`]]);export{MazTableCell_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazTableKey}from"./MazTable.DnOehvN6.js";import{createElementBlock,defineComponent,normalizeClass,openBlock,renderSlot,unref}from"vue";import '../assets/MazTableRow.DD1Cwtss.css';var MazTableRow_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTableRow`,props:{hoverable:{type:Boolean,default:!0},isHead:{type:Boolean,default:!1}},setup(__props){let{backgroundEven,backgroundOdd,hoverable:injectedHoverable}=useInjectStrict(mazTableKey);return(_ctx,_cache)=>(openBlock(),createElementBlock(`tr`,{class:normalizeClass([`m-table-row m-reset-css`,{"--hoverable":unref(injectedHoverable)&&__props.hoverable&&!__props.isHead,"--background-odd":unref(backgroundOdd),"--background-even":unref(backgroundEven)}])},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-6d32024a`]]);export{MazTableRow_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazTableKey}from"./MazTable.DnOehvN6.js";import{createElementBlock,defineComponent,normalizeClass,openBlock,renderSlot,unref}from"vue";import '../assets/MazTableTitle.TySlOaCv.css';var MazTableTitle_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTableTitle`,setup(__props){let{size}=useInjectStrict(mazTableKey);return(_ctx,_cache)=>(openBlock(),createElementBlock(`th`,{class:normalizeClass([`m-table-title m-reset-css`,[`--${unref(size)}`]])},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-a8c56ea9`]]);export{MazTableTitle_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{computed,createElementBlock,defineComponent,openBlock,provide,ref,renderSlot}from"vue";var _hoisted_1={class:`m-tabs m-reset-css`};var MazTabs_default=defineComponent({__name:`MazTabs`,props:{modelValue:{}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let localValue=ref(1);let currentTab=computed({get:()=>props.modelValue??localValue.value,set:index=>{localValue.value=index,emits(`update:model-value`,index)}});function updateCurrentTab(index){return currentTab.value=index,index}return provide(`maz-tabs`,{currentTab,updateCurrentTab}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazTabs_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInjectStrict}from"../composables/useInjectStrict.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,onMounted,openBlock,ref,renderList,renderSlot,toDisplayString,unref,watch,withCtx}from"vue";import{sleep}from"@maz-ui/utils/helpers/sleep";import '../assets/MazTabsBar.Bok1O7TL.css';var _hoisted_1=[`disabled`,`onClick`];var MazTabsBar_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTabsBar`,props:{items:{},persistent:{type:Boolean,default:!1},queryParam:{default:`tab`},block:{type:Boolean,default:!1},elevation:{type:Boolean,default:!1},autoScroll:{type:Boolean,default:!0},bordered:{type:Boolean,default:!0}},setup(__props){let MazBadge=defineAsyncComponent(()=>import(`../components/MazBadge.js`));let{currentTab,updateCurrentTab}=useInjectStrict(`maz-tabs`);function selectTab(tabIndex){updateCurrentTab(tabIndex+1),__props.persistent&&addOrUpdateQueryParamTab(tabIndex+1)}let tabsBarRef=ref();let itemRefs=ref([]);function isActiveTab(index){return currentTab.value===index+1}function addElementToItemRefs({mazBtn,index}){itemRefs.value[index]=mazBtn&&`$el`in mazBtn?mazBtn.$el:mazBtn}let normalizedItems=computed(()=>__props.items.map(item=>({label:typeof item==`string`?item:item.label,disabled:typeof item==`string`?!1:item.disabled??!1,badge:typeof item==`string`?void 0:item.badge})));let tabsIndicatorState=ref();let tabsBarHasScrollAnimation=ref(!1);async function setIndicatorAndScroll(){if(!__props.autoScroll)return;await sleep(150);let tabsBar=tabsBarRef.value;let activeTab=itemRefs.value[currentTab.value-1];if(!tabsBar||!activeTab)return;if(activeTab.offsetLeft-50<tabsBar.scrollLeft||activeTab.offsetLeft+activeTab.offsetWidth>tabsBar.scrollLeft+tabsBar.clientWidth){let tabBarPaddingLeft=globalThis.getComputedStyle(tabsBar,`padding-left`).paddingLeft;let tabsBarPaddingOffset=Number(tabBarPaddingLeft.slice(0,-2));tabsBar.scrollTo({left:activeTab.offsetLeft-tabsBarPaddingOffset-50,behavior:tabsBarHasScrollAnimation.value?`smooth`:`instant`})}if(typeof currentTab.value!=`number`)return;let indicatorWidth=activeTab?.offsetWidth??0;let indicatorHeight=activeTab?.offsetHeight??0;tabsIndicatorState.value={transform:`translateX(${activeTab?.offsetLeft??0}px)`,width:`${indicatorWidth}px`,height:`${indicatorHeight}px`},tabsBarHasScrollAnimation.value=!0}function getTabStyle(index,disabled){return disabled?{}:currentTab.value===index+1?`color: hsl(var(--maz-foreground))`:`color: hsl(var(--maz-muted))`}onBeforeMount(()=>{(currentTab.value<1||currentTab.value>normalizedItems.value.length)&&console.error(`[maz-ui](MazTabsBar) The model-value should be between 1 and ${normalizedItems.value.length}`)}),onMounted(()=>{(__props.persistent||currentTab.value)&&setIndicatorAndScroll()}),watch(()=>[currentTab.value,normalizedItems.value],()=>{setIndicatorAndScroll()});function getQueryParamTab(){let urlActuelle=new URL(globalThis.location.href);return Number(urlActuelle.searchParams.get(__props.queryParam))}function addOrUpdateQueryParamTab(tab){let urlActuelle=new URL(globalThis.location.href);urlActuelle.searchParams.set(__props.queryParam,String(tab)),globalThis.history.replaceState({},document.title,urlActuelle.toString())}return onMounted(()=>{__props.persistent&&updateCurrentTab(getQueryParamTab()||currentTab.value||1)}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`tabsBarRef`,ref:tabsBarRef,class:normalizeClass([`m-tabs-bar m-reset-css`,{"--block":__props.block,"--elevation":__props.elevation,"--bordered":__props.bordered}])},[createElementVNode(`div`,{class:normalizeClass([`m-tabs-bar__indicator`,{"--animated":tabsBarHasScrollAnimation.value}]),style:normalizeStyle([tabsIndicatorState.value])},null,6),(openBlock(!0),createElementBlock(Fragment,null,renderList(normalizedItems.value,(item,index)=>(openBlock(),createElementBlock(`button`,{key:index,ref_for:!0,ref:mazBtn=>addElementToItemRefs({mazBtn,index}),class:normalizeClass([{"--active":isActiveTab(index),"--disabled":item.disabled},`m-tabs-bar__item`]),disabled:item.disabled,style:normalizeStyle(getTabStyle(index,item.disabled)),onClick:$event=>item.disabled?void 0:selectTab(index)},[renderSlot(_ctx.$slots,`item`,{item,active:isActiveTab(index),index},()=>[createTextVNode(toDisplayString(item.label)+` `,1),item.badge?(openBlock(),createBlock(unref(MazBadge),mergeProps({key:0,ref_for:!0},item.badge,{size:item.badge.size??`0.7rem`,class:`m-tabs-bar__item__badge`}),{default:withCtx(()=>[renderSlot(_ctx.$slots,`badge-content`,{content:item.badge.content},()=>[createTextVNode(toDisplayString(item.badge.content),1)],!0)]),_:2},1040,[`size`])):createCommentVNode(``,!0)],!0)],14,_hoisted_1))),128))],2))}}),[[`__scopeId`,`data-v-060189e6`]]);export{MazTabsBar_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{createElementBlock,defineComponent,normalizeClass,openBlock,ref,renderSlot,watch}from"vue";import{debounce}from"@maz-ui/utils/helpers/debounce";var MazTabsContent_default=defineComponent({__name:`MazTabsContent`,setup(__props){let hideOverflow=ref(!1);let{currentTab}=useInjectStrict(`maz-tabs`);let allowOverFlow=debounce(()=>{hideOverflow.value=!1},700);function setOverflowHiddenTemp(){hideOverflow.value=!0,allowOverFlow()}return watch(()=>currentTab.value,()=>setOverflowHiddenTemp(),{immediate:!0}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-tabs-content m-reset-css maz-relative`,{"maz-overflow-hidden":hideOverflow.value}])},[renderSlot(_ctx.$slots,`default`)],2))}});export{MazTabsContent_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInjectStrict}from"../composables/useInjectStrict.js";import{Transition,computed,createBlock,createCommentVNode,createElementBlock,defineComponent,openBlock,ref,renderSlot,watch,withCtx}from"vue";import '../assets/MazTabsContentItem.DDqyeerI.css';var _hoisted_1={key:0,class:`m-tabs-content-item m-reset-css`};var MazTabsContentItem_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTabsContentItem`,props:{tab:{type:Number,required:!0}},setup(__props){let props=__props;let transitionName=ref(`maz-tab-transition`);let{currentTab}=useInjectStrict(`maz-tabs`);watch(()=>currentTab.value,(value,oldValue)=>{typeof value==`number`&&typeof oldValue==`number`&&(transitionName.value=oldValue<value?`maz-tab-transition`:`maz-tab-reverse-transition`)},{immediate:!0});let itemTabNumber=computed(()=>props.tab-1);let isCurrentTab=computed(()=>currentTab.value-1===itemTabNumber.value);return(_ctx,_cache)=>(openBlock(),createBlock(Transition,{name:transitionName.value},{default:withCtx(()=>[isCurrentTab.value?(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`default`,{},void 0,!0)])):createCommentVNode(``,!0)]),_:3},8,[`name`]))}}),[[`__scopeId`,`data-v-6bb4cb81`]]);export{MazTabsContentItem_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderSlot,toDisplayString,toHandlers,unref,useSlots,vModelText,withDirectives}from"vue";import{TextareaAutogrow}from"@maz-ui/utils/helpers/TextareaAutogrow";import '../assets/MazTextarea.BoieTehH.css';var _hoisted_1=[`for`];var _hoisted_2=[`for`];var _hoisted_3={key:1};var _hoisted_4={key:2};var _hoisted_5=[`id`,`placeholder`,`name`,`disabled`,`required`];var _hoisted_6={key:1,class:`m-textarea__append`};var MazTextarea_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazTextarea`,props:{style:{type:[Boolean,null,String,Object,Array],default:void 0},class:{type:[Boolean,null,String,Object,Array],default:void 0},modelValue:{default:void 0},id:{default:void 0},name:{default:`MazTextarea`},label:{default:void 0},placeholder:{default:void 0},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{default:void 0},color:{default:`primary`},roundedSize:{},padding:{type:Boolean,default:!0},transparent:{type:Boolean,default:!1},border:{type:Boolean,default:!0},appendJustify:{default:`end`}},emits:[`update:model-value`,`input`,`focus`,`blur`,`change`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let textareaAutogrow;let instanceId=useInstanceUniqId({componentName:`MazTextarea`,providedId:props.id});let TextareaElement=ref();let isFocused=ref(!1);let hasValue=computed(()=>props.modelValue!==void 0&&props.modelValue!==``);onMounted(()=>{TextareaElement.value&&(textareaAutogrow=new TextareaAutogrow(TextareaElement.value))}),onBeforeUnmount(()=>{textareaAutogrow?.disconnect()});let inputValue=computed({get:()=>props.modelValue,set:value=>{emits(`update:model-value`,value),emits(`input`,value)}});function focus(event){emits(`focus`,event),isFocused.value=!0}function blur(event){emits(`blur`,event),isFocused.value=!1}function change(event){emits(`change`,event)}let slots=useSlots();let hasLabelOrHint=computed(()=>props.label||props.hint||!!slots.label);let shouldUp=computed(()=>hasLabelOrHint.value&&(hasValue.value||!!props.placeholder));let hasAppend=computed(()=>!!slots.append);let borderStyle=computed(()=>{if(props.error)return`maz-border-destructive`;if(props.success)return`maz-border-success`;if(props.warning)return`maz-border-warning`;if(isFocused.value){if(props.color===`destructive`)return`maz-border-destructive`;if(props.color===`info`)return`maz-border-info`;if(props.color===`primary`)return`maz-border-primary`;if(props.color===`secondary`)return`maz-border-secondary`;if(props.color===`success`)return`maz-border-success`;if(props.color===`warning`)return`maz-border-warning`}return`--default-border`});let hasBorderStyle=computed(()=>borderStyle.value!==`--default-border`);return(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{class:normalizeClass([`m-textarea m-reset-css`,[{"--is-disabled":__props.disabled,"--has-label":hasLabelOrHint.value,"--background-transparent":__props.transparent,"--padding":__props.padding,"--border":__props.border,"--has-border-style":hasBorderStyle.value,"--should-up":shouldUp.value},borderStyle.value,__props.roundedSize?`--rounded-${__props.roundedSize}`:`--rounded`,props.class]]),for:unref(instanceId),style:normalizeStyle([__props.style,`--append-justify: ${__props.appendJustify}`])},[hasLabelOrHint.value?(openBlock(),createElementBlock(`label`,{key:0,for:unref(instanceId),class:normalizeClass([`m-textarea__label`,[{"maz-text-destructive-600":__props.error,"maz-text-success-600":__props.success,"maz-text-warning-600":__props.warning,"--has-state":__props.error||__props.warning||__props.success}]])},[__props.hint?(openBlock(),createElementBlock(`span`,_hoisted_3,toDisplayString(__props.hint),1)):renderSlot(_ctx.$slots,`label`,{key:0},()=>[createTextVNode(toDisplayString(__props.label),1)],!0),__props.required?(openBlock(),createElementBlock(`sup`,_hoisted_4,`*`)):createCommentVNode(``,!0)],10,_hoisted_2)):createCommentVNode(``,!0),withDirectives(createElementVNode(`textarea`,mergeProps({id:unref(instanceId),ref_key:`TextareaElement`,ref:TextareaElement},_ctx.$attrs,{"onUpdate:modelValue":_cache[0]||=$event=>inputValue.value=$event,placeholder:__props.placeholder,name:__props.name,disabled:__props.disabled,required:__props.required,class:{"--has-append":hasAppend.value}},toHandlers({blur,focus,change},!0)),null,16,_hoisted_5),[[vModelText,inputValue.value]]),hasAppend.value?(openBlock(),createElementBlock(`div`,_hoisted_6,[renderSlot(_ctx.$slots,`append`,{},void 0,!0)])):createCommentVNode(``,!0)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-aca47da9`]]);export{MazTextarea_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{defineComponent,onUnmounted,provide,ref,renderSlot,watch}from"vue";import{setupTheme}from"@maz-ui/themes/utils/setup-theme";import{createMazUiTranslations}from"@maz-ui/translations/utils/instance";var MazUiProvider_default=defineComponent({__name:`MazUiProvider`,props:{theme:{},translations:{}},setup(__props){let i18n=createMazUiTranslations(__props.translations);provide(`mazTranslations`,i18n);let providedThemeState=ref();provide(`mazThemeState`,providedThemeState);let themeCleanup;let stopThemeSync;function initTheme(options){themeCleanup?.(),stopThemeSync?.();let{themeState,cleanup}=setupTheme(options);providedThemeState.value=themeState.value,stopThemeSync=watch(themeState,newState=>{providedThemeState.value={...newState}},{deep:!0}),themeCleanup=cleanup}return initTheme(__props.theme),watch(()=>__props.theme,newThemeOptions=>{initTheme(newThemeOptions)},{deep:!0}),watch(()=>__props.translations,newTranslationsOptions=>{newTranslationsOptions?.locale&&i18n.setLocale(newTranslationsOptions.locale)},{deep:!0}),onUnmounted(()=>{themeCleanup?.(),stopThemeSync?.()}),(_ctx,_cache)=>renderSlot(_ctx.$slots,`default`)}});export{MazUiProvider_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _plugin_vue_export_helper_default=(sfc,props)=>{let target=sfc.__vccOpts||sfc;for(let[key,val]of props)target[key]=val;return target};export{_plugin_vue_export_helper_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useMountComponent}from"../composables/useMountComponent.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"./MazDialogConfirm.CAAHeBPE.js";var DEFAULT_OPTIONS={identifier:`main-dialog`};var DialogHandler=class{activeDialogs=new Map;constructor(app,globalOptions=DEFAULT_OPTIONS){this.app=app,this.globalOptions=globalOptions}open(options){let props={...DEFAULT_OPTIONS,...this.globalOptions,...options};let{removeDialogFromState}=useMazDialogConfirm();let existing=this.activeDialogs.get(props.identifier);existing&&(existing.cleanupTimer&&clearTimeout(existing.cleanupTimer),removeDialogFromState(props.identifier),existing.destroy(),this.activeDialogs.delete(props.identifier));let{destroy,vNode}=useMountComponent(MazDialogConfirm_default,{props,app:this.app});let entry={destroy};this.activeDialogs.set(props.identifier,entry);let{showDialogAndWaitChoice}=useMazDialogConfirm();let scheduleDestroy=()=>{entry.cleanupTimer=setTimeout(()=>{this.activeDialogs.get(props.identifier)===entry&&(destroy(),this.activeDialogs.delete(props.identifier))},700)};return(async()=>{try{let response=await showDialogAndWaitChoice(props.identifier);props.onAccept&&props.onAccept(response)}catch(error){props.onReject&&props.onReject(error)}finally{scheduleDestroy()}})(),{destroy:()=>{entry.cleanupTimer&&clearTimeout(entry.cleanupTimer),destroy(),this.activeDialogs.get(props.identifier)===entry&&this.activeDialogs.delete(props.identifier)},close:()=>{vNode.component?.exposed?.isActive?.value&&(vNode.component?.exposed?.close(),props.onClose?.(),scheduleDestroy())}}}};var DialogPlugin={install(app,options){let dialogHandler=new DialogHandler(app,options);app.provide(`mazDialog`,dialogHandler),app.config.globalProperties.$mazDialog={open:dialogHandler.open.bind(dialogHandler),globalOptions:dialogHandler.globalOptions}}};export{DialogHandler as n,DialogPlugin as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useFreezeValue}from"../composables/useFreezeValue.js";import{getCurrentInstance,inject,nextTick}from"vue";import{isEqual}from"@maz-ui/utils/helpers/isEqual";import{debounceId}from"@maz-ui/utils/helpers/debounceId";import{throttleId}from"@maz-ui/utils/helpers/throttleId";var CONFIG={mode:`lazy`,scrollToErrorSelector:`.has-field-error`,debounceTime:300,throttleTime:1e3};function isEmptyValue(value){return value==null||value===``}var storeValidbot={};async function getValibotValidationMethod(methodName){if(storeValidbot[methodName])return storeValidbot[methodName];let valibot=await import(`valibot`);return storeValidbot[methodName]=valibot[methodName],valibot[methodName]}async function getValidationSchema(formSchema){return(await getValibotValidationMethod(`objectAsync`))(formSchema)}async function getFieldValidationResult(name,schema,value){let fieldSchema=await getValidationSchema(schema);let result=await(await getValibotValidationMethod(`safeParseAsync`))(fieldSchema.entries[name],value??``);return{result,isValid:result.success}}async function setFieldValidationState({name,fieldState,schema,payload,setError=!0,setErrorIfInvalidAndNotEmpty=!1}){if(await nextTick(),fieldState.validating)return Promise.resolve();fieldState.validating=!0;try{if(!schema[name]){fieldState.valid=!0,fieldState.validating=!1,fieldState.validated=!0,fieldState.errors=[],fieldState.error=!1;return}let{result,isValid}=await getFieldValidationResult(name,schema,payload[name]);fieldState.valid=isValid;let shouldSetError=setError||setErrorIfInvalidAndNotEmpty&&!isValid&&!isEmptyValue(payload[name]);let shouldPreserveError=fieldState.blurred&&!isValid&&fieldState.mode&&[`eager`,`blur`,`progressive`].includes(fieldState.mode);(shouldSetError||shouldPreserveError)&&(fieldState.error=!isValid),fieldState.errors=result.issues??[],fieldState.validated=!0}finally{fieldState.validating=!1}}function validateForm({fieldsStates,payload,setErrors=!0,schema}){return Promise.all(Object.keys(fieldsStates).map(name=>setFieldValidationState({name,setError:setErrors,fieldState:fieldsStates[name],payload,schema,setErrorIfInvalidAndNotEmpty:fieldsStates[name].mode===`lazy`})))}function getErrorMessages(errors,fieldsStates){let errorMessages={};for(let[name,value]of Object.entries(errors)){let issues=value;errorMessages[name]=fieldsStates[name].error&&issues[0]?issues[0].message:void 0}return errorMessages}function getFieldsErrors(fieldsStates){let fieldsErrors={};for(let[name,fieldState]of Object.entries(fieldsStates))fieldsErrors[name]=fieldState.errors;return fieldsErrors}function getValidateFunction({name,hasValidation,debouncedFields,throttledFields}){if(!hasValidation)return;let fieldName=String(name);if(debouncedFields?.[fieldName]&&throttledFields?.[fieldName])throw Error(`The field "${String(fieldName)}" cannot be both debounced and throttled`);return debouncedFields?.[fieldName]?debounceId(String(fieldName),setFieldValidationState,typeof debouncedFields[fieldName]==`number`?debouncedFields[fieldName]:CONFIG.debounceTime):throttledFields?.[fieldName]?throttleId(String(fieldName),setFieldValidationState,typeof throttledFields[fieldName]==`number`?throttledFields[fieldName]:CONFIG.throttleTime):setFieldValidationState}function getFieldState({name,schema,initialValue,fieldState,options}){let hasValidation=schema?fieldHasValidation(name,schema):!1;let validateFunction=getValidateFunction({name,hasValidation,debouncedFields:options?.debouncedFields,throttledFields:options?.throttledFields});return{blurred:!1,dirty:!1,errors:[],error:!1,valid:!hasValidation,validating:!1,validated:!1,initialValue:useFreezeValue(initialValue),validateFunction,mode:hasValidation?options?.mode??fieldState?.mode??CONFIG.mode:void 0}}function fieldHasValidation(field,schema){return Object.keys(schema).includes(field)}function getFieldsStates({schema,payload,options}){let fieldsStates={};for(let fieldName in schema){let name=fieldName;fieldsStates[name]=getFieldState({name,schema,options,fieldState:fieldsStates[name],initialValue:payload?.[name]})}return fieldsStates}function updateFieldsStates({fieldsStates,payload,schema,options,updateMode=!1}){for(let fieldName in schema){let name=fieldName;fieldsStates[name]=updateFieldState({name,fieldState:fieldsStates[name],payload,schema,options,updateMode})}}function updateFieldState({name,fieldState,payload,schema,options,updateMode=!0}){let{initialValue,mode,...rest}=getFieldState({name,schema,initialValue:options.defaultValue??payload[name],fieldState,options});let newMode=updateMode?mode??fieldState.mode??CONFIG.mode:fieldState.mode;return{...fieldState,initialValue,mode:newMode,...fieldState?.mode&&newMode!==fieldState.mode?rest:{}}}function canExecuteValidation({eventName,fieldState,isSubmitted}){let{dirty,blurred,mode,valid}=fieldState;return eventName===`blur`&&(hasModeIncludes([`lazy`,`aggressive`],mode)||valid)||eventName===`input`&&mode===`blur`||!mode?!1:isSubmitted||mode===`eager`&&blurred||mode===`blur`&&blurred||mode===`aggressive`&&dirty||mode===`lazy`&&dirty||mode===`progressive`}function handleFieldBlur({name,force=!1,payload,fieldState,schema,isSubmitted}){let fieldValue=payload[name];let isDirty=!isEqual(fieldValue,fieldState.initialValue);if(fieldState.dirty=isDirty,fieldState.blurred=fieldState.blurred||(fieldState.mode===`eager`?isDirty:!0),force||canExecuteValidation({eventName:`blur`,fieldState,isSubmitted}))return fieldState.validateFunction?.({name,fieldState,schema,payload,setError:fieldState.mode===`progressive`?fieldState.validated||fieldState.blurred:!0})}function handleFieldInput({name,payload,fieldState,schema,isSubmitted,forceValidation=!1}){let fieldValue=payload[name];if(fieldState.validated=!1,fieldState.dirty=!isEqual(fieldValue,fieldState.initialValue),forceValidation||canExecuteValidation({eventName:`input`,fieldState,isSubmitted}))return fieldState.validateFunction?.({name,fieldState,schema,payload,setError:fieldState.mode===`progressive`?fieldState.validated||fieldState.blurred:!0})}function hasModeIncludes(modes,value){return value?modes.includes(value):!1}function getInstance(composableName){let instance=getCurrentInstance();if(!instance)throw Error(`${composableName} must be called within setup()`);return instance}function getContext(identifier,composableName){let context=getInstance(composableName).formContexts?.get(identifier)??inject(identifier);if(!context)throw Error(`useFormField must be used within a form (useFormValidator)`);return context}function scrollToError(selector=CONFIG.scrollToErrorSelector){let element=document.querySelector(selector);element&&element.scrollIntoView({behavior:`smooth`,block:`center`})}function findInteractiveElements(el){if(isInteractiveElement(el))return[el];let selector=[`input`,`select`,`textarea`,`button`,`a[href]`,`[tabindex]:not([tabindex="-1"])`,`[role="button"]`,`[role="textbox"]`,`[role="combobox"]`,`[role="listbox"]`,`[role="slider"]`,`[role="spinbutton"]`,`[role="switch"]`,`[role="checkbox"]`,`[role="radio"]`,`[role="menuitem"]`,`[role="option"]`,`[contenteditable="true"]`,`[data-interactive]`,`.interactive`,`[data-clickable]`].join(`, `);return[...el.querySelectorAll(selector)].filter(isInteractiveElement)}function isInteractiveElement(el){if(el.getAttribute(`tabindex`)===`-1`)return!1;if(el instanceof HTMLInputElement||el instanceof HTMLSelectElement||el instanceof HTMLTextAreaElement||el instanceof HTMLButtonElement||el instanceof HTMLAnchorElement&&el.href||el.hasAttribute(`tabindex`)&&el.getAttribute(`tabindex`)!==`-1`)return!0;let interactiveRoles=[`button`,`textbox`,`combobox`,`listbox`,`slider`,`spinbutton`,`switch`,`checkbox`,`radio`,`menuitem`,`option`];let role=el.getAttribute(`role`);return role&&interactiveRoles.includes(role)||el.getAttribute(`contenteditable`)===`true`?!0:el.hasAttribute(`data-interactive`)||el.hasAttribute(`data-clickable`)||el.classList.contains(`interactive`)}var activeListeners=new WeakMap;function addEventToInteractiveElements({interactiveElements,onBlur,mode}){interactiveElements.forEach(element=>{if(hasModeIncludes([`eager`,`blur`,`progressive`],mode)){let existingListeners=activeListeners.get(element);existingListeners?.has(`blur`)&&element.removeEventListener(`blur`,existingListeners.get(`blur`)),element.addEventListener(`blur`,onBlur),activeListeners.has(element)||activeListeners.set(element,new Map),activeListeners.get(element).set(`blur`,onBlur)}})}function removeEventFromInteractiveElements({interactiveElements,onBlur}){interactiveElements.forEach(element=>{let existingListeners=activeListeners.get(element);existingListeners?.has(`blur`)&&(element.removeEventListener(`blur`,onBlur),existingListeners.delete(`blur`),existingListeners.size===0&&activeListeners.delete(element))})}function getValidationEvents({hasRef,fieldState,onBlur}){if(!(hasRef||hasModeIncludes([`aggressive`,`lazy`],fieldState.mode)))return{onBlur}}export{setFieldValidationState as _,scrollToError as a,getFieldsStates as c,handleFieldInput as d,hasModeIncludes as f,getFieldsErrors as g,getErrorMessages as h,removeEventFromInteractiveElements as i,getInstance as l,updateFieldsStates as m,findInteractiveElements as n,fieldHasValidation as o,updateFieldState as p,getValidationEvents as r,getContext as s,addEventToInteractiveElements as t,handleFieldBlur as u,validateForm as v,CONFIG as y};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{getCurrentInstance}from"vue";function resolveLinkComponent(){let app=getCurrentInstance()?.appContext.app;return app?.component(`NuxtLink`)?`NuxtLink`:app?.component(`RouterLink`)?`RouterLink`:(console.warn(`Your are using "to" property but no router component found (NuxtLink or RouterLink), falling back to anchor ("<a />" - HTMLAnchorElement) tag`),`a`)}export{resolveLinkComponent as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useMountComponent}from"../composables/useMountComponent.js";import{useTimer}from"../composables/useTimer.js";import{Fragment,Transition,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,onMounted,openBlock,ref,renderList,resolveDynamicComponent,toDisplayString,unref,vShow,watch,withCtx,withDirectives,withModifiers}from"vue";import{MazArrowTopRightOnSquare,MazCheckCircle,MazExclamationCircle,MazExclamationTriangle,MazInformationCircle,MazLinkIcon,MazXMark}from"@maz-ui/icons/lazy";import '../assets/toast.DG6Qv7r7.css';var _hoisted_1=[`textContent`,`innerHTML`];var _hoisted_2={key:1,class:`m-toast__progress-bar`};var MazToast_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazToast`,props:{message:{},type:{default:`info`},destroy:{type:Function},html:{type:Boolean,default:!1},maxToasts:{type:[Number,Boolean],default:!1},queue:{type:Boolean},position:{default:`bottom-right`},pauseOnHover:{type:Boolean,default:!0},timeout:{type:[Number,Boolean],default:1e4},persistent:{type:Boolean},icon:{type:[Boolean,Function,Object],default:!0},button:{},buttons:{}},emits:[`close`,`click`,`open`],setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let Toast=ref();let internalButtons=computed(()=>{let buttonArray=[];return __props.button&&buttonArray.push(__props.button),__props.buttons&&buttonArray.push(...__props.buttons),buttonArray});let iconComponent=computed(()=>{if(__props.icon)switch(__props.type){case`destructive`:return MazExclamationTriangle;case`info`:return MazInformationCircle;case`success`:return MazCheckCircle;case`warning`:return MazExclamationCircle;default:return}});let positionY=computed(()=>__props.position.includes(`top`)?`top`:`bottom`);let positionX=computed(()=>__props.position.includes(`left`)?`left`:__props.position.includes(`right`)?`right`:`center`);let transitionName=computed(()=>positionX.value===`center`?positionY.value===`top`?`m-slide-top`:`m-slide-bottom`:positionX.value===`right`?`m-slide-right`:`m-slide-left`);let isActive=ref(!1);let queueTimer=ref();let containerClassName=`m-toast-container m-reset-css --${positionY.value} --${positionX.value}`;let selectorContainerClass=`.${containerClassName.replaceAll(` `,`.`)}`;let timer=useTimer({callback:closeToast,timeout:typeof __props.timeout==`number`?__props.timeout:0,callbackOffsetTime:200});function createParents(){let container=document.querySelector(selectorContainerClass);if(!container&&!container){let body=document.body;let toCreate=document.createElement(`div`);toCreate.className=containerClassName,body.append(toCreate)}}function shouldQueue(){let container=document.querySelector(selectorContainerClass);return!__props.queue&&__props.maxToasts===!1?!1:typeof __props.maxToasts==`number`&&container?__props.maxToasts<=container.childElementCount:container&&container.childElementCount>0}function showNotice(){if(shouldQueue()){queueTimer.value=setTimeout(showNotice,250);return}let container=document.querySelector(selectorContainerClass);Toast.value&&container&&container.prepend(Toast.value),isActive.value=!0,typeof __props.timeout==`number`&&__props.timeout>0&&!__props.persistent&&timer.start()}let progressBarWidth=ref(`100%`);function getProgressBarColor(){switch(__props.type){case`destructive`:return`maz-bg-destructive-800`;case`info`:return`maz-bg-info-800`;case`success`:return`maz-bg-success-800`;case`warning`:return`maz-bg-warning-800`;default:return`maz-bg-contrast-foreground`}}watch(timer.remainingTime,remainingTime=>{typeof __props.timeout==`number`&&(progressBarWidth.value=`${100*remainingTime/__props.timeout}%`)});function click(event,shouldClose=!0){emits(`click`,event),shouldClose&&closeToast()}let isActionLoading=ref(!1);async function onButtonClick(button,event){button.onClick&&(isActionLoading.value=!0,timer.pause(),await button.onClick(),timer.resume(),isActionLoading.value=!1),click(event,button.closeToast??!1)}function toggleTimer(shouldPause){!__props.pauseOnHover||__props.persistent||isActionLoading.value||(shouldPause?timer.pause():timer.resume())}function stopTimer(){timer.stop(),queueTimer.value&&clearTimeout(queueTimer.value)}function closeToast(){stopTimer(),isActive.value=!1}function onAnimationEnter(){emits(`open`)}function onAnimationLeave(){emits(`close`),Toast.value?.remove(),__props.destroy?.();let container=document.querySelector(selectorContainerClass);container&&!container?.hasChildNodes()&&container.remove()}function getButtonRightIcon(button){return!button.to&&!button.href?button.rightIcon:button.target===`_blank`?MazArrowTopRightOnSquare:MazLinkIcon}return __expose({closeToast}),onMounted(()=>{createParents(),showNotice()}),(_ctx,_cache)=>(openBlock(),createBlock(Transition,{name:transitionName.value,appear:``,onAfterLeave:onAnimationLeave,onAfterEnter:onAnimationEnter},{default:withCtx(()=>[withDirectives(createElementVNode(`div`,{ref_key:`Toast`,ref:Toast,class:normalizeClass([`m-toast m-reset-css`,[`--${__props.type}`,`--${positionY.value}`,`--${positionX.value}`,{"--persistent":__props.persistent}]])},[createElementVNode(`button`,{role:`alert`,class:`m-toast__button`,onMouseover:_cache[0]||=$event=>toggleTimer(!0),onMouseleave:_cache[1]||=$event=>toggleTimer(!1),onTouchstartPassive:_cache[2]||=$event=>toggleTimer(!0),onTouchendPassive:_cache[3]||=$event=>toggleTimer(!1),onClick:_cache[4]||=withModifiers($event=>click($event),[`stop`])},[iconComponent.value?(openBlock(),createBlock(resolveDynamicComponent(iconComponent.value),{key:0,class:`maz-text-2xl`})):createCommentVNode(``,!0),createElementVNode(`div`,{class:`m-toast__message`,textContent:toDisplayString(__props.html?void 0:__props.message),innerHTML:__props.html?__props.message:void 0},null,8,_hoisted_1),(openBlock(!0),createElementBlock(Fragment,null,renderList(internalButtons.value,(toastButton,index)=>(openBlock(),createBlock(unref(MazBtn),mergeProps({key:index},{ref_for:!0},{...toastButton,onClick:void 0},{loading:isActionLoading.value||toastButton.loading,"right-icon":getButtonRightIcon(toastButton),onClick:withModifiers($event=>onButtonClick(toastButton,$event),[`stop`])}),null,16,[`loading`,`right-icon`,`onClick`]))),128)),typeof __props.timeout==`number`&&__props.timeout>0&&!__props.persistent?(openBlock(),createElementBlock(`div`,_hoisted_2,[createElementVNode(`div`,{style:normalizeStyle({width:progressBarWidth.value}),class:normalizeClass([`m-toast__progress-bar-inner`,getProgressBarColor()])},null,6)])):createCommentVNode(``,!0)],32),createElementVNode(`button`,{class:`m-toast__close`,onClick:_cache[5]||=withModifiers($event=>click($event),[`stop`])},[createVNode(unref(MazXMark),{class:`m-toast__close-icon`})])],2),[[vShow,isActive.value]])]),_:1},8,[`name`]))}}),[[`__scopeId`,`data-v-2a4224e0`]]);var DEFAULT_OPTIONS={position:`bottom-right`,timeout:1e4,persistent:!1};var ToastHandler=class{constructor(app,globalOptions){this.app=app,this.globalOptions=globalOptions}show(message,options){let{destroy,vNode}=useMountComponent(MazToast_default,{props:{...DEFAULT_OPTIONS,...this.globalOptions,...options,message},app:this.app});return{destroy,close:()=>vNode.component?.exposed?.closeToast()}}getLocalOptions(options){let DEFAULT_BUTTON_OPTIONS={size:`xs`,color:options?.type??`contrast`,closeToast:!1};let button=options?.button?{...DEFAULT_BUTTON_OPTIONS,...options.button}:void 0;let buttons=options?.buttons?.map(button=>({...DEFAULT_BUTTON_OPTIONS,...button}));return{type:options?.type??`contrast`,...options,buttons,button}}message(message,options){return this.show(message,this.getLocalOptions(options))}success(message,options){return this.show(message,this.getLocalOptions({...options,type:`success`}))}error(message,options){return this.show(message,this.getLocalOptions({...options,type:`destructive`}))}info(message,options){return this.show(message,this.getLocalOptions({...options,type:`info`}))}warning(message,options){return this.show(message,this.getLocalOptions({...options,type:`warning`}))}};var ToastPlugin={install(app,options){let toastHandler=new ToastHandler(app,options);app.provide(`mazToast`,toastHandler),app.config.globalProperties.$mazToast=toastHandler}};export{ToastHandler as n,ToastPlugin as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function getColor(color){return color===`background`?`surface`:color}export{getColor as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ref}from"vue";import{AsYouType,getCountries,getCountryCallingCode,getExampleNumber,isSupportedCountry,parsePhoneNumberFromString}from"libphonenumber-js";import{fetchLocaleIp}from"@maz-ui/utils/helpers/fetchLocaleIp";var examples=ref();function isCountryAvailable(locale){try{return isSupportedCountry(locale)||(console.error(`[maz-ui](MazInputPhoneNumber) The code country "${locale}" is not available`),!1)}catch(error){return console.error(`[maz-ui](MazInputPhoneNumber) ${error}`),!1}}function getPhoneNumberResults({phoneNumber,countryCode,checkCountryCode=!1}){try{if(!phoneNumber)return{isValid:!1,countryCode};let parsedNumber=parsePhoneNumberFromString(phoneNumber,countryCode??void 0);return{isValid:(parsedNumber?.isValid()??!1)&&!!(!(countryCode&&checkCountryCode)||parsedNumber?.country&&countryCode===parsedNumber.country),countryCode,parsedCountryCode:parsedNumber?.country,isPossible:parsedNumber?.isPossible(),countryCallingCode:parsedNumber?.countryCallingCode,nationalNumber:parsedNumber?.nationalNumber,type:parsedNumber?.getType(),formatInternational:parsedNumber?.formatInternational(),formatNational:parsedNumber?.formatNational(),uri:parsedNumber?.getURI(),e164:parsedNumber?.format(`E.164`),rfc3966:parsedNumber?.format(`RFC3966`),possibleCountries:parsedNumber?.getPossibleCountries(),phoneNumber}}catch(error){throw Error(`[MazInputPhoneNumber](getResultsFromPhoneNumber) ${error}`,{cause:error})}}async function getPhoneNumberExamplesFile(){let{default:data}=await import(`libphonenumber-js/examples.mobile.json`);return data}function getPhoneNumberExample(countryCode){try{return examples.value&&countryCode?getExampleNumber(countryCode,examples.value)?.formatNational():void 0}catch(error){console.error(`[maz-ui](MazInputPhoneNumber) ${error}`)}}function getAsYouTypeFormat(countryCode,phoneNumber){try{return!phoneNumber||!countryCode||typeof countryCode!=`string`||countryCode.length!==2?phoneNumber:new AsYouType(countryCode).input(phoneNumber)}catch(error){return console.error(`[MazInputPhoneNumber](getAsYouTypeFormat) Error with countryCode: "${countryCode}", phoneNumber: "${phoneNumber}"`,error),phoneNumber}}function isSameCountryCallingCode(countryCode,countryCode2){return getCountryCallingCode(countryCode)===getCountryCallingCode(countryCode2)}async function loadExamples(){try{if(examples.value)return;examples.value=await getPhoneNumberExamplesFile()}catch(error){console.error(`[maz-ui](MazInputPhoneNumber) while loading phone number examples file`,error)}}function useLibphonenumber(){return{examples,getAsYouTypeFormat,getPhoneNumberResults,getPhoneNumberExamplesFile,getPhoneNumberExample,isSameCountryCallingCode,isCountryAvailable,getCountries,getCountryCallingCode,loadExamples}}function getBrowserLocale(){if(globalThis.window===void 0)return;let browserLocale=globalThis.navigator.language;if(!browserLocale)return;let parts=browserLocale.split(`-`);let locale=parts.length>1?parts[1].slice(0,2).toUpperCase():parts[0].slice(0,2).toUpperCase();return locale===`EN`&&(locale=`US`),locale===`JA`&&(locale=`JP`),{locale,browserLocale}}var displayNamesInstance;var displayNamesLocale;function getCountryName(locale,code,customCountriesNameListByIsoCode){return customCountriesNameListByIsoCode?.[code]?customCountriesNameListByIsoCode[code]:((displayNamesLocale!==locale||!displayNamesInstance)&&(displayNamesLocale=locale,displayNamesInstance=new Intl.DisplayNames([locale],{type:`region`})),displayNamesInstance.of(code))}function getCountryList(locale,customCountriesNameListByIsoCode){let countriesList=[];let isoList=getCountries();locale=locale??getBrowserLocale()?.browserLocale??`en-US`;for(let code of isoList){let name=getCountryName(locale,code,customCountriesNameListByIsoCode);if(name)try{let dialCode=getCountryCallingCode(code);countriesList.push({code,dialCode,name})}catch(error){console.error(`[MazInputPhoneNumber](getCountryCallingCode) ${error}`)}}return countriesList}async function fetchCountryCode(){try{let countryCode=await fetchLocaleIp();return countryCode?{data:countryCode,error:void 0}:{data:void 0,error:Error(`[MazInputPhoneNumber](fetchCountryCode) No country code found`)}}catch(error){return{data:void 0,error:Error(`[MazInputPhoneNumber](fetchCountryCode) ${error}`)}}}var isLetterOrNumberRegex=/[^\d ()+-]/g;function sanitizePhoneNumber(input){return input?input.replaceAll(isLetterOrNumberRegex,``).trim():``}function useMazInputPhoneNumber(){return{fetchCountryCode,getBrowserLocale,getCountryList,sanitizePhoneNumber}}export{useLibphonenumber as n,useMazInputPhoneNumber as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import{capitalize}from"@maz-ui/utils/helpers/capitalize";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf;var __hasOwnProp=Object.prototype.hasOwnProperty;var __commonJSMin=(cb,mod)=>()=>(mod||cb((mod={exports:{}}).exports,mod),mod.exports);var __copyProps=(to,from,except,desc)=>{if(from&&typeof from==`object`||typeof from==`function`)for(var keys=__getOwnPropNames(from),i=0,n=keys.length,key;i<n;i++)key=keys[i],!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:(k=>from[k]).bind(null,key),enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod==null?{}:__create(__getProtoOf(mod)),__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,`default`,{value:mod,enumerable:!0}):target,mod));var import_weekday=__toESM(__commonJSMin(((exports,module)=>{(function(e,t){typeof exports==`object`&&module!==void 0?module.exports=t():typeof define==`function`&&define.amd?define(t):(e=typeof globalThis<`u`?globalThis:e||self).dayjs_plugin_weekday=t()})(exports,(function(){return function(e,t){t.prototype.weekday=function(e){var t=this.$locale().weekStart||0,i=this.$W,n=(i<t?i+7:i)-t;return this.$utils().u(e)?n:this.subtract(n,`day`).add(e,`day`)}}}))}))(),1);dayjs.extend(import_weekday.default);function getFormattedDate({value,locale,options}){let formattedDate=value?formatDate(value,locale,options):void 0;return formattedDate?capitalize(formattedDate):void 0}function getRangeFormattedDate({value,locale,options}){let startValue=getFormattedDate({value:value.start,locale,options});let endValue=getFormattedDate({value:value.end,locale,options});return startValue||endValue?`${startValue||`...`} - ${endValue||`...`}`:void 0}function getFirstDayOfMonth(value){return dayjs(value).startOf(`month`).day()}function getDaysOfWeek(locale,firstDayOfWeek){let currentDate=dayjs().locale(locale);let days=[];for(let i=0;i<7;i++){let dayName=formatDate(currentDate.day(i+firstDayOfWeek).toDate(),locale,{weekday:`short`});dayName&&days.push(dayName)}return days}function getDaysInMonth(date){return dayjs(date).daysInMonth()}function isSameDate(date,date2,unit){return dayjs(date).isSame(date2,unit)}function isSameDay(date,dayNumber){return dayjs(date).day()===dayNumber}function getISODate(value,format=`YYYY-MM-DD`){if(value)return dayjs(value).format(format)}function getRangeISODate(value,format=`YYYY-MM-DD`){if(value)return{start:getISODate(value.start,format),end:getISODate(value.end,format)}}function checkValueWithMinMaxDates({value,minDate,maxDate,format,minMaxAuto}){return minMaxAuto?minDate&&dayjs(value).isBefore(minDate)?{newValue:minDate,newCurrentDate:dayjs(minDate,format).format()}:maxDate&&dayjs(value).isAfter(maxDate)?{newValue:maxDate,newCurrentDate:dayjs(maxDate,format).format()}:{newValue:void 0,newCurrentDate:void 0}:{newValue:value,newCurrentDate:value}}function isValueDisabledWeekly({value,disabledWeekly}){return disabledWeekly.some(dayNumber=>isSameDay(value,dayNumber))}function isValueDisabledDate({value,disabledDates}){return disabledDates.some(disabledDate=>dayjs(value).isSame(dayjs(disabledDate),`date`))}function scrollToTarget(scrollContainer,target,offset=0,hasSmoothEffect=!0){scrollContainer.scrollTo({top:target.offsetTop-offset,behavior:hasSmoothEffect?`smooth`:`auto`})}function findNearestNumberInList(list,number){return list.reduce((prev,curr)=>Math.abs(curr-number)<Math.abs(prev-number)?curr:prev)}function isRangeValue(value){return!!value&&typeof value==`object`}function isValidDate(value){return!!value&&(typeof value==`string`||typeof value==`number`||value instanceof Date)&&dayjs(value).isValid()}function getDefaultsShortcuts(t){return[{label:t.lastSevenDays,identifier:`last7Days`,value:{start:dayjs().subtract(6,`day`).format(`YYYY-MM-DD`),end:dayjs().format(`YYYY-MM-DD`)}},{label:t.lastThirtyDays,identifier:`last30Days`,value:{start:dayjs().subtract(29,`day`).format(`YYYY-MM-DD`),end:dayjs().format(`YYYY-MM-DD`)}},{label:t.thisWeek,identifier:`thisWeek`,value:{start:dayjs().startOf(`week`).format(`YYYY-MM-DD`),end:dayjs().endOf(`week`).format(`YYYY-MM-DD`)}},{label:t.lastWeek,identifier:`lastWeek`,value:{start:dayjs().subtract(1,`week`).startOf(`week`).format(`YYYY-MM-DD`),end:dayjs().subtract(1,`week`).endOf(`week`).format(`YYYY-MM-DD`)}},{label:t.thisMonth,identifier:`thisMonth`,value:{start:dayjs().set(`date`,1).format(`YYYY-MM-DD`),end:dayjs().set(`date`,dayjs().daysInMonth()).format(`YYYY-MM-DD`)}},{label:t.thisYear,identifier:`thisYear`,value:{start:dayjs().startOf(`year`).format(`YYYY-MM-DD`),end:dayjs().endOf(`year`).format(`YYYY-MM-DD`)}},{label:t.lastYear,identifier:`lastYear`,value:{start:dayjs().subtract(1,`year`).startOf(`year`).format(`YYYY-MM-DD`),end:dayjs().subtract(1,`year`).endOf(`year`).format(`YYYY-MM-DD`)}}]}export{scrollToTarget as _,getDefaultsShortcuts as a,getISODate as c,isRangeValue as d,isSameDate as f,isValueDisabledWeekly as g,isValueDisabledDate as h,getDaysOfWeek as i,getRangeFormattedDate as l,isValidDate as m,findNearestNumberInList as n,getFirstDayOfMonth as o,isSameDay as p,getDaysInMonth as r,getFormattedDate as s,checkValueWithMinMaxDates as t,getRangeISODate as u,__commonJSMin as v,__toESM as y};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazSpinner_default}from"./MazSpinner.D3NN2pow.js";import{useMountComponent}from"../composables/useMountComponent.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineComponent,normalizeClass,onBeforeUnmount,onMounted,openBlock,reactive,ref,unref,vShow,watch,withDirectives,withKeys,withModifiers}from"vue";import{MazChevronLeft,MazXMark}from"@maz-ui/icons/lazy";import{checkAvailability}from"@maz-ui/utils/helpers/checkAvailability";import '../assets/vFullscreenImg.DFp1SMPU.css';var _hoisted_1=[`onKeypress`];var _hoisted_2={class:`m-fullscreen-img-scroller`};var _hoisted_3=[`src`,`alt`];var MazFullscreenImg_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazFullscreenImg`,props:{src:{},clickedElementBounds:{default:void 0},offset:{default:void 0},animation:{default:()=>({duration:300,easing:`ease-in-out`})},openInstanceClass:{default:`m-fullscreen-img-instance`},clickedElement:{},destroy:{type:Function,default:void 0},alt:{default:void 0},zoom:{type:Boolean,default:!0}},emits:[`close`,`previous`,`next`,`before-close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let imageLoaded=ref(!1);let showLoader=ref(!1);let loadedOnce=ref(!1);let hasMultipleInstances=ref(!1);let isZoomed=ref(!1);let animationState=reactive({running:!1,ended:!1});let currentClickedElement=ref(props.clickedElement);let currentClickedElementBounds=computed(()=>props.clickedElement.getBoundingClientRect());let isLandscapeImage=ref();let currentSrc=ref(props.src);let currentAlt=ref(props.alt);let FullscreenImgElement=ref();let ImgElement=ref();let hideImage=ref(!0);let imageZoomClasses=computed(()=>({"--is-zoomed":isZoomed.value,"--invisible":hideImage.value,"--absolute":!isZoomed.value}));function onImageLoaded(){ImgElement.value&&(isLandscapeImage.value=ImgElement.value?.naturalWidth>ImgElement.value?.naturalHeight),imageLoaded.value=!0,showLoader.value=!1,loadedOnce.value=!0}watch(loadedOnce,value=>{value&&openFullscreen()},{immediate:!0});function close(){emits(`before-close`),closeFullscreen()}function keydownLister(e){e.key===`Escape`&&(e.preventDefault(),close()),(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&(e.preventDefault(),nextPreviousImage(e.key===`ArrowRight`?`next`:`previous`))}function addClassToDocument(){document.documentElement.classList.add(`--m-fullscreen-open`)}function removeClassFromDocument(){document.documentElement.classList.remove(`--m-fullscreen-open`)}function getAllInstances(){return[...document.querySelectorAll(`.m-fullscreen-img-instance`)]}function getNewInstanceIndex(allInstances,newInstanceIndex){return newInstanceIndex<0?allInstances.length-1:newInstanceIndex>=allInstances.length?0:newInstanceIndex}function useNextInstance(currentInstance,nextInstance){currentInstance.classList.remove(props.openInstanceClass),nextInstance.classList.add(props.openInstanceClass);let src=nextInstance.getAttribute(`data-src`);currentAlt.value=nextInstance.getAttribute(`data-alt`),currentSrc.value=src??currentSrc.value}function nextPreviousImage(which){hideImage.value=!0;let currentInstance=document.querySelector(`.m-fullscreen-img-instance.${props.openInstanceClass}`);if(currentInstance){let allInstances=getAllInstances();let currentInstanceIndex=allInstances.indexOf(currentInstance);let nextInstance=allInstances[getNewInstanceIndex(allInstances,which===`next`?currentInstanceIndex+1:currentInstanceIndex-1)];currentClickedElement.value=nextInstance,nextInstance&&useNextInstance(currentInstance,nextInstance),emits(which),imageLoaded.value=!1,showLoader.value=!0,checkAvailability(()=>imageLoaded.value===!0,()=>{hideImage.value=!1,isZoomed.value?setZoomStyles():setEndAnimationStyles()},{expectedValue:!0,interval:100,maxAttempts:50})}}function setZoomStyles(){let imgElement=ImgElement.value;if(!imgElement){console.error(`[maz-ui](vFullscreenImg) ImgElement is not defined`);return}imgElement.style.removeProperty(`max-width`),imgElement.style.removeProperty(`max-height`),imgElement?.style.removeProperty(`top`),imgElement?.style.removeProperty(`left`),isLandscapeImage.value?(imgElement.style.height=`100vh`,imgElement.style.removeProperty(`width`)):(imgElement.style.width=`100vw`,imgElement.style.removeProperty(`height`))}function toggleZoom(){isZoomed.value?(isZoomed.value=!isZoomed.value,setEndAnimationStyles()):(isZoomed.value=!isZoomed.value,setZoomStyles())}function runAnimation(frames){animationState.running=!0,hideImage.value=!1;let animation=ImgElement.value?.animate(frames,{duration:props.animation.duration,easing:props.animation.easing});if(!animation){console.error(`[maz-ui](vFullscreenImg) animation is not defined`),animationState.running=!1,animationState.ended=!0;return}return animation}function getPositionsOfClikedElement(offset=props.offset??0){let width=currentClickedElement.value.clientWidth||1;let height=currentClickedElement.value.clientHeight||1;let windowWidth=window.innerWidth;let windowHeight=window.innerHeight;let scale=Math.min((windowWidth-2*offset)/width,(windowHeight-2*offset)/height);return{centerX:(windowWidth-width*scale)/2,centerY:(windowHeight-height*scale)/2,width,height,scale}}function getAnimationFrames({trigger}){let{width,height,scale,centerX,centerY}=getPositionsOfClikedElement();let{top,left,width:clickedElementWidth,height:clickedElementHeight}=currentClickedElementBounds.value;let frames=[{top:`${top}px`,left:`${left}px`,width:`${clickedElementWidth}px`,height:`${clickedElementHeight}px`,opacity:0},{top:`${centerY}px`,left:`${centerX}px`,width:`${width*scale}px`,height:`${height*scale}px`,opacity:1}];return{frames:trigger===`open`?frames:frames.reverse()}}function setEndAnimationStyles(){let{height,width,scale}=getPositionsOfClikedElement();let finalStyles=isLandscapeImage.value?{width:`${width*scale}px`,maxHeight:`${height*scale}px`}:{height:`${height*scale}px`,maxWidth:`${width*scale}px`};if(!ImgElement.value){console.error(`[maz-ui](vFullscreenImg) ImgElement is not defined`);return}isLandscapeImage.value?(ImgElement.value.style.removeProperty(`height`),ImgElement.value.style.removeProperty(`maxHeight`)):(ImgElement.value.style.removeProperty(`width`),ImgElement.value.style.removeProperty(`maxWidth`)),Object.assign(ImgElement.value.style,finalStyles)}function openFullscreen(){let{frames}=getAnimationFrames({trigger:`open`});let openAnimation=runAnimation(frames);if(!openAnimation){console.error(`[maz-ui](vFullscreenImg) open animation is not defined`),setEndAnimationStyles();return}openAnimation.onfinish=()=>{setEndAnimationStyles(),animationState.running=!1,animationState.ended=!0}}function closeFullscreen(){let{frames}=getAnimationFrames({trigger:`close`});let closeAnimation=runAnimation(frames);function onFinish(){emits(`close`),FullscreenImgElement.value?.remove(),props.destroy?.(),animationState.running=!1,animationState.ended=!0}if(!closeAnimation){console.error(`[maz-ui](vFullscreenImg) close animation is not defined`),onFinish();return}closeAnimation.onfinish=onFinish}function onResizeWindow(){isZoomed.value||setEndAnimationStyles()}return onMounted(()=>{showLoader.value=!0,document.addEventListener(`keydown`,keydownLister),window.addEventListener(`resize`,onResizeWindow),addClassToDocument(),hasMultipleInstances.value=getAllInstances().length>1}),onBeforeUnmount(()=>{document.removeEventListener(`keydown`,keydownLister),window.removeEventListener(`resize`,onResizeWindow),removeClassFromDocument()}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`FullscreenImgElement`,ref:FullscreenImgElement,role:`button`,class:`m-fullscreen-img m-reset-css`,tabindex:`0`,onClick:withModifiers(close,[`stop`]),onKeypress:withKeys(withModifiers(close,[`prevent`]),[`esc`])},[loadedOnce.value&&hasMultipleInstances.value?(openBlock(),createElementBlock(`button`,{key:0,type:`button`,class:`m-fullscreen-btn --next`,onClick:_cache[0]||=withModifiers($event=>nextPreviousImage(`next`),[`stop`])},[createVNode(unref(MazChevronLeft),{class:`maz-rotate-180`})])):createCommentVNode(``,!0),loadedOnce.value&&hasMultipleInstances.value?(openBlock(),createElementBlock(`button`,{key:1,type:`button`,class:`m-fullscreen-btn --previous`,onClick:_cache[1]||=withModifiers($event=>nextPreviousImage(`previous`),[`stop`])},[createVNode(unref(MazChevronLeft))])):createCommentVNode(``,!0),createElementVNode(`button`,{type:`button`,class:`m-fullscreen-btn --close`,onClick:close},[createVNode(unref(MazXMark))]),createElementVNode(`div`,_hoisted_2,[createElementVNode(`img`,{ref_key:`ImgElement`,ref:ImgElement,src:currentSrc.value,alt:currentAlt.value??void 0,tabindex:`0`,class:normalizeClass([imageZoomClasses.value]),onLoad:onImageLoaded,onClick:_cache[2]||=withModifiers($event=>__props.zoom&&toggleZoom(),[`stop`])},null,42,_hoisted_3),withDirectives(createVNode(MazSpinner_default,{class:`m-fullscreen-img-loader`},null,512),[[vShow,showLoader.value]])])],40,_hoisted_1))}}),[[`__scopeId`,`data-v-92a410ce`]]);var STATE_OPEN_CLASS=`m-fullscreen-is-open`;var FullscreenImgHandler=class{options=void 0;defaultOptions={scaleOnHover:!1,blurOnHover:!1,disabled:!1,zoom:!0,offset:80,animation:{duration:300,easing:`ease-in-out`}};mouseEnterListener=void 0;mouseLeaveListener=void 0;renderPreviewListener=void 0;buildOptions(el,binding){let options=typeof binding.value==`object`?binding.value:{src:binding.value,alt:void 0};let src=options?.src??this.getImgSrc(el);let alt=options?.alt??this.getImgAlt(el);return{...this.defaultOptions,...options,src,alt}}get allInstances(){return[...document.querySelectorAll(`.m-fullscreen-img-instance`)]}getImgSrc(el){let imgSrc=this.options?.src||el.getAttribute(`src`)||el.getAttribute(`data-src`);if(!imgSrc)throw Error('[maz-ui](fullscreen-img) src of image must be provided by `v-fullscreen=""`, `v-fullscreen="{ src: "" }"`, `src=""` or `data-src=""` atributes');return imgSrc}getImgAlt(el){return this.options?.alt||el.getAttribute(`alt`)||el.getAttribute(`data-alt`)}create(el,binding){if(this.options=this.buildOptions(el,binding),this.options.disabled)return;el.style.cursor=`move`,(this.options.scaleOnHover||this.options.blurOnHover)&&(el.style.transition=`all 200ms ease-in-out`),el.classList.add(`m-fullscreen-img-instance`),el.setAttribute(`data-src`,this.getImgSrc(el));let alt=this.getImgAlt(el);alt&&el.setAttribute(`data-alt`,alt),this.mouseEnterListener=()=>this.mouseEnter(el),this.mouseLeaveListener=()=>this.mouseLeave(el),this.renderPreviewListener=()=>this.renderPreview(el),el.addEventListener(`mouseenter`,this.mouseEnterListener),el.addEventListener(`mouseleave`,this.mouseLeaveListener),el.addEventListener(`click`,this.renderPreviewListener)}update(el,binding){this.options=this.buildOptions(el,binding)}remove(el){this.mouseEnterListener&&el.removeEventListener(`mouseenter`,this.mouseEnterListener),this.mouseLeaveListener&&el.removeEventListener(`mouseleave`,this.mouseLeaveListener),this.renderPreviewListener&&el.removeEventListener(`click`,this.renderPreviewListener),el.classList.remove(`m-fullscreen-img-instance`),el.style.cursor=``}renderPreview(el){return el.classList.add(STATE_OPEN_CLASS),useMountComponent(MazFullscreenImg_default,{props:{...this.options,src:this.options?.src||this.getImgSrc(el),alt:this.options?.alt||this.getImgAlt(el),openInstanceClass:STATE_OPEN_CLASS,clickedElement:el,clickedElementBounds:el.getBoundingClientRect()},element:document.body})}mouseLeave(el){this.options?.scaleOnHover&&(el.style.transform=``),this.options?.blurOnHover&&(el.style.filter=``),el.style.zIndex=``}mouseEnter(el){el.style.zIndex=`1`,this.options?.scaleOnHover&&(el.style.transform=`scale(1.04)`),this.options?.blurOnHover&&(el.style.filter=`blur(3px)`)}};var instance;var directive={mounted(el,binding){return instance=new FullscreenImgHandler,instance.create(el,binding)},updated(el,binding){return instance.update(el,binding)},unmounted(el){return instance.remove(el)}};var plugin={install(app){app.directive(`fullscreen-img`,directive)}};export{directive as n,plugin as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var EMPTY_PHOTO=`data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7`;var DEFAULT_OPTIONS={baseClass:`m-lazy-img`,loadedClass:`m-lazy-loaded`,loadingClass:`m-lazy-loading`,errorClass:`m-lazy-error`,fallbackClass:`m-lazy-fallback`,observerOnce:!0,loadOnce:!1,observerOptions:{threshold:.1}};var LazyImg=class{observers=[];defaultOptions=DEFAULT_OPTIONS;options;onImgLoadedCallback;onImgErrorCallback;hasImgLoaded=!1;constructor(opts={}){this.options=this.buildOptions(opts),this.onImgLoadedCallback=this.imageIsLoaded.bind(this),this.onImgErrorCallback=this.imageHasError.bind(this)}async loadErrorPhoto(){let{default:photo}=await import(`@maz-ui/icons/svg/no-image.svg?url`);return photo}buildOptions(opts){return{...this.defaultOptions,...opts,observerOptions:{...this.defaultOptions.observerOptions,...opts.observerOptions}}}removeClass(el,className){el.classList.remove(className)}addClass(el,className){el.classList.add(className)}removeAllStateClasses(el){this.removeClass(el,this.options.loadedClass),this.removeClass(el,this.options.loadingClass),this.removeClass(el,this.options.errorClass),this.removeClass(el,this.options.fallbackClass)}setBaseClass(el){this.addClass(el,this.options.baseClass)}imageIsLoading(el){this.addClass(el,this.options.loadingClass),this.options.onLoading?.(el)}imageIsLoaded(el){this.hasImgLoaded=!0,this.removeClass(el,this.options.loadingClass),this.addClass(el,this.options.loadedClass),this.options.onLoaded?.(el)}imageHasError(el){this.removeClass(el,this.options.loadingClass),this.addClass(el,this.options.errorClass),this.options.onError?.(el),this.setDefaultPhoto(el)}getSrc(binding){return typeof binding.value==`object`?binding.value.src:binding.value}getImageUrl(el,binding){return this.getImgElement(el).getAttribute(`data-lazy-src`)||this.getSrc(binding)}async setPictureSourceUrls(el){let sourceElements=el.querySelectorAll(`source`);if(sourceElements.length>0)for await(let source of sourceElements){let srcSet=source.getAttribute(`data-lazy-srcset`);if(srcSet)source.srcset=srcSet;else return this.imageHasError(el)}else this.imageHasError(el)}hasBgImgMode(binding){return binding.arg===`bg-image`}isPictureElement(el){return el instanceof HTMLPictureElement}getImgElement(el){return this.isPictureElement(el)?el.querySelector(`img`):el}async setDefaultPhoto(el){if(this.options.fallbackSrc===!1)return;let fallbackSrc=this.options.fallbackSrc;typeof fallbackSrc==`string`&&this.addClass(el,this.options.fallbackClass);let errorPhoto=fallbackSrc??await this.loadErrorPhoto();let sourceElements=el.querySelectorAll(`source`);if(sourceElements.length>0)for await(let source of sourceElements)source.srcset=errorPhoto;else this.setImgSrc(el,errorPhoto)}addEventListenerToImg(el){let imgElement=this.getImgElement(el);imgElement.addEventListener(`load`,()=>this.onImgLoadedCallback(el),{once:!0}),imgElement.addEventListener(`error`,err=>this.onImgErrorCallback(el,err),{once:!0})}async loadImage(el,binding){if(this.imageIsLoading(el),this.isPictureElement(el))this.addEventListenerToImg(el),await this.setPictureSourceUrls(el);else{let imageUrl=this.getImageUrl(el,binding);if(!imageUrl)return this.imageHasError(el);this.hasBgImgMode(binding)?(el.style.backgroundImage=`url('${imageUrl}')`,this.imageIsLoaded(el)):(this.addEventListenerToImg(el),this.setImgSrc(el,imageUrl))}}setImgSrc(el,src){let imgElement=this.getImgElement(el);imgElement.src=src}handleIntersectionObserver(el,binding,entries,observer){this.observers.push(observer);for(let entry of entries)if(entry.isIntersecting){if(this.options.onIntersecting?.(entry.target),this.options.observerOnce&&observer.unobserve(el),this.options.loadOnce&&this.hasImgLoaded)return;this.loadImage(el,binding)}}createObserver(el,binding){let observerCallback=(entries,intersectionObserver)=>{this.handleIntersectionObserver(el,binding,entries,intersectionObserver)};let observerOptions=this.options.observerOptions;new IntersectionObserver(observerCallback,observerOptions).observe(el)}async imageHandler(el,binding,type){if(type===`update`)for await(let observer of this.observers)observer.unobserve(el);globalThis.IntersectionObserver?this.createObserver(el,binding):this.loadImage(el,binding)}async bindUpdateHandler(el,binding,type){await this.imageHandler(el,binding,type)}async add(el,binding){if(this.hasBgImgMode(binding)&&this.isPictureElement(el))throw Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);setTimeout(()=>this.setBaseClass(el),0),el.getAttribute(`src`)||this.setImgSrc(el,EMPTY_PHOTO),await this.bindUpdateHandler(el,binding,`bind`)}async update(el,binding){binding.value!==binding.oldValue&&(this.hasImgLoaded=!1,this.removeAllStateClasses(el),await this.bindUpdateHandler(el,binding,`update`))}remove(el,binding){this.hasImgLoaded=!1,this.hasBgImgMode(binding)&&(el.style.backgroundImage=``),this.removeAllStateClasses(el);for(let observer of this.observers)observer.unobserve(el);this.observers=[]}};var instance;var directive={created(el,binding){instance=new LazyImg(typeof binding.value==`object`?binding.value:{}),instance.add(el,binding)},updated(el,binding){instance.update(el,binding)},unmounted(el,binding){instance.remove(el,binding)}};var plugin={install(app,opts={}){let instance=new LazyImg({...DEFAULT_OPTIONS,...opts,observerOptions:{...DEFAULT_OPTIONS.observerOptions,...opts.observerOptions}});app.directive(`lazy-img`,{created:instance.add.bind(instance),updated:instance.update.bind(instance),unmounted:instance.remove.bind(instance)})}};export{directive as n,plugin as t};
|