@evance/evance-ui 1.0.38 → 1.0.40

package/dist/cjs/chunks/EvDateField.vue_vue_type_script_setup_true_lang-BMW-VEGm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDateField.vue_vue_type_script_setup_true_lang-BMW-VEGm.cjs","sources":["../../../src/components/EvDateField/EvDateField.ts","../../../src/components/EvDateField/EvDateField.vue"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvDatePickerProps } from \"@/components/EvDatePicker\";\nimport { makeEvTextfieldProps } from \"@/components/EvTextfield\";\nimport { CalendarIcon } from \"@/icons\";\n\nexport const makeEvDateFieldProps = propsFactory(\n    {\n        ...omit(\n            makeEvTextfieldProps({\n                iconStart: CalendarIcon,\n            }),\n            [\"type\"],\n        ),\n        ...makeEvDatePickerProps(),\n    },\n    \"EvDateField\",\n);\n","<script setup lang=\"ts\">\n/**\n * `<ev-date-field>`\n */\nimport \"./EvDateField.scss\";\nimport { makeEvDateFieldProps } from \"./EvDateField\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvDatePicker } from \"@/components/EvDatePicker\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { FocusEvent } from \"react\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, omit, wrapInArray } from \"@/util\";\nimport { useDate } from \"@/composables/date/date\";\n\nconst dateAdapter = useDate();\nconst props = defineProps({\n    ...makeEvDateFieldProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Text Field\nconst evMenuRef = ref<typeof EvMenu>();\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n    return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\n});\nconst isFocused = shallowRef(false);\n\n// Date Picker\nconst datePickerRef = ref<typeof EvDatePicker>();\nconst datePickerProps = computed(() => {\n    return omit(filterComponentProps(EvDatePicker, props), [\"modelValue\"]);\n});\n\n// Menu\nconst isMenuOpen = shallowRef(false);\nconst modelValue = useModelProxy(\n    props,\n    \"modelValue\",\n    undefined,\n    (value) => wrapInArray(value),\n    (value: any) => {\n        return value[0] ?? null;\n    },\n);\nconst displayValue = shallowRef<string | null>(null);\n\n/**\n * ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n */\nfunction onMenuAfterLeave() {\n    if (isFocused.value && evTextfieldRef.value) {\n        evTextfieldRef.value.focus();\n    }\n}\n\nfunction onFieldFocus() {\n    isFocused.value = true;\n    isMenuOpen.value = true;\n}\n\n/**\n * ## On Field Blur\n * @param e\n */\nfunction onFieldBlur(e: FocusEvent) {\n    if (!datePickerRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n        isMenuOpen.value = false;\n    }\n}\n\n/**\n * ## On Date Picker Focus In\n * Maintain focus on the field when actions within the date picker occur.\n * @param e\n */\nfunction onDatePickerFocusIn(e: FocusEvent) {\n    isFocused.value = true;\n}\n\nfunction onUpdateModelValue() {\n    isMenuOpen.value = false;\n}\n\nfunction onClearInput() {\n    setModelValue(null);\n}\n\nfunction setModelValue(value: any) {\n    modelValue.value = wrapInArray(value);\n}\n\nfunction onInput(e: Event) {\n    if (!displayValue.value?.length) {\n        setModelValue(null);\n        return;\n    }\n    const date = dateAdapter.date(displayValue.value);\n    if (\n        date &&\n        dateAdapter.isValid(date) &&\n        dateAdapter.getYear(date).toString().length === 4 &&\n        dateAdapter.format(date, \"displayDate\") === displayValue.value\n    ) {\n        setModelValue(date);\n    }\n}\n\nwatch(modelValue, () => {\n    const date = modelValue.value[0] ?? null;\n    if (!date || !dateAdapter.isValid(date)) {\n        displayValue.value = null;\n    } else {\n        displayValue.value = dateAdapter.format(\n            modelValue.value[0],\n            \"displayDate\",\n        );\n    }\n});\n</script>\n\n<template>\n    <ev-textfield\n        ref=\"evTextfieldRef\"\n        v-bind=\"evTextfieldProps\"\n        v-model=\"displayValue\"\n        v-model:focused=\"isFocused\"\n        class=\"ev-date-field\"\n        :validation-value=\"modelValue\"\n        @click:control=\"onFieldFocus\"\n        @blur=\"onFieldBlur\"\n        @click:clear=\"onClearInput\"\n        @input=\"onInput\">\n        <template v-if=\"props.label || slots.label\" #label>\n            <slot name=\"label\">{{ props.label }}</slot>\n        </template>\n        <template #default>\n            <ev-menu\n                ref=\"evMenuRef\"\n                v-model=\"isMenuOpen\"\n                activator=\"parent\"\n                position=\"bottom-start\"\n                :open-on-click=\"false\"\n                :close-on-content-click=\"false\"\n                @after-leave=\"onMenuAfterLeave\">\n                <ev-surface elevation=\"overlay\" class=\"ev-date-field--surface\">\n                    <ev-date-picker\n                        ref=\"datePickerRef\"\n                        v-bind=\"datePickerProps\"\n                        v-model=\"modelValue\"\n                        @focusin=\"onDatePickerFocusIn\"\n                        @update:model-value=\"onUpdateModelValue()\" />\n                </ev-surface>\n            </ev-menu>\n        </template>\n    </ev-textfield>\n</template>\n"],"names":["propsFactory","omit","makeEvTextfieldProps","CalendarIcon","makeEvDatePickerProps","useDate","_useSlots","ref","computed","filterComponentProps","EvTextfield","props","shallowRef","EvDatePicker","useModelProxy","wrapInArray","date","watch"],"mappings":";;;;;;;;;;;;AAKO,MAAM,uBAAuBA,MAAA;AAAA,EAChC;AAAA,IACI,GAAGC,QAAA;AAAA,MACCC,qEAAqB;AAAA,QACjB,WAAWC,aAAAA;AAAAA,MAAA,CACd;AAAA,MACD,CAAC,MAAM;AAAA,IACX;AAAA,IACA,GAAGC,iDAAsB,sBAAA;AAAA,EAC7B;AAAA,EACA;AACJ;;;;;;;;ACAA,UAAM,cAAcC,KAAAA,QAAQ;AAI5B,UAAM,QAAQC,IAAAA;AAKd,UAAM,YAAYC,IAAAA,IAAmB;AACrC,UAAM,iBAAiBA,IAAAA,IAAwB;AACzC,UAAA,mBAAmBC,IAAAA,SAAS,MAAM;AACpC,aAAOP,QAAAA,KAAKQ,QAAAA,qBAAqBC,gDAAAA,WAAaC,MAAK,GAAG,CAAC,YAAY,CAAC;AAAA,IAAA,CACvE;AACK,UAAA,YAAYC,eAAW,KAAK;AAGlC,UAAM,gBAAgBL,IAAAA,IAAyB;AACzC,UAAA,kBAAkBC,IAAAA,SAAS,MAAM;AACnC,aAAOP,QAAAA,KAAKQ,QAAAA,qBAAqBI,iDAAAA,WAAcF,MAAK,GAAG,CAAC,YAAY,CAAC;AAAA,IAAA,CACxE;AAGK,UAAA,aAAaC,eAAW,KAAK;AACnC,UAAM,aAAaE,WAAA;AAAA,MACfH;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,UAAUI,QAAA,YAAY,KAAK;AAAA,MAC5B,CAAC,UAAe;AACL,eAAA,MAAM,CAAC,KAAK;AAAA,MAAA;AAAA,IAE3B;AACM,UAAA,eAAeH,eAA0B,IAAI;AAMnD,aAAS,mBAAmB;AACpB,UAAA,UAAU,SAAS,eAAe,OAAO;AACzC,uBAAe,MAAM,MAAM;AAAA,MAAA;AAAA,IAC/B;AAGJ,aAAS,eAAe;AACpB,gBAAU,QAAQ;AAClB,iBAAW,QAAQ;AAAA,IAAA;AAOvB,aAAS,YAAY,GAAe;;AAChC,UAAI,GAAC,mBAAc,UAAd,mBAAqB,IAAI,SAAS,EAAE,iBAA+B;AACpE,mBAAW,QAAQ;AAAA,MAAA;AAAA,IACvB;AAQJ,aAAS,oBAAoB,GAAe;AACxC,gBAAU,QAAQ;AAAA,IAAA;AAGtB,aAAS,qBAAqB;AAC1B,iBAAW,QAAQ;AAAA,IAAA;AAGvB,aAAS,eAAe;AACpB,oBAAc,IAAI;AAAA,IAAA;AAGtB,aAAS,cAAc,OAAY;AACpB,iBAAA,QAAQG,oBAAY,KAAK;AAAA,IAAA;AAGxC,aAAS,QAAQ,GAAU;;AACnB,UAAA,GAAC,kBAAa,UAAb,mBAAoB,SAAQ;AAC7B,sBAAc,IAAI;AAClB;AAAA,MAAA;AAEJ,YAAMC,QAAO,YAAY,KAAK,aAAa,KAAK;AAChD,UACIA,SACA,YAAY,QAAQA,KAAI,KACxB,YAAY,QAAQA,KAAI,EAAE,SAAW,EAAA,WAAW,KAChD,YAAY,OAAOA,OAAM,aAAa,MAAM,aAAa,OAC3D;AACE,sBAAcA,KAAI;AAAA,MAAA;AAAA,IACtB;AAGJC,QAAA,MAAM,YAAY,MAAM;AACpB,YAAMD,QAAO,WAAW,MAAM,CAAC,KAAK;AACpC,UAAI,CAACA,SAAQ,CAAC,YAAY,QAAQA,KAAI,GAAG;AACrC,qBAAa,QAAQ;AAAA,MAAA,OAClB;AACH,qBAAa,QAAQ,YAAY;AAAA,UAC7B,WAAW,MAAM,CAAC;AAAA,UAClB;AAAA,QACJ;AAAA,MAAA;AAAA,IACJ,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/chunks/EvDatePicker.vue_vue_type_script_setup_true_lang-CD6biSig.cjs

@@ -0,0 +1,193 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+const vue = require("vue");
+const EvDatePickerMonth_vue_vue_type_script_setup_true_lang = require("./EvDatePickerMonth.vue_vue_type_script_setup_true_lang-Wr_oljHn.cjs");
+const EvDatePickerYears_vue_vue_type_script_setup_true_lang = require("./EvDatePickerYears.vue_vue_type_script_setup_true_lang-B_vmJ7l0.cjs");
+const props = require("./props-DfsXP7in.cjs");
+const helpers = require("./helpers-Dimy6Rif.cjs");
+const date = require("./date-DUEhlCuC.cjs");
+const modelProxy = require("./modelProxy-7lMRNt7d.cjs");
+const EvDatePickerMonths_vue_vue_type_script_setup_true_lang = require("./EvDatePickerMonths.vue_vue_type_script_setup_true_lang-DEdaUjNa.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-B9_cWYdw.cjs");
+const ChevronRightIcon = require("./ChevronRightIcon-B1YBZSrN.cjs");
+const EvSpacer_vue_vue_type_script_setup_true_lang = require("./EvSpacer.vue_vue_type_script_setup_true_lang-B5f24GGj.cjs");
+const makeEvDatePickerProps = props.propsFactory(
+  {
+    viewMode: {
+      type: String,
+      default: "month"
+    },
+    ...EvDatePickerMonth_vue_vue_type_script_setup_true_lang.makeEvDatePickerMonthProps(),
+    ...helpers.omit(EvDatePickerYears_vue_vue_type_script_setup_true_lang.makeEvDatePickerYearsProps, ["modelValue"])
+  },
+  "EvDatePicker"
+);
+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__ */ vue.defineComponent({
+  __name: "EvDatePicker",
+  props: {
+    ...makeEvDatePickerProps()
+  },
+  emits: [
+    "update:modelValue",
+    "update:month",
+    "update:year",
+    "update:viewMode"
+  ],
+  setup(__props, { emit }) {
+    const props2 = __props;
+    const dateAdapter = date.useDate();
+    const isReversing = vue.shallowRef(false);
+    const modelValue = modelProxy.useModelProxy(
+      props2,
+      "modelValue",
+      void 0,
+      (value) => helpers.wrapInArray(value)
+    );
+    const internalValue = vue.computed(() => {
+      var _a;
+      const value = dateAdapter.date((_a = modelValue.value) == null ? void 0 : _a[0]);
+      return value && dateAdapter.isValid(value) ? value : dateAdapter.date();
+    });
+    vue.watch(modelValue, (newValue, oldValue) => {
+      const before = dateAdapter.date(helpers.wrapInArray(newValue)[0]);
+      const after = dateAdapter.date(helpers.wrapInArray(oldValue)[0]);
+      isReversing.value = dateAdapter.isBefore(before, after);
+    });
+    const viewMode = modelProxy.useModelProxy(props2, "viewMode");
+    const month = vue.ref(
+      Number(
+        props2.month ?? dateAdapter.getMonth(dateAdapter.startOfMonth(internalValue.value))
+      )
+    );
+    const monthProps = vue.computed(
+      () => helpers.filterComponentProps(EvDatePickerMonth_vue_vue_type_script_setup_true_lang._sfc_main, props2)
+    );
+    const monthText = vue.computed(() => {
+      const date2 = dateAdapter.startOfMonth(dateAdapter.date());
+      return dateAdapter.format(dateAdapter.setMonth(date2, month.value), "month");
+    });
+    vue.watch(month, () => {
+      if (viewMode.value === "months") {
+        toggleViewMonth();
+      }
+    });
+    const year = vue.ref(
+      Number(
+        props2.year ?? dateAdapter.getYear(
+          dateAdapter.startOfYear(
+            dateAdapter.setMonth(internalValue.value, month.value)
+          )
+        )
+      )
+    );
+    const yearProps = vue.computed(
+      () => helpers.omit(helpers.filterComponentProps(EvDatePickerYears_vue_vue_type_script_setup_true_lang._sfc_main, props2), ["modelValue"])
+    );
+    const yearText = vue.computed(() => {
+      return dateAdapter.format(
+        dateAdapter.setYear(dateAdapter.date(), year.value),
+        "year"
+      );
+    });
+    vue.watch(year, () => {
+      if (viewMode.value === "years") {
+        toggleViewYear();
+      }
+    });
+    const minDate = vue.computed(() => {
+      const date2 = dateAdapter.date(props2.min);
+      return props2.min && dateAdapter.isValid(date2) ? date2 : null;
+    });
+    const maxDate = vue.computed(() => {
+      const date2 = dateAdapter.date(props2.max);
+      return props2.max && dateAdapter.isValid(date2) ? date2 : 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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), {
+            variant: "subtle",
+            text: monthText.value,
+            onClick: _cache[0] || (_cache[0] = ($event) => toggleViewMonth())
+          }, null, 8, ["text"]),
+          vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), {
+            variant: "subtle",
+            text: yearText.value,
+            onClick: _cache[1] || (_cache[1] = ($event) => toggleViewYear())
+          }, null, 8, ["text"]),
+          vue.createVNode(vue.unref(EvSpacer_vue_vue_type_script_setup_true_lang._sfc_main)),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), {
+              rounded: "",
+              variant: "subtle",
+              disabled: vue.unref(viewMode) !== "month",
+              icon: vue.unref(ChevronRightIcon.ChevronLeftIcon),
+              onClick: _cache[2] || (_cache[2] = ($event) => onClickPrevious())
+            }, null, 8, ["disabled", "icon"])
+          ]),
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), {
+              rounded: "",
+              variant: "subtle",
+              disabled: vue.unref(viewMode) !== "month",
+              icon: vue.unref(ChevronRightIcon.ChevronRightIcon),
+              onClick: _cache[3] || (_cache[3] = ($event) => onClickNext())
+            }, null, 8, ["disabled", "icon"])
+          ])
+        ]),
+        vue.unref(viewMode) === "years" ? (vue.openBlock(), vue.createBlock(vue.unref(EvDatePickerYears_vue_vue_type_script_setup_true_lang._sfc_main), vue.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"])) : vue.unref(viewMode) === "months" ? (vue.openBlock(), vue.createBlock(vue.unref(EvDatePickerMonths_vue_vue_type_script_setup_true_lang._sfc_main), {
+          key: 1,
+          modelValue: month.value,
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => month.value = $event)
+        }, null, 8, ["modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(EvDatePickerMonth_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({ key: 2 }, monthProps.value, {
+          modelValue: vue.unref(modelValue),
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.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"]))
+      ]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvDatePickerProps = makeEvDatePickerProps;
+//# sourceMappingURL=EvDatePicker.vue_vue_type_script_setup_true_lang-CD6biSig.cjs.map

package/dist/cjs/chunks/EvDatePicker.vue_vue_type_script_setup_true_lang-CD6biSig.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDatePicker.vue_vue_type_script_setup_true_lang-CD6biSig.cjs","sources":["../../../src/components/EvDatePicker/EvDatePicker.ts","../../../src/components/EvDatePicker/EvDatePicker.vue"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvDatePickerMonthProps } from \"@/components/EvDatePicker/EvDatePickerMonth\";\nimport { makeEvDatePickerYearsProps } from \"@/components/EvDatePicker/EvDatePickerYears\";\nimport { PropType } from \"vue\";\n\nexport const makeEvDatePickerProps = propsFactory(\n    {\n        viewMode: {\n            type: String as PropType<\"month\" | \"months\" | \"years\">,\n            default: \"month\",\n        },\n\n        ...makeEvDatePickerMonthProps(),\n        ...omit(makeEvDatePickerYearsProps as any, [\"modelValue\"]),\n    },\n    \"EvDatePicker\",\n);\n","<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                    rounded\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                    rounded\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":["propsFactory","makeEvDatePickerMonthProps","omit","makeEvDatePickerYearsProps","useDate","shallowRef","useModelProxy","props","wrapInArray","computed","watch","ref","filterComponentProps","EvDatePickerMonth","date","EvDatePickerYears"],"mappings":"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"}

package/dist/cjs/chunks/EvDatePickerMonth.vue_vue_type_script_setup_true_lang-Wr_oljHn.cjs

@@ -0,0 +1,243 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+const vue = require("vue");
+const props = require("./props-DfsXP7in.cjs");
+const date = require("./date-DUEhlCuC.cjs");
+const modelProxy = require("./modelProxy-7lMRNt7d.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-B9_cWYdw.cjs");
+const helpers = require("./helpers-Dimy6Rif.cjs");
+const makeEvDatePickerMonthProps = props.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"
+);
+const _hoisted_1 = { class: "ev-date-picker-month--days" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDatePickerMonth",
+  props: {
+    ...makeEvDatePickerMonthProps()
+  },
+  emits: ["update:modelValue", "update:month", "update:year"],
+  setup(__props) {
+    const props2 = __props;
+    const dateAdapter = date.useDate();
+    const modelValue = modelProxy.useModelProxy(
+      props2,
+      "modelValue",
+      [],
+      (value) => helpers.wrapInArray(value)
+    );
+    const displayValue = vue.computed(() => {
+      if (modelValue.value.length > 0) {
+        return dateAdapter.date(modelValue.value[0]);
+      }
+      if (props2.min) {
+        return dateAdapter.date(props2.min);
+      }
+      if (Array.isArray(props2.allowedDates)) {
+        return dateAdapter.date(props2.allowedDates[0]);
+      }
+      return dateAdapter.date();
+    });
+    const year = modelProxy.useModelProxy(
+      props2,
+      "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 = modelProxy.useModelProxy(
+      props2,
+      "month",
+      void 0,
+      (v) => {
+        const value = v != null ? Number(v) : dateAdapter.getMonth(displayValue.value);
+        let date2 = dateAdapter.startOfMonth(dateAdapter.date());
+        date2 = dateAdapter.setYear(date2, dateAdapter.getYear(year.value));
+        return dateAdapter.setMonth(date2, value);
+      },
+      (v) => dateAdapter.getMonth(v)
+    );
+    const weeksInMonth = vue.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 = vue.computed(() => {
+      const days = weeksInMonth.value.flat();
+      const today = dateAdapter.date();
+      return days.map((date2, index) => {
+        const isoDate = dateAdapter.toISO(date2);
+        const isAdjacent = !dateAdapter.isSameMonth(date2, month.value);
+        const isInRange = props2.selectionMode === "range" && modelValue.value[0] && dateAdapter.isAfter(date2, modelValue.value[0]) && modelValue.value[1] && dateAdapter.isBefore(date2, modelValue.value[1]);
+        const isRangeStart = props2.selectionMode === "range" && modelValue.value[0] && dateAdapter.isSameDay(date2, modelValue.value[0]);
+        const isRangeEnd = props2.selectionMode === "range" && modelValue.value[1] && dateAdapter.isSameDay(date2, modelValue.value[1]);
+        return {
+          date: date2,
+          isoDate,
+          formatted: dateAdapter.format(date2, "keyboardDate"),
+          year: dateAdapter.getYear(date2),
+          month: dateAdapter.getMonth(date2),
+          isDisabled: isDisabled(date2),
+          isWeekStart: index % 7 === 0,
+          isWeekEnd: index % 7 === 6,
+          isSelected: modelValue.value.some(
+            (value) => dateAdapter.isSameDay(date2, value)
+          ),
+          isToday: dateAdapter.isSameDay(date2, today),
+          isAdjacent,
+          isInRange,
+          isRangeStart,
+          isRangeEnd,
+          isHidden: isAdjacent && !props2.showAdjacentMonths,
+          isHovered: false,
+          localized: dateAdapter.format(date2, "dayOfMonth")
+        };
+      });
+    });
+    function isDisabled(value) {
+      const date2 = dateAdapter.date(value);
+      if (props2.min && dateAdapter.isBefore(date2, props2.min)) {
+        return true;
+      }
+      if (props2.max && dateAdapter.isAfter(date2, props2.max)) {
+        return true;
+      }
+      if (Array.isArray(props2.allowedDates)) {
+        return !props2.allowedDates.some((allowedDate) => {
+          return dateAdapter.isSameDay(dateAdapter.date(allowedDate), date2);
+        });
+      }
+      if (typeof props2.allowedDates === "function") {
+        return !props2.allowedDates(date2);
+      }
+      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(date2) {
+      if (props2.selectionMode === "range") {
+        const startDate = modelValue.value[0];
+        const endDate = modelValue.value[1];
+        if (startDate && !endDate && date2.getTime() >= startDate.getTime()) {
+          modelValue.value = [startDate, date2];
+        } else if (endDate && date2.getTime() >= endDate.getTime()) {
+          modelValue.value = [startDate, date2];
+        } else {
+          modelValue.value = [date2];
+        }
+      } else if (props2.selectionMode === "multiple") {
+        const index = modelValue.value.findIndex(
+          (selection) => dateAdapter.isSameDay(selection, date2)
+        );
+        if (index === -1) {
+          modelValue.value = [...modelValue.value, date2];
+        } else {
+          const value = [...modelValue.value];
+          value.splice(index, 1);
+          modelValue.value = value;
+        }
+      } else {
+        modelValue.value = [date2];
+      }
+    }
+    vue.watch(displayValue, (value) => {
+      month.value = value;
+      year.value = value;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([
+          "ev-date-picker-month",
+          {
+            "is-select-single": props2.selectionMode === "single",
+            "is-select-multiple": props2.selectionMode === "multiple",
+            "is-select-range": props2.selectionMode === "range"
+          }
+        ])
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(dateAdapter).getWeekdays(), (weekDay) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: weekDay,
+              class: "ev-date-picker-month--weekday"
+            }, vue.toDisplayString(weekDay), 1);
+          }), 128)),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(daysInMonth.value, (day) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: day.isoDate,
+              class: vue.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 ? (vue.openBlock(), vue.createBlock(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), {
+                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"])) : vue.createCommentVNode("", true)
+            ], 2);
+          }), 128))
+        ])
+      ], 2);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvDatePickerMonthProps = makeEvDatePickerMonthProps;
+//# sourceMappingURL=EvDatePickerMonth.vue_vue_type_script_setup_true_lang-Wr_oljHn.cjs.map

package/dist/cjs/chunks/EvDatePickerMonth.vue_vue_type_script_setup_true_lang-Wr_oljHn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDatePickerMonth.vue_vue_type_script_setup_true_lang-Wr_oljHn.cjs","sources":["../../../src/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.ts","../../../src/components/EvDatePicker/EvDatePickerMonth/EvDatePickerMonth.vue"],"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","<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":["propsFactory","useDate","useModelProxy","props","wrapInArray","computed","date","daysInMonth","watch"],"mappings":"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"}

package/dist/cjs/chunks/EvDatePickerMonths.vue_vue_type_script_setup_true_lang-DEdaUjNa.cjs

@@ -0,0 +1,66 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+const vue = require("vue");
+const props = require("./props-DfsXP7in.cjs");
+const modelProxy = require("./modelProxy-7lMRNt7d.cjs");
+const date = require("./date-DUEhlCuC.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-B9_cWYdw.cjs");
+const helpers = require("./helpers-Dimy6Rif.cjs");
+const makeEvDatePickerMonthsProps = props.propsFactory(
+  {
+    modelValue: Number
+  },
+  "EvDatePickerMonths"
+);
+const _hoisted_1 = { class: "ev-date-picker-months" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDatePickerMonths",
+  props: {
+    ...makeEvDatePickerMonthsProps()
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props2 = __props;
+    const dateAdapter = date.useDate();
+    const modelValue = modelProxy.useModelProxy(props2, "modelValue");
+    const months = vue.computed(() => {
+      let date2 = dateAdapter.startOfYear(dateAdapter.date());
+      return helpers.createRange(12).map((i) => {
+        const text = dateAdapter.format(date2, "monthShort");
+        date2 = dateAdapter.getNextMonth(date2);
+        return {
+          text,
+          value: i
+        };
+      });
+    });
+    const internalValue = vue.computed(() => {
+      return modelValue.value ?? dateAdapter.getMonth(dateAdapter.date());
+    });
+    function onClick(i) {
+      modelValue.value = i;
+    }
+    function getAppearance(value) {
+      return value === internalValue.value ? "primary" : "default";
+    }
+    function getVariant(value) {
+      return value === internalValue.value ? "bold" : "subtle";
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(months.value, (month, i) => {
+          return vue.openBlock(), vue.createBlock(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), {
+            key: i,
+            text: month.text,
+            appearance: getAppearance(month.value),
+            variant: getVariant(month.value),
+            onClick: ($event) => onClick(month.value)
+          }, null, 8, ["text", "appearance", "variant", "onClick"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvDatePickerMonthsProps = makeEvDatePickerMonthsProps;
+//# sourceMappingURL=EvDatePickerMonths.vue_vue_type_script_setup_true_lang-DEdaUjNa.cjs.map

package/dist/cjs/chunks/EvDatePickerMonths.vue_vue_type_script_setup_true_lang-DEdaUjNa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDatePickerMonths.vue_vue_type_script_setup_true_lang-DEdaUjNa.cjs","sources":["../../../src/components/EvDatePicker/EvDatePickerMonths/EvDatePickerMonths.ts","../../../src/components/EvDatePicker/EvDatePickerMonths/EvDatePickerMonths.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\n\nexport const makeEvDatePickerMonthsProps = propsFactory(\n    {\n        modelValue: Number,\n    },\n    \"EvDatePickerMonths\",\n);\n","<script setup lang=\"ts\">\n/**\n * `<ev-date-picker-months>`\n */\nimport \"./EvDatePickerMonths.scss\";\nimport { makeEvDatePickerMonthsProps } from \"./EvDatePickerMonths\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { computed } from \"vue\";\nimport { useDate } from \"@/composables/date/date\";\nimport { createRange } from \"@/util\";\nimport { EvButton } from \"@/components/EvButton\";\n\nconst dateAdapter = useDate();\nconst props = defineProps({\n    ...makeEvDatePickerMonthsProps(),\n});\nconst modelValue = useModelProxy(props, \"modelValue\");\ndefineEmits([\"update:modelValue\"]);\n\nconst months = computed(() => {\n    let date = dateAdapter.startOfYear(dateAdapter.date());\n    return createRange(12).map((i) => {\n        const text = dateAdapter.format(date, \"monthShort\");\n        date = dateAdapter.getNextMonth(date);\n        return {\n            text,\n            value: i,\n        };\n    });\n});\n\nconst internalValue = computed(() => {\n    return modelValue.value ?? dateAdapter.getMonth(dateAdapter.date());\n});\n\nfunction onClick(i: number) {\n    modelValue.value = i;\n}\n\nfunction getAppearance(value?: number) {\n    return value === internalValue.value ? \"primary\" : \"default\";\n}\n\nfunction getVariant(value?: number) {\n    return value === internalValue.value ? \"bold\" : \"subtle\";\n}\n</script>\n\n<template>\n    <div class=\"ev-date-picker-months\">\n        <ev-button\n            v-for=\"(month, i) in months\"\n            :key=\"i\"\n            :text=\"month.text\"\n            :appearance=\"getAppearance(month.value)\"\n            :variant=\"getVariant(month.value)\"\n            @click=\"onClick(month.value)\" />\n    </div>\n</template>\n"],"names":["propsFactory","useDate","useModelProxy","props","computed","date","createRange"],"mappings":";;;;;;;;AAEO,MAAM,8BAA8BA,MAAA;AAAA,EACvC;AAAA,IACI,YAAY;AAAA,EAChB;AAAA,EACA;AACJ;;;;;;;;;;ACKA,UAAM,cAAcC,KAAAA,QAAQ;AAItB,UAAA,aAAaC,WAAAA,cAAcC,QAAO,YAAY;AAG9C,UAAA,SAASC,IAAAA,SAAS,MAAM;AAC1B,UAAIC,QAAO,YAAY,YAAY,YAAY,MAAM;AACrD,aAAOC,QAAY,YAAA,EAAE,EAAE,IAAI,CAAC,MAAM;AAC9B,cAAM,OAAO,YAAY,OAAOD,OAAM,YAAY;AAC3C,QAAAA,QAAA,YAAY,aAAaA,KAAI;AAC7B,eAAA;AAAA,UACH;AAAA,UACA,OAAO;AAAA,QACX;AAAA,MAAA,CACH;AAAA,IAAA,CACJ;AAEK,UAAA,gBAAgBD,IAAAA,SAAS,MAAM;AACjC,aAAO,WAAW,SAAS,YAAY,SAAS,YAAY,MAAM;AAAA,IAAA,CACrE;AAED,aAAS,QAAQ,GAAW;AACxB,iBAAW,QAAQ;AAAA,IAAA;AAGvB,aAAS,cAAc,OAAgB;AAC5B,aAAA,UAAU,cAAc,QAAQ,YAAY;AAAA,IAAA;AAGvD,aAAS,WAAW,OAAgB;AACzB,aAAA,UAAU,cAAc,QAAQ,SAAS;AAAA,IAAA;;;;;;;;;;;;;;;;;;"}