@evance/evance-ui 1.1.10 → 1.1.11

package/dist/esm/components/EvDataTable/composables/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","sources":["../../../../../src/components/EvDataTable/composables/select.ts"],"sourcesContent":["import { DataTableItemProps } from \"./items\";\nimport { EventProp, isDeepEqual, propsFactory, wrapInArray } from \"@/util\";\nimport {\n    computed,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    ref,\n    Ref,\n    toRef,\n} from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\nexport interface SelectableItem {\n    value: any;\n    selectable: boolean;\n}\n\nexport interface DataTableSelectStrategy {\n    selectable: boolean;\n    showSelectAll: boolean;\n    allSelected: (data: {\n        allItems: SelectableItem[];\n    }) => SelectableItem[];\n    select: (data: {\n        items: SelectableItem[];\n        value: boolean;\n        selected: Set<unknown>;\n        isRequired: boolean;\n    }) => Set<unknown>;\n    selectAll: (data: {\n        value: boolean;\n        allItems: SelectableItem[];\n        selected: Set<unknown>;\n    }) => Set<unknown>;\n}\n\ntype SelectionProps = Pick<DataTableItemProps, \"itemValue\"> & {\n    selected: readonly any[];\n    selectStrategy?: \"single\" | \"multiple\" | undefined;\n    showSelect: boolean;\n    valueComparator: typeof isDeepEqual;\n    required: boolean;\n    \"onUpdate:selected\"?: EventProp<[any[]]> | undefined;\n};\n\nconst singleSelectStrategy: DataTableSelectStrategy = {\n    selectable: true,\n    showSelectAll: false,\n    allSelected: () => [],\n    select: ({ items, value, selected, isRequired }) => {\n        return new Set(value || isRequired ? [items[0]?.value] : []);\n    },\n    selectAll: ({ selected }) => selected,\n};\n\nconst multiSelectStrategy: DataTableSelectStrategy = {\n    selectable: true,\n    showSelectAll: true,\n    allSelected: ({ allItems }) => allItems,\n    select: ({ items, value, selected, isRequired }) => {\n        for (const item of items) {\n            value\n                ? selected.add(item.value)\n                : !isRequired || selected.size > 1\n                  ? selected.delete(item.value)\n                  : null;\n        }\n        return selected;\n    },\n    selectAll: ({ value, allItems, selected }) =>\n        multiSelectStrategy.select({\n            items: allItems,\n            value,\n            selected,\n            isRequired: false,\n        }),\n};\n\nconst nullSelectStrategy: DataTableSelectStrategy = {\n    selectable: false,\n    showSelectAll: false,\n    allSelected: () => [],\n    select: () => new Set(),\n    selectAll: () => new Set(),\n};\n\nexport const makeDataTableSelectProps = propsFactory(\n    {\n        required: Boolean,\n        showSelect: Boolean,\n        selectStrategy: {\n            type: [String, Object] as PropType<\"single\" | \"multiple\">,\n            default: undefined,\n        },\n        selected: {\n            type: Array as PropType<readonly any[]>,\n            default: () => [],\n        },\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n    },\n    \"DataTable-select\",\n);\n\nexport const EvDataTableSelectionSymbol: InjectionKey<\n    ReturnType<typeof provideSelection>\n> = Symbol.for(\"ev:data-table-selection\");\n\nexport function provideSelection(\n    props: SelectionProps,\n    allItems: Ref<SelectableItem[]>,\n) {\n    const showSelect = toRef(props, \"showSelect\");\n    const isRequired = toRef(props, \"required\");\n    const lastToggledItem = ref<SelectableItem | null>(null);\n\n    const selected = useModelProxy(\n        props,\n        \"selected\",\n        props.selected,\n        (v) => {\n            return new Set(\n                wrapInArray(v).map((v) => {\n                    return (\n                        allItems.value.find((item) =>\n                            props.valueComparator(v, item.value),\n                        )?.value ?? v\n                    );\n                }),\n            );\n        },\n        (v) => {\n            return [...v.values()];\n        },\n    );\n\n    const allSelectable = computed(() =>\n        allItems.value.filter((item) => item.selectable),\n    );\n\n    const selectStrategy = computed(() => {\n        if (typeof props.selectStrategy === \"object\") {\n            return props.selectStrategy;\n        }\n        switch (props.selectStrategy) {\n            case \"single\":\n                return singleSelectStrategy;\n            case \"multiple\":\n                return multiSelectStrategy;\n            default:\n                return nullSelectStrategy;\n        }\n    });\n\n    function isSelected(items: SelectableItem | SelectableItem[]) {\n        return wrapInArray(items).every((item) =>\n            selected.value.has(item.value),\n        );\n    }\n\n    function isSomeSelected(items: SelectableItem | SelectableItem[]) {\n        return wrapInArray(items).some((item) =>\n            selected.value.has(item.value),\n        );\n    }\n\n    function select(items: SelectableItem[], value: boolean) {\n        selected.value = selectStrategy.value.select({\n            items,\n            value,\n            selected: new Set(selected.value),\n            isRequired: isRequired.value,\n        });\n    }\n\n    function toggleSelect(item: SelectableItem, shiftPressed: boolean = false) {\n        const isItemSelected = isSelected([item]);\n        if (lastToggledItem.value && shiftPressed) {\n            const lastIndex = allSelectable.value.findIndex((v) => {\n                return props.valueComparator(v, lastToggledItem.value);\n            });\n            const currentIndex = allSelectable.value.findIndex((v) => {\n                return props.valueComparator(v, item);\n            });\n            if (lastIndex === -1 || currentIndex === -1) {\n                select([item], !isSelected([item]));\n                lastToggledItem.value = selected.value.size > 0 ? item : null;\n                return;\n            }\n            const [start, end] =\n                lastIndex < currentIndex\n                    ? [lastIndex, currentIndex]\n                    : [currentIndex, lastIndex];\n            const rangeItems = allSelectable.value.slice(start, end + 1);\n            const isLastSelected = isSelected([lastToggledItem.value]);\n            const allOpposite = rangeItems.filter(\n                (i) => isSelected([i]) !== isLastSelected,\n            );\n            select(allOpposite, isLastSelected);\n            if (isLastSelected === isItemSelected) {\n                select([item], !isItemSelected);\n            }\n        } else {\n            select([item], !isSelected([item]));\n        }\n        lastToggledItem.value = selected.value.size > 0 ? item : null;\n    }\n\n    function selectAll(value: boolean) {\n        lastToggledItem.value = null;\n        selected.value = selectStrategy.value.selectAll({\n            value,\n            allItems: allSelectable.value,\n            selected: new Set(selected.value),\n        });\n    }\n\n    const someSelected = computed(() => selected.value.size > 0);\n    const allSelected = computed(() => {\n        const items = selectStrategy.value.allSelected({\n            allItems: allSelectable.value,\n        });\n        return !!items.length && isSelected(items);\n    });\n\n    const showSelectAll = computed(\n        () => showSelect.value && selectStrategy.value.showSelectAll,\n    );\n\n    const data = {\n        selected,\n        selectStrategy,\n        toggleSelect,\n        select,\n        selectAll,\n        isRequired,\n        isSelected,\n        isSomeSelected,\n        someSelected,\n        allSelected,\n        showSelect,\n        showSelectAll,\n    };\n    provide(EvDataTableSelectionSymbol, data);\n    return data;\n}\n\nexport function useSelection() {\n    const data = inject(EvDataTableSelectionSymbol);\n    if (!data) {\n        throw new Error(\"Unable to `useSelection()`\");\n    }\n    return data;\n}\n"],"names":["v"],"mappings":"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"}
+{"version":3,"file":"select.mjs","sources":["../../../../../src/components/EvDataTable/composables/select.ts"],"sourcesContent":["import { DataTableItemProps } from \"./items\";\nimport { EventProp, isDeepEqual, propsFactory, wrapInArray } from \"@/util\";\nimport {\n    computed,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    ref,\n    Ref,\n    toRef,\n} from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\nexport interface SelectableItem {\n    value: any;\n    selectable: boolean;\n}\n\nexport interface DataTableSelectStrategy {\n    selectable: boolean;\n    showSelectAll: boolean;\n    allSelected: (data: {\n        allItems: SelectableItem[];\n    }) => SelectableItem[];\n    select: (data: {\n        items: SelectableItem[];\n        value: boolean;\n        selected: Set<unknown>;\n        isRequired: boolean;\n    }) => Set<unknown>;\n    selectAll: (data: {\n        value: boolean;\n        allItems: SelectableItem[];\n        selected: Set<unknown>;\n    }) => Set<unknown>;\n}\n\ntype SelectionProps = Pick<DataTableItemProps, \"itemValue\"> & {\n    selected: readonly any[];\n    selectStrategy?: \"single\" | \"multiple\" | undefined;\n    showSelect: boolean;\n    valueComparator: typeof isDeepEqual;\n    required: boolean;\n    \"onUpdate:selected\"?: EventProp<[any[]]> | undefined;\n};\n\nconst singleSelectStrategy: DataTableSelectStrategy = {\n    selectable: true,\n    showSelectAll: false,\n    allSelected: () => [],\n    select: ({ items, value, selected, isRequired }) => {\n        return new Set(value || isRequired ? [items[0]?.value] : []);\n    },\n    selectAll: ({ selected }) => selected,\n};\n\nconst multiSelectStrategy: DataTableSelectStrategy = {\n    selectable: true,\n    showSelectAll: true,\n    allSelected: ({ allItems }) => allItems,\n    select: ({ items, value, selected, isRequired }) => {\n        for (const item of items) {\n            value\n                ? selected.add(item.value)\n                : !isRequired || selected.size > 1\n                  ? selected.delete(item.value)\n                  : null;\n        }\n        return selected;\n    },\n    selectAll: ({ value, allItems, selected }) =>\n        multiSelectStrategy.select({\n            items: allItems,\n            value,\n            selected,\n            isRequired: false,\n        }),\n};\n\nconst nullSelectStrategy: DataTableSelectStrategy = {\n    selectable: false,\n    showSelectAll: false,\n    allSelected: () => [],\n    select: () => new Set(),\n    selectAll: () => new Set(),\n};\n\nexport const makeDataTableSelectProps = propsFactory(\n    {\n        required: Boolean,\n        showSelect: Boolean,\n        selectStrategy: {\n            type: [String, Object] as PropType<\"single\" | \"multiple\">,\n            default: undefined,\n        },\n        selected: {\n            type: Array as PropType<readonly any[]>,\n            default: () => [],\n        },\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n    },\n    \"DataTable-select\",\n);\n\nexport const EvDataTableSelectionSymbol: InjectionKey<\n    ReturnType<typeof provideSelection>\n> = Symbol.for(\"ev:data-table-selection\");\n\nexport function provideSelection(\n    props: SelectionProps,\n    allItems: Ref<SelectableItem[]>,\n) {\n    const showSelect = toRef(props, \"showSelect\");\n    const isRequired = toRef(props, \"required\");\n    const lastToggledItem = ref<SelectableItem | null>(null);\n\n    const selected = useModelProxy(\n        props,\n        \"selected\",\n        props.selected,\n        (v) => {\n            return new Set(\n                wrapInArray(v).map((v) => {\n                    return (\n                        allItems.value.find((item) =>\n                            props.valueComparator(v, item.value),\n                        )?.value ?? v\n                    );\n                }),\n            );\n        },\n        (v) => {\n            return [...v.values()];\n        },\n    );\n\n    const allSelectable = computed(() =>\n        allItems.value.filter((item) => item.selectable),\n    );\n\n    const selectStrategy = computed(() => {\n        if (typeof props.selectStrategy === \"object\") {\n            return props.selectStrategy;\n        }\n        switch (props.selectStrategy) {\n            case \"single\":\n                return singleSelectStrategy;\n            case \"multiple\":\n                return multiSelectStrategy;\n            default:\n                return nullSelectStrategy;\n        }\n    });\n\n    function isSelected(items: SelectableItem | SelectableItem[]) {\n        return wrapInArray(items).every((item) =>\n            selected.value.has(item.value),\n        );\n    }\n\n    function isSomeSelected(items: SelectableItem | SelectableItem[]) {\n        return wrapInArray(items).some((item) =>\n            selected.value.has(item.value),\n        );\n    }\n\n    function select(items: SelectableItem[], value: boolean) {\n        selected.value = selectStrategy.value.select({\n            items,\n            value,\n            selected: new Set(selected.value),\n            isRequired: isRequired.value,\n        });\n    }\n\n    function toggleSelect(item: SelectableItem, shiftPressed: boolean = false) {\n        const isItemSelected = isSelected([item]);\n        if (lastToggledItem.value && shiftPressed) {\n            const lastIndex = allSelectable.value.findIndex((v) => {\n                return props.valueComparator(v, lastToggledItem.value);\n            });\n            const currentIndex = allSelectable.value.findIndex((v) => {\n                return props.valueComparator(v, item);\n            });\n            if (lastIndex === -1 || currentIndex === -1) {\n                select([item], !isSelected([item]));\n                lastToggledItem.value = selected.value.size > 0 ? item : null;\n                return;\n            }\n            const [start, end] =\n                lastIndex < currentIndex\n                    ? [lastIndex, currentIndex]\n                    : [currentIndex, lastIndex];\n            const rangeItems = allSelectable.value.slice(start, end + 1);\n            const isLastSelected = isSelected([lastToggledItem.value]);\n            const allOpposite = rangeItems.filter(\n                (i) => isSelected([i]) !== isLastSelected,\n            );\n            select(allOpposite, isLastSelected);\n            if (isLastSelected === isItemSelected) {\n                select([item], !isItemSelected);\n            }\n        } else {\n            select([item], !isSelected([item]));\n        }\n        lastToggledItem.value = selected.value.size > 0 ? item : null;\n    }\n\n    function selectAll(value: boolean) {\n        lastToggledItem.value = null;\n        selected.value = selectStrategy.value.selectAll({\n            value,\n            allItems: allSelectable.value,\n            selected: new Set(selected.value),\n        });\n    }\n\n    const someSelected = computed(() => selected.value.size > 0);\n    const allSelected = computed(() => {\n        const items = selectStrategy.value.allSelected({\n            allItems: allSelectable.value,\n        });\n        return !!items.length && isSelected(items);\n    });\n\n    const showSelectAll = computed(\n        () => showSelect.value && selectStrategy.value.showSelectAll,\n    );\n\n    const data = {\n        selected,\n        selectStrategy,\n        toggleSelect,\n        select,\n        selectAll,\n        isRequired,\n        isSelected,\n        isSomeSelected,\n        someSelected,\n        allSelected,\n        showSelect,\n        showSelectAll,\n    };\n    provide(EvDataTableSelectionSymbol, data);\n    return data;\n}\n\nexport function useSelection() {\n    const data = inject(EvDataTableSelectionSymbol);\n    if (!data) {\n        throw new Error(\"Unable to `useSelection()`\");\n    }\n    return data;\n}\n"],"names":["singleSelectStrategy","items","value","selected","isRequired","_a","multiSelectStrategy","allItems","item","nullSelectStrategy","makeDataTableSelectProps","propsFactory","isDeepEqual","EvDataTableSelectionSymbol","provideSelection","props","showSelect","toRef","lastToggledItem","ref","useModelProxy","v","wrapInArray","allSelectable","computed","selectStrategy","isSelected","isSomeSelected","select","toggleSelect","shiftPressed","isItemSelected","lastIndex","currentIndex","start","end","rangeItems","isLastSelected","allOpposite","i","selectAll","someSelected","allSelected","showSelectAll","data","provide","useSelection","inject"],"mappings":"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"}

package/dist/esm/components/EvDataTable/composables/sort.mjs

@@ -1,114 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { computed } from "vue";
-import { useModelProxy } from "../../../composables/modelProxy.mjs";
-import ArrowDownIcon from "../../../icons/glyph/ArrowDownIcon.svg.mjs";
-import ArrowUpIcon from "../../../icons/glyph/ArrowUpIcon.svg.mjs";
-import { useLocaleFunctions } from "../../../composables/locale.mjs";
-import { propsFactory } from "../../../util/props.mjs";
-const makeDataTableSortProps = propsFactory(
-  {
-    sort: {
-      type: Array,
-      default: () => []
-    },
-    sortOptions: Array
-  },
-  "data-table-sort"
-);
-function useSortOptions(props) {
-  const sortSelected = useModelProxy(props, "sort");
-  const { t } = useLocaleFunctions();
-  const hasSort = computed(() => {
-    var _a;
-    return (_a = props.sortOptions) == null ? void 0 : _a.length;
-  });
-  function isTitleDisabled(title) {
-    return getItemsByTitle(title).every((option) => option.disabled);
-  }
-  function getItemsByTitle(title) {
-    return sortOptions.value.filter((item) => item.title === title);
-  }
-  function getTitleFromValue(value) {
-    const titles = sortOptions.value.filter((item) => item.value === value).map((item) => item.title);
-    return titles[0] ?? void 0;
-  }
-  function isAscending(value) {
-    return value == null ? void 0 : value.endsWith("asc");
-  }
-  const sortOptions = computed(() => {
-    return props.sortOptions.map((item) => {
-      return Object.assign(
-        {
-          disabled: item.disabled ?? false,
-          direction: item.value.endsWith("asc") ? t("sort.ascending") : t("sort.descending")
-        },
-        item
-      );
-    });
-  });
-  const sortTitleOptions = computed(() => {
-    const titles = Array.from(
-      new Set(sortOptions.value.map((item) => item.title))
-    );
-    const options = [];
-    for (const title of titles) {
-      options.push({
-        title,
-        value: title,
-        props: {
-          disabled: isTitleDisabled(title)
-        }
-      });
-    }
-    return options;
-  });
-  const sortTitleSelected = computed(() => {
-    const titles = [];
-    for (const value of sortSelected.value) {
-      titles.push(getTitleFromValue(value));
-    }
-    return titles;
-  });
-  const sortTitle = computed(() => sortTitleSelected.value[0]);
-  const sortDirectionOptions = computed(() => {
-    const options = getItemsByTitle(sortTitle.value);
-    return options.map((option) => {
-      return Object.assign(
-        {
-          props: {
-            disabled: option.disabled,
-            iconStart: isAscending(option.value) ? ArrowUpIcon : ArrowDownIcon
-          }
-        },
-        option
-      );
-    });
-  });
-  const onSortTitleSelected = (selection) => {
-    const options = getItemsByTitle(selection[0]);
-    const availableValues = options.filter((option) => {
-      return isAscending(option.value) === isAscending(sortSelected.value[0]) && !option.disabled;
-    });
-    const newOption = availableValues[0] ?? options[0];
-    sortSelected.value = [newOption.value];
-  };
-  const sortIcon = computed(() => {
-    return isAscending(sortSelected.value[0]) ? ArrowUpIcon : ArrowDownIcon;
-  });
-  return {
-    hasSort,
-    sortOptions,
-    sortSelected,
-    sortTitle,
-    sortTitleOptions,
-    sortTitleSelected,
-    sortDirectionOptions,
-    onSortTitleSelected,
-    sortIcon
-  };
-}
-export {
-  makeDataTableSortProps,
-  useSortOptions
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),q=require("../../../composables/modelProxy.mjs"),f=require("../../../icons/glyph/ArrowDownIcon.svg.mjs"),v=require("../../../icons/glyph/ArrowUpIcon.svg.mjs"),A=require("../../../composables/locale.mjs"),w=require("../../../util/props.mjs"),x=w.propsFactory({sort:{type:Array,default:()=>[]},sortOptions:Array},"data-table-sort");function D(l){const r=q.useModelProxy(l,"sort"),{t:u}=A.useLocaleFunctions(),b=s.computed(()=>{var t;return(t=l.sortOptions)==null?void 0:t.length});function m(t){return a(t).every(e=>e.disabled)}function a(t){return i.value.filter(e=>e.title===t)}function S(t){return i.value.filter(o=>o.value===t).map(o=>o.title)[0]??void 0}function n(t){return t==null?void 0:t.endsWith("asc")}const i=s.computed(()=>l.sortOptions.map(t=>Object.assign({disabled:t.disabled??!1,direction:t.value.endsWith("asc")?u("sort.ascending"):u("sort.descending")},t))),O=s.computed(()=>{const t=Array.from(new Set(i.value.map(o=>o.title))),e=[];for(const o of t)e.push({title:o,value:o,props:{disabled:m(o)}});return e}),c=s.computed(()=>{const t=[];for(const e of r.value)t.push(S(e));return t}),d=s.computed(()=>c.value[0]),y=s.computed(()=>a(d.value).map(e=>Object.assign({props:{disabled:e.disabled,iconStart:n(e.value)?v.default:f.default}},e))),g=t=>{const e=a(t[0]),h=e.filter(p=>n(p.value)===n(r.value[0])&&!p.disabled)[0]??e[0];r.value=[h.value]},T=s.computed(()=>n(r.value[0])?v.default:f.default);return{hasSort:b,sortOptions:i,sortSelected:r,sortTitle:d,sortTitleOptions:O,sortTitleSelected:c,sortDirectionOptions:y,onSortTitleSelected:g,sortIcon:T}}exports.makeDataTableSortProps=x;exports.useSortOptions=D;
 //# sourceMappingURL=sort.mjs.map

package/dist/esm/components/EvDataTable/composables/sort.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sort.mjs","sources":["../../../../../src/components/EvDataTable/composables/sort.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { computed, ComputedRef, PropType } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport { ArrowDownIcon, ArrowUpIcon } from \"@/icons\";\n\nexport type SortItem = {\n    key: string;\n    order?: boolean | \"asc\" | \"desc\";\n};\n\nexport interface SortOption {\n    title: string;\n    value: string;\n    direction?: string;\n    disabled?: boolean;\n}\n\nexport interface SortProps {\n    sort: string[];\n    sortOptions: SortOption[];\n}\n\nexport const makeDataTableSortProps = propsFactory(\n    {\n        sort: {\n            type: Array as PropType<string[]>,\n            default: () => [],\n        },\n        sortOptions: Array as PropType<SortOption[]>,\n    },\n    \"data-table-sort\",\n);\n\nexport function useSortOptions(props: SortProps) {\n    const sortSelected = useModelProxy(props, \"sort\");\n    const { t } = useLocaleFunctions();\n    const hasSort = computed(() => props.sortOptions?.length);\n\n    function isTitleDisabled(title: string) {\n        return getItemsByTitle(title).every((option) => option.disabled);\n    }\n\n    function getItemsByTitle(title: string) {\n        return sortOptions.value.filter((item) => item.title === title);\n    }\n\n    function getTitleFromValue(value: string) {\n        const titles = sortOptions.value\n            .filter((item) => item.value === value)\n            .map((item) => item.title);\n        return titles[0] ?? undefined;\n    }\n\n    function isAscending(value: string) {\n        return value?.endsWith(\"asc\");\n    }\n\n    /**\n     * Fixes some optional properties in `SortOption` objects.\n     */\n    const sortOptions: ComputedRef<SortOption[]> = computed(() => {\n        return props.sortOptions.map((item) => {\n            return Object.assign(\n                {\n                    disabled: item.disabled ?? false,\n                    direction: item.value.endsWith(\"asc\")\n                        ? t(\"sort.ascending\")\n                        : t(\"sort.descending\"),\n                },\n                item,\n            );\n        });\n    });\n\n    /**\n     * Reduces the supplied sort options down to unique titles\n     * and determines whether the title is disabled if all of its\n     * values are disabled.\n     */\n    const sortTitleOptions = computed(() => {\n        const titles = Array.from(\n            new Set(sortOptions.value.map((item) => item.title)),\n        );\n        const options = [];\n        for (const title of titles) {\n            options.push({\n                title,\n                value: title,\n                props: {\n                    disabled: isTitleDisabled(title),\n                },\n            });\n        }\n        return options;\n    });\n\n    const sortTitleSelected = computed(() => {\n        const titles = [];\n        for (const value of sortSelected.value) {\n            titles.push(getTitleFromValue(value));\n        }\n        return titles;\n    });\n\n    const sortTitle = computed(() => sortTitleSelected.value[0]);\n\n    const sortDirectionOptions = computed(() => {\n        const options = getItemsByTitle(sortTitle.value);\n        return options.map((option) => {\n            return Object.assign(\n                {\n                    props: {\n                        disabled: option.disabled,\n                        iconStart: isAscending(option.value)\n                            ? ArrowUpIcon\n                            : ArrowDownIcon,\n                    },\n                },\n                option,\n            );\n        });\n    });\n\n    const onSortTitleSelected = (selection: string[]) => {\n        const options = getItemsByTitle(selection[0]);\n        const availableValues = options.filter((option) => {\n            return (\n                isAscending(option.value) ===\n                    isAscending(sortSelected.value[0]) && !option.disabled\n            );\n        });\n        const newOption = availableValues[0] ?? options[0];\n        sortSelected.value = [newOption.value];\n    };\n\n    const sortIcon = computed(() => {\n        return isAscending(sortSelected.value[0]) ? ArrowUpIcon : ArrowDownIcon;\n    });\n\n    return {\n        hasSort,\n        sortOptions,\n        sortSelected,\n        sortTitle,\n        sortTitleOptions,\n        sortTitleSelected,\n        sortDirectionOptions,\n        onSortTitleSelected,\n        sortIcon,\n    };\n}\n"],"names":[],"mappings":";;;;;;;AAuBO,MAAM,yBAAyB;AAAA,EAClC;AAAA,IACI,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,aAAa;AAAA,EACjB;AAAA,EACA;AACJ;AAEO,SAAS,eAAe,OAAkB;AACvC,QAAA,eAAe,cAAc,OAAO,MAAM;AAC1C,QAAA,EAAE,EAAE,IAAI,mBAAmB;AACjC,QAAM,UAAU,SAAS,MAAM;;AAAA,uBAAM,gBAAN,mBAAmB;AAAA,GAAM;AAExD,WAAS,gBAAgB,OAAe;AACpC,WAAO,gBAAgB,KAAK,EAAE,MAAM,CAAC,WAAW,OAAO,QAAQ;AAAA,EAAA;AAGnE,WAAS,gBAAgB,OAAe;AACpC,WAAO,YAAY,MAAM,OAAO,CAAC,SAAS,KAAK,UAAU,KAAK;AAAA,EAAA;AAGlE,WAAS,kBAAkB,OAAe;AACtC,UAAM,SAAS,YAAY,MACtB,OAAO,CAAC,SAAS,KAAK,UAAU,KAAK,EACrC,IAAI,CAAC,SAAS,KAAK,KAAK;AACtB,WAAA,OAAO,CAAC,KAAK;AAAA,EAAA;AAGxB,WAAS,YAAY,OAAe;AACzB,WAAA,+BAAO,SAAS;AAAA,EAAK;AAM1B,QAAA,cAAyC,SAAS,MAAM;AAC1D,WAAO,MAAM,YAAY,IAAI,CAAC,SAAS;AACnC,aAAO,OAAO;AAAA,QACV;AAAA,UACI,UAAU,KAAK,YAAY;AAAA,UAC3B,WAAW,KAAK,MAAM,SAAS,KAAK,IAC9B,EAAE,gBAAgB,IAClB,EAAE,iBAAiB;AAAA,QAC7B;AAAA,QACA;AAAA,MACJ;AAAA,IAAA,CACH;AAAA,EAAA,CACJ;AAOK,QAAA,mBAAmB,SAAS,MAAM;AACpC,UAAM,SAAS,MAAM;AAAA,MACjB,IAAI,IAAI,YAAY,MAAM,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;AAAA,IACvD;AACA,UAAM,UAAU,CAAC;AACjB,eAAW,SAAS,QAAQ;AACxB,cAAQ,KAAK;AAAA,QACT;AAAA,QACA,OAAO;AAAA,QACP,OAAO;AAAA,UACH,UAAU,gBAAgB,KAAK;AAAA,QAAA;AAAA,MACnC,CACH;AAAA,IAAA;AAEE,WAAA;AAAA,EAAA,CACV;AAEK,QAAA,oBAAoB,SAAS,MAAM;AACrC,UAAM,SAAS,CAAC;AACL,eAAA,SAAS,aAAa,OAAO;AAC7B,aAAA,KAAK,kBAAkB,KAAK,CAAC;AAAA,IAAA;AAEjC,WAAA;AAAA,EAAA,CACV;AAED,QAAM,YAAY,SAAS,MAAM,kBAAkB,MAAM,CAAC,CAAC;AAErD,QAAA,uBAAuB,SAAS,MAAM;AAClC,UAAA,UAAU,gBAAgB,UAAU,KAAK;AACxC,WAAA,QAAQ,IAAI,CAAC,WAAW;AAC3B,aAAO,OAAO;AAAA,QACV;AAAA,UACI,OAAO;AAAA,YACH,UAAU,OAAO;AAAA,YACjB,WAAW,YAAY,OAAO,KAAK,IAC7B,cACA;AAAA,UAAA;AAAA,QAEd;AAAA,QACA;AAAA,MACJ;AAAA,IAAA,CACH;AAAA,EAAA,CACJ;AAEK,QAAA,sBAAsB,CAAC,cAAwB;AACjD,UAAM,UAAU,gBAAgB,UAAU,CAAC,CAAC;AAC5C,UAAM,kBAAkB,QAAQ,OAAO,CAAC,WAAW;AAE3C,aAAA,YAAY,OAAO,KAAK,MACpB,YAAY,aAAa,MAAM,CAAC,CAAC,KAAK,CAAC,OAAO;AAAA,IAAA,CAEzD;AACD,UAAM,YAAY,gBAAgB,CAAC,KAAK,QAAQ,CAAC;AACpC,iBAAA,QAAQ,CAAC,UAAU,KAAK;AAAA,EACzC;AAEM,QAAA,WAAW,SAAS,MAAM;AAC5B,WAAO,YAAY,aAAa,MAAM,CAAC,CAAC,IAAI,cAAc;AAAA,EAAA,CAC7D;AAEM,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"sort.mjs","sources":["../../../../../src/components/EvDataTable/composables/sort.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { computed, ComputedRef, PropType } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport { ArrowDownIcon, ArrowUpIcon } from \"@/icons\";\n\nexport type SortItem = {\n    key: string;\n    order?: boolean | \"asc\" | \"desc\";\n};\n\nexport interface SortOption {\n    title: string;\n    value: string;\n    direction?: string;\n    disabled?: boolean;\n}\n\nexport interface SortProps {\n    sort: string[];\n    sortOptions: SortOption[];\n}\n\nexport const makeDataTableSortProps = propsFactory(\n    {\n        sort: {\n            type: Array as PropType<string[]>,\n            default: () => [],\n        },\n        sortOptions: Array as PropType<SortOption[]>,\n    },\n    \"data-table-sort\",\n);\n\nexport function useSortOptions(props: SortProps) {\n    const sortSelected = useModelProxy(props, \"sort\");\n    const { t } = useLocaleFunctions();\n    const hasSort = computed(() => props.sortOptions?.length);\n\n    function isTitleDisabled(title: string) {\n        return getItemsByTitle(title).every((option) => option.disabled);\n    }\n\n    function getItemsByTitle(title: string) {\n        return sortOptions.value.filter((item) => item.title === title);\n    }\n\n    function getTitleFromValue(value: string) {\n        const titles = sortOptions.value\n            .filter((item) => item.value === value)\n            .map((item) => item.title);\n        return titles[0] ?? undefined;\n    }\n\n    function isAscending(value: string) {\n        return value?.endsWith(\"asc\");\n    }\n\n    /**\n     * Fixes some optional properties in `SortOption` objects.\n     */\n    const sortOptions: ComputedRef<SortOption[]> = computed(() => {\n        return props.sortOptions.map((item) => {\n            return Object.assign(\n                {\n                    disabled: item.disabled ?? false,\n                    direction: item.value.endsWith(\"asc\")\n                        ? t(\"sort.ascending\")\n                        : t(\"sort.descending\"),\n                },\n                item,\n            );\n        });\n    });\n\n    /**\n     * Reduces the supplied sort options down to unique titles\n     * and determines whether the title is disabled if all of its\n     * values are disabled.\n     */\n    const sortTitleOptions = computed(() => {\n        const titles = Array.from(\n            new Set(sortOptions.value.map((item) => item.title)),\n        );\n        const options = [];\n        for (const title of titles) {\n            options.push({\n                title,\n                value: title,\n                props: {\n                    disabled: isTitleDisabled(title),\n                },\n            });\n        }\n        return options;\n    });\n\n    const sortTitleSelected = computed(() => {\n        const titles = [];\n        for (const value of sortSelected.value) {\n            titles.push(getTitleFromValue(value));\n        }\n        return titles;\n    });\n\n    const sortTitle = computed(() => sortTitleSelected.value[0]);\n\n    const sortDirectionOptions = computed(() => {\n        const options = getItemsByTitle(sortTitle.value);\n        return options.map((option) => {\n            return Object.assign(\n                {\n                    props: {\n                        disabled: option.disabled,\n                        iconStart: isAscending(option.value)\n                            ? ArrowUpIcon\n                            : ArrowDownIcon,\n                    },\n                },\n                option,\n            );\n        });\n    });\n\n    const onSortTitleSelected = (selection: string[]) => {\n        const options = getItemsByTitle(selection[0]);\n        const availableValues = options.filter((option) => {\n            return (\n                isAscending(option.value) ===\n                    isAscending(sortSelected.value[0]) && !option.disabled\n            );\n        });\n        const newOption = availableValues[0] ?? options[0];\n        sortSelected.value = [newOption.value];\n    };\n\n    const sortIcon = computed(() => {\n        return isAscending(sortSelected.value[0]) ? ArrowUpIcon : ArrowDownIcon;\n    });\n\n    return {\n        hasSort,\n        sortOptions,\n        sortSelected,\n        sortTitle,\n        sortTitleOptions,\n        sortTitleSelected,\n        sortDirectionOptions,\n        onSortTitleSelected,\n        sortIcon,\n    };\n}\n"],"names":["makeDataTableSortProps","propsFactory","useSortOptions","props","sortSelected","useModelProxy","t","useLocaleFunctions","hasSort","computed","_a","isTitleDisabled","title","getItemsByTitle","option","sortOptions","item","getTitleFromValue","value","isAscending","sortTitleOptions","titles","options","sortTitleSelected","sortTitle","sortDirectionOptions","ArrowUpIcon","ArrowDownIcon","onSortTitleSelected","selection","newOption","sortIcon"],"mappings":"8XAuBaA,EAAyBC,EAAA,aAClC,CACI,KAAM,CACF,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EACA,YAAa,KACjB,EACA,iBACJ,EAEO,SAASC,EAAeC,EAAkB,CACvC,MAAAC,EAAeC,EAAAA,cAAcF,EAAO,MAAM,EAC1C,CAAE,EAAAG,CAAE,EAAIC,qBAAmB,EAC3BC,EAAUC,EAAA,SAAS,IAAM,OAAA,OAAAC,EAAAP,EAAM,cAAN,YAAAO,EAAmB,OAAM,EAExD,SAASC,EAAgBC,EAAe,CACpC,OAAOC,EAAgBD,CAAK,EAAE,MAAOE,GAAWA,EAAO,QAAQ,CAAA,CAGnE,SAASD,EAAgBD,EAAe,CACpC,OAAOG,EAAY,MAAM,OAAQC,GAASA,EAAK,QAAUJ,CAAK,CAAA,CAGlE,SAASK,EAAkBC,EAAe,CAI/B,OAHQH,EAAY,MACtB,OAAQC,GAASA,EAAK,QAAUE,CAAK,EACrC,IAAKF,GAASA,EAAK,KAAK,EACf,CAAC,GAAK,MAAA,CAGxB,SAASG,EAAYD,EAAe,CACzB,OAAAA,GAAA,YAAAA,EAAO,SAAS,MAAK,CAM1B,MAAAH,EAAyCN,EAAAA,SAAS,IAC7CN,EAAM,YAAY,IAAKa,GACnB,OAAO,OACV,CACI,SAAUA,EAAK,UAAY,GAC3B,UAAWA,EAAK,MAAM,SAAS,KAAK,EAC9BV,EAAE,gBAAgB,EAClBA,EAAE,iBAAiB,CAC7B,EACAU,CACJ,CACH,CACJ,EAOKI,EAAmBX,EAAAA,SAAS,IAAM,CACpC,MAAMY,EAAS,MAAM,KACjB,IAAI,IAAIN,EAAY,MAAM,IAAKC,GAASA,EAAK,KAAK,CAAC,CACvD,EACMM,EAAU,CAAC,EACjB,UAAWV,KAASS,EAChBC,EAAQ,KAAK,CACT,MAAAV,EACA,MAAOA,EACP,MAAO,CACH,SAAUD,EAAgBC,CAAK,CAAA,CACnC,CACH,EAEE,OAAAU,CAAA,CACV,EAEKC,EAAoBd,EAAAA,SAAS,IAAM,CACrC,MAAMY,EAAS,CAAC,EACL,UAAAH,KAASd,EAAa,MACtBiB,EAAA,KAAKJ,EAAkBC,CAAK,CAAC,EAEjC,OAAAG,CAAA,CACV,EAEKG,EAAYf,EAAAA,SAAS,IAAMc,EAAkB,MAAM,CAAC,CAAC,EAErDE,EAAuBhB,EAAAA,SAAS,IAClBI,EAAgBW,EAAU,KAAK,EAChC,IAAKV,GACT,OAAO,OACV,CACI,MAAO,CACH,SAAUA,EAAO,SACjB,UAAWK,EAAYL,EAAO,KAAK,EAC7BY,EAAAA,QACAC,EAAAA,OAAA,CAEd,EACAb,CACJ,CACH,CACJ,EAEKc,EAAuBC,GAAwB,CACjD,MAAMP,EAAUT,EAAgBgB,EAAU,CAAC,CAAC,EAOtCC,EANkBR,EAAQ,OAAQR,GAEhCK,EAAYL,EAAO,KAAK,IACpBK,EAAYf,EAAa,MAAM,CAAC,CAAC,GAAK,CAACU,EAAO,QAEzD,EACiC,CAAC,GAAKQ,EAAQ,CAAC,EACpClB,EAAA,MAAQ,CAAC0B,EAAU,KAAK,CACzC,EAEMC,EAAWtB,EAAAA,SAAS,IACfU,EAAYf,EAAa,MAAM,CAAC,CAAC,EAAIsB,EAAAA,QAAcC,EAAA,OAC7D,EAEM,MAAA,CACH,QAAAnB,EACA,YAAAO,EACA,aAAAX,EACA,UAAAoB,EACA,iBAAAJ,EACA,kBAAAG,EACA,qBAAAE,EACA,oBAAAG,EACA,SAAAG,CACJ,CACJ"}

package/dist/esm/components/EvDateField/EvDateField.mjs

@@ -1,22 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeEvDatePickerProps } from "../EvDatePicker/EvDatePicker.mjs";
-import { makeEvTextfieldProps } from "../EvTextfield/EvTextfield.mjs";
-import CalendarIcon from "../../icons/glyph/CalendarIcon.svg.mjs";
-import { propsFactory } from "../../util/props.mjs";
-import { omit } from "../../util/helpers.mjs";
-const makeEvDateFieldProps = propsFactory(
-  {
-    ...omit(
-      makeEvTextfieldProps({
-        iconStart: CalendarIcon
-      }),
-      ["type"]
-    ),
-    ...makeEvDatePickerProps()
-  },
-  "EvDateField"
-);
-export {
-  makeEvDateFieldProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvDatePicker/EvDatePicker.mjs"),r=require("../EvTextfield/EvTextfield.mjs"),t=require("../../icons/glyph/CalendarIcon.svg.mjs"),o=require("../../util/props.mjs"),i=require("../../util/helpers.mjs"),s=o.propsFactory({...i.omit(r.makeEvTextfieldProps({iconStart:t.default}),["type"]),...e.makeEvDatePickerProps()},"EvDateField");exports.makeEvDateFieldProps=s;
 //# sourceMappingURL=EvDateField.mjs.map

package/dist/esm/components/EvDateField/EvDateField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDateField.mjs","sources":["../../../../src/components/EvDateField/EvDateField.ts"],"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"],"names":[],"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;"}
+{"version":3,"file":"EvDateField.mjs","sources":["../../../../src/components/EvDateField/EvDateField.ts"],"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"],"names":["makeEvDateFieldProps","propsFactory","omit","makeEvTextfieldProps","CalendarIcon","makeEvDatePickerProps"],"mappings":"gVAKaA,EAAuBC,EAAA,aAChC,CACI,GAAGC,EAAA,KACCC,uBAAqB,CACjB,UAAWC,EAAAA,OAAA,CACd,EACD,CAAC,MAAM,CACX,EACA,GAAGC,EAAsB,sBAAA,CAC7B,EACA,aACJ"}

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

@@ -1,159 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, useSlots, ref, computed, shallowRef, watch, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, createVNode, isRef, renderSlot } from "vue";
-/* empty css                  */
-import { makeEvDateFieldProps } from "./EvDateField.mjs";
-import _sfc_main$1 from "../EvTextfield/EvTextfield.vue.mjs";
-import _sfc_main$2 from "../EvMenu/EvMenu.vue.mjs";
-import _sfc_main$4 from "../EvDatePicker/EvDatePicker.vue.mjs";
-import _sfc_main$3 from "../EvSurface/EvSurface.vue.mjs";
-import { useModelProxy } from "../../composables/modelProxy.mjs";
-import { useDate } from "../../composables/date/date.mjs";
-import { omit, filterComponentProps, wrapInArray } from "../../util/helpers.mjs";
-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
-      }, [
-        unref(slots).label ? {
-          name: "label",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "label")
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["modelValue", "focused", "validation-value"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                   */const F=require("./EvDateField.mjs"),p=require("../EvTextfield/EvTextfield.vue.mjs"),D=require("../EvMenu/EvMenu.vue.mjs"),m=require("../EvDatePicker/EvDatePicker.vue.mjs"),E=require("../EvSurface/EvSurface.vue.mjs"),S=require("../../composables/modelProxy.mjs"),b=require("../../composables/date/date.mjs"),r=require("../../util/helpers.mjs"),T=e.defineComponent({__name:"EvDateField",props:{...F.makeEvDateFieldProps()},setup(_){const d=_,n=b.useDate(),V=e.useSlots(),y=e.ref(),f=e.ref(),k=e.computed(()=>r.omit(r.filterComponentProps(p.default,d),["modelValue"])),s=e.shallowRef(!1),c=e.ref(),P=e.computed(()=>r.omit(r.filterComponentProps(m.default,d),["modelValue"])),i=e.shallowRef(!1),o=S.useModelProxy(d,"modelValue",void 0,l=>r.wrapInArray(l),l=>l[0]??null),a=e.shallowRef(null);function g(){s.value&&f.value&&f.value.focus()}function x(){s.value=!0,i.value=!0}function q(l){var t;(t=c.value)!=null&&t.$el.contains(l.relatedTarget)||(i.value=!1)}function w(l){s.value=!0}function C(){i.value=!1}function M(){v(null)}function v(l){o.value=r.wrapInArray(l)}function R(l){var u;if(!((u=a.value)!=null&&u.length)){v(null);return}const t=n.date(a.value);t&&n.isValid(t)&&n.getYear(t).toString().length===4&&n.format(t,"displayDate")===a.value&&v(t)}return e.watch(o,()=>{const l=o.value[0]??null;!l||!n.isValid(l)?a.value=null:a.value=n.format(o.value[0],"displayDate")}),(l,t)=>(e.openBlock(),e.createBlock(e.unref(p.default),e.mergeProps({ref_key:"evTextfieldRef",ref:f},k.value,{modelValue:a.value,"onUpdate:modelValue":t[3]||(t[3]=u=>a.value=u),focused:s.value,"onUpdate:focused":t[4]||(t[4]=u=>s.value=u),class:"ev-date-field","validation-value":e.unref(o),"onClick:control":x,onBlur:q,"onClick:clear":M,onInput:R}),e.createSlots({default:e.withCtx(()=>[e.createVNode(e.unref(D.default),{ref_key:"evMenuRef",ref:y,modelValue:i.value,"onUpdate:modelValue":t[2]||(t[2]=u=>i.value=u),activator:"parent",position:"bottom-start","open-on-click":!1,"close-on-content-click":!1,onAfterLeave:g},{default:e.withCtx(()=>[e.createVNode(e.unref(E.default),{elevation:"overlay",class:"ev-date-field--surface"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.default),e.mergeProps({ref_key:"datePickerRef",ref:c},P.value,{modelValue:e.unref(o),"onUpdate:modelValue":[t[0]||(t[0]=u=>e.isRef(o)?o.value=u:null),t[1]||(t[1]=u=>C())],onFocusin:w}),null,16,["modelValue"])]),_:1})]),_:1},8,["modelValue"])]),_:2},[e.unref(V).label?{name:"label",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"label")]),key:"0"}:void 0]),1040,["modelValue","focused","validation-value"]))}});exports.default=T;
 //# sourceMappingURL=EvDateField.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvDateField.vue.mjs","sources":["../../../../src/components/EvDateField/EvDateField.vue"],"sourcesContent":["<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=\"slots.label\" #label>\n            <slot name=\"label\" />\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":";;;;;;;;;;;;;;;;;;AAgBA,UAAM,cAAc,QAAQ;AAI5B,UAAM,QAAQA;AAKd,UAAM,YAAY,IAAmB;AACrC,UAAM,iBAAiB,IAAwB;AACzC,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,IAAyB;AACzC,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,MAAA;AAAA,IAE3B;AACM,UAAA,eAAe,WAA0B,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,QAAQ,YAAY,KAAK;AAAA,IAAA;AAGxC,aAAS,QAAQ,GAAU;;AACnB,UAAA,GAAC,kBAAa,UAAb,mBAAoB,SAAQ;AAC7B,sBAAc,IAAI;AAClB;AAAA,MAAA;AAEJ,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,MAAA;AAAA,IACtB;AAGJ,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,QACJ;AAAA,MAAA;AAAA,IACJ,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvDateField.vue.mjs","sources":["../../../../src/components/EvDateField/EvDateField.vue"],"sourcesContent":["<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=\"slots.label\" #label>\n            <slot name=\"label\" />\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":["dateAdapter","useDate","slots","_useSlots","evMenuRef","ref","evTextfieldRef","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","props","isFocused","shallowRef","datePickerRef","datePickerProps","EvDatePicker","isMenuOpen","modelValue","useModelProxy","value","wrapInArray","displayValue","onMenuAfterLeave","onFieldFocus","onFieldBlur","e","_a","onDatePickerFocusIn","onUpdateModelValue","onClearInput","setModelValue","onInput","date","watch"],"mappings":"ooBAgBMA,EAAcC,EAAAA,QAAQ,EAItBC,EAAQC,EAAAA,WAKRC,EAAYC,EAAAA,IAAmB,EAC/BC,EAAiBD,EAAAA,IAAwB,EACzCE,EAAmBC,EAAAA,SAAS,IACvBC,EAAAA,KAAKC,EAAAA,qBAAqBC,EAAAA,QAAaC,CAAK,EAAG,CAAC,YAAY,CAAC,CACvE,EACKC,EAAYC,aAAW,EAAK,EAG5BC,EAAgBV,EAAAA,IAAyB,EACzCW,EAAkBR,EAAAA,SAAS,IACtBC,EAAAA,KAAKC,EAAAA,qBAAqBO,EAAAA,QAAcL,CAAK,EAAG,CAAC,YAAY,CAAC,CACxE,EAGKM,EAAaJ,aAAW,EAAK,EAC7BK,EAAaC,EAAA,cACfR,EACA,aACA,OACCS,GAAUC,EAAA,YAAYD,CAAK,EAC3BA,GACUA,EAAM,CAAC,GAAK,IAE3B,EACME,EAAeT,aAA0B,IAAI,EAMnD,SAASU,GAAmB,CACpBX,EAAU,OAASP,EAAe,OAClCA,EAAe,MAAM,MAAM,CAC/B,CAGJ,SAASmB,GAAe,CACpBZ,EAAU,MAAQ,GAClBK,EAAW,MAAQ,EAAA,CAOvB,SAASQ,EAAYC,EAAe,QAC3BC,EAAAb,EAAc,QAAd,MAAAa,EAAqB,IAAI,SAASD,EAAE,iBACrCT,EAAW,MAAQ,GACvB,CAQJ,SAASW,EAAoBF,EAAe,CACxCd,EAAU,MAAQ,EAAA,CAGtB,SAASiB,GAAqB,CAC1BZ,EAAW,MAAQ,EAAA,CAGvB,SAASa,GAAe,CACpBC,EAAc,IAAI,CAAA,CAGtB,SAASA,EAAcX,EAAY,CACpBF,EAAA,MAAQG,cAAYD,CAAK,CAAA,CAGxC,SAASY,EAAQN,EAAU,OACnB,GAAA,GAACC,EAAAL,EAAa,QAAb,MAAAK,EAAoB,QAAQ,CAC7BI,EAAc,IAAI,EAClB,MAAA,CAEJ,MAAME,EAAOlC,EAAY,KAAKuB,EAAa,KAAK,EAE5CW,GACAlC,EAAY,QAAQkC,CAAI,GACxBlC,EAAY,QAAQkC,CAAI,EAAE,SAAW,EAAA,SAAW,GAChDlC,EAAY,OAAOkC,EAAM,aAAa,IAAMX,EAAa,OAEzDS,EAAcE,CAAI,CACtB,CAGJC,OAAAA,EAAA,MAAMhB,EAAY,IAAM,CACpB,MAAMe,EAAOf,EAAW,MAAM,CAAC,GAAK,KAChC,CAACe,GAAQ,CAAClC,EAAY,QAAQkC,CAAI,EAClCX,EAAa,MAAQ,KAErBA,EAAa,MAAQvB,EAAY,OAC7BmB,EAAW,MAAM,CAAC,EAClB,aACJ,CACJ,CACH"}

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

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

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

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

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

@@ -1,20 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeEvDatePickerMonthProps } from "./EvDatePickerMonth/EvDatePickerMonth.mjs";
-import { makeEvDatePickerYearsProps } from "./EvDatePickerYears/EvDatePickerYears.mjs";
-import { propsFactory } from "../../util/props.mjs";
-import { omit } from "../../util/helpers.mjs";
-const makeEvDatePickerProps = propsFactory(
-  {
-    viewMode: {
-      type: String,
-      default: "month"
-    },
-    ...makeEvDatePickerMonthProps(),
-    ...omit(makeEvDatePickerYearsProps, ["modelValue"])
-  },
-  "EvDatePicker"
-);
-export {
-  makeEvDatePickerProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./EvDatePickerMonth/EvDatePickerMonth.mjs"),r=require("./EvDatePickerYears/EvDatePickerYears.mjs"),t=require("../../util/props.mjs"),o=require("../../util/helpers.mjs"),a=t.propsFactory({viewMode:{type:String,default:"month"},...e.makeEvDatePickerMonthProps(),...o.omit(r.makeEvDatePickerYearsProps,["modelValue"])},"EvDatePicker");exports.makeEvDatePickerProps=a;
 //# sourceMappingURL=EvDatePicker.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvDatePicker.mjs","sources":["../../../../src/components/EvDatePicker/EvDatePicker.ts"],"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"],"names":[],"mappings":";;;;;AAKO,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,2BAA2B;AAAA,IAC9B,GAAG,KAAK,4BAAmC,CAAC,YAAY,CAAC;AAAA,EAC7D;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvDatePicker.mjs","sources":["../../../../src/components/EvDatePicker/EvDatePicker.ts"],"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"],"names":["makeEvDatePickerProps","propsFactory","makeEvDatePickerMonthProps","omit","makeEvDatePickerYearsProps"],"mappings":"gTAKaA,EAAwBC,EAAA,aACjC,CACI,SAAU,CACN,KAAM,OACN,QAAS,OACb,EAEA,GAAGC,6BAA2B,EAC9B,GAAGC,EAAA,KAAKC,6BAAmC,CAAC,YAAY,CAAC,CAC7D,EACA,cACJ"}