@evance/evance-ui 1.0.3 → 1.0.4

package/dist/esm/EvCheckbox.vue_vue_type_script_setup_true_lang-Dm8lNiVa.mjs

@@ -1,116 +0,0 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { defineComponent, useSlots, useAttrs, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createVNode, withCtx, renderSlot, createCommentVNode, createStaticVNode } from "vue";
-import { m as makeEvCheckboxProps, u as useToggleControl } from "./EvCheckbox-CqbUSASX.mjs";
-import { s as splitInputAttrs } from "./helpers-BnZAsTjf.mjs";
-import { _ as _sfc_main$2 } from "./EvErrors.vue_vue_type_script_setup_true_lang-DkoTkLvz.mjs";
-import { _ as _sfc_main$1 } from "./EvLabel.vue_vue_type_script_setup_true_lang-C8P9Xr5q.mjs";
-import { u as useFormField } from "./validation-BzBFQIJC.mjs";
-import { u as useDefaults } from "./defaults-BykQKsgL.mjs";
-const _hoisted_1 = { class: "ev-checkbox--control" };
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<div class="ev-checkbox--boxes"><div class="ev-checkbox--outer-box"></div><div class="ev-checkbox--inner-box"><svg class="ev-checkbox--checkmark" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="ev-checkbox--checkmark-path" d="M3 7.5L6.5 11L13.5 4" stroke="currentColor" stroke-width="2"></path></svg></div></div>', 1);
-const _hoisted_3 = ["id", "name", "disabled", "readonly", "checked", "value", "aria-disabled", "aria-checked"];
-const _hoisted_4 = {
-  key: 0,
-  class: "ev-checkbox--label"
-};
-const _hoisted_5 = {
-  key: 0,
-  class: "ev-checkbox--errors"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "EvCheckbox",
-  props: {
-    ...makeEvCheckboxProps()
-  },
-  emits: ["update:focused", "update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    const definedProps = __props;
-    const props = useDefaults(definedProps);
-    const slots = useSlots();
-    const attrs = useAttrs();
-    const containerRef = ref(null);
-    const inputRef = ref(null);
-    const [containerAttrs, inputAttrs] = splitInputAttrs(attrs);
-    const formField = useFormField(props);
-    const { trueValue, isChecked } = useToggleControl(formField.model, props);
-    function getInputElement() {
-      return inputRef.value;
-    }
-    function onInput(e) {
-      isChecked.value = e.target.checked;
-    }
-    __expose({
-      input: inputRef,
-      focus: () => {
-        var _a;
-        (_a = getInputElement()) == null ? void 0 : _a.focus();
-      },
-      ...formField.expose()
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: [
-          "ev-checkbox",
-          {
-            "is-checked": unref(isChecked),
-            "is-labelled": unref(props).label || unref(slots).label
-          },
-          unref(formField).classes,
-          unref(props).class
-        ],
-        style: unref(props).style
-      }, unref(containerAttrs)), [
-        createElementVNode("div", _hoisted_1, [
-          _hoisted_2,
-          createElementVNode("input", mergeProps({
-            id: unref(formField).id,
-            ref_key: "inputRef",
-            ref: inputRef,
-            type: "checkbox",
-            role: "switch",
-            name: unref(formField).name,
-            disabled: unref(formField).isDisabled,
-            readonly: unref(formField).isReadonly,
-            checked: unref(isChecked),
-            value: unref(trueValue),
-            "aria-disabled": unref(formField).isDisabled,
-            "aria-checked": unref(isChecked)
-          }, unref(inputAttrs), {
-            onInput,
-            onFocus: _cache[0] || (_cache[0] = //@ts-ignore
-            (...args) => unref(formField).focus && unref(formField).focus(...args)),
-            onBlur: _cache[1] || (_cache[1] = //@ts-ignore
-            (...args) => unref(formField).blur && unref(formField).blur(...args))
-          }), null, 16, _hoisted_3)
-        ]),
-        unref(props).label || unref(props).hint || unref(slots).label ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(unref(_sfc_main$1), {
-            clickable: "",
-            for: unref(formField).id,
-            title: unref(props).label,
-            hint: unref(props).hint
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "label")
-            ]),
-            _: 3
-          }, 8, ["for", "title", "hint"]),
-          unref(formField).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            createVNode(unref(_sfc_main$2), {
-              messages: unref(formField).errorMessages
-            }, null, 8, ["messages"])
-          ])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=EvCheckbox.vue_vue_type_script_setup_true_lang-Dm8lNiVa.mjs.map

package/dist/esm/EvCheckbox.vue_vue_type_script_setup_true_lang-Dm8lNiVa.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvCheckbox.vue_vue_type_script_setup_true_lang-Dm8lNiVa.mjs","sources":["../../src/components/EvCheckbox/EvCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-checkbox>`\n */\nimport \"./EvCheckbox.scss\";\nimport { makeEvCheckboxProps, useToggleControl } from \"./EvCheckbox.ts\";\nimport { ref, useAttrs } from \"vue\";\nimport { splitInputAttrs } from \"@/util\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useFormField } from \"@/composables/validation.ts\";\nimport { useDefaults } from \"@/composables\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\n// Props & slots\nconst definedProps = defineProps({\n    ...makeEvCheckboxProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\ndefineEmits([\"update:focused\", \"update:modelValue\"]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst { trueValue, isChecked } = useToggleControl(formField.model, props);\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Input\n * @param e\n */\nfunction onInput(e: Event) {\n    isChecked.value = (e.target as HTMLInputElement).checked;\n}\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n    ...formField.expose(),\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        :class=\"[\n            'ev-checkbox',\n            {\n                'is-checked': isChecked,\n                'is-labelled': props.label || slots.label,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        v-bind=\"containerAttrs\">\n        <div class=\"ev-checkbox--control\">\n            <div class=\"ev-checkbox--boxes\">\n                <div class=\"ev-checkbox--outer-box\"></div>\n                <div class=\"ev-checkbox--inner-box\">\n                    <svg\n                        class=\"ev-checkbox--checkmark\"\n                        width=\"16\"\n                        height=\"16\"\n                        viewBox=\"0 0 16 16\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\">\n                        <path\n                            class=\"ev-checkbox--checkmark-path\"\n                            d=\"M3 7.5L6.5 11L13.5 4\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"2\" />\n                    </svg>\n                </div>\n            </div>\n\n            <input\n                :id=\"formField.id\"\n                ref=\"inputRef\"\n                type=\"checkbox\"\n                role=\"switch\"\n                :name=\"formField.name\"\n                :disabled=\"formField.isDisabled\"\n                :readonly=\"formField.isReadonly\"\n                :checked=\"isChecked\"\n                :value=\"trueValue\"\n                :aria-disabled=\"formField.isDisabled\"\n                :aria-checked=\"isChecked\"\n                v-bind=\"inputAttrs\"\n                @input=\"onInput\"\n                @focus=\"formField.focus\"\n                @blur=\"formField.blur\" />\n        </div>\n\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-checkbox--label\">\n            <ev-label\n                clickable\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n\n            <div\n                v-if=\"formField.isShowErrorMessages\"\n                class=\"ev-checkbox--errors\">\n                <ev-errors :messages=\"formField.errorMessages\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBM,UAAA,QAAQ,YAAY,YAAY;AACtC,UAAM,QAAQA;AAOd,UAAM,QAAQ;AACR,UAAA,eAAe,IAAwB,IAAI;AAC3C,UAAA,WAAW,IAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAI,gBAAgB,KAAK;AACpD,UAAA,YAAY,aAAa,KAAK;AACpC,UAAM,EAAE,WAAW,cAAc,iBAAiB,UAAU,OAAO,KAAK;AAKxE,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IACpB;AAMA,aAAS,QAAQ,GAAU;AACb,gBAAA,QAAS,EAAE,OAA4B;AAAA,IACrD;AAKa,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,MACA,GAAG,UAAU,OAAO;AAAA,IAAA,CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvContainer.vue_vue_type_script_setup_true_lang-DlV_VAkI.mjs

@@ -1,74 +0,0 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot } from "vue";
-import { p as propsFactory } from "./props-3VncLxsE.mjs";
-import { m as makeComponentProps } from "./component-CjmQYwjV.mjs";
-import { m as makeTagProps } from "./tag-CbQ1jog9.mjs";
-import { a as useDisplayRuleClasses, c as calculateDisplayRuleValue } from "./display-Of3DnIlv.mjs";
-import { b as isBoolean, d as isEmpty } from "./is-functions-D1kb_r-v.mjs";
-const makeEvContainerProps = propsFactory(
-  {
-    fluid: {
-      type: Boolean,
-      default: false
-    },
-    fill: Boolean,
-    hidden: [Boolean, String, Array],
-    height: [String, Number, Object],
-    width: [String, Number, Object],
-    ...makeComponentProps(),
-    ...makeTagProps()
-  },
-  "EvContainer"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvContainer",
-  props: {
-    ...makeEvContainerProps()
-  },
-  setup(__props) {
-    const props = __props;
-    const hiddenClasses = useDisplayRuleClasses(props, "hidden", "hidden");
-    const hiddenAttribute = computed(() => {
-      return isBoolean(props.hidden) && props.hidden;
-    });
-    const heightStyles = computed(() => {
-      const value = calculateDisplayRuleValue(props.height);
-      if (isEmpty(value)) {
-        return void 0;
-      }
-      return { height: value + " !important" };
-    });
-    const widthStyles = computed(() => {
-      const value = calculateDisplayRuleValue(props.width);
-      if (isEmpty(value)) {
-        return void 0;
-      }
-      return value === "grow" ? { width: "100%" } : { width: value };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
-        class: normalizeClass([
-          "ev-container",
-          {
-            "is-fluid": props.fluid,
-            "fill-height": props.fill
-          },
-          ...unref(hiddenClasses),
-          props.class
-        ]),
-        style: normalizeStyle([props.style, widthStyles.value, heightStyles.value]),
-        hidden: hiddenAttribute.value
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style", "hidden"]);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvContainerProps as m
-};
-//# sourceMappingURL=EvContainer.vue_vue_type_script_setup_true_lang-DlV_VAkI.mjs.map

package/dist/esm/EvContainer.vue_vue_type_script_setup_true_lang-DlV_VAkI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvContainer.vue_vue_type_script_setup_true_lang-DlV_VAkI.mjs","sources":["../../src/components/EvGrid/EvContainer/EvContainer.ts","../../src/components/EvGrid/EvContainer/EvContainer.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeTagProps } from \"@/composables/tag.ts\";\nimport { PropType } from \"vue\";\nimport { DisplayRuleProp, VisibilityRuleProp } from \"@/composables/display.ts\";\n\n/**\n * # makeEvContainerProps\n */\nexport const makeEvContainerProps = propsFactory(\n    {\n        fluid: {\n            type: Boolean,\n            default: false,\n        },\n        fill: Boolean,\n        hidden: [Boolean, String, Array] as PropType<VisibilityRuleProp>,\n        height: [String, Number, Object] as PropType<DisplayRuleProp>,\n        width: [String, Number, Object] as PropType<DisplayRuleProp>,\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvContainer\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvContainer.scss\";\nimport { makeEvContainerProps } from \"./EvContainer.ts\";\nimport {\n    calculateDisplayRuleValue,\n    useDisplayRuleClasses,\n} from \"@/composables/display.ts\";\nimport { computed } from \"vue\";\nimport { isBoolean, isEmpty } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvContainerProps(),\n});\n\n/**\n * Hidden\n */\nconst hiddenClasses = useDisplayRuleClasses(props, \"hidden\", \"hidden\");\nconst hiddenAttribute = computed(() => {\n    return isBoolean(props.hidden) && props.hidden;\n});\n\n/**\n * Height\n */\nconst heightStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.height);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return { height: value + \" !important\" };\n});\n\n/**\n * Width\n */\nconst widthStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.width);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return value === \"grow\" ? { width: \"100%\" } : { width: value };\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-container',\n            {\n                'is-fluid': props.fluid,\n                'fill-height': props.fill,\n            },\n            ...hiddenClasses,\n            props.class,\n        ]\"\n        :style=\"[props.style, widthStyles, heightStyles]\"\n        :hidden=\"hiddenAttribute\">\n        <slot />\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,uBAAuB;AAAA,EAChC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS,QAAQ,KAAK;AAAA,IAC/B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAE9B,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;;;ACPA,UAAM,gBAAgB,sBAAsB,OAAO,UAAU,QAAQ;AAC/D,UAAA,kBAAkB,SAAS,MAAM;AACnC,aAAO,UAAU,MAAM,MAAM,KAAK,MAAM;AAAA,IAAA,CAC3C;AAKK,UAAA,eAAe,SAAS,MAAM;AAC1B,YAAA,QAAQ,0BAA0B,MAAM,MAAM;AAChD,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MACX;AACO,aAAA,EAAE,QAAQ,QAAQ;IAAc,CAC1C;AAKK,UAAA,cAAc,SAAS,MAAM;AACzB,YAAA,QAAQ,0BAA0B,MAAM,KAAK;AAC/C,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MACX;AACO,aAAA,UAAU,SAAS,EAAE,OAAO,WAAW,EAAE,OAAO;IAAM,CAChE;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvDateField.vue_vue_type_script_setup_true_lang-BgFfTq99.mjs

@@ -1,174 +0,0 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { defineComponent, useSlots, ref, computed, shallowRef, watch, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createVNode, isRef, renderSlot, createTextVNode, toDisplayString } from "vue";
-import { o as omit, f as filterComponentProps, w as wrapInArray } from "./helpers-BnZAsTjf.mjs";
-import { p as propsFactory } from "./props-3VncLxsE.mjs";
-import { m as makeEvDatePickerProps, _ as _sfc_main$4 } from "./EvDatePicker.vue_vue_type_script_setup_true_lang-B92TiPvt.mjs";
-import { m as makeEvTextfieldProps, _ as _sfc_main$1 } from "./EvTextfield.vue_vue_type_script_setup_true_lang-BrAvpBDc.mjs";
-import { C as CalendarIcon } from "./CalendarIcon-DzoRCnX_.mjs";
-import { _ as _sfc_main$2 } from "./EvMenu.vue_vue_type_script_setup_true_lang-CQXyolIr.mjs";
-import { _ as _sfc_main$3 } from "./EvSurface.vue_vue_type_script_setup_true_lang-TUl_sgxB.mjs";
-import { u as useModelProxy } from "./modelProxy-DMtI0M-b.mjs";
-import { u as useDate } from "./date-DZvyLTvn.mjs";
-const makeEvDateFieldProps = propsFactory(
-  {
-    ...omit(
-      makeEvTextfieldProps({
-        iconStart: CalendarIcon
-      }),
-      ["type"]
-    ),
-    ...makeEvDatePickerProps()
-  },
-  "EvDateField"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvDateField",
-  props: {
-    ...makeEvDateFieldProps()
-  },
-  setup(__props) {
-    const props = __props;
-    const dateAdapter = useDate();
-    const slots = useSlots();
-    const evMenuRef = ref();
-    const evTextfieldRef = ref();
-    const evTextfieldProps = computed(() => {
-      return omit(filterComponentProps(_sfc_main$1, props), ["modelValue"]);
-    });
-    const isFocused = shallowRef(false);
-    const datePickerRef = ref();
-    const datePickerProps = computed(() => {
-      return omit(filterComponentProps(_sfc_main$4, props), ["modelValue"]);
-    });
-    const isMenuOpen = shallowRef(false);
-    const modelValue = useModelProxy(
-      props,
-      "modelValue",
-      void 0,
-      (value) => wrapInArray(value),
-      (value) => {
-        return value[0] ?? null;
-      }
-    );
-    const displayValue = shallowRef(null);
-    function onMenuAfterLeave() {
-      if (isFocused.value && evTextfieldRef.value) {
-        evTextfieldRef.value.focus();
-      }
-    }
-    function onFieldFocus() {
-      isFocused.value = true;
-      isMenuOpen.value = true;
-    }
-    function onFieldBlur(e) {
-      var _a;
-      if (!((_a = datePickerRef.value) == null ? void 0 : _a.$el.contains(e.relatedTarget))) {
-        isMenuOpen.value = false;
-      }
-    }
-    function onDatePickerFocusIn(e) {
-      isFocused.value = true;
-    }
-    function onUpdateModelValue() {
-      isMenuOpen.value = false;
-    }
-    function onClearInput() {
-      setModelValue(null);
-    }
-    function setModelValue(value) {
-      modelValue.value = wrapInArray(value);
-    }
-    function onInput(e) {
-      var _a;
-      if (!((_a = displayValue.value) == null ? void 0 : _a.length)) {
-        setModelValue(null);
-        return;
-      }
-      const date = dateAdapter.date(displayValue.value);
-      if (date && dateAdapter.isValid(date) && dateAdapter.getYear(date).toString().length === 4 && dateAdapter.format(date, "displayDate") === displayValue.value) {
-        setModelValue(date);
-      }
-    }
-    watch(modelValue, () => {
-      const date = modelValue.value[0] ?? null;
-      if (!date || !dateAdapter.isValid(date)) {
-        displayValue.value = null;
-      } else {
-        displayValue.value = dateAdapter.format(
-          modelValue.value[0],
-          "displayDate"
-        );
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
-        ref_key: "evTextfieldRef",
-        ref: evTextfieldRef
-      }, evTextfieldProps.value, {
-        modelValue: displayValue.value,
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => displayValue.value = $event),
-        focused: isFocused.value,
-        "onUpdate:focused": _cache[4] || (_cache[4] = ($event) => isFocused.value = $event),
-        class: "ev-date-field",
-        "validation-value": unref(modelValue),
-        "onClick:control": onFieldFocus,
-        onBlur: onFieldBlur,
-        "onClick:clear": onClearInput,
-        onInput
-      }), createSlots({
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main$2), {
-            ref_key: "evMenuRef",
-            ref: evMenuRef,
-            modelValue: isMenuOpen.value,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isMenuOpen.value = $event),
-            activator: "parent",
-            position: "bottom-start",
-            "open-on-click": false,
-            "close-on-content-click": false,
-            onAfterLeave: onMenuAfterLeave
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$3), {
-                elevation: "overlay",
-                class: "ev-date-field--surface"
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(_sfc_main$4), mergeProps({
-                    ref_key: "datePickerRef",
-                    ref: datePickerRef
-                  }, datePickerProps.value, {
-                    modelValue: unref(modelValue),
-                    "onUpdate:modelValue": [
-                      _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-                      _cache[1] || (_cache[1] = ($event) => onUpdateModelValue())
-                    ],
-                    onFocusin: onDatePickerFocusIn
-                  }), null, 16, ["modelValue"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 2
-      }, [
-        props.label || unref(slots).label ? {
-          name: "label",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "label", {}, () => [
-              createTextVNode(toDisplayString(props.label), 1)
-            ])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["modelValue", "focused", "validation-value"]);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvDateFieldProps as m
-};
-//# sourceMappingURL=EvDateField.vue_vue_type_script_setup_true_lang-BgFfTq99.mjs.map

package/dist/esm/EvDateField.vue_vue_type_script_setup_true_lang-BgFfTq99.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvDateField.vue_vue_type_script_setup_true_lang-BgFfTq99.mjs","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.ts\";\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.ts\";\nimport { filterComponentProps, omit, wrapInArray } from \"@/util\";\nimport { useDate } from \"@/composables/date/date.ts\";\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":["_useSlots","EvTextfield","EvDatePicker"],"mappings":";;;;;;;;;;;AAKO,MAAM,uBAAuB;AAAA,EAChC;AAAA,IACI,GAAG;AAAA,MACC,qBAAqB;AAAA,QACjB,WAAW;AAAA,MAAA,CACd;AAAA,MACD,CAAC,MAAM;AAAA,IACX;AAAA,IACA,GAAG,sBAAsB;AAAA,EAC7B;AAAA,EACA;AACJ;;;;;;;;ACAA,UAAM,cAAc;AAIpB,UAAM,QAAQA;AAKd,UAAM,YAAY;AAClB,UAAM,iBAAiB;AACjB,UAAA,mBAAmB,SAAS,MAAM;AACpC,aAAO,KAAK,qBAAqBC,aAAa,KAAK,GAAG,CAAC,YAAY,CAAC;AAAA,IAAA,CACvE;AACK,UAAA,YAAY,WAAW,KAAK;AAGlC,UAAM,gBAAgB;AAChB,UAAA,kBAAkB,SAAS,MAAM;AACnC,aAAO,KAAK,qBAAqBC,aAAc,KAAK,GAAG,CAAC,YAAY,CAAC;AAAA,IAAA,CACxE;AAGK,UAAA,aAAa,WAAW,KAAK;AACnC,UAAM,aAAa;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,UAAU,YAAY,KAAK;AAAA,MAC5B,CAAC,UAAe;AACL,eAAA,MAAM,CAAC,KAAK;AAAA,MACvB;AAAA,IAAA;AAEE,UAAA,eAAe,WAA0B,IAAI;AAMnD,aAAS,mBAAmB;AACpB,UAAA,UAAU,SAAS,eAAe,OAAO;AACzC,uBAAe,MAAM;MACzB;AAAA,IACJ;AAEA,aAAS,eAAe;AACpB,gBAAU,QAAQ;AAClB,iBAAW,QAAQ;AAAA,IACvB;AAMA,aAAS,YAAY,GAAe;;AAChC,UAAI,GAAC,mBAAc,UAAd,mBAAqB,IAAI,SAAS,EAAE,iBAA+B;AACpE,mBAAW,QAAQ;AAAA,MACvB;AAAA,IACJ;AAOA,aAAS,oBAAoB,GAAe;AACxC,gBAAU,QAAQ;AAAA,IACtB;AAEA,aAAS,qBAAqB;AAC1B,iBAAW,QAAQ;AAAA,IACvB;AAEA,aAAS,eAAe;AACpB,oBAAc,IAAI;AAAA,IACtB;AAEA,aAAS,cAAc,OAAY;AACpB,iBAAA,QAAQ,YAAY,KAAK;AAAA,IACxC;AAEA,aAAS,QAAQ,GAAU;;AACnB,UAAA,GAAC,kBAAa,UAAb,mBAAoB,SAAQ;AAC7B,sBAAc,IAAI;AAClB;AAAA,MACJ;AACA,YAAM,OAAO,YAAY,KAAK,aAAa,KAAK;AAChD,UACI,QACA,YAAY,QAAQ,IAAI,KACxB,YAAY,QAAQ,IAAI,EAAE,SAAW,EAAA,WAAW,KAChD,YAAY,OAAO,MAAM,aAAa,MAAM,aAAa,OAC3D;AACE,sBAAc,IAAI;AAAA,MACtB;AAAA,IACJ;AAEA,UAAM,YAAY,MAAM;AACpB,YAAM,OAAO,WAAW,MAAM,CAAC,KAAK;AACpC,UAAI,CAAC,QAAQ,CAAC,YAAY,QAAQ,IAAI,GAAG;AACrC,qBAAa,QAAQ;AAAA,MAAA,OAClB;AACH,qBAAa,QAAQ,YAAY;AAAA,UAC7B,WAAW,MAAM,CAAC;AAAA,UAClB;AAAA,QAAA;AAAA,MAER;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvDatePicker.vue_vue_type_script_setup_true_lang-B92TiPvt.mjs

@@ -1,194 +0,0 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { defineComponent, shallowRef, computed, watch, ref, openBlock, createElementBlock, createElementVNode, createVNode, unref, createBlock, mergeProps, isRef } from "vue";
-import { o as omit, w as wrapInArray, f as filterComponentProps } from "./helpers-BnZAsTjf.mjs";
-import { p as propsFactory } from "./props-3VncLxsE.mjs";
-import { m as makeEvDatePickerMonthProps, _ as _sfc_main$5 } from "./EvDatePickerMonth.vue_vue_type_script_setup_true_lang-Dl9rJVCF.mjs";
-import { m as makeEvDatePickerYearsProps, _ as _sfc_main$3 } from "./EvDatePickerYears.vue_vue_type_script_setup_true_lang-Bqe1b3Eg.mjs";
-import { u as useDate } from "./date-DZvyLTvn.mjs";
-import { u as useModelProxy } from "./modelProxy-DMtI0M-b.mjs";
-import { _ as _sfc_main$4 } from "./EvDatePickerMonths.vue_vue_type_script_setup_true_lang-C10Pjt2V.mjs";
-import { _ as _sfc_main$1 } from "./EvButton.vue_vue_type_script_setup_true_lang-sd3Q9Lmx.mjs";
-import { C as ChevronLeftIcon, a as ChevronRightIcon } from "./ChevronRightIcon-DdUJ40Uc.mjs";
-import { _ as _sfc_main$2 } from "./EvSpacer.vue_vue_type_script_setup_true_lang-HriJy4Lq.mjs";
-const makeEvDatePickerProps = propsFactory(
-  {
-    viewMode: {
-      type: String,
-      default: "month"
-    },
-    ...makeEvDatePickerMonthProps(),
-    ...omit(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__ */ 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), {
-              rounded: "",
-              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), {
-              rounded: "",
-              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 _,
-  makeEvDatePickerProps as m
-};
-//# sourceMappingURL=EvDatePicker.vue_vue_type_script_setup_true_lang-B92TiPvt.mjs.map

package/dist/esm/EvDatePicker.vue_vue_type_script_setup_true_lang-B92TiPvt.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvDatePicker.vue_vue_type_script_setup_true_lang-B92TiPvt.mjs","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.ts\";\nimport { useDate } from \"@/composables/date/date.ts\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy.ts\";\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":["EvDatePickerMonth","EvDatePickerYears"],"mappings":"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"}