maz-ui 4.0.0-alpha.3 → 4.0.0-alpha.5

package/dist/chunks/{MazPickerCalendarMonth.DpvQC45k.cjs → MazPickerCalendarMonth.DBDcSR1B.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerCalendarMonth.GACBSeof.css');const e=require("vue"),d=require("./MazPicker.BZE8cw36.cjs"),V=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),T=require("../components/MazBtn.cjs"),L=require("../helpers/debounce.cjs"),c=require("dayjs"),G={class:"maz-picker-calendar-days"},U=e.defineComponent({__name:"MazPickerCalendarDays",props:{locale:{type:String,required:!0},firstDayOfWeek:{type:Number,required:!0}},setup(o){const v=o,t=e.computed(()=>d.getDaysOfWeek(v.locale,v.firstDayOfWeek));return(m,i)=>(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,f=>(e.openBlock(),e.createElementBlock("span",{key:f},e.toDisplayString(f),1))),128))]))}}),R=V._export_sfc(U,[["__scopeId","data-v-9e52f266"]]),J=e.defineComponent({__name:"MazPickerCalendarGrid",props:{modelValue:{type:[String,Object],default:void 0},calendarDate:{type:String,required:!0},hasTime:{type:Boolean,required:!0},locale:{type:String,required:!0},firstDayOfWeek:{type:Number,required:!0},color:{type:String,required:!0},minDate:{type:String,default:void 0},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}},emits:["update:model-value","update:hoverred-day"],setup(o,{emit:v}){e.useCssVars(a=>({"67a29b68":u.value,"2176877e":p.value,"86c55c80":y.value}));const t=o,m=v,i=e.ref(),f=e.ref("maz-slidenext"),b=e.computed(()=>[t.calendarDate]),s=e.computed(()=>t.modelValue&&typeof t.modelValue=="object"),u=e.computed(()=>`var(--maz-color-${t.color}-alpha-20)`),y=e.computed(()=>`var(--maz-color-${t.color}-alpha)`),p=e.computed(()=>`var(--maz-color-${t.color}-alpha-20)`),k=e.computed({get:()=>t.modelValue,set:a=>m("update:model-value",a)}),z=e.computed(()=>Array.from({length:d.getDaysInMonth(t.calendarDate)},(a,r)=>r+1).map(a=>({label:a,date:c(t.calendarDate).set("date",a)}))),C=e.computed(()=>(d.getFirstDayOfMonth(t.calendarDate)-t.firstDayOfWeek+7)%7);function D(a){const r=t.modelValue;r.start&&!r.end&&a&&a.isAfter(r.start)?m("update:hoverred-day",a):m("update:hoverred-day")}function x(a){const r=t.modelValue;return!r.start||!t.hoverredDay?void 0:c(a).isBetween(r.start,t.hoverredDay,"date","(]")?3:void 0}function w(a){if(t.hoverredDay)return c(a).isSame(t.hoverredDay)}function O(a){var r;return t.modelValue&&t.modelValue&&typeof t.modelValue=="object"&&(r=t.modelValue)!=null&&r.start?d.isSameDate(a,t.modelValue.start,"date"):!1}function W(a){var r;return t.modelValue&&t.modelValue&&typeof t.modelValue=="object"&&(r=t.modelValue)!=null&&r.end?d.isSameDate(a,t.modelValue.end,"date"):!1}function _(a){const r=t.modelValue;return typeof r=="object"?r.start&&d.isSameDate(a,r.start,"date")||r.end&&d.isSameDate(a,r.end,"date")||q(a)?t.color:"transparent":M(a)?t.color:"transparent"}function S(a){if(t.modelValue&&typeof t.modelValue=="object"){if(t.modelValue.start&&d.isSameDate(a,t.modelValue.start,"date"))return 1;if(t.modelValue.end){if(d.isSameDate(a,t.modelValue.end,"date"))return 1;if(q(a))return 2}}else if(M(a))return 1;return 0}function $(a){s.value&&D();const r=a.format();if(typeof k.value=="object"){let n=k.value;n.start&&n.end&&(n={start:void 0,end:void 0});const g=c(r).isBefore(n.start,"date");k.value=!n.start||g?{start:r,end:void 0}:{start:n.start,end:r}}else k.value=r}function j(a){return d.isToday(a)}function M(a){if(!t.modelValue)return!1;const r=t.modelValue;return d.isSameDate(a,r,"date")}function q(a){const r=t.modelValue;return!r.start||!r.end?!1:c(a).isBetween(r.start,r.end,"date","()")}function E(a){return t.minDate?c(a).isBefore(t.minDate,"date"):!1}function A(a){var r;return(r=t.disabledWeekly)!=null&&r.length?t.disabledWeekly.some(n=>d.isSameDay(a,n)):!1}function P(a){var r;return(r=t.disabledDates)!=null&&r.length?t.disabledDates.some(n=>d.isSameDate(a,n,"date")):!1}function F(a){return t.maxDate?c(a).isAfter(t.maxDate,"date"):!1}const H=L.debounce(()=>{i.value&&(i.value.style.minHeight="")},400);function N(){var a;i.value&&(i.value.style.minHeight=`${((a=i.value)==null?void 0:a.clientHeight)||176}px`,H())}return e.watch(()=>t.calendarDate,(a,r)=>{f.value=c(a).isAfter(r,"date")?"maz-slidenext":"maz-slideprev",N()}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"MazPickerGrid",ref:i,class:"maz-picker-calendar-grid"},[e.createVNode(e.TransitionGroup,{name:f.value},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList([b.value],(n,g)=>(e.openBlock(),e.createElementBlock("div",{key:`${n[g]}`,class:e.normalizeClass(["maz-picker-calendar-grid__container",{"--is-range":s.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,B=>(e.openBlock(),e.createElementBlock("div",{key:B}))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,({label:B,date:l},I)=>(e.openBlock(),e.createBlock(T.default,{key:I,size:"mini",color:_(l),type:"button",disabled:o.disabled||E(l)||F(l)||A(l)||P(l),class:e.normalizeClass({"--is-today":j(l),"--is-first":O(l),"--is-last":W(l)||s.value&&w(l),"--is-selected":S(l)===1,"--is-between":S(l)===2,"--is-between-hoverred":s.value?x(l)===3:void 0}),onClick:h=>$(l),onMouseover:h=>s.value?D(l):void 0,onMouseleave:r[0]||(r[0]=h=>s.value?D():void 0),onFocus:h=>s.value?D(l):void 0,onBlur:r[1]||(r[1]=h=>s.value?D():void 0)},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(B),1)]),_:2},1032,["color","disabled","class","onClick","onMouseover","onFocus"]))),128))],2))),128))]),_:1},8,["name"])],512))}}),K=V._export_sfc(J,[["__scopeId","data-v-7740add4"]]),Q={class:"maz-picker-calendar-month --has-padding"},X=e.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},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}},emits:["update:model-value","update:calendar-date","update:hoverred-day"],setup(o,{emit:v}){const t=o,m=v,i=e.computed({get:()=>t.modelValue,set:u=>m("update:model-value",u)}),f=e.computed({get:()=>t.hoverredDay,set:u=>m("update:hoverred-day",u)});function b(u){return c(t.calendarDate).add(u,"month").format()}const s=e.computed({get:()=>b(t.offsetMonth),set:u=>m("update:calendar-date",u)});return(u,y)=>(e.openBlock(),e.createElementBlock("div",Q,[e.createVNode(R,{locale:o.locale,"first-day-of-week":o.firstDayOfWeek,class:"maz-picker-calendar-month__days"},null,8,["locale","first-day-of-week"]),e.createVNode(K,{modelValue:i.value,"onUpdate:modelValue":y[0]||(y[0]=p=>i.value=p),"hoverred-day":f.value,"onUpdate:hoverredDay":y[1]||(y[1]=p=>f.value=p),locale:o.locale,color:o.color,"has-time":o.hasTime,"calendar-date":s.value,"first-day-of-week":o.firstDayOfWeek,"min-date":o.minDate,"max-date":o.maxDate,"disabled-weekly":o.disabledWeekly,"disabled-dates":o.disabledDates,disabled:o.disabled},null,8,["modelValue","hoverred-day","locale","color","has-time","calendar-date","first-day-of-week","min-date","max-date","disabled-weekly","disabled-dates","disabled"])]))}}),Y=V._export_sfc(X,[["__scopeId","data-v-fabf85ef"]]);exports.default=Y;
-//# sourceMappingURL=MazPickerCalendarMonth.DpvQC45k.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerCalendarMonth.DoG1aIdE.css');const e=require("vue"),c=require("dayjs"),d=require("./MazPicker.D2ra6fVy.cjs"),V=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),T=require("../helpers/debounce.cjs"),L=require("../components/MazBtn.cjs"),G={class:"maz-picker-calendar-days"},U=e.defineComponent({__name:"MazPickerCalendarDays",props:{locale:{type:String,required:!0},firstDayOfWeek:{type:Number,required:!0}},setup(o){const v=o,t=e.computed(()=>d.getDaysOfWeek(v.locale,v.firstDayOfWeek));return(m,i)=>(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,f=>(e.openBlock(),e.createElementBlock("span",{key:f},e.toDisplayString(f),1))),128))]))}}),R=V._export_sfc(U,[["__scopeId","data-v-1829c881"]]),J=e.defineComponent({__name:"MazPickerCalendarGrid",props:{modelValue:{type:[String,Object],default:void 0},calendarDate:{type:String,required:!0},hasTime:{type:Boolean,required:!0},locale:{type:String,required:!0},firstDayOfWeek:{type:Number,required:!0},color:{type:String,required:!0},minDate:{type:String,default:void 0},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}},emits:["update:model-value","update:hoverred-day"],setup(o,{emit:v}){e.useCssVars(a=>({"204709bb":u.value,"1340c52f":p.value,"6bfd896f":y.value}));const t=o,m=v,i=e.ref(),f=e.ref("maz-slidenext"),b=e.computed(()=>[t.calendarDate]),s=e.computed(()=>t.modelValue&&typeof t.modelValue=="object"),u=e.computed(()=>`var(--maz-color-${t.color}-alpha-20)`),y=e.computed(()=>`var(--maz-color-${t.color}-alpha)`),p=e.computed(()=>`var(--maz-color-${t.color}-alpha-20)`),k=e.computed({get:()=>t.modelValue,set:a=>m("update:model-value",a)}),z=e.computed(()=>Array.from({length:d.getDaysInMonth(t.calendarDate)},(a,r)=>r+1).map(a=>({label:a,date:c(t.calendarDate).set("date",a)}))),C=e.computed(()=>(d.getFirstDayOfMonth(t.calendarDate)-t.firstDayOfWeek+7)%7);function D(a){const r=t.modelValue;r.start&&!r.end&&a&&a.isAfter(r.start)?m("update:hoverred-day",a):m("update:hoverred-day")}function x(a){const r=t.modelValue;return!r.start||!t.hoverredDay?void 0:c(a).isBetween(r.start,t.hoverredDay,"date","(]")?3:void 0}function w(a){if(t.hoverredDay)return c(a).isSame(t.hoverredDay)}function O(a){var r;return t.modelValue&&t.modelValue&&typeof t.modelValue=="object"&&(r=t.modelValue)!=null&&r.start?d.isSameDate(a,t.modelValue.start,"date"):!1}function W(a){var r;return t.modelValue&&t.modelValue&&typeof t.modelValue=="object"&&(r=t.modelValue)!=null&&r.end?d.isSameDate(a,t.modelValue.end,"date"):!1}function _(a){const r=t.modelValue;return typeof r=="object"?r.start&&d.isSameDate(a,r.start,"date")||r.end&&d.isSameDate(a,r.end,"date")||q(a)?t.color:"transparent":M(a)?t.color:"transparent"}function S(a){if(t.modelValue&&typeof t.modelValue=="object"){if(t.modelValue.start&&d.isSameDate(a,t.modelValue.start,"date"))return 1;if(t.modelValue.end){if(d.isSameDate(a,t.modelValue.end,"date"))return 1;if(q(a))return 2}}else if(M(a))return 1;return 0}function $(a){s.value&&D();const r=a.format();if(typeof k.value=="object"){let n=k.value;n.start&&n.end&&(n={start:void 0,end:void 0});const g=c(r).isBefore(n.start,"date");k.value=!n.start||g?{start:r,end:void 0}:{start:n.start,end:r}}else k.value=r}function j(a){return d.isToday(a)}function M(a){if(!t.modelValue)return!1;const r=t.modelValue;return d.isSameDate(a,r,"date")}function q(a){const r=t.modelValue;return!r.start||!r.end?!1:c(a).isBetween(r.start,r.end,"date","()")}function E(a){return t.minDate?c(a).isBefore(t.minDate,"date"):!1}function A(a){var r;return(r=t.disabledWeekly)!=null&&r.length?t.disabledWeekly.some(n=>d.isSameDay(a,n)):!1}function P(a){var r;return(r=t.disabledDates)!=null&&r.length?t.disabledDates.some(n=>d.isSameDate(a,n,"date")):!1}function F(a){return t.maxDate?c(a).isAfter(t.maxDate,"date"):!1}const H=T.debounce(()=>{i.value&&(i.value.style.minHeight="")},400);function N(){var a;i.value&&(i.value.style.minHeight=`${((a=i.value)==null?void 0:a.clientHeight)||176}px`,H())}return e.watch(()=>t.calendarDate,(a,r)=>{f.value=c(a).isAfter(r,"date")?"maz-slidenext":"maz-slideprev",N()}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"MazPickerGrid",ref:i,class:"maz-picker-calendar-grid"},[e.createVNode(e.TransitionGroup,{name:f.value},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList([b.value],(n,g)=>(e.openBlock(),e.createElementBlock("div",{key:`${n[g]}`,class:e.normalizeClass(["maz-picker-calendar-grid__container",{"--is-range":s.value}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,B=>(e.openBlock(),e.createElementBlock("div",{key:B}))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,({label:B,date:l},I)=>(e.openBlock(),e.createBlock(L.default,{key:I,size:"mini",color:_(l),type:"button",disabled:o.disabled||E(l)||F(l)||A(l)||P(l),class:e.normalizeClass({"--is-today":j(l),"--is-first":O(l),"--is-last":W(l)||s.value&&w(l),"--is-selected":S(l)===1,"--is-between":S(l)===2,"--is-between-hoverred":s.value?x(l)===3:void 0}),onClick:h=>$(l),onMouseover:h=>s.value?D(l):void 0,onMouseleave:r[0]||(r[0]=h=>s.value?D():void 0),onFocus:h=>s.value?D(l):void 0,onBlur:r[1]||(r[1]=h=>s.value?D():void 0)},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(B),1)]),_:2},1032,["color","disabled","class","onClick","onMouseover","onFocus"]))),128))],2))),128))]),_:1},8,["name"])],512))}}),K=V._export_sfc(J,[["__scopeId","data-v-932ebbe6"]]),Q={class:"maz-picker-calendar-month --has-padding"},X=e.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},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}},emits:["update:model-value","update:calendar-date","update:hoverred-day"],setup(o,{emit:v}){const t=o,m=v,i=e.computed({get:()=>t.modelValue,set:u=>m("update:model-value",u)}),f=e.computed({get:()=>t.hoverredDay,set:u=>m("update:hoverred-day",u)});function b(u){return c(t.calendarDate).add(u,"month").format()}const s=e.computed({get:()=>b(t.offsetMonth),set:u=>m("update:calendar-date",u)});return(u,y)=>(e.openBlock(),e.createElementBlock("div",Q,[e.createVNode(R,{locale:o.locale,"first-day-of-week":o.firstDayOfWeek,class:"maz-picker-calendar-month__days"},null,8,["locale","first-day-of-week"]),e.createVNode(K,{modelValue:i.value,"onUpdate:modelValue":y[0]||(y[0]=p=>i.value=p),"hoverred-day":f.value,"onUpdate:hoverredDay":y[1]||(y[1]=p=>f.value=p),locale:o.locale,color:o.color,"has-time":o.hasTime,"calendar-date":s.value,"first-day-of-week":o.firstDayOfWeek,"min-date":o.minDate,"max-date":o.maxDate,"disabled-weekly":o.disabledWeekly,"disabled-dates":o.disabledDates,disabled:o.disabled},null,8,["modelValue","hoverred-day","locale","color","has-time","calendar-date","first-day-of-week","min-date","max-date","disabled-weekly","disabled-dates","disabled"])]))}}),Y=V._export_sfc(X,[["__scopeId","data-v-ef446d30"]]);exports.default=Y;
+//# sourceMappingURL=MazPickerCalendarMonth.DBDcSR1B.cjs.map

package/dist/chunks/MazPickerCalendarMonth.DBDcSR1B.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerCalendarMonth.DBDcSR1B.cjs","sources":["../../src/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarDays.vue","../../src/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue","../../src/components/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { getDaysOfWeek } from '../utils'\n\nconst props = defineProps({\n  locale: { type: String, required: true },\n  firstDayOfWeek: { type: Number, required: true },\n})\n\nconst days = computed(() => getDaysOfWeek(props.locale, props.firstDayOfWeek))\n</script>\n\n<template>\n  <div class=\"maz-picker-calendar-days\">\n    <span v-for=\"label in days\" :key=\"label\">\n      {{ label }}\n    </span>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-calendar-days {\n  @apply maz-grid maz-grid-cols-7 maz-justify-between maz-gap-1 maz-text-center;\n\n  & span {\n    @apply maz-text-xs maz-text-muted;\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { Color } from '../../types'\nimport type { PartialRangeValue, PickerValue } from '../types'\nimport dayjs, { type Dayjs } from 'dayjs'\nimport { computed, type PropType, ref, watch } from 'vue'\nimport { debounce } from '../../../helpers/debounce'\nimport MazBtn from '../../MazBtn.vue'\n\nimport { getDaysInMonth, getFirstDayOfMonth, isSameDate, isSameDay, isToday } from '../utils'\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  calendarDate: { type: String, required: true },\n  hasTime: { type: Boolean, required: true },\n  locale: { type: String, required: true },\n  firstDayOfWeek: { type: Number, required: true },\n  color: { type: String as PropType<Color>, required: true },\n  minDate: { type: String, default: undefined },\n  maxDate: { type: String, default: undefined },\n  disabledWeekly: { type: Array as PropType<number[]>, required: true },\n  disabledDates: { type: Array as PropType<string[]>, required: true },\n  hoverredDay: { type: Object as PropType<Dayjs>, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:model-value', 'update:hoverred-day'])\n\nenum DaySelect {\n  UNSELECTED,\n  SELECTED,\n  BETWEEN,\n  BETWEEN_HOVERRED,\n}\n\nconst MazPickerGrid = ref<HTMLDivElement>()\nconst transitionName = ref<'maz-slidenext' | 'maz-slideprev'>('maz-slidenext')\n\nconst calendarDateArray = computed<string[]>(() => [props.calendarDate])\n\nconst isRangeMode = computed(() => props.modelValue && typeof props.modelValue === 'object')\n\nconst hoverColor = computed(() => `var(--maz-color-${props.color}-alpha-20)`)\nconst betweenColor = computed(() => `var(--maz-color-${props.color}-alpha)`)\nconst betweenColorAlpha = computed(() => `var(--maz-color-${props.color}-alpha-20)`)\n\nconst modelValue = computed({\n  get: () => props.modelValue,\n  set: value => emits('update:model-value', value),\n})\n\nconst monthDays = computed<{ label: string | number, date: Dayjs }[]>(() =>\n  Array.from({ length: getDaysInMonth(props.calendarDate) }, (_v, i) => i + 1).map(day => ({\n    label: day,\n    date: dayjs(props.calendarDate).set('date', day),\n  })),\n)\n\nconst emptyDaysCount = computed(() => {\n  const firstDayMonth = getFirstDayOfMonth(props.calendarDate)\n  return (firstDayMonth - props.firstDayOfWeek + 7) % 7\n})\n\nfunction setHoverredDay(day?: Dayjs) {\n  const value = props.modelValue as PartialRangeValue\n\n  if (value.start && !value.end && day && day.isAfter(value.start)) {\n    emits('update:hoverred-day', day)\n  }\n  else {\n    emits('update:hoverred-day')\n  }\n}\n\nfunction isBetweenHoverred(day: Dayjs): DaySelect | undefined {\n  const value = props.modelValue as PartialRangeValue\n\n  if (!value.start || !props.hoverredDay) {\n    return undefined\n  }\n\n  const isBetween = dayjs(day).isBetween(value.start, props.hoverredDay, 'date', '(]')\n\n  return isBetween ? DaySelect.BETWEEN_HOVERRED : undefined\n}\n\nfunction isLastDayHoverred(day: Dayjs) {\n  if (!props.hoverredDay) {\n    return\n  }\n\n  return dayjs(day).isSame(props.hoverredDay)\n}\n\nfunction isFirstDay(day: Dayjs): boolean {\n  if (!props.modelValue) {\n    return false\n  }\n\n  if (props.modelValue && typeof props.modelValue === 'object' && props.modelValue?.start) {\n    return isSameDate(day, props.modelValue.start, 'date')\n  }\n\n  return false\n}\n\nfunction isLastDay(day: Dayjs): boolean {\n  if (!props.modelValue) {\n    return false\n  }\n\n  if (props.modelValue && typeof props.modelValue === 'object' && props.modelValue?.end) {\n    return isSameDate(day, props.modelValue.end, 'date')\n  }\n  return false\n}\n\nfunction getDayButtonColor(date: Dayjs): Color {\n  const value = props.modelValue\n\n  if (typeof value === 'object') {\n    return (value.start ? isSameDate(date, value.start, 'date') : false)\n      || (value.end ? isSameDate(date, value.end, 'date') : false)\n      ? props.color\n      : checkIsBetween(date)\n        ? props.color\n        : 'transparent'\n  }\n  else {\n    return checkIsSameDate(date) ? props.color : 'transparent'\n  }\n}\n\nfunction isSelectedOrBetween(day: Dayjs): DaySelect {\n  if (props.modelValue && typeof props.modelValue === 'object') {\n    if (props.modelValue.start && isSameDate(day, props.modelValue.start, 'date')) {\n      return DaySelect.SELECTED\n    }\n    if (props.modelValue.end) {\n      if (isSameDate(day, props.modelValue.end, 'date')) {\n        return DaySelect.SELECTED\n      }\n\n      if (checkIsBetween(day)) {\n        return DaySelect.BETWEEN\n      }\n    }\n  }\n  else if (checkIsSameDate(day)) {\n    return DaySelect.SELECTED\n  }\n\n  return DaySelect.UNSELECTED\n}\n\nfunction selectDay(value: Dayjs) {\n  if (isRangeMode.value) {\n    setHoverredDay()\n  }\n\n  const valueFormatted = value.format()\n  if (typeof modelValue.value === 'object') {\n    let values = modelValue.value\n\n    if (values.start && values.end) {\n      values = {\n        start: undefined,\n        end: undefined,\n      }\n    }\n\n    const isBeforeStartDate = dayjs(valueFormatted).isBefore(values.start, 'date')\n\n    modelValue.value\n        = !values.start || isBeforeStartDate\n        ? {\n            start: valueFormatted,\n            end: undefined,\n          }\n        : {\n            start: values.start,\n            end: valueFormatted,\n          }\n  }\n  else {\n    modelValue.value = valueFormatted\n  }\n}\n\nfunction checkIsToday(day: Dayjs): boolean {\n  return isToday(day)\n}\n\nfunction checkIsSameDate(day: Dayjs): boolean {\n  if (!props.modelValue) {\n    return false\n  }\n\n  const value = props.modelValue as string\n\n  return isSameDate(day, value, 'date')\n}\n\nfunction checkIsBetween(day: Dayjs): boolean {\n  const value = props.modelValue as PartialRangeValue\n\n  if (!value.start || !value.end) {\n    return false\n  }\n\n  return dayjs(day).isBetween(value.start, value.end, 'date', '()')\n}\n\nfunction isSmallerMinDate(day: Dayjs): boolean {\n  if (!props.minDate) {\n    return false\n  }\n\n  return dayjs(day).isBefore(props.minDate, 'date')\n}\n\nfunction isDisabledWeekly(day: Dayjs): boolean {\n  if (!props.disabledWeekly?.length) {\n    return false\n  }\n\n  return props.disabledWeekly.some(disabledDay => isSameDay(day, disabledDay))\n}\n\nfunction isDisabledDate(day: Dayjs): boolean {\n  if (!props.disabledDates?.length) {\n    return false\n  }\n\n  return props.disabledDates.some(disabledDay => isSameDate(day, disabledDay, 'date'))\n}\n\nfunction isBiggerMaxDate(day: Dayjs): boolean {\n  if (!props.maxDate) {\n    return false\n  }\n\n  return dayjs(day).isAfter(props.maxDate, 'date')\n}\n\nconst removeContainerHeight = debounce(() => {\n  if (MazPickerGrid.value) {\n    MazPickerGrid.value.style.minHeight = ''\n  }\n}, 400)\n\nfunction setContainerHeight() {\n  if (MazPickerGrid.value) {\n    MazPickerGrid.value.style.minHeight = `${MazPickerGrid.value?.clientHeight || 176}px`\n\n    removeContainerHeight()\n  }\n}\n\nwatch(\n  () => props.calendarDate,\n  (calendarDate, oldCalendarValue) => {\n    transitionName.value = dayjs(calendarDate).isAfter(oldCalendarValue, 'date')\n      ? 'maz-slidenext'\n      : 'maz-slideprev'\n\n    setContainerHeight()\n  },\n)\n</script>\n\n<template>\n  <div ref=\"MazPickerGrid\" class=\"maz-picker-calendar-grid\">\n    <TransitionGroup :name=\"transitionName\">\n      <div\n        v-for=\"(dateArray, dateIndex) in [calendarDateArray]\"\n        :key=\"`${dateArray[dateIndex]}`\"\n        class=\"maz-picker-calendar-grid__container\"\n        :class=\"{ '--is-range': isRangeMode }\"\n      >\n        <div v-for=\"first in emptyDaysCount\" :key=\"first\" />\n        <MazBtn\n          v-for=\"({ label, date }, i) in monthDays\"\n          :key=\"i\"\n          size=\"mini\"\n          :color=\"getDayButtonColor(date)\"\n          type=\"button\"\n          :disabled=\"\n            disabled\n              || isSmallerMinDate(date)\n              || isBiggerMaxDate(date)\n              || isDisabledWeekly(date)\n              || isDisabledDate(date)\n          \"\n          :class=\"{\n            '--is-today': checkIsToday(date),\n            '--is-first': isFirstDay(date),\n            '--is-last': isLastDay(date) || (isRangeMode && isLastDayHoverred(date)),\n            '--is-selected': isSelectedOrBetween(date) === DaySelect.SELECTED,\n            '--is-between': isSelectedOrBetween(date) === DaySelect.BETWEEN,\n            '--is-between-hoverred': isRangeMode\n              ? isBetweenHoverred(date) === DaySelect.BETWEEN_HOVERRED\n              : undefined,\n          }\"\n          @click=\"selectDay(date)\"\n          @mouseover=\"isRangeMode ? setHoverredDay(date) : undefined\"\n          @mouseleave=\"isRangeMode ? setHoverredDay() : undefined\"\n          @focus=\"isRangeMode ? setHoverredDay(date) : undefined\"\n          @blur=\"isRangeMode ? setHoverredDay() : undefined\"\n        >\n          <span>\n            {{ label }}\n          </span>\n        </MazBtn>\n      </div>\n    </TransitionGroup>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-calendar-grid {\n  @apply maz-relative;\n\n  transition: all 300ms ease-in-out;\n\n  &__container {\n    @apply maz-relative maz-grid maz-grid-cols-7 maz-items-start maz-gap-1;\n\n    /* &.--is-range {\n        @apply maz-gap-0 maz-gap-y-1;\n      } */\n\n    & button {\n      @apply maz-h-8 maz-w-8 maz-cursor-pointer !maz-rounded-full;\n\n      /* @apply maz-p-1 !important; */\n\n      &.--is-today {\n        &:not(.--is-selected, .--is-between, .--is-between-hoverred) {\n          @apply !maz-bg-color-light dark:!maz-bg-color-lighter;\n        }\n      }\n\n      &:hover {\n        &:not(.--is-selected, .--is-between, .--is-between-hoverred) {\n          background-color: v-bind('hoverColor') !important;\n        }\n      }\n\n      &.--is-between-hoverred {\n        background-color: v-bind('betweenColorAlpha') !important;\n      }\n\n      &.--is-between {\n        background-color: v-bind('betweenColor') !important;\n\n        &.--white,\n        &.--transparent {\n          @apply !maz-bg-gray-400;\n        }\n\n        &.--black {\n          @apply !maz-bg-gray-800;\n        }\n      }\n\n      & span {\n        @apply maz-text-sm;\n      }\n\n      &:disabled {\n        @apply maz-cursor-not-allowed;\n      }\n    }\n  }\n}\n\n/** Slide next/prev animation  **/\n.maz-slidenext-leave-active,\n.maz-slidenext-enter-active,\n.maz-slideprev-leave-active,\n.maz-slideprev-enter-active {\n  @apply maz-absolute maz-left-0 maz-right-0 maz-top-0;\n\n  transition: transform 300ms ease-in-out;\n}\n\n/* .maz-slidenext-enter-to, */\n.maz-slideprev-leave-to,\n.maz-slidenext-enter-from {\n  transform: translateX(100%);\n}\n\n.maz-slidenext-leave-to,\n.maz-slideprev-enter-from {\n  transform: translateX(-100%);\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { Color } from '../../types'\nimport type { PickerValue } from '../types'\nimport dayjs, { type Dayjs } from 'dayjs'\nimport { computed, type PropType } from 'vue'\nimport MazPickerCalendarDays from './MazPickerCalendarDays.vue'\n\nimport MazPickerCalendarGrid from './MazPickerCalendarGrid.vue'\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  hasTime: { type: Boolean, required: true },\n  firstDayOfWeek: { type: Number, required: true },\n  calendarDate: { type: String, required: true },\n  offsetMonth: { type: Number, default: 0 },\n  minDate: { type: String, default: undefined },\n  maxDate: { type: String, default: undefined },\n  disabledWeekly: { type: Array as PropType<number[]>, required: true },\n  disabledDates: { type: Array as PropType<string[]>, required: true },\n  hoverredDay: { type: Object as PropType<Dayjs>, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:model-value', 'update:calendar-date', 'update:hoverred-day'])\n\nconst modelValue = computed({\n  get: () => props.modelValue,\n  set: value => emits('update:model-value', value),\n})\n\n// const isRangeMode = computed(() => typeof modelValue.value === 'object')\n\nconst hoverredDay = computed({\n  get: () => props.hoverredDay,\n  set: value => emits('update:hoverred-day', value),\n})\n\nfunction getCalendarDateWithOffset(offset: number) {\n  return dayjs(props.calendarDate).add(offset, 'month').format()\n}\n\nconst calendarDateWithOffset = computed({\n  get: () => getCalendarDateWithOffset(props.offsetMonth),\n  set: calendarDate => emits('update:calendar-date', calendarDate),\n})\n</script>\n\n<template>\n  <div class=\"maz-picker-calendar-month --has-padding\">\n    <MazPickerCalendarDays\n      :locale=\"locale\"\n      :first-day-of-week=\"firstDayOfWeek\"\n      class=\"maz-picker-calendar-month__days\"\n    />\n\n    <MazPickerCalendarGrid\n      v-model=\"modelValue\"\n      v-model:hoverred-day=\"hoverredDay\"\n      :locale=\"locale\"\n      :color=\"color\"\n      :has-time=\"hasTime\"\n      :calendar-date=\"calendarDateWithOffset\"\n      :first-day-of-week=\"firstDayOfWeek\"\n      :min-date=\"minDate\"\n      :max-date=\"maxDate\"\n      :disabled-weekly=\"disabledWeekly\"\n      :disabled-dates=\"disabledDates\"\n      :disabled=\"disabled\"\n    />\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-calendar-month {\n  @apply maz-w-full maz-overflow-hidden maz-py-2;\n\n  &.--has-padding {\n    @apply maz-px-2;\n  }\n\n  &__days {\n    @apply maz-pb-2;\n  }\n}\n</style>\n"],"names":["props","__props","days","computed","getDaysOfWeek","emits","__emit","MazPickerGrid","ref","transitionName","calendarDateArray","isRangeMode","hoverColor","betweenColor","betweenColorAlpha","modelValue","value","monthDays","getDaysInMonth","_v","i","day","dayjs","emptyDaysCount","getFirstDayOfMonth","setHoverredDay","isBetweenHoverred","isLastDayHoverred","isFirstDay","_a","isSameDate","isLastDay","getDayButtonColor","date","checkIsBetween","checkIsSameDate","isSelectedOrBetween","selectDay","valueFormatted","values","isBeforeStartDate","checkIsToday","isToday","isSmallerMinDate","isDisabledWeekly","isSameDay","disabledDay","isDisabledDate","isBiggerMaxDate","removeContainerHeight","debounce","setContainerHeight","watch","calendarDate","oldCalendarValue","hoverredDay","getCalendarDateWithOffset","offset","calendarDateWithOffset"],"mappings":"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"}

package/dist/chunks/{MazPickerCalendarSwitcher.DC2wff_J.cjs → MazPickerCalendarSwitcher.CyjRYcya.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerCalendarSwitcher.23EFP_7Y.css');const e=require("vue"),o=require("../components/MazBtn.cjs"),l=require("../filters/capitalize.cjs"),n=require("../filters/date.cjs"),u=require("./chevron-left.BYUi62el.cjs"),i=require("dayjs"),v=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),z={class:"m-picker-calendar-switcher"},w=e.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(p,{emit:m}){const t=p,d=m,a=e.computed(()=>i(t.calendarDate)),f=e.computed(()=>t.double?`${l.capitalize(n.date(a.value.format(),t.locale,{month:"long"}))} - ${l.capitalize(n.date(a.value.add(1,"month").format(),t.locale,{month:"long"}))}`:l.capitalize(n.date(a.value.format(),t.locale,{month:"long"}))),h=e.computed(()=>n.date(a.value.format(),t.locale,{year:"numeric"}));function _(){d("update:calendar-date",i(t.calendarDate).subtract(1,"month").format())}function y(){d("update:calendar-date",i(t.calendarDate).add(1,"month").format())}return(s,r)=>(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(o.default,{size:"xs",color:"transparent",type:"button",onClick:_},{default:e.withCtx(()=>[e.createVNode(e.unref(u.default),{class:"maz-text-lg"})]),_:1}),e.createVNode(o.default,{size:"sm",color:"transparent",type:"button",class:"m-picker-calendar-switcher__date",onClick:r[0]||(r[0]=c=>s.$emit("open-month-switcher",c))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:1}),e.createVNode(o.default,{size:"sm",color:"transparent",type:"button",class:"m-picker-calendar-switcher__date",onClick:r[1]||(r[1]=c=>s.$emit("open-year-switcher",c))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.value),1)]),_:1}),e.createVNode(o.default,{size:"xs",color:"transparent",type:"button",onClick:y},{default:e.withCtx(()=>[e.createVNode(e.unref(u.default),{class:"maz-rotate-180 maz-text-lg"})]),_:1})]))}}),x=v._export_sfc(w,[["__scopeId","data-v-68067a35"]]);exports.default=x;
-//# sourceMappingURL=MazPickerCalendarSwitcher.DC2wff_J.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerCalendarSwitcher.Cwm0pn-f.css');const e=require("vue"),l=require("dayjs"),u=require("./chevron-left.BYUi62el.cjs"),i=require("../filters/capitalize.cjs"),o=require("../filters/date.cjs"),n=require("../components/MazBtn.cjs"),v=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),z={class:"m-picker-calendar-switcher"},w=e.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(p,{emit:m}){const t=p,d=m,a=e.computed(()=>l(t.calendarDate)),f=e.computed(()=>t.double?`${i.capitalize(o.date(a.value.format(),t.locale,{month:"long"}))} - ${i.capitalize(o.date(a.value.add(1,"month").format(),t.locale,{month:"long"}))}`:i.capitalize(o.date(a.value.format(),t.locale,{month:"long"}))),h=e.computed(()=>o.date(a.value.format(),t.locale,{year:"numeric"}));function _(){d("update:calendar-date",l(t.calendarDate).subtract(1,"month").format())}function y(){d("update:calendar-date",l(t.calendarDate).add(1,"month").format())}return(s,r)=>(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(n.default,{size:"xs",color:"transparent",type:"button",onClick:_},{default:e.withCtx(()=>[e.createVNode(e.unref(u.default),{class:"maz-text-lg"})]),_:1}),e.createVNode(n.default,{size:"sm",color:"transparent",type:"button",class:"m-picker-calendar-switcher__date",onClick:r[0]||(r[0]=c=>s.$emit("open-month-switcher",c))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value),1)]),_:1}),e.createVNode(n.default,{size:"sm",color:"transparent",type:"button",class:"m-picker-calendar-switcher__date",onClick:r[1]||(r[1]=c=>s.$emit("open-year-switcher",c))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.value),1)]),_:1}),e.createVNode(n.default,{size:"xs",color:"transparent",type:"button",onClick:y},{default:e.withCtx(()=>[e.createVNode(e.unref(u.default),{class:"maz-rotate-180 maz-text-lg"})]),_:1})]))}}),x=v._export_sfc(w,[["__scopeId","data-v-d5734fdf"]]);exports.default=x;
+//# sourceMappingURL=MazPickerCalendarSwitcher.CyjRYcya.cjs.map

package/dist/chunks/MazPickerCalendarSwitcher.CyjRYcya.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerCalendarSwitcher.CyjRYcya.cjs","sources":["../../src/components/MazPicker/MazPickerCalendarSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport dayjs from 'dayjs'\nimport { computed } from 'vue'\nimport ChevronLeftIcon from '../../../icons/chevron-left.svg'\n\nimport { capitalize } from '../../filters/capitalize'\nimport { date } from '../../filters/date'\nimport MazBtn from '../MazBtn.vue'\n\nconst props = defineProps({\n  calendarDate: { type: String, default: undefined },\n  locale: { type: String, required: true },\n  double: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits([\n  'previous',\n  'next',\n  'open-month-switcher',\n  'open-year-switcher',\n  'update:calendar-date',\n])\n\nconst calendarDate2 = computed(() => dayjs(props.calendarDate))\n\nconst monthLabel = computed(() => {\n  return props.double\n    ? `${capitalize(\n      date(calendarDate2.value.format(), props.locale, { month: 'long' }),\n    )} - ${capitalize(\n      date(calendarDate2.value.add(1, 'month').format(), props.locale, {\n        month: 'long',\n      }),\n    )}`\n    : capitalize(date(calendarDate2.value.format(), props.locale, { month: 'long' }))\n})\n\nconst yearLabel = computed(() =>\n  date(calendarDate2.value.format(), props.locale, { year: 'numeric' }),\n)\n\nfunction previousMonth() {\n  emits('update:calendar-date', dayjs(props.calendarDate).subtract(1, 'month').format())\n}\n\nfunction nextMonth() {\n  emits('update:calendar-date', dayjs(props.calendarDate).add(1, 'month').format())\n}\n</script>\n\n<template>\n  <div class=\"m-picker-calendar-switcher\">\n    <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click=\"previousMonth\">\n      <ChevronLeftIcon class=\"maz-text-lg\" />\n    </MazBtn>\n    <MazBtn\n      size=\"sm\"\n      color=\"transparent\"\n      type=\"button\"\n      class=\"m-picker-calendar-switcher__date\"\n      @click=\"$emit('open-month-switcher', $event)\"\n    >\n      {{ monthLabel }}\n    </MazBtn>\n    <MazBtn\n      size=\"sm\"\n      color=\"transparent\"\n      type=\"button\"\n      class=\"m-picker-calendar-switcher__date\"\n      @click=\"$emit('open-year-switcher', $event)\"\n    >\n      {{ yearLabel }}\n    </MazBtn>\n    <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click=\"nextMonth\">\n      <ChevronLeftIcon class=\"maz-rotate-180 maz-text-lg\" />\n    </MazBtn>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-picker-calendar-switcher {\n  @apply maz-flex maz-space-x-2 maz-border-b maz-border-color-lighter maz-px-2 maz-py-1;\n\n  &__date {\n    @apply maz-flex-1 maz-truncate maz-text-center;\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","calendarDate2","computed","dayjs","monthLabel","capitalize","date","yearLabel","previousMonth","nextMonth"],"mappings":"yoBASA,MAAMA,EAAQC,EAMRC,EAAQC,EAQRC,EAAgBC,EAAAA,SAAS,IAAMC,EAAMN,EAAM,YAAY,CAAC,EAExDO,EAAaF,EAAAA,SAAS,IACnBL,EAAM,OACT,GAAGQ,EAAA,WACHC,OAAKL,EAAc,MAAM,OAAO,EAAGJ,EAAM,OAAQ,CAAE,MAAO,MAAQ,CAAA,CACnE,CAAA,MAAMQ,EAAA,WACLC,OAAKL,EAAc,MAAM,IAAI,EAAG,OAAO,EAAE,OAAA,EAAUJ,EAAM,OAAQ,CAC/D,MAAO,MACR,CAAA,CACF,CAAA,GACCQ,EAAW,WAAAC,OAAKL,EAAc,MAAM,SAAUJ,EAAM,OAAQ,CAAE,MAAO,MAAQ,CAAA,CAAC,CACnF,EAEKU,EAAYL,EAAA,SAAS,IACzBI,EAAK,KAAAL,EAAc,MAAM,OAAA,EAAUJ,EAAM,OAAQ,CAAE,KAAM,SAAW,CAAA,CACtE,EAEA,SAASW,GAAgB,CACjBT,EAAA,uBAAwBI,EAAMN,EAAM,YAAY,EAAE,SAAS,EAAG,OAAO,EAAE,QAAQ,CAAA,CAGvF,SAASY,GAAY,CACbV,EAAA,uBAAwBI,EAAMN,EAAM,YAAY,EAAE,IAAI,EAAG,OAAO,EAAE,QAAQ,CAAA"}

package/dist/chunks/{MazPickerCalendarSwitcher.DFGrD6Cr.mjs → MazPickerCalendarSwitcher.DTDyFG7S.mjs}

@@ -1,11 +1,11 @@
 import { defineComponent as x, computed as i, openBlock as C, createElementBlock as g, createVNode as t, withCtx as r, unref as u, createTextVNode as f, toDisplayString as h } from "vue";
-import n from "../components/MazBtn.mjs";
-import { capitalize as s } from "../filters/capitalize.mjs";
-import { date as l } from "../filters/date.mjs";
+import s from "dayjs";
 import _ from "./chevron-left.njfuF_Vt.mjs";
-import m from "dayjs";
+import { capitalize as d } from "../filters/capitalize.mjs";
+import { date as n } from "../filters/date.mjs";
+import l from "../components/MazBtn.mjs";
 import { _ as D } from "./_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazPickerCalendarSwitcher.23EFP_7Y.css';const M = { class: "m-picker-calendar-switcher" }, S = /* @__PURE__ */ x({
+import '../assets/MazPickerCalendarSwitcher.Cwm0pn-f.css';const M = { class: "m-picker-calendar-switcher" }, S = /* @__PURE__ */ x({
   __name: "MazPickerCalendarSwitcher",
   props: {
     calendarDate: { type: String, default: void 0 },
@@ -20,23 +20,23 @@ import '../assets/MazPickerCalendarSwitcher.23EFP_7Y.css';const M = { class: "m-
     "update:calendar-date"
   ],
   setup(y, { emit: v }) {
-    const e = y, d = v, a = i(() => m(e.calendarDate)), k = i(() => e.double ? `${s(
-      l(a.value.format(), e.locale, { month: "long" })
-    )} - ${s(
-      l(a.value.add(1, "month").format(), e.locale, {
+    const e = y, m = v, a = i(() => s(e.calendarDate)), k = i(() => e.double ? `${d(
+      n(a.value.format(), e.locale, { month: "long" })
+    )} - ${d(
+      n(a.value.add(1, "month").format(), e.locale, {
         month: "long"
       })
-    )}` : s(l(a.value.format(), e.locale, { month: "long" }))), z = i(
-      () => l(a.value.format(), e.locale, { year: "numeric" })
+    )}` : d(n(a.value.format(), e.locale, { month: "long" }))), z = i(
+      () => n(a.value.format(), e.locale, { year: "numeric" })
     );
     function w() {
-      d("update:calendar-date", m(e.calendarDate).subtract(1, "month").format());
+      m("update:calendar-date", s(e.calendarDate).subtract(1, "month").format());
     }
     function b() {
-      d("update:calendar-date", m(e.calendarDate).add(1, "month").format());
+      m("update:calendar-date", s(e.calendarDate).add(1, "month").format());
     }
     return (p, o) => (C(), g("div", M, [
-      t(n, {
+      t(l, {
         size: "xs",
         color: "transparent",
         type: "button",
@@ -47,7 +47,7 @@ import '../assets/MazPickerCalendarSwitcher.23EFP_7Y.css';const M = { class: "m-
         ]),
         _: 1
       }),
-      t(n, {
+      t(l, {
         size: "sm",
         color: "transparent",
         type: "button",
@@ -59,7 +59,7 @@ import '../assets/MazPickerCalendarSwitcher.23EFP_7Y.css';const M = { class: "m-
         ]),
         _: 1
       }),
-      t(n, {
+      t(l, {
         size: "sm",
         color: "transparent",
         type: "button",
@@ -71,7 +71,7 @@ import '../assets/MazPickerCalendarSwitcher.23EFP_7Y.css';const M = { class: "m-
         ]),
         _: 1
       }),
-      t(n, {
+      t(l, {
         size: "xs",
         color: "transparent",
         type: "button",
@@ -84,8 +84,8 @@ import '../assets/MazPickerCalendarSwitcher.23EFP_7Y.css';const M = { class: "m-
       })
     ]));
   }
-}), V = /* @__PURE__ */ D(S, [["__scopeId", "data-v-68067a35"]]);
+}), V = /* @__PURE__ */ D(S, [["__scopeId", "data-v-d5734fdf"]]);
 export {
   V as default
 };
-//# sourceMappingURL=MazPickerCalendarSwitcher.DFGrD6Cr.mjs.map
+//# sourceMappingURL=MazPickerCalendarSwitcher.DTDyFG7S.mjs.map

package/dist/chunks/MazPickerCalendarSwitcher.DTDyFG7S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerCalendarSwitcher.DTDyFG7S.mjs","sources":["../../src/components/MazPicker/MazPickerCalendarSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport dayjs from 'dayjs'\nimport { computed } from 'vue'\nimport ChevronLeftIcon from '../../../icons/chevron-left.svg'\n\nimport { capitalize } from '../../filters/capitalize'\nimport { date } from '../../filters/date'\nimport MazBtn from '../MazBtn.vue'\n\nconst props = defineProps({\n  calendarDate: { type: String, default: undefined },\n  locale: { type: String, required: true },\n  double: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits([\n  'previous',\n  'next',\n  'open-month-switcher',\n  'open-year-switcher',\n  'update:calendar-date',\n])\n\nconst calendarDate2 = computed(() => dayjs(props.calendarDate))\n\nconst monthLabel = computed(() => {\n  return props.double\n    ? `${capitalize(\n      date(calendarDate2.value.format(), props.locale, { month: 'long' }),\n    )} - ${capitalize(\n      date(calendarDate2.value.add(1, 'month').format(), props.locale, {\n        month: 'long',\n      }),\n    )}`\n    : capitalize(date(calendarDate2.value.format(), props.locale, { month: 'long' }))\n})\n\nconst yearLabel = computed(() =>\n  date(calendarDate2.value.format(), props.locale, { year: 'numeric' }),\n)\n\nfunction previousMonth() {\n  emits('update:calendar-date', dayjs(props.calendarDate).subtract(1, 'month').format())\n}\n\nfunction nextMonth() {\n  emits('update:calendar-date', dayjs(props.calendarDate).add(1, 'month').format())\n}\n</script>\n\n<template>\n  <div class=\"m-picker-calendar-switcher\">\n    <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click=\"previousMonth\">\n      <ChevronLeftIcon class=\"maz-text-lg\" />\n    </MazBtn>\n    <MazBtn\n      size=\"sm\"\n      color=\"transparent\"\n      type=\"button\"\n      class=\"m-picker-calendar-switcher__date\"\n      @click=\"$emit('open-month-switcher', $event)\"\n    >\n      {{ monthLabel }}\n    </MazBtn>\n    <MazBtn\n      size=\"sm\"\n      color=\"transparent\"\n      type=\"button\"\n      class=\"m-picker-calendar-switcher__date\"\n      @click=\"$emit('open-year-switcher', $event)\"\n    >\n      {{ yearLabel }}\n    </MazBtn>\n    <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click=\"nextMonth\">\n      <ChevronLeftIcon class=\"maz-rotate-180 maz-text-lg\" />\n    </MazBtn>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-picker-calendar-switcher {\n  @apply maz-flex maz-space-x-2 maz-border-b maz-border-color-lighter maz-px-2 maz-py-1;\n\n  &__date {\n    @apply maz-flex-1 maz-truncate maz-text-center;\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","calendarDate2","computed","dayjs","monthLabel","capitalize","date","yearLabel","previousMonth","nextMonth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAMRC,IAAQC,GAQRC,IAAgBC,EAAS,MAAMC,EAAMN,EAAM,YAAY,CAAC,GAExDO,IAAaF,EAAS,MACnBL,EAAM,SACT,GAAGQ;AAAA,MACHC,EAAKL,EAAc,MAAM,OAAO,GAAGJ,EAAM,QAAQ,EAAE,OAAO,OAAQ,CAAA;AAAA,IACnE,CAAA,MAAMQ;AAAA,MACLC,EAAKL,EAAc,MAAM,IAAI,GAAG,OAAO,EAAE,OAAA,GAAUJ,EAAM,QAAQ;AAAA,QAC/D,OAAO;AAAA,MACR,CAAA;AAAA,IACF,CAAA,KACCQ,EAAWC,EAAKL,EAAc,MAAM,UAAUJ,EAAM,QAAQ,EAAE,OAAO,OAAQ,CAAA,CAAC,CACnF,GAEKU,IAAYL;AAAA,MAAS,MACzBI,EAAKL,EAAc,MAAM,OAAA,GAAUJ,EAAM,QAAQ,EAAE,MAAM,UAAW,CAAA;AAAA,IACtE;AAEA,aAASW,IAAgB;AACjB,MAAAT,EAAA,wBAAwBI,EAAMN,EAAM,YAAY,EAAE,SAAS,GAAG,OAAO,EAAE,QAAQ;AAAA,IAAA;AAGvF,aAASY,IAAY;AACb,MAAAV,EAAA,wBAAwBI,EAAMN,EAAM,YAAY,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{MazPickerHeader.B7YY9SJI.mjs → MazPickerHeader.C1asX8dz.mjs}

@@ -1,9 +1,9 @@
-import { defineComponent as q, computed as l, ref as D, watch as j, openBlock as r, createElementBlock as o, normalizeClass as k, createVNode as d, TransitionGroup as c, withCtx as p, Fragment as f, renderList as y, toDisplayString as h, createCommentVNode as g } from "vue";
+import { defineComponent as q, computed as l, ref as D, watch as j, openBlock as r, createElementBlock as o, normalizeClass as k, createVNode as d, TransitionGroup as c, withCtx as p, Fragment as y, renderList as f, toDisplayString as h, createCommentVNode as g } from "vue";
+import Z from "dayjs";
 import { capitalize as v } from "../filters/capitalize.mjs";
 import { date as i } from "../filters/date.mjs";
-import Z from "dayjs";
 import { _ as z } from "./_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazPickerHeader.CfwpRnA1.css';const B = {
+import '../assets/MazPickerHeader.BH5Uy1iP.css';const B = {
   key: 0,
   class: "m-picker-header__date"
 }, w = /* @__PURE__ */ q({
@@ -89,7 +89,7 @@ import '../assets/MazPickerHeader.CfwpRnA1.css';const B = {
           class: "m-picker-header__year-transition"
         }, {
           default: p(() => [
-            (r(!0), o(f, null, y(S.value, (a, n) => (r(), o("span", {
+            (r(!0), o(y, null, f(S.value, (a, n) => (r(), o("span", {
               key: `${a}-${n}`,
               class: "m-picker-header__year-text"
             }, h(a), 1))), 128))
@@ -102,7 +102,7 @@ import '../assets/MazPickerHeader.CfwpRnA1.css';const B = {
           class: "m-picker-header__date-transition"
         }, {
           default: p(() => [
-            (r(!0), o(f, null, y(x.value, (a, n) => (r(), o("span", {
+            (r(!0), o(y, null, f(x.value, (a, n) => (r(), o("span", {
               key: `${a}-${n}`,
               class: "m-picker-header__date-text"
             }, h(a), 1))), 128))
@@ -120,7 +120,7 @@ import '../assets/MazPickerHeader.CfwpRnA1.css';const B = {
           class: "m-picker-header__time-transition"
         }, {
           default: p(() => [
-            (r(!0), o(f, null, y(V.value, (a, n) => (r(), o("span", {
+            (r(!0), o(y, null, f(V.value, (a, n) => (r(), o("span", {
               key: `${a}-${n}`,
               class: "m-picker-header__time-text"
             }, h(a), 1))), 128))
@@ -130,8 +130,8 @@ import '../assets/MazPickerHeader.CfwpRnA1.css';const B = {
       ], 2)) : g("", !0)
     ], 2));
   }
-}), P = /* @__PURE__ */ z(w, [["__scopeId", "data-v-9ff3a0f1"]]);
+}), P = /* @__PURE__ */ z(w, [["__scopeId", "data-v-68218438"]]);
 export {
   P as default
 };
-//# sourceMappingURL=MazPickerHeader.B7YY9SJI.mjs.map
+//# sourceMappingURL=MazPickerHeader.C1asX8dz.mjs.map

package/dist/chunks/MazPickerHeader.C1asX8dz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerHeader.C1asX8dz.mjs","sources":["../../src/components/MazPicker/MazPickerHeader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '../types'\nimport type { PickerValue } from './types'\nimport type { DateTimeFormatOptions } from './utils'\nimport dayjs from 'dayjs'\nimport { computed, type PropType, ref, watch } from 'vue'\nimport { capitalize } from '../../filters/capitalize'\nimport { date } from '../../filters/date'\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  noShortcuts: { type: Boolean, required: true },\n  double: { type: Boolean, required: true },\n  hasDate: { type: Boolean, required: true },\n  hasTime: { type: Boolean, required: true },\n  formatterOptions: {\n    type: Object as PropType<DateTimeFormatOptions>,\n    required: true,\n  },\n  calendarDate: { type: String, required: true },\n})\n\nconst refDate = computed(() =>\n  typeof props.modelValue === 'string' ? props.modelValue : props.modelValue?.start,\n)\n\nconst transitionName = ref<'maz-slidevnext' | 'maz-slidevprev'>('maz-slidevnext')\n\nconst year = computed(() => {\n  if (props.modelValue && typeof props.modelValue === 'object') {\n    return `${\n      props.modelValue.start\n        ? date(props.modelValue.start, props.locale, {\n          year: 'numeric',\n          timeZone: props.formatterOptions.timeZone,\n        })\n        : '...'\n    } - ${\n      props.modelValue.end\n        ? date(props.modelValue.end, props.locale, {\n          year: 'numeric',\n          timeZone: props.formatterOptions.timeZone,\n        })\n        : '...'\n    }`\n  }\n  else if (typeof props.modelValue === 'string') {\n    return date(props.modelValue, props.locale, {\n      year: 'numeric',\n      timeZone: props.formatterOptions.timeZone,\n    })\n  }\n\n  return '-'\n})\n\nconst yearArray = computed(() => (props.hasDate ? [year.value] : undefined))\n\nconst dateString = computed(() => {\n  if (\n    props.modelValue\n    && typeof props.modelValue === 'object'\n    && (props.modelValue.start || props.modelValue.end)\n  ) {\n    const dateOption = props.noShortcuts && !props.double ? 'short' : 'long'\n    return `${\n      props.modelValue.start\n        ? capitalize(\n          date(props.modelValue.start, props.locale, {\n            weekday: dateOption,\n            month: dateOption,\n            day: 'numeric',\n            timeZone: props.formatterOptions.timeZone,\n          }),\n        )\n        : '...'\n    } - ${\n      props.modelValue.end\n        ? capitalize(\n          date(props.modelValue.end, props.locale, {\n            weekday: dateOption,\n            month: dateOption,\n            day: 'numeric',\n            timeZone: props.formatterOptions.timeZone,\n          }),\n        )\n        : '...'\n    }`\n  }\n  else if (typeof props.modelValue === 'string') {\n    return capitalize(\n      date(props.modelValue, props.locale, {\n        weekday: 'long',\n        month: 'long',\n        day: 'numeric',\n        timeZone: props.formatterOptions.timeZone,\n      }),\n    )\n  }\n\n  return '-'\n})\n\nconst dateStringArray = computed(() => (props.hasDate ? [dateString.value] : undefined))\n\nconst timeValue = computed(() => {\n  return refDate.value\n    ? date(refDate.value, props.locale, {\n      timeStyle: 'short',\n      timeZone: props.formatterOptions.timeZone,\n      hour12: props.formatterOptions.hour12,\n    })\n    : undefined\n})\n\nconst timeArray = computed(() => (props.hasTime ? [timeValue.value] : undefined))\n\nwatch(\n  () => props.modelValue,\n  (modelValue, oldModelValue) => {\n    const currentValue = typeof modelValue === 'object' ? modelValue.start : modelValue\n    const oldValue = typeof oldModelValue === 'object' ? oldModelValue.start : oldModelValue\n\n    transitionName.value\n        = dayjs(currentValue).isAfter(oldValue, 'date')\n        || dayjs(currentValue).isSame(oldValue, 'date')\n        ? 'maz-slidevnext'\n        : 'maz-slidevprev'\n  },\n)\n</script>\n\n<template>\n  <div class=\"m-picker-header\" :class=\"[`--${color}`]\">\n    <div v-if=\"hasDate\" class=\"m-picker-header__date\">\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__year-transition\">\n        <span v-for=\"(y, yi) in yearArray\" :key=\"`${y}-${yi}`\" class=\"m-picker-header__year-text\">\n          {{ y }}\n        </span>\n      </TransitionGroup>\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__date-transition\">\n        <span\n          v-for=\"(d, di) in dateStringArray\"\n          :key=\"`${d}-${di}`\"\n          class=\"m-picker-header__date-text\"\n        >\n          {{ d }}\n        </span>\n      </TransitionGroup>\n    </div>\n    <div v-if=\"timeArray\" class=\"m-picker-header__time\" :class=\"{ '--has-date': hasDate }\">\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__time-transition\">\n        <span v-for=\"(t, ti) in timeArray\" :key=\"`${t}-${ti}`\" class=\"m-picker-header__time-text\">\n          {{ t }}\n        </span>\n      </TransitionGroup>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-picker-header {\n  @apply maz-z-1 maz-flex maz-justify-between maz-space-y-1 maz-p-2 maz-font-normal;\n\n  &__year-transition {\n    @apply maz-flex maz-h-5 maz-items-center maz-overflow-hidden maz-leading-3;\n  }\n\n  &__date-transition,\n  &__time-transition {\n    @apply maz-flex maz-h-6 maz-items-center maz-overflow-hidden maz-leading-4;\n  }\n\n  &__time-transition {\n    @apply maz-flex maz-justify-end;\n\n    min-width: 5rem;\n  }\n\n  &__year-text {\n    @apply maz-text-sm;\n  }\n\n  &__time {\n    @apply maz-flex maz-items-end maz-justify-center;\n\n    &:not(.--has-date) {\n      @apply maz-w-full;\n\n      & .m-picker-header__time-transition {\n        @apply maz-w-full maz-flex-center;\n      }\n    }\n  }\n\n  &.--primary {\n    @apply maz-bg-primary maz-text-primary-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-primary-100;\n    }\n  }\n\n  &.--secondary {\n    @apply maz-bg-secondary maz-text-secondary-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-secondary-100;\n    }\n  }\n\n  &.--info {\n    @apply maz-bg-info maz-text-info-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-info-100;\n    }\n  }\n\n  &.--success {\n    @apply maz-bg-success maz-text-success-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-success-100;\n    }\n  }\n\n  &.--warning {\n    @apply maz-bg-warning maz-text-warning-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-warning-100;\n    }\n  }\n\n  &.--danger {\n    @apply maz-bg-danger maz-text-danger-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-danger-100;\n    }\n  }\n\n  &.--black {\n    @apply maz-bg-black maz-text-black-contrast;\n  }\n\n  &.--white {\n    @apply maz-bg-white maz-text-white-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-muted;\n    }\n  }\n\n  &.--transparent {\n    @apply maz-border-b maz-border-color-light maz-text-normal;\n  }\n}\n</style>\n"],"names":["props","__props","refDate","computed","_a","transitionName","ref","year","date","yearArray","dateString","dateOption","capitalize","dateStringArray","timeValue","timeArray","watch","modelValue","oldModelValue","currentValue","oldValue","dayjs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAkBRC,IAAUC;AAAA,MAAS,MACvB;;AAAA,sBAAOH,EAAM,cAAe,WAAWA,EAAM,cAAaI,IAAAJ,EAAM,eAAN,gBAAAI,EAAkB;AAAA;AAAA,IAC9E,GAEMC,IAAiBC,EAAyC,gBAAgB,GAE1EC,IAAOJ,EAAS,MAChBH,EAAM,cAAc,OAAOA,EAAM,cAAe,WAC3C,GACLA,EAAM,WAAW,QACbQ,EAAKR,EAAM,WAAW,OAAOA,EAAM,QAAQ;AAAA,MAC3C,MAAM;AAAA,MACN,UAAUA,EAAM,iBAAiB;AAAA,IAClC,CAAA,IACC,KACN,MACEA,EAAM,WAAW,MACbQ,EAAKR,EAAM,WAAW,KAAKA,EAAM,QAAQ;AAAA,MACzC,MAAM;AAAA,MACN,UAAUA,EAAM,iBAAiB;AAAA,IAAA,CAClC,IACC,KACN,KAEO,OAAOA,EAAM,cAAe,WAC5BQ,EAAKR,EAAM,YAAYA,EAAM,QAAQ;AAAA,MAC1C,MAAM;AAAA,MACN,UAAUA,EAAM,iBAAiB;AAAA,IAAA,CAClC,IAGI,GACR,GAEKS,IAAYN,EAAS,MAAOH,EAAM,UAAU,CAACO,EAAK,KAAK,IAAI,MAAU,GAErEG,IAAaP,EAAS,MAAM;AAE9B,UAAAH,EAAM,cACH,OAAOA,EAAM,cAAe,aAC3BA,EAAM,WAAW,SAASA,EAAM,WAAW,MAC/C;AACA,cAAMW,IAAaX,EAAM,eAAe,CAACA,EAAM,SAAS,UAAU;AAC3D,eAAA,GACLA,EAAM,WAAW,QACbY;AAAA,UACAJ,EAAKR,EAAM,WAAW,OAAOA,EAAM,QAAQ;AAAA,YACzC,SAASW;AAAA,YACT,OAAOA;AAAA,YACP,KAAK;AAAA,YACL,UAAUX,EAAM,iBAAiB;AAAA,UAClC,CAAA;AAAA,QAED,IAAA,KACN,MACEA,EAAM,WAAW,MACbY;AAAA,UACAJ,EAAKR,EAAM,WAAW,KAAKA,EAAM,QAAQ;AAAA,YACvC,SAASW;AAAA,YACT,OAAOA;AAAA,YACP,KAAK;AAAA,YACL,UAAUX,EAAM,iBAAiB;AAAA,UAClC,CAAA;AAAA,YAED,KACN;AAAA,MAEO,WAAA,OAAOA,EAAM,cAAe;AAC5B,eAAAY;AAAA,UACLJ,EAAKR,EAAM,YAAYA,EAAM,QAAQ;AAAA,YACnC,SAAS;AAAA,YACT,OAAO;AAAA,YACP,KAAK;AAAA,YACL,UAAUA,EAAM,iBAAiB;AAAA,UAClC,CAAA;AAAA,QACH;AAGK,aAAA;AAAA,IAAA,CACR,GAEKa,IAAkBV,EAAS,MAAOH,EAAM,UAAU,CAACU,EAAW,KAAK,IAAI,MAAU,GAEjFI,IAAYX,EAAS,MAClBD,EAAQ,QACXM,EAAKN,EAAQ,OAAOF,EAAM,QAAQ;AAAA,MAClC,WAAW;AAAA,MACX,UAAUA,EAAM,iBAAiB;AAAA,MACjC,QAAQA,EAAM,iBAAiB;AAAA,IAChC,CAAA,IACC,MACL,GAEKe,IAAYZ,EAAS,MAAOH,EAAM,UAAU,CAACc,EAAU,KAAK,IAAI,MAAU;AAEhF,WAAAE;AAAA,MACE,MAAMhB,EAAM;AAAA,MACZ,CAACiB,GAAYC,MAAkB;AAC7B,cAAMC,IAAe,OAAOF,KAAe,WAAWA,EAAW,QAAQA,GACnEG,IAAW,OAAOF,KAAkB,WAAWA,EAAc,QAAQA;AAE3E,QAAAb,EAAe,QACTgB,EAAMF,CAAY,EAAE,QAAQC,GAAU,MAAM,KAC3CC,EAAMF,CAAY,EAAE,OAAOC,GAAU,MAAM,IAC5C,mBACA;AAAA,MAAA;AAAA,IAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{MazPickerHeader.l7NcmiGH.cjs → MazPickerHeader.COT92ysE.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerHeader.CfwpRnA1.css');const e=require("vue"),u=require("../filters/capitalize.cjs"),n=require("../filters/date.cjs"),s=require("dayjs"),v=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),_={key:0,class:"m-picker-header__date"},V=e.defineComponent({__name:"MazPickerHeader",props:{modelValue:{type:[String,Object],default:void 0},color:{type:String,required:!0},locale:{type:String,required:!0},noShortcuts:{type:Boolean,required:!0},double:{type:Boolean,required:!0},hasDate:{type:Boolean,required:!0},hasTime:{type:Boolean,required:!0},formatterOptions:{type:Object,required:!0},calendarDate:{type:String,required:!0}},setup(l){const t=l,m=e.computed(()=>{var a;return typeof t.modelValue=="string"?t.modelValue:(a=t.modelValue)==null?void 0:a.start}),i=e.ref("maz-slidevnext"),p=e.computed(()=>t.modelValue&&typeof t.modelValue=="object"?`${t.modelValue.start?n.date(t.modelValue.start,t.locale,{year:"numeric",timeZone:t.formatterOptions.timeZone}):"..."} - ${t.modelValue.end?n.date(t.modelValue.end,t.locale,{year:"numeric",timeZone:t.formatterOptions.timeZone}):"..."}`:typeof t.modelValue=="string"?n.date(t.modelValue,t.locale,{year:"numeric",timeZone:t.formatterOptions.timeZone}):"-"),y=e.computed(()=>t.hasDate?[p.value]:void 0),f=e.computed(()=>{if(t.modelValue&&typeof t.modelValue=="object"&&(t.modelValue.start||t.modelValue.end)){const a=t.noShortcuts&&!t.double?"short":"long";return`${t.modelValue.start?u.capitalize(n.date(t.modelValue.start,t.locale,{weekday:a,month:a,day:"numeric",timeZone:t.formatterOptions.timeZone})):"..."} - ${t.modelValue.end?u.capitalize(n.date(t.modelValue.end,t.locale,{weekday:a,month:a,day:"numeric",timeZone:t.formatterOptions.timeZone})):"..."}`}else if(typeof t.modelValue=="string")return u.capitalize(n.date(t.modelValue,t.locale,{weekday:"long",month:"long",day:"numeric",timeZone:t.formatterOptions.timeZone}));return"-"}),k=e.computed(()=>t.hasDate?[f.value]:void 0),h=e.computed(()=>m.value?n.date(m.value,t.locale,{timeStyle:"short",timeZone:t.formatterOptions.timeZone,hour12:t.formatterOptions.hour12}):void 0),d=e.computed(()=>t.hasTime?[h.value]:void 0);return e.watch(()=>t.modelValue,(a,c)=>{const r=typeof a=="object"?a.start:a,o=typeof c=="object"?c.start:c;i.value=s(r).isAfter(o,"date")||s(r).isSame(o,"date")?"maz-slidevnext":"maz-slidevprev"}),(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-picker-header",[`--${l.color}`]])},[l.hasDate?(e.openBlock(),e.createElementBlock("div",_,[e.createVNode(e.TransitionGroup,{name:i.value,tag:"div",class:"m-picker-header__year-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(r,o)=>(e.openBlock(),e.createElementBlock("span",{key:`${r}-${o}`,class:"m-picker-header__year-text"},e.toDisplayString(r),1))),128))]),_:1},8,["name"]),e.createVNode(e.TransitionGroup,{name:i.value,tag:"div",class:"m-picker-header__date-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(r,o)=>(e.openBlock(),e.createElementBlock("span",{key:`${r}-${o}`,class:"m-picker-header__date-text"},e.toDisplayString(r),1))),128))]),_:1},8,["name"])])):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["m-picker-header__time",{"--has-date":l.hasDate}])},[e.createVNode(e.TransitionGroup,{name:i.value,tag:"div",class:"m-picker-header__time-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(r,o)=>(e.openBlock(),e.createElementBlock("span",{key:`${r}-${o}`,class:"m-picker-header__time-text"},e.toDisplayString(r),1))),128))]),_:1},8,["name"])],2)):e.createCommentVNode("",!0)],2))}}),g=v._export_sfc(V,[["__scopeId","data-v-9ff3a0f1"]]);exports.default=g;
-//# sourceMappingURL=MazPickerHeader.l7NcmiGH.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerHeader.BH5Uy1iP.css');const e=require("vue"),s=require("dayjs"),u=require("../filters/capitalize.cjs"),n=require("../filters/date.cjs"),v=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),_={key:0,class:"m-picker-header__date"},V=e.defineComponent({__name:"MazPickerHeader",props:{modelValue:{type:[String,Object],default:void 0},color:{type:String,required:!0},locale:{type:String,required:!0},noShortcuts:{type:Boolean,required:!0},double:{type:Boolean,required:!0},hasDate:{type:Boolean,required:!0},hasTime:{type:Boolean,required:!0},formatterOptions:{type:Object,required:!0},calendarDate:{type:String,required:!0}},setup(l){const t=l,m=e.computed(()=>{var a;return typeof t.modelValue=="string"?t.modelValue:(a=t.modelValue)==null?void 0:a.start}),i=e.ref("maz-slidevnext"),p=e.computed(()=>t.modelValue&&typeof t.modelValue=="object"?`${t.modelValue.start?n.date(t.modelValue.start,t.locale,{year:"numeric",timeZone:t.formatterOptions.timeZone}):"..."} - ${t.modelValue.end?n.date(t.modelValue.end,t.locale,{year:"numeric",timeZone:t.formatterOptions.timeZone}):"..."}`:typeof t.modelValue=="string"?n.date(t.modelValue,t.locale,{year:"numeric",timeZone:t.formatterOptions.timeZone}):"-"),y=e.computed(()=>t.hasDate?[p.value]:void 0),k=e.computed(()=>{if(t.modelValue&&typeof t.modelValue=="object"&&(t.modelValue.start||t.modelValue.end)){const a=t.noShortcuts&&!t.double?"short":"long";return`${t.modelValue.start?u.capitalize(n.date(t.modelValue.start,t.locale,{weekday:a,month:a,day:"numeric",timeZone:t.formatterOptions.timeZone})):"..."} - ${t.modelValue.end?u.capitalize(n.date(t.modelValue.end,t.locale,{weekday:a,month:a,day:"numeric",timeZone:t.formatterOptions.timeZone})):"..."}`}else if(typeof t.modelValue=="string")return u.capitalize(n.date(t.modelValue,t.locale,{weekday:"long",month:"long",day:"numeric",timeZone:t.formatterOptions.timeZone}));return"-"}),f=e.computed(()=>t.hasDate?[k.value]:void 0),h=e.computed(()=>m.value?n.date(m.value,t.locale,{timeStyle:"short",timeZone:t.formatterOptions.timeZone,hour12:t.formatterOptions.hour12}):void 0),d=e.computed(()=>t.hasTime?[h.value]:void 0);return e.watch(()=>t.modelValue,(a,c)=>{const r=typeof a=="object"?a.start:a,o=typeof c=="object"?c.start:c;i.value=s(r).isAfter(o,"date")||s(r).isSame(o,"date")?"maz-slidevnext":"maz-slidevprev"}),(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-picker-header",[`--${l.color}`]])},[l.hasDate?(e.openBlock(),e.createElementBlock("div",_,[e.createVNode(e.TransitionGroup,{name:i.value,tag:"div",class:"m-picker-header__year-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(r,o)=>(e.openBlock(),e.createElementBlock("span",{key:`${r}-${o}`,class:"m-picker-header__year-text"},e.toDisplayString(r),1))),128))]),_:1},8,["name"]),e.createVNode(e.TransitionGroup,{name:i.value,tag:"div",class:"m-picker-header__date-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(r,o)=>(e.openBlock(),e.createElementBlock("span",{key:`${r}-${o}`,class:"m-picker-header__date-text"},e.toDisplayString(r),1))),128))]),_:1},8,["name"])])):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["m-picker-header__time",{"--has-date":l.hasDate}])},[e.createVNode(e.TransitionGroup,{name:i.value,tag:"div",class:"m-picker-header__time-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(r,o)=>(e.openBlock(),e.createElementBlock("span",{key:`${r}-${o}`,class:"m-picker-header__time-text"},e.toDisplayString(r),1))),128))]),_:1},8,["name"])],2)):e.createCommentVNode("",!0)],2))}}),g=v._export_sfc(V,[["__scopeId","data-v-68218438"]]);exports.default=g;
+//# sourceMappingURL=MazPickerHeader.COT92ysE.cjs.map

package/dist/chunks/MazPickerHeader.COT92ysE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerHeader.COT92ysE.cjs","sources":["../../src/components/MazPicker/MazPickerHeader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '../types'\nimport type { PickerValue } from './types'\nimport type { DateTimeFormatOptions } from './utils'\nimport dayjs from 'dayjs'\nimport { computed, type PropType, ref, watch } from 'vue'\nimport { capitalize } from '../../filters/capitalize'\nimport { date } from '../../filters/date'\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  noShortcuts: { type: Boolean, required: true },\n  double: { type: Boolean, required: true },\n  hasDate: { type: Boolean, required: true },\n  hasTime: { type: Boolean, required: true },\n  formatterOptions: {\n    type: Object as PropType<DateTimeFormatOptions>,\n    required: true,\n  },\n  calendarDate: { type: String, required: true },\n})\n\nconst refDate = computed(() =>\n  typeof props.modelValue === 'string' ? props.modelValue : props.modelValue?.start,\n)\n\nconst transitionName = ref<'maz-slidevnext' | 'maz-slidevprev'>('maz-slidevnext')\n\nconst year = computed(() => {\n  if (props.modelValue && typeof props.modelValue === 'object') {\n    return `${\n      props.modelValue.start\n        ? date(props.modelValue.start, props.locale, {\n          year: 'numeric',\n          timeZone: props.formatterOptions.timeZone,\n        })\n        : '...'\n    } - ${\n      props.modelValue.end\n        ? date(props.modelValue.end, props.locale, {\n          year: 'numeric',\n          timeZone: props.formatterOptions.timeZone,\n        })\n        : '...'\n    }`\n  }\n  else if (typeof props.modelValue === 'string') {\n    return date(props.modelValue, props.locale, {\n      year: 'numeric',\n      timeZone: props.formatterOptions.timeZone,\n    })\n  }\n\n  return '-'\n})\n\nconst yearArray = computed(() => (props.hasDate ? [year.value] : undefined))\n\nconst dateString = computed(() => {\n  if (\n    props.modelValue\n    && typeof props.modelValue === 'object'\n    && (props.modelValue.start || props.modelValue.end)\n  ) {\n    const dateOption = props.noShortcuts && !props.double ? 'short' : 'long'\n    return `${\n      props.modelValue.start\n        ? capitalize(\n          date(props.modelValue.start, props.locale, {\n            weekday: dateOption,\n            month: dateOption,\n            day: 'numeric',\n            timeZone: props.formatterOptions.timeZone,\n          }),\n        )\n        : '...'\n    } - ${\n      props.modelValue.end\n        ? capitalize(\n          date(props.modelValue.end, props.locale, {\n            weekday: dateOption,\n            month: dateOption,\n            day: 'numeric',\n            timeZone: props.formatterOptions.timeZone,\n          }),\n        )\n        : '...'\n    }`\n  }\n  else if (typeof props.modelValue === 'string') {\n    return capitalize(\n      date(props.modelValue, props.locale, {\n        weekday: 'long',\n        month: 'long',\n        day: 'numeric',\n        timeZone: props.formatterOptions.timeZone,\n      }),\n    )\n  }\n\n  return '-'\n})\n\nconst dateStringArray = computed(() => (props.hasDate ? [dateString.value] : undefined))\n\nconst timeValue = computed(() => {\n  return refDate.value\n    ? date(refDate.value, props.locale, {\n      timeStyle: 'short',\n      timeZone: props.formatterOptions.timeZone,\n      hour12: props.formatterOptions.hour12,\n    })\n    : undefined\n})\n\nconst timeArray = computed(() => (props.hasTime ? [timeValue.value] : undefined))\n\nwatch(\n  () => props.modelValue,\n  (modelValue, oldModelValue) => {\n    const currentValue = typeof modelValue === 'object' ? modelValue.start : modelValue\n    const oldValue = typeof oldModelValue === 'object' ? oldModelValue.start : oldModelValue\n\n    transitionName.value\n        = dayjs(currentValue).isAfter(oldValue, 'date')\n        || dayjs(currentValue).isSame(oldValue, 'date')\n        ? 'maz-slidevnext'\n        : 'maz-slidevprev'\n  },\n)\n</script>\n\n<template>\n  <div class=\"m-picker-header\" :class=\"[`--${color}`]\">\n    <div v-if=\"hasDate\" class=\"m-picker-header__date\">\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__year-transition\">\n        <span v-for=\"(y, yi) in yearArray\" :key=\"`${y}-${yi}`\" class=\"m-picker-header__year-text\">\n          {{ y }}\n        </span>\n      </TransitionGroup>\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__date-transition\">\n        <span\n          v-for=\"(d, di) in dateStringArray\"\n          :key=\"`${d}-${di}`\"\n          class=\"m-picker-header__date-text\"\n        >\n          {{ d }}\n        </span>\n      </TransitionGroup>\n    </div>\n    <div v-if=\"timeArray\" class=\"m-picker-header__time\" :class=\"{ '--has-date': hasDate }\">\n      <TransitionGroup :name=\"transitionName\" tag=\"div\" class=\"m-picker-header__time-transition\">\n        <span v-for=\"(t, ti) in timeArray\" :key=\"`${t}-${ti}`\" class=\"m-picker-header__time-text\">\n          {{ t }}\n        </span>\n      </TransitionGroup>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .m-picker-header {\n  @apply maz-z-1 maz-flex maz-justify-between maz-space-y-1 maz-p-2 maz-font-normal;\n\n  &__year-transition {\n    @apply maz-flex maz-h-5 maz-items-center maz-overflow-hidden maz-leading-3;\n  }\n\n  &__date-transition,\n  &__time-transition {\n    @apply maz-flex maz-h-6 maz-items-center maz-overflow-hidden maz-leading-4;\n  }\n\n  &__time-transition {\n    @apply maz-flex maz-justify-end;\n\n    min-width: 5rem;\n  }\n\n  &__year-text {\n    @apply maz-text-sm;\n  }\n\n  &__time {\n    @apply maz-flex maz-items-end maz-justify-center;\n\n    &:not(.--has-date) {\n      @apply maz-w-full;\n\n      & .m-picker-header__time-transition {\n        @apply maz-w-full maz-flex-center;\n      }\n    }\n  }\n\n  &.--primary {\n    @apply maz-bg-primary maz-text-primary-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-primary-100;\n    }\n  }\n\n  &.--secondary {\n    @apply maz-bg-secondary maz-text-secondary-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-secondary-100;\n    }\n  }\n\n  &.--info {\n    @apply maz-bg-info maz-text-info-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-info-100;\n    }\n  }\n\n  &.--success {\n    @apply maz-bg-success maz-text-success-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-success-100;\n    }\n  }\n\n  &.--warning {\n    @apply maz-bg-warning maz-text-warning-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-warning-100;\n    }\n  }\n\n  &.--danger {\n    @apply maz-bg-danger maz-text-danger-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-danger-100;\n    }\n  }\n\n  &.--black {\n    @apply maz-bg-black maz-text-black-contrast;\n  }\n\n  &.--white {\n    @apply maz-bg-white maz-text-white-contrast;\n\n    & .m-picker-header__year-text {\n      @apply maz-text-muted;\n    }\n  }\n\n  &.--transparent {\n    @apply maz-border-b maz-border-color-light maz-text-normal;\n  }\n}\n</style>\n"],"names":["props","__props","refDate","computed","_a","transitionName","ref","year","date","yearArray","dateString","dateOption","capitalize","dateStringArray","timeValue","timeArray","watch","modelValue","oldModelValue","currentValue","oldValue","dayjs"],"mappings":"krBASA,MAAMA,EAAQC,EAkBRC,EAAUC,EAAA,SAAS,IACvB,OAAA,cAAOH,EAAM,YAAe,SAAWA,EAAM,YAAaI,EAAAJ,EAAM,aAAN,YAAAI,EAAkB,MAC9E,EAEMC,EAAiBC,MAAyC,gBAAgB,EAE1EC,EAAOJ,EAAAA,SAAS,IAChBH,EAAM,YAAc,OAAOA,EAAM,YAAe,SAC3C,GACLA,EAAM,WAAW,MACbQ,EAAAA,KAAKR,EAAM,WAAW,MAAOA,EAAM,OAAQ,CAC3C,KAAM,UACN,SAAUA,EAAM,iBAAiB,QAClC,CAAA,EACC,KACN,MACEA,EAAM,WAAW,IACbQ,EAAA,KAAKR,EAAM,WAAW,IAAKA,EAAM,OAAQ,CACzC,KAAM,UACN,SAAUA,EAAM,iBAAiB,QAAA,CAClC,EACC,KACN,GAEO,OAAOA,EAAM,YAAe,SAC5BQ,EAAK,KAAAR,EAAM,WAAYA,EAAM,OAAQ,CAC1C,KAAM,UACN,SAAUA,EAAM,iBAAiB,QAAA,CAClC,EAGI,GACR,EAEKS,EAAYN,WAAS,IAAOH,EAAM,QAAU,CAACO,EAAK,KAAK,EAAI,MAAU,EAErEG,EAAaP,EAAAA,SAAS,IAAM,CAE9B,GAAAH,EAAM,YACH,OAAOA,EAAM,YAAe,WAC3BA,EAAM,WAAW,OAASA,EAAM,WAAW,KAC/C,CACA,MAAMW,EAAaX,EAAM,aAAe,CAACA,EAAM,OAAS,QAAU,OAC3D,MAAA,GACLA,EAAM,WAAW,MACbY,EAAA,WACAJ,EAAAA,KAAKR,EAAM,WAAW,MAAOA,EAAM,OAAQ,CACzC,QAASW,EACT,MAAOA,EACP,IAAK,UACL,SAAUX,EAAM,iBAAiB,QAClC,CAAA,CAED,EAAA,KACN,MACEA,EAAM,WAAW,IACbY,EAAA,WACAJ,EAAAA,KAAKR,EAAM,WAAW,IAAKA,EAAM,OAAQ,CACvC,QAASW,EACT,MAAOA,EACP,IAAK,UACL,SAAUX,EAAM,iBAAiB,QAClC,CAAA,GAED,KACN,EAEO,SAAA,OAAOA,EAAM,YAAe,SAC5B,OAAAY,EAAA,WACLJ,EAAAA,KAAKR,EAAM,WAAYA,EAAM,OAAQ,CACnC,QAAS,OACT,MAAO,OACP,IAAK,UACL,SAAUA,EAAM,iBAAiB,QAClC,CAAA,CACH,EAGK,MAAA,GAAA,CACR,EAEKa,EAAkBV,WAAS,IAAOH,EAAM,QAAU,CAACU,EAAW,KAAK,EAAI,MAAU,EAEjFI,EAAYX,EAAAA,SAAS,IAClBD,EAAQ,MACXM,EAAA,KAAKN,EAAQ,MAAOF,EAAM,OAAQ,CAClC,UAAW,QACX,SAAUA,EAAM,iBAAiB,SACjC,OAAQA,EAAM,iBAAiB,MAChC,CAAA,EACC,MACL,EAEKe,EAAYZ,WAAS,IAAOH,EAAM,QAAU,CAACc,EAAU,KAAK,EAAI,MAAU,EAEhFE,OAAAA,EAAA,MACE,IAAMhB,EAAM,WACZ,CAACiB,EAAYC,IAAkB,CAC7B,MAAMC,EAAe,OAAOF,GAAe,SAAWA,EAAW,MAAQA,EACnEG,EAAW,OAAOF,GAAkB,SAAWA,EAAc,MAAQA,EAE3Eb,EAAe,MACTgB,EAAMF,CAAY,EAAE,QAAQC,EAAU,MAAM,GAC3CC,EAAMF,CAAY,EAAE,OAAOC,EAAU,MAAM,EAC5C,iBACA,gBAAA,CAEV"}

package/dist/chunks/{MazPickerMonthSwitcher.CbplWFfL.cjs → MazPickerMonthSwitcher.Cw82Rq9C.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerMonthSwitcher.Cl1WlZpR.css');const e=require("vue"),s=require("../components/MazBtn.cjs"),d=require("./MazPicker.BZE8cw36.cjs"),l=require("../filters/capitalize.cjs"),c=require("../filters/date.cjs"),h=require("./x-mark.Dz-FO7Es.cjs"),f=require("dayjs"),k=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),z={class:"maz-picker-month-switcher"},_={class:"maz-picker-month-switcher__header"},b=e.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(n,{emit:u}){const r=n,i=u,m=e.computed(()=>Array.from({length:12},(o,t)=>t).map(o=>{const t=f(r.calendarDate).set("month",o);return r.double?{label:`${l.capitalize(c.date(t.format(),r.locale,{month:"short"}))} - ${l.capitalize(c.date(t.add(1,"month").format(),r.locale,{month:"short"}))}`,date:t}:{label:l.capitalize(c.date(t.format(),r.locale,{month:"long"})),date:t}}));function p(o){i("update:calendar-date",o.format()),i("close")}return(o,t)=>(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",_,[e.createVNode(s.default,{size:"xs",color:"transparent",type:"button",onClick:t[0]||(t[0]=e.withModifiers(a=>o.$emit("close",a),["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(h.default),{class:"maz-text-lg"})]),_:1})]),e.createElementVNode("div",{class:e.normalizeClass(["maz-picker-month-switcher__main",{"--has-double":n.double}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,a=>(e.openBlock(),e.createBlock(s.default,{key:a.label,size:r.double?"sm":"xs",class:e.normalizeClass({"--is-selected":e.unref(d.isSameDate)(a.date,n.calendarDate,"month")}),color:e.unref(d.isSameDate)(a.date,n.calendarDate,"month")?n.color:"transparent",type:"button",onClick:e.withModifiers(y=>p(a.date),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1032,["size","class","color","onClick"]))),128))],2)]))}}),q=k._export_sfc(b,[["__scopeId","data-v-661a18be"]]);exports.default=q;
-//# sourceMappingURL=MazPickerMonthSwitcher.CbplWFfL.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerMonthSwitcher.D9wXQnld.css');const e=require("vue"),h=require("dayjs"),f=require("./x-mark.Dz-FO7Es.cjs"),l=require("../filters/capitalize.cjs"),c=require("../filters/date.cjs"),s=require("../components/MazBtn.cjs"),d=require("./MazPicker.D2ra6fVy.cjs"),k=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),z={class:"maz-picker-month-switcher"},_={class:"maz-picker-month-switcher__header"},b=e.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(n,{emit:u}){const r=n,i=u,m=e.computed(()=>Array.from({length:12},(o,t)=>t).map(o=>{const t=h(r.calendarDate).set("month",o);return r.double?{label:`${l.capitalize(c.date(t.format(),r.locale,{month:"short"}))} - ${l.capitalize(c.date(t.add(1,"month").format(),r.locale,{month:"short"}))}`,date:t}:{label:l.capitalize(c.date(t.format(),r.locale,{month:"long"})),date:t}}));function p(o){i("update:calendar-date",o.format()),i("close")}return(o,t)=>(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",_,[e.createVNode(s.default,{size:"xs",color:"transparent",type:"button",onClick:t[0]||(t[0]=e.withModifiers(a=>o.$emit("close",a),["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(f.default),{class:"maz-text-lg"})]),_:1})]),e.createElementVNode("div",{class:e.normalizeClass(["maz-picker-month-switcher__main",{"--has-double":n.double}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,a=>(e.openBlock(),e.createBlock(s.default,{key:a.label,size:r.double?"sm":"xs",class:e.normalizeClass({"--is-selected":e.unref(d.isSameDate)(a.date,n.calendarDate,"month")}),color:e.unref(d.isSameDate)(a.date,n.calendarDate,"month")?n.color:"transparent",type:"button",onClick:e.withModifiers(y=>p(a.date),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1032,["size","class","color","onClick"]))),128))],2)]))}}),q=k._export_sfc(b,[["__scopeId","data-v-e30be0a5"]]);exports.default=q;
+//# sourceMappingURL=MazPickerMonthSwitcher.Cw82Rq9C.cjs.map

package/dist/chunks/MazPickerMonthSwitcher.Cw82Rq9C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerMonthSwitcher.Cw82Rq9C.cjs","sources":["../../src/components/MazPicker/MazPickerMonthSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '../types'\nimport dayjs, { type Dayjs } from 'dayjs'\nimport { computed, type PropType } from 'vue'\nimport XIcon from '../../../icons/x-mark.svg'\nimport { capitalize } from '../../filters/capitalize'\n\nimport { date } from '../../filters/date'\n\nimport MazBtn from '../MazBtn.vue'\nimport { isSameDate } from './utils'\n\nconst props = defineProps({\n  calendarDate: { type: String, required: true },\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  double: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:calendar-date', 'close'])\n\nconst months = computed<\n  {\n    label: string\n    date: Dayjs\n  }[]\n>(() => {\n  return Array.from({ length: 12 }, (_v, i) => i).map((monthNumber) => {\n    const monthDate = dayjs(props.calendarDate).set('month', monthNumber)\n\n    return props.double\n      ? {\n          label: `${capitalize(\n            date(monthDate.format(), props.locale, {\n              month: 'short',\n            }),\n          )} - ${capitalize(\n            date(monthDate.add(1, 'month').format(), props.locale, {\n              month: 'short',\n            }),\n          )}`,\n          date: monthDate,\n        }\n      : {\n          label: capitalize(\n            date(monthDate.format(), props.locale, {\n              month: 'long',\n            }),\n          ),\n          date: monthDate,\n        }\n  })\n})\n\nfunction selectMonth(date: Dayjs) {\n  emits('update:calendar-date', date.format())\n  emits('close')\n}\n</script>\n\n<template>\n  <div class=\"maz-picker-month-switcher\">\n    <div class=\"maz-picker-month-switcher__header\">\n      <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click.stop=\"$emit('close', $event)\">\n        <XIcon class=\"maz-text-lg\" />\n      </MazBtn>\n    </div>\n    <div class=\"maz-picker-month-switcher__main\" :class=\"{ '--has-double': double }\">\n      <MazBtn\n        v-for=\"month in months\"\n        :key=\"month.label\"\n        :size=\"props.double ? 'sm' : 'xs'\"\n        :class=\"{\n          '--is-selected': isSameDate(month.date, calendarDate, 'month'),\n        }\"\n        :color=\"isSameDate(month.date, calendarDate, 'month') ? color : 'transparent'\"\n        type=\"button\"\n        @click.stop=\"selectMonth(month.date)\"\n      >\n        {{ month.label }}\n      </MazBtn>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-month-switcher {\n  @apply maz-absolute maz-inset-0 maz-z-1 maz-flex maz-flex-col maz-bg-color;\n\n  &__header {\n    @apply maz-flex maz-justify-end maz-border-b maz-border-color-lighter maz-p-2;\n  }\n\n  &__main {\n    @apply maz-grid maz-flex-1 maz-grid-cols-2 maz-gap-1 maz-overflow-y-auto maz-p-2 maz-flex-center;\n\n    &.--has-double {\n      @apply maz-grid-cols-3;\n    }\n\n    & > button {\n      @apply maz-h-full !important;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","months","computed","_v","i","monthNumber","monthDate","dayjs","capitalize","date","selectMonth"],"mappings":"2rBAYA,MAAMA,EAAQC,EAORC,EAAQC,EAERC,EAASC,EAAAA,SAKb,IACO,MAAM,KAAK,CAAE,OAAQ,EAAG,EAAG,CAACC,EAAIC,IAAMA,CAAC,EAAE,IAAKC,GAAgB,CACnE,MAAMC,EAAYC,EAAMV,EAAM,YAAY,EAAE,IAAI,QAASQ,CAAW,EAEpE,OAAOR,EAAM,OACT,CACE,MAAO,GAAGW,EAAA,WACRC,EAAAA,KAAKH,EAAU,SAAUT,EAAM,OAAQ,CACrC,MAAO,OACR,CAAA,CACF,CAAA,MAAMW,EAAA,WACLC,OAAKH,EAAU,IAAI,EAAG,OAAO,EAAE,OAAA,EAAUT,EAAM,OAAQ,CACrD,MAAO,OACR,CAAA,CAAA,CACF,GACD,KAAMS,CAAA,EAER,CACE,MAAOE,EAAA,WACLC,EAAAA,KAAKH,EAAU,SAAUT,EAAM,OAAQ,CACrC,MAAO,MACR,CAAA,CACH,EACA,KAAMS,CACR,CAAA,CACL,CACF,EAED,SAASI,EAAYD,EAAa,CAC1BV,EAAA,uBAAwBU,EAAK,QAAQ,EAC3CV,EAAM,OAAO,CAAA"}

package/dist/chunks/{MazPickerMonthSwitcher.CAPx3PCt.mjs → MazPickerMonthSwitcher.jPGBQm-N.mjs}

@@ -1,12 +1,12 @@
 import { defineComponent as g, computed as v, openBlock as l, createElementBlock as m, createElementVNode as d, createVNode as u, withModifiers as p, withCtx as h, unref as n, normalizeClass as f, Fragment as w, renderList as x, createBlock as D, createTextVNode as M, toDisplayString as S } from "vue";
-import b from "../components/MazBtn.mjs";
-import { i as k } from "./MazPicker.DCnOkRvv.mjs";
+import C from "dayjs";
+import B from "./x-mark.DTWA3lfG.mjs";
 import { capitalize as c } from "../filters/capitalize.mjs";
 import { date as s } from "../filters/date.mjs";
-import C from "./x-mark.DTWA3lfG.mjs";
-import B from "dayjs";
+import b from "../components/MazBtn.mjs";
+import { i as k } from "./MazPicker.hoqM5DbN.mjs";
 import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazPickerMonthSwitcher.Cl1WlZpR.css';const $ = { class: "maz-picker-month-switcher" }, N = { class: "maz-picker-month-switcher__header" }, V = /* @__PURE__ */ g({
+import '../assets/MazPickerMonthSwitcher.D9wXQnld.css';const $ = { class: "maz-picker-month-switcher" }, N = { class: "maz-picker-month-switcher__header" }, V = /* @__PURE__ */ g({
   __name: "MazPickerMonthSwitcher",
   props: {
     calendarDate: { type: String, required: !0 },
@@ -17,7 +17,7 @@ import '../assets/MazPickerMonthSwitcher.Cl1WlZpR.css';const $ = { class: "maz-p
   emits: ["update:calendar-date", "close"],
   setup(a, { emit: z }) {
     const o = a, i = z, _ = v(() => Array.from({ length: 12 }, (r, e) => e).map((r) => {
-      const e = B(o.calendarDate).set("month", r);
+      const e = C(o.calendarDate).set("month", r);
       return o.double ? {
         label: `${c(
           s(e.format(), o.locale, {
@@ -50,7 +50,7 @@ import '../assets/MazPickerMonthSwitcher.Cl1WlZpR.css';const $ = { class: "maz-p
           onClick: e[0] || (e[0] = p((t) => r.$emit("close", t), ["stop"]))
         }, {
           default: h(() => [
-            u(n(C), { class: "maz-text-lg" })
+            u(n(B), { class: "maz-text-lg" })
           ]),
           _: 1
         })
@@ -76,8 +76,8 @@ import '../assets/MazPickerMonthSwitcher.Cl1WlZpR.css';const $ = { class: "maz-p
       ], 2)
     ]));
   }
-}), G = /* @__PURE__ */ q(V, [["__scopeId", "data-v-661a18be"]]);
+}), G = /* @__PURE__ */ q(V, [["__scopeId", "data-v-e30be0a5"]]);
 export {
   G as default
 };
-//# sourceMappingURL=MazPickerMonthSwitcher.CAPx3PCt.mjs.map
+//# sourceMappingURL=MazPickerMonthSwitcher.jPGBQm-N.mjs.map

package/dist/chunks/MazPickerMonthSwitcher.jPGBQm-N.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerMonthSwitcher.jPGBQm-N.mjs","sources":["../../src/components/MazPicker/MazPickerMonthSwitcher.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '../types'\nimport dayjs, { type Dayjs } from 'dayjs'\nimport { computed, type PropType } from 'vue'\nimport XIcon from '../../../icons/x-mark.svg'\nimport { capitalize } from '../../filters/capitalize'\n\nimport { date } from '../../filters/date'\n\nimport MazBtn from '../MazBtn.vue'\nimport { isSameDate } from './utils'\n\nconst props = defineProps({\n  calendarDate: { type: String, required: true },\n  color: { type: String as PropType<Color>, required: true },\n  locale: { type: String, required: true },\n  double: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:calendar-date', 'close'])\n\nconst months = computed<\n  {\n    label: string\n    date: Dayjs\n  }[]\n>(() => {\n  return Array.from({ length: 12 }, (_v, i) => i).map((monthNumber) => {\n    const monthDate = dayjs(props.calendarDate).set('month', monthNumber)\n\n    return props.double\n      ? {\n          label: `${capitalize(\n            date(monthDate.format(), props.locale, {\n              month: 'short',\n            }),\n          )} - ${capitalize(\n            date(monthDate.add(1, 'month').format(), props.locale, {\n              month: 'short',\n            }),\n          )}`,\n          date: monthDate,\n        }\n      : {\n          label: capitalize(\n            date(monthDate.format(), props.locale, {\n              month: 'long',\n            }),\n          ),\n          date: monthDate,\n        }\n  })\n})\n\nfunction selectMonth(date: Dayjs) {\n  emits('update:calendar-date', date.format())\n  emits('close')\n}\n</script>\n\n<template>\n  <div class=\"maz-picker-month-switcher\">\n    <div class=\"maz-picker-month-switcher__header\">\n      <MazBtn size=\"xs\" color=\"transparent\" type=\"button\" @click.stop=\"$emit('close', $event)\">\n        <XIcon class=\"maz-text-lg\" />\n      </MazBtn>\n    </div>\n    <div class=\"maz-picker-month-switcher__main\" :class=\"{ '--has-double': double }\">\n      <MazBtn\n        v-for=\"month in months\"\n        :key=\"month.label\"\n        :size=\"props.double ? 'sm' : 'xs'\"\n        :class=\"{\n          '--is-selected': isSameDate(month.date, calendarDate, 'month'),\n        }\"\n        :color=\"isSameDate(month.date, calendarDate, 'month') ? color : 'transparent'\"\n        type=\"button\"\n        @click.stop=\"selectMonth(month.date)\"\n      >\n        {{ month.label }}\n      </MazBtn>\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-month-switcher {\n  @apply maz-absolute maz-inset-0 maz-z-1 maz-flex maz-flex-col maz-bg-color;\n\n  &__header {\n    @apply maz-flex maz-justify-end maz-border-b maz-border-color-lighter maz-p-2;\n  }\n\n  &__main {\n    @apply maz-grid maz-flex-1 maz-grid-cols-2 maz-gap-1 maz-overflow-y-auto maz-p-2 maz-flex-center;\n\n    &.--has-double {\n      @apply maz-grid-cols-3;\n    }\n\n    & > button {\n      @apply maz-h-full !important;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","months","computed","_v","i","monthNumber","monthDate","dayjs","capitalize","date","selectMonth"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAORC,IAAQC,GAERC,IAASC,EAKb,MACO,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAACC,GAAIC,MAAMA,CAAC,EAAE,IAAI,CAACC,MAAgB;AACnE,YAAMC,IAAYC,EAAMV,EAAM,YAAY,EAAE,IAAI,SAASQ,CAAW;AAEpE,aAAOR,EAAM,SACT;AAAA,QACE,OAAO,GAAGW;AAAA,UACRC,EAAKH,EAAU,UAAUT,EAAM,QAAQ;AAAA,YACrC,OAAO;AAAA,UACR,CAAA;AAAA,QACF,CAAA,MAAMW;AAAA,UACLC,EAAKH,EAAU,IAAI,GAAG,OAAO,EAAE,OAAA,GAAUT,EAAM,QAAQ;AAAA,YACrD,OAAO;AAAA,UACR,CAAA;AAAA,QAAA,CACF;AAAA,QACD,MAAMS;AAAA,MAAA,IAER;AAAA,QACE,OAAOE;AAAA,UACLC,EAAKH,EAAU,UAAUT,EAAM,QAAQ;AAAA,YACrC,OAAO;AAAA,UACR,CAAA;AAAA,QACH;AAAA,QACA,MAAMS;AAAA,MACR;AAAA,IAAA,CACL,CACF;AAED,aAASI,EAAYD,GAAa;AAC1B,MAAAV,EAAA,wBAAwBU,EAAK,QAAQ,GAC3CV,EAAM,OAAO;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{MazPickerShortcuts.Bawm0q33.mjs → MazPickerShortcuts.Dvs1sJMi.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as h, ref as f, watch as i, openBlock as l, createElementBlock as n, Fragment as v, renderList as y, createBlock as _, normalizeClass as k, withModifiers as S, withCtx as b, createTextVNode as z, toDisplayString as B } from "vue";
 import g from "../components/MazBtn.mjs";
 import { _ as x } from "./_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazPickerShortcuts.B1ASAi7L.css';const C = { class: "maz-picker-shortcuts" }, q = /* @__PURE__ */ h({
+import '../assets/MazPickerShortcuts.CLZ4NUtN.css';const C = { class: "maz-picker-shortcuts" }, q = /* @__PURE__ */ h({
   __name: "MazPickerShortcuts",
   props: {
     color: { type: String, required: !0 },
@@ -56,8 +56,8 @@ import '../assets/MazPickerShortcuts.B1ASAi7L.css';const C = { class: "maz-picke
       }, 1032, ["disabled", "color", "class", "onClick"]))), 128))
     ]));
   }
-}), j = /* @__PURE__ */ x(q, [["__scopeId", "data-v-f132e466"]]);
+}), j = /* @__PURE__ */ x(q, [["__scopeId", "data-v-71f1ec50"]]);
 export {
   j as default
 };
-//# sourceMappingURL=MazPickerShortcuts.Bawm0q33.mjs.map
+//# sourceMappingURL=MazPickerShortcuts.Dvs1sJMi.mjs.map

package/dist/chunks/MazPickerShortcuts.Dvs1sJMi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerShortcuts.Dvs1sJMi.mjs","sources":["../../src/components/MazPicker/MazPickerShortcuts.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '../types'\nimport type { PickerShortcut, PickerValue, RangeValue } from './types'\nimport { type PropType, ref, watch } from 'vue'\n\nimport MazBtn from '../MazBtn.vue'\n\nconst props = defineProps({\n  color: { type: String as PropType<Color>, required: true },\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  shortcuts: {\n    type: Array as PropType<PickerShortcut[]>,\n    required: true,\n  },\n  double: { type: Boolean, required: true },\n  shortcut: { type: String, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:model-value'])\n\nconst selectedShortcut = ref(props.shortcut)\n\nfunction selectShortcut(value: PickerShortcut['value'], identifier: PickerShortcut['identifier']) {\n  selectedShortcut.value = identifier\n  emits('update:model-value', value)\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const values = value as RangeValue\n    if (!values?.end) {\n      selectedShortcut.value = undefined\n    }\n  },\n)\n\nwatch(\n  () => props.shortcut,\n  (shortcut) => {\n    const newShortcut = props.shortcuts.find(({ identifier }) => shortcut === identifier)\n    if (newShortcut) {\n      const { value, identifier } = newShortcut\n      selectShortcut(value, identifier)\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"maz-picker-shortcuts\">\n    <MazBtn\n      v-for=\"{ identifier, label, value } in shortcuts\"\n      :key=\"identifier\"\n      type=\"button\"\n      size=\"sm\"\n      :disabled=\"disabled\"\n      :color=\"identifier === selectedShortcut ? props.color : 'transparent'\"\n      :class=\"{ '--is-selected': identifier === selectedShortcut }\"\n      @click.stop=\"selectShortcut(value, identifier)\"\n    >\n      {{ label }}\n    </MazBtn>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-shortcuts {\n  @apply maz-flex maz-flex-col maz-items-start maz-gap-1\n      maz-overflow-y-auto maz-border-r maz-border-color-lighter maz-p-2;\n\n  max-height: 18.75rem;\n\n  & > button {\n    @apply maz-w-full maz-flex-none maz-truncate;\n    @apply maz-text-xs !important;\n\n    &:not(.--is-selected) {\n      @apply maz-border maz-border-color-lighter !important;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","selectedShortcut","ref","selectShortcut","value","identifier","watch","values","shortcut","newShortcut"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAeRC,IAAQC,GAERC,IAAmBC,EAAIL,EAAM,QAAQ;AAElC,aAAAM,EAAeC,GAAgCC,GAA0C;AAChG,MAAAJ,EAAiB,QAAQI,GACzBN,EAAM,sBAAsBK,CAAK;AAAA,IAAA;AAGnC,WAAAE;AAAA,MACE,MAAMT,EAAM;AAAA,MACZ,CAACO,MAAU;AACT,cAAMG,IAASH;AACX,QAACG,KAAA,QAAAA,EAAQ,QACXN,EAAiB,QAAQ;AAAA,MAC3B;AAAA,IAEJ,GAEAK;AAAA,MACE,MAAMT,EAAM;AAAA,MACZ,CAACW,MAAa;AACN,cAAAC,IAAcZ,EAAM,UAAU,KAAK,CAAC,EAAE,YAAAQ,EAAA,MAAiBG,MAAaH,CAAU;AACpF,YAAII,GAAa;AACT,gBAAA,EAAE,OAAAL,GAAO,YAAAC,EAAA,IAAeI;AAC9B,UAAAN,EAAeC,GAAOC,CAAU;AAAA,QAAA;AAAA,MAEpC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IACpB;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{MazPickerShortcuts.LxFs0Y6N.cjs → MazPickerShortcuts.GUfnNHPI.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerShortcuts.B1ASAi7L.css');const e=require("vue"),p=require("../components/MazBtn.cjs"),m=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),h={class:"maz-picker-shortcuts"},f=e.defineComponent({__name:"MazPickerShortcuts",props:{color:{type:String,required:!0},modelValue:{type:[String,Object],default:void 0},shortcuts:{type:Array,required:!0},double:{type:Boolean,required:!0},shortcut:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:["update:model-value"],setup(l,{emit:a}){const c=l,i=a,s=e.ref(c.shortcut);function n(r,t){s.value=t,i("update:model-value",r)}return e.watch(()=>c.modelValue,r=>{const t=r;t!=null&&t.end||(s.value=void 0)}),e.watch(()=>c.shortcut,r=>{const t=c.shortcuts.find(({identifier:o})=>r===o);if(t){const{value:o,identifier:u}=t;n(o,u)}},{immediate:!0}),(r,t)=>(e.openBlock(),e.createElementBlock("div",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.shortcuts,({identifier:o,label:u,value:d})=>(e.openBlock(),e.createBlock(p.default,{key:o,type:"button",size:"sm",disabled:l.disabled,color:o===s.value?c.color:"transparent",class:e.normalizeClass({"--is-selected":o===s.value}),onClick:e.withModifiers(k=>n(d,o),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u),1)]),_:2},1032,["disabled","color","class","onClick"]))),128))]))}}),v=m._export_sfc(f,[["__scopeId","data-v-f132e466"]]);exports.default=v;
-//# sourceMappingURL=MazPickerShortcuts.LxFs0Y6N.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/MazPickerShortcuts.CLZ4NUtN.css');const e=require("vue"),p=require("../components/MazBtn.cjs"),m=require("./_plugin-vue_export-helper.BHFhmbuH.cjs"),h={class:"maz-picker-shortcuts"},f=e.defineComponent({__name:"MazPickerShortcuts",props:{color:{type:String,required:!0},modelValue:{type:[String,Object],default:void 0},shortcuts:{type:Array,required:!0},double:{type:Boolean,required:!0},shortcut:{type:String,default:void 0},disabled:{type:Boolean,required:!0}},emits:["update:model-value"],setup(l,{emit:a}){const c=l,i=a,s=e.ref(c.shortcut);function n(r,t){s.value=t,i("update:model-value",r)}return e.watch(()=>c.modelValue,r=>{const t=r;t!=null&&t.end||(s.value=void 0)}),e.watch(()=>c.shortcut,r=>{const t=c.shortcuts.find(({identifier:o})=>r===o);if(t){const{value:o,identifier:u}=t;n(o,u)}},{immediate:!0}),(r,t)=>(e.openBlock(),e.createElementBlock("div",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.shortcuts,({identifier:o,label:u,value:d})=>(e.openBlock(),e.createBlock(p.default,{key:o,type:"button",size:"sm",disabled:l.disabled,color:o===s.value?c.color:"transparent",class:e.normalizeClass({"--is-selected":o===s.value}),onClick:e.withModifiers(k=>n(d,o),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u),1)]),_:2},1032,["disabled","color","class","onClick"]))),128))]))}}),v=m._export_sfc(f,[["__scopeId","data-v-71f1ec50"]]);exports.default=v;
+//# sourceMappingURL=MazPickerShortcuts.GUfnNHPI.cjs.map

package/dist/chunks/MazPickerShortcuts.GUfnNHPI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerShortcuts.GUfnNHPI.cjs","sources":["../../src/components/MazPicker/MazPickerShortcuts.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '../types'\nimport type { PickerShortcut, PickerValue, RangeValue } from './types'\nimport { type PropType, ref, watch } from 'vue'\n\nimport MazBtn from '../MazBtn.vue'\n\nconst props = defineProps({\n  color: { type: String as PropType<Color>, required: true },\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  shortcuts: {\n    type: Array as PropType<PickerShortcut[]>,\n    required: true,\n  },\n  double: { type: Boolean, required: true },\n  shortcut: { type: String, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:model-value'])\n\nconst selectedShortcut = ref(props.shortcut)\n\nfunction selectShortcut(value: PickerShortcut['value'], identifier: PickerShortcut['identifier']) {\n  selectedShortcut.value = identifier\n  emits('update:model-value', value)\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const values = value as RangeValue\n    if (!values?.end) {\n      selectedShortcut.value = undefined\n    }\n  },\n)\n\nwatch(\n  () => props.shortcut,\n  (shortcut) => {\n    const newShortcut = props.shortcuts.find(({ identifier }) => shortcut === identifier)\n    if (newShortcut) {\n      const { value, identifier } = newShortcut\n      selectShortcut(value, identifier)\n    }\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <div class=\"maz-picker-shortcuts\">\n    <MazBtn\n      v-for=\"{ identifier, label, value } in shortcuts\"\n      :key=\"identifier\"\n      type=\"button\"\n      size=\"sm\"\n      :disabled=\"disabled\"\n      :color=\"identifier === selectedShortcut ? props.color : 'transparent'\"\n      :class=\"{ '--is-selected': identifier === selectedShortcut }\"\n      @click.stop=\"selectShortcut(value, identifier)\"\n    >\n      {{ label }}\n    </MazBtn>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n  .maz-picker-shortcuts {\n  @apply maz-flex maz-flex-col maz-items-start maz-gap-1\n      maz-overflow-y-auto maz-border-r maz-border-color-lighter maz-p-2;\n\n  max-height: 18.75rem;\n\n  & > button {\n    @apply maz-w-full maz-flex-none maz-truncate;\n    @apply maz-text-xs !important;\n\n    &:not(.--is-selected) {\n      @apply maz-border maz-border-color-lighter !important;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","selectedShortcut","ref","selectShortcut","value","identifier","watch","values","shortcut","newShortcut"],"mappings":"4iBAOA,MAAMA,EAAQC,EAeRC,EAAQC,EAERC,EAAmBC,EAAAA,IAAIL,EAAM,QAAQ,EAElC,SAAAM,EAAeC,EAAgCC,EAA0C,CAChGJ,EAAiB,MAAQI,EACzBN,EAAM,qBAAsBK,CAAK,CAAA,CAGnCE,OAAAA,EAAA,MACE,IAAMT,EAAM,WACXO,GAAU,CACT,MAAMG,EAASH,EACVG,GAAA,MAAAA,EAAQ,MACXN,EAAiB,MAAQ,OAC3B,CAEJ,EAEAK,EAAA,MACE,IAAMT,EAAM,SACXW,GAAa,CACN,MAAAC,EAAcZ,EAAM,UAAU,KAAK,CAAC,CAAE,WAAAQ,CAAA,IAAiBG,IAAaH,CAAU,EACpF,GAAII,EAAa,CACT,KAAA,CAAE,MAAAL,EAAO,WAAAC,CAAA,EAAeI,EAC9BN,EAAeC,EAAOC,CAAU,CAAA,CAEpC,EACA,CAAE,UAAW,EAAK,CACpB"}

package/dist/chunks/{MazPickerTime.C27aFPPw.mjs → MazPickerTime.C1LitEcr.mjs}

@@ -1,9 +1,9 @@
 import { defineComponent as W, computed as l, ref as x, watch as B, nextTick as h, openBlock as d, createElementBlock as _, normalizeClass as g, Fragment as w, renderList as M, createElementVNode as b, normalizeStyle as S, createBlock as E, withModifiers as G, withCtx as J, createTextVNode as K, toDisplayString as Q } from "vue";
-import R from "../components/MazBtn.mjs";
-import { f as $, s as U } from "./MazPicker.DCnOkRvv.mjs";
 import s from "dayjs";
+import R from "../components/MazBtn.mjs";
+import { f as $, s as U } from "./MazPicker.hoqM5DbN.mjs";
 import { _ as X } from "./_plugin-vue_export-helper.CHgC5LLL.mjs";
-import '../assets/MazPickerTime.5J3qaKGo.css';const Y = { class: "m-picker-time__column__items" }, Z = /* @__PURE__ */ W({
+import '../assets/MazPickerTime.B-Ym15z4.css';const Y = { class: "m-picker-time__column__items" }, Z = /* @__PURE__ */ W({
   __name: "MazPickerTime",
   props: {
     modelValue: {
@@ -183,8 +183,8 @@ import '../assets/MazPickerTime.5J3qaKGo.css';const Y = { class: "m-picker-time_
       ], 2))), 128))
     ], 2));
   }
-}), ie = /* @__PURE__ */ X(Z, [["__scopeId", "data-v-498c1952"]]);
+}), ie = /* @__PURE__ */ X(Z, [["__scopeId", "data-v-2e510865"]]);
 export {
   ie as default
 };
-//# sourceMappingURL=MazPickerTime.C27aFPPw.mjs.map
+//# sourceMappingURL=MazPickerTime.C1LitEcr.mjs.map

package/dist/chunks/MazPickerTime.C1LitEcr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazPickerTime.C1LitEcr.mjs","sources":["../../src/components/MazPicker/MazPickerTime.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Color } from '../types'\nimport type { PickerValue } from './types'\nimport dayjs, { type Dayjs } from 'dayjs'\nimport { computed, nextTick, type PropType, ref, watch } from 'vue'\nimport MazBtn from '../MazBtn.vue'\n\nimport { type DateTimeFormatOptions, findNearestNumberInList, scrollToTarget } from './utils'\n\ntype ColumnIdentifier = 'hour' | 'minute' | 'ampm'\n\nconst props = defineProps({\n  modelValue: {\n    type: [String, Object] as PropType<PickerValue>,\n    default: undefined,\n  },\n  calendarDate: { type: String, required: true },\n  formatterOptions: {\n    type: Object as PropType<DateTimeFormatOptions>,\n    required: true,\n  },\n  locale: { type: String, required: true },\n  color: { type: String as PropType<Color>, required: true },\n  isOpen: { type: Boolean, required: true },\n  hasDate: { type: Boolean, required: true },\n  minuteInterval: { type: Number, required: true },\n  disabledHours: { type: Array as PropType<number[]>, default: undefined },\n  format: { type: String, required: true },\n  isHour12: { type: Boolean, required: true },\n  minDate: { type: String, default: undefined },\n  maxDate: { type: String, default: undefined },\n  disabled: { type: Boolean, required: true },\n})\n\nconst emits = defineEmits(['update:model-value'])\n\nconst currentDate = computed({\n  get: () => props.modelValue as string,\n  set: (value) => {\n    emits('update:model-value', value)\n  },\n})\n\nconst hours = computed(() => {\n  return Array.from({ length: props.isHour12 ? 12 : 24 }, (_v, i) => i).map((hour) => {\n    const hourBase = hour + (props.isHour12 ? 1 : 0)\n    const hour12or24 = getHour12or24(hourBase)\n    const hourValue = dayjs(currentDate.value).set('hour', hour12or24)\n\n    const isDisabled\n        = isDisableHour(hour12or24)\n        || (props.minDate && currentDate.value\n          ? dayjs(props.minDate).isAfter(hourValue, 'hour')\n          : false)\n        || (props.maxDate && currentDate.value\n          ? dayjs(props.maxDate).isBefore(hourValue, 'hour')\n          : false)\n\n    return {\n      label: `${hourBase < 10 ? '0' : ''}${hourBase}`,\n      value: dayjs(currentDate.value).set('hour', hour12or24),\n      isDisabled,\n    }\n  })\n})\n\nconst minutes = computed(() => {\n  const length = Math.floor(60 / props.minuteInterval) - 0\n\n  return Array.from({ length }, (_v, i) => i * props.minuteInterval).map((minute) => {\n    const minuteValue = dayjs(currentDate.value).set('minute', minute)\n\n    const isDisabled\n        = (props.minDate && currentDate.value\n          ? dayjs(props.minDate).isAfter(minuteValue, 'minute')\n          : false)\n        || (props.maxDate && currentDate.value\n          ? dayjs(props.maxDate).isBefore(minuteValue, 'minute')\n          : false)\n\n    return {\n      label: `${minute < 10 ? '0' : ''}${minute}`,\n      value: minuteValue,\n      isDisabled,\n    }\n  })\n})\n\nconst currentHour = computed(() => {\n  return typeof currentDate.value === 'string'\n    ? findNearestHour(dayjs(currentDate.value).get('hour'))\n    : undefined\n})\n\nconst currentMinute = computed(() =>\n  typeof currentDate.value === 'string'\n    ? findNearestNumberInList(\n      minutes.value.map(({ value }) => value.get('minute')),\n      dayjs(currentDate.value).get('minute'),\n    )\n    : undefined,\n)\n\nconst currentAmpm = computed(() => {\n  return typeof currentHour.value === 'number'\n    ? currentHour.value >= 12\n      ? 'pm'\n      : 'am'\n    : undefined\n})\n\nconst ampm = computed<{ label: string, value: 'am' | 'pm' }[]>(() =>\n  props.isHour12\n    ? [\n        { label: 'AM', value: 'am' },\n        { label: 'PM', value: 'pm' },\n      ]\n    : [],\n)\n\ntype TimeValue = Dayjs | 'am' | 'pm'\n\nconst columns = computed(() => {\n  const columns: {\n    identifier: ColumnIdentifier\n    values: {\n      label: string\n      value: TimeValue\n      isDisabled?: boolean\n    }[]\n  }[] = [\n    {\n      identifier: 'hour',\n      values: hours.value,\n    },\n    {\n      identifier: 'minute',\n      values: minutes.value,\n    },\n  ]\n\n  if (props.isHour12) {\n    columns.push({\n      identifier: 'ampm',\n      values: ampm.value,\n    })\n  }\n\n  return columns\n})\n\nfunction findNearestHour(hour: number) {\n  if (!props.disabledHours) {\n    return hour\n  }\n\n  const hourList = Array.from({ length: 24 }, (_v, i) => i).filter(\n    hour => !props.disabledHours?.includes(hour) || true,\n  )\n\n  const nearHour = findNearestNumberInList(hourList, hour)\n\n  if (nearHour !== hour) {\n    selectTime('hour', dayjs(currentDate.value).set('hour', nearHour))\n  }\n\n  return nearHour\n}\n\nconst MazPickerTime = ref<HTMLDivElement>()\nconst dividerHeight = ref<number>()\n\nfunction getHour12or24(hourValue: number) {\n  if (props.isHour12) {\n    const isPm = currentAmpm.value === 'pm'\n    const newValue = isPm ? hourValue + 12 : hourValue\n    return newValue === 12 ? 0 : newValue === 24 ? 12 : newValue\n  }\n  else {\n    return hourValue\n  }\n}\n\nwatch(\n  () => props.isOpen,\n  async (value) => {\n    if (value) {\n      await nextTick()\n\n      if (MazPickerTime.value) {\n        const item = MazPickerTime.value.querySelector(\n          `.m-picker-time__column .m-btn`,\n        ) as HTMLButtonElement\n        const itemHeight = item?.offsetHeight\n        const timePickerHeight = MazPickerTime.value?.offsetHeight\n\n        const divHeight = timePickerHeight / 2 - itemHeight / 2\n\n        dividerHeight.value = divHeight / 16\n      }\n\n      scrollColumns(false)\n    }\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => props.modelValue,\n  async (value, oldValue) => {\n    if (value !== oldValue) {\n      await nextTick()\n      scrollColumns(true)\n    }\n  },\n  { immediate: true },\n)\n\nfunction scrollColumns(hasSmoothEffect: boolean) {\n  scrollColumn('hour', hasSmoothEffect)\n  scrollColumn('minute', hasSmoothEffect)\n  if (props.isHour12) {\n    scrollColumn('ampm', hasSmoothEffect)\n  }\n}\n\nfunction isDisableHour(value: number): boolean {\n  return (props.disabledHours && props.disabledHours.includes(value)) ?? false\n}\n\nfunction isSelected(identifier: ColumnIdentifier, value: Dayjs | 'am' | 'pm'): boolean {\n  if (value === 'am' || value === 'pm') {\n    return currentAmpm.value === value\n  }\n  else if (identifier === 'hour') {\n    return currentHour.value === value.get(identifier)\n  }\n  else if (identifier === 'minute') {\n    return currentMinute.value === value.get(identifier)\n  }\n  return false\n}\n\nasync function scrollColumn(identifier: ColumnIdentifier, hasSmoothEffect = true) {\n  if (MazPickerTime.value) {\n    const column = MazPickerTime.value.querySelector(`.m-picker-time__column__${identifier}`) as\n      | HTMLDivElement\n      | undefined\n\n    const selectedButton = MazPickerTime.value.querySelector(\n      `.m-picker-time__column__${identifier} .--is-selected`,\n    ) as HTMLButtonElement | undefined\n\n    if (dividerHeight.value && column && selectedButton && MazPickerTime.value) {\n      await nextTick()\n      scrollToTarget(column, selectedButton, dividerHeight.value * 16, hasSmoothEffect)\n    }\n  }\n}\n\n// eslint-disable-next-line sonarjs/cognitive-complexity\nasync function selectTime(identifier: ColumnIdentifier, value: TimeValue) {\n  const newDate = dayjs(currentDate.value)\n\n  if (identifier === 'hour' && typeof value === 'object') {\n    currentDate.value = newDate.set('hour', value.get('hour')).format()\n  }\n\n  if (identifier === 'minute' && typeof value === 'object') {\n    const dateWithNewMinute = newDate.set('minute', value.get('minute'))\n\n    currentDate.value = dateWithNewMinute.format()\n  }\n\n  if (identifier === 'ampm' && (currentAmpm.value !== value || !currentHour.value)) {\n    if (value === 'am') {\n      currentDate.value = newDate.set('hour', newDate.get('hour')).subtract(12, 'hour').format()\n    }\n    if (value === 'pm') {\n      const baseHour = newDate.get('hour')\n\n      const newHour\n          = baseHour + 12 > 12 && baseHour + 12 < 24 ? baseHour + 12 : baseHour === 0 ? 12 : baseHour\n\n      currentDate.value = newDate.set('hour', newHour).format()\n    }\n  }\n\n  await nextTick()\n\n  scrollColumn(identifier)\n}\n</script>\n\n<template>\n  <div ref=\"MazPickerTime\" class=\"m-picker-time\" :class=\"{ '--has-date': hasDate }\">\n    <div\n      v-for=\"({ values, identifier }, i) in columns\"\n      :key=\"i\"\n      class=\"m-picker-time__column\"\n      :class=\"[`m-picker-time__column__${identifier}`]\"\n    >\n      <div :style=\"{ height: `${dividerHeight}rem` }\" class=\"m-picker-time__column__divider\" />\n      <div class=\"m-picker-time__column__items\">\n        <MazBtn\n          v-for=\"({ value, label, isDisabled }, unitIndex) in values\"\n          :key=\"unitIndex\"\n          size=\"xs\"\n          :color=\"isSelected(identifier, value) ? color : 'transparent'\"\n          :class=\"{ '--is-selected': isSelected(identifier, value) }\"\n          :disabled=\"isDisabled || disabled\"\n          type=\"button\"\n          @click.stop=\"selectTime(identifier, value)\"\n        >\n          {{ label }}\n        </MazBtn>\n      </div>\n      <div :style=\"{ height: `${dividerHeight}rem` }\" class=\"m-picker-time__column__divider\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n.m-picker-time {\n  @apply maz-relative maz-flex;\n\n  max-height: 18.75rem;\n\n  &:not(.--has-date) {\n    max-height: 10rem;\n  }\n\n  &.--has-date {\n    @apply maz-border-l maz-border-color-lighter;\n  }\n\n  &::before {\n    content: '';\n    transform: translateY(-50%);\n\n    @apply maz-absolute maz-left-0 maz-right-0 maz-top-1/2\n        maz-mx-auto maz-h-9 maz-border-b maz-border-t maz-border-color-lighter;\n  }\n\n  &__column {\n    @apply maz-flex maz-flex-col maz-overflow-y-scroll maz-px-1;\n\n    &__items {\n      @apply maz-flex maz-flex-col maz-space-y-1;\n\n      > button {\n        @apply maz-z-2 maz-flex-none;\n      }\n    }\n\n    &__divider {\n      @apply maz-w-full maz-flex-none;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","emits","__emit","currentDate","computed","value","hours","_v","i","hour","hourBase","hour12or24","getHour12or24","hourValue","dayjs","isDisabled","isDisableHour","minutes","length","minute","minuteValue","currentHour","findNearestHour","currentMinute","findNearestNumberInList","currentAmpm","ampm","columns","hourList","_a","nearHour","selectTime","MazPickerTime","ref","dividerHeight","newValue","watch","nextTick","item","itemHeight","divHeight","scrollColumns","oldValue","hasSmoothEffect","scrollColumn","isSelected","identifier","column","selectedButton","scrollToTarget","newDate","dateWithNewMinute","baseHour","newHour"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,GAuBRC,IAAQC,GAERC,IAAcC,EAAS;AAAA,MAC3B,KAAK,MAAML,EAAM;AAAA,MACjB,KAAK,CAACM,MAAU;AACd,QAAAJ,EAAM,sBAAsBI,CAAK;AAAA,MAAA;AAAA,IACnC,CACD,GAEKC,IAAQF,EAAS,MACd,MAAM,KAAK,EAAE,QAAQL,EAAM,WAAW,KAAK,GAAA,GAAM,CAACQ,GAAIC,MAAMA,CAAC,EAAE,IAAI,CAACC,MAAS;AAClF,YAAMC,IAAWD,KAAQV,EAAM,WAAW,IAAI,IACxCY,IAAaC,EAAcF,CAAQ,GACnCG,IAAYC,EAAMX,EAAY,KAAK,EAAE,IAAI,QAAQQ,CAAU,GAE3DI,IACAC,EAAcL,CAAU,MACtBZ,EAAM,WAAWI,EAAY,QAC7BW,EAAMf,EAAM,OAAO,EAAE,QAAQc,GAAW,MAAM,IAC9C,QACAd,EAAM,WAAWI,EAAY,QAC7BW,EAAMf,EAAM,OAAO,EAAE,SAASc,GAAW,MAAM,IAC/C;AAED,aAAA;AAAA,QACL,OAAO,GAAGH,IAAW,KAAK,MAAM,EAAE,GAAGA,CAAQ;AAAA,QAC7C,OAAOI,EAAMX,EAAY,KAAK,EAAE,IAAI,QAAQQ,CAAU;AAAA,QACtD,YAAAI;AAAA,MACF;AAAA,IAAA,CACD,CACF,GAEKE,IAAUb,EAAS,MAAM;AAC7B,YAAMc,IAAS,KAAK,MAAM,KAAKnB,EAAM,cAAc,IAAI;AAEvD,aAAO,MAAM,KAAK,EAAE,QAAAmB,EAAA,GAAU,CAACX,GAAIC,MAAMA,IAAIT,EAAM,cAAc,EAAE,IAAI,CAACoB,MAAW;AACjF,cAAMC,IAAcN,EAAMX,EAAY,KAAK,EAAE,IAAI,UAAUgB,CAAM,GAE3DJ,KACChB,EAAM,WAAWI,EAAY,QAC5BW,EAAMf,EAAM,OAAO,EAAE,QAAQqB,GAAa,QAAQ,IAClD,QACArB,EAAM,WAAWI,EAAY,QAC7BW,EAAMf,EAAM,OAAO,EAAE,SAASqB,GAAa,QAAQ,IACnD;AAED,eAAA;AAAA,UACL,OAAO,GAAGD,IAAS,KAAK,MAAM,EAAE,GAAGA,CAAM;AAAA,UACzC,OAAOC;AAAA,UACP,YAAAL;AAAA,QACF;AAAA,MAAA,CACD;AAAA,IAAA,CACF,GAEKM,IAAcjB,EAAS,MACpB,OAAOD,EAAY,SAAU,WAChCmB,EAAgBR,EAAMX,EAAY,KAAK,EAAE,IAAI,MAAM,CAAC,IACpD,MACL,GAEKoB,IAAgBnB;AAAA,MAAS,MAC7B,OAAOD,EAAY,SAAU,WACzBqB;AAAA,QACAP,EAAQ,MAAM,IAAI,CAAC,EAAE,OAAAZ,QAAYA,EAAM,IAAI,QAAQ,CAAC;AAAA,QACpDS,EAAMX,EAAY,KAAK,EAAE,IAAI,QAAQ;AAAA,MAAA,IAErC;AAAA,IACN,GAEMsB,IAAcrB,EAAS,MACpB,OAAOiB,EAAY,SAAU,WAChCA,EAAY,SAAS,KACnB,OACA,OACF,MACL,GAEKK,IAAOtB;AAAA,MAAkD,MAC7DL,EAAM,WACF;AAAA,QACE,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,QAC3B,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,MAAA,IAE7B,CAAA;AAAA,IACN,GAIM4B,IAAUvB,EAAS,MAAM;AAC7B,YAAMuB,IAOA;AAAA,QACJ;AAAA,UACE,YAAY;AAAA,UACZ,QAAQrB,EAAM;AAAA,QAChB;AAAA,QACA;AAAA,UACE,YAAY;AAAA,UACZ,QAAQW,EAAQ;AAAA,QAAA;AAAA,MAEpB;AAEA,aAAIlB,EAAM,YACR4B,EAAQ,KAAK;AAAA,QACX,YAAY;AAAA,QACZ,QAAQD,EAAK;AAAA,MAAA,CACd,GAGIC;AAAAA,IAAA,CACR;AAED,aAASL,EAAgBb,GAAc;AACjC,UAAA,CAACV,EAAM;AACF,eAAAU;AAGH,YAAAmB,IAAW,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAACrB,GAAI,MAAM,CAAC,EAAE;AAAA,QACxD,CAAAE,MAAQ;;AAAA,oBAACoB,IAAA9B,EAAM,kBAAN,QAAA8B,EAAqB,SAASpB,OAAS;AAAA;AAAA,MAClD,GAEMqB,IAAWN,EAAwBI,GAAUnB,CAAI;AAEvD,aAAIqB,MAAarB,KACJsB,EAAA,QAAQjB,EAAMX,EAAY,KAAK,EAAE,IAAI,QAAQ2B,CAAQ,CAAC,GAG5DA;AAAA,IAAA;AAGT,UAAME,IAAgBC,EAAoB,GACpCC,IAAgBD,EAAY;AAElC,aAASrB,EAAcC,GAAmB;AACxC,UAAId,EAAM,UAAU;AAEZ,cAAAoC,IADOV,EAAY,UAAU,OACXZ,IAAY,KAAKA;AACzC,eAAOsB,MAAa,KAAK,IAAIA,MAAa,KAAK,KAAKA;AAAA,MAAA;AAG7C,eAAAtB;AAAA,IACT;AAGF,IAAAuB;AAAA,MACE,MAAMrC,EAAM;AAAA,MACZ,OAAOM,MAAU;;AACf,YAAIA,GAAO;AAGT,cAFA,MAAMgC,EAAS,GAEXL,EAAc,OAAO;AACjB,kBAAAM,IAAON,EAAc,MAAM;AAAA,cAC/B;AAAA,YACF,GACMO,IAAaD,KAAA,gBAAAA,EAAM,cAGnBE,MAFmBX,IAAAG,EAAc,UAAd,gBAAAH,EAAqB,gBAET,IAAIU,IAAa;AAEtD,YAAAL,EAAc,QAAQM,IAAY;AAAA,UAAA;AAGpC,UAAAC,EAAc,EAAK;AAAA,QAAA;AAAA,MAEvB;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IACpB,GAEAL;AAAA,MACE,MAAMrC,EAAM;AAAA,MACZ,OAAOM,GAAOqC,MAAa;AACzB,QAAIrC,MAAUqC,MACZ,MAAML,EAAS,GACfI,EAAc,EAAI;AAAA,MAEtB;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IACpB;AAEA,aAASA,EAAcE,GAA0B;AAC/C,MAAAC,EAAa,QAAQD,CAAe,GACpCC,EAAa,UAAUD,CAAe,GAClC5C,EAAM,YACR6C,EAAa,QAAQD,CAAe;AAAA,IACtC;AAGF,aAAS3B,EAAcX,GAAwB;AAC7C,cAAQN,EAAM,iBAAiBA,EAAM,cAAc,SAASM,CAAK,MAAM;AAAA,IAAA;AAGhE,aAAAwC,EAAWC,GAA8BzC,GAAqC;AACjF,aAAAA,MAAU,QAAQA,MAAU,OACvBoB,EAAY,UAAUpB,IAEtByC,MAAe,SACfzB,EAAY,UAAUhB,EAAM,IAAIyC,CAAU,IAE1CA,MAAe,WACfvB,EAAc,UAAUlB,EAAM,IAAIyC,CAAU,IAE9C;AAAA,IAAA;AAGM,mBAAAF,EAAaE,GAA8BH,IAAkB,IAAM;AAChF,UAAIX,EAAc,OAAO;AACvB,cAAMe,IAASf,EAAc,MAAM,cAAc,2BAA2Bc,CAAU,EAAE,GAIlFE,IAAiBhB,EAAc,MAAM;AAAA,UACzC,2BAA2Bc,CAAU;AAAA,QACvC;AAEA,QAAIZ,EAAc,SAASa,KAAUC,KAAkBhB,EAAc,UACnE,MAAMK,EAAS,GACfY,EAAeF,GAAQC,GAAgBd,EAAc,QAAQ,IAAIS,CAAe;AAAA,MAClF;AAAA,IACF;AAIa,mBAAAZ,EAAWe,GAA8BzC,GAAkB;AAClE,YAAA6C,IAAUpC,EAAMX,EAAY,KAAK;AAMvC,UAJI2C,MAAe,UAAU,OAAOzC,KAAU,aAChCF,EAAA,QAAQ+C,EAAQ,IAAI,QAAQ7C,EAAM,IAAI,MAAM,CAAC,EAAE,OAAO,IAGhEyC,MAAe,YAAY,OAAOzC,KAAU,UAAU;AACxD,cAAM8C,IAAoBD,EAAQ,IAAI,UAAU7C,EAAM,IAAI,QAAQ,CAAC;AAEvD,QAAAF,EAAA,QAAQgD,EAAkB,OAAO;AAAA,MAAA;AAG/C,UAAIL,MAAe,WAAWrB,EAAY,UAAUpB,KAAS,CAACgB,EAAY,WACpEhB,MAAU,SACZF,EAAY,QAAQ+C,EAAQ,IAAI,QAAQA,EAAQ,IAAI,MAAM,CAAC,EAAE,SAAS,IAAI,MAAM,EAAE,OAAO,IAEvF7C,MAAU,OAAM;AACZ,cAAA+C,IAAWF,EAAQ,IAAI,MAAM,GAE7BG,IACAD,IAAW,KAAK,MAAMA,IAAW,KAAK,KAAKA,IAAW,KAAKA,MAAa,IAAI,KAAKA;AAEvF,QAAAjD,EAAY,QAAQ+C,EAAQ,IAAI,QAAQG,CAAO,EAAE,OAAO;AAAA,MAAA;AAI5D,YAAMhB,EAAS,GAEfO,EAAaE,CAAU;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}