maz-ui 4.7.9 → 4.8.0

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.
Files changed (169) hide show
  1. package/dist/assets/MazAnimatedText.DlMKT0fR.css +1 -0
  2. package/dist/assets/MazPopover.Dp8fLLDj.css +1 -0
  3. package/dist/assets/MazTicker.BsD2uKvQ.css +1 -0
  4. package/dist/assets/MazTimeline.CoxWcpur.css +1 -0
  5. package/dist/chunks/{MazAccordion.mCiUv32a.js → MazAccordion.NcTvORgS.js} +1 -1
  6. package/dist/chunks/{MazAnimatedText.BSZ8FNf-.js → MazAnimatedText.B24YNZf-.js} +1 -1
  7. package/dist/chunks/{MazAvatar.Cp1uXsKn.js → MazAvatar.S8hOD0Nq.js} +1 -1
  8. package/dist/chunks/{MazBadge.BBZJgHXm.js → MazBadge.DdOkKlwi.js} +1 -1
  9. package/dist/chunks/{MazBottomSheet.BP6imeoW.js → MazBottomSheet.B3870y7t.js} +1 -1
  10. package/dist/chunks/{MazBtn.Cc9C1v2l.js → MazBtn.B0qldW6w.js} +1 -1
  11. package/dist/chunks/{MazCard.DJPT3P2P.js → MazCard.D9u5Z5KQ.js} +1 -1
  12. package/dist/chunks/{MazCheckbox.BY7myUIA.js → MazCheckbox.Cbw92q22.js} +1 -1
  13. package/dist/chunks/{MazChecklist.BaTDIjTl.js → MazChecklist.DxSqp9en.js} +1 -1
  14. package/dist/chunks/{MazCircularProgressBar.rATx_hD9.js → MazCircularProgressBar.xp7gmdti.js} +1 -1
  15. package/dist/chunks/{MazDatePicker.BzwCqOIk.js → MazDatePicker.D9T4maoH.js} +1 -1
  16. package/dist/chunks/{MazDialog.ebPvRGc_.js → MazDialog.CYYhj4tn.js} +1 -1
  17. package/dist/chunks/{MazDialogConfirm.DMu0btsN.js → MazDialogConfirm.B0sa2xzr.js} +1 -1
  18. package/dist/chunks/{MazDrawer.C2-iPeIq.js → MazDrawer.DGy1Nv0r.js} +1 -1
  19. package/dist/chunks/{MazDropdown.B-LRzouG.js → MazDropdown.DR8gPCyq.js} +1 -1
  20. package/dist/chunks/{MazDropzone.CjhXLgw8.js → MazDropzone.B_py1QOV.js} +1 -1
  21. package/dist/chunks/{MazFullscreenLoader.BIVRcZJ8.js → MazFullscreenLoader.b-30GI6G.js} +1 -1
  22. package/dist/chunks/{MazGallery.8Q8YcKlI.js → MazGallery.CefHn7NG.js} +1 -1
  23. package/dist/chunks/{MazInput.BlvZ4aiU.js → MazInput.C2gyftm8.js} +1 -1
  24. package/dist/chunks/{MazInputNumber.BMhBDScY.js → MazInputNumber.DUt4Z4Aq.js} +1 -1
  25. package/dist/chunks/{MazInputPhoneNumber.CLivThtK.js → MazInputPhoneNumber.CBVaFR3i.js} +1 -1
  26. package/dist/chunks/{MazInputPrice.B7-Yqxc3.js → MazInputPrice.DjB448fY.js} +1 -1
  27. package/dist/chunks/{MazInputTags.B_s-NU_a.js → MazInputTags.CN8TKOdh.js} +1 -1
  28. package/dist/chunks/{MazLazyImg.-EMwandx.js → MazLazyImg.Cs9QQqQF.js} +1 -1
  29. package/dist/chunks/{MazLink.BsjurisK.js → MazLink.CK1WIkI5.js} +1 -1
  30. package/dist/chunks/{MazPagination.YkbtNSlz.js → MazPagination.BDM965bu.js} +1 -1
  31. package/dist/chunks/{MazPickerCalendarGrid.DrUHBH6-.js → MazPickerCalendarGrid.3taryD_b.js} +1 -1
  32. package/dist/chunks/{MazPopover.Co8BEopX.js → MazPopover.CQ2wlHBw.js} +1 -1
  33. package/dist/chunks/{MazRadio.75ipjTw2.js → MazRadio.Bt-JCE4R.js} +1 -1
  34. package/dist/chunks/{MazRadioButtons.feOo8xvv.js → MazRadioButtons.C3L4oP3r.js} +1 -1
  35. package/dist/chunks/{MazReadMore.DGhAapjE.js → MazReadMore.B6BEGz19.js} +1 -1
  36. package/dist/chunks/{MazSelect.0sfOMZdb.js → MazSelect.BwcJEABw.js} +1 -1
  37. package/dist/chunks/{MazSelectCountry.BxLzzpXU.js → MazSelectCountry.3S7qey2j.js} +1 -1
  38. package/dist/chunks/{MazTableCell.5QbIplIh.js → MazTableCell.CbOqt4eo.js} +1 -1
  39. package/dist/chunks/{MazTableRow.CiNfddO6.js → MazTableRow.OnPs8b3_.js} +1 -1
  40. package/dist/chunks/{MazTableTitle.CwvNYUCY.js → MazTableTitle.Csekyzrg.js} +1 -1
  41. package/dist/chunks/{MazTextarea.B5xc-Nt-.js → MazTextarea.DFKZgGCc.js} +1 -1
  42. package/dist/chunks/MazTicker.CLv0ebNf.js +1 -0
  43. package/dist/chunks/MazTimeline.pvtteRl1.js +1 -0
  44. package/dist/chunks/{dialog.D8ltdMcR.js → dialog.ZWxtPz69.js} +1 -1
  45. package/dist/chunks/{vFullscreenImg.xzHmlZpV.js → vFullscreenImg.DID1pEZr.js} +1 -1
  46. package/dist/components/MazAccordion.js +1 -1
  47. package/dist/components/MazAlert.js +1 -1
  48. package/dist/components/MazAnimatedCounter.js +1 -1
  49. package/dist/components/MazAnimatedElement.js +1 -1
  50. package/dist/components/MazAnimatedText.js +1 -1
  51. package/dist/components/MazAvatar.js +1 -1
  52. package/dist/components/MazBackdrop.js +1 -1
  53. package/dist/components/MazBadge.js +1 -1
  54. package/dist/components/MazBottomSheet.js +1 -1
  55. package/dist/components/MazBtn.js +1 -1
  56. package/dist/components/MazBtnGroup.js +1 -1
  57. package/dist/components/MazCard.js +1 -1
  58. package/dist/components/MazCardSpotlight.js +1 -1
  59. package/dist/components/MazCarousel.js +1 -1
  60. package/dist/components/MazChart.js +1 -1
  61. package/dist/components/MazCheckbox.js +1 -1
  62. package/dist/components/MazChecklist.js +1 -1
  63. package/dist/components/MazCircularProgressBar.js +1 -1
  64. package/dist/components/MazContainer.js +1 -1
  65. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarDays.js +1 -1
  66. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.js +1 -1
  67. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.js +1 -1
  68. package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.js +1 -1
  69. package/dist/components/MazDatePicker/MazPickerContainer.js +1 -1
  70. package/dist/components/MazDatePicker/MazPickerMonthSwitcher.js +1 -1
  71. package/dist/components/MazDatePicker/MazPickerShortcuts.js +1 -1
  72. package/dist/components/MazDatePicker/MazPickerTime.js +1 -1
  73. package/dist/components/MazDatePicker/MazPickerYearSwitcher.js +1 -1
  74. package/dist/components/MazDatePicker.js +1 -1
  75. package/dist/components/MazDialog.js +1 -1
  76. package/dist/components/MazDialogConfirm.js +1 -1
  77. package/dist/components/MazDrawer.js +1 -1
  78. package/dist/components/MazDropdown.js +1 -1
  79. package/dist/components/MazDropzone.js +1 -1
  80. package/dist/components/MazExpandAnimation.js +1 -1
  81. package/dist/components/MazFullscreenLoader.js +1 -1
  82. package/dist/components/MazGallery.js +1 -1
  83. package/dist/components/MazIcon.js +1 -1
  84. package/dist/components/MazInput.js +1 -1
  85. package/dist/components/MazInputCode.js +1 -1
  86. package/dist/components/MazInputNumber.js +1 -1
  87. package/dist/components/MazInputPhoneNumber/PhoneInput.js +1 -1
  88. package/dist/components/MazInputPhoneNumber.js +1 -1
  89. package/dist/components/MazInputPrice.js +1 -1
  90. package/dist/components/MazInputTags.js +1 -1
  91. package/dist/components/MazLazyImg.js +1 -1
  92. package/dist/components/MazLink.js +1 -1
  93. package/dist/components/MazLoadingBar.js +1 -1
  94. package/dist/components/MazPagination.js +1 -1
  95. package/dist/components/MazPopover.js +1 -1
  96. package/dist/components/MazPullToRefresh.js +1 -1
  97. package/dist/components/MazRadio.js +1 -1
  98. package/dist/components/MazRadioButtons.js +1 -1
  99. package/dist/components/MazReadMore.js +1 -1
  100. package/dist/components/MazReadingProgressBar.js +1 -1
  101. package/dist/components/MazSelect.js +1 -1
  102. package/dist/components/MazSelectCountry.js +1 -1
  103. package/dist/components/MazSkeleton.js +1 -1
  104. package/dist/components/MazSlider.js +1 -1
  105. package/dist/components/MazSpinner.js +1 -1
  106. package/dist/components/MazStepper.js +1 -1
  107. package/dist/components/MazSwitch.js +1 -1
  108. package/dist/components/MazTable.js +1 -1
  109. package/dist/components/MazTableCell.js +1 -1
  110. package/dist/components/MazTableRow.js +1 -1
  111. package/dist/components/MazTableTitle.js +1 -1
  112. package/dist/components/MazTabs.js +1 -1
  113. package/dist/components/MazTabsBar.js +1 -1
  114. package/dist/components/MazTabsContent.js +1 -1
  115. package/dist/components/MazTabsContentItem.js +1 -1
  116. package/dist/components/MazTextarea.js +1 -1
  117. package/dist/components/MazTicker.js +1 -0
  118. package/dist/components/MazTicker.vue.d.ts +81 -0
  119. package/dist/components/MazTimeline.js +1 -0
  120. package/dist/components/MazTimeline.vue.d.ts +157 -0
  121. package/dist/components/index.d.ts +4 -0
  122. package/dist/components/index.js +1 -1
  123. package/dist/composables/useFormField.js +1 -1
  124. package/dist/composables/useFormValidator.js +1 -1
  125. package/dist/directives/index.js +1 -1
  126. package/dist/directives/vFullscreenImg.js +1 -1
  127. package/dist/directives/vLazyImg.js +1 -1
  128. package/dist/directives/vTooltip.js +1 -1
  129. package/dist/directives/vZoomImg.js +1 -1
  130. package/dist/plugins/dialog.js +1 -1
  131. package/dist/plugins/index.js +1 -1
  132. package/dist/plugins/toast.js +1 -1
  133. package/package.json +7 -7
  134. package/dist/assets/MazAnimatedText.CoEetpNd.css +0 -1
  135. package/dist/assets/MazPopover.-QaA_4Xd.css +0 -1
  136. /package/dist/chunks/{MazAlert.DL8uAFMy.js → MazAlert.h7IrSU8k.js} +0 -0
  137. /package/dist/chunks/{MazAnimatedCounter.GLLYbZAz.js → MazAnimatedCounter.CaBoMmfg.js} +0 -0
  138. /package/dist/chunks/{MazAnimatedElement._8NY8WgC.js → MazAnimatedElement.C-h6YzBA.js} +0 -0
  139. /package/dist/chunks/{MazBackdrop.CgjnE9up.js → MazBackdrop.B2_glRzR.js} +0 -0
  140. /package/dist/chunks/{MazBtnGroup.3B1XcqWM.js → MazBtnGroup.CAYb08sG.js} +0 -0
  141. /package/dist/chunks/{MazCardSpotlight.DHVKl7pc.js → MazCardSpotlight.Bo4Ucmy6.js} +0 -0
  142. /package/dist/chunks/{MazCarousel.OEdQTm3H.js → MazCarousel.zkUWvXi3.js} +0 -0
  143. /package/dist/chunks/{MazChart.CDZ2PBTC.js → MazChart.DK9eK8Vm.js} +0 -0
  144. /package/dist/chunks/{MazContainer.zXcfMOs-.js → MazContainer._5YIP1t7.js} +0 -0
  145. /package/dist/chunks/{MazExpandAnimation.CMMwtuQA.js → MazExpandAnimation.g4fQdHBT.js} +0 -0
  146. /package/dist/chunks/{MazIcon.ZWAk25ZX.js → MazIcon.CjRqfhiK.js} +0 -0
  147. /package/dist/chunks/{MazInputCode.DKnl3i-X.js → MazInputCode.CZcDO8ps.js} +0 -0
  148. /package/dist/chunks/{MazLoadingBar.C86AX2Tk.js → MazLoadingBar.CrZbpsGG.js} +0 -0
  149. /package/dist/chunks/{MazPickerCalendarDays.CSZZbk5Z.js → MazPickerCalendarDays.D5Acexwg.js} +0 -0
  150. /package/dist/chunks/{MazPickerContainer.BZ74M74V.js → MazPickerContainer.DiGs4rUB.js} +0 -0
  151. /package/dist/chunks/{MazPullToRefresh.DMtb6Oa3.js → MazPullToRefresh.BdUjDSJk.js} +0 -0
  152. /package/dist/chunks/{MazReadingProgressBar.828Y0mxA.js → MazReadingProgressBar.CQ8sYmRd.js} +0 -0
  153. /package/dist/chunks/{MazSkeleton.BewTYJC2.js → MazSkeleton.BUlU5xqm.js} +0 -0
  154. /package/dist/chunks/{MazSlider.BS5QHWK6.js → MazSlider.D7xXoWt3.js} +0 -0
  155. /package/dist/chunks/{MazSpinner.D3NN2pow.js → MazSpinner.PD7Xh3sG.js} +0 -0
  156. /package/dist/chunks/{MazStepper.D32yakNR.js → MazStepper.DotkcvGw.js} +0 -0
  157. /package/dist/chunks/{MazSwitch.Dvmj-rTW.js → MazSwitch.g3gASAjy.js} +0 -0
  158. /package/dist/chunks/{MazTable.NHFcmFxn.js → MazTable.CbTqc2Lu.js} +0 -0
  159. /package/dist/chunks/{MazTabs.-0-YP3QQ.js → MazTabs.C2G4iYWL.js} +0 -0
  160. /package/dist/chunks/{MazTabsBar.D2JVKMS7.js → MazTabsBar.DDKGnocr.js} +0 -0
  161. /package/dist/chunks/{MazTabsContent.C9omK25X.js → MazTabsContent.DPwDfpNu.js} +0 -0
  162. /package/dist/chunks/{MazTabsContentItem.mJEAS5R8.js → MazTabsContentItem.B-ayZKwu.js} +0 -0
  163. /package/dist/chunks/{dom-events.BPrKJiCz.js → dom-events.CyiheUR-.js} +0 -0
  164. /package/dist/chunks/{resolveLinkComponent.DAc3sqGH.js → resolveLinkComponent.Bc6lvxWm.js} +0 -0
  165. /package/dist/chunks/{toast.D9xr1dJH.js → toast.C5BJk7z2.js} +0 -0
  166. /package/dist/chunks/{types.DDbvTVqf.js → types.Cz3GY4VA.js} +0 -0
  167. /package/dist/chunks/{useMazInputPhoneNumber.B_qQ0ldP.js → useMazInputPhoneNumber.D0iOm44I.js} +0 -0
  168. /package/dist/chunks/{vLazyImg.CXmd3Lp0.js → vLazyImg.DnJQAVAF.js} +0 -0
  169. /package/dist/chunks/{vZoomImg.CaAHb98S.js → vZoomImg.Bro1AoK9.js} +0 -0
@@ -1 +1 @@
1
- import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useStringMatching}from"../composables/useStringMatching.js";import{t as MazInput_default}from"./MazInput.BlvZ4aiU.js";import{t as MazPopover_default}from"./MazPopover.Co8BEopX.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createSlots,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,nextTick,normalizeClass,normalizeStyle,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,useTemplateRef,watch,withCtx,withModifiers}from"vue";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazNoSymbol}from"@maz-ui/icons/lazy/MazNoSymbol";import{MazChevronDown}from"@maz-ui/icons/static/MazChevronDown";import{debounceCallback}from"@maz-ui/utils/helpers/debounceCallback";import{isClient}from"@maz-ui/utils/helpers/isClient";import{normalizeString}from"@maz-ui/utils/helpers/normalizeString";import '../assets/MazSelect.ChUdkWMI.css';var _hoisted_1=[`disabled`,`aria-label`];var _hoisted_2=[`id`];var _hoisted_3={key:0,class:`m-select-list__search-wrapper`};var _hoisted_4={class:`m-select-list__no-results`};var _hoisted_5={key:2,ref:`optionListWrapper`,class:`m-select-list__scroll-wrapper`,tabindex:`-1`};var _hoisted_6={class:`m-select-list-optgroup`};var _hoisted_7=[`tabindex`,`onClick`];var MazSelect_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazSelect`,props:mergeModels({style:{type:[Boolean,null,String,Object,Array],default:()=>void 0},class:{type:[Boolean,null,String,Object,Array],default:()=>void 0},id:{default:()=>void 0},label:{},placeholder:{},modelValue:{default:()=>void 0},options:{},optionValueKey:{default:`value`},optionLabelKey:{default:`label`},optionInputValueKey:{default:`label`},listPosition:{default:`auto`},preferPosition:{default:`bottom-start`},fallbackPosition:{default:`top-start`},itemHeight:{default:()=>void 0},maxListHeight:{default:240},maxListWidth:{default:()=>void 0},minListHeight:{default:()=>void 0},minListWidth:{default:()=>void 0},size:{default:`md`},color:{default:`primary`},search:{type:Boolean},searchFunction:{type:Function},searchThreshold:{default:.75},multiple:{type:Boolean,default:!1},required:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},autocomplete:{default:`off`},translations:{},formatInputValue:{type:Function},transition:{default:`scale-fade`}},{open:{default:!1},openModifiers:{}}),emits:mergeModels([`close`,`open`,`blur`,`focus`,`change`,`input`,`update:model-value`,`selected-option`],[`update:open`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazCheckbox=defineAsyncComponent(()=>import(`../components/MazCheckbox.js`));let popoverComponent=useTemplateRef(`popover`);let inputRef=useTemplateRef(`input`);let searchInputRef=useTemplateRef(`searchInput`);let optionListElement=useTemplateRef(`optionListRef`);let optionListWrapperRef=useTemplateRef(`optionListWrapper`);let selectedTextColor=computed(()=>`hsl(var(--maz-${__props.color}))`);let selectedBgColor=computed(()=>`hsl(var(--maz-${__props.color}-500) / 0.1)`);let{t}=useTranslations();let messages=computed(()=>({searchPlaceholder:__props.translations?.searchPlaceholder||t(`select.searchPlaceholder`)}));let isOpen=useModel(__props,`open`);let instanceId=useInstanceUniqId({componentName:`MazSelect`,providedId:__props.id});function getOptionPayload(option){return{[__props.optionValueKey]:option,[__props.optionLabelKey]:option,[__props.optionInputValueKey]:option}}function getNormalizedOptionPayload(option){return{...option,[__props.optionValueKey]:option[__props.optionValueKey],[__props.optionLabelKey]:option[__props.optionLabelKey],[__props.optionInputValueKey]:option[__props.optionInputValueKey]}}function getNormalizedOptions(options){let normalizedOptions=[];if(!options?.length)return[];for(let option of options)typeof option==`string`||typeof option==`number`||typeof option==`boolean`?normalizedOptions.push(getOptionPayload(option)):typeof option==`object`&&`options`in option&&Array.isArray(option.options)?normalizedOptions.push({label:option.label,isOptGroup:!0},...option.options.map(opt=>typeof opt==`string`||typeof opt==`number`||typeof opt==`boolean`?getOptionPayload(opt):getNormalizedOptionPayload(opt))):normalizedOptions.push(getNormalizedOptionPayload(option));return normalizedOptions}let optionsNormalized=computed(()=>getNormalizedOptions(__props.options??[]));function isOptionInSelection(option){return isNullOrUndefined(option[__props.optionValueKey])?!1:__props.multiple?Array.isArray(__props.modelValue)&&__props.modelValue.includes(option[__props.optionValueKey]):__props.modelValue===option[__props.optionValueKey]}let selectedOptions=computed(()=>optionsNormalized.value?.filter(isOptionInSelection)??[]);function isNullOrUndefined(value){return value==null}function isSelectedOption(option){return(selectedOptions.value?.some(selectedOption=>selectedOption[__props.optionValueKey]===option[__props.optionValueKey])??!1)&&!isNullOrUndefined(option[__props.optionValueKey])}let inputValue=computed(()=>{if(__props.multiple&&__props.modelValue&&Array.isArray(__props.modelValue)){let values=__props.modelValue.map(value=>optionsNormalized.value?.find(option=>option[__props.optionValueKey]===value)?.[__props.optionInputValueKey]);return __props.formatInputValue?__props.formatInputValue(values):values.join(`, `)}let selectedOption=optionsNormalized.value?.find(option=>option[__props.optionValueKey]===__props.modelValue);let value=isNullOrUndefined(__props.modelValue)?void 0:selectedOption?.[__props.optionInputValueKey];return __props.formatInputValue?__props.formatInputValue(value):value});let searchQuery=ref();let query=ref(``);function searchInValue(value,query){return query&&value&&normalizeString(value).includes(normalizeString(query))}function getFilteredOptionWithQuery(query){return query?optionsNormalized.value?.filter(option=>{let searchValue=option[__props.optionLabelKey];let searchValue3=option[__props.optionValueKey];let searchValue2=option[__props.optionInputValueKey];let threshold=__props.searchThreshold;return searchInValue(searchValue,query)||searchInValue(searchValue2,query)||searchInValue(searchValue3,query)||typeof searchValue==`string`&&useStringMatching(searchValue,query,threshold).isMatching.value||typeof searchValue2==`string`&&useStringMatching(searchValue2,query,threshold).isMatching.value||typeof searchValue3==`string`&&useStringMatching(searchValue3,query,threshold).isMatching.value}):optionsNormalized.value}let optionList=computed(()=>__props.searchFunction&&__props.search&&searchQuery.value?getNormalizedOptions(__props.searchFunction(searchQuery.value,__props.options??[])??[]):getFilteredOptionWithQuery(searchQuery.value));async function onOpenList(){let selectedIndex=optionList.value?.findIndex(option=>isSelectedOption(option));await scrollToOptionIndex(selectedIndex),emits(`open`)}function focusMainInput(){inputRef.value?.$el?.querySelector(`input`)?.focus()}function emitInputMainInput(){inputRef.value?.$el?.querySelector(`input`)?.dispatchEvent(new Event(`input`))}function focusSearchInputAndSetQuery(q){searchQuery.value=q,searchInputRef.value?.$el?.querySelector(`input`)?.focus()}function searchOptionWithQuery(keyPressed){keyPressed===`Backspace`&&query.value&&query.value.length>0?query.value=query.value.slice(0,-1):query.value+=keyPressed;let filteredOptions=getFilteredOptionWithQuery(query.value);if(!filteredOptions?.length)return;let optionIndex=optionList.value?.findIndex(option=>option[__props.optionValueKey]===filteredOptions[0][__props.optionValueKey]);typeof optionIndex!=`number`||optionIndex===-1||(scrollToOptionIndex(optionIndex),debounceCallback(()=>{query.value=``},1e3))}let isLetterOrNumberRegex=/^([\dA-Za-z\u0400-\u04FF])$/;function mainInputKeyboardHandler(event){if(event.ctrlKey||event.metaKey||event.altKey)return;let keyPressed=event.key;(keyPressed===`ArrowDown`||keyPressed===`ArrowUp`||isLetterOrNumberRegex.test(keyPressed))&&!isOpen.value&&(event.preventDefault(),popoverComponent.value?.open()),isLetterOrNumberRegex.test(keyPressed)&&__props.search&&(event.preventDefault(),event.stopPropagation(),focusSearchInputAndSetQuery(keyPressed))}async function scrollToOptionIndex(index){if(await nextTick(),typeof index!=`number`||index<0)return;let item=optionListElement.value?.querySelector(`.m-select-list-item:nth-child(${index+1})`);if(item&&optionListWrapperRef.value){let wrapperRect=optionListWrapperRef.value.getBoundingClientRect();let itemRect=item.getBoundingClientRect();let scrollTop=item.offsetTop-wrapperRect.height/2-itemRect.height;optionListWrapperRef.value.scrollTo?.({top:scrollTop,behavior:`auto`}),setTimeout(()=>{item.focus({preventScroll:!0})},100)}}function updateValue(inputOption,mustCloseList=!0){mustCloseList&&!__props.multiple&&nextTick(()=>{popoverComponent.value?.close()}),searchQuery.value=``;let isAlreadySelected=selectedOptions.value?.some(option=>option[__props.optionValueKey]===inputOption[__props.optionValueKey]);let newValue=selectedOptions.value;isAlreadySelected&&__props.multiple?newValue=newValue?.filter(option=>option[__props.optionValueKey]!==inputOption[__props.optionValueKey]):__props.multiple?newValue.push(inputOption):newValue=[inputOption];let selectedValues=newValue.map(option=>option[__props.optionValueKey]);emits(`update:model-value`,__props.multiple?selectedValues:selectedValues[0]),emits(`selected-option`,inputOption),emitInputMainInput(),focusMainInput()}function keydownHandler(event){let keyPressed=event.key;if(keyPressed===`ArrowDown`||keyPressed===`ArrowUp`){event.preventDefault();let itemLength=optionList.value?.length;if(!itemLength)return;let currentElement=document.activeElement;let itemsElements=document.querySelectorAll(`#${instanceId.value}-option-list .m-select-list-item`);let currentIndex=[...itemsElements].indexOf(currentElement);if(currentIndex===-1){itemsElements[0]?.focus({preventScroll:!0});return}itemsElements[keyPressed===`ArrowDown`?(currentIndex+1)%itemLength:(currentIndex-1+itemLength)%itemLength]?.focus()}else !__props.search&&isLetterOrNumberRegex.test(keyPressed)&&searchOptionWithQuery(keyPressed)}function updateListPosition(){nextTick(()=>{popoverComponent.value?.updatePosition()})}return watch(isOpen,value=>{isClient()&&(value?document.addEventListener(`keydown`,keydownHandler):document.removeEventListener(`keydown`,keydownHandler))},{immediate:!0}),__expose({open:()=>{popoverComponent.value?.open()},close:()=>{popoverComponent.value?.close()}}),(_ctx,_cache)=>(openBlock(),createBlock(MazPopover_default,{id:`${unref(instanceId)}-popover`,ref:`popover`,modelValue:isOpen.value,"onUpdate:modelValue":_cache[5]||=$event=>isOpen.value=$event,class:normalizeClass([`m-select m-reset-css`,[{"--is-open":isOpen.value,"--disabled":__props.disabled},__props.class,`--${__props.size}`]]),style:normalizeStyle(__props.style),trigger:`click`,block:__props.block,transition:__props.transition,offset:0,position:__props.listPosition,disabled:__props.disabled,"prefer-position":__props.preferPosition,"fallback-position":__props.fallbackPosition,"position-reference":`#${unref(instanceId)}-popover .m-input-wrapper`,onClose:_cache[6]||=$event=>emits(`close`),onOpen:onOpenList},{trigger:withCtx(({close,open:openPicker,toggle:togglePopover})=>[createVNode(MazInput_default,mergeProps({id:unref(instanceId),ref:`input`,class:`m-select-input`},_ctx.$attrs,{required:__props.required,"border-active":isOpen.value,color:__props.color,"model-value":inputValue.value,size:__props.size,block:__props.block,placeholder:__props.placeholder,label:__props.label,autocomplete:__props.autocomplete,disabled:__props.disabled,readonly:``,onChange:_cache[0]||=$event=>emits(`change`,$event),onInput:_cache[1]||=$event=>emits(`input`,$event),onFocus:_cache[2]||=$event=>emits(`focus`,$event),onBlur:_cache[3]||=$event=>emits(`blur`,$event),onKeydown:mainInputKeyboardHandler}),createSlots({"right-icon":withCtx(()=>[renderSlot(_ctx.$slots,`right-icon`,{isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},()=>[createElementVNode(`button`,{tabindex:`-1`,disabled:__props.disabled,type:`button`,class:`m-select-input__toggle-button maz-custom`,"aria-label":`${isOpen.value?`collapse`:`expand`} list of options`},[createVNode(unref(MazChevronDown),{class:`m-select-chevron`})],8,_hoisted_1)],!0)]),_:2},[_ctx.$slots[`left-icon`]?{name:`left-icon`,fn:withCtx(()=>[renderSlot(_ctx.$slots,`left-icon`,{isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},void 0,!0)]),key:`0`}:void 0]),1040,[`id`,`required`,`border-active`,`color`,`model-value`,`size`,`block`,`placeholder`,`label`,`autocomplete`,`disabled`])]),default:withCtx(({close,open:openPicker,toggle:togglePopover})=>[createElementVNode(`div`,{id:`${unref(instanceId)}-option-list`,ref:`optionListRef`,class:normalizeClass([`m-select-list`,`--${__props.size}`]),style:normalizeStyle([{maxHeight:`${__props.maxListHeight}px`,maxWidth:`${__props.maxListWidth}px`,minHeight:`${__props.minListHeight}px`,minWidth:`${__props.minListWidth}px`,"--selected-bg-color":selectedBgColor.value,"--selected-text-color":selectedTextColor.value}])},[__props.search?(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazInput_default,{ref:`searchInput`,modelValue:searchQuery.value,"onUpdate:modelValue":[_cache[4]||=$event=>searchQuery.value=$event,updateListPosition],size:`sm`,disabled:__props.disabled,color:__props.color,placeholder:messages.value.searchPlaceholder,name:`search`,inputmode:`search`,autocomplete:`off`,block:``,class:`m-select-list__search-input maz-flex-none`,"left-icon":unref(MazMagnifyingGlass)},null,8,[`modelValue`,`disabled`,`color`,`placeholder`,`left-icon`])])):createCommentVNode(``,!0),!optionList.value||optionList.value.length<=0?renderSlot(_ctx.$slots,`no-results`,{key:1},()=>[createElementVNode(`span`,_hoisted_4,[createVNode(unref(MazNoSymbol),{class:`maz-size-6 maz-text-foreground`})])],!0):(openBlock(),createElementBlock(`div`,_hoisted_5,[(openBlock(!0),createElementBlock(Fragment,null,renderList(optionList.value,(option,i)=>(openBlock(),createElementBlock(Fragment,{key:i},[option.label&&option.isOptGroup?renderSlot(_ctx.$slots,`optgroup`,{key:0,label:option.label},()=>[createElementVNode(`span`,_hoisted_6,toDisplayString(option.label),1)],!0):(openBlock(),createElementBlock(`button`,{key:1,type:`button`,tabindex:__props.multiple?-1:0,class:normalizeClass([`m-select-list-item maz-custom maz-flex-none`,[{"--is-selected":isSelectedOption(option),"--is-none-value":isNullOrUndefined(option[__props.optionValueKey])}]]),style:normalizeStyle(__props.itemHeight?{height:`${__props.itemHeight}px`}:void 0),onClick:withModifiers($event=>updateValue(option,!0),[`prevent`,`stop`])},[__props.multiple?(openBlock(),createBlock(unref(MazCheckbox),{key:0,"model-value":isSelectedOption(option),size:`sm`,color:__props.color},null,8,[`model-value`,`color`])):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`,{option,isSelected:isSelectedOption(option),isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},()=>[createElementVNode(`span`,null,toDisplayString(option[__props.optionLabelKey]),1)],!0)],14,_hoisted_7))],64))),128))],512))],14,_hoisted_2)]),_:3},8,[`id`,`modelValue`,`class`,`style`,`block`,`transition`,`position`,`disabled`,`prefer-position`,`fallback-position`,`position-reference`]))}}),[[`__scopeId`,`data-v-6d9584ff`]]);export{MazSelect_default as t};
1
+ import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{useStringMatching}from"../composables/useStringMatching.js";import{t as MazInput_default}from"./MazInput.C2gyftm8.js";import{t as MazPopover_default}from"./MazPopover.CQ2wlHBw.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createSlots,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,nextTick,normalizeClass,normalizeStyle,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,useTemplateRef,watch,withCtx,withModifiers}from"vue";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazNoSymbol}from"@maz-ui/icons/lazy/MazNoSymbol";import{MazChevronDown}from"@maz-ui/icons/static/MazChevronDown";import{debounceCallback}from"@maz-ui/utils/helpers/debounceCallback";import{isClient}from"@maz-ui/utils/helpers/isClient";import{normalizeString}from"@maz-ui/utils/helpers/normalizeString";import '../assets/MazSelect.ChUdkWMI.css';var _hoisted_1=[`disabled`,`aria-label`];var _hoisted_2=[`id`];var _hoisted_3={key:0,class:`m-select-list__search-wrapper`};var _hoisted_4={class:`m-select-list__no-results`};var _hoisted_5={key:2,ref:`optionListWrapper`,class:`m-select-list__scroll-wrapper`,tabindex:`-1`};var _hoisted_6={class:`m-select-list-optgroup`};var _hoisted_7=[`tabindex`,`onClick`];var MazSelect_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazSelect`,props:mergeModels({style:{type:[Boolean,null,String,Object,Array],default:()=>void 0},class:{type:[Boolean,null,String,Object,Array],default:()=>void 0},id:{default:()=>void 0},label:{},placeholder:{},modelValue:{default:()=>void 0},options:{},optionValueKey:{default:`value`},optionLabelKey:{default:`label`},optionInputValueKey:{default:`label`},listPosition:{default:`auto`},preferPosition:{default:`bottom-start`},fallbackPosition:{default:`top-start`},itemHeight:{default:()=>void 0},maxListHeight:{default:240},maxListWidth:{default:()=>void 0},minListHeight:{default:()=>void 0},minListWidth:{default:()=>void 0},size:{default:`md`},color:{default:`primary`},search:{type:Boolean},searchFunction:{type:Function},searchThreshold:{default:.75},multiple:{type:Boolean,default:!1},required:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},autocomplete:{default:`off`},translations:{},formatInputValue:{type:Function},transition:{default:`scale-fade`}},{open:{default:!1},openModifiers:{}}),emits:mergeModels([`close`,`open`,`blur`,`focus`,`change`,`input`,`update:model-value`,`selected-option`],[`update:open`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazCheckbox=defineAsyncComponent(()=>import(`../components/MazCheckbox.js`));let popoverComponent=useTemplateRef(`popover`);let inputRef=useTemplateRef(`input`);let searchInputRef=useTemplateRef(`searchInput`);let optionListElement=useTemplateRef(`optionListRef`);let optionListWrapperRef=useTemplateRef(`optionListWrapper`);let selectedTextColor=computed(()=>`hsl(var(--maz-${__props.color}))`);let selectedBgColor=computed(()=>`hsl(var(--maz-${__props.color}-500) / 0.1)`);let{t}=useTranslations();let messages=computed(()=>({searchPlaceholder:__props.translations?.searchPlaceholder||t(`select.searchPlaceholder`)}));let isOpen=useModel(__props,`open`);let instanceId=useInstanceUniqId({componentName:`MazSelect`,providedId:__props.id});function getOptionPayload(option){return{[__props.optionValueKey]:option,[__props.optionLabelKey]:option,[__props.optionInputValueKey]:option}}function getNormalizedOptionPayload(option){return{...option,[__props.optionValueKey]:option[__props.optionValueKey],[__props.optionLabelKey]:option[__props.optionLabelKey],[__props.optionInputValueKey]:option[__props.optionInputValueKey]}}function getNormalizedOptions(options){let normalizedOptions=[];if(!options?.length)return[];for(let option of options)typeof option==`string`||typeof option==`number`||typeof option==`boolean`?normalizedOptions.push(getOptionPayload(option)):typeof option==`object`&&`options`in option&&Array.isArray(option.options)?normalizedOptions.push({label:option.label,isOptGroup:!0},...option.options.map(opt=>typeof opt==`string`||typeof opt==`number`||typeof opt==`boolean`?getOptionPayload(opt):getNormalizedOptionPayload(opt))):normalizedOptions.push(getNormalizedOptionPayload(option));return normalizedOptions}let optionsNormalized=computed(()=>getNormalizedOptions(__props.options??[]));function isOptionInSelection(option){return isNullOrUndefined(option[__props.optionValueKey])?!1:__props.multiple?Array.isArray(__props.modelValue)&&__props.modelValue.includes(option[__props.optionValueKey]):__props.modelValue===option[__props.optionValueKey]}let selectedOptions=computed(()=>optionsNormalized.value?.filter(isOptionInSelection)??[]);function isNullOrUndefined(value){return value==null}function isSelectedOption(option){return(selectedOptions.value?.some(selectedOption=>selectedOption[__props.optionValueKey]===option[__props.optionValueKey])??!1)&&!isNullOrUndefined(option[__props.optionValueKey])}let inputValue=computed(()=>{if(__props.multiple&&__props.modelValue&&Array.isArray(__props.modelValue)){let values=__props.modelValue.map(value=>optionsNormalized.value?.find(option=>option[__props.optionValueKey]===value)?.[__props.optionInputValueKey]);return __props.formatInputValue?__props.formatInputValue(values):values.join(`, `)}let selectedOption=optionsNormalized.value?.find(option=>option[__props.optionValueKey]===__props.modelValue);let value=isNullOrUndefined(__props.modelValue)?void 0:selectedOption?.[__props.optionInputValueKey];return __props.formatInputValue?__props.formatInputValue(value):value});let searchQuery=ref();let query=ref(``);function searchInValue(value,query){return query&&value&&normalizeString(value).includes(normalizeString(query))}function getFilteredOptionWithQuery(query){return query?optionsNormalized.value?.filter(option=>{let searchValue=option[__props.optionLabelKey];let searchValue3=option[__props.optionValueKey];let searchValue2=option[__props.optionInputValueKey];let threshold=__props.searchThreshold;return searchInValue(searchValue,query)||searchInValue(searchValue2,query)||searchInValue(searchValue3,query)||typeof searchValue==`string`&&useStringMatching(searchValue,query,threshold).isMatching.value||typeof searchValue2==`string`&&useStringMatching(searchValue2,query,threshold).isMatching.value||typeof searchValue3==`string`&&useStringMatching(searchValue3,query,threshold).isMatching.value}):optionsNormalized.value}let optionList=computed(()=>__props.searchFunction&&__props.search&&searchQuery.value?getNormalizedOptions(__props.searchFunction(searchQuery.value,__props.options??[])??[]):getFilteredOptionWithQuery(searchQuery.value));async function onOpenList(){let selectedIndex=optionList.value?.findIndex(option=>isSelectedOption(option));await scrollToOptionIndex(selectedIndex),emits(`open`)}function focusMainInput(){inputRef.value?.$el?.querySelector(`input`)?.focus()}function emitInputMainInput(){inputRef.value?.$el?.querySelector(`input`)?.dispatchEvent(new Event(`input`))}function focusSearchInputAndSetQuery(q){searchQuery.value=q,searchInputRef.value?.$el?.querySelector(`input`)?.focus()}function searchOptionWithQuery(keyPressed){keyPressed===`Backspace`&&query.value&&query.value.length>0?query.value=query.value.slice(0,-1):query.value+=keyPressed;let filteredOptions=getFilteredOptionWithQuery(query.value);if(!filteredOptions?.length)return;let optionIndex=optionList.value?.findIndex(option=>option[__props.optionValueKey]===filteredOptions[0][__props.optionValueKey]);typeof optionIndex!=`number`||optionIndex===-1||(scrollToOptionIndex(optionIndex),debounceCallback(()=>{query.value=``},1e3))}let isLetterOrNumberRegex=/^([\dA-Za-z\u0400-\u04FF])$/;function mainInputKeyboardHandler(event){if(event.ctrlKey||event.metaKey||event.altKey)return;let keyPressed=event.key;(keyPressed===`ArrowDown`||keyPressed===`ArrowUp`||isLetterOrNumberRegex.test(keyPressed))&&!isOpen.value&&(event.preventDefault(),popoverComponent.value?.open()),isLetterOrNumberRegex.test(keyPressed)&&__props.search&&(event.preventDefault(),event.stopPropagation(),focusSearchInputAndSetQuery(keyPressed))}async function scrollToOptionIndex(index){if(await nextTick(),typeof index!=`number`||index<0)return;let item=optionListElement.value?.querySelector(`.m-select-list-item:nth-child(${index+1})`);if(item&&optionListWrapperRef.value){let wrapperRect=optionListWrapperRef.value.getBoundingClientRect();let itemRect=item.getBoundingClientRect();let scrollTop=item.offsetTop-wrapperRect.height/2-itemRect.height;optionListWrapperRef.value.scrollTo?.({top:scrollTop,behavior:`auto`}),setTimeout(()=>{item.focus({preventScroll:!0})},100)}}function updateValue(inputOption,mustCloseList=!0){mustCloseList&&!__props.multiple&&nextTick(()=>{popoverComponent.value?.close()}),searchQuery.value=``;let isAlreadySelected=selectedOptions.value?.some(option=>option[__props.optionValueKey]===inputOption[__props.optionValueKey]);let newValue=selectedOptions.value;isAlreadySelected&&__props.multiple?newValue=newValue?.filter(option=>option[__props.optionValueKey]!==inputOption[__props.optionValueKey]):__props.multiple?newValue.push(inputOption):newValue=[inputOption];let selectedValues=newValue.map(option=>option[__props.optionValueKey]);emits(`update:model-value`,__props.multiple?selectedValues:selectedValues[0]),emits(`selected-option`,inputOption),emitInputMainInput(),focusMainInput()}function keydownHandler(event){let keyPressed=event.key;if(keyPressed===`ArrowDown`||keyPressed===`ArrowUp`){event.preventDefault();let itemLength=optionList.value?.length;if(!itemLength)return;let currentElement=document.activeElement;let itemsElements=document.querySelectorAll(`#${instanceId.value}-option-list .m-select-list-item`);let currentIndex=[...itemsElements].indexOf(currentElement);if(currentIndex===-1){itemsElements[0]?.focus({preventScroll:!0});return}itemsElements[keyPressed===`ArrowDown`?(currentIndex+1)%itemLength:(currentIndex-1+itemLength)%itemLength]?.focus()}else !__props.search&&isLetterOrNumberRegex.test(keyPressed)&&searchOptionWithQuery(keyPressed)}function updateListPosition(){nextTick(()=>{popoverComponent.value?.updatePosition()})}return watch(isOpen,value=>{isClient()&&(value?document.addEventListener(`keydown`,keydownHandler):document.removeEventListener(`keydown`,keydownHandler))},{immediate:!0}),__expose({open:()=>{popoverComponent.value?.open()},close:()=>{popoverComponent.value?.close()}}),(_ctx,_cache)=>(openBlock(),createBlock(MazPopover_default,{id:`${unref(instanceId)}-popover`,ref:`popover`,modelValue:isOpen.value,"onUpdate:modelValue":_cache[5]||=$event=>isOpen.value=$event,class:normalizeClass([`m-select m-reset-css`,[{"--is-open":isOpen.value,"--disabled":__props.disabled},__props.class,`--${__props.size}`]]),style:normalizeStyle(__props.style),trigger:`click`,block:__props.block,transition:__props.transition,offset:0,position:__props.listPosition,disabled:__props.disabled,"prefer-position":__props.preferPosition,"fallback-position":__props.fallbackPosition,"position-reference":`#${unref(instanceId)}-popover .m-input-wrapper`,onClose:_cache[6]||=$event=>emits(`close`),onOpen:onOpenList},{trigger:withCtx(({close,open:openPicker,toggle:togglePopover})=>[createVNode(MazInput_default,mergeProps({id:unref(instanceId),ref:`input`,class:`m-select-input`},_ctx.$attrs,{required:__props.required,"border-active":isOpen.value,color:__props.color,"model-value":inputValue.value,size:__props.size,block:__props.block,placeholder:__props.placeholder,label:__props.label,autocomplete:__props.autocomplete,disabled:__props.disabled,readonly:``,onChange:_cache[0]||=$event=>emits(`change`,$event),onInput:_cache[1]||=$event=>emits(`input`,$event),onFocus:_cache[2]||=$event=>emits(`focus`,$event),onBlur:_cache[3]||=$event=>emits(`blur`,$event),onKeydown:mainInputKeyboardHandler}),createSlots({"right-icon":withCtx(()=>[renderSlot(_ctx.$slots,`right-icon`,{isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},()=>[createElementVNode(`button`,{tabindex:`-1`,disabled:__props.disabled,type:`button`,class:`m-select-input__toggle-button maz-custom`,"aria-label":`${isOpen.value?`collapse`:`expand`} list of options`},[createVNode(unref(MazChevronDown),{class:`m-select-chevron`})],8,_hoisted_1)],!0)]),_:2},[_ctx.$slots[`left-icon`]?{name:`left-icon`,fn:withCtx(()=>[renderSlot(_ctx.$slots,`left-icon`,{isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},void 0,!0)]),key:`0`}:void 0]),1040,[`id`,`required`,`border-active`,`color`,`model-value`,`size`,`block`,`placeholder`,`label`,`autocomplete`,`disabled`])]),default:withCtx(({close,open:openPicker,toggle:togglePopover})=>[createElementVNode(`div`,{id:`${unref(instanceId)}-option-list`,ref:`optionListRef`,class:normalizeClass([`m-select-list`,`--${__props.size}`]),style:normalizeStyle([{maxHeight:`${__props.maxListHeight}px`,maxWidth:`${__props.maxListWidth}px`,minHeight:`${__props.minListHeight}px`,minWidth:`${__props.minListWidth}px`,"--selected-bg-color":selectedBgColor.value,"--selected-text-color":selectedTextColor.value}])},[__props.search?(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazInput_default,{ref:`searchInput`,modelValue:searchQuery.value,"onUpdate:modelValue":[_cache[4]||=$event=>searchQuery.value=$event,updateListPosition],size:`sm`,disabled:__props.disabled,color:__props.color,placeholder:messages.value.searchPlaceholder,name:`search`,inputmode:`search`,autocomplete:`off`,block:``,class:`m-select-list__search-input maz-flex-none`,"left-icon":unref(MazMagnifyingGlass)},null,8,[`modelValue`,`disabled`,`color`,`placeholder`,`left-icon`])])):createCommentVNode(``,!0),!optionList.value||optionList.value.length<=0?renderSlot(_ctx.$slots,`no-results`,{key:1},()=>[createElementVNode(`span`,_hoisted_4,[createVNode(unref(MazNoSymbol),{class:`maz-size-6 maz-text-foreground`})])],!0):(openBlock(),createElementBlock(`div`,_hoisted_5,[(openBlock(!0),createElementBlock(Fragment,null,renderList(optionList.value,(option,i)=>(openBlock(),createElementBlock(Fragment,{key:i},[option.label&&option.isOptGroup?renderSlot(_ctx.$slots,`optgroup`,{key:0,label:option.label},()=>[createElementVNode(`span`,_hoisted_6,toDisplayString(option.label),1)],!0):(openBlock(),createElementBlock(`button`,{key:1,type:`button`,tabindex:__props.multiple?-1:0,class:normalizeClass([`m-select-list-item maz-custom maz-flex-none`,[{"--is-selected":isSelectedOption(option),"--is-none-value":isNullOrUndefined(option[__props.optionValueKey])}]]),style:normalizeStyle(__props.itemHeight?{height:`${__props.itemHeight}px`}:void 0),onClick:withModifiers($event=>updateValue(option,!0),[`prevent`,`stop`])},[__props.multiple?(openBlock(),createBlock(unref(MazCheckbox),{key:0,"model-value":isSelectedOption(option),size:`sm`,color:__props.color},null,8,[`model-value`,`color`])):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`,{option,isSelected:isSelectedOption(option),isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},()=>[createElementVNode(`span`,null,toDisplayString(option[__props.optionLabelKey]),1)],!0)],14,_hoisted_7))],64))),128))],512))],14,_hoisted_2)]),_:3},8,[`id`,`modelValue`,`class`,`style`,`block`,`transition`,`position`,`disabled`,`prefer-position`,`fallback-position`,`position-reference`]))}}),[[`__scopeId`,`data-v-6d9584ff`]]);export{MazSelect_default as t};
@@ -1 +1 @@
1
- import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useDisplayNames}from"../composables/useDisplayNames.js";import{t as MazSelect_default}from"./MazSelect.0sfOMZdb.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,renderSlot,toDisplayString,unref,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{getBrowserLocale}from"@maz-ui/utils/helpers/getBrowserLocale";import{getCountryFlagUrl}from"@maz-ui/utils/helpers/getCountryFlagUrl";import '../assets/MazSelectCountry.kRB-iu5_.css';var _hoisted_1={key:0,class:`m-select-country__select__item__flag-container`};var _hoisted_2={key:1,class:`m-select-country__select__item__list-flag`};var _hoisted_3={class:`maz-text-muted`};var MazSelectCountry_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazSelectCountry`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},id:{},color:{default:`primary`},size:{default:`md`},preferredCodes:{},ignoredCodes:{},onlyCodes:{},listPosition:{},hideFlags:{type:Boolean},search:{type:Boolean,default:!0},showCodeInList:{type:Boolean,default:!1},locale:{},success:{type:Boolean},error:{type:Boolean},warning:{type:Boolean},displayCode:{type:Boolean},searchThreshold:{},translations:{},hint:{},options:{},displayNamesOptions:{default:()=>({type:`region`,languageDisplay:`standard`,fallback:`code`,style:`long`})},codesType:{},open:{type:Boolean},label:{},placeholder:{},modelValue:{},optionValueKey:{default:`code`},optionLabelKey:{default:`name`},optionInputValueKey:{default:`name`},preferPosition:{},fallbackPosition:{},itemHeight:{},maxListHeight:{},maxListWidth:{default:250},minListHeight:{},minListWidth:{default:200},searchFunction:{type:Function},required:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},autocomplete:{},formatInputValue:{type:Function},transition:{}},emits:[`update:model-value`],setup(__props){let instanceId=useInstanceUniqId({componentName:`MazSelectCountry`,providedId:__props.id});let{t,locale:mazLocale}=useTranslations();let locale=computed(()=>__props.locale??mazLocale.value??getBrowserLocale());let MazLazyImg=defineAsyncComponent(()=>import(`../components/MazLazyImg.js`));let{getAllDisplayNames}=useDisplayNames(locale);let displayNames=getAllDisplayNames({type:()=>__props.displayNamesOptions.type,languageDisplay:()=>__props.displayNamesOptions.languageDisplay,fallback:()=>__props.displayNamesOptions.fallback,style:()=>__props.displayNamesOptions.style,onlyCodes:()=>__props.onlyCodes,excludedCodes:()=>__props.ignoredCodes,preferredCodes:()=>__props.preferredCodes,codesType:computed(()=>__props.codesType?__props.codesType:__props.displayNamesOptions.type===`region`?`country`:`iso`)});let countriesOptions=computed(()=>__props.options?__props.options:displayNames?.value??[]);let messages=computed(()=>({searchPlaceholder:__props.translations?.searchPlaceholder??t(`selectCountry.searchPlaceholder`)}));function getFlagUrl(code,size=`h20`){return getCountryFlagUrl(code.slice(0,2),size)||getCountryFlagUrl(code.slice(3,5),size)||getCountryFlagUrl(code,size)}let flagUrl=computed(()=>{if(__props.modelValue)return getFlagUrl(__props.modelValue)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-select-country m-reset-css`,[__props.class,{"--no-flags":__props.hideFlags}]]),style:normalizeStyle(__props.style)},[createVNode(MazSelect_default,mergeProps({id:unref(instanceId),"model-value":__props.modelValue},_ctx.$attrs,{class:`m-select-country__select`,"option-value-key":__props.optionValueKey,"option-label-key":__props.optionLabelKey,"option-input-value-key":__props.displayCode?`code`:__props.optionInputValueKey,"max-list-width":__props.maxListWidth,"min-list-width":__props.minListWidth,disabled:__props.disabled,color:__props.color,placeholder:__props.placeholder,label:__props.label,size:__props.size,multiple:!1,"list-position":__props.listPosition,error:__props.error,warning:__props.warning,success:__props.success,search:__props.search,block:__props.block,autocomplete:__props.autocomplete,"item-height":__props.itemHeight,"max-list-height":__props.maxListHeight,"min-list-height":__props.minListHeight,required:__props.required,"search-function":__props.searchFunction,"format-input-value":__props.formatInputValue,translations:messages.value,"search-threshold":__props.searchThreshold,options:countriesOptions.value,hint:__props.hint,open:__props.open,"onUpdate:modelValue":_cache[0]||=$event=>_ctx.$emit(`update:model-value`,$event)}),{"left-icon":withCtx(()=>[renderSlot(_ctx.$slots,`selector-flag`,{countryCode:__props.modelValue},()=>[flagUrl.value&&!__props.hideFlags?(openBlock(),createBlock(unref(MazLazyImg),{key:0,src:flagUrl.value,alt:__props.modelValue,width:`20`,height:`20`,class:`maz-size-5 maz-rounded`,"img-class":`maz-size-5 maz-rounded`},null,8,[`src`,`alt`])):createCommentVNode(``,!0)],!0)]),"no-results":withCtx(()=>[renderSlot(_ctx.$slots,`no-results`,{},void 0,!0)]),default:withCtx(({option,isSelected})=>[createElementVNode(`div`,{class:normalizeClass([`m-select-country__select__item`,{"m-select-country__select__item--selected":isSelected}])},[!__props.hideFlags&&typeof option.code==`string`?(openBlock(),createElementBlock(`span`,_hoisted_1,[renderSlot(_ctx.$slots,`country-list-flag`,{option,isSelected},()=>[option.code&&getFlagUrl(option.code)?(openBlock(),createBlock(unref(MazLazyImg),{key:0,src:getFlagUrl(option.code),alt:`${option.name} flag`,width:`20`,height:`20`,class:`maz-size-5 maz-rounded`,"img-class":`maz-rounded maz-h-5 maz-w-5`},null,8,[`src`,`alt`])):(openBlock(),createElementBlock(`span`,_hoisted_2,toDisplayString(option.code),1))],!0)])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`maz-flex maz-flex-1 maz-gap-2 maz-truncate`,{"maz-font-semibold":isSelected}])},[__props.showCodeInList?renderSlot(_ctx.$slots,`country-list-code`,{key:0,option,isSelected},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(option.code),1)],!0):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`country-list-name`,{option,isSelected},()=>[createElementVNode(`span`,null,toDisplayString(option.name),1)],!0)],2)],2)]),_:3},16,`id.model-value.option-value-key.option-label-key.option-input-value-key.max-list-width.min-list-width.disabled.color.placeholder.label.size.list-position.error.warning.success.search.block.autocomplete.item-height.max-list-height.min-list-height.required.search-function.format-input-value.translations.search-threshold.options.hint.open`.split(`.`))],6))}}),[[`__scopeId`,`data-v-49632158`]]);export{MazSelectCountry_default as t};
1
+ import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{useDisplayNames}from"../composables/useDisplayNames.js";import{t as MazSelect_default}from"./MazSelect.BwcJEABw.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,renderSlot,toDisplayString,unref,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{getBrowserLocale}from"@maz-ui/utils/helpers/getBrowserLocale";import{getCountryFlagUrl}from"@maz-ui/utils/helpers/getCountryFlagUrl";import '../assets/MazSelectCountry.kRB-iu5_.css';var _hoisted_1={key:0,class:`m-select-country__select__item__flag-container`};var _hoisted_2={key:1,class:`m-select-country__select__item__list-flag`};var _hoisted_3={class:`maz-text-muted`};var MazSelectCountry_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazSelectCountry`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},id:{},color:{default:`primary`},size:{default:`md`},preferredCodes:{},ignoredCodes:{},onlyCodes:{},listPosition:{},hideFlags:{type:Boolean},search:{type:Boolean,default:!0},showCodeInList:{type:Boolean,default:!1},locale:{},success:{type:Boolean},error:{type:Boolean},warning:{type:Boolean},displayCode:{type:Boolean},searchThreshold:{},translations:{},hint:{},options:{},displayNamesOptions:{default:()=>({type:`region`,languageDisplay:`standard`,fallback:`code`,style:`long`})},codesType:{},open:{type:Boolean},label:{},placeholder:{},modelValue:{},optionValueKey:{default:`code`},optionLabelKey:{default:`name`},optionInputValueKey:{default:`name`},preferPosition:{},fallbackPosition:{},itemHeight:{},maxListHeight:{},maxListWidth:{default:250},minListHeight:{},minListWidth:{default:200},searchFunction:{type:Function},required:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},autocomplete:{},formatInputValue:{type:Function},transition:{}},emits:[`update:model-value`],setup(__props){let instanceId=useInstanceUniqId({componentName:`MazSelectCountry`,providedId:__props.id});let{t,locale:mazLocale}=useTranslations();let locale=computed(()=>__props.locale??mazLocale.value??getBrowserLocale());let MazLazyImg=defineAsyncComponent(()=>import(`../components/MazLazyImg.js`));let{getAllDisplayNames}=useDisplayNames(locale);let displayNames=getAllDisplayNames({type:()=>__props.displayNamesOptions.type,languageDisplay:()=>__props.displayNamesOptions.languageDisplay,fallback:()=>__props.displayNamesOptions.fallback,style:()=>__props.displayNamesOptions.style,onlyCodes:()=>__props.onlyCodes,excludedCodes:()=>__props.ignoredCodes,preferredCodes:()=>__props.preferredCodes,codesType:computed(()=>__props.codesType?__props.codesType:__props.displayNamesOptions.type===`region`?`country`:`iso`)});let countriesOptions=computed(()=>__props.options?__props.options:displayNames?.value??[]);let messages=computed(()=>({searchPlaceholder:__props.translations?.searchPlaceholder??t(`selectCountry.searchPlaceholder`)}));function getFlagUrl(code,size=`h20`){return getCountryFlagUrl(code.slice(0,2),size)||getCountryFlagUrl(code.slice(3,5),size)||getCountryFlagUrl(code,size)}let flagUrl=computed(()=>{if(__props.modelValue)return getFlagUrl(__props.modelValue)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-select-country m-reset-css`,[__props.class,{"--no-flags":__props.hideFlags}]]),style:normalizeStyle(__props.style)},[createVNode(MazSelect_default,mergeProps({id:unref(instanceId),"model-value":__props.modelValue},_ctx.$attrs,{class:`m-select-country__select`,"option-value-key":__props.optionValueKey,"option-label-key":__props.optionLabelKey,"option-input-value-key":__props.displayCode?`code`:__props.optionInputValueKey,"max-list-width":__props.maxListWidth,"min-list-width":__props.minListWidth,disabled:__props.disabled,color:__props.color,placeholder:__props.placeholder,label:__props.label,size:__props.size,multiple:!1,"list-position":__props.listPosition,error:__props.error,warning:__props.warning,success:__props.success,search:__props.search,block:__props.block,autocomplete:__props.autocomplete,"item-height":__props.itemHeight,"max-list-height":__props.maxListHeight,"min-list-height":__props.minListHeight,required:__props.required,"search-function":__props.searchFunction,"format-input-value":__props.formatInputValue,translations:messages.value,"search-threshold":__props.searchThreshold,options:countriesOptions.value,hint:__props.hint,open:__props.open,"onUpdate:modelValue":_cache[0]||=$event=>_ctx.$emit(`update:model-value`,$event)}),{"left-icon":withCtx(()=>[renderSlot(_ctx.$slots,`selector-flag`,{countryCode:__props.modelValue},()=>[flagUrl.value&&!__props.hideFlags?(openBlock(),createBlock(unref(MazLazyImg),{key:0,src:flagUrl.value,alt:__props.modelValue,width:`20`,height:`20`,class:`maz-size-5 maz-rounded`,"img-class":`maz-size-5 maz-rounded`},null,8,[`src`,`alt`])):createCommentVNode(``,!0)],!0)]),"no-results":withCtx(()=>[renderSlot(_ctx.$slots,`no-results`,{},void 0,!0)]),default:withCtx(({option,isSelected})=>[createElementVNode(`div`,{class:normalizeClass([`m-select-country__select__item`,{"m-select-country__select__item--selected":isSelected}])},[!__props.hideFlags&&typeof option.code==`string`?(openBlock(),createElementBlock(`span`,_hoisted_1,[renderSlot(_ctx.$slots,`country-list-flag`,{option,isSelected},()=>[option.code&&getFlagUrl(option.code)?(openBlock(),createBlock(unref(MazLazyImg),{key:0,src:getFlagUrl(option.code),alt:`${option.name} flag`,width:`20`,height:`20`,class:`maz-size-5 maz-rounded`,"img-class":`maz-rounded maz-h-5 maz-w-5`},null,8,[`src`,`alt`])):(openBlock(),createElementBlock(`span`,_hoisted_2,toDisplayString(option.code),1))],!0)])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`maz-flex maz-flex-1 maz-gap-2 maz-truncate`,{"maz-font-semibold":isSelected}])},[__props.showCodeInList?renderSlot(_ctx.$slots,`country-list-code`,{key:0,option,isSelected},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(option.code),1)],!0):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`country-list-name`,{option,isSelected},()=>[createElementVNode(`span`,null,toDisplayString(option.name),1)],!0)],2)],2)]),_:3},16,`id.model-value.option-value-key.option-label-key.option-input-value-key.max-list-width.min-list-width.disabled.color.placeholder.label.size.list-position.error.warning.success.search.block.autocomplete.item-height.max-list-height.min-list-height.required.search-function.format-input-value.translations.search-threshold.options.hint.open`.split(`.`))],6))}}),[[`__scopeId`,`data-v-49632158`]]);export{MazSelectCountry_default as t};
@@ -1 +1 @@
1
- import{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.NHFcmFxn.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};
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.CbTqc2Lu.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};
@@ -1 +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.NHFcmFxn.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};
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.CbTqc2Lu.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};
@@ -1 +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.NHFcmFxn.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};
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.CbTqc2Lu.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};
@@ -1 +1 @@
1
- import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{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.kiP5f6Cv.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-3d124c4c`]]);export{MazTextarea_default as t};
1
+ import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.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.kiP5f6Cv.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-3d124c4c`]]);export{MazTextarea_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,createCommentVNode,createElementBlock,createElementVNode,defineComponent,normalizeClass,normalizeStyle,openBlock,renderList,renderSlot}from"vue";import '../assets/MazTicker.BsD2uKvQ.css';var _hoisted_1={class:`m-ticker-wrapper`};var _hoisted_2={key:0,class:`m-ticker-overlay --start`};var _hoisted_3=[`aria-hidden`];var _hoisted_4={key:1,class:`m-ticker-overlay --end`};var MazTicker_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTicker`,props:{orientation:{default:`horizontal`},reverse:{type:Boolean,default:!1},duration:{default:20},gap:{default:`1rem`},repeat:{default:4},pauseOnHover:{type:Boolean,default:!1},pauseOnFocus:{type:Boolean,default:!1},paused:{type:Boolean,default:!1},overlay:{type:Boolean,default:!0},overlaySize:{default:`33%`},animationTimingFunction:{default:`linear`}},setup(__props){let cssVars=computed(()=>({"--m-ticker-duration":`${__props.duration}s`,"--m-ticker-gap":__props.gap,"--m-ticker-overlay-size":__props.overlaySize,"--m-ticker-timing":__props.animationTimingFunction}));return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-ticker m-reset-css`,[`--${__props.orientation}`,{"--reverse":__props.reverse,"--paused":__props.paused,"--pause-on-hover":__props.pauseOnHover,"--pause-on-focus":__props.pauseOnFocus}]]),role:`region`,"aria-roledescription":`ticker`,"aria-label":`Scrolling content`,style:normalizeStyle(cssVars.value)},[renderSlot(_ctx.$slots,`before`,{},void 0,!0),createElementVNode(`div`,_hoisted_1,[__props.overlay||_ctx.$slots[`overlay-start`]?(openBlock(),createElementBlock(`div`,_hoisted_2,[renderSlot(_ctx.$slots,`overlay-start`,{},void 0,!0)])):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.repeat,i=>(openBlock(),createElementBlock(`div`,{key:i,class:`m-ticker-content`,"aria-hidden":i>1?`true`:void 0},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],8,_hoisted_3))),128)),__props.overlay||_ctx.$slots[`overlay-end`]?(openBlock(),createElementBlock(`div`,_hoisted_4,[renderSlot(_ctx.$slots,`overlay-end`,{},void 0,!0)])):createCommentVNode(``,!0)]),renderSlot(_ctx.$slots,`after`,{},void 0,!0)],6))}}),[[`__scopeId`,`data-v-f1501cb5`]]);export{MazTicker_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,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderList,renderSlot,toDisplayString,toHandlers,unref,useId,useSlots,watch}from"vue";import '../assets/MazTimeline.CoxWcpur.css';var _hoisted_1=[`aria-label`];var _hoisted_2=[`role`,`aria-label`,`aria-current`,`aria-disabled`,`tabindex`];var _hoisted_3={class:`m-timeline-indicator`,"aria-hidden":`true`};var _hoisted_4={key:0,class:`m-timeline-check-icon`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`3`,"stroke-linecap":`round`,"stroke-linejoin":`round`};var _hoisted_5={key:2,class:`m-timeline-step-number`};var _hoisted_6={key:0,class:`m-timeline-content`};var _hoisted_7={key:0,class:`m-timeline-title`};var _hoisted_8={key:1,class:`m-timeline-subtitle`};var MazTimeline_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTimeline`,props:{modelValue:{default:()=>void 0},steps:{},direction:{default:`auto`},breakpoint:{default:`768px`},color:{default:`primary`},size:{default:`md`},showStepNumbers:{type:Boolean,default:!0},autoValidateSteps:{type:Boolean,default:!0},clickable:{type:Boolean,default:!1},animated:{type:Boolean,default:!0},roundedSize:{default:`full`}},emits:[`update:modelValue`,`click-step`],setup(__props,{emit:__emit}){let emit=__emit;let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let slots=useSlots();let instanceId=useId();let isVertical=ref(!1);let mediaQuery;function cleanupMediaQuery(){mediaQuery&&=(mediaQuery.removeEventListener(`change`,onMediaChange),void 0)}function setupMediaQuery(){cleanupMediaQuery(),__props.direction===`auto`?(mediaQuery=globalThis.matchMedia(`(min-width: ${__props.breakpoint})`),mediaQuery.addEventListener(`change`,onMediaChange),isVertical.value=!mediaQuery.matches):isVertical.value=__props.direction===`vertical`}function onMediaChange(event){isVertical.value=!event.matches}onMounted(()=>{setupMediaQuery()}),onBeforeUnmount(()=>{cleanupMediaQuery()}),watch(()=>[__props.direction,__props.breakpoint],()=>setupMediaQuery());function getStepState(step,index){return step.state?step.state:__props.modelValue===void 0?`pending`:index<__props.modelValue?`completed`:index===__props.modelValue?`active`:`pending`}function isStepActive(step,index){return getStepState(step,index)===`active`}function isStepCompleted(step,index){return getStepState(step,index)===`completed`}function isConnectorCompleted(index){return isStepCompleted(__props.steps[index],index)}function isConnectorActive(index){return isStepActive(__props.steps[index],index)}let colorStyles=computed(()=>({"--m-timeline-color":`var(--maz-${__props.color}-700)`,"--m-timeline-color-dark":`var(--maz-${__props.color}-400)`,"--m-timeline-bg":`var(--maz-${__props.color})`,"--m-timeline-fg":`var(--maz-${__props.color}-foreground)`}));let stateColorMap={completed:`success`,active:``,error:`destructive`,warning:`warning`,pending:``};function getStateStyle(state){let mappedColor=stateColorMap[state];if(!(!mappedColor||state===`active`))return{"--m-timeline-state-color":`var(--maz-${mappedColor}-700)`,"--m-timeline-state-color-dark":`var(--maz-${mappedColor}-400)`,"--m-timeline-state-bg":`var(--maz-${mappedColor})`,"--m-timeline-state-fg":`var(--maz-${mappedColor}-foreground)`}}function getStepAriaLabel(step,index){let state=getStepState(step,index);let title=step.title?`, ${step.title}`:``;return`Step ${index+1}${title}: ${state}`}function getStepRole(step){return __props.clickable&&!step.disabled?`button`:void 0}function getStepTabindex(step){return __props.clickable&&!step.disabled?0:void 0}function onStepClick(step,index){!__props.clickable||step.disabled||(emit(`update:modelValue`,index),emit(`click-step`,{step,index}))}function onStepKeydown(event,step,index){if(!__props.clickable||step.disabled)return;if(event.key===`Enter`||event.key===` `){event.preventDefault(),onStepClick(step,index);return}let isHorizontal=!isVertical.value;let nextKey=isHorizontal?`ArrowRight`:`ArrowDown`;let prevKey=isHorizontal?`ArrowLeft`:`ArrowUp`;let targetIndex;event.key===nextKey?targetIndex=findNextEnabledStep(index,1):event.key===prevKey&&(targetIndex=findNextEnabledStep(index,-1)),targetIndex!==void 0&&(event.preventDefault(),(event.currentTarget.closest(`.m-timeline`)?.querySelectorAll(`.m-timeline-step`))?.[targetIndex]?.focus())}function findNextEnabledStep(fromIndex,direction){let index=fromIndex+direction;for(;index>=0&&index<__props.steps.length;){if(!__props.steps[index].disabled)return index;index+=direction}}let hasCheckIcon=computed(()=>__props.autoValidateSteps);return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-timeline m-reset-css`,[`--${__props.size}`,`--rounded-${__props.roundedSize}`,{"--vertical":isVertical.value,"--horizontal":!isVertical.value,"--clickable":__props.clickable,"--animated":__props.animated}]]),role:`list`,"aria-label":_ctx.$attrs[`aria-label`]??`Timeline`,style:normalizeStyle(colorStyles.value)},[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.steps,(step,index)=>(openBlock(),createElementBlock(`div`,{key:`${unref(instanceId)}-step-${index}`,class:normalizeClass([`m-timeline-item`,{"--last":index===__props.steps.length-1}])},[createElementVNode(`div`,mergeProps({class:[`m-timeline-step`,[`--${getStepState(step,index)}`,{"--disabled":step.disabled}]],role:getStepRole(step)??`listitem`,"aria-label":getStepAriaLabel(step,index),"aria-current":isStepActive(step,index)?`step`:void 0,"aria-disabled":step.disabled||void 0,tabindex:getStepTabindex(step),style:getStateStyle(getStepState(step,index))},toHandlers(__props.clickable?{click:()=>onStepClick(step,index),keydown:e=>onStepKeydown(e,step,index)}:{},!0)),[createElementVNode(`div`,_hoisted_3,[renderSlot(_ctx.$slots,`indicator`,{step,index,state:getStepState(step,index),isActive:isStepActive(step,index),isCompleted:isStepCompleted(step,index)},()=>[hasCheckIcon.value&&isStepCompleted(step,index)?(openBlock(),createElementBlock(`svg`,_hoisted_4,[..._cache[0]||=[createElementVNode(`polyline`,{points:`20 6 9 17 4 12`},null,-1)]])):step.icon?(openBlock(),createElementBlock(Fragment,{key:1},[typeof step.icon==`string`?(openBlock(),createBlock(unref(MazIcon),{key:0,name:step.icon,class:`m-timeline-step-icon`},null,8,[`name`])):(openBlock(),createBlock(unref(MazIcon),{key:1,icon:step.icon,class:`m-timeline-step-icon`},null,8,[`icon`]))],64)):__props.showStepNumbers?(openBlock(),createElementBlock(`span`,_hoisted_5,toDisplayString(index+1),1)):createCommentVNode(``,!0)],!0)]),step.title||step.subtitle||unref(slots).title||unref(slots).subtitle||unref(slots).content?(openBlock(),createElementBlock(`div`,_hoisted_6,[renderSlot(_ctx.$slots,`content`,{step,index,state:getStepState(step,index),isActive:isStepActive(step,index),isCompleted:isStepCompleted(step,index)},()=>[step.title||unref(slots).title?(openBlock(),createElementBlock(`p`,_hoisted_7,[renderSlot(_ctx.$slots,`title`,{step,index,state:getStepState(step,index)},()=>[createTextVNode(toDisplayString(step.title),1)],!0)])):createCommentVNode(``,!0),step.subtitle||unref(slots).subtitle?(openBlock(),createElementBlock(`p`,_hoisted_8,[renderSlot(_ctx.$slots,`subtitle`,{step,index,state:getStepState(step,index)},()=>[createTextVNode(toDisplayString(step.subtitle),1)],!0)])):createCommentVNode(``,!0)],!0)])):createCommentVNode(``,!0)],16,_hoisted_2),index<__props.steps.length-1?(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`m-timeline-connector`,{"--completed":isConnectorCompleted(index),"--active":isConnectorActive(index)}]),"aria-hidden":`true`},[renderSlot(_ctx.$slots,`connector`,{index,isCompleted:isConnectorCompleted(index),isActive:isConnectorActive(index)},()=>[_cache[1]||=createElementVNode(`div`,{class:`m-timeline-connector-track`},[createElementVNode(`div`,{class:`m-timeline-connector-fill`})],-1)],!0)],2)):createCommentVNode(``,!0)],2))),128))],14,_hoisted_1))}}),[[`__scopeId`,`data-v-da789376`]]);export{MazTimeline_default as t};
@@ -1 +1 @@
1
- import{useMountComponent}from"../composables/useMountComponent.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"./MazDialogConfirm.DMu0btsN.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};
1
+ import{useMountComponent}from"../composables/useMountComponent.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"./MazDialogConfirm.B0sa2xzr.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};
@@ -1 +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}from"@maz-ui/icons/lazy/MazChevronLeft";import{MazXMark}from"@maz-ui/icons/lazy/MazXMark";import{checkAvailability}from"@maz-ui/utils/helpers/checkAvailability";import '../assets/vFullscreenImg.BgqLf90h.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-0580614e`]]);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};
1
+ import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazSpinner_default}from"./MazSpinner.PD7Xh3sG.js";import{useMountComponent}from"../composables/useMountComponent.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineComponent,normalizeClass,onBeforeUnmount,onMounted,openBlock,reactive,ref,unref,vShow,watch,withDirectives,withKeys,withModifiers}from"vue";import{MazChevronLeft}from"@maz-ui/icons/lazy/MazChevronLeft";import{MazXMark}from"@maz-ui/icons/lazy/MazXMark";import{checkAvailability}from"@maz-ui/utils/helpers/checkAvailability";import '../assets/vFullscreenImg.BgqLf90h.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-0580614e`]]);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};
@@ -1 +1 @@
1
- import"../chunks/MazExpandAnimation.CMMwtuQA.js";import"../chunks/MazCardSpotlight.DHVKl7pc.js";import{t as MazAccordion_default}from"../chunks/MazAccordion.mCiUv32a.js";export{MazAccordion_default as default};
1
+ import"../chunks/MazExpandAnimation.g4fQdHBT.js";import"../chunks/MazCardSpotlight.Bo4Ucmy6.js";import{t as MazAccordion_default}from"../chunks/MazAccordion.NcTvORgS.js";export{MazAccordion_default as default};
@@ -1 +1 @@
1
- import{t as MazAlert_default}from"../chunks/MazAlert.DL8uAFMy.js";export{MazAlert_default as default};
1
+ import{t as MazAlert_default}from"../chunks/MazAlert.h7IrSU8k.js";export{MazAlert_default as default};
@@ -1 +1 @@
1
- import{t as MazAnimatedCounter_default}from"../chunks/MazAnimatedCounter.GLLYbZAz.js";export{MazAnimatedCounter_default as default};
1
+ import{t as MazAnimatedCounter_default}from"../chunks/MazAnimatedCounter.CaBoMmfg.js";export{MazAnimatedCounter_default as default};
@@ -1 +1 @@
1
- import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement._8NY8WgC.js";export{MazAnimatedElement_default as default};
1
+ import{t as MazAnimatedElement_default}from"../chunks/MazAnimatedElement.C-h6YzBA.js";export{MazAnimatedElement_default as default};
@@ -1 +1 @@
1
- import{t as MazAnimatedText_default}from"../chunks/MazAnimatedText.BSZ8FNf-.js";export{MazAnimatedText_default as default};
1
+ import{t as MazAnimatedText_default}from"../chunks/MazAnimatedText.B24YNZf-.js";export{MazAnimatedText_default as default};
@@ -1 +1 @@
1
- import{t as MazAvatar_default}from"../chunks/MazAvatar.Cp1uXsKn.js";export{MazAvatar_default as default};
1
+ import{t as MazAvatar_default}from"../chunks/MazAvatar.S8hOD0Nq.js";export{MazAvatar_default as default};
@@ -1 +1 @@
1
- import{t as MazBackdrop_default}from"../chunks/MazBackdrop.CgjnE9up.js";export{MazBackdrop_default as default};
1
+ import{t as MazBackdrop_default}from"../chunks/MazBackdrop.B2_glRzR.js";export{MazBackdrop_default as default};
@@ -1 +1 @@
1
- import{t as MazBadge_default}from"../chunks/MazBadge.BBZJgHXm.js";export{MazBadge_default as default};
1
+ import{t as MazBadge_default}from"../chunks/MazBadge.DdOkKlwi.js";export{MazBadge_default as default};
@@ -1 +1 @@
1
- import"../chunks/MazBtn.Cc9C1v2l.js";import"../chunks/MazBackdrop.CgjnE9up.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.BP6imeoW.js";export{MazBottomSheet_default as default};
1
+ import"../chunks/MazBtn.B0qldW6w.js";import"../chunks/MazBackdrop.B2_glRzR.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.B3870y7t.js";export{MazBottomSheet_default as default};
@@ -1 +1 @@
1
- import{t as MazBtn_default}from"../chunks/MazBtn.Cc9C1v2l.js";export{MazBtn_default as default};
1
+ import{t as MazBtn_default}from"../chunks/MazBtn.B0qldW6w.js";export{MazBtn_default as default};
@@ -1 +1 @@
1
- import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.3B1XcqWM.js";export{MazBtnGroup_default as default};
1
+ import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.CAYb08sG.js";export{MazBtnGroup_default as default};
@@ -1 +1 @@
1
- import{t as MazCard_default}from"../chunks/MazCard.DJPT3P2P.js";export{MazCard_default as default};
1
+ import{t as MazCard_default}from"../chunks/MazCard.D9u5Z5KQ.js";export{MazCard_default as default};
@@ -1 +1 @@
1
- import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.DHVKl7pc.js";export{MazCardSpotlight_default as default};
1
+ import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.Bo4Ucmy6.js";export{MazCardSpotlight_default as default};
@@ -1 +1 @@
1
- import{t as MazCarousel_default}from"../chunks/MazCarousel.OEdQTm3H.js";export{MazCarousel_default as default};
1
+ import{t as MazCarousel_default}from"../chunks/MazCarousel.zkUWvXi3.js";export{MazCarousel_default as default};
@@ -1 +1 @@
1
- import{t as MazChart_default}from"../chunks/MazChart.CDZ2PBTC.js";export{MazChart_default as default};
1
+ import{t as MazChart_default}from"../chunks/MazChart.DK9eK8Vm.js";export{MazChart_default as default};
@@ -1 +1 @@
1
- import{t as MazCheckbox_default}from"../chunks/MazCheckbox.BY7myUIA.js";export{MazCheckbox_default as default};
1
+ import{t as MazCheckbox_default}from"../chunks/MazCheckbox.Cbw92q22.js";export{MazCheckbox_default as default};
@@ -1 +1 @@
1
- import"../chunks/MazCardSpotlight.DHVKl7pc.js";import"../chunks/MazCheckbox.BY7myUIA.js";import{t as MazChecklist_default}from"../chunks/MazChecklist.BaTDIjTl.js";export{MazChecklist_default as default};
1
+ import"../chunks/MazCardSpotlight.Bo4Ucmy6.js";import"../chunks/MazCheckbox.Cbw92q22.js";import{t as MazChecklist_default}from"../chunks/MazChecklist.DxSqp9en.js";export{MazChecklist_default as default};
@@ -1 +1 @@
1
- import{t as MazCircularProgressBar_default}from"../chunks/MazCircularProgressBar.rATx_hD9.js";export{MazCircularProgressBar_default as default};
1
+ import{t as MazCircularProgressBar_default}from"../chunks/MazCircularProgressBar.xp7gmdti.js";export{MazCircularProgressBar_default as default};
@@ -1 +1 @@
1
- import{t as MazContainer_default}from"../chunks/MazContainer.zXcfMOs-.js";export{MazContainer_default as default};
1
+ import{t as MazContainer_default}from"../chunks/MazContainer._5YIP1t7.js";export{MazContainer_default as default};
@@ -1 +1 @@
1
- import{t as MazPickerCalendarDays_default}from"../../../chunks/MazPickerCalendarDays.CSZZbk5Z.js";export{MazPickerCalendarDays_default as default};
1
+ import{t as MazPickerCalendarDays_default}from"../../../chunks/MazPickerCalendarDays.D5Acexwg.js";export{MazPickerCalendarDays_default as default};
@@ -1 +1 @@
1
- import"../../../chunks/MazBtn.Cc9C1v2l.js";import{t as MazPickerCalendarGrid_default}from"../../../chunks/MazPickerCalendarGrid.DrUHBH6-.js";export{MazPickerCalendarGrid_default as default};
1
+ import"../../../chunks/MazBtn.B0qldW6w.js";import{t as MazPickerCalendarGrid_default}from"../../../chunks/MazPickerCalendarGrid.3taryD_b.js";export{MazPickerCalendarGrid_default as default};
@@ -1 +1 @@
1
- import{t as _plugin_vue_export_helper_default}from"../../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import"../../../chunks/MazBtn.Cc9C1v2l.js";import{t as MazPickerCalendarDays_default}from"../../../chunks/MazPickerCalendarDays.CSZZbk5Z.js";import{t as MazPickerCalendarGrid_default}from"../../../chunks/MazPickerCalendarGrid.DrUHBH6-.js";import{computed,createElementBlock,createVNode,defineComponent,normalizeClass,openBlock}from"vue";import dayjs from"dayjs";import '../../../assets/MazPickerCalendarMonth.C9dBYe1z.css';var MazPickerCalendarMonth_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerCalendarMonth`,props:{modelValue:{type:[String,Object],default:void 0},color:{type:String,required:!0},locale:{type:String,required:!0},hasTime:{type:Boolean,required:!0},firstDayOfWeek:{type:Number,required:!0},inline:{type:Boolean,required:!0},calendarDate:{type:String,required:!0},offsetMonth:{type:Number,default:0},minDate:{type:String,default:void 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:calendar-date`,`update:hoverred-day`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let modelValue=computed({get:()=>props.modelValue,set:value=>emits(`update:model-value`,value)});let hoverredDay=computed({get:()=>props.hoverredDay,set:value=>emits(`update:hoverred-day`,value)});function getCalendarDateWithOffset(offset){return dayjs(props.calendarDate).add(offset,`month`).format()}let calendarDateWithOffset=computed({get:()=>getCalendarDateWithOffset(props.offsetMonth),set:calendarDate=>emits(`update:calendar-date`,calendarDate)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`maz-picker-calendar-month`,{"--has-padding":!__props.range}])},[createVNode(MazPickerCalendarDays_default,{locale:__props.locale,"first-day-of-week":__props.firstDayOfWeek,class:`maz-picker-calendar-month__days`},null,8,[`locale`,`first-day-of-week`]),createVNode(MazPickerCalendarGrid_default,{modelValue:modelValue.value,"onUpdate:modelValue":_cache[0]||=$event=>modelValue.value=$event,"hoverred-day":hoverredDay.value,"onUpdate:hoverredDay":_cache[1]||=$event=>hoverredDay.value=$event,locale:__props.locale,color:__props.color,"has-time":__props.hasTime,inline:__props.inline,"calendar-date":calendarDateWithOffset.value,"first-day-of-week":__props.firstDayOfWeek,"min-date":__props.minDate,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,"disabled-dates":__props.disabledDates,disabled:__props.disabled,range:__props.range},null,8,[`modelValue`,`hoverred-day`,`locale`,`color`,`has-time`,`inline`,`calendar-date`,`first-day-of-week`,`min-date`,`max-date`,`disabled-weekly`,`disabled-dates`,`disabled`,`range`])],2))}}),[[`__scopeId`,`data-v-61bcb66b`]]);export{MazPickerCalendarMonth_default as default};
1
+ import{t as _plugin_vue_export_helper_default}from"../../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import"../../../chunks/MazBtn.B0qldW6w.js";import{t as MazPickerCalendarDays_default}from"../../../chunks/MazPickerCalendarDays.D5Acexwg.js";import{t as MazPickerCalendarGrid_default}from"../../../chunks/MazPickerCalendarGrid.3taryD_b.js";import{computed,createElementBlock,createVNode,defineComponent,normalizeClass,openBlock}from"vue";import dayjs from"dayjs";import '../../../assets/MazPickerCalendarMonth.C9dBYe1z.css';var MazPickerCalendarMonth_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerCalendarMonth`,props:{modelValue:{type:[String,Object],default:void 0},color:{type:String,required:!0},locale:{type:String,required:!0},hasTime:{type:Boolean,required:!0},firstDayOfWeek:{type:Number,required:!0},inline:{type:Boolean,required:!0},calendarDate:{type:String,required:!0},offsetMonth:{type:Number,default:0},minDate:{type:String,default:void 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:calendar-date`,`update:hoverred-day`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let modelValue=computed({get:()=>props.modelValue,set:value=>emits(`update:model-value`,value)});let hoverredDay=computed({get:()=>props.hoverredDay,set:value=>emits(`update:hoverred-day`,value)});function getCalendarDateWithOffset(offset){return dayjs(props.calendarDate).add(offset,`month`).format()}let calendarDateWithOffset=computed({get:()=>getCalendarDateWithOffset(props.offsetMonth),set:calendarDate=>emits(`update:calendar-date`,calendarDate)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`maz-picker-calendar-month`,{"--has-padding":!__props.range}])},[createVNode(MazPickerCalendarDays_default,{locale:__props.locale,"first-day-of-week":__props.firstDayOfWeek,class:`maz-picker-calendar-month__days`},null,8,[`locale`,`first-day-of-week`]),createVNode(MazPickerCalendarGrid_default,{modelValue:modelValue.value,"onUpdate:modelValue":_cache[0]||=$event=>modelValue.value=$event,"hoverred-day":hoverredDay.value,"onUpdate:hoverredDay":_cache[1]||=$event=>hoverredDay.value=$event,locale:__props.locale,color:__props.color,"has-time":__props.hasTime,inline:__props.inline,"calendar-date":calendarDateWithOffset.value,"first-day-of-week":__props.firstDayOfWeek,"min-date":__props.minDate,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,"disabled-dates":__props.disabledDates,disabled:__props.disabled,range:__props.range},null,8,[`modelValue`,`hoverred-day`,`locale`,`color`,`has-time`,`inline`,`calendar-date`,`first-day-of-week`,`min-date`,`max-date`,`disabled-weekly`,`disabled-dates`,`disabled`,`range`])],2))}}),[[`__scopeId`,`data-v-61bcb66b`]]);export{MazPickerCalendarMonth_default as default};
@@ -1 +1 @@
1
- import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.Cc9C1v2l.js";import{computed,createElementBlock,createTextVNode,createVNode,defineComponent,openBlock,toDisplayString,unref,withCtx}from"vue";import{MazChevronLeft}from"@maz-ui/icons/static/MazChevronLeft";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import{capitalize}from"@maz-ui/utils/helpers/capitalize";import '../../assets/MazPickerCalendarSwitcher.DKH3zzWP.css';var _hoisted_1={class:`m-date-picker-calendar-switcher`};var MazPickerCalendarSwitcher_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerCalendarSwitcher`,props:{calendarDate:{type:String,default:void 0},locale:{type:String,required:!0},double:{type:Boolean,required:!0}},emits:[`previous`,`next`,`open-month-switcher`,`open-year-switcher`,`update:calendar-date`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let calendarDate2=computed(()=>dayjs(props.calendarDate));let monthLabel=computed(()=>props.double?`${capitalize(formatDate(calendarDate2.value.format(),props.locale,{month:`short`})??calendarDate2.value.format())} - ${capitalize(formatDate(calendarDate2.value.add(1,`month`).format(),props.locale,{month:`short`})??calendarDate2.value.add(1,`month`).format())}`:capitalize(formatDate(calendarDate2.value.format(),props.locale,{month:`short`})??calendarDate2.value.format()));let yearLabel=computed(()=>formatDate(calendarDate2.value.format(),props.locale,{year:`numeric`}));function previousMonth(){emits(`update:calendar-date`,dayjs(props.calendarDate).subtract(1,`month`).format())}function nextMonth(){emits(`update:calendar-date`,dayjs(props.calendarDate).add(1,`month`).format())}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:previousMonth},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-text-lg`})]),_:1}),createVNode(MazBtn_default,{size:`sm`,color:`transparent`,type:`button`,class:`m-date-picker-calendar-switcher__date`,onClick:_cache[0]||=$event=>_ctx.$emit(`open-month-switcher`,$event)},{default:withCtx(()=>[createTextVNode(toDisplayString(monthLabel.value),1)]),_:1}),createVNode(MazBtn_default,{size:`sm`,color:`transparent`,type:`button`,class:`m-date-picker-calendar-switcher__date`,onClick:_cache[1]||=$event=>_ctx.$emit(`open-year-switcher`,$event)},{default:withCtx(()=>[createTextVNode(toDisplayString(yearLabel.value),1)]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:nextMonth},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-rotate-180 maz-text-lg`})]),_:1})]))}}),[[`__scopeId`,`data-v-063d74d1`]]);export{MazPickerCalendarSwitcher_default as default};
1
+ import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.B0qldW6w.js";import{computed,createElementBlock,createTextVNode,createVNode,defineComponent,openBlock,toDisplayString,unref,withCtx}from"vue";import{MazChevronLeft}from"@maz-ui/icons/static/MazChevronLeft";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import{capitalize}from"@maz-ui/utils/helpers/capitalize";import '../../assets/MazPickerCalendarSwitcher.DKH3zzWP.css';var _hoisted_1={class:`m-date-picker-calendar-switcher`};var MazPickerCalendarSwitcher_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerCalendarSwitcher`,props:{calendarDate:{type:String,default:void 0},locale:{type:String,required:!0},double:{type:Boolean,required:!0}},emits:[`previous`,`next`,`open-month-switcher`,`open-year-switcher`,`update:calendar-date`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let calendarDate2=computed(()=>dayjs(props.calendarDate));let monthLabel=computed(()=>props.double?`${capitalize(formatDate(calendarDate2.value.format(),props.locale,{month:`short`})??calendarDate2.value.format())} - ${capitalize(formatDate(calendarDate2.value.add(1,`month`).format(),props.locale,{month:`short`})??calendarDate2.value.add(1,`month`).format())}`:capitalize(formatDate(calendarDate2.value.format(),props.locale,{month:`short`})??calendarDate2.value.format()));let yearLabel=computed(()=>formatDate(calendarDate2.value.format(),props.locale,{year:`numeric`}));function previousMonth(){emits(`update:calendar-date`,dayjs(props.calendarDate).subtract(1,`month`).format())}function nextMonth(){emits(`update:calendar-date`,dayjs(props.calendarDate).add(1,`month`).format())}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:previousMonth},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-text-lg`})]),_:1}),createVNode(MazBtn_default,{size:`sm`,color:`transparent`,type:`button`,class:`m-date-picker-calendar-switcher__date`,onClick:_cache[0]||=$event=>_ctx.$emit(`open-month-switcher`,$event)},{default:withCtx(()=>[createTextVNode(toDisplayString(monthLabel.value),1)]),_:1}),createVNode(MazBtn_default,{size:`sm`,color:`transparent`,type:`button`,class:`m-date-picker-calendar-switcher__date`,onClick:_cache[1]||=$event=>_ctx.$emit(`open-year-switcher`,$event)},{default:withCtx(()=>[createTextVNode(toDisplayString(yearLabel.value),1)]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:nextMonth},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-rotate-180 maz-text-lg`})]),_:1})]))}}),[[`__scopeId`,`data-v-063d74d1`]]);export{MazPickerCalendarSwitcher_default as default};
@@ -1 +1 @@
1
- import{t as MazPickerContainer_default}from"../../chunks/MazPickerContainer.BZ74M74V.js";export{MazPickerContainer_default as default};
1
+ import{t as MazPickerContainer_default}from"../../chunks/MazPickerContainer.DiGs4rUB.js";export{MazPickerContainer_default as default};
@@ -1 +1 @@
1
- import{f as isSameDate}from"../../chunks/utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.Cc9C1v2l.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazXMark}from"@maz-ui/icons/static/MazXMark";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import{capitalize}from"@maz-ui/utils/helpers/capitalize";import '../../assets/MazPickerMonthSwitcher.DmvmIgYw.css';var _hoisted_1={class:`maz-picker-month-switcher`};var _hoisted_2={class:`maz-picker-month-switcher__header`};var MazPickerMonthSwitcher_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerMonthSwitcher`,props:{calendarDate:{type:String,required:!0},color:{type:String,required:!0},locale:{type:String,required:!0},double:{type:Boolean,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let months=computed(()=>Array.from({length:12},(_v,i)=>i).map(monthNumber=>{let monthDate=dayjs(props.calendarDate).set(`month`,monthNumber);return props.double?{label:`${capitalize(formatDate(monthDate.format(),props.locale,{month:`short`})??monthDate.add(1,`month`).format())} - ${capitalize(formatDate(monthDate.add(1,`month`).format(),props.locale,{month:`short`})??monthDate.add(1,`month`).format())}`,date:monthDate}:{label:capitalize(formatDate(monthDate.format(),props.locale,{month:`long`})??monthDate.format()),date:monthDate}}));function selectMonth(date){emits(`update:calendar-date`,date.format()),emits(`close`)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(unref(MazXMark),{class:`maz-text-lg`})]),_:1})]),createElementVNode(`div`,{class:normalizeClass([`maz-picker-month-switcher__main`,{"--has-double":__props.double}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(months.value,month=>(openBlock(),createBlock(MazBtn_default,{key:month.label,size:props.double?`sm`:`xs`,class:normalizeClass({"--is-selected":unref(isSameDate)(month.date,__props.calendarDate,`month`)}),color:unref(isSameDate)(month.date,__props.calendarDate,`month`)?__props.color:`transparent`,type:`button`,onClick:withModifiers($event=>selectMonth(month.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(month.label),1)]),_:2},1032,[`size`,`class`,`color`,`onClick`]))),128))],2)]))}}),[[`__scopeId`,`data-v-806fdb41`]]);export{MazPickerMonthSwitcher_default as default};
1
+ import{f as isSameDate}from"../../chunks/utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.B0qldW6w.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazXMark}from"@maz-ui/icons/static/MazXMark";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import{capitalize}from"@maz-ui/utils/helpers/capitalize";import '../../assets/MazPickerMonthSwitcher.DmvmIgYw.css';var _hoisted_1={class:`maz-picker-month-switcher`};var _hoisted_2={class:`maz-picker-month-switcher__header`};var MazPickerMonthSwitcher_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerMonthSwitcher`,props:{calendarDate:{type:String,required:!0},color:{type:String,required:!0},locale:{type:String,required:!0},double:{type:Boolean,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let months=computed(()=>Array.from({length:12},(_v,i)=>i).map(monthNumber=>{let monthDate=dayjs(props.calendarDate).set(`month`,monthNumber);return props.double?{label:`${capitalize(formatDate(monthDate.format(),props.locale,{month:`short`})??monthDate.add(1,`month`).format())} - ${capitalize(formatDate(monthDate.add(1,`month`).format(),props.locale,{month:`short`})??monthDate.add(1,`month`).format())}`,date:monthDate}:{label:capitalize(formatDate(monthDate.format(),props.locale,{month:`long`})??monthDate.format()),date:monthDate}}));function selectMonth(date){emits(`update:calendar-date`,date.format()),emits(`close`)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(unref(MazXMark),{class:`maz-text-lg`})]),_:1})]),createElementVNode(`div`,{class:normalizeClass([`maz-picker-month-switcher__main`,{"--has-double":__props.double}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(months.value,month=>(openBlock(),createBlock(MazBtn_default,{key:month.label,size:props.double?`sm`:`xs`,class:normalizeClass({"--is-selected":unref(isSameDate)(month.date,__props.calendarDate,`month`)}),color:unref(isSameDate)(month.date,__props.calendarDate,`month`)?__props.color:`transparent`,type:`button`,onClick:withModifiers($event=>selectMonth(month.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(month.label),1)]),_:2},1032,[`size`,`class`,`color`,`onClick`]))),128))],2)]))}}),[[`__scopeId`,`data-v-806fdb41`]]);export{MazPickerMonthSwitcher_default as default};
@@ -1 +1 @@
1
- import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.Cc9C1v2l.js";import{Fragment,createBlock,createElementBlock,createTextVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,watch,withCtx,withModifiers}from"vue";import '../../assets/MazPickerShortcuts.immuGARx.css';var _hoisted_1={class:`maz-picker-shortcuts`};var MazPickerShortcuts_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerShortcuts`,props:{color:{},modelValue:{},shortcuts:{},double:{type:Boolean},shortcut:{},disabled:{type:Boolean}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let selectedShortcut=ref(props.shortcut);function selectShortcut(value,identifier){selectedShortcut.value=identifier,emits(`update:model-value`,value)}return watch(()=>props.modelValue,value=>{value?.end||(selectedShortcut.value=void 0)}),watch(()=>props.shortcut,shortcut=>{let newShortcut=props.shortcuts&&props.shortcuts.find(({identifier})=>shortcut===identifier);if(newShortcut){let{value,identifier}=newShortcut;selectShortcut(value,identifier)}},{immediate:!0}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.shortcuts,({identifier,label,value})=>(openBlock(),createBlock(MazBtn_default,{key:identifier,type:`button`,size:`sm`,disabled:__props.disabled,color:identifier===selectedShortcut.value?props.color:`transparent`,class:normalizeClass({"--is-selected":identifier===selectedShortcut.value}),onClick:withModifiers($event=>selectShortcut(value,identifier),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(label),1)]),_:2},1032,[`disabled`,`color`,`class`,`onClick`]))),128))]))}}),[[`__scopeId`,`data-v-d30dbe36`]]);export{MazPickerShortcuts_default as default};
1
+ import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.B0qldW6w.js";import{Fragment,createBlock,createElementBlock,createTextVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,watch,withCtx,withModifiers}from"vue";import '../../assets/MazPickerShortcuts.immuGARx.css';var _hoisted_1={class:`maz-picker-shortcuts`};var MazPickerShortcuts_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerShortcuts`,props:{color:{},modelValue:{},shortcuts:{},double:{type:Boolean},shortcut:{},disabled:{type:Boolean}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let selectedShortcut=ref(props.shortcut);function selectShortcut(value,identifier){selectedShortcut.value=identifier,emits(`update:model-value`,value)}return watch(()=>props.modelValue,value=>{value?.end||(selectedShortcut.value=void 0)}),watch(()=>props.shortcut,shortcut=>{let newShortcut=props.shortcuts&&props.shortcuts.find(({identifier})=>shortcut===identifier);if(newShortcut){let{value,identifier}=newShortcut;selectShortcut(value,identifier)}},{immediate:!0}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.shortcuts,({identifier,label,value})=>(openBlock(),createBlock(MazBtn_default,{key:identifier,type:`button`,size:`sm`,disabled:__props.disabled,color:identifier===selectedShortcut.value?props.color:`transparent`,class:normalizeClass({"--is-selected":identifier===selectedShortcut.value}),onClick:withModifiers($event=>selectShortcut(value,identifier),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(label),1)]),_:2},1032,[`disabled`,`color`,`class`,`onClick`]))),128))]))}}),[[`__scopeId`,`data-v-d30dbe36`]]);export{MazPickerShortcuts_default as default};
@@ -1 +1 @@
1
- import{_ as scrollToTarget,n as findNearestNumberInList}from"../../chunks/utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.Cc9C1v2l.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,defineComponent,nextTick,normalizeClass,normalizeStyle,onMounted,openBlock,ref,renderList,toDisplayString,watch,withCtx,withModifiers}from"vue";import dayjs from"dayjs";import '../../assets/MazPickerTime.BCxs9J4Q.css';var _hoisted_1={class:`m-date-picker-time__column__items`};var MazPickerTime_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerTime`,props:{modelValue:{type:[String,Object],default:void 0},formatterOptions:{type:Object,required:!0},color:{type:String,required:!0},hasDate:{type:Boolean,required:!0},minuteInterval:{type:Number,required:!0},disabledHours:{type:Array,default:void 0},format:{type:String,required:!0},isHour12:{type:Boolean,required:!0},minDate:{type:String,default:void 0},maxDate:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDate=computed({get:()=>props.modelValue,set:value=>{emits(`update:model-value`,value)}});let hours=computed(()=>Array.from({length:props.isHour12?12:24},(_v,i)=>i).map(hour=>{let hourBase=hour+(props.isHour12?1:0);let hour12or24=getHour12or24(hourBase);let hourValue=dayjs(currentDate.value).set(`hour`,hour12or24);let isDisabled=isDisableHour(hour12or24)||(props.minDate&&currentDate.value?dayjs(props.minDate).isAfter(hourValue,`hour`):!1)||(props.maxDate&&currentDate.value?dayjs(props.maxDate).isBefore(hourValue,`hour`):!1);return{label:`${hourBase<10?`0`:``}${hourBase}`,value:dayjs(currentDate.value).set(`hour`,hour12or24),isDisabled}}));let minutes=computed(()=>{let length=Math.floor(60/props.minuteInterval)-0;return Array.from({length},(_v,i)=>i*props.minuteInterval).map(minute=>{let minuteValue=dayjs(currentDate.value).set(`minute`,minute);let isDisabled=(props.minDate&&currentDate.value?dayjs(props.minDate).isAfter(minuteValue,`minute`):!1)||(props.maxDate&&currentDate.value?dayjs(props.maxDate).isBefore(minuteValue,`minute`):!1);return{label:`${minute<10?`0`:``}${minute}`,value:minuteValue,isDisabled}})});let currentHour=computed(()=>typeof currentDate.value==`string`?findNearestHour(dayjs(currentDate.value).get(`hour`)):void 0);let currentMinute=computed(()=>typeof currentDate.value==`string`?findNearestNumberInList(minutes.value.map(({value})=>value.get(`minute`)),dayjs(currentDate.value).get(`minute`)):void 0);let currentAmpm=computed(()=>typeof currentHour.value==`number`?currentHour.value>=12?`pm`:`am`:void 0);let ampm=computed(()=>props.isHour12?[{label:`AM`,value:`am`},{label:`PM`,value:`pm`}]:[]);let columns=computed(()=>{let columns=[{identifier:`hour`,values:hours.value},{identifier:`minute`,values:minutes.value}];return props.isHour12&&columns.push({identifier:`ampm`,values:ampm.value}),columns});function findNearestHour(hour){if(!props.disabledHours)return hour;let nearHour=findNearestNumberInList(Array.from({length:24},(_v,i)=>i).filter(hour=>!props.disabledHours?.includes(hour)||!0),hour);return nearHour!==hour&&selectTime(`hour`,dayjs(currentDate.value).set(`hour`,nearHour)),nearHour}let MazDatePickerTime=ref();let spacerHeight=ref();function getHour12or24(hourValue){if(props.isHour12){let newValue=currentAmpm.value===`pm`?hourValue+12:hourValue;return newValue===12?0:newValue===24?12:newValue}else return hourValue}function setSpacerHeight(){if(!MazDatePickerTime.value)return;let itemHeight=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column .m-btn`)?.offsetHeight;spacerHeight.value=MazDatePickerTime.value.offsetHeight/2-itemHeight/2}onMounted(()=>{setSpacerHeight(),scrollColumns(!1)}),watch(()=>props.modelValue,async(value,oldValue)=>{value!==oldValue&&(await nextTick(),scrollColumns(!0))},{immediate:!0});function scrollColumns(hasSmoothEffect){scrollColumn(`hour`,hasSmoothEffect),scrollColumn(`minute`,hasSmoothEffect),props.isHour12&&scrollColumn(`ampm`,hasSmoothEffect)}function isDisableHour(value){return(props.disabledHours&&props.disabledHours.includes(value))??!1}function isSelected(identifier,value){return value===`am`||value===`pm`?currentAmpm.value===value:identifier===`hour`?currentHour.value===value.get(identifier):identifier===`minute`?currentMinute.value===value.get(identifier):!1}async function scrollColumn(identifier,hasSmoothEffect=!0){if(!MazDatePickerTime.value)return;let column=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier}`);let selectedButton=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier} .--is-selected`);spacerHeight.value&&column&&selectedButton&&MazDatePickerTime.value&&(await nextTick(),scrollToTarget(column,selectedButton,spacerHeight.value,hasSmoothEffect))}async function selectTime(identifier,value){let newDate=dayjs(currentDate.value);if(identifier===`hour`&&typeof value==`object`&&(currentDate.value=newDate.set(`hour`,value.get(`hour`)).format()),identifier===`minute`&&typeof value==`object`&&(currentDate.value=newDate.set(`minute`,value.get(`minute`)).format()),identifier===`ampm`&&(currentAmpm.value!==value||!currentHour.value)&&(value===`am`&&(currentDate.value=newDate.set(`hour`,newDate.get(`hour`)).subtract(12,`hour`).format()),value===`pm`)){let baseHour=newDate.get(`hour`);let newHour=baseHour+12>12&&baseHour+12<24?baseHour+12:baseHour===0?12:baseHour;currentDate.value=newDate.set(`hour`,newHour).format()}await nextTick(),scrollColumn(identifier)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`MazDatePickerTime`,ref:MazDatePickerTime,class:normalizeClass([`m-date-picker-time`,{"--has-date":__props.hasDate}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(columns.value,({values,identifier},i)=>(openBlock(),createElementBlock(`div`,{key:i,class:normalizeClass([`m-date-picker-time__column`,[`m-date-picker-time__column__${identifier}`]])},[createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer`},null,4),createElementVNode(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(values,({value,label,isDisabled},unitIndex)=>(openBlock(),createBlock(MazBtn_default,{key:unitIndex,size:`xs`,color:isSelected(identifier,value)?__props.color:`transparent`,class:normalizeClass({"--is-selected":isSelected(identifier,value)}),disabled:isDisabled||__props.disabled,type:`button`,onClick:withModifiers($event=>selectTime(identifier,value),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(label),1)]),_:2},1032,[`color`,`class`,`disabled`,`onClick`]))),128))]),createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer`},null,4)],2))),128))],2))}}),[[`__scopeId`,`data-v-44865410`]]);export{MazPickerTime_default as default};
1
+ import{_ as scrollToTarget,n as findNearestNumberInList}from"../../chunks/utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.B0qldW6w.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,defineComponent,nextTick,normalizeClass,normalizeStyle,onMounted,openBlock,ref,renderList,toDisplayString,watch,withCtx,withModifiers}from"vue";import dayjs from"dayjs";import '../../assets/MazPickerTime.BCxs9J4Q.css';var _hoisted_1={class:`m-date-picker-time__column__items`};var MazPickerTime_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerTime`,props:{modelValue:{type:[String,Object],default:void 0},formatterOptions:{type:Object,required:!0},color:{type:String,required:!0},hasDate:{type:Boolean,required:!0},minuteInterval:{type:Number,required:!0},disabledHours:{type:Array,default:void 0},format:{type:String,required:!0},isHour12:{type:Boolean,required:!0},minDate:{type:String,default:void 0},maxDate:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDate=computed({get:()=>props.modelValue,set:value=>{emits(`update:model-value`,value)}});let hours=computed(()=>Array.from({length:props.isHour12?12:24},(_v,i)=>i).map(hour=>{let hourBase=hour+(props.isHour12?1:0);let hour12or24=getHour12or24(hourBase);let hourValue=dayjs(currentDate.value).set(`hour`,hour12or24);let isDisabled=isDisableHour(hour12or24)||(props.minDate&&currentDate.value?dayjs(props.minDate).isAfter(hourValue,`hour`):!1)||(props.maxDate&&currentDate.value?dayjs(props.maxDate).isBefore(hourValue,`hour`):!1);return{label:`${hourBase<10?`0`:``}${hourBase}`,value:dayjs(currentDate.value).set(`hour`,hour12or24),isDisabled}}));let minutes=computed(()=>{let length=Math.floor(60/props.minuteInterval)-0;return Array.from({length},(_v,i)=>i*props.minuteInterval).map(minute=>{let minuteValue=dayjs(currentDate.value).set(`minute`,minute);let isDisabled=(props.minDate&&currentDate.value?dayjs(props.minDate).isAfter(minuteValue,`minute`):!1)||(props.maxDate&&currentDate.value?dayjs(props.maxDate).isBefore(minuteValue,`minute`):!1);return{label:`${minute<10?`0`:``}${minute}`,value:minuteValue,isDisabled}})});let currentHour=computed(()=>typeof currentDate.value==`string`?findNearestHour(dayjs(currentDate.value).get(`hour`)):void 0);let currentMinute=computed(()=>typeof currentDate.value==`string`?findNearestNumberInList(minutes.value.map(({value})=>value.get(`minute`)),dayjs(currentDate.value).get(`minute`)):void 0);let currentAmpm=computed(()=>typeof currentHour.value==`number`?currentHour.value>=12?`pm`:`am`:void 0);let ampm=computed(()=>props.isHour12?[{label:`AM`,value:`am`},{label:`PM`,value:`pm`}]:[]);let columns=computed(()=>{let columns=[{identifier:`hour`,values:hours.value},{identifier:`minute`,values:minutes.value}];return props.isHour12&&columns.push({identifier:`ampm`,values:ampm.value}),columns});function findNearestHour(hour){if(!props.disabledHours)return hour;let nearHour=findNearestNumberInList(Array.from({length:24},(_v,i)=>i).filter(hour=>!props.disabledHours?.includes(hour)||!0),hour);return nearHour!==hour&&selectTime(`hour`,dayjs(currentDate.value).set(`hour`,nearHour)),nearHour}let MazDatePickerTime=ref();let spacerHeight=ref();function getHour12or24(hourValue){if(props.isHour12){let newValue=currentAmpm.value===`pm`?hourValue+12:hourValue;return newValue===12?0:newValue===24?12:newValue}else return hourValue}function setSpacerHeight(){if(!MazDatePickerTime.value)return;let itemHeight=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column .m-btn`)?.offsetHeight;spacerHeight.value=MazDatePickerTime.value.offsetHeight/2-itemHeight/2}onMounted(()=>{setSpacerHeight(),scrollColumns(!1)}),watch(()=>props.modelValue,async(value,oldValue)=>{value!==oldValue&&(await nextTick(),scrollColumns(!0))},{immediate:!0});function scrollColumns(hasSmoothEffect){scrollColumn(`hour`,hasSmoothEffect),scrollColumn(`minute`,hasSmoothEffect),props.isHour12&&scrollColumn(`ampm`,hasSmoothEffect)}function isDisableHour(value){return(props.disabledHours&&props.disabledHours.includes(value))??!1}function isSelected(identifier,value){return value===`am`||value===`pm`?currentAmpm.value===value:identifier===`hour`?currentHour.value===value.get(identifier):identifier===`minute`?currentMinute.value===value.get(identifier):!1}async function scrollColumn(identifier,hasSmoothEffect=!0){if(!MazDatePickerTime.value)return;let column=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier}`);let selectedButton=MazDatePickerTime.value.querySelector(`.m-date-picker-time__column__${identifier} .--is-selected`);spacerHeight.value&&column&&selectedButton&&MazDatePickerTime.value&&(await nextTick(),scrollToTarget(column,selectedButton,spacerHeight.value,hasSmoothEffect))}async function selectTime(identifier,value){let newDate=dayjs(currentDate.value);if(identifier===`hour`&&typeof value==`object`&&(currentDate.value=newDate.set(`hour`,value.get(`hour`)).format()),identifier===`minute`&&typeof value==`object`&&(currentDate.value=newDate.set(`minute`,value.get(`minute`)).format()),identifier===`ampm`&&(currentAmpm.value!==value||!currentHour.value)&&(value===`am`&&(currentDate.value=newDate.set(`hour`,newDate.get(`hour`)).subtract(12,`hour`).format()),value===`pm`)){let baseHour=newDate.get(`hour`);let newHour=baseHour+12>12&&baseHour+12<24?baseHour+12:baseHour===0?12:baseHour;currentDate.value=newDate.set(`hour`,newHour).format()}await nextTick(),scrollColumn(identifier)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`MazDatePickerTime`,ref:MazDatePickerTime,class:normalizeClass([`m-date-picker-time`,{"--has-date":__props.hasDate}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(columns.value,({values,identifier},i)=>(openBlock(),createElementBlock(`div`,{key:i,class:normalizeClass([`m-date-picker-time__column`,[`m-date-picker-time__column__${identifier}`]])},[createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer`},null,4),createElementVNode(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(values,({value,label,isDisabled},unitIndex)=>(openBlock(),createBlock(MazBtn_default,{key:unitIndex,size:`xs`,color:isSelected(identifier,value)?__props.color:`transparent`,class:normalizeClass({"--is-selected":isSelected(identifier,value)}),disabled:isDisabled||__props.disabled,type:`button`,onClick:withModifiers($event=>selectTime(identifier,value),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(label),1)]),_:2},1032,[`color`,`class`,`disabled`,`onClick`]))),128))]),createElementVNode(`div`,{style:normalizeStyle({height:`${spacerHeight.value}px`}),class:`m-date-picker-time__column__spacer`},null,4)],2))),128))],2))}}),[[`__scopeId`,`data-v-44865410`]]);export{MazPickerTime_default as default};
@@ -1 +1 @@
1
- import{f as isSameDate}from"../../chunks/utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.Cc9C1v2l.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazChevronLeft}from"@maz-ui/icons/static/MazChevronLeft";import{MazXMark}from"@maz-ui/icons/static/MazXMark";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import '../../assets/MazPickerYearSwitcher.CHznKoll.css';var _hoisted_1={class:`maz-picker-year-switcher`};var _hoisted_2={class:`maz-picker-year-switcher__header`};var _hoisted_3={class:`maz-flex maz-space-x-2`};var _hoisted_4={class:`maz-picker-year-switcher__main`};var MazPickerYearSwitcher_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerYearSwitcher`,props:{color:{type:String,required:!0},locale:{type:String,required:!0},calendarDate:{type:String,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDateTmp=ref(props.calendarDate);let years=computed(()=>Array.from({length:15},(_v,i)=>i-7).map(yearNumber=>{let currentYear=dayjs(currentDateTmp.value).get(`year`);let dateYear=dayjs(currentDateTmp.value).set(`year`,currentYear+yearNumber);return{label:formatDate(dateYear.format(),props.locale,{year:`numeric`})??dateYear.format(),date:dateYear}}));function selectYear(date){emits(`update:calendar-date`,dayjs(date).format()),emits(`close`)}function previousYears(){currentDateTmp.value=dayjs(currentDateTmp.value).subtract(7,`year`).format()}function nextYears(){currentDateTmp.value=dayjs(currentDateTmp.value).add(7,`year`).format()}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createElementVNode(`div`,_hoisted_3,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(previousYears,[`stop`])},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-text-lg`})]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(nextYears,[`stop`])},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-rotate-180 maz-text-lg`})]),_:1})]),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(unref(MazXMark),{class:`maz-text-lg`})]),_:1})]),createElementVNode(`div`,_hoisted_4,[(openBlock(!0),createElementBlock(Fragment,null,renderList(years.value,year=>(openBlock(),createBlock(MazBtn_default,{key:year.label,size:`sm`,type:`button`,class:normalizeClass({"--is-selected":unref(isSameDate)(year.date,__props.calendarDate,`year`)}),color:unref(isSameDate)(year.date,__props.calendarDate,`year`)?__props.color:`transparent`,onClick:withModifiers($event=>selectYear(year.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(year.label),1)]),_:2},1032,[`class`,`color`,`onClick`]))),128))])]))}}),[[`__scopeId`,`data-v-aca7133c`]]);export{MazPickerYearSwitcher_default as default};
1
+ import{f as isSameDate}from"../../chunks/utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"../../chunks/MazBtn.B0qldW6w.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,unref,withCtx,withModifiers}from"vue";import{MazChevronLeft}from"@maz-ui/icons/static/MazChevronLeft";import{MazXMark}from"@maz-ui/icons/static/MazXMark";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import '../../assets/MazPickerYearSwitcher.CHznKoll.css';var _hoisted_1={class:`maz-picker-year-switcher`};var _hoisted_2={class:`maz-picker-year-switcher__header`};var _hoisted_3={class:`maz-flex maz-space-x-2`};var _hoisted_4={class:`maz-picker-year-switcher__main`};var MazPickerYearSwitcher_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerYearSwitcher`,props:{color:{type:String,required:!0},locale:{type:String,required:!0},calendarDate:{type:String,required:!0}},emits:[`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let currentDateTmp=ref(props.calendarDate);let years=computed(()=>Array.from({length:15},(_v,i)=>i-7).map(yearNumber=>{let currentYear=dayjs(currentDateTmp.value).get(`year`);let dateYear=dayjs(currentDateTmp.value).set(`year`,currentYear+yearNumber);return{label:formatDate(dateYear.format(),props.locale,{year:`numeric`})??dateYear.format(),date:dateYear}}));function selectYear(date){emits(`update:calendar-date`,dayjs(date).format()),emits(`close`)}function previousYears(){currentDateTmp.value=dayjs(currentDateTmp.value).subtract(7,`year`).format()}function nextYears(){currentDateTmp.value=dayjs(currentDateTmp.value).add(7,`year`).format()}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[createElementVNode(`div`,_hoisted_3,[createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(previousYears,[`stop`])},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-text-lg`})]),_:1}),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:withModifiers(nextYears,[`stop`])},{default:withCtx(()=>[createVNode(unref(MazChevronLeft),{class:`maz-rotate-180 maz-text-lg`})]),_:1})]),createVNode(MazBtn_default,{size:`xs`,color:`transparent`,type:`button`,onClick:_cache[0]||=withModifiers($event=>_ctx.$emit(`close`,$event),[`stop`])},{default:withCtx(()=>[createVNode(unref(MazXMark),{class:`maz-text-lg`})]),_:1})]),createElementVNode(`div`,_hoisted_4,[(openBlock(!0),createElementBlock(Fragment,null,renderList(years.value,year=>(openBlock(),createBlock(MazBtn_default,{key:year.label,size:`sm`,type:`button`,class:normalizeClass({"--is-selected":unref(isSameDate)(year.date,__props.calendarDate,`year`)}),color:unref(isSameDate)(year.date,__props.calendarDate,`year`)?__props.color:`transparent`,onClick:withModifiers($event=>selectYear(year.date),[`stop`])},{default:withCtx(()=>[createTextVNode(toDisplayString(year.label),1)]),_:2},1032,[`class`,`color`,`onClick`]))),128))])]))}}),[[`__scopeId`,`data-v-aca7133c`]]);export{MazPickerYearSwitcher_default as default};
@@ -1 +1 @@
1
- import"../chunks/MazPopover.Co8BEopX.js";import{t as MazDatePicker_default}from"../chunks/MazDatePicker.BzwCqOIk.js";import"../chunks/MazPickerContainer.BZ74M74V.js";export{MazDatePicker_default as default};
1
+ import"../chunks/MazPopover.CQ2wlHBw.js";import{t as MazDatePicker_default}from"../chunks/MazDatePicker.D9T4maoH.js";import"../chunks/MazPickerContainer.DiGs4rUB.js";export{MazDatePicker_default as default};
@@ -1 +1 @@
1
- import"../chunks/MazBackdrop.CgjnE9up.js";import{t as MazDialog_default}from"../chunks/MazDialog.ebPvRGc_.js";export{MazDialog_default as default};
1
+ import"../chunks/MazBackdrop.B2_glRzR.js";import{t as MazDialog_default}from"../chunks/MazDialog.CYYhj4tn.js";export{MazDialog_default as default};
@@ -1 +1 @@
1
- import"../chunks/MazBackdrop.CgjnE9up.js";import"../chunks/MazDialog.ebPvRGc_.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"../chunks/MazDialogConfirm.DMu0btsN.js";export{MazDialogConfirm_default as default,useMazDialogConfirm};
1
+ import"../chunks/MazBackdrop.B2_glRzR.js";import"../chunks/MazDialog.CYYhj4tn.js";import{n as useMazDialogConfirm,t as MazDialogConfirm_default}from"../chunks/MazDialogConfirm.B0sa2xzr.js";export{MazDialogConfirm_default as default,useMazDialogConfirm};
@@ -1 +1 @@
1
- import"../chunks/MazBackdrop.CgjnE9up.js";import{t as MazDrawer_default}from"../chunks/MazDrawer.C2-iPeIq.js";export{MazDrawer_default as default};
1
+ import"../chunks/MazBackdrop.B2_glRzR.js";import{t as MazDrawer_default}from"../chunks/MazDrawer.DGy1Nv0r.js";export{MazDrawer_default as default};
@@ -1 +1 @@
1
- import"../chunks/MazPopover.Co8BEopX.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.B-LRzouG.js";export{MazDropdown_default as default};
1
+ import"../chunks/MazPopover.CQ2wlHBw.js";import{t as MazDropdown_default}from"../chunks/MazDropdown.DR8gPCyq.js";export{MazDropdown_default as default};
@@ -1 +1 @@
1
- import"../chunks/MazLink.BsjurisK.js";import"../chunks/MazBtn.Cc9C1v2l.js";import"../chunks/MazIcon.ZWAk25ZX.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.CjhXLgw8.js";export{MazDropzone_default as default};
1
+ import"../chunks/MazLink.CK1WIkI5.js";import"../chunks/MazBtn.B0qldW6w.js";import"../chunks/MazIcon.CjRqfhiK.js";import{t as MazDropzone_default}from"../chunks/MazDropzone.B_py1QOV.js";export{MazDropzone_default as default};
@@ -1 +1 @@
1
- import{t as MazExpandAnimation_default}from"../chunks/MazExpandAnimation.CMMwtuQA.js";export{MazExpandAnimation_default as default};
1
+ import{t as MazExpandAnimation_default}from"../chunks/MazExpandAnimation.g4fQdHBT.js";export{MazExpandAnimation_default as default};
@@ -1 +1 @@
1
- import"../chunks/MazSpinner.D3NN2pow.js";import{t as MazFullscreenLoader_default}from"../chunks/MazFullscreenLoader.BIVRcZJ8.js";export{MazFullscreenLoader_default as default};
1
+ import"../chunks/MazSpinner.PD7Xh3sG.js";import{t as MazFullscreenLoader_default}from"../chunks/MazFullscreenLoader.b-30GI6G.js";export{MazFullscreenLoader_default as default};
@@ -1 +1 @@
1
- import"../chunks/MazSpinner.D3NN2pow.js";import"../chunks/vFullscreenImg.xzHmlZpV.js";import{t as MazGallery_default}from"../chunks/MazGallery.8Q8YcKlI.js";export{MazGallery_default as default};
1
+ import"../chunks/MazSpinner.PD7Xh3sG.js";import"../chunks/vFullscreenImg.DID1pEZr.js";import{t as MazGallery_default}from"../chunks/MazGallery.CefHn7NG.js";export{MazGallery_default as default};
@@ -1 +1 @@
1
- import{t as MazIcon_default}from"../chunks/MazIcon.ZWAk25ZX.js";export{MazIcon_default as default};
1
+ import{t as MazIcon_default}from"../chunks/MazIcon.CjRqfhiK.js";export{MazIcon_default as default};
@@ -1 +1 @@
1
- import{t as MazInput_default}from"../chunks/MazInput.BlvZ4aiU.js";export{MazInput_default as default};
1
+ import{t as MazInput_default}from"../chunks/MazInput.C2gyftm8.js";export{MazInput_default as default};
@@ -1 +1 @@
1
- import{t as MazInputCode_default}from"../chunks/MazInputCode.DKnl3i-X.js";export{MazInputCode_default as default};
1
+ import{t as MazInputCode_default}from"../chunks/MazInputCode.CZcDO8ps.js";export{MazInputCode_default as default};
@@ -1 +1 @@
1
- import"../chunks/MazInput.BlvZ4aiU.js";import{t as MazInputNumber_default}from"../chunks/MazInputNumber.BMhBDScY.js";export{MazInputNumber_default as default};
1
+ import"../chunks/MazInput.C2gyftm8.js";import{t as MazInputNumber_default}from"../chunks/MazInputNumber.DUt4Z4Aq.js";export{MazInputNumber_default as default};