@evance/evance-ui 1.0.19 → 1.0.21

package/dist/cjs/EvDatePickerMonth.vue_vue_type_script_setup_true_lang-DsMirjHe.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDatePickerMonth.vue_vue_type_script_setup_true_lang-DsMirjHe.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/EvDatePickerMonths.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.21 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvDatePickerMonths_vue_vue_type_script_setup_true_lang = require("./EvDatePickerMonths.vue_vue_type_script_setup_true_lang-D_IWSoOf.cjs");
+const EvDatePickerMonths_vue_vue_type_script_setup_true_lang = require("./EvDatePickerMonths.vue_vue_type_script_setup_true_lang-DRaYgMSh.cjs");
 exports.EvDatePickerMonths = EvDatePickerMonths_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvDatePickerMonthsProps = EvDatePickerMonths_vue_vue_type_script_setup_true_lang.makeEvDatePickerMonthsProps;
 //# sourceMappingURL=EvDatePickerMonths.cjs.map

package/dist/cjs/EvDatePickerMonths.vue_vue_type_script_setup_true_lang-DRaYgMSh.cjs

@@ -0,0 +1,66 @@
+"use strict";
+/*! Evance UI v1.0.21 | MIT License */
+const vue = require("vue");
+const props = require("./props-B-0qGG2x.cjs");
+const modelProxy = require("./modelProxy-DVRroBt5.cjs");
+const date = require("./date-D8sko1Mx.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-DzPbZX4d.cjs");
+const helpers = require("./helpers-PhIb_S7C.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-DRaYgMSh.cjs.map

package/dist/cjs/EvDatePickerMonths.vue_vue_type_script_setup_true_lang-DRaYgMSh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDatePickerMonths.vue_vue_type_script_setup_true_lang-DRaYgMSh.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;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvDatePickerYears.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.21 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvDatePickerYears_vue_vue_type_script_setup_true_lang = require("./EvDatePickerYears.vue_vue_type_script_setup_true_lang-C5W-m94i.cjs");
+const EvDatePickerYears_vue_vue_type_script_setup_true_lang = require("./EvDatePickerYears.vue_vue_type_script_setup_true_lang-CnYFGJm5.cjs");
 exports.EvDatePickerYears = EvDatePickerYears_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvDatePickerYearsProps = EvDatePickerYears_vue_vue_type_script_setup_true_lang.makeEvDatePickerYearsProps;
 //# sourceMappingURL=EvDatePickerYears.cjs.map

package/dist/cjs/EvDatePickerYears.vue_vue_type_script_setup_true_lang-CnYFGJm5.cjs

@@ -0,0 +1,92 @@
+"use strict";
+/*! Evance UI v1.0.21 | MIT License */
+const vue = require("vue");
+const props = require("./props-B-0qGG2x.cjs");
+const EvList_vue_vue_type_script_setup_true_lang = require("./EvList.vue_vue_type_script_setup_true_lang-Djd4-eRK.cjs");
+const EvListItem_vue_vue_type_script_setup_true_lang = require("./EvListItem.vue_vue_type_script_setup_true_lang-BLUhLRsh.cjs");
+const modelProxy = require("./modelProxy-DVRroBt5.cjs");
+const date = require("./date-D8sko1Mx.cjs");
+const helpers = require("./helpers-PhIb_S7C.cjs");
+const makeEvDatePickerYearsProps = props.propsFactory(
+  {
+    min: null,
+    max: null,
+    modelValue: Number
+  },
+  "EvDatePickerYears"
+);
+const _hoisted_1 = { class: "ev-date-picker-years" };
+const offsetMin = -120;
+const offsetMax = 50;
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDatePickerYears",
+  props: {
+    ...makeEvDatePickerYearsProps()
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props2 = __props;
+    const dateAdapter = date.useDate();
+    const modelValue = modelProxy.useModelProxy(
+      props2,
+      "modelValue",
+      void 0,
+      (value) => helpers.wrapInArray(value),
+      (value) => value[0] ?? null
+    );
+    const currentYear = dateAdapter.getYear(dateAdapter.date());
+    const items = vue.computed(() => {
+      const minYear = props2.min ? dateAdapter.getYear(props2.min) : currentYear + offsetMin;
+      const maxYear = props2.max ? dateAdapter.getYear(props2.max) : currentYear + offsetMax;
+      const years = [];
+      for (let year = minYear; year <= maxYear; year++) {
+        const date2 = dateAdapter.setYear(dateAdapter.date(), year);
+        years.push({
+          title: dateAdapter.format(date2, "year"),
+          value: year
+        });
+      }
+      return years.reverse();
+    });
+    const listRef = vue.ref();
+    function scrollIntoView() {
+      var _a;
+      const selectedEl = (_a = listRef.value) == null ? void 0 : _a.$el.querySelector(".is-active");
+      if (selectedEl) {
+        selectedEl.scrollIntoView({
+          block: "center"
+        });
+      }
+    }
+    vue.onMounted(async () => {
+      await vue.nextTick();
+      scrollIntoView();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(EvList_vue_vue_type_script_setup_true_lang._sfc_main), {
+          ref_key: "listRef",
+          ref: listRef,
+          selected: vue.unref(modelValue),
+          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+          required: "",
+          "select-strategy": "single-any"
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, i) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(EvListItem_vue_vue_type_script_setup_true_lang._sfc_main), {
+                key: i,
+                title: item.title,
+                value: item.value
+              }, null, 8, ["title", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["selected"])
+      ]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvDatePickerYearsProps = makeEvDatePickerYearsProps;
+//# sourceMappingURL=EvDatePickerYears.vue_vue_type_script_setup_true_lang-CnYFGJm5.cjs.map

package/dist/cjs/EvDatePickerYears.vue_vue_type_script_setup_true_lang-CnYFGJm5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDatePickerYears.vue_vue_type_script_setup_true_lang-CnYFGJm5.cjs","sources":["../../src/components/EvDatePicker/EvDatePickerYears/EvDatePickerYears.ts","../../src/components/EvDatePicker/EvDatePickerYears/EvDatePickerYears.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\n\nexport const makeEvDatePickerYearsProps = propsFactory(\n    {\n        min: null as any as PropType<unknown>,\n        max: null as any as PropType<unknown>,\n        modelValue: Number,\n    },\n    \"EvDatePickerYears\",\n);\n","<script setup lang=\"ts\">\n/**\n * `<ev-date-picker-years>`\n */\nimport \"./EvDatePickerYears.scss\";\nimport { makeEvDatePickerYearsProps } from \"./EvDatePickerYears\";\nimport { EvList } from \"@/components/EvList\";\nimport { EvListItem } from \"@/components/EvListItem\";\nimport { computed, nextTick, onMounted, ref } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useDate } from \"@/composables/date/date\";\nimport { wrapInArray } from \"@/util\";\n\nconst dateAdapter = useDate();\nconst props = defineProps({\n    ...makeEvDatePickerYearsProps(),\n});\ndefineEmits([\"update:modelValue\"]);\n\nconst modelValue = useModelProxy(\n    props,\n    \"modelValue\",\n    undefined,\n    (value) => wrapInArray(value),\n    (value) => value[0] ?? null,\n);\n\nconst offsetMin = -120;\nconst offsetMax = 50;\nconst currentYear = dateAdapter.getYear(dateAdapter.date());\n\nconst items = computed(() => {\n    const minYear = props.min\n        ? dateAdapter.getYear(props.min)\n        : currentYear + offsetMin;\n    const maxYear = props.max\n        ? dateAdapter.getYear(props.max)\n        : currentYear + offsetMax;\n\n    const years = [];\n    for (let year = minYear; year <= maxYear; year++) {\n        const date = dateAdapter.setYear(dateAdapter.date(), year);\n        years.push({\n            title: dateAdapter.format(date, \"year\"),\n            value: year,\n        });\n    }\n    return years.reverse();\n});\n\nconst listRef = ref();\nfunction scrollIntoView() {\n    const selectedEl = listRef.value?.$el.querySelector(\".is-active\");\n    if (selectedEl) {\n        // Now I need to get the selected item from the list\n        // this is a bit of a hack because I can't seem to get dynamic ref working.\n        selectedEl.scrollIntoView({\n            block: \"center\",\n        });\n    }\n}\n\nonMounted(async () => {\n    await nextTick();\n    scrollIntoView();\n});\n</script>\n\n<template>\n    <div class=\"ev-date-picker-years\">\n        <ev-list\n            ref=\"listRef\"\n            v-model:selected=\"modelValue\"\n            required\n            select-strategy=\"single-any\">\n            <ev-list-item\n                v-for=\"(item, i) in items\"\n                :key=\"i\"\n                :title=\"item.title\"\n                :value=\"item.value\" />\n        </ev-list>\n    </div>\n</template>\n"],"names":["propsFactory","useDate","useModelProxy","props","wrapInArray","computed","date","ref","onMounted","nextTick"],"mappings":";;;;;;;;;AAGO,MAAM,6BAA6BA,MAAA;AAAA,EACtC;AAAA,IACI,KAAK;AAAA,IACL,KAAK;AAAA,IACL,YAAY;AAAA,EAChB;AAAA,EACA;AACJ;;ACiBA,MAAM,YAAY;AAClB,MAAM,YAAY;;;;;;;;;AAflB,UAAM,cAAcC,KAAAA,QAAQ;AAM5B,UAAM,aAAaC,WAAA;AAAA,MACfC;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,UAAUC,QAAA,YAAY,KAAK;AAAA,MAC5B,CAAC,UAAU,MAAM,CAAC,KAAK;AAAA,IAC3B;AAIA,UAAM,cAAc,YAAY,QAAQ,YAAY,MAAM;AAEpD,UAAA,QAAQC,IAAAA,SAAS,MAAM;AACnB,YAAA,UAAUF,OAAM,MAChB,YAAY,QAAQA,OAAM,GAAG,IAC7B,cAAc;AACd,YAAA,UAAUA,OAAM,MAChB,YAAY,QAAQA,OAAM,GAAG,IAC7B,cAAc;AAEpB,YAAM,QAAQ,CAAC;AACf,eAAS,OAAO,SAAS,QAAQ,SAAS,QAAQ;AAC9C,cAAMG,QAAO,YAAY,QAAQ,YAAY,QAAQ,IAAI;AACzD,cAAM,KAAK;AAAA,UACP,OAAO,YAAY,OAAOA,OAAM,MAAM;AAAA,UACtC,OAAO;AAAA,QAAA,CACV;AAAA,MAAA;AAEL,aAAO,MAAM,QAAQ;AAAA,IAAA,CACxB;AAED,UAAM,UAAUC,IAAAA,IAAI;AACpB,aAAS,iBAAiB;;AACtB,YAAM,cAAa,aAAQ,UAAR,mBAAe,IAAI,cAAc;AACpD,UAAI,YAAY;AAGZ,mBAAW,eAAe;AAAA,UACtB,OAAO;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IACL;AAGJC,QAAAA,UAAU,YAAY;AAClB,YAAMC,aAAS;AACA,qBAAA;AAAA,IAAA,CAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvDefaultsProvider.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.21 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvDefaultsProvider_vue_vue_type_script_setup_true_lang = require("./EvDefaultsProvider.vue_vue_type_script_setup_true_lang-D2SfitjW.cjs");
+const EvDefaultsProvider_vue_vue_type_script_setup_true_lang = require("./EvDefaultsProvider.vue_vue_type_script_setup_true_lang-DmIZaufi.cjs");
 exports.EvDefaultsProvider = EvDefaultsProvider_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvDefaultsProviderProps = EvDefaultsProvider_vue_vue_type_script_setup_true_lang.makeEvDefaultsProviderProps;
 //# sourceMappingURL=EvDefaultsProvider.cjs.map

package/dist/cjs/EvDefaultsProvider.vue_vue_type_script_setup_true_lang-DmIZaufi.cjs

@@ -0,0 +1,37 @@
+"use strict";
+/*! Evance UI v1.0.21 | MIT License */
+const vue = require("vue");
+const defaults = require("./defaults-Cj5EBlgJ.cjs");
+const props = require("./props-B-0qGG2x.cjs");
+const makeEvDefaultsProviderProps = props.propsFactory(
+  {
+    defaults: Object,
+    disabled: Boolean,
+    reset: [Number, String],
+    root: [Boolean, String],
+    scoped: Boolean
+  },
+  "EvDefaultsProvider"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDefaultsProvider",
+  props: {
+    ...makeEvDefaultsProviderProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const { defaults: defaults$1, disabled, reset, root, scoped } = vue.toRefs(props2);
+    defaults.provideDefaults(defaults$1, {
+      reset,
+      root,
+      scoped,
+      disabled
+    });
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvDefaultsProviderProps = makeEvDefaultsProviderProps;
+//# sourceMappingURL=EvDefaultsProvider.vue_vue_type_script_setup_true_lang-DmIZaufi.cjs.map

package/dist/cjs/EvDefaultsProvider.vue_vue_type_script_setup_true_lang-DmIZaufi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDefaultsProvider.vue_vue_type_script_setup_true_lang-DmIZaufi.cjs","sources":["../../src/components/EvDefaultsProvider/EvDefaultsProvider.ts","../../src/components/EvDefaultsProvider/EvDefaultsProvider.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { DefaultsOptions } from \"@/composables/defaults\";\nimport { PropType } from \"vue\";\n\nexport const makeEvDefaultsProviderProps = propsFactory(\n    {\n        defaults: Object as PropType<DefaultsOptions>,\n        disabled: Boolean,\n        reset: [Number, String],\n        root: [Boolean, String],\n        scoped: Boolean,\n    },\n    \"EvDefaultsProvider\",\n);\n","<script setup lang=\"ts\">\nimport { toRefs } from \"vue\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { makeEvDefaultsProviderProps } from \"./EvDefaultsProvider\";\n\nconst props = defineProps({\n    ...makeEvDefaultsProviderProps(),\n});\n\nconst { defaults, disabled, reset, root, scoped } = toRefs(props);\n\nprovideDefaults(defaults, {\n    reset,\n    root,\n    scoped,\n    disabled,\n});\n</script>\n\n<template>\n    <slot />\n</template>\n"],"names":["propsFactory","defaults","toRefs","props","provideDefaults"],"mappings":";;;;;AAIO,MAAM,8BAA8BA,MAAA;AAAA,EACvC;AAAA,IACI,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO,CAAC,QAAQ,MAAM;AAAA,IACtB,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,QAAQ;AAAA,EACZ;AAAA,EACA;AACJ;;;;;;;;ACJM,UAAA,EAAEC,UAAAA,YAAU,UAAU,OAAO,MAAM,OAAO,IAAIC,WAAOC,MAAK;AAEhEC,aAAAA,gBAAgBH,YAAU;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;;;;;;;;"}

package/dist/cjs/EvDialog.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.19 | MIT License */
+/*! Evance UI v1.0.21 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvDialog_vue_vue_type_script_setup_true_lang = require("./EvDialog.vue_vue_type_script_setup_true_lang-C_vDH28W.cjs");
+const EvDialog_vue_vue_type_script_setup_true_lang = require("./EvDialog.vue_vue_type_script_setup_true_lang-mx_m6Iz2.cjs");
 exports.DialogSize = EvDialog_vue_vue_type_script_setup_true_lang.DialogSize;
 exports.DialogSizeToWidth = EvDialog_vue_vue_type_script_setup_true_lang.DialogSizeToWidth;
 exports.EvDialog = EvDialog_vue_vue_type_script_setup_true_lang._sfc_main;