@evance/evance-ui 1.1.10 → 1.1.11

package/dist/esm/components/EvDatePicker/EvDatePicker.vue.mjs

@@ -1,182 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, shallowRef, computed, watch, ref, createElementBlock, openBlock, createElementVNode, createBlock, createVNode, unref, mergeProps, isRef } from "vue";
-/* empty css                   */
-import { makeEvDatePickerProps } from "./EvDatePicker.mjs";
-import { useDate } from "../../composables/date/date.mjs";
-import { useModelProxy } from "../../composables/modelProxy.mjs";
-import _sfc_main$5 from "./EvDatePickerMonth/EvDatePickerMonth.vue.mjs";
-import _sfc_main$4 from "./EvDatePickerMonths/EvDatePickerMonths.vue.mjs";
-import _sfc_main$3 from "./EvDatePickerYears/EvDatePickerYears.vue.mjs";
-import _sfc_main$1 from "../EvButton/EvButton.vue.mjs";
-import ChevronLeftIcon from "../../icons/glyph/ChevronLeftIcon.svg.mjs";
-import ChevronRightIcon from "../../icons/glyph/ChevronRightIcon.svg.mjs";
-import _sfc_main$2 from "../EvGrid/EvSpacer/EvSpacer.vue.mjs";
-import { wrapInArray, filterComponentProps, omit } from "../../util/helpers.mjs";
-const _hoisted_1 = { class: "ev-date-picker" };
-const _hoisted_2 = { class: "ev-date-picker-controls" };
-const _hoisted_3 = { class: "ev-date-picker-controls--previous" };
-const _hoisted_4 = { class: "ev-date-picker-controls--next" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvDatePicker",
-  props: {
-    ...makeEvDatePickerProps()
-  },
-  emits: [
-    "update:modelValue",
-    "update:month",
-    "update:year",
-    "update:viewMode"
-  ],
-  setup(__props, { emit }) {
-    const props = __props;
-    const dateAdapter = useDate();
-    const isReversing = shallowRef(false);
-    const modelValue = useModelProxy(
-      props,
-      "modelValue",
-      void 0,
-      (value) => wrapInArray(value)
-    );
-    const internalValue = computed(() => {
-      var _a;
-      const value = dateAdapter.date((_a = modelValue.value) == null ? void 0 : _a[0]);
-      return value && dateAdapter.isValid(value) ? value : dateAdapter.date();
-    });
-    watch(modelValue, (newValue, oldValue) => {
-      const before = dateAdapter.date(wrapInArray(newValue)[0]);
-      const after = dateAdapter.date(wrapInArray(oldValue)[0]);
-      isReversing.value = dateAdapter.isBefore(before, after);
-    });
-    const viewMode = useModelProxy(props, "viewMode");
-    const month = ref(
-      Number(
-        props.month ?? dateAdapter.getMonth(dateAdapter.startOfMonth(internalValue.value))
-      )
-    );
-    const monthProps = computed(
-      () => filterComponentProps(_sfc_main$5, props)
-    );
-    const monthText = computed(() => {
-      const date = dateAdapter.startOfMonth(dateAdapter.date());
-      return dateAdapter.format(dateAdapter.setMonth(date, month.value), "month");
-    });
-    watch(month, () => {
-      if (viewMode.value === "months") {
-        toggleViewMonth();
-      }
-    });
-    const year = ref(
-      Number(
-        props.year ?? dateAdapter.getYear(
-          dateAdapter.startOfYear(
-            dateAdapter.setMonth(internalValue.value, month.value)
-          )
-        )
-      )
-    );
-    const yearProps = computed(
-      () => omit(filterComponentProps(_sfc_main$3, props), ["modelValue"])
-    );
-    const yearText = computed(() => {
-      return dateAdapter.format(
-        dateAdapter.setYear(dateAdapter.date(), year.value),
-        "year"
-      );
-    });
-    watch(year, () => {
-      if (viewMode.value === "years") {
-        toggleViewYear();
-      }
-    });
-    const minDate = computed(() => {
-      const date = dateAdapter.date(props.min);
-      return props.min && dateAdapter.isValid(date) ? date : null;
-    });
-    const maxDate = computed(() => {
-      const date = dateAdapter.date(props.max);
-      return props.max && dateAdapter.isValid(date) ? date : null;
-    });
-    function onClickNext() {
-      if (month.value < 11) {
-        month.value++;
-      } else {
-        year.value++;
-        month.value = 0;
-        emit("update:year", year.value);
-      }
-      emit("update:month", month.value);
-    }
-    function onClickPrevious() {
-      if (month.value > 0) {
-        month.value--;
-      } else {
-        year.value--;
-        month.value = 11;
-        emit("update:year", year.value);
-      }
-      emit("update:month", month.value);
-    }
-    function toggleViewMonth() {
-      viewMode.value = viewMode.value === "months" ? "month" : "months";
-    }
-    function toggleViewYear() {
-      viewMode.value = viewMode.value === "years" ? "month" : "years";
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(unref(_sfc_main$1), {
-            variant: "subtle",
-            text: monthText.value,
-            onClick: _cache[0] || (_cache[0] = ($event) => toggleViewMonth())
-          }, null, 8, ["text"]),
-          createVNode(unref(_sfc_main$1), {
-            variant: "subtle",
-            text: yearText.value,
-            onClick: _cache[1] || (_cache[1] = ($event) => toggleViewYear())
-          }, null, 8, ["text"]),
-          createVNode(unref(_sfc_main$2)),
-          createElementVNode("div", _hoisted_3, [
-            createVNode(unref(_sfc_main$1), {
-              variant: "subtle",
-              disabled: unref(viewMode) !== "month",
-              icon: unref(ChevronLeftIcon),
-              onClick: _cache[2] || (_cache[2] = ($event) => onClickPrevious())
-            }, null, 8, ["disabled", "icon"])
-          ]),
-          createElementVNode("div", _hoisted_4, [
-            createVNode(unref(_sfc_main$1), {
-              variant: "subtle",
-              disabled: unref(viewMode) !== "month",
-              icon: unref(ChevronRightIcon),
-              onClick: _cache[3] || (_cache[3] = ($event) => onClickNext())
-            }, null, 8, ["disabled", "icon"])
-          ])
-        ]),
-        unref(viewMode) === "years" ? (openBlock(), createBlock(unref(_sfc_main$3), mergeProps({ key: 0 }, yearProps.value, {
-          modelValue: year.value,
-          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => year.value = $event),
-          min: minDate.value,
-          max: maxDate.value
-        }), null, 16, ["modelValue", "min", "max"])) : unref(viewMode) === "months" ? (openBlock(), createBlock(unref(_sfc_main$4), {
-          key: 1,
-          modelValue: month.value,
-          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => month.value = $event)
-        }, null, 8, ["modelValue"])) : (openBlock(), createBlock(unref(_sfc_main$5), mergeProps({ key: 2 }, monthProps.value, {
-          modelValue: unref(modelValue),
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-          month: month.value,
-          "onUpdate:month": _cache[7] || (_cache[7] = ($event) => month.value = $event),
-          year: year.value,
-          "onUpdate:year": _cache[8] || (_cache[8] = ($event) => year.value = $event),
-          min: minDate.value,
-          max: maxDate.value
-        }), null, 16, ["modelValue", "month", "year", "min", "max"]))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                    */const N=require("./EvDatePicker.mjs"),B=require("../../composables/date/date.mjs"),k=require("../../composables/modelProxy.mjs"),V=require("./EvDatePickerMonth/EvDatePickerMonth.vue.mjs"),D=require("./EvDatePickerMonths/EvDatePickerMonths.vue.mjs"),h=require("./EvDatePickerYears/EvDatePickerYears.vue.mjs"),c=require("../EvButton/EvButton.vue.mjs"),I=require("../../icons/glyph/ChevronLeftIcon.svg.mjs"),U=require("../../icons/glyph/ChevronRightIcon.svg.mjs"),Y=require("../EvGrid/EvSpacer/EvSpacer.vue.mjs"),d=require("../../util/helpers.mjs"),A={class:"ev-date-picker"},O={class:"ev-date-picker-controls"},R={class:"ev-date-picker-controls--previous"},$={class:"ev-date-picker-controls--next"},S=e.defineComponent({__name:"EvDatePicker",props:{...N.makeEvDatePickerProps()},emits:["update:modelValue","update:month","update:year","update:viewMode"],setup(x,{emit:v}){const r=x,a=B.useDate(),P=e.shallowRef(!1),i=k.useModelProxy(r,"modelValue",void 0,o=>d.wrapInArray(o)),m=e.computed(()=>{var t;const o=a.date((t=i.value)==null?void 0:t[0]);return o&&a.isValid(o)?o:a.date()});e.watch(i,(o,t)=>{const n=a.date(d.wrapInArray(o)[0]),C=a.date(d.wrapInArray(t)[0]);P.value=a.isBefore(n,C)});const l=k.useModelProxy(r,"viewMode"),u=e.ref(Number(r.month??a.getMonth(a.startOfMonth(m.value)))),g=e.computed(()=>d.filterComponentProps(V.default,r)),M=e.computed(()=>{const o=a.startOfMonth(a.date());return a.format(a.setMonth(o,u.value),"month")});e.watch(u,()=>{l.value==="months"&&_()});const s=e.ref(Number(r.year??a.getYear(a.startOfYear(a.setMonth(m.value,u.value))))),b=e.computed(()=>d.omit(d.filterComponentProps(h.default,r),["modelValue"])),q=e.computed(()=>a.format(a.setYear(a.date(),s.value),"year"));e.watch(s,()=>{l.value==="years"&&y()});const p=e.computed(()=>{const o=a.date(r.min);return r.min&&a.isValid(o)?o:null}),f=e.computed(()=>{const o=a.date(r.max);return r.max&&a.isValid(o)?o:null});function w(){u.value<11?u.value++:(s.value++,u.value=0,v("update:year",s.value)),v("update:month",u.value)}function E(){u.value>0?u.value--:(s.value--,u.value=11,v("update:year",s.value)),v("update:month",u.value)}function _(){l.value=l.value==="months"?"month":"months"}function y(){l.value=l.value==="years"?"month":"years"}return(o,t)=>(e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("div",O,[e.createVNode(e.unref(c.default),{variant:"subtle",text:M.value,onClick:t[0]||(t[0]=n=>_())},null,8,["text"]),e.createVNode(e.unref(c.default),{variant:"subtle",text:q.value,onClick:t[1]||(t[1]=n=>y())},null,8,["text"]),e.createVNode(e.unref(Y.default)),e.createElementVNode("div",R,[e.createVNode(e.unref(c.default),{variant:"subtle",disabled:e.unref(l)!=="month",icon:e.unref(I.default),onClick:t[2]||(t[2]=n=>E())},null,8,["disabled","icon"])]),e.createElementVNode("div",$,[e.createVNode(e.unref(c.default),{variant:"subtle",disabled:e.unref(l)!=="month",icon:e.unref(U.default),onClick:t[3]||(t[3]=n=>w())},null,8,["disabled","icon"])])]),e.unref(l)==="years"?(e.openBlock(),e.createBlock(e.unref(h.default),e.mergeProps({key:0},b.value,{modelValue:s.value,"onUpdate:modelValue":t[4]||(t[4]=n=>s.value=n),min:p.value,max:f.value}),null,16,["modelValue","min","max"])):e.unref(l)==="months"?(e.openBlock(),e.createBlock(e.unref(D.default),{key:1,modelValue:u.value,"onUpdate:modelValue":t[5]||(t[5]=n=>u.value=n)},null,8,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(V.default),e.mergeProps({key:2},g.value,{modelValue:e.unref(i),"onUpdate:modelValue":t[6]||(t[6]=n=>e.isRef(i)?i.value=n:null),month:u.value,"onUpdate:month":t[7]||(t[7]=n=>u.value=n),year:s.value,"onUpdate:year":t[8]||(t[8]=n=>s.value=n),min:p.value,max:f.value}),null,16,["modelValue","month","year","min","max"]))]))}});exports.default=S;
 //# sourceMappingURL=EvDatePicker.vue.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePicker.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDatePicker.vue.mjs","sources":["../../../../src/components/EvDatePicker/EvDatePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # Ev Date Picker\n * `<ev-date-picker>`\n */\nimport \"./EvDatePicker.scss\";\nimport { makeEvDatePickerProps } from \"./EvDatePicker\";\nimport { useDate } from \"@/composables/date/date\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, omit, wrapInArray } from \"@/util\";\nimport { EvDatePickerMonth } from \"./EvDatePickerMonth\";\nimport { EvDatePickerMonths } from \"./EvDatePickerMonths\";\nimport { EvDatePickerYears } from \"./EvDatePickerYears\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvSpacer } from \"@/components/EvGrid\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@/icons\";\n\nconst props = defineProps({\n    ...makeEvDatePickerProps(),\n});\nconst dateAdapter = useDate();\nconst isReversing = shallowRef(false);\n\n// Emit\nconst emit = defineEmits([\n    \"update:modelValue\",\n    \"update:month\",\n    \"update:year\",\n    \"update:viewMode\",\n]);\n\nconst modelValue = useModelProxy(props, \"modelValue\", undefined, (value) =>\n    wrapInArray(value),\n);\n\nconst internalValue = computed(() => {\n    const value = dateAdapter.date(modelValue.value?.[0]);\n    return value && dateAdapter.isValid(value) ? value : dateAdapter.date();\n});\n\nwatch(modelValue, (newValue, oldValue) => {\n    const before = dateAdapter.date(wrapInArray(newValue)[0]);\n    const after = dateAdapter.date(wrapInArray(oldValue)[0]);\n    isReversing.value = dateAdapter.isBefore(before, after);\n});\n\nconst viewMode = useModelProxy(props, \"viewMode\");\n\n/**\n * Month related definitions\n */\nconst month = ref(\n    Number(\n        props.month ??\n            dateAdapter.getMonth(dateAdapter.startOfMonth(internalValue.value)),\n    ),\n);\n\nconst monthProps = computed(() =>\n    filterComponentProps(EvDatePickerMonth, props),\n);\n\nconst monthText = computed(() => {\n    const date = dateAdapter.startOfMonth(dateAdapter.date());\n    return dateAdapter.format(dateAdapter.setMonth(date, month.value), \"month\");\n});\n\nwatch(month, () => {\n    if (viewMode.value === \"months\") {\n        toggleViewMonth();\n    }\n});\n\n/**\n * Year related definitions\n */\nconst year = ref(\n    Number(\n        props.year ??\n            dateAdapter.getYear(\n                dateAdapter.startOfYear(\n                    dateAdapter.setMonth(internalValue.value, month.value),\n                ),\n            ),\n    ),\n);\n\nconst yearProps = computed(() =>\n    omit(filterComponentProps(EvDatePickerYears, props), [\"modelValue\"]),\n);\n\nconst yearText = computed(() => {\n    return dateAdapter.format(\n        dateAdapter.setYear(dateAdapter.date(), year.value),\n        \"year\",\n    );\n});\n\nwatch(year, () => {\n    if (viewMode.value === \"years\") {\n        toggleViewYear();\n    }\n});\n\n/**\n * Min & Max date definitions\n */\nconst minDate = computed(() => {\n    const date = dateAdapter.date(props.min);\n    return props.min && dateAdapter.isValid(date) ? date : null;\n});\n\nconst maxDate = computed(() => {\n    const date = dateAdapter.date(props.max);\n    return props.max && dateAdapter.isValid(date) ? date : null;\n});\n\n/**\n * ## Next Month\n */\nfunction onClickNext() {\n    if (month.value < 11) {\n        month.value++;\n    } else {\n        year.value++;\n        month.value = 0;\n        emit(\"update:year\", year.value);\n    }\n    emit(\"update:month\", month.value);\n}\n\n/**\n * ## Previous Month\n */\nfunction onClickPrevious() {\n    if (month.value > 0) {\n        month.value--;\n    } else {\n        year.value--;\n        month.value = 11;\n        emit(\"update:year\", year.value);\n    }\n    emit(\"update:month\", month.value);\n}\n\n/**\n * Toggle View Mode between Months and Month\n */\nfunction toggleViewMonth() {\n    viewMode.value = viewMode.value === \"months\" ? \"month\" : \"months\";\n}\n\n/**\n * Toggle View Mode between Years and Month\n */\nfunction toggleViewYear() {\n    viewMode.value = viewMode.value === \"years\" ? \"month\" : \"years\";\n}\n</script>\n\n<template>\n    <div class=\"ev-date-picker\">\n        <div class=\"ev-date-picker-controls\">\n            <ev-button\n                variant=\"subtle\"\n                :text=\"monthText\"\n                @click=\"toggleViewMonth()\" />\n\n            <ev-button\n                variant=\"subtle\"\n                :text=\"yearText\"\n                @click=\"toggleViewYear()\" />\n\n            <ev-spacer />\n\n            <div class=\"ev-date-picker-controls--previous\">\n                <ev-button\n                    variant=\"subtle\"\n                    :disabled=\"viewMode !== 'month'\"\n                    :icon=\"ChevronLeftIcon\"\n                    @click=\"onClickPrevious()\" />\n            </div>\n\n            <div class=\"ev-date-picker-controls--next\">\n                <ev-button\n                    variant=\"subtle\"\n                    :disabled=\"viewMode !== 'month'\"\n                    :icon=\"ChevronRightIcon\"\n                    @click=\"onClickNext()\" />\n            </div>\n        </div>\n\n        <ev-date-picker-years\n            v-if=\"viewMode === 'years'\"\n            v-bind=\"yearProps\"\n            v-model=\"year\"\n            :min=\"minDate\"\n            :max=\"maxDate\" />\n\n        <ev-date-picker-months\n            v-else-if=\"viewMode === 'months'\"\n            v-model=\"month\" />\n\n        <ev-date-picker-month\n            v-else\n            v-bind=\"monthProps\"\n            v-model=\"modelValue\"\n            v-model:month=\"month\"\n            v-model:year=\"year\"\n            :min=\"minDate\"\n            :max=\"maxDate\" />\n    </div>\n</template>\n"],"names":["EvDatePickerMonth","EvDatePickerYears"],"mappings":"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"}
+{"version":3,"file":"EvDatePicker.vue.mjs","sources":["../../../../src/components/EvDatePicker/EvDatePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # Ev Date Picker\n * `<ev-date-picker>`\n */\nimport \"./EvDatePicker.scss\";\nimport { makeEvDatePickerProps } from \"./EvDatePicker\";\nimport { useDate } from \"@/composables/date/date\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, omit, wrapInArray } from \"@/util\";\nimport { EvDatePickerMonth } from \"./EvDatePickerMonth\";\nimport { EvDatePickerMonths } from \"./EvDatePickerMonths\";\nimport { EvDatePickerYears } from \"./EvDatePickerYears\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvSpacer } from \"@/components/EvGrid\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@/icons\";\n\nconst props = defineProps({\n    ...makeEvDatePickerProps(),\n});\nconst dateAdapter = useDate();\nconst isReversing = shallowRef(false);\n\n// Emit\nconst emit = defineEmits([\n    \"update:modelValue\",\n    \"update:month\",\n    \"update:year\",\n    \"update:viewMode\",\n]);\n\nconst modelValue = useModelProxy(props, \"modelValue\", undefined, (value) =>\n    wrapInArray(value),\n);\n\nconst internalValue = computed(() => {\n    const value = dateAdapter.date(modelValue.value?.[0]);\n    return value && dateAdapter.isValid(value) ? value : dateAdapter.date();\n});\n\nwatch(modelValue, (newValue, oldValue) => {\n    const before = dateAdapter.date(wrapInArray(newValue)[0]);\n    const after = dateAdapter.date(wrapInArray(oldValue)[0]);\n    isReversing.value = dateAdapter.isBefore(before, after);\n});\n\nconst viewMode = useModelProxy(props, \"viewMode\");\n\n/**\n * Month related definitions\n */\nconst month = ref(\n    Number(\n        props.month ??\n            dateAdapter.getMonth(dateAdapter.startOfMonth(internalValue.value)),\n    ),\n);\n\nconst monthProps = computed(() =>\n    filterComponentProps(EvDatePickerMonth, props),\n);\n\nconst monthText = computed(() => {\n    const date = dateAdapter.startOfMonth(dateAdapter.date());\n    return dateAdapter.format(dateAdapter.setMonth(date, month.value), \"month\");\n});\n\nwatch(month, () => {\n    if (viewMode.value === \"months\") {\n        toggleViewMonth();\n    }\n});\n\n/**\n * Year related definitions\n */\nconst year = ref(\n    Number(\n        props.year ??\n            dateAdapter.getYear(\n                dateAdapter.startOfYear(\n                    dateAdapter.setMonth(internalValue.value, month.value),\n                ),\n            ),\n    ),\n);\n\nconst yearProps = computed(() =>\n    omit(filterComponentProps(EvDatePickerYears, props), [\"modelValue\"]),\n);\n\nconst yearText = computed(() => {\n    return dateAdapter.format(\n        dateAdapter.setYear(dateAdapter.date(), year.value),\n        \"year\",\n    );\n});\n\nwatch(year, () => {\n    if (viewMode.value === \"years\") {\n        toggleViewYear();\n    }\n});\n\n/**\n * Min & Max date definitions\n */\nconst minDate = computed(() => {\n    const date = dateAdapter.date(props.min);\n    return props.min && dateAdapter.isValid(date) ? date : null;\n});\n\nconst maxDate = computed(() => {\n    const date = dateAdapter.date(props.max);\n    return props.max && dateAdapter.isValid(date) ? date : null;\n});\n\n/**\n * ## Next Month\n */\nfunction onClickNext() {\n    if (month.value < 11) {\n        month.value++;\n    } else {\n        year.value++;\n        month.value = 0;\n        emit(\"update:year\", year.value);\n    }\n    emit(\"update:month\", month.value);\n}\n\n/**\n * ## Previous Month\n */\nfunction onClickPrevious() {\n    if (month.value > 0) {\n        month.value--;\n    } else {\n        year.value--;\n        month.value = 11;\n        emit(\"update:year\", year.value);\n    }\n    emit(\"update:month\", month.value);\n}\n\n/**\n * Toggle View Mode between Months and Month\n */\nfunction toggleViewMonth() {\n    viewMode.value = viewMode.value === \"months\" ? \"month\" : \"months\";\n}\n\n/**\n * Toggle View Mode between Years and Month\n */\nfunction toggleViewYear() {\n    viewMode.value = viewMode.value === \"years\" ? \"month\" : \"years\";\n}\n</script>\n\n<template>\n    <div class=\"ev-date-picker\">\n        <div class=\"ev-date-picker-controls\">\n            <ev-button\n                variant=\"subtle\"\n                :text=\"monthText\"\n                @click=\"toggleViewMonth()\" />\n\n            <ev-button\n                variant=\"subtle\"\n                :text=\"yearText\"\n                @click=\"toggleViewYear()\" />\n\n            <ev-spacer />\n\n            <div class=\"ev-date-picker-controls--previous\">\n                <ev-button\n                    variant=\"subtle\"\n                    :disabled=\"viewMode !== 'month'\"\n                    :icon=\"ChevronLeftIcon\"\n                    @click=\"onClickPrevious()\" />\n            </div>\n\n            <div class=\"ev-date-picker-controls--next\">\n                <ev-button\n                    variant=\"subtle\"\n                    :disabled=\"viewMode !== 'month'\"\n                    :icon=\"ChevronRightIcon\"\n                    @click=\"onClickNext()\" />\n            </div>\n        </div>\n\n        <ev-date-picker-years\n            v-if=\"viewMode === 'years'\"\n            v-bind=\"yearProps\"\n            v-model=\"year\"\n            :min=\"minDate\"\n            :max=\"maxDate\" />\n\n        <ev-date-picker-months\n            v-else-if=\"viewMode === 'months'\"\n            v-model=\"month\" />\n\n        <ev-date-picker-month\n            v-else\n            v-bind=\"monthProps\"\n            v-model=\"modelValue\"\n            v-model:month=\"month\"\n            v-model:year=\"year\"\n            :min=\"minDate\"\n            :max=\"maxDate\" />\n    </div>\n</template>\n"],"names":["dateAdapter","useDate","isReversing","shallowRef","modelValue","useModelProxy","props","value","wrapInArray","internalValue","computed","_a","watch","newValue","oldValue","before","after","viewMode","month","ref","monthProps","filterComponentProps","EvDatePickerMonth","monthText","date","toggleViewMonth","year","yearProps","omit","EvDatePickerYears","yearText","toggleViewYear","minDate","maxDate","onClickNext","emit","onClickPrevious"],"mappings":"4jCAqBMA,EAAcC,EAAAA,QAAQ,EACtBC,EAAcC,aAAW,EAAK,EAU9BC,EAAaC,EAAA,cAAcC,EAAO,aAAc,OAAYC,GAC9DC,EAAAA,YAAYD,CAAK,CACrB,EAEME,EAAgBC,EAAAA,SAAS,IAAM,OACjC,MAAMH,EAAQP,EAAY,MAAKW,EAAAP,EAAW,QAAX,YAAAO,EAAmB,EAAE,EACpD,OAAOJ,GAASP,EAAY,QAAQO,CAAK,EAAIA,EAAQP,EAAY,KAAK,CAAA,CACzE,EAEKY,EAAAA,MAAAR,EAAY,CAACS,EAAUC,IAAa,CACtC,MAAMC,EAASf,EAAY,KAAKQ,cAAYK,CAAQ,EAAE,CAAC,CAAC,EAClDG,EAAQhB,EAAY,KAAKQ,cAAYM,CAAQ,EAAE,CAAC,CAAC,EACvDZ,EAAY,MAAQF,EAAY,SAASe,EAAQC,CAAK,CAAA,CACzD,EAEK,MAAAC,EAAWZ,EAAAA,cAAcC,EAAO,UAAU,EAK1CY,EAAQC,EAAA,IACV,OACIb,EAAM,OACFN,EAAY,SAASA,EAAY,aAAaS,EAAc,KAAK,CAAC,CAAA,CAE9E,EAEMW,EAAaV,EAAA,SAAS,IACxBW,EAAAA,qBAAqBC,EAAAA,QAAmBhB,CAAK,CACjD,EAEMiB,EAAYb,EAAAA,SAAS,IAAM,CAC7B,MAAMc,EAAOxB,EAAY,aAAaA,EAAY,MAAM,EACjD,OAAAA,EAAY,OAAOA,EAAY,SAASwB,EAAMN,EAAM,KAAK,EAAG,OAAO,CAAA,CAC7E,EAEDN,EAAA,MAAMM,EAAO,IAAM,CACXD,EAAS,QAAU,UACHQ,EAAA,CACpB,CACH,EAKD,MAAMC,EAAOP,EAAA,IACT,OACIb,EAAM,MACFN,EAAY,QACRA,EAAY,YACRA,EAAY,SAASS,EAAc,MAAOS,EAAM,KAAK,CAAA,CACzD,CACJ,CAEZ,EAEMS,EAAYjB,EAAA,SAAS,IACvBkB,EAAAA,KAAKP,EAAAA,qBAAqBQ,EAAAA,QAAmBvB,CAAK,EAAG,CAAC,YAAY,CAAC,CACvE,EAEMwB,EAAWpB,EAAAA,SAAS,IACfV,EAAY,OACfA,EAAY,QAAQA,EAAY,KAAK,EAAG0B,EAAK,KAAK,EAClD,MACJ,CACH,EAEDd,EAAA,MAAMc,EAAM,IAAM,CACVT,EAAS,QAAU,SACJc,EAAA,CACnB,CACH,EAKK,MAAAC,EAAUtB,EAAAA,SAAS,IAAM,CAC3B,MAAMc,EAAOxB,EAAY,KAAKM,EAAM,GAAG,EACvC,OAAOA,EAAM,KAAON,EAAY,QAAQwB,CAAI,EAAIA,EAAO,IAAA,CAC1D,EAEKS,EAAUvB,EAAAA,SAAS,IAAM,CAC3B,MAAMc,EAAOxB,EAAY,KAAKM,EAAM,GAAG,EACvC,OAAOA,EAAM,KAAON,EAAY,QAAQwB,CAAI,EAAIA,EAAO,IAAA,CAC1D,EAKD,SAASU,GAAc,CACfhB,EAAM,MAAQ,GACRA,EAAA,SAEDQ,EAAA,QACLR,EAAM,MAAQ,EACTiB,EAAA,cAAeT,EAAK,KAAK,GAE7BS,EAAA,eAAgBjB,EAAM,KAAK,CAAA,CAMpC,SAASkB,GAAkB,CACnBlB,EAAM,MAAQ,EACRA,EAAA,SAEDQ,EAAA,QACLR,EAAM,MAAQ,GACTiB,EAAA,cAAeT,EAAK,KAAK,GAE7BS,EAAA,eAAgBjB,EAAM,KAAK,CAAA,CAMpC,SAASO,GAAkB,CACvBR,EAAS,MAAQA,EAAS,QAAU,SAAW,QAAU,QAAA,CAM7D,SAASc,GAAiB,CACtBd,EAAS,MAAQA,EAAS,QAAU,QAAU,QAAU,OAAA"}

package/dist/esm/components/EvDatePicker/EvDatePicker.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvDatePicker.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvDatePicker.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvDatePicker.vue2.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePicker.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDatePicker.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvDatePicker.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.mjs

@@ -1,25 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { propsFactory } from "../../../util/props.mjs";
-const makeEvDatePickerMonthProps = propsFactory(
-  {
-    allowedDates: [Array, Function],
-    max: null,
-    min: null,
-    modelValue: [Array, String, Date],
-    month: [Number, String],
-    selectionMode: {
-      type: String,
-      default: "single"
-    },
-    showAdjacentMonths: {
-      type: Boolean,
-      default: true
-    },
-    year: [Number, String]
-  },
-  "EvDatePickerMonth"
-);
-export {
-  makeEvDatePickerMonthProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../util/props.mjs"),t=e.propsFactory({allowedDates:[Array,Function],max:null,min:null,modelValue:[Array,String,Date],month:[Number,String],selectionMode:{type:String,default:"single"},showAdjacentMonths:{type:Boolean,default:!0},year:[Number,String]},"EvDatePickerMonth");exports.makeEvDatePickerMonthProps=t;
 //# sourceMappingURL=EvDatePickerMonth.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDatePickerMonth.mjs","sources":["../../../../../src/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\n\nexport type SelectionModeProp = \"single\" | \"multiple\" | \"range\";\n\n// type ModelValueProp = Array\n\nexport const makeEvDatePickerMonthProps = propsFactory(\n    {\n        allowedDates: [Array, Function],\n        max: null as any as PropType<unknown>,\n        min: null as any as PropType<unknown>,\n        modelValue: [Array, String, Date],\n        month: [Number, String],\n        selectionMode: {\n            type: String as PropType<SelectionModeProp>,\n            default: \"single\",\n        },\n        showAdjacentMonths: {\n            type: Boolean,\n            default: true,\n        },\n        year: [Number, String],\n    },\n    \"EvDatePickerMonth\",\n);\n\n/**\n * # Day\n * Represents data used for rendering days in the month.\n */\nexport interface Day {\n    date: Date;\n    isoDate: string;\n    formatted: string;\n    year: number;\n    month: number;\n    isDisabled: boolean;\n    isWeekStart: boolean;\n    isWeekEnd: boolean;\n    isSelected: boolean;\n    isToday: boolean;\n    isAdjacent: boolean;\n    isInRange: boolean;\n    isRangeStart: boolean;\n    isRangeEnd: boolean;\n    isHidden: boolean;\n    isHovered: boolean;\n    localized: string;\n}\n"],"names":[],"mappings":";;AAOO,MAAM,6BAA6B;AAAA,EACtC;AAAA,IACI,cAAc,CAAC,OAAO,QAAQ;AAAA,IAC9B,KAAK;AAAA,IACL,KAAK;AAAA,IACL,YAAY,CAAC,OAAO,QAAQ,IAAI;AAAA,IAChC,OAAO,CAAC,QAAQ,MAAM;AAAA,IACtB,eAAe;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,oBAAoB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM,CAAC,QAAQ,MAAM;AAAA,EACzB;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvDatePickerMonth.mjs","sources":["../../../../../src/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\n\nexport type SelectionModeProp = \"single\" | \"multiple\" | \"range\";\n\n// type ModelValueProp = Array\n\nexport const makeEvDatePickerMonthProps = propsFactory(\n    {\n        allowedDates: [Array, Function],\n        max: null as any as PropType<unknown>,\n        min: null as any as PropType<unknown>,\n        modelValue: [Array, String, Date],\n        month: [Number, String],\n        selectionMode: {\n            type: String as PropType<SelectionModeProp>,\n            default: \"single\",\n        },\n        showAdjacentMonths: {\n            type: Boolean,\n            default: true,\n        },\n        year: [Number, String],\n    },\n    \"EvDatePickerMonth\",\n);\n\n/**\n * # Day\n * Represents data used for rendering days in the month.\n */\nexport interface Day {\n    date: Date;\n    isoDate: string;\n    formatted: string;\n    year: number;\n    month: number;\n    isDisabled: boolean;\n    isWeekStart: boolean;\n    isWeekEnd: boolean;\n    isSelected: boolean;\n    isToday: boolean;\n    isAdjacent: boolean;\n    isInRange: boolean;\n    isRangeStart: boolean;\n    isRangeEnd: boolean;\n    isHidden: boolean;\n    isHovered: boolean;\n    localized: string;\n}\n"],"names":["makeEvDatePickerMonthProps","propsFactory"],"mappings":"iKAOaA,EAA6BC,EAAA,aACtC,CACI,aAAc,CAAC,MAAO,QAAQ,EAC9B,IAAK,KACL,IAAK,KACL,WAAY,CAAC,MAAO,OAAQ,IAAI,EAChC,MAAO,CAAC,OAAQ,MAAM,EACtB,cAAe,CACX,KAAM,OACN,QAAS,QACb,EACA,mBAAoB,CAChB,KAAM,QACN,QAAS,EACb,EACA,KAAM,CAAC,OAAQ,MAAM,CACzB,EACA,mBACJ"}

package/dist/esm/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.vue.mjs

@@ -1,225 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, computed, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, Fragment, renderList, unref, toDisplayString, createBlock, createCommentVNode } from "vue";
-/* empty css                        */
-import { makeEvDatePickerMonthProps } from "./EvDatePickerMonth.mjs";
-import { useDate } from "../../../composables/date/date.mjs";
-import { useModelProxy } from "../../../composables/modelProxy.mjs";
-import _sfc_main$1 from "../../EvButton/EvButton.vue.mjs";
-import { wrapInArray } from "../../../util/helpers.mjs";
-const _hoisted_1 = { class: "ev-date-picker-month--days" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvDatePickerMonth",
-  props: {
-    ...makeEvDatePickerMonthProps()
-  },
-  emits: ["update:modelValue", "update:month", "update:year"],
-  setup(__props) {
-    const props = __props;
-    const dateAdapter = useDate();
-    const modelValue = useModelProxy(
-      props,
-      "modelValue",
-      [],
-      (value) => wrapInArray(value)
-    );
-    const displayValue = computed(() => {
-      if (modelValue.value.length > 0) {
-        return dateAdapter.date(modelValue.value[0]);
-      }
-      if (props.min) {
-        return dateAdapter.date(props.min);
-      }
-      if (Array.isArray(props.allowedDates)) {
-        return dateAdapter.date(props.allowedDates[0]);
-      }
-      return dateAdapter.date();
-    });
-    const year = useModelProxy(
-      props,
-      "year",
-      void 0,
-      (v) => {
-        const value = v != null ? Number(v) : dateAdapter.getYear(displayValue.value);
-        return dateAdapter.startOfYear(
-          dateAdapter.setYear(dateAdapter.date(), value)
-        );
-      },
-      (v) => dateAdapter.getYear(v)
-    );
-    const month = useModelProxy(
-      props,
-      "month",
-      void 0,
-      (v) => {
-        const value = v != null ? Number(v) : dateAdapter.getMonth(displayValue.value);
-        let date = dateAdapter.startOfMonth(dateAdapter.date());
-        date = dateAdapter.setYear(date, dateAdapter.getYear(year.value));
-        return dateAdapter.setMonth(date, value);
-      },
-      (v) => dateAdapter.getMonth(v)
-    );
-    const weeksInMonth = computed(() => {
-      const weeks = dateAdapter.getWeekArray(month.value);
-      const days = weeks.flat();
-      const daysInMonth2 = 6 * 7;
-      if (days.length < daysInMonth2) {
-        const lastDay = days[days.length - 1];
-        let week = [];
-        for (let day = 1; day <= daysInMonth2 - days.length; day++) {
-          week.push(dateAdapter.addDays(lastDay, day));
-          if (day % 7 === 0) {
-            weeks.push(week);
-            week = [];
-          }
-        }
-      }
-      return weeks;
-    });
-    const daysInMonth = computed(() => {
-      const days = weeksInMonth.value.flat();
-      const today = dateAdapter.date();
-      return days.map((date, index) => {
-        const isoDate = dateAdapter.toISO(date);
-        const isAdjacent = !dateAdapter.isSameMonth(date, month.value);
-        const isInRange = props.selectionMode === "range" && modelValue.value[0] && dateAdapter.isAfter(date, modelValue.value[0]) && modelValue.value[1] && dateAdapter.isBefore(date, modelValue.value[1]);
-        const isRangeStart = props.selectionMode === "range" && modelValue.value[0] && dateAdapter.isSameDay(date, modelValue.value[0]);
-        const isRangeEnd = props.selectionMode === "range" && modelValue.value[1] && dateAdapter.isSameDay(date, modelValue.value[1]);
-        return {
-          date,
-          isoDate,
-          formatted: dateAdapter.format(date, "keyboardDate"),
-          year: dateAdapter.getYear(date),
-          month: dateAdapter.getMonth(date),
-          isDisabled: isDisabled(date),
-          isWeekStart: index % 7 === 0,
-          isWeekEnd: index % 7 === 6,
-          isSelected: modelValue.value.some(
-            (value) => dateAdapter.isSameDay(date, value)
-          ),
-          isToday: dateAdapter.isSameDay(date, today),
-          isAdjacent,
-          isInRange,
-          isRangeStart,
-          isRangeEnd,
-          isHidden: isAdjacent && !props.showAdjacentMonths,
-          isHovered: false,
-          localized: dateAdapter.format(date, "dayOfMonth")
-        };
-      });
-    });
-    function isDisabled(value) {
-      const date = dateAdapter.date(value);
-      if (props.min && dateAdapter.isBefore(date, props.min)) {
-        return true;
-      }
-      if (props.max && dateAdapter.isAfter(date, props.max)) {
-        return true;
-      }
-      if (Array.isArray(props.allowedDates)) {
-        return !props.allowedDates.some((allowedDate) => {
-          return dateAdapter.isSameDay(dateAdapter.date(allowedDate), date);
-        });
-      }
-      if (typeof props.allowedDates === "function") {
-        return !props.allowedDates(date);
-      }
-      return false;
-    }
-    function getDayAppearance(day) {
-      return day.isSelected || day.isInRange || day.isToday ? "primary" : "default";
-    }
-    function getDayVariant(day) {
-      if (day.isSelected || day.isInRange) {
-        return "bold";
-      }
-      if (day.isToday) {
-        return "tonal";
-      }
-      return "subtle";
-    }
-    function onClick(date) {
-      if (props.selectionMode === "range") {
-        const startDate = modelValue.value[0];
-        const endDate = modelValue.value[1];
-        if (startDate && !endDate && date.getTime() >= startDate.getTime()) {
-          modelValue.value = [startDate, date];
-        } else if (endDate && date.getTime() >= endDate.getTime()) {
-          modelValue.value = [startDate, date];
-        } else {
-          modelValue.value = [date];
-        }
-      } else if (props.selectionMode === "multiple") {
-        const index = modelValue.value.findIndex(
-          (selection) => dateAdapter.isSameDay(selection, date)
-        );
-        if (index === -1) {
-          modelValue.value = [...modelValue.value, date];
-        } else {
-          const value = [...modelValue.value];
-          value.splice(index, 1);
-          modelValue.value = value;
-        }
-      } else {
-        modelValue.value = [date];
-      }
-    }
-    watch(displayValue, (value) => {
-      month.value = value;
-      year.value = value;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "ev-date-picker-month",
-          {
-            "is-select-single": props.selectionMode === "single",
-            "is-select-multiple": props.selectionMode === "multiple",
-            "is-select-range": props.selectionMode === "range"
-          }
-        ])
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dateAdapter).getWeekdays(), (weekDay) => {
-            return openBlock(), createElementBlock("div", {
-              key: weekDay,
-              class: "ev-date-picker-month--weekday"
-            }, toDisplayString(weekDay), 1);
-          }), 128)),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(daysInMonth.value, (day) => {
-            return openBlock(), createElementBlock("div", {
-              key: day.isoDate,
-              class: normalizeClass([
-                "ev-date-picker-month--day",
-                {
-                  "is-adjacent": day.isAdjacent,
-                  "is-adjacent-hidden": day.isHidden,
-                  "is-selected": day.isSelected,
-                  "is-week-end": day.isWeekEnd,
-                  "is-week-start": day.isWeekStart,
-                  "is-range-start": day.isRangeStart,
-                  "is-range-within": day.isInRange,
-                  "is-range-end": day.isRangeEnd
-                }
-              ])
-            }, [
-              !day.isHidden ? (openBlock(), createBlock(unref(_sfc_main$1), {
-                key: 0,
-                rounded: "",
-                icon: true,
-                disabled: day.isDisabled,
-                appearance: getDayAppearance(day),
-                variant: getDayVariant(day),
-                text: day.localized,
-                onClick: ($event) => onClick(day.date)
-              }, null, 8, ["disabled", "appearance", "variant", "text", "onClick"])) : createCommentVNode("", true)
-            ], 2);
-          }), 128))
-        ])
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");;/* empty css                         */const B=require("./EvDatePickerMonth.mjs"),E=require("../../../composables/date/date.mjs"),m=require("../../../composables/modelProxy.mjs"),A=require("../../EvButton/EvButton.vue.mjs"),b=require("../../../util/helpers.mjs"),x={class:"ev-date-picker-month--days"},I=a.defineComponent({__name:"EvDatePickerMonth",props:{...B.makeEvDatePickerMonthProps()},emits:["update:modelValue","update:month","update:year"],setup(p){const s=p,n=E.useDate(),o=m.useModelProxy(s,"modelValue",[],t=>b.wrapInArray(t)),c=a.computed(()=>o.value.length>0?n.date(o.value[0]):s.min?n.date(s.min):Array.isArray(s.allowedDates)?n.date(s.allowedDates[0]):n.date()),v=m.useModelProxy(s,"year",void 0,t=>{const r=t!=null?Number(t):n.getYear(c.value);return n.startOfYear(n.setYear(n.date(),r))},t=>n.getYear(t)),d=m.useModelProxy(s,"month",void 0,t=>{const r=t!=null?Number(t):n.getMonth(c.value);let e=n.startOfMonth(n.date());return e=n.setYear(e,n.getYear(v.value)),n.setMonth(e,r)},t=>n.getMonth(t)),f=a.computed(()=>{const t=n.getWeekArray(d.value),r=t.flat(),e=6*7;if(r.length<e){const i=r[r.length-1];let u=[];for(let l=1;l<=e-r.length;l++)u.push(n.addDays(i,l)),l%7===0&&(t.push(u),u=[])}return t}),g=a.computed(()=>{const t=f.value.flat(),r=n.date();return t.map((e,i)=>{const u=n.toISO(e),l=!n.isSameMonth(e,d.value),M=s.selectionMode==="range"&&o.value[0]&&n.isAfter(e,o.value[0])&&o.value[1]&&n.isBefore(e,o.value[1]),S=s.selectionMode==="range"&&o.value[0]&&n.isSameDay(e,o.value[0]),_=s.selectionMode==="range"&&o.value[1]&&n.isSameDay(e,o.value[1]);return{date:e,isoDate:u,formatted:n.format(e,"keyboardDate"),year:n.getYear(e),month:n.getMonth(e),isDisabled:k(e),isWeekStart:i%7===0,isWeekEnd:i%7===6,isSelected:o.value.some(w=>n.isSameDay(e,w)),isToday:n.isSameDay(e,r),isAdjacent:l,isInRange:M,isRangeStart:S,isRangeEnd:_,isHidden:l&&!s.showAdjacentMonths,isHovered:!1,localized:n.format(e,"dayOfMonth")}})});function k(t){const r=n.date(t);return s.min&&n.isBefore(r,s.min)||s.max&&n.isAfter(r,s.max)?!0:Array.isArray(s.allowedDates)?!s.allowedDates.some(e=>n.isSameDay(n.date(e),r)):typeof s.allowedDates=="function"?!s.allowedDates(r):!1}function h(t){return t.isSelected||t.isInRange||t.isToday?"primary":"default"}function y(t){return t.isSelected||t.isInRange?"bold":t.isToday?"tonal":"subtle"}function D(t){if(s.selectionMode==="range"){const r=o.value[0],e=o.value[1];r&&!e&&t.getTime()>=r.getTime()?o.value=[r,t]:e&&t.getTime()>=e.getTime()?o.value=[r,t]:o.value=[t]}else if(s.selectionMode==="multiple"){const r=o.value.findIndex(e=>n.isSameDay(e,t));if(r===-1)o.value=[...o.value,t];else{const e=[...o.value];e.splice(r,1),o.value=e}}else o.value=[t]}return a.watch(c,t=>{d.value=t,v.value=t}),(t,r)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(["ev-date-picker-month",{"is-select-single":s.selectionMode==="single","is-select-multiple":s.selectionMode==="multiple","is-select-range":s.selectionMode==="range"}])},[a.createElementVNode("div",x,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(a.unref(n).getWeekdays(),e=>(a.openBlock(),a.createElementBlock("div",{key:e,class:"ev-date-picker-month--weekday"},a.toDisplayString(e),1))),128)),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(g.value,e=>(a.openBlock(),a.createElementBlock("div",{key:e.isoDate,class:a.normalizeClass(["ev-date-picker-month--day",{"is-adjacent":e.isAdjacent,"is-adjacent-hidden":e.isHidden,"is-selected":e.isSelected,"is-week-end":e.isWeekEnd,"is-week-start":e.isWeekStart,"is-range-start":e.isRangeStart,"is-range-within":e.isInRange,"is-range-end":e.isRangeEnd}])},[e.isHidden?a.createCommentVNode("",!0):(a.openBlock(),a.createBlock(a.unref(A.default),{key:0,rounded:"",icon:!0,disabled:e.isDisabled,appearance:h(e),variant:y(e),text:e.localized,onClick:i=>D(e.date)},null,8,["disabled","appearance","variant","text","onClick"]))],2))),128))])],2))}});exports.default=I;
 //# sourceMappingURL=EvDatePickerMonth.vue.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDatePickerMonth.vue.mjs","sources":["../../../../../src/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-date-picker-month>`\n */\nimport \"./EvDatePickerMonth.scss\";\nimport { Day, makeEvDatePickerMonthProps } from \"./EvDatePickerMonth\";\nimport { useDate } from \"@/composables/date/date\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { wrapInArray } from \"@/util\";\nimport { computed, watch } from \"vue\";\nimport { EvButton } from \"@/components/EvButton\";\n\nconst props = defineProps({\n    ...makeEvDatePickerMonthProps(),\n});\nconst dateAdapter = useDate();\ndefineEmits([\"update:modelValue\", \"update:month\", \"update:year\"]);\n\n/**\n * The `modelValue` is always provided from the parent component as an array\n * and leaves as an array if `multiple` is `true`.\n */\nconst modelValue = useModelProxy(props, \"modelValue\", [], (value) =>\n    wrapInArray(value),\n);\n\nconst displayValue = computed(() => {\n    if (modelValue.value.length > 0) {\n        return dateAdapter.date(modelValue.value[0]);\n    }\n    if (props.min) {\n        return dateAdapter.date(props.min);\n    }\n    if (Array.isArray(props.allowedDates)) {\n        return dateAdapter.date(props.allowedDates[0]);\n    }\n    return dateAdapter.date();\n});\n\n// YEAR\nconst year = useModelProxy(\n    props,\n    \"year\",\n    undefined,\n    (v) => {\n        const value =\n            v != null ? Number(v) : dateAdapter.getYear(displayValue.value);\n        return dateAdapter.startOfYear(\n            dateAdapter.setYear(dateAdapter.date(), value),\n        );\n    },\n    (v) => dateAdapter.getYear(v),\n);\n\n// MONTH\nconst month = useModelProxy(\n    props,\n    \"month\",\n    undefined,\n    (v) => {\n        const value =\n            v != null ? Number(v) : dateAdapter.getMonth(displayValue.value);\n        let date = dateAdapter.startOfMonth(dateAdapter.date());\n        date = dateAdapter.setYear(date, dateAdapter.getYear(year.value));\n        return dateAdapter.setMonth(date, value);\n    },\n    (v) => dateAdapter.getMonth(v),\n);\n\n/**\n * ## Weeks in Month\n */\nconst weeksInMonth = computed(() => {\n    const weeks = dateAdapter.getWeekArray(month.value);\n    const days = weeks.flat();\n    const daysInMonth = 6 * 7;\n    if (days.length < daysInMonth) {\n        const lastDay = days[days.length - 1];\n        let week = [];\n        for (let day = 1; day <= daysInMonth - days.length; day++) {\n            week.push(dateAdapter.addDays(lastDay, day));\n            if (day % 7 === 0) {\n                weeks.push(week);\n                week = [];\n            }\n        }\n    }\n    return weeks;\n});\n\n/**\n * ## Days in Month\n */\nconst daysInMonth = computed(() => {\n    const days = weeksInMonth.value.flat();\n    const today = dateAdapter.date();\n    return days.map((date, index) => {\n        const isoDate = dateAdapter.toISO(date);\n        const isAdjacent = !dateAdapter.isSameMonth(date, month.value);\n        const isInRange =\n            props.selectionMode === \"range\" &&\n            modelValue.value[0] &&\n            dateAdapter.isAfter(date, modelValue.value[0]) &&\n            modelValue.value[1] &&\n            dateAdapter.isBefore(date, modelValue.value[1]);\n        const isRangeStart =\n            props.selectionMode === \"range\" &&\n            modelValue.value[0] &&\n            dateAdapter.isSameDay(date, modelValue.value[0]);\n        const isRangeEnd =\n            props.selectionMode === \"range\" &&\n            modelValue.value[1] &&\n            dateAdapter.isSameDay(date, modelValue.value[1]);\n        return {\n            date,\n            isoDate,\n            formatted: dateAdapter.format(date, \"keyboardDate\"),\n            year: dateAdapter.getYear(date),\n            month: dateAdapter.getMonth(date),\n            isDisabled: isDisabled(date),\n            isWeekStart: index % 7 === 0,\n            isWeekEnd: index % 7 === 6,\n            isSelected: modelValue.value.some((value: any) =>\n                dateAdapter.isSameDay(date, value),\n            ),\n            isToday: dateAdapter.isSameDay(date, today),\n            isAdjacent,\n            isInRange,\n            isRangeStart,\n            isRangeEnd,\n            isHidden: isAdjacent && !props.showAdjacentMonths,\n            isHovered: false,\n            localized: dateAdapter.format(date, \"dayOfMonth\"),\n        } as Day;\n    });\n});\n\n/**\n * ## isDisabled\n */\nfunction isDisabled(value: unknown) {\n    const date = dateAdapter.date(value);\n    if (props.min && dateAdapter.isBefore(date, props.min)) {\n        return true;\n    }\n    if (props.max && dateAdapter.isAfter(date, props.max)) {\n        return true;\n    }\n    if (Array.isArray(props.allowedDates)) {\n        return !props.allowedDates.some((allowedDate) => {\n            return dateAdapter.isSameDay(dateAdapter.date(allowedDate), date);\n        });\n    }\n    if (typeof props.allowedDates === \"function\") {\n        return !props.allowedDates(date);\n    }\n    return false;\n}\n\n/**\n * ## Get Day Appearance\n * @param day\n */\nfunction getDayAppearance(day: Day) {\n    return day.isSelected || day.isInRange || day.isToday\n        ? \"primary\"\n        : \"default\";\n}\n\n/**\n * ## Get Day Variant\n * @param day\n */\nfunction getDayVariant(day: Day) {\n    if (day.isSelected || day.isInRange) {\n        return \"bold\";\n    }\n    if (day.isToday) {\n        return \"tonal\";\n    }\n    return \"subtle\";\n}\n\n/**\n * ## On Click Event\n * @param date\n */\nfunction onClick(date: Date) {\n    if (props.selectionMode === \"range\") {\n        const startDate = modelValue.value[0];\n        const endDate = modelValue.value[1];\n        if (startDate && !endDate && date.getTime() >= startDate.getTime()) {\n            modelValue.value = [startDate, date];\n        } else if (endDate && date.getTime() >= endDate.getTime()) {\n            modelValue.value = [startDate, date];\n        } else {\n            modelValue.value = [date];\n        }\n    } else if (props.selectionMode === \"multiple\") {\n        const index = modelValue.value.findIndex((selection: any) =>\n            dateAdapter.isSameDay(selection, date),\n        );\n        if (index === -1) {\n            modelValue.value = [...modelValue.value, date];\n        } else {\n            const value = [...modelValue.value];\n            value.splice(index, 1);\n            modelValue.value = value;\n        }\n    } else {\n        modelValue.value = [date];\n    }\n}\n\nwatch(displayValue, (value) => {\n    month.value = value;\n    year.value = value;\n});\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-date-picker-month',\n            {\n                'is-select-single': props.selectionMode === 'single',\n                'is-select-multiple': props.selectionMode === 'multiple',\n                'is-select-range': props.selectionMode === 'range',\n            },\n        ]\">\n        <div class=\"ev-date-picker-month--days\">\n            <div\n                v-for=\"weekDay in dateAdapter.getWeekdays()\"\n                :key=\"weekDay\"\n                class=\"ev-date-picker-month--weekday\">\n                {{ weekDay }}\n            </div>\n\n            <div\n                v-for=\"day in daysInMonth\"\n                :key=\"day.isoDate\"\n                :class=\"[\n                    'ev-date-picker-month--day',\n                    {\n                        'is-adjacent': day.isAdjacent,\n                        'is-adjacent-hidden': day.isHidden,\n                        'is-selected': day.isSelected,\n                        'is-week-end': day.isWeekEnd,\n                        'is-week-start': day.isWeekStart,\n                        'is-range-start': day.isRangeStart,\n                        'is-range-within': day.isInRange,\n                        'is-range-end': day.isRangeEnd,\n                    },\n                ]\">\n                <ev-button\n                    v-if=\"!day.isHidden\"\n                    rounded\n                    :icon=\"true\"\n                    :disabled=\"day.isDisabled\"\n                    :appearance=\"getDayAppearance(day)\"\n                    :variant=\"getDayVariant(day)\"\n                    :text=\"day.localized\"\n                    @click=\"onClick(day.date)\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["daysInMonth"],"mappings":";;;;;;;;;;;;;;;;;AAeA,UAAM,cAAc,QAAQ;AAO5B,UAAM,aAAa;AAAA,MAAc;AAAA,MAAO;AAAA,MAAc,CAAC;AAAA,MAAG,CAAC,UACvD,YAAY,KAAK;AAAA,IACrB;AAEM,UAAA,eAAe,SAAS,MAAM;AAC5B,UAAA,WAAW,MAAM,SAAS,GAAG;AAC7B,eAAO,YAAY,KAAK,WAAW,MAAM,CAAC,CAAC;AAAA,MAAA;AAE/C,UAAI,MAAM,KAAK;AACJ,eAAA,YAAY,KAAK,MAAM,GAAG;AAAA,MAAA;AAErC,UAAI,MAAM,QAAQ,MAAM,YAAY,GAAG;AACnC,eAAO,YAAY,KAAK,MAAM,aAAa,CAAC,CAAC;AAAA,MAAA;AAEjD,aAAO,YAAY,KAAK;AAAA,IAAA,CAC3B;AAGD,UAAM,OAAO;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,MAAM;AACG,cAAA,QACF,KAAK,OAAO,OAAO,CAAC,IAAI,YAAY,QAAQ,aAAa,KAAK;AAClE,eAAO,YAAY;AAAA,UACf,YAAY,QAAQ,YAAY,QAAQ,KAAK;AAAA,QACjD;AAAA,MACJ;AAAA,MACA,CAAC,MAAM,YAAY,QAAQ,CAAC;AAAA,IAChC;AAGA,UAAM,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,MAAM;AACG,cAAA,QACF,KAAK,OAAO,OAAO,CAAC,IAAI,YAAY,SAAS,aAAa,KAAK;AACnE,YAAI,OAAO,YAAY,aAAa,YAAY,MAAM;AACtD,eAAO,YAAY,QAAQ,MAAM,YAAY,QAAQ,KAAK,KAAK,CAAC;AACzD,eAAA,YAAY,SAAS,MAAM,KAAK;AAAA,MAC3C;AAAA,MACA,CAAC,MAAM,YAAY,SAAS,CAAC;AAAA,IACjC;AAKM,UAAA,eAAe,SAAS,MAAM;AAChC,YAAM,QAAQ,YAAY,aAAa,MAAM,KAAK;AAC5C,YAAA,OAAO,MAAM,KAAK;AACxB,YAAMA,eAAc,IAAI;AACpB,UAAA,KAAK,SAASA,cAAa;AAC3B,cAAM,UAAU,KAAK,KAAK,SAAS,CAAC;AACpC,YAAI,OAAO,CAAC;AACZ,iBAAS,MAAM,GAAG,OAAOA,eAAc,KAAK,QAAQ,OAAO;AACvD,eAAK,KAAK,YAAY,QAAQ,SAAS,GAAG,CAAC;AACvC,cAAA,MAAM,MAAM,GAAG;AACf,kBAAM,KAAK,IAAI;AACf,mBAAO,CAAC;AAAA,UAAA;AAAA,QACZ;AAAA,MACJ;AAEG,aAAA;AAAA,IAAA,CACV;AAKK,UAAA,cAAc,SAAS,MAAM;AACzB,YAAA,OAAO,aAAa,MAAM,KAAK;AAC/B,YAAA,QAAQ,YAAY,KAAK;AAC/B,aAAO,KAAK,IAAI,CAAC,MAAM,UAAU;AACvB,cAAA,UAAU,YAAY,MAAM,IAAI;AACtC,cAAM,aAAa,CAAC,YAAY,YAAY,MAAM,MAAM,KAAK;AACvD,cAAA,YACF,MAAM,kBAAkB,WACxB,WAAW,MAAM,CAAC,KAClB,YAAY,QAAQ,MAAM,WAAW,MAAM,CAAC,CAAC,KAC7C,WAAW,MAAM,CAAC,KAClB,YAAY,SAAS,MAAM,WAAW,MAAM,CAAC,CAAC;AAClD,cAAM,eACF,MAAM,kBAAkB,WACxB,WAAW,MAAM,CAAC,KAClB,YAAY,UAAU,MAAM,WAAW,MAAM,CAAC,CAAC;AACnD,cAAM,aACF,MAAM,kBAAkB,WACxB,WAAW,MAAM,CAAC,KAClB,YAAY,UAAU,MAAM,WAAW,MAAM,CAAC,CAAC;AAC5C,eAAA;AAAA,UACH;AAAA,UACA;AAAA,UACA,WAAW,YAAY,OAAO,MAAM,cAAc;AAAA,UAClD,MAAM,YAAY,QAAQ,IAAI;AAAA,UAC9B,OAAO,YAAY,SAAS,IAAI;AAAA,UAChC,YAAY,WAAW,IAAI;AAAA,UAC3B,aAAa,QAAQ,MAAM;AAAA,UAC3B,WAAW,QAAQ,MAAM;AAAA,UACzB,YAAY,WAAW,MAAM;AAAA,YAAK,CAAC,UAC/B,YAAY,UAAU,MAAM,KAAK;AAAA,UACrC;AAAA,UACA,SAAS,YAAY,UAAU,MAAM,KAAK;AAAA,UAC1C;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,cAAc,CAAC,MAAM;AAAA,UAC/B,WAAW;AAAA,UACX,WAAW,YAAY,OAAO,MAAM,YAAY;AAAA,QACpD;AAAA,MAAA,CACH;AAAA,IAAA,CACJ;AAKD,aAAS,WAAW,OAAgB;AAC1B,YAAA,OAAO,YAAY,KAAK,KAAK;AACnC,UAAI,MAAM,OAAO,YAAY,SAAS,MAAM,MAAM,GAAG,GAAG;AAC7C,eAAA;AAAA,MAAA;AAEX,UAAI,MAAM,OAAO,YAAY,QAAQ,MAAM,MAAM,GAAG,GAAG;AAC5C,eAAA;AAAA,MAAA;AAEX,UAAI,MAAM,QAAQ,MAAM,YAAY,GAAG;AACnC,eAAO,CAAC,MAAM,aAAa,KAAK,CAAC,gBAAgB;AAC7C,iBAAO,YAAY,UAAU,YAAY,KAAK,WAAW,GAAG,IAAI;AAAA,QAAA,CACnE;AAAA,MAAA;AAED,UAAA,OAAO,MAAM,iBAAiB,YAAY;AACnC,eAAA,CAAC,MAAM,aAAa,IAAI;AAAA,MAAA;AAE5B,aAAA;AAAA,IAAA;AAOX,aAAS,iBAAiB,KAAU;AAChC,aAAO,IAAI,cAAc,IAAI,aAAa,IAAI,UACxC,YACA;AAAA,IAAA;AAOV,aAAS,cAAc,KAAU;AACzB,UAAA,IAAI,cAAc,IAAI,WAAW;AAC1B,eAAA;AAAA,MAAA;AAEX,UAAI,IAAI,SAAS;AACN,eAAA;AAAA,MAAA;AAEJ,aAAA;AAAA,IAAA;AAOX,aAAS,QAAQ,MAAY;AACrB,UAAA,MAAM,kBAAkB,SAAS;AAC3B,cAAA,YAAY,WAAW,MAAM,CAAC;AAC9B,cAAA,UAAU,WAAW,MAAM,CAAC;AAC9B,YAAA,aAAa,CAAC,WAAW,KAAK,aAAa,UAAU,WAAW;AACrD,qBAAA,QAAQ,CAAC,WAAW,IAAI;AAAA,QAAA,WAC5B,WAAW,KAAK,aAAa,QAAQ,WAAW;AAC5C,qBAAA,QAAQ,CAAC,WAAW,IAAI;AAAA,QAAA,OAChC;AACQ,qBAAA,QAAQ,CAAC,IAAI;AAAA,QAAA;AAAA,MAC5B,WACO,MAAM,kBAAkB,YAAY;AACrC,cAAA,QAAQ,WAAW,MAAM;AAAA,UAAU,CAAC,cACtC,YAAY,UAAU,WAAW,IAAI;AAAA,QACzC;AACA,YAAI,UAAU,IAAI;AACd,qBAAW,QAAQ,CAAC,GAAG,WAAW,OAAO,IAAI;AAAA,QAAA,OAC1C;AACH,gBAAM,QAAQ,CAAC,GAAG,WAAW,KAAK;AAC5B,gBAAA,OAAO,OAAO,CAAC;AACrB,qBAAW,QAAQ;AAAA,QAAA;AAAA,MACvB,OACG;AACQ,mBAAA,QAAQ,CAAC,IAAI;AAAA,MAAA;AAAA,IAC5B;AAGE,UAAA,cAAc,CAAC,UAAU;AAC3B,YAAM,QAAQ;AACd,WAAK,QAAQ;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvDatePickerMonth.vue.mjs","sources":["../../../../../src/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-date-picker-month>`\n */\nimport \"./EvDatePickerMonth.scss\";\nimport { Day, makeEvDatePickerMonthProps } from \"./EvDatePickerMonth\";\nimport { useDate } from \"@/composables/date/date\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { wrapInArray } from \"@/util\";\nimport { computed, watch } from \"vue\";\nimport { EvButton } from \"@/components/EvButton\";\n\nconst props = defineProps({\n    ...makeEvDatePickerMonthProps(),\n});\nconst dateAdapter = useDate();\ndefineEmits([\"update:modelValue\", \"update:month\", \"update:year\"]);\n\n/**\n * The `modelValue` is always provided from the parent component as an array\n * and leaves as an array if `multiple` is `true`.\n */\nconst modelValue = useModelProxy(props, \"modelValue\", [], (value) =>\n    wrapInArray(value),\n);\n\nconst displayValue = computed(() => {\n    if (modelValue.value.length > 0) {\n        return dateAdapter.date(modelValue.value[0]);\n    }\n    if (props.min) {\n        return dateAdapter.date(props.min);\n    }\n    if (Array.isArray(props.allowedDates)) {\n        return dateAdapter.date(props.allowedDates[0]);\n    }\n    return dateAdapter.date();\n});\n\n// YEAR\nconst year = useModelProxy(\n    props,\n    \"year\",\n    undefined,\n    (v) => {\n        const value =\n            v != null ? Number(v) : dateAdapter.getYear(displayValue.value);\n        return dateAdapter.startOfYear(\n            dateAdapter.setYear(dateAdapter.date(), value),\n        );\n    },\n    (v) => dateAdapter.getYear(v),\n);\n\n// MONTH\nconst month = useModelProxy(\n    props,\n    \"month\",\n    undefined,\n    (v) => {\n        const value =\n            v != null ? Number(v) : dateAdapter.getMonth(displayValue.value);\n        let date = dateAdapter.startOfMonth(dateAdapter.date());\n        date = dateAdapter.setYear(date, dateAdapter.getYear(year.value));\n        return dateAdapter.setMonth(date, value);\n    },\n    (v) => dateAdapter.getMonth(v),\n);\n\n/**\n * ## Weeks in Month\n */\nconst weeksInMonth = computed(() => {\n    const weeks = dateAdapter.getWeekArray(month.value);\n    const days = weeks.flat();\n    const daysInMonth = 6 * 7;\n    if (days.length < daysInMonth) {\n        const lastDay = days[days.length - 1];\n        let week = [];\n        for (let day = 1; day <= daysInMonth - days.length; day++) {\n            week.push(dateAdapter.addDays(lastDay, day));\n            if (day % 7 === 0) {\n                weeks.push(week);\n                week = [];\n            }\n        }\n    }\n    return weeks;\n});\n\n/**\n * ## Days in Month\n */\nconst daysInMonth = computed(() => {\n    const days = weeksInMonth.value.flat();\n    const today = dateAdapter.date();\n    return days.map((date, index) => {\n        const isoDate = dateAdapter.toISO(date);\n        const isAdjacent = !dateAdapter.isSameMonth(date, month.value);\n        const isInRange =\n            props.selectionMode === \"range\" &&\n            modelValue.value[0] &&\n            dateAdapter.isAfter(date, modelValue.value[0]) &&\n            modelValue.value[1] &&\n            dateAdapter.isBefore(date, modelValue.value[1]);\n        const isRangeStart =\n            props.selectionMode === \"range\" &&\n            modelValue.value[0] &&\n            dateAdapter.isSameDay(date, modelValue.value[0]);\n        const isRangeEnd =\n            props.selectionMode === \"range\" &&\n            modelValue.value[1] &&\n            dateAdapter.isSameDay(date, modelValue.value[1]);\n        return {\n            date,\n            isoDate,\n            formatted: dateAdapter.format(date, \"keyboardDate\"),\n            year: dateAdapter.getYear(date),\n            month: dateAdapter.getMonth(date),\n            isDisabled: isDisabled(date),\n            isWeekStart: index % 7 === 0,\n            isWeekEnd: index % 7 === 6,\n            isSelected: modelValue.value.some((value: any) =>\n                dateAdapter.isSameDay(date, value),\n            ),\n            isToday: dateAdapter.isSameDay(date, today),\n            isAdjacent,\n            isInRange,\n            isRangeStart,\n            isRangeEnd,\n            isHidden: isAdjacent && !props.showAdjacentMonths,\n            isHovered: false,\n            localized: dateAdapter.format(date, \"dayOfMonth\"),\n        } as Day;\n    });\n});\n\n/**\n * ## isDisabled\n */\nfunction isDisabled(value: unknown) {\n    const date = dateAdapter.date(value);\n    if (props.min && dateAdapter.isBefore(date, props.min)) {\n        return true;\n    }\n    if (props.max && dateAdapter.isAfter(date, props.max)) {\n        return true;\n    }\n    if (Array.isArray(props.allowedDates)) {\n        return !props.allowedDates.some((allowedDate) => {\n            return dateAdapter.isSameDay(dateAdapter.date(allowedDate), date);\n        });\n    }\n    if (typeof props.allowedDates === \"function\") {\n        return !props.allowedDates(date);\n    }\n    return false;\n}\n\n/**\n * ## Get Day Appearance\n * @param day\n */\nfunction getDayAppearance(day: Day) {\n    return day.isSelected || day.isInRange || day.isToday\n        ? \"primary\"\n        : \"default\";\n}\n\n/**\n * ## Get Day Variant\n * @param day\n */\nfunction getDayVariant(day: Day) {\n    if (day.isSelected || day.isInRange) {\n        return \"bold\";\n    }\n    if (day.isToday) {\n        return \"tonal\";\n    }\n    return \"subtle\";\n}\n\n/**\n * ## On Click Event\n * @param date\n */\nfunction onClick(date: Date) {\n    if (props.selectionMode === \"range\") {\n        const startDate = modelValue.value[0];\n        const endDate = modelValue.value[1];\n        if (startDate && !endDate && date.getTime() >= startDate.getTime()) {\n            modelValue.value = [startDate, date];\n        } else if (endDate && date.getTime() >= endDate.getTime()) {\n            modelValue.value = [startDate, date];\n        } else {\n            modelValue.value = [date];\n        }\n    } else if (props.selectionMode === \"multiple\") {\n        const index = modelValue.value.findIndex((selection: any) =>\n            dateAdapter.isSameDay(selection, date),\n        );\n        if (index === -1) {\n            modelValue.value = [...modelValue.value, date];\n        } else {\n            const value = [...modelValue.value];\n            value.splice(index, 1);\n            modelValue.value = value;\n        }\n    } else {\n        modelValue.value = [date];\n    }\n}\n\nwatch(displayValue, (value) => {\n    month.value = value;\n    year.value = value;\n});\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-date-picker-month',\n            {\n                'is-select-single': props.selectionMode === 'single',\n                'is-select-multiple': props.selectionMode === 'multiple',\n                'is-select-range': props.selectionMode === 'range',\n            },\n        ]\">\n        <div class=\"ev-date-picker-month--days\">\n            <div\n                v-for=\"weekDay in dateAdapter.getWeekdays()\"\n                :key=\"weekDay\"\n                class=\"ev-date-picker-month--weekday\">\n                {{ weekDay }}\n            </div>\n\n            <div\n                v-for=\"day in daysInMonth\"\n                :key=\"day.isoDate\"\n                :class=\"[\n                    'ev-date-picker-month--day',\n                    {\n                        'is-adjacent': day.isAdjacent,\n                        'is-adjacent-hidden': day.isHidden,\n                        'is-selected': day.isSelected,\n                        'is-week-end': day.isWeekEnd,\n                        'is-week-start': day.isWeekStart,\n                        'is-range-start': day.isRangeStart,\n                        'is-range-within': day.isInRange,\n                        'is-range-end': day.isRangeEnd,\n                    },\n                ]\">\n                <ev-button\n                    v-if=\"!day.isHidden\"\n                    rounded\n                    :icon=\"true\"\n                    :disabled=\"day.isDisabled\"\n                    :appearance=\"getDayAppearance(day)\"\n                    :variant=\"getDayVariant(day)\"\n                    :text=\"day.localized\"\n                    @click=\"onClick(day.date)\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["dateAdapter","useDate","modelValue","useModelProxy","props","value","wrapInArray","displayValue","computed","year","v","month","date","weeksInMonth","weeks","days","daysInMonth","lastDay","week","day","today","index","isoDate","isAdjacent","isInRange","isRangeStart","isRangeEnd","isDisabled","allowedDate","getDayAppearance","getDayVariant","onClick","startDate","endDate","selection","watch"],"mappings":"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"}

package/dist/esm/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvDatePickerMonth.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvDatePickerMonth.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvDatePickerMonth.vue2.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDatePickerMonth.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvDatePickerMonth.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/EvDatePicker/EvDatePickerMonths/EvDatePickerMonths.mjs

@@ -1,12 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { propsFactory } from "../../../util/props.mjs";
-const makeEvDatePickerMonthsProps = propsFactory(
-  {
-    modelValue: Number
-  },
-  "EvDatePickerMonths"
-);
-export {
-  makeEvDatePickerMonthsProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../util/props.mjs"),o=e.propsFactory({modelValue:Number},"EvDatePickerMonths");exports.makeEvDatePickerMonthsProps=o;
 //# sourceMappingURL=EvDatePickerMonths.mjs.map

package/dist/esm/components/EvDatePicker/EvDatePickerMonths/EvDatePickerMonths.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDatePickerMonths.mjs","sources":["../../../../../src/components/EvDatePicker/EvDatePickerMonths/EvDatePickerMonths.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\n\nexport const makeEvDatePickerMonthsProps = propsFactory(\n    {\n        modelValue: Number,\n    },\n    \"EvDatePickerMonths\",\n);\n"],"names":[],"mappings":";;AAEO,MAAM,8BAA8B;AAAA,EACvC;AAAA,IACI,YAAY;AAAA,EAChB;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvDatePickerMonths.mjs","sources":["../../../../../src/components/EvDatePicker/EvDatePickerMonths/EvDatePickerMonths.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\n\nexport const makeEvDatePickerMonthsProps = propsFactory(\n    {\n        modelValue: Number,\n    },\n    \"EvDatePickerMonths\",\n);\n"],"names":["makeEvDatePickerMonthsProps","propsFactory"],"mappings":"iKAEaA,EAA8BC,EAAA,aACvC,CACI,WAAY,MAChB,EACA,oBACJ"}