@evance/evance-ui 1.1.13 → 1.1.16

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

@@ -1 +1 @@
-{"version":3,"file":"EvDataTable.vue.mjs","sources":["../../../../src/components/EvDataTable/EvDataTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvDataTable.scss\";\r\nimport { makeEvDataTableProps } from \"./EvDataTable\";\r\nimport { useDimensions } from \"@/composables/dimensions\";\r\nimport { computed, nextTick, onMounted, ref, watch } from \"vue\";\r\nimport { useVirtual } from \"@/composables/virtual\";\r\nimport {\r\n    filterComponentProps,\r\n    getPrefixedEventHandlers,\r\n    omit,\r\n    toWebUnit,\r\n} from \"@/util\";\r\nimport { DataTableItemProps, useDataTableItems } from \"./composables/items\";\r\nimport EvVirtualScrollItem from \"@/components/EvVirtualScroll/EvVirtualScrollItem.vue\";\r\nimport { createHeaders } from \"@/components/EvDataTable/composables/headers\";\r\nimport { EvDataTableRow } from \"@/components/EvDataTable/EvDataTableRow\";\r\nimport { provideSelection } from \"@/components/EvDataTable/composables/select\";\r\nimport { EvDataTableSearch } from \"@/components/EvDataTable/EvDataTableSearch\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport {\r\n    DataTableHeader,\r\n    DataTableItem,\r\n    ItemSlot,\r\n} from \"@/components/EvDataTable/composables/types\";\r\nimport { useLocaleFunctions } from \"@/composables\";\r\nimport {\r\n    EvInfiniteScroll,\r\n    InfiniteScrollStatus,\r\n} from \"@/components/EvInfiniteScroll\";\r\nimport { ComponentExposed } from \"vue-component-type-helpers\";\r\nimport { EvDataTableCell } from \"@/components/EvDataTable/EvDataTableCell\";\r\nimport { calculateDisplayRuleValue } from \"@/composables/display\";\r\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\r\n\r\nconst props = defineProps({ ...makeEvDataTableProps() });\r\nconst slots = defineSlots<{\r\n    colgroup(): never;\r\n    default(props: ItemSlot): never;\r\n    empty(): never;\r\n    filters(): never;\r\n    finished(): never;\r\n    \"select-actions\"(): never;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n    (e: \"click:row\", event: PointerEvent, item: DataTableItem): void;\r\n    (e: \"contextmenu:row\", event: PointerEvent, item: DataTableItem): void;\r\n    (e: \"dblclick:row\", event: PointerEvent, item: DataTableItem): void;\r\n    (\r\n        e: \"load\",\r\n        options: {\r\n            setPageItems: (\r\n                items: DataTableItemProps[\"items\"],\r\n                isLastPage?: boolean,\r\n            ) => void;\r\n            page: number;\r\n        },\r\n    ): void;\r\n    (e: \"update:items\", value: unknown[]): void;\r\n    (e: \"update:loading\", value: boolean): void;\r\n    (e: \"update:selected\", value: unknown[]): void;\r\n    (e: \"update:page\", value: number): void;\r\n    (e: \"update:search\", value: string): void;\r\n    (e: \"update:sort\", value: string[]): void;\r\n}>();\r\n\r\nconst isLoading = useModelProxy(props, \"loading\", false);\r\nconst itemsModel = useModelProxy(props, \"items\");\r\nconst pageModel = useModelProxy(props, \"page\");\r\nconst dimensions = useDimensions(props);\r\nconst { columns, headers } = createHeaders(props);\r\nconst { items } = useDataTableItems(itemsModel, props, columns);\r\n\r\nconst { allSelected, selectAll, showSelectAll, someSelected } =\r\n    provideSelection(props, items);\r\n\r\nconst {\r\n    containerRef,\r\n    markerRef,\r\n    paddingTop,\r\n    paddingBottom,\r\n    computedItems,\r\n    handleItemResize,\r\n    handleScroll,\r\n    handleScrollend,\r\n} = useVirtual(props, items);\r\n\r\nconst totalColumns = computed(() => {\r\n    return columns.value.length + (props.showSelect ? 1 : 0);\r\n});\r\n\r\nconst { t } = useLocaleFunctions();\r\nconst sortModel = useModelProxy(props, \"sort\");\r\nconst searchModel = useModelProxy(props, \"search\");\r\nconst infiniteScrollRef = ref<ComponentExposed<typeof EvInfiniteScroll>>();\r\nconst infiniteScrollDisabled = computed(() => isLoading.value);\r\nconst isEmpty = computed(() => !itemsModel.value?.length);\r\nconst searchProps = computed(() => {\r\n    return omit(filterComponentProps(EvDataTableSearch, props), [\r\n        \"loading\",\r\n        \"search\",\r\n        \"sort\",\r\n    ]);\r\n});\r\n\r\nconst spaceAbove = computed(() => toWebUnit(paddingTop.value));\r\nconst spaceBelow = computed(() => toWebUnit(paddingBottom.value));\r\n\r\nwatch(\r\n    () => infiniteScrollRef.value?.rootElement,\r\n    (value) => {\r\n        containerRef.value = value;\r\n    },\r\n);\r\n\r\nwatch(\r\n    () => props.filters,\r\n    () => {\r\n        loadFirstPage();\r\n    },\r\n    { deep: true },\r\n);\r\n\r\nfunction loadFirstPage() {\r\n    isLoading.value = true;\r\n    const nextPage = 1;\r\n    function setPageItems(\r\n        results: DataTableItemProps[\"items\"],\r\n        isLastPage: boolean = false,\r\n    ) {\r\n        itemsModel.value = results;\r\n        pageModel.value = nextPage;\r\n        /**\r\n         * We have to wait for DOM to update before resetScroll to cater for\r\n         * show/hiding infinite scroll from an empty state.\r\n         */\r\n        nextTick(() => {\r\n            resetScroll(\r\n                results.length < props.itemsPerPage || isLastPage\r\n                    ? \"finished\"\r\n                    : \"ok\",\r\n            );\r\n            isLoading.value = false;\r\n        });\r\n    }\r\n    emit(\"load\", { setPageItems, page: nextPage });\r\n}\r\n\r\nfunction onInfiniteScrollLoad(options) {\r\n    const nextPage = pageModel.value + 1;\r\n    function setPageItems(\r\n        results: DataTableItemProps[\"items\"],\r\n        isLastPage: boolean = false,\r\n    ) {\r\n        itemsModel.value.push(...results);\r\n        pageModel.value = nextPage;\r\n        results.length < props.itemsPerPage || isLastPage\r\n            ? options.done()\r\n            : options.next();\r\n    }\r\n    emit(\"load\", { setPageItems, page: nextPage });\r\n}\r\n\r\nfunction resetScroll(status: InfiniteScrollStatus = \"ok\") {\r\n    infiniteScrollRef.value?.reset(status);\r\n}\r\n\r\nfunction colStyle(column: DataTableHeader) {\r\n    return {\r\n        width: calculateDisplayRuleValue(column.width),\r\n        minWidth: calculateDisplayRuleValue(column.minWidth),\r\n        maxWidth: calculateDisplayRuleValue(column.maxWidth),\r\n    };\r\n}\r\n\r\ndefineExpose({\r\n    resetScroll,\r\n    reload: loadFirstPage,\r\n});\r\n\r\nonMounted(() => {\r\n    if (!itemsModel.value?.length) {\r\n        loadFirstPage();\r\n    }\r\n});\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        :class=\"['ev-data-table', props.class]\"\r\n        :style=\"[dimensions, props.style]\">\r\n        <ev-data-table-search\r\n            v-bind=\"searchProps\"\r\n            v-model:search=\"searchModel\"\r\n            v-model:sort=\"sortModel\"\r\n            :loading=\"isLoading\"\r\n            :hide-select-all=\"props.showHeaders\"\r\n            :filters=\"props.filters\"\r\n            @update:sort=\"loadFirstPage\"\r\n            @update:search=\"loadFirstPage\">\r\n            <template v-if=\"slots['select-actions']\" #select-actions>\r\n                <slot name=\"select-actions\" />\r\n            </template>\r\n            <template v-if=\"slots.filters\" #filters>\r\n                <slot name=\"filters\" />\r\n            </template>\r\n        </ev-data-table-search>\r\n        <div v-if=\"isEmpty\" class=\"ev-data-table--empty\">\r\n            <slot name=\"empty\">{{ t(\"table.empty\") }}</slot>\r\n        </div>\r\n        <ev-infinite-scroll\r\n            v-else\r\n            ref=\"infiniteScrollRef\"\r\n            class=\"ev-data-table--wrapper\"\r\n            :disabled=\"infiniteScrollDisabled\"\r\n            :show-finished=\"props.showFinished\"\r\n            @load=\"onInfiniteScrollLoad\"\r\n            @scroll.passive=\"handleScroll\"\r\n            @scrollend=\"handleScrollend\">\r\n            <template v-if=\"slots.finished\" #finished>\r\n                <slot name=\"finished\" />\r\n            </template>\r\n            <table class=\"ev-data-table--native\">\r\n                <slot name=\"colgroup\">\r\n                    <colgroup>\r\n                        <col v-if=\"props.showSelect\" />\r\n                        <col\r\n                            v-for=\"(column, colIndex) of columns\"\r\n                            :key=\"colIndex\"\r\n                            :style=\"colStyle(column)\" />\r\n                    </colgroup>\r\n                </slot>\r\n                <thead\r\n                    v-if=\"props.showHeaders\"\r\n                    class=\"ev-data-table--thead\"\r\n                    role=\"rowgroup\">\r\n                    <tr v-for=\"(row, rowIndex) of headers\" :key=\"rowIndex\">\r\n                        <ev-data-table-cell\r\n                            v-if=\"showSelectAll && rowIndex === 0\"\r\n                            tag=\"th\"\r\n                            :colspan=\"1\"\r\n                            :rowspan=\"headers.length\"\r\n                            class=\"ev-data-table-cell--checkbox\">\r\n                            <ev-checkbox\r\n                                :model-value=\"allSelected\"\r\n                                :indeterminate=\"someSelected && !allSelected\"\r\n                                @update:model-value=\"selectAll\" />\r\n                        </ev-data-table-cell>\r\n                        <ev-data-table-cell\r\n                            v-for=\"(header, headerIndex) of row\"\r\n                            :key=\"headerIndex\"\r\n                            tag=\"th\"\r\n                            v-bind=\"header.headerProps\"\r\n                            :align=\"header.align\"\r\n                            :colspan=\"header.colspan\"\r\n                            :rowspan=\"header.rowspan\">\r\n                            <slot\r\n                                :name=\"`header.${header.key}`\"\r\n                                v-bind=\"{ header }\">\r\n                                {{ header.title }}\r\n                            </slot>\r\n                        </ev-data-table-cell>\r\n                    </tr>\r\n                </thead>\r\n                <tbody class=\"ev-data-table--tbody\" role=\"rowgroup\">\r\n                    <tr\r\n                        ref=\"markerRef\"\r\n                        class=\"ev-data-table--spacer-above\"\r\n                        :style=\"{ height: spaceAbove, border: 0 }\">\r\n                        <td\r\n                            :colspan=\"totalColumns\"\r\n                            :style=\"{ height: 0, border: 0 }\"></td>\r\n                    </tr>\r\n                    <ev-virtual-scroll-item\r\n                        v-for=\"displayItem of computedItems\"\r\n                        :key=\"displayItem.raw.key ?? displayItem.index\"\r\n                        renderless\r\n                        @update:height=\"\r\n                            (h) => handleItemResize(displayItem.index, h)\r\n                        \">\r\n                        <template #default=\"{ itemRef }\">\r\n                            <ev-data-table-row\r\n                                v-bind=\"{\r\n                                    ref: itemRef,\r\n                                    item: displayItem.raw,\r\n                                    index: displayItem.index,\r\n                                    ...getPrefixedEventHandlers(\r\n                                        props,\r\n                                        ':row',\r\n                                        () => ({ ...itemRef.value }),\r\n                                    ),\r\n                                }\">\r\n                                <template #default=\"itemProps\">\r\n                                    <slot name=\"default\" v-bind=\"itemProps\" />\r\n                                </template>\r\n                                <template\r\n                                    v-for=\"column in columns\"\r\n                                    :key=\"`item-${displayItem.index}-${column.key}`\"\r\n                                    #[`item.${column.key}`]=\"cellProps\">\r\n                                    <slot\r\n                                        v-if=\"!slots.default\"\r\n                                        :name=\"`item.${column.key}`\"\r\n                                        v-bind=\"cellProps\" />\r\n                                </template>\r\n                            </ev-data-table-row>\r\n                        </template>\r\n                    </ev-virtual-scroll-item>\r\n                    <tr\r\n                        class=\"ev-data-table--spacer-below\"\r\n                        :style=\"{ height: spaceBelow, border: 0 }\">\r\n                        <td\r\n                            :colspan=\"totalColumns\"\r\n                            :style=\"{ height: 0, border: 0 }\"></td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </ev-infinite-scroll>\r\n    </div>\r\n</template>\r\n"],"names":["slots","_useSlots","isLoading","useModelProxy","props","itemsModel","pageModel","dimensions","useDimensions","columns","headers","createHeaders","items","useDataTableItems","allSelected","selectAll","showSelectAll","someSelected","provideSelection","containerRef","markerRef","paddingTop","paddingBottom","computedItems","handleItemResize","handleScroll","handleScrollend","useVirtual","totalColumns","computed","t","useLocaleFunctions","sortModel","searchModel","infiniteScrollRef","ref","infiniteScrollDisabled","isEmpty","_a","searchProps","omit","filterComponentProps","EvDataTableSearch","spaceAbove","toWebUnit","spaceBelow","watch","value","loadFirstPage","nextPage","setPageItems","results","isLastPage","nextTick","resetScroll","emit","onInfiniteScrollLoad","options","status","colStyle","column","calculateDisplayRuleValue","__expose","onMounted"],"mappings":"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"}
+{"version":3,"file":"EvDataTable.vue.mjs","sources":["../../../../src/components/EvDataTable/EvDataTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvDataTable.scss\";\r\nimport { makeEvDataTableProps } from \"./EvDataTable\";\r\nimport { useDimensions } from \"@/composables/dimensions\";\r\nimport { computed, nextTick, onMounted, ref, watch } from \"vue\";\r\nimport { useVirtual } from \"@/composables/virtual\";\r\nimport {\r\n    filterComponentProps,\r\n    getPrefixedEventHandlers,\r\n    omit,\r\n    toWebUnit,\r\n} from \"@/util\";\r\nimport { DataTableItemProps, useDataTableItems } from \"./composables/items\";\r\nimport EvVirtualScrollItem from \"@/components/EvVirtualScroll/EvVirtualScrollItem.vue\";\r\nimport { createHeaders } from \"@/components/EvDataTable/composables/headers\";\r\nimport { EvDataTableRow } from \"@/components/EvDataTable/EvDataTableRow\";\r\nimport { provideSelection } from \"@/components/EvDataTable/composables/select\";\r\nimport { EvDataTableSearch } from \"@/components/EvDataTable/EvDataTableSearch\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport {\r\n    DataTableHeader,\r\n    DataTableItem,\r\n    ItemSlot,\r\n} from \"@/components/EvDataTable/composables/types\";\r\nimport { useLocaleFunctions } from \"@/composables\";\r\nimport {\r\n    EvInfiniteScroll,\r\n    InfiniteScrollStatus,\r\n} from \"@/components/EvInfiniteScroll\";\r\nimport { ComponentExposed } from \"vue-component-type-helpers\";\r\nimport { EvDataTableCell } from \"@/components/EvDataTable/EvDataTableCell\";\r\nimport { calculateDisplayRuleValue } from \"@/composables/display\";\r\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\r\n\r\nconst props = defineProps({ ...makeEvDataTableProps() });\r\nconst slots = defineSlots<{\r\n    colgroup(): never;\r\n    default(props: ItemSlot): never;\r\n    empty(): never;\r\n    filters(): never;\r\n    finished(): never;\r\n    \"select-actions\"(): never;\r\n}>();\r\n\r\nconst emit = defineEmits<{\r\n    (e: \"click:row\", event: PointerEvent, item: DataTableItem): void;\r\n    (e: \"contextmenu:row\", event: PointerEvent, item: DataTableItem): void;\r\n    (e: \"dblclick:row\", event: PointerEvent, item: DataTableItem): void;\r\n    (\r\n        e: \"load\",\r\n        options: {\r\n            setPageItems: (\r\n                items: DataTableItemProps[\"items\"],\r\n                isLastPage?: boolean,\r\n            ) => void;\r\n            page: number;\r\n        },\r\n    ): void;\r\n    (e: \"update:items\", value: unknown[]): void;\r\n    (e: \"update:loading\", value: boolean): void;\r\n    (e: \"update:selected\", value: unknown[]): void;\r\n    (e: \"update:page\", value: number): void;\r\n    (e: \"update:search\", value: string): void;\r\n    (e: \"update:sort\", value: string[]): void;\r\n}>();\r\n\r\nconst isLoading = useModelProxy(props, \"loading\", false);\r\nconst itemsModel = useModelProxy(props, \"items\");\r\nconst pageModel = useModelProxy(props, \"page\");\r\nconst dimensions = useDimensions(props);\r\nconst { columns, headers } = createHeaders(props);\r\nconst { items } = useDataTableItems(itemsModel, props, columns);\r\n\r\nconst { allSelected, selectAll, showSelectAll, someSelected } =\r\n    provideSelection(props, items);\r\n\r\nconst {\r\n    containerRef,\r\n    markerRef,\r\n    paddingTop,\r\n    paddingBottom,\r\n    computedItems,\r\n    handleItemResize,\r\n    handleScroll,\r\n    handleScrollend,\r\n} = useVirtual(props, items);\r\n\r\nconst totalColumns = computed(() => {\r\n    return columns.value.length + (props.showSelect ? 1 : 0);\r\n});\r\n\r\nconst { t } = useLocaleFunctions();\r\nconst sortModel = useModelProxy(props, \"sort\");\r\nconst searchModel = useModelProxy(props, \"search\");\r\nconst infiniteScrollRef = ref<ComponentExposed<typeof EvInfiniteScroll>>();\r\nconst infiniteScrollDisabled = computed(() => isLoading.value);\r\nconst isEmpty = computed(() => !itemsModel.value?.length);\r\nconst searchProps = computed(() => {\r\n    return omit(filterComponentProps(EvDataTableSearch, props), [\r\n        \"loading\",\r\n        \"search\",\r\n        \"sort\",\r\n    ]);\r\n});\r\n\r\nconst spaceAbove = computed(() => toWebUnit(paddingTop.value));\r\nconst spaceBelow = computed(() => toWebUnit(paddingBottom.value));\r\n\r\nwatch(\r\n    () => infiniteScrollRef.value?.rootElement,\r\n    (value) => {\r\n        containerRef.value = value;\r\n    },\r\n);\r\n\r\nwatch(\r\n    () => props.filters,\r\n    () => {\r\n        loadFirstPage();\r\n    },\r\n    { deep: true },\r\n);\r\n\r\nfunction loadFirstPage() {\r\n    isLoading.value = true;\r\n    const nextPage = 1;\r\n    function setPageItems(\r\n        results: DataTableItemProps[\"items\"],\r\n        isLastPage: boolean = false,\r\n    ) {\r\n        itemsModel.value = results;\r\n        pageModel.value = nextPage;\r\n        /**\r\n         * We have to wait for DOM to update before resetScroll to cater for\r\n         * show/hiding infinite scroll from an empty state.\r\n         */\r\n        nextTick(() => {\r\n            resetScroll(\r\n                results.length < props.itemsPerPage || isLastPage\r\n                    ? \"finished\"\r\n                    : \"ok\",\r\n            );\r\n            isLoading.value = false;\r\n        });\r\n    }\r\n    emit(\"load\", { setPageItems, page: nextPage });\r\n}\r\n\r\nfunction onInfiniteScrollLoad(options) {\r\n    const nextPage = pageModel.value + 1;\r\n    function setPageItems(\r\n        results: DataTableItemProps[\"items\"],\r\n        isLastPage: boolean = false,\r\n    ) {\r\n        itemsModel.value.push(...results);\r\n        pageModel.value = nextPage;\r\n        results.length < props.itemsPerPage || isLastPage\r\n            ? options.done()\r\n            : options.next();\r\n    }\r\n    emit(\"load\", { setPageItems, page: nextPage });\r\n}\r\n\r\nfunction resetScroll(status: InfiniteScrollStatus = \"ok\") {\r\n    infiniteScrollRef.value?.reset(status);\r\n}\r\n\r\nfunction colStyle(column: DataTableHeader) {\r\n    return {\r\n        width: calculateDisplayRuleValue(column.width),\r\n        minWidth: calculateDisplayRuleValue(column.minWidth),\r\n        maxWidth: calculateDisplayRuleValue(column.maxWidth),\r\n    };\r\n}\r\n\r\ndefineExpose({\r\n    resetScroll,\r\n    reload: loadFirstPage,\r\n});\r\n\r\nonMounted(() => {\r\n    if (!itemsModel.value?.length) {\r\n        loadFirstPage();\r\n    }\r\n});\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        :class=\"['ev-data-table', props.class]\"\r\n        :style=\"[dimensions, props.style]\">\r\n        <ev-data-table-search\r\n            v-bind=\"searchProps\"\r\n            v-model:search=\"searchModel\"\r\n            v-model:sort=\"sortModel\"\r\n            :loading=\"isLoading\"\r\n            :hide-select-all=\"props.showHeaders\"\r\n            :filters=\"props.filters\"\r\n            @update:sort=\"loadFirstPage\"\r\n            @update:search=\"loadFirstPage\">\r\n            <template v-if=\"slots['select-actions']\" #select-actions>\r\n                <slot name=\"select-actions\" />\r\n            </template>\r\n            <template v-if=\"slots.filters\" #filters>\r\n                <slot name=\"filters\" />\r\n            </template>\r\n        </ev-data-table-search>\r\n        <div v-if=\"isEmpty\" class=\"ev-data-table--empty\">\r\n            <slot name=\"empty\">{{ t(\"table.empty\") }}</slot>\r\n        </div>\r\n        <ev-infinite-scroll\r\n            v-else\r\n            ref=\"infiniteScrollRef\"\r\n            class=\"ev-data-table--wrapper\"\r\n            :disabled=\"infiniteScrollDisabled\"\r\n            :show-finished=\"props.showFinished\"\r\n            @load=\"onInfiniteScrollLoad\"\r\n            @scroll.passive=\"handleScroll\"\r\n            @scrollend=\"handleScrollend\">\r\n            <template v-if=\"slots.finished\" #finished>\r\n                <slot name=\"finished\" />\r\n            </template>\r\n            <table class=\"ev-data-table--native\">\r\n                <slot name=\"colgroup\">\r\n                    <colgroup>\r\n                        <col v-if=\"props.showSelect\" />\r\n                        <col\r\n                            v-for=\"(column, colIndex) of columns\"\r\n                            :key=\"colIndex\"\r\n                            :style=\"colStyle(column)\" />\r\n                    </colgroup>\r\n                </slot>\r\n                <thead\r\n                    v-if=\"props.showHeaders\"\r\n                    class=\"ev-data-table--thead\"\r\n                    role=\"rowgroup\">\r\n                    <tr v-for=\"(row, rowIndex) of headers\" :key=\"rowIndex\">\r\n                        <ev-data-table-cell\r\n                            v-if=\"showSelectAll && rowIndex === 0\"\r\n                            tag=\"th\"\r\n                            :colspan=\"1\"\r\n                            :rowspan=\"headers.length\"\r\n                            class=\"ev-data-table-cell--checkbox\">\r\n                            <ev-checkbox\r\n                                :model-value=\"allSelected\"\r\n                                :indeterminate=\"someSelected && !allSelected\"\r\n                                @update:model-value=\"selectAll\" />\r\n                        </ev-data-table-cell>\r\n                        <ev-data-table-cell\r\n                            v-for=\"(header, headerIndex) of row\"\r\n                            :key=\"headerIndex\"\r\n                            tag=\"th\"\r\n                            v-bind=\"header.headerProps\"\r\n                            :align=\"header.align\"\r\n                            :colspan=\"header.colspan\"\r\n                            :rowspan=\"header.rowspan\">\r\n                            <slot\r\n                                :name=\"`header.${header.key}`\"\r\n                                v-bind=\"{ header }\">\r\n                                {{ header.title }}\r\n                            </slot>\r\n                        </ev-data-table-cell>\r\n                    </tr>\r\n                </thead>\r\n                <tbody class=\"ev-data-table--tbody\" role=\"rowgroup\">\r\n                    <tr\r\n                        ref=\"markerRef\"\r\n                        class=\"ev-data-table--spacer-above\"\r\n                        :style=\"{ height: spaceAbove, border: 0 }\">\r\n                        <td\r\n                            :colspan=\"totalColumns\"\r\n                            :style=\"{ height: 0, border: 0 }\"></td>\r\n                    </tr>\r\n                    <ev-virtual-scroll-item\r\n                        v-for=\"displayItem of computedItems\"\r\n                        :key=\"displayItem.raw.key ?? displayItem.index\"\r\n                        renderless\r\n                        @update:height=\"\r\n                            (h) => handleItemResize(displayItem.index, h)\r\n                        \">\r\n                        <template #default=\"{ itemRef }\">\r\n                            <ev-data-table-row\r\n                                v-bind=\"{\r\n                                    ref: itemRef,\r\n                                    item: displayItem.raw,\r\n                                    index: displayItem.index,\r\n                                    ...getPrefixedEventHandlers(\r\n                                        props,\r\n                                        ':row',\r\n                                        () => ({ ...itemRef.value }),\r\n                                    ),\r\n                                }\">\r\n                                <template #default=\"itemProps\">\r\n                                    <slot name=\"default\" v-bind=\"itemProps\" />\r\n                                </template>\r\n                                <template\r\n                                    v-for=\"column in columns\"\r\n                                    :key=\"`item-${displayItem.index}-${column.key}`\"\r\n                                    #[`item.${column.key}`]=\"cellProps\">\r\n                                    <slot\r\n                                        v-if=\"!slots.default\"\r\n                                        :name=\"`item.${column.key}`\"\r\n                                        v-bind=\"cellProps\" />\r\n                                </template>\r\n                            </ev-data-table-row>\r\n                        </template>\r\n                    </ev-virtual-scroll-item>\r\n                    <tr\r\n                        class=\"ev-data-table--spacer-below\"\r\n                        :style=\"{ height: spaceBelow, border: 0 }\">\r\n                        <td\r\n                            :colspan=\"totalColumns\"\r\n                            :style=\"{ height: 0, border: 0 }\"></td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </ev-infinite-scroll>\r\n    </div>\r\n</template>\r\n"],"names":["slots","_useSlots","isLoading","useModelProxy","props","itemsModel","pageModel","dimensions","useDimensions","columns","headers","createHeaders","items","useDataTableItems","allSelected","selectAll","showSelectAll","someSelected","provideSelection","containerRef","markerRef","paddingTop","paddingBottom","computedItems","handleItemResize","handleScroll","handleScrollend","useVirtual","totalColumns","computed","t","useLocaleFunctions","sortModel","searchModel","infiniteScrollRef","ref","infiniteScrollDisabled","isEmpty","_a","searchProps","omit","filterComponentProps","EvDataTableSearch","spaceAbove","toWebUnit","spaceBelow","watch","value","loadFirstPage","nextPage","setPageItems","results","isLastPage","nextTick","resetScroll","emit","onInfiniteScrollLoad","options","status","colStyle","column","calculateDisplayRuleValue","__expose","onMounted"],"mappings":"ykEAmCMA,EAAQC,GAAA,EA+BRC,EAAYC,EAAcC,EAAO,UAAW,EAAK,EACjDC,EAAaF,EAAcC,EAAO,OAAO,EACzCE,EAAYH,EAAcC,EAAO,MAAM,EACvCG,EAAaC,GAAcJ,CAAK,EAChC,CAAE,QAAAK,EAAS,QAAAC,GAAYC,GAAcP,CAAK,EAC1C,CAAE,MAAAQ,CAAM,EAAIC,GAAkBR,EAAYD,EAAOK,CAAO,EAExD,CAAE,YAAAK,EAAa,UAAAC,EAAW,cAAAC,EAAe,aAAAC,GAC3CC,GAAiBd,EAAOQ,CAAK,EAE3B,CACF,aAAAO,GACA,UAAAC,GACA,WAAAC,GACA,cAAAC,GACA,cAAAC,GACA,iBAAAC,GACA,aAAAC,GACA,gBAAAC,EAAA,EACAC,GAAWvB,EAAOQ,CAAK,EAErBgB,EAAeC,EAAS,IACnBpB,EAAQ,MAAM,QAAUL,EAAM,WAAa,EAAI,EACzD,EAEK,CAAE,EAAA0B,EAAE,EAAIC,GAAmB,EAC3BC,EAAY7B,EAAcC,EAAO,MAAM,EACvC6B,EAAc9B,EAAcC,EAAO,QAAQ,EAC3C8B,EAAoBC,GAA+C,EACnEC,GAAyBP,EAAS,IAAM3B,EAAU,KAAK,EACvDmC,GAAUR,EAAS,IAAA,OAAM,SAACS,EAAAjC,EAAW,QAAX,MAAAiC,EAAkB,QAAM,EAClDC,GAAcV,EAAS,IAClBW,GAAKC,GAAqBC,EAAmBtC,CAAK,EAAG,CACxD,UACA,SACA,MAAA,CACH,CACJ,EAEKuC,GAAad,EAAS,IAAMe,EAAUvB,GAAW,KAAK,CAAC,EACvDwB,GAAahB,EAAS,IAAMe,EAAUtB,GAAc,KAAK,CAAC,EAEhEwB,EACI,IAAM,OAAA,OAAAR,EAAAJ,EAAkB,QAAlB,YAAAI,EAAyB,aAC9BS,GAAU,CACP5B,GAAa,MAAQ4B,CAAA,CAE7B,EAEAD,EACI,IAAM1C,EAAM,QACZ,IAAM,CACY4C,EAAA,CAClB,EACA,CAAE,KAAM,EAAK,CACjB,EAEA,SAASA,GAAgB,CACrB9C,EAAU,MAAQ,GAClB,MAAM+C,EAAW,EACR,SAAAC,EACLC,EACAC,EAAsB,GACxB,CACE/C,EAAW,MAAQ8C,EACnB7C,EAAU,MAAQ2C,EAKlBI,GAAS,IAAM,CACXC,EACIH,EAAQ,OAAS/C,EAAM,cAAgBgD,EACjC,WACA,IACV,EACAlD,EAAU,MAAQ,EAAA,CACrB,CAAA,CAELqD,EAAK,OAAQ,CAAE,aAAAL,EAAc,KAAMD,EAAU,CAAA,CAGjD,SAASO,GAAqBC,EAAS,CAC7B,MAAAR,EAAW3C,EAAU,MAAQ,EAC1B,SAAA4C,EACLC,EACAC,EAAsB,GACxB,CACa/C,EAAA,MAAM,KAAK,GAAG8C,CAAO,EAChC7C,EAAU,MAAQ2C,EACVE,EAAA,OAAS/C,EAAM,cAAgBgD,EACjCK,EAAQ,KAAK,EACbA,EAAQ,KAAK,CAAA,CAEvBF,EAAK,OAAQ,CAAE,aAAAL,EAAc,KAAMD,EAAU,CAAA,CAGxC,SAAAK,EAAYI,EAA+B,KAAM,QACpCpB,EAAAJ,EAAA,QAAA,MAAAI,EAAO,MAAMoB,EAAM,CAGzC,SAASC,GAASC,EAAyB,CAChC,MAAA,CACH,MAAOC,EAA0BD,EAAO,KAAK,EAC7C,SAAUC,EAA0BD,EAAO,QAAQ,EACnD,SAAUC,EAA0BD,EAAO,QAAQ,CACvD,CAAA,CAGS,OAAAE,EAAA,CACT,YAAAR,EACA,OAAQN,CAAA,CACX,EAEDe,GAAU,IAAM,QACPzB,EAAAjC,EAAW,QAAX,MAAAiC,EAAkB,QACLU,EAAA,CAClB,CACH"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvDataTable.vue.mjs");module.exports=e;
+import f from"./EvDataTable.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvDataTable.vue2.mjs.map

package/dist/esm/components/EvDataTable/EvDataTableCell/EvDataTableCell.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../composables/component.mjs"),o=require("../../../composables/dimensions.mjs"),t=require("../../../util/props.mjs"),a=t.propsFactory({align:String,colspan:Number,noPadding:Boolean,tag:{type:String,default:"td"},...o.makeDimensionsProps(),...e.makeComponentProps()},"EvDataTableCell");exports.makeEvDataTableCellProps=a;
+import{makeComponentProps as o}from"../../../composables/component.mjs";import{makeDimensionsProps as a}from"../../../composables/dimensions.mjs";import{propsFactory as r}from"../../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const n=r({align:String,colspan:Number,noPadding:Boolean,tag:{type:String,default:"td"},...a(),...o()},"EvDataTableCell");export{n as makeEvDataTableCellProps};
 //# sourceMappingURL=EvDataTableCell.mjs.map

package/dist/esm/components/EvDataTable/EvDataTableCell/EvDataTableCell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDataTableCell.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\nexport const makeEvDataTableCellProps = propsFactory(\n    {\n        align: String as PropType<\"start\" | \"center\" | \"end\">,\n        colspan: Number,\n        noPadding: Boolean,\n        tag: {\n            type: String as PropType<\"td\" | \"th\">,\n            default: \"td\",\n        },\n        ...makeDimensionsProps(),\n        ...makeComponentProps(),\n    },\n    \"EvDataTableCell\",\n);\n"],"names":["makeEvDataTableCellProps","propsFactory","makeDimensionsProps","makeComponentProps"],"mappings":"kQAKaA,EAA2BC,EAAA,aACpC,CACI,MAAO,OACP,QAAS,OACT,UAAW,QACX,IAAK,CACD,KAAM,OACN,QAAS,IACb,EACA,GAAGC,sBAAoB,EACvB,GAAGC,EAAmB,mBAAA,CAC1B,EACA,iBACJ"}
+{"version":3,"file":"EvDataTableCell.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\nexport const makeEvDataTableCellProps = propsFactory(\n    {\n        align: String as PropType<\"start\" | \"center\" | \"end\">,\n        colspan: Number,\n        noPadding: Boolean,\n        tag: {\n            type: String as PropType<\"td\" | \"th\">,\n            default: \"td\",\n        },\n        ...makeDimensionsProps(),\n        ...makeComponentProps(),\n    },\n    \"EvDataTableCell\",\n);\n"],"names":["makeEvDataTableCellProps","propsFactory","makeDimensionsProps","makeComponentProps"],"mappings":"+OAKO,MAAMA,EAA2BC,EACpC,CACI,MAAO,OACP,QAAS,OACT,UAAW,QACX,IAAK,CACD,KAAM,OACN,QAAS,IACb,EACA,GAAGC,EAAoB,EACvB,GAAGC,EAAmB,CAC1B,EACA,iBACJ"}

package/dist/esm/components/EvDataTable/EvDataTableCell/EvDataTableCell.vue.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                       */const o=require("./EvDataTableCell.mjs"),r=require("../../../composables/dimensions.mjs"),c=e.defineComponent({__name:"EvDataTableCell",props:{...o.makeEvDataTableCellProps()},setup(l){const s=l;e.useSlots();const a=e.computed(()=>s.align?`text-${s.align}`:void 0),n=r.useDimensions(s);return(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.tag),{class:e.normalizeClass(["ev-data-table-cell",{"pa-0":s.noPadding},a.value,s.class]),colspan:s.colspan,style:e.normalizeStyle([e.unref(n),s.style])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","colspan","style"]))}});module.exports=c;
+import{defineComponent as t,useSlots as n,computed as r,createBlock as c,openBlock as i,resolveDynamicComponent as p,normalizeStyle as m,normalizeClass as u,unref as d,withCtx as f,renderSlot as C}from"vue";/* empty css                     */import{makeEvDataTableCellProps as v}from"./EvDataTableCell.mjs";import{useDimensions as _}from"../../../composables/dimensions.mjs";/*! Evance UI v1.1.16 | MIT License */const x=t({__name:"EvDataTableCell",props:{...v()},setup(a){const e=a;n();const l=r(()=>e.align?`text-${e.align}`:void 0),o=_(e);return(s,g)=>(i(),c(p(e.tag),{class:u(["ev-data-table-cell",{"pa-0":e.noPadding},l.value,e.class]),colspan:e.colspan,style:m([d(o),e.style])},{default:f(()=>[C(s.$slots,"default")]),_:3},8,["class","colspan","style"]))}});export{x as default};
 //# sourceMappingURL=EvDataTableCell.vue.mjs.map

package/dist/esm/components/EvDataTable/EvDataTableCell/EvDataTableCell.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDataTableCell.vue.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDataTableCell.scss\";\nimport { makeEvDataTableCellProps } from \"./EvDataTableCell\";\nimport { computed } from \"vue\";\nimport { useDimensions } from \"@/composables/dimensions\";\n\nconst props = defineProps({ ...makeEvDataTableCellProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst alignClass = computed(() => {\n    return props.align ? `text-${props.align}` : undefined;\n});\n\nconst dimensions = useDimensions(props);\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-data-table-cell',\n            { 'pa-0': props.noPadding },\n            alignClass,\n            props.class,\n        ]\"\n        :colspan=\"props.colspan\"\n        :style=\"[dimensions, props.style]\">\n        <slot name=\"default\" />\n    </component>\n</template>\n"],"names":["_useSlots","alignClass","computed","props","dimensions","useDimensions"],"mappings":"mTAOcA,aAIR,MAAAC,EAAaC,EAAAA,SAAS,IACjBC,EAAM,MAAQ,QAAQA,EAAM,KAAK,GAAK,MAChD,EAEKC,EAAaC,gBAAcF,CAAK"}
+{"version":3,"file":"EvDataTableCell.vue.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDataTableCell.scss\";\nimport { makeEvDataTableCellProps } from \"./EvDataTableCell\";\nimport { computed } from \"vue\";\nimport { useDimensions } from \"@/composables/dimensions\";\n\nconst props = defineProps({ ...makeEvDataTableCellProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst alignClass = computed(() => {\n    return props.align ? `text-${props.align}` : undefined;\n});\n\nconst dimensions = useDimensions(props);\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-data-table-cell',\n            { 'pa-0': props.noPadding },\n            alignClass,\n            props.class,\n        ]\"\n        :colspan=\"props.colspan\"\n        :style=\"[dimensions, props.style]\">\n        <slot name=\"default\" />\n    </component>\n</template>\n"],"names":["_useSlots","alignClass","computed","props","dimensions","useDimensions"],"mappings":"meAOcA,IAIR,MAAAC,EAAaC,EAAS,IACjBC,EAAM,MAAQ,QAAQA,EAAM,KAAK,GAAK,MAChD,EAEKC,EAAaC,EAAcF,CAAK"}

package/dist/esm/components/EvDataTable/EvDataTableCell/EvDataTableCell.vue2.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvDataTableCell.vue.mjs");module.exports=e;
+import f from"./EvDataTableCell.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvDataTableCell.vue2.mjs.map

package/dist/esm/components/EvDataTable/EvDataTableRow/EvDataTableRow.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../util/events.mjs"),o=require("../../../util/props.mjs"),t=o.propsFactory({index:Number,selectable:Boolean,item:Object,cellProps:[Object,Function],onClick:e.EventProp(),onContextmenu:e.EventProp(),onDblclick:e.EventProp()},"EvDataTableRow");exports.makeEvDataTableRowProps=t;
+import{EventProp as o}from"../../../util/events.mjs";import{propsFactory as e}from"../../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const r=e({index:Number,selectable:Boolean,item:Object,cellProps:[Object,Function],onClick:o(),onContextmenu:o(),onDblclick:o()},"EvDataTableRow");export{r as makeEvDataTableRowProps};
 //# sourceMappingURL=EvDataTableRow.mjs.map

package/dist/esm/components/EvDataTable/EvDataTableRow/EvDataTableRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDataTableRow.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableRow/EvDataTableRow.ts"],"sourcesContent":["import { EventProp, propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport {\n    CellProps,\n    DataTableItem,\n} from \"@/components/EvDataTable/composables/types.ts\";\n\nexport const makeEvDataTableRowProps = propsFactory(\n    {\n        index: Number,\n        selectable: Boolean,\n        item: Object as PropType<DataTableItem>,\n        cellProps: [Object, Function] as PropType<CellProps<any>>,\n        onClick: EventProp<[MouseEvent]>(),\n        onContextmenu: EventProp<[MouseEvent]>(),\n        onDblclick: EventProp<[MouseEvent]>(),\n    },\n    \"EvDataTableRow\",\n);\n"],"names":["makeEvDataTableRowProps","propsFactory","EventProp"],"mappings":"uMAOaA,EAA0BC,EAAA,aACnC,CACI,MAAO,OACP,WAAY,QACZ,KAAM,OACN,UAAW,CAAC,OAAQ,QAAQ,EAC5B,QAASC,EAAAA,UAAwB,EACjC,cAAeA,EAAAA,UAAwB,EACvC,WAAYA,EAAwB,UAAA,CACxC,EACA,gBACJ"}
+{"version":3,"file":"EvDataTableRow.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableRow/EvDataTableRow.ts"],"sourcesContent":["import { EventProp, propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport {\n    CellProps,\n    DataTableItem,\n} from \"@/components/EvDataTable/composables/types.ts\";\n\nexport const makeEvDataTableRowProps = propsFactory(\n    {\n        index: Number,\n        selectable: Boolean,\n        item: Object as PropType<DataTableItem>,\n        cellProps: [Object, Function] as PropType<CellProps<any>>,\n        onClick: EventProp<[MouseEvent]>(),\n        onContextmenu: EventProp<[MouseEvent]>(),\n        onDblclick: EventProp<[MouseEvent]>(),\n    },\n    \"EvDataTableRow\",\n);\n"],"names":["makeEvDataTableRowProps","propsFactory","EventProp"],"mappings":"kJAOO,MAAMA,EAA0BC,EACnC,CACI,MAAO,OACP,WAAY,QACZ,KAAM,OACN,UAAW,CAAC,OAAQ,QAAQ,EAC5B,QAASC,EAAwB,EACjC,cAAeA,EAAwB,EACvC,WAAYA,EAAwB,CACxC,EACA,gBACJ"}

package/dist/esm/components/EvDataTable/EvDataTableRow/EvDataTableRow.vue.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                      */const w=require("./EvDataTableRow.mjs"),m=require("../EvDataTableCell/EvDataTableCell.vue.mjs"),x=require("../../EvCheckbox/EvCheckbox.vue.mjs"),_=require("../composables/select.mjs"),h=require("../composables/headers.mjs"),p=require("../../../util/helpers.mjs"),D=e.defineComponent({__name:"EvDataTableRow",props:{...w.makeEvDataTableRowProps()},setup(k,{expose:v}){const n=k;e.useSlots();const{isSelected:s,toggleSelect:u,showSelect:i,selectStrategy:d}=_.useSelection(),{columns:a}=h.useHeaders(),l=n.item,f=e.computed(()=>s(l)),c=e.computed(()=>(n.selectable||l.selectable)&&d.value.selectable),b=e.computed(()=>n.onClick||n.onContextmenu||n.onDblclick||!i.value&&c.value);function y(t){u(l,t.shiftKey)}function g(t){var r;!i.value&&c.value&&u(l,t.shiftKey),(r=n.onClick)==null||r.call(n,t)}function C(t){t.shiftKey&&(document.body.style.userSelect="none")}function S(t){t.shiftKey&&(document.body.style.userSelect="")}return v({index:n.index,columns:a,item:e.toRaw(l.raw),internalItem:e.toRaw(l),isSelected:s,toggleSelect:u}),(t,r)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(["ev-data-table-row",{"is-clickable":b.value,"is-selected":f.value,"is-indicated":!e.unref(i)&&e.unref(d).selectable}]),onMousedown:C,onMouseup:S,onClick:g,onContextmenu:r[0]||(r[0]=(...o)=>n.onContextmenu&&n.onContextmenu(...o)),onDblclick:r[1]||(r[1]=(...o)=>n.onDblclick&&n.onDblclick(...o))},[e.unref(i)?(e.openBlock(),e.createBlock(e.unref(m),{key:0,class:"ev-data-table-cell--checkbox"},{default:e.withCtx(()=>[e.createVNode(e.unref(x),{"model-value":f.value,disabled:!c.value,onClick:e.withModifiers(y,["stop"])},null,8,["model-value","disabled","onClick"])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps({index:t.index,columns:e.unref(a),item:e.unref(l).raw,internalItem:e.unref(l),isSelected:e.unref(s),toggleSelect:e.unref(u)})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),o=>(e.openBlock(),e.createBlock(e.unref(m),e.mergeProps({key:`item-${t.index}-${o.key}`},o.cellProps,{align:o.align}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,`item.${o.key}`,e.normalizeProps(e.guardReactiveProps({index:t.index,item:e.unref(l).raw,internalItem:e.unref(l),value:e.unref(p.getPropertyValue)(e.unref(l).columns,o.key),column:o,isSelected:e.unref(s),toggleSelect:e.unref(u)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(p.getPropertyValue)(e.unref(l).columns,o.key)),1)])]),_:2},1040,["align"]))),128))])],34))}});module.exports=D;
+import{defineComponent as R,useSlots as V,computed as d,toRaw as p,createElementBlock as b,openBlock as c,normalizeClass as B,unref as e,createBlock as v,createCommentVNode as E,renderSlot as y,withCtx as C,createVNode as N,withModifiers as T,normalizeProps as S,guardReactiveProps as g,Fragment as _,renderList as z,mergeProps as F,createTextVNode as H,toDisplayString as L}from"vue";/* empty css                    */import{makeEvDataTableRowProps as U}from"./EvDataTableRow.mjs";import x from"../EvDataTableCell/EvDataTableCell.vue.mjs";import j from"../../EvCheckbox/EvCheckbox.vue.mjs";import{useSelection as q}from"../composables/select.mjs";import{useHeaders as A}from"../composables/headers.mjs";import{getPropertyValue as w}from"../../../util/helpers.mjs";/*! Evance UI v1.1.16 | MIT License */const ee=R({__name:"EvDataTableRow",props:{...U()},setup(D,{expose:$}){const o=D;V();const{isSelected:a,toggleSelect:s,showSelect:r,selectStrategy:f}=q(),{columns:u}=A(),l=o.item,k=d(()=>a(l)),m=d(()=>(o.selectable||l.selectable)&&f.value.selectable),h=d(()=>o.onClick||o.onContextmenu||o.onDblclick||!r.value&&m.value);function P(t){s(l,t.shiftKey)}function I(t){var i;!r.value&&m.value&&s(l,t.shiftKey),(i=o.onClick)==null||i.call(o,t)}function M(t){t.shiftKey&&(document.body.style.userSelect="none")}function K(t){t.shiftKey&&(document.body.style.userSelect="")}return $({index:o.index,columns:u,item:p(l.raw),internalItem:p(l),isSelected:a,toggleSelect:s}),(t,i)=>(c(),b("tr",{class:B(["ev-data-table-row",{"is-clickable":h.value,"is-selected":k.value,"is-indicated":!e(r)&&e(f).selectable}]),onMousedown:M,onMouseup:K,onClick:I,onContextmenu:i[0]||(i[0]=(...n)=>o.onContextmenu&&o.onContextmenu(...n)),onDblclick:i[1]||(i[1]=(...n)=>o.onDblclick&&o.onDblclick(...n))},[e(r)?(c(),v(e(x),{key:0,class:"ev-data-table-cell--checkbox"},{default:C(()=>[N(e(j),{"model-value":k.value,disabled:!m.value,onClick:T(P,["stop"])},null,8,["model-value","disabled","onClick"])]),_:1})):E("",!0),y(t.$slots,"default",S(g({index:t.index,columns:e(u),item:e(l).raw,internalItem:e(l),isSelected:e(a),toggleSelect:e(s)})),()=>[(c(!0),b(_,null,z(e(u),n=>(c(),v(e(x),F({key:`item-${t.index}-${n.key}`},n.cellProps,{align:n.align}),{default:C(()=>[y(t.$slots,`item.${n.key}`,S(g({index:t.index,item:e(l).raw,internalItem:e(l),value:e(w)(e(l).columns,n.key),column:n,isSelected:e(a),toggleSelect:e(s)})),()=>[H(L(e(w)(e(l).columns,n.key)),1)])]),_:2},1040,["align"]))),128))])],34))}});export{ee as default};
 //# sourceMappingURL=EvDataTableRow.vue.mjs.map

package/dist/esm/components/EvDataTable/EvDataTableRow/EvDataTableRow.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDataTableRow.vue.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableRow/EvDataTableRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDataTableRow.scss\";\nimport { makeEvDataTableRowProps } from \"./EvDataTableRow\";\nimport {computed, toRaw} from \"vue\";\nimport { EvDataTableCell } from \"@/components/EvDataTable/EvDataTableCell\";\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\nimport { useSelection } from \"@/components/EvDataTable/composables/select\";\nimport { useHeaders } from \"@/components/EvDataTable/composables/headers\";\nimport { ItemSlot } from \"@/components/EvDataTable/composables/types\";\nimport { getPropertyValue } from \"@/util\";\n\nconst props = defineProps({ ...makeEvDataTableRowProps() });\nconst slots = defineSlots<{\n    default(props: ItemSlot): never;\n}>();\n\nconst { isSelected, toggleSelect, showSelect, selectStrategy } = useSelection();\n// const { isExpanded, toggleExpand } = useExpanded();\nconst { columns } = useHeaders();\nconst item = props.item;\nconst isItemSelected = computed(() => isSelected(item));\nconst isItemSelectable = computed(() => {\n    return (\n        (props.selectable || item.selectable) && selectStrategy.value.selectable\n    );\n});\n\nconst isClickable = computed(() => {\n    return (\n        props.onClick ||\n        props.onContextmenu ||\n        props.onDblclick ||\n        (!showSelect.value && isItemSelectable.value)\n    );\n});\n\nfunction onCheckboxClick(e: MouseEvent) {\n    toggleSelect(item, e.shiftKey);\n}\n\nfunction onClick(e: MouseEvent) {\n    if (!showSelect.value && isItemSelectable.value) {\n        toggleSelect(item, e.shiftKey);\n    }\n    props.onClick?.(e);\n}\n\nfunction onMouseDown(e: MouseEvent) {\n    if (e.shiftKey) {\n        document.body.style.userSelect = \"none\";\n    }\n}\n\nfunction onMouseUp(e: MouseEvent) {\n    if (e.shiftKey) {\n        document.body.style.userSelect = \"\";\n    }\n}\n\ndefineExpose({\n    index: props.index,\n    columns,\n    item: toRaw(item.raw),\n    internalItem: toRaw(item),\n    isSelected,\n    toggleSelect,\n});\n</script>\n\n<template>\n    <tr\n        :class=\"[\n            'ev-data-table-row',\n            {\n                'is-clickable': isClickable,\n                'is-selected': isItemSelected,\n                'is-indicated': !showSelect && selectStrategy.selectable,\n            },\n        ]\"\n        @mousedown=\"onMouseDown\"\n        @mouseup=\"onMouseUp\"\n        @click=\"onClick\"\n        @contextmenu=\"props.onContextmenu\"\n        @dblclick=\"props.onDblclick\">\n        <ev-data-table-cell\n            v-if=\"showSelect\"\n            class=\"ev-data-table-cell--checkbox\">\n            <ev-checkbox\n                :model-value=\"isItemSelected\"\n                :disabled=\"!isItemSelectable\"\n                @click.stop=\"onCheckboxClick\" />\n        </ev-data-table-cell>\n\n        <slot\n            name=\"default\"\n            v-bind=\"{\n                index,\n                columns,\n                item: item.raw,\n                internalItem: item,\n                isSelected,\n                toggleSelect,\n            }\">\n            <template\n                v-for=\"column in columns\"\n                :key=\"`item-${index}-${column.key}`\">\n                <ev-data-table-cell\n                    v-bind=\"column.cellProps\"\n                    :align=\"column.align\">\n                    <slot\n                        :name=\"`item.${column.key}`\"\n                        v-bind=\"{\n                            index,\n                            item: item.raw,\n                            internalItem: item,\n                            value: getPropertyValue(item.columns, column.key),\n                            column: column,\n                            isSelected,\n                            toggleSelect,\n                        }\">\n                        {{ getPropertyValue(item.columns, column.key) }}\n                    </slot>\n                </ev-data-table-cell>\n            </template>\n        </slot>\n    </tr>\n</template>\n"],"names":["_useSlots","isSelected","toggleSelect","showSelect","selectStrategy","useSelection","columns","useHeaders","item","props","isItemSelected","computed","isItemSelectable","isClickable","onCheckboxClick","e","onClick","_a","onMouseDown","onMouseUp","__expose","toRaw"],"mappings":"weAYcA,aAId,KAAM,CAAE,WAAAC,EAAY,aAAAC,EAAc,WAAAC,EAAY,eAAAC,CAAA,EAAmBC,EAAAA,aAAa,EAExE,CAAE,QAAAC,CAAQ,EAAIC,aAAW,EACzBC,EAAOC,EAAM,KACbC,EAAiBC,EAAA,SAAS,IAAMV,EAAWO,CAAI,CAAC,EAChDI,EAAmBD,EAAAA,SAAS,KAEzBF,EAAM,YAAcD,EAAK,aAAeJ,EAAe,MAAM,UAErE,EAEKS,EAAcF,EAAAA,SAAS,IAErBF,EAAM,SACNA,EAAM,eACNA,EAAM,YACL,CAACN,EAAW,OAASS,EAAiB,KAE9C,EAED,SAASE,EAAgBC,EAAe,CACvBb,EAAAM,EAAMO,EAAE,QAAQ,CAAA,CAGjC,SAASC,EAAQD,EAAe,OACxB,CAACZ,EAAW,OAASS,EAAiB,OACzBV,EAAAM,EAAMO,EAAE,QAAQ,GAEjCE,EAAAR,EAAM,UAAN,MAAAQ,EAAA,KAAAR,EAAgBM,EAAC,CAGrB,SAASG,EAAYH,EAAe,CAC5BA,EAAE,WACO,SAAA,KAAK,MAAM,WAAa,OACrC,CAGJ,SAASI,EAAUJ,EAAe,CAC1BA,EAAE,WACO,SAAA,KAAK,MAAM,WAAa,GACrC,CAGS,OAAAK,EAAA,CACT,MAAOX,EAAM,MACb,QAAAH,EACA,KAAMe,EAAAA,MAAMb,EAAK,GAAG,EACpB,aAAca,QAAMb,CAAI,EACxB,WAAAP,EACA,aAAAC,CAAA,CACH"}
+{"version":3,"file":"EvDataTableRow.vue.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableRow/EvDataTableRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDataTableRow.scss\";\nimport { makeEvDataTableRowProps } from \"./EvDataTableRow\";\nimport {computed, toRaw} from \"vue\";\nimport { EvDataTableCell } from \"@/components/EvDataTable/EvDataTableCell\";\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\nimport { useSelection } from \"@/components/EvDataTable/composables/select\";\nimport { useHeaders } from \"@/components/EvDataTable/composables/headers\";\nimport { ItemSlot } from \"@/components/EvDataTable/composables/types\";\nimport { getPropertyValue } from \"@/util\";\n\nconst props = defineProps({ ...makeEvDataTableRowProps() });\nconst slots = defineSlots<{\n    default(props: ItemSlot): never;\n}>();\n\nconst { isSelected, toggleSelect, showSelect, selectStrategy } = useSelection();\n// const { isExpanded, toggleExpand } = useExpanded();\nconst { columns } = useHeaders();\nconst item = props.item;\nconst isItemSelected = computed(() => isSelected(item));\nconst isItemSelectable = computed(() => {\n    return (\n        (props.selectable || item.selectable) && selectStrategy.value.selectable\n    );\n});\n\nconst isClickable = computed(() => {\n    return (\n        props.onClick ||\n        props.onContextmenu ||\n        props.onDblclick ||\n        (!showSelect.value && isItemSelectable.value)\n    );\n});\n\nfunction onCheckboxClick(e: MouseEvent) {\n    toggleSelect(item, e.shiftKey);\n}\n\nfunction onClick(e: MouseEvent) {\n    if (!showSelect.value && isItemSelectable.value) {\n        toggleSelect(item, e.shiftKey);\n    }\n    props.onClick?.(e);\n}\n\nfunction onMouseDown(e: MouseEvent) {\n    if (e.shiftKey) {\n        document.body.style.userSelect = \"none\";\n    }\n}\n\nfunction onMouseUp(e: MouseEvent) {\n    if (e.shiftKey) {\n        document.body.style.userSelect = \"\";\n    }\n}\n\ndefineExpose({\n    index: props.index,\n    columns,\n    item: toRaw(item.raw),\n    internalItem: toRaw(item),\n    isSelected,\n    toggleSelect,\n});\n</script>\n\n<template>\n    <tr\n        :class=\"[\n            'ev-data-table-row',\n            {\n                'is-clickable': isClickable,\n                'is-selected': isItemSelected,\n                'is-indicated': !showSelect && selectStrategy.selectable,\n            },\n        ]\"\n        @mousedown=\"onMouseDown\"\n        @mouseup=\"onMouseUp\"\n        @click=\"onClick\"\n        @contextmenu=\"props.onContextmenu\"\n        @dblclick=\"props.onDblclick\">\n        <ev-data-table-cell\n            v-if=\"showSelect\"\n            class=\"ev-data-table-cell--checkbox\">\n            <ev-checkbox\n                :model-value=\"isItemSelected\"\n                :disabled=\"!isItemSelectable\"\n                @click.stop=\"onCheckboxClick\" />\n        </ev-data-table-cell>\n\n        <slot\n            name=\"default\"\n            v-bind=\"{\n                index,\n                columns,\n                item: item.raw,\n                internalItem: item,\n                isSelected,\n                toggleSelect,\n            }\">\n            <template\n                v-for=\"column in columns\"\n                :key=\"`item-${index}-${column.key}`\">\n                <ev-data-table-cell\n                    v-bind=\"column.cellProps\"\n                    :align=\"column.align\">\n                    <slot\n                        :name=\"`item.${column.key}`\"\n                        v-bind=\"{\n                            index,\n                            item: item.raw,\n                            internalItem: item,\n                            value: getPropertyValue(item.columns, column.key),\n                            column: column,\n                            isSelected,\n                            toggleSelect,\n                        }\">\n                        {{ getPropertyValue(item.columns, column.key) }}\n                    </slot>\n                </ev-data-table-cell>\n            </template>\n        </slot>\n    </tr>\n</template>\n"],"names":["_useSlots","isSelected","toggleSelect","showSelect","selectStrategy","useSelection","columns","useHeaders","item","props","isItemSelected","computed","isItemSelectable","isClickable","onCheckboxClick","e","onClick","_a","onMouseDown","onMouseUp","__expose","toRaw"],"mappings":"o3BAYcA,IAId,KAAM,CAAE,WAAAC,EAAY,aAAAC,EAAc,WAAAC,EAAY,eAAAC,CAAA,EAAmBC,EAAa,EAExE,CAAE,QAAAC,CAAQ,EAAIC,EAAW,EACzBC,EAAOC,EAAM,KACbC,EAAiBC,EAAS,IAAMV,EAAWO,CAAI,CAAC,EAChDI,EAAmBD,EAAS,KAEzBF,EAAM,YAAcD,EAAK,aAAeJ,EAAe,MAAM,UAErE,EAEKS,EAAcF,EAAS,IAErBF,EAAM,SACNA,EAAM,eACNA,EAAM,YACL,CAACN,EAAW,OAASS,EAAiB,KAE9C,EAED,SAASE,EAAgBC,EAAe,CACvBb,EAAAM,EAAMO,EAAE,QAAQ,CAAA,CAGjC,SAASC,EAAQD,EAAe,OACxB,CAACZ,EAAW,OAASS,EAAiB,OACzBV,EAAAM,EAAMO,EAAE,QAAQ,GAEjCE,EAAAR,EAAM,UAAN,MAAAQ,EAAA,KAAAR,EAAgBM,EAAC,CAGrB,SAASG,EAAYH,EAAe,CAC5BA,EAAE,WACO,SAAA,KAAK,MAAM,WAAa,OACrC,CAGJ,SAASI,EAAUJ,EAAe,CAC1BA,EAAE,WACO,SAAA,KAAK,MAAM,WAAa,GACrC,CAGS,OAAAK,EAAA,CACT,MAAOX,EAAM,MACb,QAAAH,EACA,KAAMe,EAAMb,EAAK,GAAG,EACpB,aAAca,EAAMb,CAAI,EACxB,WAAAP,EACA,aAAAC,CAAA,CACH"}

package/dist/esm/components/EvDataTable/EvDataTableRow/EvDataTableRow.vue2.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvDataTableRow.vue.mjs");module.exports=e;
+import f from"./EvDataTableRow.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvDataTableRow.vue2.mjs.map

package/dist/esm/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../composables/sort.mjs"),a=require("../../../util/props.mjs"),r=a.propsFactory({filters:{type:Object,default:()=>({})},hideSelectAll:Boolean,loading:Boolean,search:String,searchDelay:{type:Number,default:300},searchPlaceholder:String,selectActions:Array,...e.makeDataTableSortProps()},"EvDataTableSearch");exports.makeEvDataTableSearchProps=r;
+import{makeDataTableSortProps as e}from"../composables/sort.mjs";import{propsFactory as a}from"../../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const o=a({filters:{type:Object,default:()=>({})},hideSelectAll:Boolean,loading:Boolean,search:String,searchDelay:{type:Number,default:300},searchPlaceholder:String,selectActions:Array,...e()},"EvDataTableSearch");export{o as makeEvDataTableSearchProps};
 //# sourceMappingURL=EvDataTableSearch.mjs.map

package/dist/esm/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDataTableSearch.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeDataTableSortProps } from \"../composables/sort\";\nimport { PropType } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton\";\n\nexport const makeEvDataTableSearchProps = propsFactory(\n    {\n        filters: {\n            type: Object as PropType<Record<string, any>>,\n            default: () => ({}),\n        },\n        hideSelectAll: Boolean,\n        loading: Boolean,\n        search: String,\n        searchDelay: {\n            type: Number,\n            default: 300,\n        },\n        searchPlaceholder: String,\n        selectActions: Array as PropType<EvButtonProps[]>,\n        ...makeDataTableSortProps(),\n    },\n    \"EvDataTableSearch\",\n);\n"],"names":["makeEvDataTableSearchProps","propsFactory","makeDataTableSortProps"],"mappings":"sMAKaA,EAA6BC,EAAA,aACtC,CACI,QAAS,CACL,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,cAAe,QACf,QAAS,QACT,OAAQ,OACR,YAAa,CACT,KAAM,OACN,QAAS,GACb,EACA,kBAAmB,OACnB,cAAe,MACf,GAAGC,EAAuB,uBAAA,CAC9B,EACA,mBACJ"}
+{"version":3,"file":"EvDataTableSearch.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeDataTableSortProps } from \"../composables/sort\";\nimport { PropType } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton\";\n\nexport const makeEvDataTableSearchProps = propsFactory(\n    {\n        filters: {\n            type: Object as PropType<Record<string, any>>,\n            default: () => ({}),\n        },\n        hideSelectAll: Boolean,\n        loading: Boolean,\n        search: String,\n        searchDelay: {\n            type: Number,\n            default: 300,\n        },\n        searchPlaceholder: String,\n        selectActions: Array as PropType<EvButtonProps[]>,\n        ...makeDataTableSortProps(),\n    },\n    \"EvDataTableSearch\",\n);\n"],"names":["makeEvDataTableSearchProps","propsFactory","makeDataTableSortProps"],"mappings":"8JAKO,MAAMA,EAA6BC,EACtC,CACI,QAAS,CACL,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,cAAe,QACf,QAAS,QACT,OAAQ,OACR,YAAa,CACT,KAAM,OACN,QAAS,GACb,EACA,kBAAmB,OACnB,cAAe,MACf,GAAGC,EAAuB,CAC9B,EACA,mBACJ"}

package/dist/esm/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                         */const J=require("./EvDataTableSearch.mjs"),K=require("../../EvBadge/EvBadge.vue.mjs"),N=require("../../EvButton/EvButton.vue.mjs"),Q=require("../../EvButtonGroup/EvButtonGroup.vue.mjs"),X=require("../../EvCheckbox/EvCheckbox.vue.mjs"),g=require("../../EvDefaultsProvider/EvDefaultsProvider.vue.mjs"),Y=require("../../EvDivider/EvDivider.vue.mjs");;/* empty css                               */const q=require("../../EvList/EvList.vue.mjs"),Z=require("../../EvMenu/EvMenu.vue.mjs"),b=require("../../EvSection/EvSection.vue.mjs"),w=require("../../EvSlideGroup/EvSlideGroup.vue.mjs"),ee=require("../../EvSurface/EvSurface.vue.mjs"),te=require("../../EvTextfield/EvTextfield.vue.mjs"),S=require("../../EvTooltip/EvTooltip.vue.mjs"),re=require("../../../icons/glyph/FilterIcon.svg.mjs"),le=require("../../../icons/glyph/SearchIcon.svg.mjs"),ne=require("../composables/sort.mjs"),oe=require("../../../composables/modelProxy.mjs"),ae=require("../composables/select.mjs"),se=require("../../../EvTransitionExpand.mjs"),ue=require("../../../composables/locale.mjs"),ce=require("../../../util/helpers.mjs"),s=require("../../../util/is-functions.mjs"),ie={key:0,class:"ev-data-table-search--checkbox"},de={key:0,class:"ev-data-table-search--options"},ve={class:"ev-data-table-search--field"},_e={key:0,class:"ev-data-table-search--filter"},fe={key:1,class:"ev-data-table-search--filters"},pe={key:2,class:"ev-data-table-search--sort"},me={key:1,class:"ev-data-table-search--actions"},he={key:"filter",class:"ev-data-table-filters-mask"},ke={class:"ev-data-table-filters"},ye=900,Ee=480,Ve=e.defineComponent({__name:"EvDataTableSearch",props:{...J.makeEvDataTableSearchProps()},emits:["update:sort","click:filter","update:search"],setup(x,{emit:C}){const l=x,u=e.ref(),m=e.ref(),{t:n}=ue.useLocaleFunctions(),T=oe.useModelProxy(l,"search"),h=e.shallowRef(""),{hasSort:R,sortSelected:c,sortTitle:A,sortTitleOptions:z,sortTitleSelected:F,sortDirectionOptions:D,onSortTitleSelected:U,sortIcon:P}=ne.useSortOptions(l),o=e.useSlots(),{allSelected:k,someSelected:y,selectAll:I,showSelectAll:L}=ae.useSelection(),i=e.shallowRef(!1),E=e.ref(null),d=e.shallowRef(null),a=e.shallowRef(!1);function M(t){a.value=!a.value,C("click:filter",t)}const O=e.computed(()=>{var t;return(t=l.searchPlaceholder)!=null&&t.length?l.searchPlaceholder:n("search.placeholder")}),$=ce.debounce(t=>{T.value=t},l.searchDelay),V=e.computed(()=>{const t=o["select-actions"]||l.selectActions;return y.value&&t}),v=e.computed(()=>d.value<ye),B={EvFilterButton:{size:"small"},EvButton:{size:"small"}},G=e.computed(()=>d.value>Ee?A.value:void 0),_=e.computed(()=>{for(const t in l.filters){const r=l.filters[t];if(s.isBoolean(r)&&r)return!0;if(Array.isArray(r)&&r.length>0)return!0;if(!s.isBoolean(r)&&!s.isArray(r)&&!s.isEmpty(r))return!0}return!1});function W(t){$(t)}function j(){i.value=!0}function H(){i.value=!1}function f(){d.value=E.value.getBoundingClientRect().width}return e.onMounted(()=>{window.addEventListener("resize",f,{passive:!0}),f()}),e.onUnmounted(()=>{window.removeEventListener("resize",f)}),(t,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"containerRef",ref:E,class:"ev-data-table-search"},[e.unref(L)&&!l.hideSelectAll?(e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(e.unref(X),{"model-value":e.unref(k),indeterminate:e.unref(y)&&!e.unref(k),"onUpdate:modelValue":e.unref(I)},null,8,["model-value","indeterminate","onUpdate:modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["ev-data-table-search--modifiers",{"is-transitioning":i.value}])},[e.createVNode(e.Transition,{name:"transition-slide-up",mode:"out-in",onBeforeLeave:j,onAfterEnter:H},{default:e.withCtx(()=>[V.value?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(t.$slots,"select-actions",{},()=>[e.createVNode(e.unref(Q),{size:"small",variant:"subtle",items:l.selectActions},null,8,["items"])])])):(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",ve,[e.createVNode(e.unref(te),{modelValue:h.value,"onUpdate:modelValue":[r[0]||(r[0]=p=>h.value=p),W],clearable:"",appearance:"subtle",size:"small",loading:l.loading,placeholder:O.value,"icon-start":e.unref(le.default)},null,8,["modelValue","loading","placeholder","icon-start"])]),v.value&&e.unref(o).filters?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(e.unref(K),{dot:"",bold:"",pulsate:"",appearance:"primary","model-value":_.value&&!a.value},{default:e.withCtx(()=>[e.createVNode(e.unref(N),{ref_key:"filterButtonRef",ref:m,size:"small",appearance:_.value?"primary":"default",variant:_.value?"tonal":"subtle",icon:e.unref(re.default),onClick:M},null,8,["appearance","variant","icon"])]),_:1},8,["model-value"]),e.createVNode(e.unref(S),{activator:m.value,text:e.unref(n)("search.filter")},null,8,["activator","text"])])):e.createCommentVNode("",!0),!v.value&&e.unref(o).filters?(e.openBlock(),e.createElementBlock("div",fe,[e.createVNode(e.unref(g),{defaults:B},{default:e.withCtx(()=>[e.createVNode(e.unref(w),null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"filters")]),_:3})]),_:3})])):e.createCommentVNode("",!0),e.unref(R)?(e.openBlock(),e.createElementBlock("div",pe,[e.createVNode(e.unref(N),{ref_key:"sortButtonRef",ref:u,size:"small",variant:"subtle",text:G.value,"icon-end":e.unref(P)},null,8,["text","icon-end"]),e.createVNode(e.unref(S),{activator:u.value,text:e.unref(n)("sort.label")},null,8,["activator","text"]),e.createVNode(e.unref(Z),{activator:u.value,"close-on-content-click":!1,width:200,position:"bottom-end"},{default:e.withCtx(()=>[e.createVNode(e.unref(ee),{elevation:"overlay",class:"w-100 h-100"},{default:e.withCtx(()=>[e.createVNode(e.unref(b),{title:e.unref(n)("sort.heading")},{default:e.withCtx(()=>[e.createVNode(e.unref(q),{required:"","select-strategy":"single-any",items:e.unref(z),selected:e.unref(F),"onUpdate:selected":e.unref(U)},null,8,["items","selected","onUpdate:selected"])]),_:1},8,["title"]),e.createVNode(e.unref(Y)),e.createVNode(e.unref(b),{title:e.unref(n)("sort.direction")},{default:e.withCtx(()=>[e.createVNode(e.unref(q),{selected:e.unref(c),"onUpdate:selected":r[1]||(r[1]=p=>e.isRef(c)?c.value=p:null),required:"","select-strategy":"single-any","item-title":"direction",items:e.unref(D)},null,8,["selected","items"])]),_:1},8,["title"])]),_:1})]),_:1},8,["activator"])])):e.createCommentVNode("",!0)]))]),_:3})],2)],512),e.createVNode(e.unref(se.EvTransitionExpand),null,{default:e.withCtx(()=>[v.value&&a.value&&e.unref(o).filters&&!V.value?(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",ke,[e.createVNode(e.unref(g),{defaults:B},{default:e.withCtx(()=>[e.createVNode(e.unref(w),null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"filters")]),_:3})]),_:3})])])):e.createCommentVNode("",!0)]),_:3})],64))}});module.exports=Ve;
+import{defineComponent as oe,ref as g,shallowRef as f,useSlots as se,computed as c,onMounted as re,onUnmounted as ie,createElementBlock as r,openBlock as i,Fragment as ne,createElementVNode as v,createVNode as t,createCommentVNode as u,unref as e,normalizeClass as ce,Transition as ue,withCtx as s,renderSlot as B,isRef as de}from"vue";/* empty css                       */import{makeEvDataTableSearchProps as me}from"./EvDataTableSearch.mjs";import fe from"../../EvBadge/EvBadge.vue.mjs";import F from"../../EvButton/EvButton.vue.mjs";import ve from"../../EvButtonGroup/EvButtonGroup.vue.mjs";import pe from"../../EvCheckbox/EvCheckbox.vue.mjs";import V from"../../EvDefaultsProvider/EvDefaultsProvider.vue.mjs";import _e from"../../EvDivider/EvDivider.vue.mjs";/* empty css                             */import C from"../../EvList/EvList.vue.mjs";import he from"../../EvMenu/EvMenu.vue.mjs";import U from"../../EvSection/EvSection.vue.mjs";import D from"../../EvSlideGroup/EvSlideGroup.vue.mjs";import be from"../../EvSurface/EvSurface.vue.mjs";import ye from"../../EvTextfield/EvTextfield.vue.mjs";import I from"../../EvTooltip/EvTooltip.vue.mjs";import ke from"../../../icons/glyph/FilterIcon.svg.mjs";import Se from"../../../icons/glyph/SearchIcon.svg.mjs";import{useSortOptions as $e}from"../composables/sort.mjs";import{useModelProxy as ge}from"../../../composables/modelProxy.mjs";import{useSelection as Be}from"../composables/select.mjs";import{EvTransitionExpand as we}from"../../../EvTransitionExpand.mjs";import{useLocaleFunctions as Ee}from"../../../composables/locale.mjs";import{debounce as Ae}from"../../../util/helpers.mjs";import{isBoolean as L,isArray as ze,isEmpty as Re}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.16 | MIT License */const Te={key:0,class:"ev-data-table-search--checkbox"},xe={key:0,class:"ev-data-table-search--options"},Fe={class:"ev-data-table-search--field"},Ve={key:0,class:"ev-data-table-search--filter"},Ce={key:1,class:"ev-data-table-search--filters"},Ue={key:2,class:"ev-data-table-search--sort"},De={key:1,class:"ev-data-table-search--actions"},Ie={key:"filter",class:"ev-data-table-filters-mask"},Le={class:"ev-data-table-filters"},Pe=900,Me=480,ft=oe({__name:"EvDataTableSearch",props:{...me()},emits:["update:sort","click:filter","update:search"],setup(P,{emit:M}){const o=P,p=g(),w=g(),{t:n}=Ee(),N=ge(o,"search"),E=f(""),{hasSort:O,sortSelected:_,sortTitle:q,sortTitleOptions:W,sortTitleSelected:j,sortDirectionOptions:G,onSortTitleSelected:H,sortIcon:J}=$e(o),d=se(),{allSelected:A,someSelected:z,selectAll:K,showSelectAll:Q}=Be(),h=f(!1),R=g(null),b=f(null),m=f(!1);function X(l){m.value=!m.value,M("click:filter",l)}const Y=c(()=>{var l;return(l=o.searchPlaceholder)!=null&&l.length?o.searchPlaceholder:n("search.placeholder")}),Z=Ae(l=>{N.value=l},o.searchDelay),T=c(()=>{const l=d["select-actions"]||o.selectActions;return z.value&&l}),y=c(()=>b.value<Pe),x={EvFilterButton:{size:"small"},EvButton:{size:"small"}},ee=c(()=>b.value>Me?q.value:void 0),k=c(()=>{for(const l in o.filters){const a=o.filters[l];if(L(a)&&a)return!0;if(Array.isArray(a)&&a.length>0)return!0;if(!L(a)&&!ze(a)&&!Re(a))return!0}return!1});function te(l){Z(l)}function le(){h.value=!0}function ae(){h.value=!1}function S(){b.value=R.value.getBoundingClientRect().width}return re(()=>{window.addEventListener("resize",S,{passive:!0}),S()}),ie(()=>{window.removeEventListener("resize",S)}),(l,a)=>(i(),r(ne,null,[v("div",{ref_key:"containerRef",ref:R,class:"ev-data-table-search"},[e(Q)&&!o.hideSelectAll?(i(),r("div",Te,[t(e(pe),{"model-value":e(A),indeterminate:e(z)&&!e(A),"onUpdate:modelValue":e(K)},null,8,["model-value","indeterminate","onUpdate:modelValue"])])):u("",!0),v("div",{class:ce(["ev-data-table-search--modifiers",{"is-transitioning":h.value}])},[t(ue,{name:"transition-slide-up",mode:"out-in",onBeforeLeave:le,onAfterEnter:ae},{default:s(()=>[T.value?(i(),r("div",De,[B(l.$slots,"select-actions",{},()=>[t(e(ve),{size:"small",variant:"subtle",items:o.selectActions},null,8,["items"])])])):(i(),r("div",xe,[v("div",Fe,[t(e(ye),{modelValue:E.value,"onUpdate:modelValue":[a[0]||(a[0]=$=>E.value=$),te],clearable:"",appearance:"subtle",size:"small",loading:o.loading,placeholder:Y.value,"icon-start":e(Se)},null,8,["modelValue","loading","placeholder","icon-start"])]),y.value&&e(d).filters?(i(),r("div",Ve,[t(e(fe),{dot:"",bold:"",pulsate:"",appearance:"primary","model-value":k.value&&!m.value},{default:s(()=>[t(e(F),{ref_key:"filterButtonRef",ref:w,size:"small",appearance:k.value?"primary":"default",variant:k.value?"tonal":"subtle",icon:e(ke),onClick:X},null,8,["appearance","variant","icon"])]),_:1},8,["model-value"]),t(e(I),{activator:w.value,text:e(n)("search.filter")},null,8,["activator","text"])])):u("",!0),!y.value&&e(d).filters?(i(),r("div",Ce,[t(e(V),{defaults:x},{default:s(()=>[t(e(D),null,{default:s(()=>[B(l.$slots,"filters")]),_:3})]),_:3})])):u("",!0),e(O)?(i(),r("div",Ue,[t(e(F),{ref_key:"sortButtonRef",ref:p,size:"small",variant:"subtle",text:ee.value,"icon-end":e(J)},null,8,["text","icon-end"]),t(e(I),{activator:p.value,text:e(n)("sort.label")},null,8,["activator","text"]),t(e(he),{activator:p.value,"close-on-content-click":!1,width:200,position:"bottom-end"},{default:s(()=>[t(e(be),{elevation:"overlay",class:"w-100 h-100"},{default:s(()=>[t(e(U),{title:e(n)("sort.heading")},{default:s(()=>[t(e(C),{required:"","select-strategy":"single-any",items:e(W),selected:e(j),"onUpdate:selected":e(H)},null,8,["items","selected","onUpdate:selected"])]),_:1},8,["title"]),t(e(_e)),t(e(U),{title:e(n)("sort.direction")},{default:s(()=>[t(e(C),{selected:e(_),"onUpdate:selected":a[1]||(a[1]=$=>de(_)?_.value=$:null),required:"","select-strategy":"single-any","item-title":"direction",items:e(G)},null,8,["selected","items"])]),_:1},8,["title"])]),_:1})]),_:1},8,["activator"])])):u("",!0)]))]),_:3})],2)],512),t(e(we),null,{default:s(()=>[y.value&&m.value&&e(d).filters&&!T.value?(i(),r("div",Ie,[v("div",Le,[t(e(V),{defaults:x},{default:s(()=>[t(e(D),null,{default:s(()=>[B(l.$slots,"filters")]),_:3})]),_:3})])])):u("",!0)]),_:3})],64))}});export{ft as default};
 //# sourceMappingURL=EvDataTableSearch.vue.mjs.map

package/dist/esm/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDataTableSearch.vue.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDataTableSearch.scss\";\nimport { makeEvDataTableSearchProps } from \"./EvDataTableSearch\";\nimport { EvBadge } from \"@/components/EvBadge\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\nimport { EvDefaultsProvider } from \"@/components/EvDefaultsProvider\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvList } from \"@/components/EvList\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvSection } from \"@/components/EvSection\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvTooltip } from \"@/components/EvTooltip\";\nimport { FilterIcon, SearchIcon } from \"@/icons\";\nimport { computed, onMounted, onUnmounted, ref, shallowRef } from \"vue\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport {\n    SortProps,\n    useSortOptions,\n} from \"@/components/EvDataTable/composables/sort\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useSelection } from \"@/components/EvDataTable/composables/select\";\nimport { debounce, isArray, isBoolean, isEmpty } from \"@/util\";\nimport { EvTransitionExpand } from \"@/components/EvTransition/transitions\";\n\nconst props = defineProps({ ...makeEvDataTableSearchProps() });\nconst emit = defineEmits([\"update:sort\", \"click:filter\", \"update:search\"]);\nconst sortButtonRef = ref<HTMLElement>();\nconst filterButtonRef = ref<HTMLElement>();\nconst { t } = useLocaleFunctions();\nconst search = useModelProxy(props, \"search\");\nconst searchInternal = shallowRef(\"\");\nconst {\n    hasSort,\n    sortSelected,\n    sortTitle,\n    sortTitleOptions,\n    sortTitleSelected,\n    sortDirectionOptions,\n    onSortTitleSelected,\n    sortIcon,\n} = useSortOptions(props as SortProps);\n\nconst slots = defineSlots<{\n    filters(): never;\n    \"select-actions\"(): never;\n}>();\n\nconst { allSelected, someSelected, selectAll, showSelectAll } = useSelection();\nconst isTransitioning = shallowRef(false);\nconst containerRef = ref<HTMLElement | null>(null);\nconst containerWidth = shallowRef<number | null>(null);\nconst showFilters = shallowRef(false);\nconst filtersBreakpoint = 900;\nconst sortBreakpoint = 480;\n\nfunction onClickFilter(e: MouseEvent) {\n    showFilters.value = !showFilters.value;\n    emit(\"click:filter\", e);\n}\n\nconst placeholder = computed(() =>\n    props.searchPlaceholder?.length\n        ? props.searchPlaceholder\n        : t(\"search.placeholder\"),\n);\n\nconst updateSearch = debounce((value) => {\n    search.value = value;\n}, props.searchDelay);\n\nconst showActions = computed(() => {\n    const hasSelectActions = slots[\"select-actions\"] || props.selectActions;\n    return someSelected.value && hasSelectActions;\n});\n\nconst isFiltersMobile = computed(() => {\n    return containerWidth.value < filtersBreakpoint;\n});\n\nconst filterDefaults = {\n    EvFilterButton: { size: \"small\" },\n    EvButton: { size: \"small\" },\n};\n\nconst sortButtonTitle = computed(() => {\n    return containerWidth.value > sortBreakpoint\n        ? sortTitle.value\n        : undefined;\n});\n\nconst isFiltered = computed(() => {\n    for (const key in props.filters) {\n        const value = props.filters[key];\n        if (isBoolean(value) && value) {\n            return true;\n        } else if (Array.isArray(value) && value.length > 0) {\n            return true;\n        } else if (!isBoolean(value) && !isArray(value) && !isEmpty(value)) {\n            return true;\n        }\n    }\n    return false;\n});\n\nfunction onSearchInternal(value: string) {\n    updateSearch(value);\n}\n\nfunction onBeforeLeave() {\n    isTransitioning.value = true;\n}\n\nfunction onAfterEnter() {\n    isTransitioning.value = false;\n}\n\nfunction onResize() {\n    containerWidth.value = containerRef.value.getBoundingClientRect().width;\n}\n\nonMounted(() => {\n    window.addEventListener(\"resize\", onResize, { passive: true });\n    onResize();\n});\n\nonUnmounted(() => {\n    window.removeEventListener(\"resize\", onResize);\n});\n</script>\n\n<template>\n    <div ref=\"containerRef\" class=\"ev-data-table-search\">\n        <div\n            v-if=\"showSelectAll && !props.hideSelectAll\"\n            class=\"ev-data-table-search--checkbox\">\n            <ev-checkbox\n                :model-value=\"allSelected\"\n                :indeterminate=\"someSelected && !allSelected\"\n                @update:model-value=\"selectAll\" />\n        </div>\n        <div\n            :class=\"[\n                'ev-data-table-search--modifiers',\n                {\n                    'is-transitioning': isTransitioning,\n                },\n            ]\">\n            <transition\n                name=\"transition-slide-up\"\n                mode=\"out-in\"\n                @before-leave=\"onBeforeLeave\"\n                @after-enter=\"onAfterEnter\">\n                <div v-if=\"!showActions\" class=\"ev-data-table-search--options\">\n                    <div class=\"ev-data-table-search--field\">\n                        <ev-textfield\n                            v-model=\"searchInternal\"\n                            clearable\n                            appearance=\"subtle\"\n                            size=\"small\"\n                            :loading=\"props.loading\"\n                            :placeholder=\"placeholder\"\n                            :icon-start=\"SearchIcon\"\n                            @update:model-value=\"onSearchInternal\" />\n                    </div>\n                    <div\n                        v-if=\"isFiltersMobile && slots.filters\"\n                        class=\"ev-data-table-search--filter\">\n                        <ev-badge\n                            dot\n                            bold\n                            pulsate\n                            appearance=\"primary\"\n                            :model-value=\"isFiltered && !showFilters\">\n                            <ev-button\n                                ref=\"filterButtonRef\"\n                                size=\"small\"\n                                :appearance=\"isFiltered ? 'primary' : 'default'\"\n                                :variant=\"isFiltered ? 'tonal' : 'subtle'\"\n                                :icon=\"FilterIcon\"\n                                @click=\"onClickFilter\" />\n                        </ev-badge>\n                        <ev-tooltip\n                            :activator=\"filterButtonRef\"\n                            :text=\"t('search.filter')\" />\n                    </div>\n                    <div\n                        v-if=\"!isFiltersMobile && slots.filters\"\n                        class=\"ev-data-table-search--filters\">\n                        <ev-defaults-provider :defaults=\"filterDefaults\">\n                            <ev-slide-group>\n                                <slot name=\"filters\" />\n                            </ev-slide-group>\n                        </ev-defaults-provider>\n                    </div>\n                    <div v-if=\"hasSort\" class=\"ev-data-table-search--sort\">\n                        <ev-button\n                            ref=\"sortButtonRef\"\n                            size=\"small\"\n                            variant=\"subtle\"\n                            :text=\"sortButtonTitle\"\n                            :icon-end=\"sortIcon\" />\n                        <ev-tooltip\n                            :activator=\"sortButtonRef\"\n                            :text=\"t('sort.label')\" />\n                        <ev-menu\n                            :activator=\"sortButtonRef\"\n                            :close-on-content-click=\"false\"\n                            :width=\"200\"\n                            position=\"bottom-end\">\n                            <ev-surface elevation=\"overlay\" class=\"w-100 h-100\">\n                                <ev-section :title=\"t('sort.heading')\">\n                                    <ev-list\n                                        required\n                                        select-strategy=\"single-any\"\n                                        :items=\"sortTitleOptions\"\n                                        :selected=\"sortTitleSelected\"\n                                        @update:selected=\"\n                                            onSortTitleSelected\n                                        \" />\n                                </ev-section>\n                                <ev-divider />\n                                <ev-section :title=\"t('sort.direction')\">\n                                    <ev-list\n                                        v-model:selected=\"sortSelected\"\n                                        required\n                                        select-strategy=\"single-any\"\n                                        item-title=\"direction\"\n                                        :items=\"sortDirectionOptions\" />\n                                </ev-section>\n                            </ev-surface>\n                        </ev-menu>\n                    </div>\n                </div>\n                <div v-else class=\"ev-data-table-search--actions\">\n                    <slot name=\"select-actions\">\n                        <ev-button-group\n                            size=\"small\"\n                            variant=\"subtle\"\n                            :items=\"props.selectActions\" />\n                    </slot>\n                </div>\n            </transition>\n        </div>\n    </div>\n    <ev-transition-expand>\n        <div\n            v-if=\"isFiltersMobile && showFilters && slots.filters && !showActions\"\n            key=\"filter\"\n            class=\"ev-data-table-filters-mask\">\n            <div class=\"ev-data-table-filters\">\n                <ev-defaults-provider :defaults=\"filterDefaults\">\n                    <ev-slide-group>\n                        <slot name=\"filters\" />\n                    </ev-slide-group>\n                </ev-defaults-provider>\n            </div>\n        </div>\n    </ev-transition-expand>\n</template>\n"],"names":["filtersBreakpoint","sortBreakpoint","sortButtonRef","ref","filterButtonRef","t","useLocaleFunctions","search","useModelProxy","props","searchInternal","shallowRef","hasSort","sortSelected","sortTitle","sortTitleOptions","sortTitleSelected","sortDirectionOptions","onSortTitleSelected","sortIcon","useSortOptions","slots","_useSlots","allSelected","someSelected","selectAll","showSelectAll","useSelection","isTransitioning","containerRef","containerWidth","showFilters","onClickFilter","e","emit","placeholder","computed","_a","updateSearch","debounce","value","showActions","hasSelectActions","isFiltersMobile","filterDefaults","sortButtonTitle","isFiltered","key","isBoolean","isArray","isEmpty","onSearchInternal","onBeforeLeave","onAfterEnter","onResize","onMounted","onUnmounted"],"mappings":"0oDAwDMA,GAAoB,IACpBC,GAAiB,gLA3BjBC,EAAgBC,EAAAA,IAAiB,EACjCC,EAAkBD,EAAAA,IAAiB,EACnC,CAAE,EAAAE,CAAE,EAAIC,sBAAmB,EAC3BC,EAASC,GAAAA,cAAcC,EAAO,QAAQ,EACtCC,EAAiBC,aAAW,EAAE,EAC9B,CACF,QAAAC,EACA,aAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,SAAAC,CAAA,EACAC,GAAAA,eAAeX,CAAkB,EAE/BY,EAAQC,EAAAA,WAKR,CAAE,YAAAC,EAAa,aAAAC,EAAc,UAAAC,EAAW,cAAAC,CAAA,EAAkBC,GAAAA,aAAa,EACvEC,EAAkBjB,aAAW,EAAK,EAClCkB,EAAe1B,MAAwB,IAAI,EAC3C2B,EAAiBnB,aAA0B,IAAI,EAC/CoB,EAAcpB,aAAW,EAAK,EAIpC,SAASqB,EAAcC,EAAe,CACtBF,EAAA,MAAQ,CAACA,EAAY,MACjCG,EAAK,eAAgBD,CAAC,CAAA,CAG1B,MAAME,EAAcC,EAAA,SAAS,IACzB,OAAA,OAAAC,EAAA5B,EAAM,oBAAN,MAAA4B,EAAyB,OACnB5B,EAAM,kBACNJ,EAAE,oBAAoB,EAChC,EAEMiC,EAAeC,YAAUC,GAAU,CACrCjC,EAAO,MAAQiC,CAAA,EAChB/B,EAAM,WAAW,EAEdgC,EAAcL,EAAAA,SAAS,IAAM,CAC/B,MAAMM,EAAmBrB,EAAM,gBAAgB,GAAKZ,EAAM,cAC1D,OAAOe,EAAa,OAASkB,CAAA,CAChC,EAEKC,EAAkBP,EAAAA,SAAS,IACtBN,EAAe,MAAQ9B,EACjC,EAEK4C,EAAiB,CACnB,eAAgB,CAAE,KAAM,OAAQ,EAChC,SAAU,CAAE,KAAM,OAAQ,CAC9B,EAEMC,EAAkBT,EAAAA,SAAS,IACtBN,EAAe,MAAQ7B,GACxBa,EAAU,MACV,MACT,EAEKgC,EAAaV,EAAAA,SAAS,IAAM,CACnB,UAAAW,KAAOtC,EAAM,QAAS,CACvB,MAAA+B,EAAQ/B,EAAM,QAAQsC,CAAG,EAC3B,GAAAC,EAAA,UAAUR,CAAK,GAAKA,EACb,MAAA,MACA,MAAM,QAAQA,CAAK,GAAKA,EAAM,OAAS,EACvC,MAAA,GACA,GAAA,CAACQ,YAAUR,CAAK,GAAK,CAACS,UAAQT,CAAK,GAAK,CAACU,UAAQV,CAAK,EACtD,MAAA,EACX,CAEG,MAAA,EAAA,CACV,EAED,SAASW,EAAiBX,EAAe,CACrCF,EAAaE,CAAK,CAAA,CAGtB,SAASY,GAAgB,CACrBxB,EAAgB,MAAQ,EAAA,CAG5B,SAASyB,GAAe,CACpBzB,EAAgB,MAAQ,EAAA,CAG5B,SAAS0B,GAAW,CAChBxB,EAAe,MAAQD,EAAa,MAAM,sBAAwB,EAAA,KAAA,CAGtE0B,OAAAA,EAAAA,UAAU,IAAM,CACZ,OAAO,iBAAiB,SAAUD,EAAU,CAAE,QAAS,GAAM,EACpDA,EAAA,CAAA,CACZ,EAEDE,EAAAA,YAAY,IAAM,CACP,OAAA,oBAAoB,SAAUF,CAAQ,CAAA,CAChD"}
+{"version":3,"file":"EvDataTableSearch.vue.mjs","sources":["../../../../../src/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDataTableSearch.scss\";\nimport { makeEvDataTableSearchProps } from \"./EvDataTableSearch\";\nimport { EvBadge } from \"@/components/EvBadge\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvCheckbox } from \"@/components/EvCheckbox\";\nimport { EvDefaultsProvider } from \"@/components/EvDefaultsProvider\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvList } from \"@/components/EvList\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvSection } from \"@/components/EvSection\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvTooltip } from \"@/components/EvTooltip\";\nimport { FilterIcon, SearchIcon } from \"@/icons\";\nimport { computed, onMounted, onUnmounted, ref, shallowRef } from \"vue\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport {\n    SortProps,\n    useSortOptions,\n} from \"@/components/EvDataTable/composables/sort\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { useSelection } from \"@/components/EvDataTable/composables/select\";\nimport { debounce, isArray, isBoolean, isEmpty } from \"@/util\";\nimport { EvTransitionExpand } from \"@/components/EvTransition/transitions\";\n\nconst props = defineProps({ ...makeEvDataTableSearchProps() });\nconst emit = defineEmits([\"update:sort\", \"click:filter\", \"update:search\"]);\nconst sortButtonRef = ref<HTMLElement>();\nconst filterButtonRef = ref<HTMLElement>();\nconst { t } = useLocaleFunctions();\nconst search = useModelProxy(props, \"search\");\nconst searchInternal = shallowRef(\"\");\nconst {\n    hasSort,\n    sortSelected,\n    sortTitle,\n    sortTitleOptions,\n    sortTitleSelected,\n    sortDirectionOptions,\n    onSortTitleSelected,\n    sortIcon,\n} = useSortOptions(props as SortProps);\n\nconst slots = defineSlots<{\n    filters(): never;\n    \"select-actions\"(): never;\n}>();\n\nconst { allSelected, someSelected, selectAll, showSelectAll } = useSelection();\nconst isTransitioning = shallowRef(false);\nconst containerRef = ref<HTMLElement | null>(null);\nconst containerWidth = shallowRef<number | null>(null);\nconst showFilters = shallowRef(false);\nconst filtersBreakpoint = 900;\nconst sortBreakpoint = 480;\n\nfunction onClickFilter(e: MouseEvent) {\n    showFilters.value = !showFilters.value;\n    emit(\"click:filter\", e);\n}\n\nconst placeholder = computed(() =>\n    props.searchPlaceholder?.length\n        ? props.searchPlaceholder\n        : t(\"search.placeholder\"),\n);\n\nconst updateSearch = debounce((value) => {\n    search.value = value;\n}, props.searchDelay);\n\nconst showActions = computed(() => {\n    const hasSelectActions = slots[\"select-actions\"] || props.selectActions;\n    return someSelected.value && hasSelectActions;\n});\n\nconst isFiltersMobile = computed(() => {\n    return containerWidth.value < filtersBreakpoint;\n});\n\nconst filterDefaults = {\n    EvFilterButton: { size: \"small\" },\n    EvButton: { size: \"small\" },\n};\n\nconst sortButtonTitle = computed(() => {\n    return containerWidth.value > sortBreakpoint\n        ? sortTitle.value\n        : undefined;\n});\n\nconst isFiltered = computed(() => {\n    for (const key in props.filters) {\n        const value = props.filters[key];\n        if (isBoolean(value) && value) {\n            return true;\n        } else if (Array.isArray(value) && value.length > 0) {\n            return true;\n        } else if (!isBoolean(value) && !isArray(value) && !isEmpty(value)) {\n            return true;\n        }\n    }\n    return false;\n});\n\nfunction onSearchInternal(value: string) {\n    updateSearch(value);\n}\n\nfunction onBeforeLeave() {\n    isTransitioning.value = true;\n}\n\nfunction onAfterEnter() {\n    isTransitioning.value = false;\n}\n\nfunction onResize() {\n    containerWidth.value = containerRef.value.getBoundingClientRect().width;\n}\n\nonMounted(() => {\n    window.addEventListener(\"resize\", onResize, { passive: true });\n    onResize();\n});\n\nonUnmounted(() => {\n    window.removeEventListener(\"resize\", onResize);\n});\n</script>\n\n<template>\n    <div ref=\"containerRef\" class=\"ev-data-table-search\">\n        <div\n            v-if=\"showSelectAll && !props.hideSelectAll\"\n            class=\"ev-data-table-search--checkbox\">\n            <ev-checkbox\n                :model-value=\"allSelected\"\n                :indeterminate=\"someSelected && !allSelected\"\n                @update:model-value=\"selectAll\" />\n        </div>\n        <div\n            :class=\"[\n                'ev-data-table-search--modifiers',\n                {\n                    'is-transitioning': isTransitioning,\n                },\n            ]\">\n            <transition\n                name=\"transition-slide-up\"\n                mode=\"out-in\"\n                @before-leave=\"onBeforeLeave\"\n                @after-enter=\"onAfterEnter\">\n                <div v-if=\"!showActions\" class=\"ev-data-table-search--options\">\n                    <div class=\"ev-data-table-search--field\">\n                        <ev-textfield\n                            v-model=\"searchInternal\"\n                            clearable\n                            appearance=\"subtle\"\n                            size=\"small\"\n                            :loading=\"props.loading\"\n                            :placeholder=\"placeholder\"\n                            :icon-start=\"SearchIcon\"\n                            @update:model-value=\"onSearchInternal\" />\n                    </div>\n                    <div\n                        v-if=\"isFiltersMobile && slots.filters\"\n                        class=\"ev-data-table-search--filter\">\n                        <ev-badge\n                            dot\n                            bold\n                            pulsate\n                            appearance=\"primary\"\n                            :model-value=\"isFiltered && !showFilters\">\n                            <ev-button\n                                ref=\"filterButtonRef\"\n                                size=\"small\"\n                                :appearance=\"isFiltered ? 'primary' : 'default'\"\n                                :variant=\"isFiltered ? 'tonal' : 'subtle'\"\n                                :icon=\"FilterIcon\"\n                                @click=\"onClickFilter\" />\n                        </ev-badge>\n                        <ev-tooltip\n                            :activator=\"filterButtonRef\"\n                            :text=\"t('search.filter')\" />\n                    </div>\n                    <div\n                        v-if=\"!isFiltersMobile && slots.filters\"\n                        class=\"ev-data-table-search--filters\">\n                        <ev-defaults-provider :defaults=\"filterDefaults\">\n                            <ev-slide-group>\n                                <slot name=\"filters\" />\n                            </ev-slide-group>\n                        </ev-defaults-provider>\n                    </div>\n                    <div v-if=\"hasSort\" class=\"ev-data-table-search--sort\">\n                        <ev-button\n                            ref=\"sortButtonRef\"\n                            size=\"small\"\n                            variant=\"subtle\"\n                            :text=\"sortButtonTitle\"\n                            :icon-end=\"sortIcon\" />\n                        <ev-tooltip\n                            :activator=\"sortButtonRef\"\n                            :text=\"t('sort.label')\" />\n                        <ev-menu\n                            :activator=\"sortButtonRef\"\n                            :close-on-content-click=\"false\"\n                            :width=\"200\"\n                            position=\"bottom-end\">\n                            <ev-surface elevation=\"overlay\" class=\"w-100 h-100\">\n                                <ev-section :title=\"t('sort.heading')\">\n                                    <ev-list\n                                        required\n                                        select-strategy=\"single-any\"\n                                        :items=\"sortTitleOptions\"\n                                        :selected=\"sortTitleSelected\"\n                                        @update:selected=\"\n                                            onSortTitleSelected\n                                        \" />\n                                </ev-section>\n                                <ev-divider />\n                                <ev-section :title=\"t('sort.direction')\">\n                                    <ev-list\n                                        v-model:selected=\"sortSelected\"\n                                        required\n                                        select-strategy=\"single-any\"\n                                        item-title=\"direction\"\n                                        :items=\"sortDirectionOptions\" />\n                                </ev-section>\n                            </ev-surface>\n                        </ev-menu>\n                    </div>\n                </div>\n                <div v-else class=\"ev-data-table-search--actions\">\n                    <slot name=\"select-actions\">\n                        <ev-button-group\n                            size=\"small\"\n                            variant=\"subtle\"\n                            :items=\"props.selectActions\" />\n                    </slot>\n                </div>\n            </transition>\n        </div>\n    </div>\n    <ev-transition-expand>\n        <div\n            v-if=\"isFiltersMobile && showFilters && slots.filters && !showActions\"\n            key=\"filter\"\n            class=\"ev-data-table-filters-mask\">\n            <div class=\"ev-data-table-filters\">\n                <ev-defaults-provider :defaults=\"filterDefaults\">\n                    <ev-slide-group>\n                        <slot name=\"filters\" />\n                    </ev-slide-group>\n                </ev-defaults-provider>\n            </div>\n        </div>\n    </ev-transition-expand>\n</template>\n"],"names":["filtersBreakpoint","sortBreakpoint","sortButtonRef","ref","filterButtonRef","t","useLocaleFunctions","search","useModelProxy","props","searchInternal","shallowRef","hasSort","sortSelected","sortTitle","sortTitleOptions","sortTitleSelected","sortDirectionOptions","onSortTitleSelected","sortIcon","useSortOptions","slots","_useSlots","allSelected","someSelected","selectAll","showSelectAll","useSelection","isTransitioning","containerRef","containerWidth","showFilters","onClickFilter","e","emit","placeholder","computed","_a","updateSearch","debounce","value","showActions","hasSelectActions","isFiltersMobile","filterDefaults","sortButtonTitle","isFiltered","key","isBoolean","isArray","isEmpty","onSearchInternal","onBeforeLeave","onAfterEnter","onResize","onMounted","onUnmounted"],"mappings":"gpEAwDMA,GAAoB,IACpBC,GAAiB,uIA3BjBC,EAAgBC,EAAiB,EACjCC,EAAkBD,EAAiB,EACnC,CAAE,EAAAE,CAAE,EAAIC,GAAmB,EAC3BC,EAASC,GAAcC,EAAO,QAAQ,EACtCC,EAAiBC,EAAW,EAAE,EAC9B,CACF,QAAAC,EACA,aAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,SAAAC,CAAA,EACAC,GAAeX,CAAkB,EAE/BY,EAAQC,KAKR,CAAE,YAAAC,EAAa,aAAAC,EAAc,UAAAC,EAAW,cAAAC,CAAA,EAAkBC,GAAa,EACvEC,EAAkBjB,EAAW,EAAK,EAClCkB,EAAe1B,EAAwB,IAAI,EAC3C2B,EAAiBnB,EAA0B,IAAI,EAC/CoB,EAAcpB,EAAW,EAAK,EAIpC,SAASqB,EAAcC,EAAe,CACtBF,EAAA,MAAQ,CAACA,EAAY,MACjCG,EAAK,eAAgBD,CAAC,CAAA,CAG1B,MAAME,EAAcC,EAAS,IACzB,OAAA,OAAAC,EAAA5B,EAAM,oBAAN,MAAA4B,EAAyB,OACnB5B,EAAM,kBACNJ,EAAE,oBAAoB,EAChC,EAEMiC,EAAeC,GAAUC,GAAU,CACrCjC,EAAO,MAAQiC,CAAA,EAChB/B,EAAM,WAAW,EAEdgC,EAAcL,EAAS,IAAM,CAC/B,MAAMM,EAAmBrB,EAAM,gBAAgB,GAAKZ,EAAM,cAC1D,OAAOe,EAAa,OAASkB,CAAA,CAChC,EAEKC,EAAkBP,EAAS,IACtBN,EAAe,MAAQ9B,EACjC,EAEK4C,EAAiB,CACnB,eAAgB,CAAE,KAAM,OAAQ,EAChC,SAAU,CAAE,KAAM,OAAQ,CAC9B,EAEMC,GAAkBT,EAAS,IACtBN,EAAe,MAAQ7B,GACxBa,EAAU,MACV,MACT,EAEKgC,EAAaV,EAAS,IAAM,CACnB,UAAAW,KAAOtC,EAAM,QAAS,CACvB,MAAA+B,EAAQ/B,EAAM,QAAQsC,CAAG,EAC3B,GAAAC,EAAUR,CAAK,GAAKA,EACb,MAAA,MACA,MAAM,QAAQA,CAAK,GAAKA,EAAM,OAAS,EACvC,MAAA,GACA,GAAA,CAACQ,EAAUR,CAAK,GAAK,CAACS,GAAQT,CAAK,GAAK,CAACU,GAAQV,CAAK,EACtD,MAAA,EACX,CAEG,MAAA,EAAA,CACV,EAED,SAASW,GAAiBX,EAAe,CACrCF,EAAaE,CAAK,CAAA,CAGtB,SAASY,IAAgB,CACrBxB,EAAgB,MAAQ,EAAA,CAG5B,SAASyB,IAAe,CACpBzB,EAAgB,MAAQ,EAAA,CAG5B,SAAS0B,GAAW,CAChBxB,EAAe,MAAQD,EAAa,MAAM,sBAAwB,EAAA,KAAA,CAGtE,OAAA0B,GAAU,IAAM,CACZ,OAAO,iBAAiB,SAAUD,EAAU,CAAE,QAAS,GAAM,EACpDA,EAAA,CAAA,CACZ,EAEDE,GAAY,IAAM,CACP,OAAA,oBAAoB,SAAUF,CAAQ,CAAA,CAChD"}

package/dist/esm/components/EvDataTable/EvDataTableSearch/EvDataTableSearch.vue2.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvDataTableSearch.vue.mjs");module.exports=e;
+import f from"./EvDataTableSearch.vue.mjs";/*! Evance UI v1.1.16 | MIT License */export{f as default};
 //# sourceMappingURL=EvDataTableSearch.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue"),H=require("../../../composables/display.mjs"),k=require("../../../util/props.mjs"),v=require("../../../util/is-functions.mjs"),q=k.propsFactory({headers:Array},"EvDataTable-header"),x=Symbol.for("ev:data-table-headers");function F(o=[]){const t=o.map(n=>({element:n,priority:0}));return{enqueue:(n,s)=>{let r=!1;for(let e=0;e<t.length;e++)if(t[e].priority>s){t.splice(e,0,{element:n,priority:s}),r=!0;break}r||t.push({element:n,priority:s})},size:()=>t.length,count:()=>{let n=0;if(!t.length)return 0;const s=Math.floor(t[0].priority);for(let r=0;r<t.length;r++)Math.floor(t[r].priority)===s&&(n+=1);return n},dequeue:()=>t.shift()}}function b(o,t=[]){if(!o.children)t.push(o);else for(const n of o.children)b(n,t);return t}function g(o,t=0){return o.children?Math.max(t,...o.children.map(n=>g(n,t+1))):t}function D(o){let t=!1;function n(e,l=!1){if(e)if(l&&(e.fixed=!0),e.fixed)if(e.children)for(let i=e.children.length-1;i>=0;i--)n(e.children[i],!0);else t?isNaN(+e.width)&&console.error(`Multiple fixed columns should have a static width (key: ${e.key})`):e.lastFixed=!0,t=!0;else if(e.children)for(let i=e.children.length-1;i>=0;i--)n(e.children[i]);else t=!1}for(let e=o.length-1;e>=0;e--)n(o[e]);function s(e,l=0){var i;if(!e)return l;if(e.children){e.fixedOffset=l;for(const f of e.children)l=s(f,l)}else e.fixed&&(e.fixedOffset=l,l+=parseFloat(((i=e.width)==null?void 0:i.toString())||"0")||0);return l}let r=0;for(const e of o)r=s(e,r)}function M(o,t){const n=[];let s=0;const r=F(o);for(;r.size()>0;){let l=r.count();const i=[];let f=1;for(;l>0;){const{element:c,priority:y}=r.dequeue(),h=t-s-g(c);if(i.push({...c,rowspan:h??1,colspan:c.children?b(c).length:1}),c.children)for(const p of c.children){const a=y%1+f/Math.pow(10,s+1);r.enqueue(p,s+h+a)}f+=1,l-=1}s+=1,n.push(i)}return{columns:o.map(l=>b(l)).flat(),headers:n}}function w(o,t){const n=[];for(const s of o){if(!v.isEmpty(s.hidden)&&(v.isBoolean(s.hidden)&&s.hidden||!v.isBoolean(s.hidden)&&t.hasActiveRule(s.hidden)))continue;const r={...s},e=r.key??(typeof r.value=="string"?r.value:null),l=r.value??e??null,i={...r,key:e,value:l,sortable:r.sortable??(r.key!=null||!!r.sort),children:r.children?w(r.children,t):void 0};n.push(i)}return n}function S(o){const t=d.ref([]),n=d.ref([]),s=d.ref(),r=d.ref(),e=H.useDisplay();d.watchEffect(()=>{const f=(o.headers||Object.keys(o.items[0]??{}).map(a=>({key:a,title:d.capitalize(a)}))).slice(),c=w(f,e);D(c);const y=Math.max(...c.map(a=>g(a)))+1,h=M(c,y);t.value=h.headers,n.value=h.columns;const p=h.headers.flat(1);s.value=p.reduce((a,u)=>(u.sortable&&u.key&&u.sort&&(a[u.key]=u.sort),a),{}),r.value=p.reduce((a,u)=>(u.key&&u.filter&&(a[u.key]=u.filter),a),{})});const l={headers:t,columns:n,sortFunctions:s,filterFunctions:r};return d.provide(x,l),l}function T(){const o=d.inject(x);if(!o)throw new Error("Unable to `useHeaders()`.");return o}exports.EvDataTableHeadersSymbol=x;exports.createHeaders=S;exports.makeDataTableHeaderProps=q;exports.useHeaders=T;
+import{ref as p,watchEffect as x,capitalize as m,provide as F,inject as H}from"vue";import{useDisplay as D}from"../../../composables/display.mjs";import{propsFactory as q}from"../../../util/props.mjs";import{isEmpty as M,isBoolean as b}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.16 | MIT License */const N=q({headers:Array},"EvDataTable-header"),g=Symbol.for("ev:data-table-headers");function E(o=[]){const t=o.map(r=>({element:r,priority:0}));return{enqueue:(r,l)=>{let n=!1;for(let e=0;e<t.length;e++)if(t[e].priority>l){t.splice(e,0,{element:r,priority:l}),n=!0;break}n||t.push({element:r,priority:l})},size:()=>t.length,count:()=>{let r=0;if(!t.length)return 0;const l=Math.floor(t[0].priority);for(let n=0;n<t.length;n++)Math.floor(t[n].priority)===l&&(r+=1);return r},dequeue:()=>t.shift()}}function v(o,t=[]){if(!o.children)t.push(o);else for(const r of o.children)v(r,t);return t}function w(o,t=0){return o.children?Math.max(t,...o.children.map(r=>w(r,t+1))):t}function z(o){let t=!1;function r(e,s=!1){if(e)if(s&&(e.fixed=!0),e.fixed)if(e.children)for(let i=e.children.length-1;i>=0;i--)r(e.children[i],!0);else t?isNaN(+e.width)&&console.error(`Multiple fixed columns should have a static width (key: ${e.key})`):e.lastFixed=!0,t=!0;else if(e.children)for(let i=e.children.length-1;i>=0;i--)r(e.children[i]);else t=!1}for(let e=o.length-1;e>=0;e--)r(o[e]);function l(e,s=0){var i;if(!e)return s;if(e.children){e.fixedOffset=s;for(const f of e.children)s=l(f,s)}else e.fixed&&(e.fixedOffset=s,s+=parseFloat(((i=e.width)==null?void 0:i.toString())||"0")||0);return s}let n=0;for(const e of o)n=l(e,n)}function S(o,t){const r=[];let l=0;const n=E(o);for(;n.size()>0;){let s=n.count();const i=[];let f=1;for(;s>0;){const{element:a,priority:y}=n.dequeue(),d=t-l-w(a);if(i.push({...a,rowspan:d??1,colspan:a.children?v(a).length:1}),a.children)for(const h of a.children){const c=y%1+f/Math.pow(10,l+1);n.enqueue(h,l+d+c)}f+=1,s-=1}l+=1,r.push(i)}return{columns:o.map(s=>v(s)).flat(),headers:r}}function k(o,t){const r=[];for(const l of o){if(!M(l.hidden)&&(b(l.hidden)&&l.hidden||!b(l.hidden)&&t.hasActiveRule(l.hidden)))continue;const n={...l},e=n.key??(typeof n.value=="string"?n.value:null),s=n.value??e??null,i={...n,key:e,value:s,sortable:n.sortable??(n.key!=null||!!n.sort),children:n.children?k(n.children,t):void 0};r.push(i)}return r}function _(o){const t=p([]),r=p([]),l=p(),n=p(),e=D();x(()=>{const f=(o.headers||Object.keys(o.items[0]??{}).map(c=>({key:c,title:m(c)}))).slice(),a=k(f,e);z(a);const y=Math.max(...a.map(c=>w(c)))+1,d=S(a,y);t.value=d.headers,r.value=d.columns;const h=d.headers.flat(1);l.value=h.reduce((c,u)=>(u.sortable&&u.key&&u.sort&&(c[u.key]=u.sort),c),{}),n.value=h.reduce((c,u)=>(u.key&&u.filter&&(c[u.key]=u.filter),c),{})});const s={headers:t,columns:r,sortFunctions:l,filterFunctions:n};return F(g,s),s}function B(){const o=H(g);if(!o)throw new Error("Unable to `useHeaders()`.");return o}export{g as EvDataTableHeadersSymbol,_ as createHeaders,N as makeDataTableHeaderProps,B as useHeaders};
 //# sourceMappingURL=headers.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"headers.mjs","sources":["../../../../../src/components/EvDataTable/composables/headers.ts"],"sourcesContent":["import {\n    capitalize,\n    DeepReadonly,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    ref,\n    Ref,\n    watchEffect,\n} from \"vue\";\nimport { GetterPropertyKey, isBoolean, isEmpty, propsFactory } from \"@/util\";\nimport { FilterKeyFunctions } from \"@/composables/filter\";\nimport {\n    DataTableCompareFunction,\n    DataTableHeader,\n    InternalDataTableHeader,\n} from \"@/components/EvDataTable/composables/types\";\nimport {\n    DisplayInstance,\n    DisplayRuleListProp,\n    useDisplay,\n} from \"@/composables/display\";\n\ntype HeaderProps = {\n    headers?: DeepReadonly<DataTableHeader[]> | undefined;\n    items: any[];\n};\n\nexport const makeDataTableHeaderProps = propsFactory(\n    {\n        headers: Array as PropType<DeepReadonly<DataTableHeader[]>>,\n    },\n    \"EvDataTable-header\",\n);\n\nexport const EvDataTableHeadersSymbol: InjectionKey<{\n    headers: Ref<InternalDataTableHeader[][]>;\n    columns: Ref<InternalDataTableHeader[]>;\n}> = Symbol.for(\"ev:data-table-headers\");\n\nfunction priorityQueue<T>(arr: T[] = []) {\n    const queue: { element: T; priority: number }[] = arr.map((element) => ({\n        element,\n        priority: 0,\n    }));\n\n    return {\n        enqueue: (element: T, priority: number) => {\n            let added = false;\n            for (let i = 0; i < queue.length; i++) {\n                const item = queue[i];\n                if (item.priority > priority) {\n                    queue.splice(i, 0, { element, priority });\n                    added = true;\n                    break;\n                }\n            }\n            if (!added) {\n                queue.push({ element, priority });\n            }\n        },\n        size: () => queue.length,\n        count: () => {\n            let count = 0;\n            if (!queue.length) {\n                return 0;\n            }\n            const whole = Math.floor(queue[0].priority);\n            for (let i = 0; i < queue.length; i++) {\n                if (Math.floor(queue[i].priority) === whole) count += 1;\n            }\n            return count;\n        },\n        dequeue: () => {\n            return queue.shift();\n        },\n    };\n}\n\nfunction extractLeaves(\n    item: InternalDataTableHeader,\n    columns: InternalDataTableHeader[] = [],\n) {\n    if (!item.children) {\n        columns.push(item);\n    } else {\n        for (const child of item.children) {\n            extractLeaves(child as InternalDataTableHeader, columns);\n        }\n    }\n    return columns;\n}\n\nfunction getDepth(item: InternalDataTableHeader, depth = 0): number {\n    if (!item.children) {\n        return depth;\n    }\n    return Math.max(\n        depth,\n        ...item.children.map((child) =>\n            getDepth(child as InternalDataTableHeader, depth + 1),\n        ),\n    );\n}\n\nfunction parseFixedColumns(items: InternalDataTableHeader[]) {\n    let seenFixed = false;\n    function setFixed(item: InternalDataTableHeader, parentFixed = false) {\n        if (!item) {\n            return;\n        }\n        if (parentFixed) {\n            item.fixed = true;\n        }\n        if (item.fixed) {\n            if (item.children) {\n                for (let i = item.children.length - 1; i >= 0; i--) {\n                    setFixed(item.children[i] as InternalDataTableHeader, true);\n                }\n            } else {\n                if (!seenFixed) {\n                    item.lastFixed = true;\n                } else if (isNaN(+item.width!)) {\n                    console.error(\n                        `Multiple fixed columns should have a static width (key: ${item.key})`,\n                    );\n                }\n                seenFixed = true;\n            }\n        } else {\n            if (item.children) {\n                for (let i = item.children.length - 1; i >= 0; i--) {\n                    setFixed(item.children[i]);\n                }\n            } else {\n                seenFixed = false;\n            }\n        }\n    }\n\n    for (let i = items.length - 1; i >= 0; i--) {\n        setFixed(items[i]);\n    }\n\n    function setFixedOffset(item: InternalDataTableHeader, fixedOffset = 0) {\n        if (!item) {\n            return fixedOffset;\n        }\n        if (item.children) {\n            item.fixedOffset = fixedOffset;\n            for (const child of item.children) {\n                fixedOffset = setFixedOffset(child, fixedOffset);\n            }\n        } else if (item.fixed) {\n            item.fixedOffset = fixedOffset;\n            fixedOffset += parseFloat(item.width?.toString() || \"0\") || 0;\n        }\n        return fixedOffset;\n    }\n\n    let fixedOffset = 0;\n    for (const item of items) {\n        fixedOffset = setFixedOffset(item, fixedOffset);\n    }\n}\n\nfunction parse(items: InternalDataTableHeader[], maxDepth: number) {\n    const headers: InternalDataTableHeader[][] = [];\n    let currentDepth = 0;\n    const queue = priorityQueue(items);\n\n    while (queue.size() > 0) {\n        let rowSize = queue.count();\n        const row: InternalDataTableHeader[] = [];\n        let fraction = 1;\n        while (rowSize > 0) {\n            const { element: item, priority } = queue.dequeue()!;\n            const diff = maxDepth - currentDepth - getDepth(item);\n\n            row.push({\n                ...item,\n                rowspan: diff ?? 1,\n                colspan: item.children ? extractLeaves(item).length : 1,\n            });\n\n            if (item.children) {\n                for (const child of item.children) {\n                    // This internally sorts items that are on the same priority \"row\"\n                    const sort =\n                        (priority % 1) +\n                        fraction / Math.pow(10, currentDepth + 1);\n                    queue.enqueue(child, currentDepth + diff + sort);\n                }\n            }\n\n            fraction += 1;\n            rowSize -= 1;\n        }\n        currentDepth += 1;\n        headers.push(row);\n    }\n    const columns = items.map((item) => extractLeaves(item)).flat();\n    return { columns, headers };\n}\n\n/**\n * # `convertToInternalHeaders`\n *\n * Convert the header items supplied to the table to items we\n * can use internally.\n *\n * @param items\n * @param display\n */\nfunction convertToInternalHeaders(\n    items: DeepReadonly<DataTableHeader[]>,\n    display: DisplayInstance,\n) {\n    const internalHeaders: InternalDataTableHeader[] = [];\n    for (const item of items) {\n        if (!isEmpty(item.hidden)) {\n            if (isBoolean(item.hidden) && !!item.hidden) {\n                continue;\n            }\n            if (\n                !isBoolean(item.hidden) &&\n                display.hasActiveRule(item.hidden as DisplayRuleListProp)\n            ) {\n                continue;\n            }\n        }\n        const defaultItem = { ...item };\n        const key =\n            defaultItem.key ??\n            (typeof defaultItem.value === \"string\" ? defaultItem.value : null);\n        const value = defaultItem.value ?? key ?? null;\n        const internalItem: InternalDataTableHeader = {\n            ...defaultItem,\n            key,\n            value: value as GetterPropertyKey,\n            sortable:\n                defaultItem.sortable ??\n                (defaultItem.key != null || !!defaultItem.sort),\n            children: defaultItem.children\n                ? convertToInternalHeaders(defaultItem.children, display)\n                : undefined,\n        };\n        internalHeaders.push(internalItem);\n    }\n    return internalHeaders;\n}\n\nexport function createHeaders(props: HeaderProps) {\n    const headers = ref<InternalDataTableHeader[][]>([]);\n    const columns = ref<InternalDataTableHeader[]>([]);\n    const sortFunctions = ref<Record<string, DataTableCompareFunction>>();\n    const filterFunctions = ref<FilterKeyFunctions>();\n    const display = useDisplay();\n\n    watchEffect(() => {\n        const _headers =\n            props.headers ||\n            (Object.keys(props.items[0] ?? {}).map((key) => ({\n                key,\n                title: capitalize(key),\n            })) as never);\n\n        const items = _headers.slice();\n        const internalHeaders = convertToInternalHeaders(items, display);\n        parseFixedColumns(internalHeaders);\n        const maxDepth =\n            Math.max(...internalHeaders.map((item) => getDepth(item))) + 1;\n        const parsed = parse(internalHeaders, maxDepth);\n\n        headers.value = parsed.headers;\n        columns.value = parsed.columns;\n\n        const flatHeaders = parsed.headers.flat(1);\n\n        sortFunctions.value = flatHeaders.reduce(\n            (acc, header) => {\n                if (header.sortable && header.key && header.sort) {\n                    acc[header.key] = header.sort;\n                }\n                return acc;\n            },\n            {} as Record<string, DataTableCompareFunction>,\n        );\n\n        filterFunctions.value = flatHeaders.reduce((acc, header) => {\n            if (header.key && header.filter) {\n                acc[header.key] = header.filter;\n            }\n            return acc;\n        }, {} as FilterKeyFunctions);\n    });\n\n    const data = { headers, columns, sortFunctions, filterFunctions };\n    provide(EvDataTableHeadersSymbol, data);\n    return data;\n}\n\nexport function useHeaders() {\n    const data = inject(EvDataTableHeadersSymbol);\n    if (!data) {\n        throw new Error(\"Unable to `useHeaders()`.\");\n    }\n    return data;\n}\n"],"names":["makeDataTableHeaderProps","propsFactory","EvDataTableHeadersSymbol","priorityQueue","arr","queue","element","priority","added","i","count","whole","extractLeaves","item","columns","child","getDepth","depth","parseFixedColumns","items","seenFixed","setFixed","parentFixed","setFixedOffset","fixedOffset","_a","parse","maxDepth","headers","currentDepth","rowSize","row","fraction","diff","sort","convertToInternalHeaders","display","internalHeaders","isEmpty","isBoolean","defaultItem","key","value","internalItem","createHeaders","props","ref","sortFunctions","filterFunctions","useDisplay","watchEffect","capitalize","parsed","flatHeaders","acc","header","data","provide","useHeaders","inject"],"mappings":"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"}
+{"version":3,"file":"headers.mjs","sources":["../../../../../src/components/EvDataTable/composables/headers.ts"],"sourcesContent":["import {\n    capitalize,\n    DeepReadonly,\n    inject,\n    InjectionKey,\n    PropType,\n    provide,\n    ref,\n    Ref,\n    watchEffect,\n} from \"vue\";\nimport { GetterPropertyKey, isBoolean, isEmpty, propsFactory } from \"@/util\";\nimport { FilterKeyFunctions } from \"@/composables/filter\";\nimport {\n    DataTableCompareFunction,\n    DataTableHeader,\n    InternalDataTableHeader,\n} from \"@/components/EvDataTable/composables/types\";\nimport {\n    DisplayInstance,\n    DisplayRuleListProp,\n    useDisplay,\n} from \"@/composables/display\";\n\ntype HeaderProps = {\n    headers?: DeepReadonly<DataTableHeader[]> | undefined;\n    items: any[];\n};\n\nexport const makeDataTableHeaderProps = propsFactory(\n    {\n        headers: Array as PropType<DeepReadonly<DataTableHeader[]>>,\n    },\n    \"EvDataTable-header\",\n);\n\nexport const EvDataTableHeadersSymbol: InjectionKey<{\n    headers: Ref<InternalDataTableHeader[][]>;\n    columns: Ref<InternalDataTableHeader[]>;\n}> = Symbol.for(\"ev:data-table-headers\");\n\nfunction priorityQueue<T>(arr: T[] = []) {\n    const queue: { element: T; priority: number }[] = arr.map((element) => ({\n        element,\n        priority: 0,\n    }));\n\n    return {\n        enqueue: (element: T, priority: number) => {\n            let added = false;\n            for (let i = 0; i < queue.length; i++) {\n                const item = queue[i];\n                if (item.priority > priority) {\n                    queue.splice(i, 0, { element, priority });\n                    added = true;\n                    break;\n                }\n            }\n            if (!added) {\n                queue.push({ element, priority });\n            }\n        },\n        size: () => queue.length,\n        count: () => {\n            let count = 0;\n            if (!queue.length) {\n                return 0;\n            }\n            const whole = Math.floor(queue[0].priority);\n            for (let i = 0; i < queue.length; i++) {\n                if (Math.floor(queue[i].priority) === whole) count += 1;\n            }\n            return count;\n        },\n        dequeue: () => {\n            return queue.shift();\n        },\n    };\n}\n\nfunction extractLeaves(\n    item: InternalDataTableHeader,\n    columns: InternalDataTableHeader[] = [],\n) {\n    if (!item.children) {\n        columns.push(item);\n    } else {\n        for (const child of item.children) {\n            extractLeaves(child as InternalDataTableHeader, columns);\n        }\n    }\n    return columns;\n}\n\nfunction getDepth(item: InternalDataTableHeader, depth = 0): number {\n    if (!item.children) {\n        return depth;\n    }\n    return Math.max(\n        depth,\n        ...item.children.map((child) =>\n            getDepth(child as InternalDataTableHeader, depth + 1),\n        ),\n    );\n}\n\nfunction parseFixedColumns(items: InternalDataTableHeader[]) {\n    let seenFixed = false;\n    function setFixed(item: InternalDataTableHeader, parentFixed = false) {\n        if (!item) {\n            return;\n        }\n        if (parentFixed) {\n            item.fixed = true;\n        }\n        if (item.fixed) {\n            if (item.children) {\n                for (let i = item.children.length - 1; i >= 0; i--) {\n                    setFixed(item.children[i] as InternalDataTableHeader, true);\n                }\n            } else {\n                if (!seenFixed) {\n                    item.lastFixed = true;\n                } else if (isNaN(+item.width!)) {\n                    console.error(\n                        `Multiple fixed columns should have a static width (key: ${item.key})`,\n                    );\n                }\n                seenFixed = true;\n            }\n        } else {\n            if (item.children) {\n                for (let i = item.children.length - 1; i >= 0; i--) {\n                    setFixed(item.children[i]);\n                }\n            } else {\n                seenFixed = false;\n            }\n        }\n    }\n\n    for (let i = items.length - 1; i >= 0; i--) {\n        setFixed(items[i]);\n    }\n\n    function setFixedOffset(item: InternalDataTableHeader, fixedOffset = 0) {\n        if (!item) {\n            return fixedOffset;\n        }\n        if (item.children) {\n            item.fixedOffset = fixedOffset;\n            for (const child of item.children) {\n                fixedOffset = setFixedOffset(child, fixedOffset);\n            }\n        } else if (item.fixed) {\n            item.fixedOffset = fixedOffset;\n            fixedOffset += parseFloat(item.width?.toString() || \"0\") || 0;\n        }\n        return fixedOffset;\n    }\n\n    let fixedOffset = 0;\n    for (const item of items) {\n        fixedOffset = setFixedOffset(item, fixedOffset);\n    }\n}\n\nfunction parse(items: InternalDataTableHeader[], maxDepth: number) {\n    const headers: InternalDataTableHeader[][] = [];\n    let currentDepth = 0;\n    const queue = priorityQueue(items);\n\n    while (queue.size() > 0) {\n        let rowSize = queue.count();\n        const row: InternalDataTableHeader[] = [];\n        let fraction = 1;\n        while (rowSize > 0) {\n            const { element: item, priority } = queue.dequeue()!;\n            const diff = maxDepth - currentDepth - getDepth(item);\n\n            row.push({\n                ...item,\n                rowspan: diff ?? 1,\n                colspan: item.children ? extractLeaves(item).length : 1,\n            });\n\n            if (item.children) {\n                for (const child of item.children) {\n                    // This internally sorts items that are on the same priority \"row\"\n                    const sort =\n                        (priority % 1) +\n                        fraction / Math.pow(10, currentDepth + 1);\n                    queue.enqueue(child, currentDepth + diff + sort);\n                }\n            }\n\n            fraction += 1;\n            rowSize -= 1;\n        }\n        currentDepth += 1;\n        headers.push(row);\n    }\n    const columns = items.map((item) => extractLeaves(item)).flat();\n    return { columns, headers };\n}\n\n/**\n * # `convertToInternalHeaders`\n *\n * Convert the header items supplied to the table to items we\n * can use internally.\n *\n * @param items\n * @param display\n */\nfunction convertToInternalHeaders(\n    items: DeepReadonly<DataTableHeader[]>,\n    display: DisplayInstance,\n) {\n    const internalHeaders: InternalDataTableHeader[] = [];\n    for (const item of items) {\n        if (!isEmpty(item.hidden)) {\n            if (isBoolean(item.hidden) && !!item.hidden) {\n                continue;\n            }\n            if (\n                !isBoolean(item.hidden) &&\n                display.hasActiveRule(item.hidden as DisplayRuleListProp)\n            ) {\n                continue;\n            }\n        }\n        const defaultItem = { ...item };\n        const key =\n            defaultItem.key ??\n            (typeof defaultItem.value === \"string\" ? defaultItem.value : null);\n        const value = defaultItem.value ?? key ?? null;\n        const internalItem: InternalDataTableHeader = {\n            ...defaultItem,\n            key,\n            value: value as GetterPropertyKey,\n            sortable:\n                defaultItem.sortable ??\n                (defaultItem.key != null || !!defaultItem.sort),\n            children: defaultItem.children\n                ? convertToInternalHeaders(defaultItem.children, display)\n                : undefined,\n        };\n        internalHeaders.push(internalItem);\n    }\n    return internalHeaders;\n}\n\nexport function createHeaders(props: HeaderProps) {\n    const headers = ref<InternalDataTableHeader[][]>([]);\n    const columns = ref<InternalDataTableHeader[]>([]);\n    const sortFunctions = ref<Record<string, DataTableCompareFunction>>();\n    const filterFunctions = ref<FilterKeyFunctions>();\n    const display = useDisplay();\n\n    watchEffect(() => {\n        const _headers =\n            props.headers ||\n            (Object.keys(props.items[0] ?? {}).map((key) => ({\n                key,\n                title: capitalize(key),\n            })) as never);\n\n        const items = _headers.slice();\n        const internalHeaders = convertToInternalHeaders(items, display);\n        parseFixedColumns(internalHeaders);\n        const maxDepth =\n            Math.max(...internalHeaders.map((item) => getDepth(item))) + 1;\n        const parsed = parse(internalHeaders, maxDepth);\n\n        headers.value = parsed.headers;\n        columns.value = parsed.columns;\n\n        const flatHeaders = parsed.headers.flat(1);\n\n        sortFunctions.value = flatHeaders.reduce(\n            (acc, header) => {\n                if (header.sortable && header.key && header.sort) {\n                    acc[header.key] = header.sort;\n                }\n                return acc;\n            },\n            {} as Record<string, DataTableCompareFunction>,\n        );\n\n        filterFunctions.value = flatHeaders.reduce((acc, header) => {\n            if (header.key && header.filter) {\n                acc[header.key] = header.filter;\n            }\n            return acc;\n        }, {} as FilterKeyFunctions);\n    });\n\n    const data = { headers, columns, sortFunctions, filterFunctions };\n    provide(EvDataTableHeadersSymbol, data);\n    return data;\n}\n\nexport function useHeaders() {\n    const data = inject(EvDataTableHeadersSymbol);\n    if (!data) {\n        throw new Error(\"Unable to `useHeaders()`.\");\n    }\n    return data;\n}\n"],"names":["makeDataTableHeaderProps","propsFactory","EvDataTableHeadersSymbol","priorityQueue","arr","queue","element","priority","added","i","count","whole","extractLeaves","item","columns","child","getDepth","depth","parseFixedColumns","items","seenFixed","setFixed","parentFixed","setFixedOffset","fixedOffset","_a","parse","maxDepth","headers","currentDepth","rowSize","row","fraction","diff","sort","convertToInternalHeaders","display","internalHeaders","isEmpty","isBoolean","defaultItem","key","value","internalItem","createHeaders","props","ref","sortFunctions","filterFunctions","useDisplay","watchEffect","capitalize","parsed","flatHeaders","acc","header","data","provide","useHeaders","inject"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("vue"),p=require("../../../util/props.mjs"),u=require("../../../util/helpers.mjs"),b=p.propsFactory({items:{type:Array,default:()=>[]},itemValue:{type:[String,Array,Function],default:"id"},itemSelectable:{type:[String,Array,Function],default:null},returnObject:Boolean},"data-table-items");function o(t,e,r,a){const n=t.returnObject?e:u.getPropertyValue(e,t.itemValue),m=u.getPropertyValue(e,t.itemSelectable,!0),i=a.reduce((s,l)=>{if(l.key!=null)return s[l.key]=u.getPropertyValue(e,l.value),s},{});return{key:t.returnObject?u.getPropertyValue(e,t.itemValue):n,index:r,value:n,selectable:m,columns:i,raw:e}}function c(t,e,r){return e.map((a,n)=>o(t,a,n,r))}function f(t,e,r){return{items:y.computed(()=>c(e,t.value,r.value))}}exports.makeDataTableItemsProps=b;exports.transformItem=o;exports.transformItems=c;exports.useDataTableItems=f;
+import{computed as i}from"vue";import{propsFactory as s}from"../../../util/props.mjs";import{getPropertyValue as u}from"../../../util/helpers.mjs";/*! Evance UI v1.1.16 | MIT License */const p=s({items:{type:Array,default:()=>[]},itemValue:{type:[String,Array,Function],default:"id"},itemSelectable:{type:[String,Array,Function],default:null},returnObject:Boolean},"data-table-items");function f(t,e,r,a){const n=t.returnObject?e:u(e,t.itemValue),o=u(e,t.itemSelectable,!0),c=a.reduce((m,l)=>{if(l.key!=null)return m[l.key]=u(e,l.value),m},{});return{key:t.returnObject?u(e,t.itemValue):n,index:r,value:n,selectable:o,columns:c,raw:e}}function y(t,e,r){return e.map((a,n)=>f(t,a,n,r))}function k(t,e,r){return{items:i(()=>y(e,t.value,r.value))}}export{p as makeDataTableItemsProps,f as transformItem,y as transformItems,k as useDataTableItems};
 //# sourceMappingURL=items.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"items.mjs","sources":["../../../../../src/components/EvDataTable/composables/items.ts"],"sourcesContent":["import { getPropertyValue, GetterPropertyKey, propsFactory } from \"@/util\";\r\nimport { computed, PropType, Ref } from \"vue\";\r\nimport {\r\n    DataTableItem,\r\n    InternalDataTableHeader,\r\n} from \"@/components/EvDataTable/composables/types.ts\";\r\n\r\nexport interface DataTableItemProps {\r\n    items: any[];\r\n    itemValue: GetterPropertyKey;\r\n    itemSelectable?: GetterPropertyKey;\r\n    returnObject: boolean;\r\n}\r\n\r\nexport const makeDataTableItemsProps = propsFactory(\r\n    {\r\n        items: {\r\n            type: Array as PropType<DataTableItemProps[\"items\"]>,\r\n            default: () => [],\r\n        },\r\n        itemValue: {\r\n            type: [String, Array, Function] as PropType<GetterPropertyKey>,\r\n            default: \"id\",\r\n        },\r\n        itemSelectable: {\r\n            type: [String, Array, Function] as PropType<GetterPropertyKey>,\r\n            default: null,\r\n        },\r\n        returnObject: Boolean,\r\n    },\r\n    \"data-table-items\",\r\n);\r\n\r\nexport function transformItem(\r\n    props: Omit<DataTableItemProps, \"items\">,\r\n    item: any,\r\n    index: number,\r\n    columns: InternalDataTableHeader[],\r\n): DataTableItem {\r\n    const value = props.returnObject\r\n        ? item\r\n        : getPropertyValue(item, props.itemValue);\r\n    const selectable = getPropertyValue(item, props.itemSelectable, true);\r\n    const itemColumns = columns.reduce(\r\n        (obj, column) => {\r\n            if (column.key != null) {\r\n                obj[column.key] = getPropertyValue(item, column.value);\r\n                return obj;\r\n            }\r\n        },\r\n        {} as Record<string, unknown>,\r\n    );\r\n    return {\r\n        key: props.returnObject\r\n            ? getPropertyValue(item, props.itemValue)\r\n            : value,\r\n        index,\r\n        value,\r\n        selectable,\r\n        columns: itemColumns,\r\n        raw: item,\r\n    };\r\n}\r\n\r\nexport function transformItems(\r\n    props: Omit<DataTableItemProps, \"items\">,\r\n    items: DataTableItemProps[\"items\"],\r\n    columns: InternalDataTableHeader[],\r\n): DataTableItem[] {\r\n    return items.map((item, index) =>\r\n        transformItem(props, item, index, columns),\r\n    );\r\n}\r\n\r\nexport function useDataTableItems(\r\n    items,\r\n    props: DataTableItemProps,\r\n    columns: Ref<InternalDataTableHeader[]>,\r\n) {\r\n    const internalItems = computed(() =>\r\n        transformItems(props, items.value, columns.value),\r\n    );\r\n    return { items: internalItems };\r\n}\r\n"],"names":["makeDataTableItemsProps","propsFactory","transformItem","props","item","index","columns","value","getPropertyValue","selectable","itemColumns","obj","column","transformItems","items","useDataTableItems","computed"],"mappings":"yNAcaA,EAA0BC,EAAA,aACnC,CACI,MAAO,CACH,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EACA,UAAW,CACP,KAAM,CAAC,OAAQ,MAAO,QAAQ,EAC9B,QAAS,IACb,EACA,eAAgB,CACZ,KAAM,CAAC,OAAQ,MAAO,QAAQ,EAC9B,QAAS,IACb,EACA,aAAc,OAClB,EACA,kBACJ,EAEO,SAASC,EACZC,EACAC,EACAC,EACAC,EACa,CACb,MAAMC,EAAQJ,EAAM,aACdC,EACAI,EAAAA,iBAAiBJ,EAAMD,EAAM,SAAS,EACtCM,EAAaD,EAAAA,iBAAiBJ,EAAMD,EAAM,eAAgB,EAAI,EAC9DO,EAAcJ,EAAQ,OACxB,CAACK,EAAKC,IAAW,CACT,GAAAA,EAAO,KAAO,KACd,OAAAD,EAAIC,EAAO,GAAG,EAAIJ,EAAiB,iBAAAJ,EAAMQ,EAAO,KAAK,EAC9CD,CAEf,EACA,CAAA,CACJ,EACO,MAAA,CACH,IAAKR,EAAM,aACLK,EAAAA,iBAAiBJ,EAAMD,EAAM,SAAS,EACtCI,EACN,MAAAF,EACA,MAAAE,EACA,WAAAE,EACA,QAASC,EACT,IAAKN,CACT,CACJ,CAEgB,SAAAS,EACZV,EACAW,EACAR,EACe,CACf,OAAOQ,EAAM,IAAI,CAACV,EAAMC,IACpBH,EAAcC,EAAOC,EAAMC,EAAOC,CAAO,CAC7C,CACJ,CAEgB,SAAAS,EACZD,EACAX,EACAG,EACF,CAIS,MAAA,CAAE,MAHaU,EAAA,SAAS,IAC3BH,EAAeV,EAAOW,EAAM,MAAOR,EAAQ,KAAK,CACpD,CAC8B,CAClC"}
+{"version":3,"file":"items.mjs","sources":["../../../../../src/components/EvDataTable/composables/items.ts"],"sourcesContent":["import { getPropertyValue, GetterPropertyKey, propsFactory } from \"@/util\";\r\nimport { computed, PropType, Ref } from \"vue\";\r\nimport {\r\n    DataTableItem,\r\n    InternalDataTableHeader,\r\n} from \"@/components/EvDataTable/composables/types.ts\";\r\n\r\nexport interface DataTableItemProps {\r\n    items: any[];\r\n    itemValue: GetterPropertyKey;\r\n    itemSelectable?: GetterPropertyKey;\r\n    returnObject: boolean;\r\n}\r\n\r\nexport const makeDataTableItemsProps = propsFactory(\r\n    {\r\n        items: {\r\n            type: Array as PropType<DataTableItemProps[\"items\"]>,\r\n            default: () => [],\r\n        },\r\n        itemValue: {\r\n            type: [String, Array, Function] as PropType<GetterPropertyKey>,\r\n            default: \"id\",\r\n        },\r\n        itemSelectable: {\r\n            type: [String, Array, Function] as PropType<GetterPropertyKey>,\r\n            default: null,\r\n        },\r\n        returnObject: Boolean,\r\n    },\r\n    \"data-table-items\",\r\n);\r\n\r\nexport function transformItem(\r\n    props: Omit<DataTableItemProps, \"items\">,\r\n    item: any,\r\n    index: number,\r\n    columns: InternalDataTableHeader[],\r\n): DataTableItem {\r\n    const value = props.returnObject\r\n        ? item\r\n        : getPropertyValue(item, props.itemValue);\r\n    const selectable = getPropertyValue(item, props.itemSelectable, true);\r\n    const itemColumns = columns.reduce(\r\n        (obj, column) => {\r\n            if (column.key != null) {\r\n                obj[column.key] = getPropertyValue(item, column.value);\r\n                return obj;\r\n            }\r\n        },\r\n        {} as Record<string, unknown>,\r\n    );\r\n    return {\r\n        key: props.returnObject\r\n            ? getPropertyValue(item, props.itemValue)\r\n            : value,\r\n        index,\r\n        value,\r\n        selectable,\r\n        columns: itemColumns,\r\n        raw: item,\r\n    };\r\n}\r\n\r\nexport function transformItems(\r\n    props: Omit<DataTableItemProps, \"items\">,\r\n    items: DataTableItemProps[\"items\"],\r\n    columns: InternalDataTableHeader[],\r\n): DataTableItem[] {\r\n    return items.map((item, index) =>\r\n        transformItem(props, item, index, columns),\r\n    );\r\n}\r\n\r\nexport function useDataTableItems(\r\n    items,\r\n    props: DataTableItemProps,\r\n    columns: Ref<InternalDataTableHeader[]>,\r\n) {\r\n    const internalItems = computed(() =>\r\n        transformItems(props, items.value, columns.value),\r\n    );\r\n    return { items: internalItems };\r\n}\r\n"],"names":["makeDataTableItemsProps","propsFactory","transformItem","props","item","index","columns","value","getPropertyValue","selectable","itemColumns","obj","column","transformItems","items","useDataTableItems","computed"],"mappings":"yLAcO,MAAMA,EAA0BC,EACnC,CACI,MAAO,CACH,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EACA,UAAW,CACP,KAAM,CAAC,OAAQ,MAAO,QAAQ,EAC9B,QAAS,IACb,EACA,eAAgB,CACZ,KAAM,CAAC,OAAQ,MAAO,QAAQ,EAC9B,QAAS,IACb,EACA,aAAc,OAClB,EACA,kBACJ,EAEO,SAASC,EACZC,EACAC,EACAC,EACAC,EACa,CACb,MAAMC,EAAQJ,EAAM,aACdC,EACAI,EAAiBJ,EAAMD,EAAM,SAAS,EACtCM,EAAaD,EAAiBJ,EAAMD,EAAM,eAAgB,EAAI,EAC9DO,EAAcJ,EAAQ,OACxB,CAACK,EAAKC,IAAW,CACT,GAAAA,EAAO,KAAO,KACd,OAAAD,EAAIC,EAAO,GAAG,EAAIJ,EAAiBJ,EAAMQ,EAAO,KAAK,EAC9CD,CAEf,EACA,CAAA,CACJ,EACO,MAAA,CACH,IAAKR,EAAM,aACLK,EAAiBJ,EAAMD,EAAM,SAAS,EACtCI,EACN,MAAAF,EACA,MAAAE,EACA,WAAAE,EACA,QAASC,EACT,IAAKN,CACT,CACJ,CAEgB,SAAAS,EACZV,EACAW,EACAR,EACe,CACf,OAAOQ,EAAM,IAAI,CAACV,EAAMC,IACpBH,EAAcC,EAAOC,EAAMC,EAAOC,CAAO,CAC7C,CACJ,CAEgB,SAAAS,EACZD,EACAX,EACAG,EACF,CAIS,MAAA,CAAE,MAHaU,EAAS,IAC3BH,EAAeV,EAAOW,EAAM,MAAOR,EAAQ,KAAK,CACpD,CAC8B,CAClC"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),C=require("../../../composables/modelProxy.mjs"),E=require("../../../util/props.mjs"),b=require("../../../util/helpers.mjs"),F=require("../../../util/is-functions.mjs"),O={selectable:!0,showSelectAll:!1,allSelected:()=>[],select:({items:t,value:r,selected:a,isRequired:o})=>{var l;return new Set(r||o?[(l=t[0])==null?void 0:l.value]:[])},selectAll:({selected:t})=>t},h={selectable:!0,showSelectAll:!0,allSelected:({allItems:t})=>t,select:({items:t,value:r,selected:a,isRequired:o})=>{for(const l of t)r?a.add(l.value):(!o||a.size>1)&&a.delete(l.value);return a},selectAll:({value:t,allItems:r,selected:a})=>h.select({items:r,value:t,selected:a,isRequired:!1})},k={selectable:!1,showSelectAll:!1,allSelected:()=>[],select:()=>new Set,selectAll:()=>new Set},B=E.propsFactory({required:Boolean,showSelect:Boolean,selectStrategy:{type:[String,Object],default:void 0},selected:{type:Array,default:()=>[]},valueComparator:{type:Function,default:F.isDeepEqual}},"DataTable-select"),g=Symbol.for("ev:data-table-selection");function M(t,r){const a=n.toRef(t,"showSelect"),o=n.toRef(t,"required"),l=n.ref(null),c=C.useModelProxy(t,"selected",t.selected,e=>new Set(b.wrapInArray(e).map(s=>{var f;return((f=r.value.find(i=>t.valueComparator(s,i.value)))==null?void 0:f.value)??s})),e=>[...e.values()]),S=n.computed(()=>r.value.filter(e=>e.selectable)),d=n.computed(()=>{if(typeof t.selectStrategy=="object")return t.selectStrategy;switch(t.selectStrategy){case"single":return O;case"multiple":return h;default:return k}});function u(e){return b.wrapInArray(e).every(s=>c.value.has(s.value))}function A(e){return b.wrapInArray(e).some(s=>c.value.has(s.value))}function v(e,s){c.value=d.value.select({items:e,value:s,selected:new Set(c.value),isRequired:o.value})}function q(e,s=!1){const f=u([e]);if(l.value&&s){const i=S.value.findIndex(y=>t.valueComparator(y,l.value)),m=S.value.findIndex(y=>t.valueComparator(y,e));if(i===-1||m===-1){v([e],!u([e])),l.value=c.value.size>0?e:null;return}const[P,R]=i<m?[i,m]:[m,i],j=S.value.slice(P,R+1),w=u([l.value]),z=j.filter(y=>u([y])!==w);v(z,w),w===f&&v([e],!f)}else v([e],!u([e]));l.value=c.value.size>0?e:null}function x(e){l.value=null,c.value=d.value.selectAll({value:e,allItems:S.value,selected:new Set(c.value)})}const I=n.computed(()=>c.value.size>0),T=n.computed(()=>{const e=d.value.allSelected({allItems:S.value});return!!e.length&&u(e)}),D=n.computed(()=>a.value&&d.value.showSelectAll),p={selected:c,selectStrategy:d,toggleSelect:q,select:v,selectAll:x,isRequired:o,isSelected:u,isSomeSelected:A,someSelected:I,allSelected:T,showSelect:a,showSelectAll:D};return n.provide(g,p),p}function L(){const t=n.inject(g);if(!t)throw new Error("Unable to `useSelection()`");return t}exports.EvDataTableSelectionSymbol=g;exports.makeDataTableSelectProps=B;exports.provideSelection=M;exports.useSelection=L;
+import{toRef as h,ref as B,computed as m,provide as F,inject as O}from"vue";import{useModelProxy as P}from"../../../composables/modelProxy.mjs";import{propsFactory as k}from"../../../util/props.mjs";import{wrapInArray as g}from"../../../util/helpers.mjs";import{isDeepEqual as L}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.16 | MIT License */const M={selectable:!0,showSelectAll:!1,allSelected:()=>[],select:({items:l,value:s,selected:a,isRequired:r})=>{var t;return new Set(s||r?[(t=l[0])==null?void 0:t.value]:[])},selectAll:({selected:l})=>l},A={selectable:!0,showSelectAll:!0,allSelected:({allItems:l})=>l,select:({items:l,value:s,selected:a,isRequired:r})=>{for(const t of l)s?a.add(t.value):(!r||a.size>1)&&a.delete(t.value);return a},selectAll:({value:l,allItems:s,selected:a})=>A.select({items:s,value:l,selected:a,isRequired:!1})},U={selectable:!1,showSelectAll:!1,allSelected:()=>[],select:()=>new Set,selectAll:()=>new Set},Q=k({required:Boolean,showSelect:Boolean,selectStrategy:{type:[String,Object],default:void 0},selected:{type:Array,default:()=>[]},valueComparator:{type:Function,default:L}},"DataTable-select"),I=Symbol.for("ev:data-table-selection");function V(l,s){const a=h(l,"showSelect"),r=h(l,"required"),t=B(null),c=P(l,"selected",l.selected,e=>new Set(g(e).map(n=>{var d;return((d=s.value.find(o=>l.valueComparator(n,o.value)))==null?void 0:d.value)??n})),e=>[...e.values()]),i=m(()=>s.value.filter(e=>e.selectable)),S=m(()=>{if(typeof l.selectStrategy=="object")return l.selectStrategy;switch(l.selectStrategy){case"single":return M;case"multiple":return A;default:return U}});function u(e){return g(e).every(n=>c.value.has(n.value))}function p(e){return g(e).some(n=>c.value.has(n.value))}function v(e,n){c.value=S.value.select({items:e,value:n,selected:new Set(c.value),isRequired:r.value})}function q(e,n=!1){const d=u([e]);if(t.value&&n){const o=i.value.findIndex(f=>l.valueComparator(f,t.value)),y=i.value.findIndex(f=>l.valueComparator(f,e));if(o===-1||y===-1){v([e],!u([e])),t.value=c.value.size>0?e:null;return}const[R,T]=o<y?[o,y]:[y,o],j=i.value.slice(R,T+1),w=u([t.value]),E=j.filter(f=>u([f])!==w);v(E,w),w===d&&v([e],!d)}else v([e],!u([e]));t.value=c.value.size>0?e:null}function x(e){t.value=null,c.value=S.value.selectAll({value:e,allItems:i.value,selected:new Set(c.value)})}const z=m(()=>c.value.size>0),C=m(()=>{const e=S.value.allSelected({allItems:i.value});return!!e.length&&u(e)}),D=m(()=>a.value&&S.value.showSelectAll),b={selected:c,selectStrategy:S,toggleSelect:q,select:v,selectAll:x,isRequired:r,isSelected:u,isSomeSelected:p,someSelected:z,allSelected:C,showSelect:a,showSelectAll:D};return F(I,b),b}function W(){const l=O(I);if(!l)throw new Error("Unable to `useSelection()`");return l}export{I as EvDataTableSelectionSymbol,Q as makeDataTableSelectProps,V as provideSelection,W as useSelection};
 //# sourceMappingURL=select.mjs.map