@evance/evance-ui 1.0.26 → 1.0.29

package/dist/esm/EvDataTable.vue_vue_type_script_setup_true_lang-By6tpDNm.mjs

@@ -0,0 +1,394 @@
+/*! Evance UI v1.0.29 | MIT License */
+import { computed, defineComponent, useSlots, ref, watch, onMounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createVNode, createBlock, mergeProps, isRef, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, Fragment, renderList, normalizeProps, guardReactiveProps, nextTick } from "vue";
+import { m as makeComponentProps } from "./component-BpYm1WT0.mjs";
+import { b as makeVirtualProps, u as useVirtual, _ as _sfc_main$5 } from "./EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-_OSNXgIb.mjs";
+import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-7NDZ9dsF.mjs";
+import { p as propsFactory } from "./props-CAutTSQJ.mjs";
+import { a as getPropertyValue, o as omit, f as filterComponentProps } from "./helpers-BKv7T7oP.mjs";
+import { a as makeDataTableHeaderProps, c as createHeaders, _ as _sfc_main$6 } from "./EvDataTableRow.vue_vue_type_script_setup_true_lang-D8bL4Bfw.mjs";
+import { m as makeDataTableSelectProps, p as provideSelection } from "./select-CGDXoVe3.mjs";
+import { m as makeEvDataTableSearchProps, _ as _sfc_main$1 } from "./EvDataTableSearch.vue_vue_type_script_setup_true_lang-BfL5QeOQ.mjs";
+import { u as useModelProxy } from "./modelProxy-CNuDW0vB.mjs";
+import { _ as _sfc_main$2 } from "./EvInfiniteScroll.vue_vue_type_script_setup_true_lang-D9Sg6SGH.mjs";
+import { _ as _sfc_main$3 } from "./EvDataTableCell.vue_vue_type_script_setup_true_lang-CEa3jc7s.mjs";
+import { c as calculateDisplayRuleValue } from "./display-BWlGg_v4.mjs";
+import { _ as _sfc_main$4 } from "./EvCheckbox.vue_vue_type_script_setup_true_lang-ChERjN6b.mjs";
+import { u as useLocaleFunctions } from "./locale-CBRvRU5T.mjs";
+import { g as getPrefixedEventHandlers } from "./events-B06NAQ04.mjs";
+import { t as toWebUnit } from "./units-DO_LcAfh.mjs";
+const makeDataTableItemsProps = 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 transformItem(props, item, index, columns) {
+  const value = props.returnObject ? item : getPropertyValue(item, props.itemValue);
+  const selectable = getPropertyValue(item, props.itemSelectable, true);
+  const itemColumns = columns.reduce(
+    (obj, column) => {
+      if (column.key != null) {
+        obj[column.key] = getPropertyValue(item, column.value);
+        return obj;
+      }
+    },
+    {}
+  );
+  return {
+    key: props.returnObject ? getPropertyValue(item, props.itemValue) : value,
+    index,
+    value,
+    selectable,
+    columns: itemColumns,
+    raw: item
+  };
+}
+function transformItems(props, items, columns) {
+  return items.map(
+    (item, index) => transformItem(props, item, index, columns)
+  );
+}
+function useDataTableItems(items, props, columns) {
+  const internalItems = computed(
+    () => transformItems(props, items.value, columns.value)
+  );
+  return { items: internalItems };
+}
+const makeEvDataTableProps = propsFactory(
+  {
+    loading: Boolean,
+    page: { type: Number, default: 1 },
+    itemsPerPage: { type: Number, default: 50 },
+    showHeaders: Boolean,
+    showFinished: {
+      type: Boolean,
+      default: false
+    },
+    "onClick:row": Function,
+    "onContextmenu:row": Function,
+    "onDblclick:row": Function,
+    ...makeEvDataTableSearchProps(),
+    ...makeDataTableHeaderProps(),
+    ...makeDataTableItemsProps(),
+    ...makeDataTableSelectProps(),
+    ...makeDimensionsProps(),
+    ...makeVirtualProps(),
+    ...makeComponentProps()
+  },
+  "EvDataTable"
+);
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-data-table--empty"
+};
+const _hoisted_2 = { class: "ev-data-table--native" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = {
+  key: 0,
+  class: "ev-data-table--thead",
+  role: "rowgroup"
+};
+const _hoisted_5 = {
+  class: "ev-data-table--tbody",
+  role: "rowgroup"
+};
+const _hoisted_6 = ["colspan"];
+const _hoisted_7 = ["colspan"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvDataTable",
+  props: { ...makeEvDataTableProps() },
+  emits: ["click:row", "contextmenu:row", "dblclick:row", "load", "update:items", "update:loading", "update:modelValue", "update:page", "update:search", "update:sort"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const slots = useSlots();
+    const isLoading = useModelProxy(props, "loading", false);
+    const itemsModel = useModelProxy(props, "items");
+    const pageModel = useModelProxy(props, "page");
+    const dimensions = useDimensions(props);
+    const { columns, headers } = createHeaders(props);
+    const { items } = useDataTableItems(itemsModel, props, columns);
+    const { allSelected, selectAll, showSelectAll, someSelected } = provideSelection(props, items);
+    const {
+      containerRef,
+      markerRef,
+      paddingTop,
+      paddingBottom,
+      computedItems,
+      handleItemResize,
+      handleScroll,
+      handleScrollend
+    } = useVirtual(props, items);
+    const totalColumns = computed(() => {
+      return columns.value.length + (props.showSelect ? 1 : 0);
+    });
+    const { t } = useLocaleFunctions();
+    const sortModel = useModelProxy(props, "sort");
+    const searchModel = useModelProxy(props, "search");
+    const infiniteScrollRef = ref();
+    const infiniteScrollDisabled = computed(() => isLoading.value);
+    const isEmpty = computed(() => {
+      var _a;
+      return !((_a = itemsModel.value) == null ? void 0 : _a.length);
+    });
+    const searchProps = computed(() => {
+      return omit(filterComponentProps(_sfc_main$1, props), [
+        "loading",
+        "search",
+        "sort"
+      ]);
+    });
+    const spaceAbove = computed(() => toWebUnit(paddingTop.value));
+    const spaceBelow = computed(() => toWebUnit(paddingBottom.value));
+    watch(
+      () => {
+        var _a;
+        return (_a = infiniteScrollRef.value) == null ? void 0 : _a.rootElement;
+      },
+      (value) => {
+        containerRef.value = value;
+      }
+    );
+    watch(
+      () => props.filters,
+      () => {
+        loadFirstPage();
+      },
+      { deep: true }
+    );
+    function loadFirstPage() {
+      isLoading.value = true;
+      const nextPage = 1;
+      function setPageItems(results, isLastPage = false) {
+        itemsModel.value = results;
+        pageModel.value = nextPage;
+        nextTick(() => {
+          resetScroll(
+            results.length < props.itemsPerPage || isLastPage ? "finished" : "ok"
+          );
+          isLoading.value = false;
+        });
+      }
+      emit("load", { setPageItems, page: nextPage });
+    }
+    function onInfiniteScrollLoad(options) {
+      const nextPage = pageModel.value + 1;
+      function setPageItems(results, isLastPage = false) {
+        itemsModel.value.push(...results);
+        pageModel.value = nextPage;
+        results.length < props.itemsPerPage || isLastPage ? options.done() : options.next();
+      }
+      emit("load", { setPageItems, page: nextPage });
+    }
+    function resetScroll(status = "ok") {
+      var _a;
+      (_a = infiniteScrollRef.value) == null ? void 0 : _a.reset(status);
+    }
+    function colStyle(column) {
+      return {
+        width: calculateDisplayRuleValue(column.width),
+        minWidth: calculateDisplayRuleValue(column.minWidth),
+        maxWidth: calculateDisplayRuleValue(column.maxWidth)
+      };
+    }
+    __expose({
+      resetScroll,
+      reload: loadFirstPage
+    });
+    onMounted(() => {
+      var _a;
+      if (!((_a = itemsModel.value) == null ? void 0 : _a.length)) {
+        loadFirstPage();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-data-table", props.class]),
+        style: normalizeStyle([unref(dimensions), props.style])
+      }, [
+        createVNode(unref(_sfc_main$1), mergeProps(searchProps.value, {
+          search: unref(searchModel),
+          "onUpdate:search": [
+            _cache[0] || (_cache[0] = ($event) => isRef(searchModel) ? searchModel.value = $event : null),
+            loadFirstPage
+          ],
+          sort: unref(sortModel),
+          "onUpdate:sort": [
+            _cache[1] || (_cache[1] = ($event) => isRef(sortModel) ? sortModel.value = $event : null),
+            loadFirstPage
+          ],
+          loading: unref(isLoading),
+          "hide-select-all": props.showHeaders,
+          filters: props.filters
+        }), createSlots({ _: 2 }, [
+          unref(slots)["select-actions"] ? {
+            name: "select-actions",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "select-actions")
+            ]),
+            key: "0"
+          } : void 0,
+          unref(slots).filters ? {
+            name: "filters",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "filters")
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1040, ["search", "sort", "loading", "hide-select-all", "filters"]),
+        isEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            createTextVNode(toDisplayString(unref(t)("table.empty")), 1)
+          ])
+        ])) : (openBlock(), createBlock(unref(_sfc_main$2), {
+          key: 1,
+          ref_key: "infiniteScrollRef",
+          ref: infiniteScrollRef,
+          class: "ev-data-table--wrapper",
+          disabled: infiniteScrollDisabled.value,
+          "show-finished": props.showFinished,
+          onLoad: onInfiniteScrollLoad,
+          onScrollPassive: unref(handleScroll),
+          onScrollend: unref(handleScrollend)
+        }, createSlots({
+          default: withCtx(() => [
+            createElementVNode("table", _hoisted_2, [
+              renderSlot(_ctx.$slots, "colgroup", {}, () => [
+                createElementVNode("colgroup", null, [
+                  props.showSelect ? (openBlock(), createElementBlock("col", _hoisted_3)) : createCommentVNode("", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(columns), (column, colIndex) => {
+                    return openBlock(), createElementBlock("col", {
+                      key: colIndex,
+                      style: normalizeStyle(colStyle(column))
+                    }, null, 4);
+                  }), 128))
+                ])
+              ]),
+              props.showHeaders ? (openBlock(), createElementBlock("thead", _hoisted_4, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(headers), (row, rowIndex) => {
+                  return openBlock(), createElementBlock("tr", { key: rowIndex }, [
+                    unref(showSelectAll) && rowIndex === 0 ? (openBlock(), createBlock(unref(_sfc_main$3), {
+                      key: 0,
+                      tag: "th",
+                      colspan: 1,
+                      rowspan: unref(headers).length,
+                      class: "ev-data-table-cell--checkbox"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(_sfc_main$4), {
+                          "model-value": unref(allSelected),
+                          indeterminate: unref(someSelected) && !unref(allSelected),
+                          "onUpdate:modelValue": unref(selectAll)
+                        }, null, 8, ["model-value", "indeterminate", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }, 8, ["rowspan"])) : createCommentVNode("", true),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(row, (header, headerIndex) => {
+                      return openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
+                        key: headerIndex,
+                        tag: "th"
+                      }, header.headerProps, {
+                        align: header.align,
+                        colspan: header.colspan,
+                        rowspan: header.rowspan
+                      }), {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, `header.${header.key}`, normalizeProps(guardReactiveProps({ header })), () => [
+                            createTextVNode(toDisplayString(header.title), 1)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1040, ["align", "colspan", "rowspan"]);
+                    }), 128))
+                  ]);
+                }), 128))
+              ])) : createCommentVNode("", true),
+              createElementVNode("tbody", _hoisted_5, [
+                createElementVNode("tr", {
+                  ref_key: "markerRef",
+                  ref: markerRef,
+                  class: "ev-data-table--spacer-above",
+                  style: normalizeStyle({ height: spaceAbove.value, border: 0 })
+                }, [
+                  createElementVNode("td", {
+                    colspan: totalColumns.value,
+                    style: { height: 0, border: 0 }
+                  }, null, 8, _hoisted_6)
+                ], 4),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedItems), (displayItem) => {
+                  return openBlock(), createBlock(_sfc_main$5, {
+                    key: displayItem.index,
+                    renderless: "",
+                    "onUpdate:height": (h) => unref(handleItemResize)(displayItem.index, h)
+                  }, {
+                    default: withCtx(({ itemRef }) => [
+                      createVNode(unref(_sfc_main$6), normalizeProps(guardReactiveProps({
+                        ref: itemRef,
+                        item: displayItem.raw,
+                        index: displayItem.index,
+                        ...unref(getPrefixedEventHandlers)(
+                          props,
+                          ":row",
+                          () => ({ ...itemRef.value })
+                        )
+                      })), createSlots({
+                        default: withCtx((itemProps) => [
+                          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(itemProps)))
+                        ]),
+                        _: 2
+                      }, [
+                        renderList(unref(columns), (column) => {
+                          return {
+                            name: `item.${column.key}`,
+                            fn: withCtx((cellProps) => [
+                              !unref(slots).default ? renderSlot(_ctx.$slots, `item.${column.key}`, normalizeProps(mergeProps({ key: 0 }, cellProps))) : createCommentVNode("", true)
+                            ])
+                          };
+                        })
+                      ]), 1040)
+                    ]),
+                    _: 2
+                  }, 1032, ["onUpdate:height"]);
+                }), 128)),
+                createElementVNode("tr", {
+                  class: "ev-data-table--spacer-below",
+                  style: normalizeStyle({ height: spaceBelow.value, border: 0 })
+                }, [
+                  createElementVNode("td", {
+                    colspan: totalColumns.value,
+                    style: { height: 0, border: 0 }
+                  }, null, 8, _hoisted_7)
+                ], 4)
+              ])
+            ])
+          ]),
+          _: 2
+        }, [
+          unref(slots).finished ? {
+            name: "finished",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "finished")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["disabled", "show-finished", "onScrollPassive", "onScrollend"]))
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvDataTableProps as m
+};
+//# sourceMappingURL=EvDataTable.vue_vue_type_script_setup_true_lang-By6tpDNm.mjs.map

package/dist/esm/EvDataTable.vue_vue_type_script_setup_true_lang-By6tpDNm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDataTable.vue_vue_type_script_setup_true_lang-By6tpDNm.mjs","sources":["../../src/components/EvDataTable/composables/items.ts","../../src/components/EvDataTable/EvDataTable.ts","../../src/components/EvDataTable/EvDataTable.vue"],"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","import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeVirtualProps } from \"@/composables/virtual\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { makeDataTableItemsProps } from \"./composables/items\";\nimport { makeDataTableHeaderProps } from \"./composables/headers\";\nimport { makeDataTableSelectProps } from \"./composables/select\";\nimport { makeEvDataTableSearchProps } from \"./EvDataTableSearch\";\nimport { DataTableItem } from \"@/components/EvDataTable/composables/types\";\nimport { PropType } from \"vue\";\n\nexport const makeEvDataTableProps = propsFactory(\n    {\n        loading: Boolean,\n        page: { type: Number, default: 1 },\n        itemsPerPage: { type: Number, default: 50 },\n        showHeaders: Boolean,\n        showFinished: {\n            type: Boolean,\n            default: false,\n        },\n\n        \"onClick:row\": Function as PropType<\n            (event: PointerEvent, item: DataTableItem) => void\n        >,\n        \"onContextmenu:row\": Function as PropType<\n            (event: PointerEvent, item: DataTableItem) => void\n        >,\n        \"onDblclick:row\": Function as PropType<\n            (event: PointerEvent, item: DataTableItem) => void\n        >,\n\n        ...makeEvDataTableSearchProps(),\n        ...makeDataTableHeaderProps(),\n        ...makeDataTableItemsProps(),\n        ...makeDataTableSelectProps(),\n        ...makeDimensionsProps(),\n        ...makeVirtualProps(),\n        ...makeComponentProps(),\n    },\n    \"EvDataTable\",\n);\n","<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:modelValue\", 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.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":["_useSlots","EvDataTableSearch"],"mappings":";;;;;;;;;;;;;;;;;;AAcO,MAAM,0BAA0B;AAAA,EACnC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACP,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,IACA,gBAAgB;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,QAAQ;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,IACA,cAAc;AAAA,EAClB;AAAA,EACA;AACJ;AAEO,SAAS,cACZ,OACA,MACA,OACA,SACa;AACb,QAAM,QAAQ,MAAM,eACd,OACA,iBAAiB,MAAM,MAAM,SAAS;AAC5C,QAAM,aAAa,iBAAiB,MAAM,MAAM,gBAAgB,IAAI;AACpE,QAAM,cAAc,QAAQ;AAAA,IACxB,CAAC,KAAK,WAAW;AACT,UAAA,OAAO,OAAO,MAAM;AACpB,YAAI,OAAO,GAAG,IAAI,iBAAiB,MAAM,OAAO,KAAK;AAC9C,eAAA;AAAA,MAAA;AAAA,IAEf;AAAA,IACA,CAAA;AAAA,EACJ;AACO,SAAA;AAAA,IACH,KAAK,MAAM,eACL,iBAAiB,MAAM,MAAM,SAAS,IACtC;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,KAAK;AAAA,EACT;AACJ;AAEgB,SAAA,eACZ,OACA,OACA,SACe;AACf,SAAO,MAAM;AAAA,IAAI,CAAC,MAAM,UACpB,cAAc,OAAO,MAAM,OAAO,OAAO;AAAA,EAC7C;AACJ;AAEgB,SAAA,kBACZ,OACA,OACA,SACF;AACE,QAAM,gBAAgB;AAAA,IAAS,MAC3B,eAAe,OAAO,MAAM,OAAO,QAAQ,KAAK;AAAA,EACpD;AACO,SAAA,EAAE,OAAO,cAAc;AAClC;ACxEO,MAAM,uBAAuB;AAAA,EAChC;AAAA,IACI,SAAS;AAAA,IACT,MAAM,EAAE,MAAM,QAAQ,SAAS,EAAE;AAAA,IACjC,cAAc,EAAE,MAAM,QAAQ,SAAS,GAAG;AAAA,IAC1C,aAAa;AAAA,IACb,cAAc;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,eAAe;AAAA,IAGf,qBAAqB;AAAA,IAGrB,kBAAkB;AAAA,IAIlB,GAAG,2BAA2B;AAAA,IAC9B,GAAG,yBAAyB;AAAA,IAC5B,GAAG,wBAAwB;AAAA,IAC3B,GAAG,yBAAyB;AAAA,IAC5B,GAAG,oBAAoB;AAAA,IACvB,GAAG,iBAAiB;AAAA,IACpB,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;ACNA,UAAM,QAAQA,SAAA;AA+Bd,UAAM,YAAY,cAAc,OAAO,WAAW,KAAK;AACjD,UAAA,aAAa,cAAc,OAAO,OAAO;AACzC,UAAA,YAAY,cAAc,OAAO,MAAM;AACvC,UAAA,aAAa,cAAc,KAAK;AACtC,UAAM,EAAE,SAAS,YAAY,cAAc,KAAK;AAChD,UAAM,EAAE,MAAM,IAAI,kBAAkB,YAAY,OAAO,OAAO;AAExD,UAAA,EAAE,aAAa,WAAW,eAAe,iBAC3C,iBAAiB,OAAO,KAAK;AAE3B,UAAA;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,WAAW,OAAO,KAAK;AAErB,UAAA,eAAe,SAAS,MAAM;AAChC,aAAO,QAAQ,MAAM,UAAU,MAAM,aAAa,IAAI;AAAA,IAAA,CACzD;AAEK,UAAA,EAAE,EAAE,IAAI,mBAAmB;AAC3B,UAAA,YAAY,cAAc,OAAO,MAAM;AACvC,UAAA,cAAc,cAAc,OAAO,QAAQ;AACjD,UAAM,oBAAoB,IAA+C;AACzE,UAAM,yBAAyB,SAAS,MAAM,UAAU,KAAK;AAC7D,UAAM,UAAU,SAAS,MAAA;;AAAM,gBAAC,gBAAW,UAAX,mBAAkB;AAAA,KAAM;AAClD,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,KAAK,qBAAqBC,aAAmB,KAAK,GAAG;AAAA,QACxD;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACH;AAAA,IAAA,CACJ;AAED,UAAM,aAAa,SAAS,MAAM,UAAU,WAAW,KAAK,CAAC;AAC7D,UAAM,aAAa,SAAS,MAAM,UAAU,cAAc,KAAK,CAAC;AAEhE;AAAA,MACI,MAAM;;AAAA,uCAAkB,UAAlB,mBAAyB;AAAA;AAAA,MAC/B,CAAC,UAAU;AACP,qBAAa,QAAQ;AAAA,MAAA;AAAA,IAE7B;AAEA;AAAA,MACI,MAAM,MAAM;AAAA,MACZ,MAAM;AACY,sBAAA;AAAA,MAClB;AAAA,MACA,EAAE,MAAM,KAAK;AAAA,IACjB;AAEA,aAAS,gBAAgB;AACrB,gBAAU,QAAQ;AAClB,YAAM,WAAW;AACR,eAAA,aACL,SACA,aAAsB,OACxB;AACE,mBAAW,QAAQ;AACnB,kBAAU,QAAQ;AAKlB,iBAAS,MAAM;AACX;AAAA,YACI,QAAQ,SAAS,MAAM,gBAAgB,aACjC,aACA;AAAA,UACV;AACA,oBAAU,QAAQ;AAAA,QAAA,CACrB;AAAA,MAAA;AAEL,WAAK,QAAQ,EAAE,cAAc,MAAM,UAAU;AAAA,IAAA;AAGjD,aAAS,qBAAqB,SAAS;AAC7B,YAAA,WAAW,UAAU,QAAQ;AAC1B,eAAA,aACL,SACA,aAAsB,OACxB;AACa,mBAAA,MAAM,KAAK,GAAG,OAAO;AAChC,kBAAU,QAAQ;AACV,gBAAA,SAAS,MAAM,gBAAgB,aACjC,QAAQ,KAAK,IACb,QAAQ,KAAK;AAAA,MAAA;AAEvB,WAAK,QAAQ,EAAE,cAAc,MAAM,UAAU;AAAA,IAAA;AAGxC,aAAA,YAAY,SAA+B,MAAM;;AACpC,8BAAA,UAAA,mBAAO,MAAM;AAAA,IAAM;AAGzC,aAAS,SAAS,QAAyB;AAChC,aAAA;AAAA,QACH,OAAO,0BAA0B,OAAO,KAAK;AAAA,QAC7C,UAAU,0BAA0B,OAAO,QAAQ;AAAA,QACnD,UAAU,0BAA0B,OAAO,QAAQ;AAAA,MACvD;AAAA,IAAA;AAGS,aAAA;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,IAAA,CACX;AAED,cAAU,MAAM;;AACR,UAAA,GAAC,gBAAW,UAAX,mBAAkB,SAAQ;AACb,sBAAA;AAAA,MAAA;AAAA,IAClB,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvDataTableCell.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.26 | MIT License */
-import { _, m } from "./EvDataTableCell.vue_vue_type_script_setup_true_lang-DBgFqCFo.mjs";
+/*! Evance UI v1.0.29 | MIT License */
+import { _, m } from "./EvDataTableCell.vue_vue_type_script_setup_true_lang-CEa3jc7s.mjs";
 export {
   _ as EvDataTableCell,
   m as makeEvDataTableCellProps

package/dist/esm/EvDataTableCell.vue_vue_type_script_setup_true_lang-CEa3jc7s.mjs

@@ -0,0 +1,53 @@
+/*! Evance UI v1.0.29 | MIT License */
+import { defineComponent, useSlots, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
+import { m as makeComponentProps } from "./component-BpYm1WT0.mjs";
+import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-7NDZ9dsF.mjs";
+import { p as propsFactory } from "./props-CAutTSQJ.mjs";
+const makeEvDataTableCellProps = propsFactory(
+  {
+    align: String,
+    colspan: Number,
+    noPadding: Boolean,
+    tag: {
+      type: String,
+      default: "td"
+    },
+    ...makeDimensionsProps(),
+    ...makeComponentProps()
+  },
+  "EvDataTableCell"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvDataTableCell",
+  props: { ...makeEvDataTableCellProps() },
+  setup(__props) {
+    const props = __props;
+    useSlots();
+    const alignClass = computed(() => {
+      return props.align ? `text-${props.align}` : void 0;
+    });
+    const dimensions = useDimensions(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        class: normalizeClass([
+          "ev-data-table-cell",
+          { "pa-0": props.noPadding },
+          alignClass.value,
+          props.class
+        ]),
+        colspan: props.colspan,
+        style: normalizeStyle([unref(dimensions), props.style])
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "colspan", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvDataTableCellProps as m
+};
+//# sourceMappingURL=EvDataTableCell.vue_vue_type_script_setup_true_lang-CEa3jc7s.mjs.map

package/dist/esm/EvDataTableCell.vue_vue_type_script_setup_true_lang-CEa3jc7s.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDataTableCell.vue_vue_type_script_setup_true_lang-CEa3jc7s.mjs","sources":["../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.ts","../../src/components/EvDataTable/EvDataTableCell/EvDataTableCell.vue"],"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","<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"],"mappings":";;;;;AAKO,MAAM,2BAA2B;AAAA,EACpC;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,oBAAoB;AAAA,IACvB,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACXcA;AAIR,UAAA,aAAa,SAAS,MAAM;AAC9B,aAAO,MAAM,QAAQ,QAAQ,MAAM,KAAK,KAAK;AAAA,IAAA,CAChD;AAEK,UAAA,aAAa,cAAc,KAAK;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvDataTableRow.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.26 | MIT License */
-import { _, m } from "./EvDataTableRow.vue_vue_type_script_setup_true_lang-ipsvk7QM.mjs";
+/*! Evance UI v1.0.29 | MIT License */
+import { _, m } from "./EvDataTableRow.vue_vue_type_script_setup_true_lang-D8bL4Bfw.mjs";
 export {
   _ as EvDataTableRow,
   m as makeEvDataTableRowProps